@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-size:100%;
  font:inherit;
  vertical-align:baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

/* clearfix 
--------------------------------------- */
.cf:before,
.cf:after{
  content:" ";
  display:table;
}
.cf:after{clear:both;}
.cf{*zoom:1;}
*{zoom:1;}

/* basic
--------------------------------------- */
body{
  width:100%;
  background-color:#fff;
  color:#231815;
  font-size:14px;
  line-height:1.0;
  font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
  -webkit-text-size-adjust:100%;
     -moz-text-size-adjust:100%;
      -ms-text-size-adjust:100%;
       -o-text-size-adjust:100%;
          text-size-adjust:100%;
}
a{outline:none;text-decoration:none;color:#000;}
a[href^="tel:"]{cursor:default;text-decoration:underline!important;color:#000;}
img{max-width:100%;height:auto;vertical-align:bottom;}
.pc{display:block;}
.sp{display:none;}

.section{
  width:100%;
  min-width:1000px;
  margin:auto;
}
.wrap{
  width:1000px;
  margin:auto;
  overflow:hidden;
}
.ov:hover{opacity:0.6;}
.ov{transition:opacity 0.3s ease-out;cursor:pointer;}

/* header
--------------------------------------- */
#header{
  height:70px;
  background:#fff;
}
#header.fixed{
  position:fixed;
  top:-70px;
  left:0;
  width:100%;
  z-index:2;
}
#header .wrap{
  width:100%;
  border-bottom:1px solid #efefef;
}
#header .inner{
  width:1000px;
  margin:auto;
}
#header .logo{
  float:left;
  width:360px;
}
#header .logo img#symbol{display:none;}
#header .navi{
  float:left;
  width:630px;
}
#header .navi ul{
  margin-top:40px;
  color:#595757;
  line-height:24px;
  text-align:center;
}
#header .navi ul a:hover{color:#595757;}
#header .navi ul li,
#header .indicator ul li{
  float:left;
  width:125px;
  margin-right:1px;
}

#header .indicator{
  width:1000px;
  margin:auto;
}
#header .indicator ul{
  width:630px;
  margin-left:360px;
}
#header .indicator ul li{height:4px;}
#header .indicator ul li.current{background-color:#1e95d4;}

/* splash
--------------------------------------- */
#splash{
  width:100%;
  min-width:1000px;
  height:0;
  padding-bottom:65.1%;
  /* padding-bottom:1000px; */
  background:url(../img/bg.png) center top no-repeat;
  background-size:100% 100%;
  /*background-size:100% 1050px;*/
  position:relative;
}
#splash .wrap{
  width:80%;
  min-width:1000px;
}
#splash h1{
  float:left;
  font-size:24px;
  font-weight:bold;
  color:#fff;
}
#splash .anniversary{
  float:right;
}
#splash .logo{width:33%;}
#splash .logo img{width:100%;}
#splash .presen{float:right; text-align:right;}
#splash .presen a img{width:66%;}

#splash .information-box{
  float:left;
  width:600px;
  background-color:#fff;
  padding:15px;
}
#splash .information-box .information{
  margin-bottom:15px;
}
#splash .information-box dl{
  max-height:260px;
  overflow-y:auto;
  font-size:12px;
  line-height:1.8;
}
#splash .information-box dl dt,
#splash .information-box dl dd{
  float:left;
  min-height:1px;
}
#splash .information-box dl dt{width:80px;}
#splash .information-box dl dd{width:480px;}
#splash .information-box dl dd a:hover{text-decoration:underline;}
#splash .banner-box{
  float:right;
  width:300px;
  margin-top:2px;
}
#splash .banner-box .banner1,
#splash .banner-box .banner2{float:right;}

#splash .banner-box .banner2{margin-top:10px;}

#splash .block1{
  margin-top:60px;
}
#splash .block2{
  position:absolute;
  top:30%;
  left:5%;
}
#splash .block3{
  position:absolute;
  top:30%;
  right:5%;
}
#splash .block23{
  position:absolute;
  width:83.33%;
  top:200px;
  margin:auto;
}
#splash .block4{
  position:absolute;
  width:83.33%;
  bottom:20px;
  margin:auto;
}

