@charset "utf-8";
/* CSS Document about.css */

/* #globalNav-pc
=========================================*/
#about #globalNav-pc ul li.about a { color:#1CB17B; }
#access #globalNav-pc ul li.access a { color:#1CB17B; }

/* #categoryNav
=========================================*/
#about.top #categoryNav-pc .bg03 .fixedArea ul li.top a,
#about.message #categoryNav-pc .bg03 .fixedArea ul li.message a,
#about.feature #categoryNav-pc .bg03 .fixedArea ul li.feature a,
#access #categoryNav-pc .bg03 .fixedArea ul li.access a {
  background-color:#363833;
  border:solid 1px #363833;
  color:#fff;
}
#about.top #categoryNav-sp ul li.top a,
#about.message #categoryNav-sp li.message a,
#about.feature #categoryNav-sp li.feature a,
#access #categoryNav-sp ul li.access a {
  background-color:#363833;
  border:solid 1px #363833;
  color:#fff;
}

/* #about.top
=========================================*/
#about.top .text01 {
  text-align:center;
  padding:33px 0 58px;
  font-size:18px;
  font-weight:bold;
  line-height:1.9;
}
#about.top .text01 span {
  font-size:23px;
}
#about.top h2 {
  color:#FFF;
  font-size: 28px;
  text-align:center;
  letter-spacing:0.2em;
  padding:23px 0;
}
#about.top ol.ancList {
  width:950px;
  margin:47px auto 80px;
  text-align:center;
  letter-spacing: -.40em;
}
#about.top ol.ancList li {
  letter-spacing: normal; 
  display:inline-block;
  margin-right:76px;
}
#about.top ol.ancList li.firstChild { margin-left:76px; }
#about.top h3 {
  background-repeat:no-repeat;
  background-position:left top;
  padding-left:64px;
  line-height:1.4;
}
#about.top h3 {
  font-size:27px;
  color:#1CB57B;
  font-weight:bold;
  letter-spacing:0.08em;
  line-height:1.8;
  margin-bottom:28px;
}
#about.top h3 span {
  display:block;
  font-size:15px;
  color:#363833;
  letter-spacing: 0.1em;
}
#about.top #anc01 p,
#about.top #anc02 p,
#about.top #anc03 p,
#about.top #anc04 p,
#about.top #anc05 p { line-height:1.82; }
#about.top .bg01 h3,
#about.top .bg01 h3 span { color:#fff;  }
#about.top #anc01 h3 { background-image:url(/images/about/about_ico01.png); }
#about.top #anc02 h3 { background-image:url(/images/about/about_ico02.png); }
#about.top #anc03 h3 { background-image:url(/images/about/about_ico03.png); }
#about.top #anc04 h3 { background-image:url(/images/about/about_ico04.png); }
#about.top #anc05 h3 { background-image:url(/images/about/about_ico05.png); }
#about.top .left,
#about.top .right {
  width:50%;
  float:left;
}
#about.top .bg01 .left { padding:42px 40px 0 114px; }
#about.top .bg02 .right { padding:38px 110px 0 52px; }
#about.top #anc02 h3 span.note {
  display: inline;
  font-size:20px;
  color:#1CB57B;
  vertical-align:top;
}
#about.top #anc02 .left { position:relative; }
#about.top #anc02 .bus {
  position:absolute;
  right:-38px;
  bottom:0;
}
#about.top #anc05 .bg03 .fixedArea { padding:50px 114px 45px 113px; }
#about.top #anc05 .subTitle {
  text-align:center;
  color:#7285C2;
  font-weight:bold;
  font-size:18px;
  font-weight:bold;
  line-height:1;
  background:url(/images/about/about_bg01.gif) repeat-x left 50%;
}
#about.top #anc05 h3 {
  margin-bottom: 40px;
  vertical-align:middle;
}
#about.top #anc05 .subTitle span { vertical-align:middle; }
#about.top #anc05 .subTitle span.bg {
  display:inline-block;
  padding:0 20px;
  background-color:#FAF4ED;
  letter-spacing:0.2em;
}
#about.top #anc05 .subTitle span span.font {
  font-size:24px;
}
#about.top #anc05 .subTitle span span span.six {
  display:inline-block;
  color:#FFF;
  width:30px;
  height:30px;
  border-radius:50%;
  background-color:#7285C2;
  text-align:center;
  padding-left: 2px;
  line-height:32px;
}
#about.top #anc05 ol {
  overflow:hidden;
  margin:24px -25px 0 0;
}
#about.top #anc05 ol li {
  width:334px;
  float:left;
  margin:20px 25px 0 0;
}
#about.top #anc05 ol li p { margin-top:5px; }
#about.top #anc05 a.btn01 {
  display:inline-block;
  width:247px;
  line-height:50px;
  vertical-align:middle;
  font-size:15px;
  color:#fff;
  letter-spacing: 0.15em;
  font-weight:bold;
  background-color:#5E605C;
  border-radius:25px;
  margin:18px 33px 0 auto;
}
#about.top .nextPage a { width: 247px; }
/* #about.message
=========================================*/
#about.message .left {
  width:50%;
  float:left;
  padding:44px 49px 0 43px;
}
#about.message .left h2 {
  font-size:23px;
  font-weight:bold;
  line-height:1.4;
}
#about.message .left h2.first { margin-bottom:55px; }
#about.message .left h2.second { margin:95px 0 20px; }
#about.message .right {
  width:50%;
  float:left;
  position:relative;
}
#about.message .right .profileBox {
  width:100%;
  background-color:rgba(255,255,255,0.77);
  color:#363833;  
  padding:27px 20px 24px 48px;
  position:absolute;
  left:0;
  bottom:0;
}
#about.message .right .profileBox dl {
  line-height:1.2;
  margin-bottom:40px;
}
#about.message .right .profileBox dl dd { font-size:15px; }
#about.message .right .profileBox dl dt {
  font-size:23px;
  font-weight:bold;
}
#about.message .right .profileBox ul li {
  background:url(/images/common/ico03.gif) no-repeat left 6px;
  padding-left:14px;
  font-size:14px;
  line-height:1.5;
}
#about.message .nextPage a {
  width: 222px;
  padding: 0 0 0 0;
  text-align:center;
}
/* #about.feature
=========================================*/
#about.feature .text01 {
  text-align:center;
  padding:33px 0 44px;
  font-size:18px;
  font-weight:bold;
  line-height:1.9;
}
#about.feature .slideWrap {
  padding:10px 0;
  text-align:center;
}
#about.feature .slideWrap h2 {
  text-align:left;
  font-size:23px;
  font-weight:bold;
  color:  #1CB57B;
}
#about.feature .slideWrap .sliderBox {
  width:400px;
  display:inline-block;
  margin-top:43px;
}
#about.feature .slideWrap .sliderBox:nth-child(odd) { margin-right:122px; }
#about.feature .tableStyle01 {
  width:926px;
  margin:66px auto 0 auto;
}
#about.feature .tableStyle01 td a {
  display: inline-block;
  background:#5E605C;
  width:105px;
  text-align:center;
  font-size:14px;
  color:#fff;
  font-weight:bold;
  border-radius:14px;
  margin-left:16px;
}
#about.feature .tableStyle01 td a span {
  display:inline-block;
  line-height:28px;
  padding-right:23px;
  background:url(/images/common/ico02.png) no-repeat right 50%;
}
#about.feature .nextPage a {
  width: 222px;
  padding: 0 0 0 0;
  text-align:center;
}
/* #access
=========================================*/
#access #mainWrapper .bg03 {
  padding:34px 0 67px;
}
#access #mainWrapper .bg03 .left {
  width:493px;
  float:left;
  padding:8px 0 450px 110px;
  background:url("/images/about/access_img01_2406.jpg") no-repeat 114px bottom;
}
#access #mainWrapper .bg03 .left dl {
  border-top:#8A8C89 solid 1px;
  padding-top:10px;
  font-size:17px;
  line-height:1.76;
  margin-bottom:15px;
}
#access #mainWrapper .bg03 .left dl dt {
  font-weight:bold;
  color:#1CB57B;
}
#access #mainWrapper .bg03 .left dl dd a.btn01 {
  display:block;
  width:280px;
  background-color:#5E605C;
  border-radius:18.5px;
  text-align:center;
  margin-top:24px;
}
#access #mainWrapper .bg03 .left dl dd a.btn01 span {
  display:inline-block;
  line-height:37px;
  background: url(/images/common/ico02.png) no-repeat right 50%;
  padding-right:32px;
  font-size:15px;
  font-weight:bold;
  letter-spacing:0.1em;
  color:#fff;
}
#access #mainWrapper .bg03 .left dl dd a.btn02 {
  display: block;
  width: 280px;
  background-color: #1CB57B;
  border-radius: 18.5px;
  text-align: center;
  margin-top: 24px;
}
#access #mainWrapper .bg03 .left dl dd a.btn02 span {
  display:inline-block;
  line-height:37px;
  background: url(/images/common/ico02.png) no-repeat right 50%;
  padding-right:32px;
  font-size:15px;
  font-weight:bold;
  letter-spacing:0.1em;
  color:#fff;
}
#access #mainWrapper .bg03 .right {
  margin-left:493px;
}
#access #mainWrapper .nextPage a { width: 344px; }


