@charset "UTF-8";
/* = reset
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* = html
----------------------------------------------- */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* = body
----------------------------------------------- */
body {
  min-width: 1020px;
  color: #313131;
  background: #fff;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}

img {
  vertical-align: bottom;
}

/* = anchor
----------------------------------------------- */
a:link, a:visited {
  color: #313131;
  text-decoration: none;
}
a:hover {
  color: #0068b7;
  text-decoration: underline;
}

/* = header
----------------------------------------------- */
#header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 140px;
  background: #fff;
  z-index: 9999;
}
#header .header_inner {
  width: 1000px;
  margin: 0 auto;
}
#header .logo_area {
  overflow: hidden;
}
#header .logo_area .logo {
  float: left;
  width: 396px;
  height: 34px;
  margin: 28px 0;
  background: url(../img/hdr_logo.png) no-repeat;
  text-indent: -9999px;
}
#header .logo_area .contact {
  display: inline;
}
#header .logo_area .contact a {
  display: block;
  float: right;
  width: 317px;
  height: 48px;
  margin: 20px 0 22px;
  background: url(../img/hdr_tel_pc.png) no-repeat;
  text-indent: -9999px;
  cursor: default;
}
#header .nav {
  overflow: hidden;
}
#header .nav li {
  display: inline;
}
#header .nav li a {
  display: block;
  float: left;
  width: 200px;
  height: 50px;
  background: url(../img/nav_pc.png) no-repeat;
  text-indent: -9999px;
}
#header .nav .nav01 a {
  background-position: 0 0;
}
#header .nav .nav01 a:hover {
  background-position: 0 -50px;
}
#header .nav .nav02 a {
  background-position: -200px 0;
}
#header .nav .nav02 a:hover {
  background-position: -200px -50px;
}
#header .nav .nav03 a {
  background-position: -400px 0;
}
#header .nav .nav03 a:hover {
  background-position: -400px -50px;
}
#header .nav .nav04 a {
  background-position: -600px 0;
}
#header .nav .nav04 a:hover {
  background-position: -600px -50px;
}
#header .nav .nav05 a {
  background-position: -800px 0;
}
#header .nav .nav05 a:hover {
  background-position: -800px -50px;
}

/* main_visual */
.main_visual {
  height: 500px;
  padding: 140px 0 0;
  background: url(../img/main_visual_bg.jpg) no-repeat 50% 140px #7ecef4;
}
.main_visual p {
  width: 1000px;
  margin: 0 auto;
}

/* = contents
----------------------------------------------- */
#contents {
  padding: 50px 0 20px;
  overflow: hidden;
  background: url(../img/contents_bg.jpg) no-repeat 50% 0 #0068b7;
}
#contents .section {
  width: 1000px;
  margin: -140px auto 20px;
  padding: 140px 0 0;
}
#contents .section .section_inner {
  padding: 22px 20px;
  background: #fff;
}
#contents .box {
  background: #fbf5e2;
  padding: 22px 30px;
  overflow: hidden;
}
#contents .left {
  float: left;
}
#contents .right {
  float: right;
}
#contents .bnr {
  margin: 8px 0 0;
}
#contents .bnr a {
  cursor: default;
}

/* IE7 */
*:first-child + html #contents #anchor_reform {
  margin: 0 auto 20px;
  padding: 0;
}

/* reform */
.reform_01 {
  padding: 22px 13px 0 16px;
  overflow: hidden;
}
.reform_01 .left {
  width: 450px;
  padding: 11px 0 0;
}
.reform_01 .left dd {
  padding: 10px 0 0 0;
  line-height: 2;
  font-weight: bold;
}
.reform_01 .right {
  width: 469px;
}

.reform_lead {
  margin: 24px 0;
  padding: 20px 0 0;
  border-top: 2px dotted #aaa79d;
  font-size: 20px;
  line-height: 1.6;
}

.reform_item_01 {
  margin: 0 0 10px;
  padding: 10px 15px;
  background: #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.reform_item_01 .left {
  width: 252px;
}
.reform_item_01 .right {
  width: 600px;
  padding: 13px 0 0;
}
.reform_item_01 .right dd {
  padding: 13px 0 0;
  line-height: 2;
}