@media screen and (max-width:1200px){
  #splash .block2{
    top:28%;
    left:2%;
  }
  #splash .block3{
    top:28%;
    right:2%;
  }
  #splash .block23{
    top:200px;
    width:1000px;
  }
  #splash .presen a img{width:66%;}
  #splash .block4{width:1000px;}
}
@media screen and (max-width:1000px){
  #splash{
    width:1000px;
    min-width:1000px;
    height:651px;
    /* height:820px; */
    padding-bottom:0;
  }
  #splash .block2{
    top:26%;
    left:0;
  }
  #splash .block3{
    top:26%;
    right:0;
  }
  #splash .block23{
    top:200px;
    left:0;
  }
  #splash .presen a img{width:40%;}
}

/* navigation
--------------------------------------- */
#navigation .wrap{
  width:100%;
  border-top:1px solid #efefef;
  border-bottom:1px solid #efefef;
}
#navigation .navi{
  width:999px;
  margin:auto;
  border-left:1px solid #efefef;
}
#navigation .navi ul{
  color:#595757;
  line-height:24px;
  text-align:center;
}
#navigation .navi ul a:hover{color:#595757;}
#navigation .navi ul li,
#navigation .indicator ul li,
#navigation .decoration ul li{
  float:left;
  width:199px;
  border-right:1px solid #efefef;
}
#navigation .navi ul li{
  padding-top:20px;
}
#navigation .navi ul li:first-child,
#navigation .indicator ul li:first-child,
#navigation .decoration ul li:first-child{width:198px;}

#navigation .indicator,
#navigation .decoration{
  width:100%;
  margin:auto;
  border-bottom:1px solid #efefef;
}
#navigation .indicator ul,
#navigation .decoration ul{
  width:999px;
  margin:auto;
  border-left:1px solid #efefef;
}
#navigation .indicator ul li{height:4px;}
#navigation .indicator ul li.current{background-color:#1e95d4;}
#navigation .decoration ul li{height:8px;}

/* profile
--------------------------------------- */
#profile{
  margin:20px 0;
  margin:0;
  background-color:#efefef;
}
#profile .list{
  padding:50px 0 90px;
}
#profile h3{
  margin-bottom:50px;
  font-size:18px;
  font-weight:bold;
  text-align:center;
}

#profile .prof-box{
  margin-top:50px;
}
#profile .prof-box dl{
  float:left;
  width:200px;
}
#profile .prof-box dl dt{
  float:left;
  width:24px;
  font-size:18px;
  color:#727171;
  line-height:24px;
  text-align:center;
  border:1px solid #727171;
}
#profile .prof-box dl dt.none{border:none;}
#profile .prof-box dl dd{
  float:right;
  width:160px;
  color:#231815;
  line-height:1.8;
}
#profile .prof-box dl dd a:hover{text-decoration:underline;}
#profile .prof-box dl dd:before{content:'\025b6';margin-right:1px;font-size:10px;}
#profile .prof-box dl dd.gr:before{color:#158250;}
#profile .prof-box dl dd.bl:before{color:#1e95d4;}
#profile .prof-box dl dd.sg7:before{color:#1e95d4;}
#profile .prof-box dl dd.s7e:before{color:#158250;}
#profile .prof-box dl dd.sg7{}
#profile .prof-box dl dd.s7e a{}

/* footer
--------------------------------------- */
#footer{
  padding:25px 0;
  border-top:1px solid #efefef;
}
#footer .wrap{}
#footer ul.link{
  float:left;
  font-size:12px;
}
#footer ul.link li{
  float:left;
  margin-right:1.0em;;
}
#footer ul.link li:before{color:#1e95d4;content:'\025b6';margin-right:2px;}
#footer p.copy{
  float:right;
  font-size:12px;
  text-align:right;
}