@media only screen and (min-width: 1280px) {
  /* #about.top
  =========================================*/
  #about.top #anc01 .liquidArea .liquidImg { background-image:url(/images/about/about_img01.jpg); }
  #about.top #anc02 .liquidArea .liquidImg { background-image:url(/images/about/about_img02.jpg); }
  #about.top #anc02 .liquidArea .liquidImg .bus {
    opacity:1;
    filter: alpha(opacity=100);        /* ie 6 7 */
    -ms-filter: "alpha(opacity100)";  /* ie 8 */
  }
  #about.top #anc03 .liquidArea .liquidImg { background-image:url(/images/about/about_img04_2406.jpg); }
  #about.top #anc04 .liquidArea .liquidImg { background-image:url("/images/about/about_img05_2406.jpg"); }
  /* #about.message
  =========================================*/
  #about.message #mainWrapper .liquidArea .liquidImg { background-image:url(/images/about/message_img01_240619.jpg); }
}


@media only screen and (max-width: 640px) {
  /* #about.top
  =========================================*/
  #about.top .text01 {
    text-align:left;
    padding:20px 16px 20px;
    font-size:14px;
    font-weight:bold;
    line-height:1.9;
  }
  #about.top .text01 span { font-size:20px; }
  #about.top h2 {
    font-size: 20px;
    padding:23px 0;
    letter-spacing:normal;
  }
  #about.top ol.ancList {
    width:270px;
    margin:20px auto 20px;
  }
  #about.top ol.ancList li.firstChild { margin-left:9px; }
  #about.top ol.ancList li {
    width:84px;
    margin-right:9px;
  }
  #about.top h3 {
    font-size:24px;
    letter-spacing: normal;
    line-height:1.6;
    margin-bottom:20px;
    min-height:67px;
  }
  #about.top h3 span { font-size: 13px; }
  #about.top .left,
  #about.top .right {
    width:100%;
    float: none;
    padding:0 20px;
  }
  #about.top .bg01 .left,
  #about.top .bg02 .right,
  #about.top #anc05 .bg03 .fixedArea { padding:20px 16px; }
  #about.top #mainWrapper .sp-only { margin:20px -16px 20px; }
  #about.top #anc02 .right .sp-only { position:relative; }
  #about.top #anc02 .bus {
    width:200px;
    height:auto;
    position:absolute;
    right:0;
    bottom:0;
  }
  #about.top #anc05 .subTitle { line-height:1.4; }
  #about.top #anc05 ol { margin: 24px 0 0 0; }
  #about.top #anc05 ol li {
    width: 100%;
    float: none;
    margin: 20px 0 0 0;
    padding:0 20px;
  }
  /* #about.message
  =========================================*/
  #about.message .left {
    width:100%;
    float:none;
    padding:20px 16px 20px 16px;
    font-size:14px;
  }
  #about.message .left h2 { font-size:20px; }
  #about.message .left h2.first { margin-bottom:20px; }
  #about.message .left h2.second { margin:40px 0 20px; }
  #about.message .right {
    width:100%;
    float:none;
  }
  #about.message .right .profileBox {
    padding:20px 16px 20px 16px;
    position:relative;
    background:#fff;
    margin-top:-30%;
  }
  #about.message .right .profileBox dl {
    line-height:1.2;
    margin-bottom:20px;
  }
  #about.message .right .profileBox ul li { margin-bottom:8px; }
  /* #about.feature
  =========================================*/
  #about.feature .text01 {
    text-align:left;
    padding:20px 16px 20px;
    font-size:14px;
    font-weight:bold;
    line-height:1.9;
  }
  #about.feature .slideWrap .sliderBox {
    width:90%;
    display:block;
    margin:70px auto;
  }
  #about.feature .slideWrap .sliderBox:first-child { margin-top:20px; }
  #about.feature .slideWrap .sliderBox:nth-child(odd) { margin-right: auto; }
  #about.feature .slideWrap h2 { font-size: 18px; }
  #about.feature .slideWrap h2 span { font-size: 12px; }
  #about.feature .tableStyle01 {
    display:block;
    width:100%;
    padding:0 20px;
  }
  #about.feature .tableStyle01 th {
    display:block;
    padding:6px 0;
    border-top:#1CB57B solid 1px;
    border-bottom:#1CB57B solid 1px;
    color:#1CB57B;
    background-color:transparent;
  }
  #about.feature .tableStyle01 td {
    display:block;
    padding:6px 0;
    border: none;
    margin-bottom:20px;
    font-size:14px;
  }
  #about.feature .tableStyle01 td a {
    display: block;
    margin-left: 0;
  }
  /* #access
  =========================================*/
  #access #mainWrapper .bg03 { padding:20px 0 20px; }
  #access #mainWrapper .fixedArea { padding: 0 16px; } 
  #access #mainWrapper .bg03 .left {
    width:100%;
    float:none;
    padding:0 0 0 0;
    background: none;
  }
  #access #mainWrapper .bg03 .left dl { font-size:16px; }
  #access #mainWrapper .bg03 .left dl dd a.btn01 ,  #access #mainWrapper .bg03 .left dl dd a.btn02{
    width:80%;
    margin:14px auto 0 auto;
  }
  #access #mainWrapper .bg03 .right { margin-left:0; }
}