.reform_item_02 {
  overflow: hidden;
  margin: 20px -1px 5px 0;
  padding: 0 0 2px;
}
.reform_item_02 .reform_item {
  float: left;
  width: 255px;
  margin-right: 22px;
  padding: 10px 15px;
  background: #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.reform_item_02 .reform_item dl {
  padding: 10px 0 0;
}
.reform_item_02 .reform_item dl dd {
  padding: 10px 0 0;
  font-size: 14px;
  line-height: 1.8;
}
.reform_item_02 .reform_item.last {
  margin-right: 1px;
}

.fryer_btn img{
  width: 60px;
  height: 60px;
}

/* case */
.case_01 {
  padding: 32px 0 0;
}
.case_01 .lead {
  margin: 20px 0 25px;
}
.case_01 .item_list_block {
  margin: 0 -5px 55px 0;
  overflow: hidden;
}
.case_01 .item_list_block .item_list {
  float: left;
  width: 142px;
  margin-right: 3px;
  padding-right: 19px;
  background: url(../img/arrow_01.png) no-repeat 100% 70px;
}
.case_01 .item_list_block .item_list.last {
  margin-right: 0;
  padding-right: 0;
  background-image: none;
}
.case_01 .item_list_block .item_list p {
  margin: 10px 0 0;
  line-height: 1.4;
}

.case_02 .lead {
  margin: 20px 0 25px;
}
.case_02 dl {
  overflow: hidden;
}
.case_02 dl dt {
  clear: left;
  float: left;
  width: 110px;
  padding: 0 0 25px;
}
.case_02 dl dd {
  float: left;
  width: 845px;
  line-height: 1.4;
}
.case_02 dl dd.single {
  padding-top: 10px;
}

.case_03 {
  margin: 0 0 20px;
}
.case_03 .box {
  padding: 18px 24px 10px !important;
}
.case_03 .left {
  width: 448px;
}
.case_03 .left dt {
  border-bottom: 2px dotted #595959;
}
.case_03 .left dd {
  padding: 23px 0 0;
  overflow: hidden;
}
.case_03 .left dd .left {
  width: 202px;
  padding-right: 33px;
  background: url(../img/arrow_02.png) no-repeat 100% 101px;
}
.case_03 .left dd .right {
  width: 202px;
}
.case_03 .left dd p {
  margin: 10px 0 0;
}
.case_03 .right {
  width: 440px;
}
.case_03 .right li {
  margin: 15px 0 15px 2em;
  font-size: 14px;
  line-height: 1.5;
  text-indent: -2em;
}
.case_03 .right li span {
  margin-right: 5px;
  color: #00b7ee;
  font-weight: bold;
}

.case_04 {
  margin: 0 0 30px;
}
.case_04 .box {
  padding: 18px 24px !important;
}
.case_04 dt {
  border-bottom: 2px dotted #595959;
}
.case_04 dd {
  padding: 23px 0 0;
}
.case_04 dd .item_list_block {
  overflow: hidden;
}
.case_04 dd .item_list_block.left {
  width: 423px;
}
.case_04 dd .item_list_block.right {
  width: 423px;
}
.case_04 dd .item_list_block .left {
  width: 191px;
  padding-right: 33px;
  background: url(../img/arrow_02.png) no-repeat 100% 101px;
}
.case_04 dd .item_list_block .right {
  width: 191px;
}
.case_04 dd .item_list_block p {
  margin: 10px 0 0;
}

.case_05 {
  margin: 0 0 15px;
}
.case_05 h3 {
  margin: 0 0 20px;
}
.case_05 .box {
  padding: 18px 24px !important;
}
.case_05 dt {
  border-bottom: 2px dotted #595959;
  overflow: hidden;
}
.case_05 dt img {
  float: left;
  width: 406px;
  margin-right: 27px;
}
.case_05 dt p {
  float: left;
  width: 460px;
  margin: 15px 0 0;
  line-height: 1.5;
}
.case_05 dd {
  padding: 23px 0 0;
}
.case_05 dd .item_list_block {
  margin: 0 -5px 30px 0;
  overflow: hidden;
}
.case_05 dd .item_list_block .item_list {
  float: left;
  width: 167px;
  margin-right: 4px;
  padding-right: 15px;
  background: url(../img/arrow_03.png) no-repeat 100% 60px;
}
.case_05 dd .item_list_block .item_list.last {
  margin-right: 0;
  padding-right: 0;
  background-image: none;
}
.case_05 dd .item_list_block p {
  margin: 10px 0 0;
  line-height: 1.5;
}
.case_05 .explain {
  font-size: 20px;
  line-height: 1.5;
}