/* 汎用
--------------------------------------- */
.fl{float:left;}
.fr{float:right;}
.disable{display:none;}
/* aline */
.center{text-align:center !important;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.top{vertical-align:top !important;}
.middle{vertical-align:middle !important;}
.bottom{vertical-align:bottom !important;}
.img-left{text-align:left !important;}
.img-center{margin-left:auto;margin-right:auto;text-align:center;}
.img-right{text-align:right !important;}
/* font*/
.small{font-size:0.8em;}
.large{font-size:1.2em;}
.bold{font-weight:bold !important;}
.normal{font-weight:normal !important;}
.underline{text-decoration:underline !important;}
.nowrap{white-space:nowrap;}
.break{word-wrap:break-word;white-space:normal;}
sup{font-size:0.7em;vertical-align:top;}
sub{font-size:0.7em;vertical-align:baseline;}
/* indent */
ul.indent5{padding-left:0.5em;text-indent:-0.5em;}
ul.indent8{padding-left:0.8em;text-indent:-0.8em;}
ul.indent10{padding-left:1.0em;text-indent:-1.0em;}
ul.indent12{padding-left:1.2em;text-indent:-1.2em;}
ul.indent15{padding-left:1.5em;text-indent:-1.5em;}
ul.indent18{padding-left:1.8em;text-indent:-1.8em;}
ul.indent20{padding-left:2.0em;text-indent:-2.0em;}
.ind8{text-indent:0.8em;}
.ind10{text-indent:1.0em;}
.ind12{text-indent:1.2em;}
.ind20{text-indent:2.0em;}
/* width */
.wTri{width:33%;}
.wQuart{width:24%}
.wHalf{width:49.9%}
.wWide{width:66%}
.wFull{width:96%}
.wMax{width:100%}
.w2per{width:2% !important;}
.w3per{width:3% !important;}
.w5per{width:5% !important;}
.w10per{width:10% !important;}
.w12per{width:12% !important;}
.w13per{width:13% !important;}
.w15per{width:15% !important;}
.w20per{width:20% !important;}
.w25per{width:25% !important;}
.w30per{width:30% !important;}
.w35per{width:35% !important;}
.w40per{width:40% !important;}
.w45per{width:45% !important;}
.w50per{width:50% !important;}
.w55per{width:55% !important;}
.w60per{width:60% !important;}
.w65per{width:65% !important;}
.w70per{width:70% !important;}
.w75per{width:75% !important;}
.w80per{width:80% !important;}
.w85per{width:85% !important;}
.w90per{width:90% !important;}
.w95per{width:95% !important;}
.w1600{width:1600px;}
.w1480{width:1480px;}
.w1400{width:1400px;}
.w1200{width:1200px;}
.w1024{width:1024px;}
.w1000{width:1000px;}
.w980{width:980px;}
.w960{width:960px;}
.w950{width:950px;}
.w940{width:940px;}
.w800{width:800px;}
.w720{width:720px;}
.w640{width:640px;}
.w600{width:600px;}
.w580{width:580px;}
.w560{width:560px;}
.w540{width:540px;}
.w520{width:520px;}
.w500{width:500px;}
.w480{width:480px;}
.w420{width:420px;}
.w400{width:400px;}
.w380{width:380px;}
.w360{width:360px;}
.w340{width:340px;}
.w320{width:320px;}
.w310{width:310px;}
.w300{width:300px;}
.w290{width:290px;}
.w280{width:280px;}
.w260{width:260px;}
.w250{width:250px;}
.w240{width:240px;}
.w200{width:200px;}
.w190{width:190px;}
.w180{width:180px;}
.w160{width:160px;}
.w150{width:150px;}
.w100{width:100px;}
.w80{width:80px;}
.w75{width:75px;}
.w70{width:70px;}
.w60{width:60px;}
.w50{width:50px;}
/* margin */
.m0{margin:0 !important;}
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:30px !important;}
.mt50{margin-top:50px !important;}
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}
.mb120{margin-bottom:120px !important;}
.mb140{margin-bottom:140px !important;}
.mb150{margin-bottom:150px !important;}
.mb160{margin-bottom:160px !important;}
.mb180{margin-bottom:180px !important;}
.ml0{margin-left:0 !important;}
.mr0{margin-right:0 !important;}
.ml1em{margin-left:1.0em !important;}
.ml2em{margin-left:2.0em !important;}
.ml3em{margin-left:3.0em !important;}
.mb1em{margin-bottom:1.0em !important;}
.mb2em{margin-bottom:2.0em !important;}
.mb3em{margin-bottom:3.0em !important;}
.auto{margin-left:auto;margin-right:auto;}
/* padding */
.p0{padding:0 !important;}
.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pr0{padding-right:0 !important;}
.pl0{padding-left:0 !important;}
.pb0{padding-bottom:0 !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
/* color */
p.white,span.white{color:#fff;}
p.black,span.black{color:#231815;}
p.blue,span.blue{color:#1e95d4;}
p.green,span.green{color:#158250;}
p.gray,span.gray{color:#595757;}