/* model */
.model_sect {
  position: relative;
  padding-top: 50px !important;
}
.model_sect .flyer {
  position: absolute;
  top: 0;
  right: 10px;
}
.model_sect .flyer a {
  display: block;
  width: 138px;
  height: 145px;
  background: url(../img/event_btn_flyer.png) no-repeat;
  text-indent: -9999px;
}
.model_sect .flyer a:hover {
  background-position: 0 -145px;
}

.model_01 p {
  margin: 27px 0 42px;
}

.model_02 {
  margin: 25px 0 20px;
  overflow: hidden;
}
.model_02 .left {
  width: 551px;
}
.model_02 .left table {
  width: 551px;
  margin: 17px 0 0;
}
.model_02 .left table th {
  width: 110px;
  padding: 10px 10px 10px 20px;
  color: #fff;
  background: #0068b7;
  border-top: 1px solid #bfbfbf;
  font-size: 14px;
  line-height: 1.4;
}
.model_02 .left table td {
  padding: 10px;
  background: #e1f5fb;
  border-top: 1px solid #bfbfbf;
  font-size: 14px;
  line-height: 1.4;
}
.model_02 .left table tr:first-child th,
.model_02 .left table tr:first-child td {
  border-top: none;
}
.model_02 .map {
  float: right;
  width: 380px;
}

/* event */
.event_01 {
  position: relative;
  margin-top: -18px;
}
.event_01 h2 {
  padding-top: 18px;
}
.event_01 .lead {
  margin: 19px 0;
}

.event_02 {
  margin: 0 0 20px;
  background: url(../img/event_bg_03.gif) repeat-y;
}
.event_02 dl {
  min-height: 304px;
  background: url(../img/event_bg_01.jpg) no-repeat;
}
.event_02 dl dt {
  padding: 26px 0 19px 61px;
}
.event_02 dl dd {
  padding: 0 60px 10px 45px;
  overflow: hidden;
}
.event_02 dl dd .left {
  width: 252px;
}
.event_02 dl dd .right {
  width: 586px;
}
.event_02 dl dd .right p {
  margin: 6px 0 11px;
  line-height: 1.5;
}
.event_02 dl dd .right .lecturer {
  margin: 0;
  color: #8957a1;
  font-size: 24px;
  font-weight: bold;
}
.event_02 dl dd .right .lecturer img {
  margin-right: 10px;
  vertical-align: middle;
}
.event_02 .note {
  padding: 10px 20px 25px 0;
  background: url(../img/event_bg_02.gif) no-repeat #f3eef5;
  font-size: 14px;
  text-align: right;
}

/* company */
.company_01 .lead {
  margin: 25px 0 27px;
}

.company_box {
  margin: 0 0 15px;
  padding: 20px;
  background: #e1f5fb;
  overflow: hidden;
}
.company_box .left {
  width: 480px;
}
.company_box .left table {
  width: 480px;
}
.company_box .left table th {
  width: 90px;
  padding: 11px 10px 11px 20px;
  color: #fff;
  background: #0068b7;
  border-top: 1px solid #bfbfbf;
  font-size: 14px;
  line-height: 1.4;
  vertical-align: top;
}
.company_box .left table td {
  padding: 11px 20px;
  background: #fff;
  border-top: 1px solid #bfbfbf;
  font-size: 14px;
  line-height: 1.4;
  vertical-align: top;
}
.company_box .left table tr:first-child th,
.company_box .left table tr:first-child td {
  border-top: none;
}
.company_box .right {
  width: 415px;
}
.company_box .right .btn {
  padding: 18px 17px;
  background: #fff;
}
.company_box .right .btn a {
  display: block;
  width: 382px;
  height: 48px;
  background: url(../img/company_btn.png) no-repeat;
  text-indent: -9999px;
}
.company_box .right .btn a:hover {
  background-position: 0 -48px;
}

/* = footer
----------------------------------------------- */
#footer {
  min-width: 1000px;
}
#footer .pagetop {
  height: 50px;
  background: url(../img/pagetop.png) no-repeat 50% 0 #00b7ee;
  text-indent: -9999px;
  cursor: pointer;
}
#footer .pagetop:hover {
  background: url(../img/pagetop.png) no-repeat 50% -50px #61ceef;
}
#footer .copyright {
  padding: 30px 0 20px;
  font-size: 15px;
  text-align: center;
}

/* = for smartphone
----------------------------------------------- */
@media screen and (max-width: 640px) {
  img {
    max-width: 100%;
    height: auto;
    width: auto;
  }

  .pc {
    display: none;
  }

  /* body */
  body {
    min-width: 320px;
    font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }

  /* header */
  #header {
    height: 83px;
  }
  #header .header_inner {
    width: auto;
  }
  #header .logo_area {
    padding: 0 10px;
  }
  #header .logo_area .logo {
    width: 198px;
    height: 17px;
    margin: 6px 0 10px;
    background-size: 198px 17px;
  }
  #header .logo_area .contact a {
    width: 90px;
    height: 23px;
    margin: 0 0 10px;
    background: url(../img/hdr_tel_sp.png) no-repeat;
    background-size: 90px 23px;
    cursor: pointer;
  }
  #header .nav li a {
    width: 31.25%;
    height: 25px;
    color: #fff;
    background-image: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    text-indent: 0;
    text-align: center;
  }
  #header .nav li a:hover {
    text-decoration: none;
  }
  #header .nav .nav01 a {
    width: 37.5%;
    height: 50px;
    line-height: 50px;
    background: #ea68a2;
  }
  #header .nav .nav02 a {
    background: #04c0f1;
  }
  #header .nav .nav03 a {
    background: #fc9627;
  }
  #header .nav .nav04 a {
    background: #8957a1;
  }
  #header .nav .nav05 a {
    background: #13b5b1;
  }

  /* main_visual */
  .main_visual {
    height: 150px;
    padding: 83px 0 0;
    background-position: 50% 83px;
    background-size: auto 150px;
  }
  .main_visual p {
    width: 300px;
    height: 150px;
  }

  /* contents */
  #contents {
    padding: 15px 0 10px;
    background-size: auto 15px;
  }
  #contents .section {
    width: auto;
    margin: -83px 10px 10px;
    padding: 83px 0 0;
  }
  #contents .section .section_inner {
    padding: 10px;
  }
  #contents .box {
    padding: 10px;
  }
  #contents .left {
    float: none;
  }
  #contents .right {
    float: none;
  }
  #contents .bnr a {
    cursor: pointer;
  }

  /* reform */
  .reform_01 {
    padding: 10px 7px 0 8px;
  }
  .reform_01 .left {
    width: auto;
    padding: 0;
  }
  .reform_01 .left dt {
    width: 60%;
  }
  .reform_01 .left dd {
    padding: 5px 0 0 0;
    font-size: 13px;
    line-height: 1.6;
  }
  .reform_01 .right {
    margin: 10px 0 0;
    width: auto;
  }

  .reform_lead {
    margin: 12px 0;
    padding: 5px 0 0;
    border-top: 1px dotted #aaa79d;
    font-size: 13px;
    line-height: 1.6;
  }

  .reform_item_01 {
    margin: 0 0 8px;
    padding: 2px 10px 8px;
  }
  .reform_item_01 .left {
    width: auto;
  }
  .reform_item_01 .left img {
    width: 100%;
  }
  .reform_item_01 .right {
    width: auto;
    padding: 6px 0 0;
  }
  .reform_item_01 .right dt {
    padding: 3px 0 0;
    width: 70%;
  }
  .reform_item_01 .right dd {
    padding: 6px 0 0;
    font-size: 12px;
    line-height: 1.5;
  }

  .reform_item_02 {
    margin: 0 -2px 0 0;
    padding: 0 2px 0 0;
  }
  .reform_item_02 .reform_item {
    float: none;
    width: auto;
    margin: 0 0 8px;
    padding: 2px 10px 8px;
  }
  .reform_item_02 .reform_item dl {
    padding: 7px 0 0;
  }
  .reform_item_02 .reform_item dl dt {
    width: 75%;
  }
  .reform_item_02 .reform_item dl dd {
    padding: 6px 0 0;
    font-size: 12px;
    line-height: 1.5;
  }
  .reform_item_02 .reform_item.last {
    margin: 0 0 2px;
  }


  .fryer_btn img {
    width: 50px;
    height: 50px;
  }

  /* case */
  .case_01 {
    padding: 8px 0 0;
  }
  .case_01 h3 {
    width: 60%;
  }
  .case_01 .lead {
    margin: 5px 0 10px;
    font-size: 13px;
    line-height: 1.6;
  }
  .case_01 .item_list_block {
    margin: 0 -5px 10px 0;
  }
  .case_01 .item_list_block .item_list {
    width: 28%;
    margin-right: 2px;
    margin-bottom: 8px;
    padding-right: 10px;
    background: url(../img/arrow_01.png) no-repeat 100% 38%;
    background-size: 6px 10px;
  }
  .case_01 .item_list_block .item_list.last {
    margin-right: 0;
    padding-right: 0;
    background-image: none;
  }
  .case_01 .item_list_block .item_list p {
    margin: 5px 0 0;
    font-size: 11px;
    line-height: 1.3;
  }

  .case_02 .case_subttl_02_a {
    width: 62%;
    margin: 0 0 3px;
  }
  .case_02 .case_subttl_02_b {
    width: 98%;
  }
  .case_02 .lead {
    margin: 5px 0 10px;
    font-size: 13px;
    line-height: 1.6;
  }
  .case_02 dl {
    margin: 0 0 10px;
  }
  .case_02 dl dt {
    float: none;
    width: 55px;
    padding: 0;
  }
  .case_02 dl dd {
    float: none;
    width: auto;
    padding: 3px 0 8px;
    font-size: 12px;
    line-height: 1.4;
  }
  .case_02 dl dd.single {
    padding-top: 3px;
  }

  .case_03 {
    margin: 0 0 10px;
  }
  .case_03 .box {
    padding: 10px !important;
  }
  .case_03 .left {
    width: auto;
  }
  .case_03 .left dt {
    border-bottom: 1px dotted #595959;
  }
  .case_03 .left dt img {
    width: 80%;
  }
  .case_03 .left dd {
    padding: 10px 0;
    background: url(../img/arrow_02.png) no-repeat 50% 45%;
    background-size: 10px 17px;
  }
  .case_03 .left dd .left {
    float: left !important;
    width: 45%;
    padding-right: 0;
    background-image: none;
  }
  .case_03 .left dd .right {
    float: right !important;
    width: 45%;
  }
  .case_03 .left dd p {
    margin: 5px 0 0;
    font-size: 11px;
  }
  .case_03 .right {
    width: auto;
  }
  .case_03 .right li {
    margin: 5px 0;
    font-size: 12px;
    text-indent: 0;
  }

  .case_04 {
    margin: 0 0 10px;
  }
  .case_04 .box {
    padding: 10px 10px 2px !important;
  }
  .case_04 dt {
    border-bottom: 1px dotted #595959;
  }
  .case_04 dt img {
    width: 80%;
  }
  .case_04 dd {
    padding: 10px 0 0;
  }
  .case_04 dd .item_list_block {
    margin: 0 0 8px;
    background: url(../img/arrow_02.png) no-repeat 50% 45%;
    background-size: 10px 17px;
  }
  .case_04 dd .item_list_block.left {
    width: auto;
  }
  .case_04 dd .item_list_block.right {
    width: auto;
  }
  .case_04 dd .item_list_block .left {
    float: left !important;
    width: 45%;
    padding-right: 0;
    background-image: none;
  }
  .case_04 dd .item_list_block .right {
    float: right !important;
    width: 45%;
  }
  .case_04 dd .item_list_block p {
    margin: 5px 0 0;
    font-size: 11px;
  }

  .case_05 {
    margin: 15px 0 0;
  }
  .case_05 h3 {
    margin: 0 0 10px;
  }
  .case_05 h3 img {
    width: 60%;
  }
  .case_05 .box {
    padding: 10px !important;
  }
  .case_05 dt {
    border-bottom: none;
  }
  .case_05 dt img {
    float: none;
    width: 80%;
    margin-right: 0;
  }
  .case_05 dt p {
    float: none;
    width: auto;
    margin: 0;
    padding: 5px 0 0;
    border-top: 1px dotted #595959;
    font-size: 13px;
  }
  .case_05 dd {
    padding: 10px 0 0;
  }
  .case_05 dd .item_list_block {
    margin: 0 -10px 0 0;
  }
  .case_05 dd .item_list_block .item_list {
    width: 28.5%;
    margin-right: 2px;
    margin-bottom: 8px;
    padding-right: 10px;
    background: url(../img/arrow_03.png) no-repeat 100% 28px;
    background-size: auto 11px;
  }
  .case_05 dd .item_list_block .item_list.last {
    margin-right: 0;
    padding-right: 0;
    background-image: none;
  }
  .case_05 dd .item_list_block p {
    margin: 5px 0 0;
    font-size: 11px;
  }
  .case_05 .explain {
    font-size: 12px;
  }

  /* model */
  .model_sect {
    padding-top: 22px !important;
  }

  .model_01 p {
    margin: 10px 0;
  }
  .model_sect .flyer {
    right: 0;
  }
  .model_sect .flyer a {
    width: 40px;
    height: 42px;
    background-size: 40px 84px;
  }
  .model_sect .flyer a:hover {
    background-position: 0 0;
  }

  .model_02 {
    margin: 10px 0;
  }
  .model_02 .left {
    width: auto;
  }
  .model_02 .left dt img {
    width: 60%;
  }
  .model_02 .left table {
    width: 100%;
    margin: 5px 0 8px;
  }
  .model_02 .left table th {
    width: auto;
    padding: 8px 3px;
    font-size: 12px;
  }
  .model_02 .left table td {
    padding: 8px 3px;
    font-size: 12px;
  }
  .model_02 .map {
    float: none;
    width: 100%;
    height: 300px;
  }
  .model_02 .map iframe {
    width: 100%;
  }

  /* event */
  .event_01 {
    margin-top: -5px;
  }
  .event_01 h2 {
    padding-top: 5px;
  }
  .event_01 .lead {
    width: 80%;
    margin: 0 0 10px;
  }

  .event_02 {
    margin: 0 0 10px;
    background-size: 100% 1px;
  }
  .event_02 dl {
    height: auto;
    background: url(../img/event_bg_01.jpg) no-repeat;
    background-size: 100% auto;
  }
  .event_02 dl dt {
    padding: 10px;
    text-align: center;
  }
  .event_02 dl dt img {
    width: 70%;
    margin: 0 auto;
  }
  .event_02 dl dd {
    padding: 0 10px 10px;
  }
  .event_02 dl dd .left {
    width: auto;
    text-align: center;
  }
  .event_02 dl dd .left img {
    width: 50%;
    margin: 0 auto;
  }
  .event_02 dl dd .right {
    width: auto;
  }
  .event_02 dl dd .right p {
    margin: 5px 10px;
    font-size: 12px;
  }
  .event_02 dl dd .right .lecturer {
    margin: 0 10px;
    font-size: 12px;
  }
  .event_02 dl dd .right .lecturer img {
    width: 37px;
    margin-right: 5px;
  }
  .event_02 .note {
    padding: 5px 15px 10px 10px;
    background-size: 100% 1px;
    font-size: 10px;
    line-height: 1.2;
    text-align: left;
  }

  /* company */
  .company_01 .lead {
    margin: 5px 0 10px;
  }

  .company_box {
    margin: 0 0 5px;
    padding: 10px;
  }
  .company_box .left {
    width: auto;
  }
  .company_box .left table {
    margin: 0 0 5px;
    width: 100%;
  }
  .company_box .left table th {
    width: 50px;
    padding: 8px 3px 8px 5px;
    font-size: 12px;
  }
  .company_box .left table td {
    padding: 8px 3px 8px 8px;
    font-size: 12px;
  }
  .company_box .right {
    width: auto;
  }
  .company_box .right .btn {
    padding: 10px 0;
  }
  .company_box .right .btn a {
    margin: 0 auto;
    width: 196px;
    height: 24px;
    background-size: 196px 48px;
  }
  .company_box .right .btn a:hover {
    background-position: 0 -24px;
  }

  /* footer */
  #footer {
    min-width: 320px;
  }
  #footer .pagetop {
    height: 25px;
    background-size: auto 50px;
  }
  #footer .pagetop:hover {
    background-position: 50% -25px;
    background-size: auto 50px;
  }
  #footer .copyright {
    padding: 10px 0;
    font-size: 10px;
  }
}