@charset "utf-8";

* {margin:0;padding:0;}
body {
margin:0;
padding:0;
text-align:center;
font-size:12px;
/* font-family:"MS PGothic","Hiragino Kaku Gothic Pro","Osaka",sans-serif; */
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;

color:#5A5959;
background:url(../../images/bg_head.gif) repeat-x #F7F9F9;
width:100%;
}

a:link,a:visited {color:#5A5959;text-decoration:none;}
a:hover,a:active {color:#47BEE4;text-decoration:underline;}

img {border:0;}
ul {list-style:none;}
.clr {clear:both;}

#top {
text-align:left;
}
/* ----- header ----- */
#Header {
width:980px;
height:78px;
margin:0 auto;
}
#Logo {width:505px;height:50px;float:left;background:url(../../images/logo.gif) no-repeat 0 16px;padding-top:16px;margin-right:205px;text-indent:-9999px;}
#Logo a {display:block;position:relative;height:50px; outline:0;}

#cse-search-box {width:180px;float:left;padding-top:40px;background:url(../../images/tit_search.gif) no-repeat 0 26px;}
#cse-search-box input {vertical-align:top;}
#cse-search-box .text {width:125px;margin-right:2px;}
#Fontsize {width:80px;height:78px;float:right;background:url(../../images/tit_size.gif) no-repeat 0 26px;}
#Fontsize li {float:left;margin-top:40px;}
#size1 a {background:url(../../images/btn_00.gif) no-repeat 0 0;width:25px;height:21px;text-indent:-9999px;display:block;position:relative; outline:0;}
#size1 a:hover {background:url(../../images/btn_00b.gif) no-repeat 0 0;width:25px;height:21px;text-indent:-9999px;display:block;position:relative;}
#size2 a {background:url(../../images/btn_00.gif) no-repeat -25px 0;width:25px;height:21px;text-indent:-9999px;display:block;position:relative; outline:0;}
#size2 a:hover {background:url(../../images/btn_00b.gif) no-repeat -25px 0;width:25px;height:21px;text-indent:-9999px;display:block;position:relative;}
#size3 a {background:url(../../images/btn_00.gif) no-repeat -50px 0;width:22px;height:21px;text-indent:-9999px;display:block;position:relative; outline:0;}
#size3 a:hover {background:url(../../images/btn_00b.gif) no-repeat -50px 0;width:22px;height:21px;text-indent:-9999px;display:block;position:relative;}

/* ----- header以下 ----- */
#wrap {
width:990px;
margin:0 auto;
text-align:left;
background:url(../../images/bg_wrap.gif) repeat-y;
}

/* ----- Contents ----- */
#TopMv{
  margin-bottom: -2px;
  position: relative;
  z-index: 9;
}
#Contents {
  padding: 0 8px;
}

.topSlideSec {
  margin-top: 5px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
}

.topSec1{
  background-image: url(../../images/top/sec1_bg.jpg);
}
.topSec2{
  background-image: url(../../images/top/sec2_bg.jpg);
}
.topSec3{
  background-image: url(../../images/top/sec3_bg.jpg);
  background-color: #645c59;
}
.topSec4{
  background-image: url(../../images/top/sec4_bg.jpg);
}
.topSec5{
  background-image: url(../../images/top/sec5_bg.jpg);
}

.topSlideSecInner{
  border: 1px solid #FFF;
  background-color: rgba(255, 255, 255, 0.5);
}
.topSlideSecInner:before{
  content: '';
  display: block;
}

.topSlideSecTitle{
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  text-indent: -9999em;
  background-repeat: no-repeat;
}
.topSec1Title {
  width: 247px;
  height: 26px;
  background-image: url(../../images/top/sec1_title.png);
}
.topSec2Title {
  width: 262px;
  height: 26px;
  background-image: url(../../images/top/sec2_title.png);
}
.topSec3Title {
  width: 216px;
  height: 26px;
  background-image: url(../../images/top/sec3_title.png);
}
.topSec4Title {
  width: 123px;
  height: 26px;
  background-image: url(../../images/top/sec4_title.png);
}
.topSec5Title {
  width: 108px;
  height: 26px;
  background-image: url(../../images/top/sec5_title.png);
}

.topSlideSecBtn{
  height: 200px;
  position: relative;
  text-align: center;
  padding-top: 60px;
  box-sizing: border-box;
  cursor: pointer;
}
.topSlideSecIcon{
  border: 1px solid #FFF;
  width: 91px;
  height: 34px;
  margin: 30px auto 0;
  border-radius: 25px;
  overflow: hidden;
  text-indent: -9999em;
  position: relative;
  background-color: #009cdc;
}
.topSlideSecIcon:after,
.topSlideSecIcon:before{
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  transition: opacity 0.2s linear;
}
.topSlideSecIcon:before{
  background-image: url(../../images/top/ico_read.png);
}
.topSlideSecIcon:after{
  background-image: url(../../images/top/ico_close.png);
  opacity: 0;
}
.isOpen .topSlideSecIcon:before{
  opacity: 0;
}
.isOpen .topSlideSecIcon:after{
  opacity: 1;
}
.topSlideSecBody{
  text-align: center;
}
.slideBody{
  display: none;
}

/* ----- LinkArrow ----- */
.topSecArrowLink:link,
.topSecArrowLink:visited{
  color: #009cdc;
  font-size: 22px;
  position: relative;
  padding-right: 15px;
  text-decoration: underline;
  font-weight: 300;
  line-height: 1;
}
.topSecArrowLink:hover{
  text-decoration: none;
}
.topSecArrowLink:after{
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 8px;
  height: 12px;
  background: url(../../images/top/ico_arrow.png);
  margin-top: -6px;
}

.topSecBnList{
  text-align: center;
  font-size: 0;
  margin-bottom: 30px;
}
.topSecBnList a{
  width: 240px;
  display: inline-block;
  vertical-align: top;
  margin-left: 67px;
  transition: opacity 0.3s ease;
}
.topSecBnList a:hover{
  opacity: 0.7;
}
.topSecBnList a:first-child{
  margin-left: 0;
}
.topSecBnList a img{
  display: block;
  width: 100%;
  height: auto;
}
.topSec1List{
  margin-top: 34px;
}



.topSec3Content{
  position: relative;
  background-color: #dadada;
  margin: 20px auto 0;
  width: 854px;
}
.topSec3Content:first-child{
  margin-top: 0;
}
.topSec3ContentTitle{
  background-color: #009cdc;
  color: #FFF;
  font-size: 20px;
  font-weight: 300;
  position: relative;
  line-height: 1;
  text-align: left;
  padding: 10px 10px 10px 38px;
}
.topSec3ContentTitle:before{
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 26px;
  background-color: #ffe621;
  left: 16px;
  top: 50%;
  margin-top: -13px;
}
.topSec3Slider{
  padding: 20px;
  text-align: center;
  font-size: 0;
  position: relative;
}
.topSec3Slider *{
  outline: none
}
.topSec3SliderItem{
  display: inline-block;
  vertical-align: top;
  margin-left: 40px;
}
.topSec3SliderItem:first-child{
  margin-left: 0;
}
.topSec3SliderItem img{
  display: block;
  width: 100%;
  height: auto;
}
.topSec3Link{
  text-align: right;
  margin: 20px auto 40px;
  width: 854px;
}
.topSec3Link a:link,
.topSec3Link a:visited{
  font-size: 16px;
}
.Slider{
  width: 684px;
  margin-left: auto;
  margin-right: auto;
  position: static;
}
.slick-arrow{
  position: absolute;
  top: 0;
  width: 50px;
  height: 100%;

  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  overflow: hidden;
  text-indent: -9999em;
  transition: background-color 0.3s ease, opacity 0.3s ease;
  background-repeat: no-repeat;
  background-position: center center;
}
.slick-arrow.slick-disabled{
  opacity: 0;
  cursor: default;
}
.slick-arrow:hover{
  background-color: #989898;
}
.slick-prev {
  left: 0;
  background-image: url(../../images/top/btn_left.png);
}
.slick-next {
  right: 0;
  background-image: url(../../images/top/btn_right.png);
}

.topSec4ItemWrapper{
  width: 854px;
  margin: 0 auto;
}
.topSec4ItemWrapper:after{
  content: '';
  clear: both;
  display: table;
}
.topSec4Item{
  float: right;
  width: 407px;
  height: 220px;
  background-color: #fff;
  border-left: 3px solid #009cdc;
  border-right: 3px solid #009cdc;
  border-bottom: 3px solid #009cdc;
  box-sizing: border-box;
}
.topSec4Item:first-child{
  float: left;
}
.topSec4ItemTitle{
  background-color: #009cdc;
  color: #FFF;
  font-size: 20px;
  font-weight: 300;
  position: relative;
  line-height: 1;
  text-align: left;
  padding: 10px 10px 10px 38px;
}
.topSec4ItemTitle:before{
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 26px;
  background-color: #ffe621;
  left: 16px;
  top: 50%;
  margin-top: -13px;
}
.topSec4ItemList{
  text-align: left;
  padding: 25px 0 0 35px;
}
.topSec4ItemList li{
  margin-top: 15px;
}
.topSec4ItemList li:first-child{
  margin-top: 0;
}
.topSec4ItemList li a{
  font-size: 14px;
  line-height: 1.5;
  color: #656161;
  position: relative;
  padding-right: 20px;
  text-decoration: underline;
}
.topSec4ItemList li a:after{
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 12px;
  background: url(../../images/top/ico_link.png);
  background-size: contain;
  right: 0;
  top: 50%;
  margin-top: -6px;
}
.topSec4ItemList li a:hover{
  text-decoration: none;
}

.topSec4Btn{
  box-sizing: border-box;
  width: 854px;
  height: 100px;
  background-color: #fff;
  border: 3px solid #009cdc;
  display: block;
  margin: 19px auto 30px;
  font-size: 30px;
  line-height: 98px;
  color: #009cdc;
  position: relative;
  transition: opacity 0.3s ease;
}
.topSec4Btn:link{
  color: #009cdc;
}
.topSec4Btn:hover{
  text-decoration: none;
  opacity: 0.6;
}
.topSec4Btn:after{
  content: '';
  display: block;
  width: 12px;
  height: 21px;
  background: url(../../images/top/btn_arrow.png) no-repeat;
  position: absolute;
  right: 35px;
  top: 50%;
  margin-top: -11px;
}


.topSec5List{
  text-align: center;
  font-size: 0;
  margin-bottom: 30px;
}
.topSec5List a{
  width: 198px;
  display: inline-block;
  vertical-align: top;
  margin-left: 23px;
  transition: opacity 0.3s ease;
}
.topSec5List a:hover{
  opacity: 0.7;
}
.topSec5List a:first-child{
  margin-left: 0;
}









/* ----- FixedFooter ----- */
.FixedFooter{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: url(../../images/bg_sya.gif);
  text-align: left;
}
.FixedFooterInner{
  width:980px;
  margin:0 auto;
  padding: 10px 23px;
  box-sizing: border-box;
}
.FixedFooterList:after{
  content: '';
  clear: both;
  display: table;
}
.FixedFooterListItem{
  float: left;
  display: block;
  width: 224px;
  margin-left: 11px;
  position: relative;
}
.FixedFooterListItem.isPhone{
  width: 230px;
  margin-left: 10px;
}
.FixedFooterListItem:first-child{
  margin-left: 0;
}
.FixedFooterList > li .SubMenuBtn,
.FixedFooterList > li > a{
  display: block;
  border: 1px solid #009cdc;
  height: 60px;
  box-sizing: border-box;
  text-align: center;
  color: #009cdc;
  font-size: 17px;
  line-height: 58px;
  font-weight: bold;
  background-color: #fff;
}
.FixedFooterList > li .SubMenuBtn:after{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 48px;
  background: url(../../images/top/link_arrow.png) no-repeat;
  width: 14px;
  height: 9px;
  margin-top: -5px;
}
.FixedFooterList li.SubMenu:hover .SubMenuBtn,
.FixedFooterList li a:hover{
  background-color: #009cdc;
  color: #FFF;
  text-decoration: none;
}
.FixedFooterList li.SubMenu:hover .SubMenuBtn:after{
  background-image: url(../../images/top/link_arrow_on.png);
}

.FixedFooterList li img{
  display: block;
  width: 100%;
  height: auto;
}
.SubMenuList{
  position: absolute;
  bottom: 100%;
  left: 0;
  display: none;
  border-top: 1px solid #009cdc;
  border-right: 1px solid #009cdc;
  border-left: 1px solid #009cdc;
  width: 100%;
  box-sizing: border-box;
}
.SubMenuList li a {
  display: block;
  height: 60px;
  box-sizing: border-box;
  text-align: center;
  color: #009cdc;
  font-size: 17px;
  line-height: 58px;
  font-weight: bold;
  background-color: #fff;
}
.SubMenu:hover .SubMenuList{
  display: block;
}
.SubMenuBtn{
  cursor: pointer;
}

/* ----- .ContentsNav ----- */
.ContentsNav{
  font-size: 0;
  width: 100%;
  text-align: center;
  margin-top: 27px;
}
.ContentsNav li{
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}
.ContentsNav li img{
  display: block;
}
.ContentsNav li a{
  transition: opacity 0.3s ease;
}
.ContentsNav li a:hover{
  opacity: 0.6;
}

/* ----- Footer ----- */
#Footer {
margin:0 auto;
width:980px;
clear:both;
padding:26px 0 80px;
font-size:0.9em;
}
.FNavi {
  text-align:right;
  float: right;
  margin-top: 13px;
}
.FNavi li {display:inline;margin-left:16px;}
.copyright {width:980px;text-align:right;background:url(../../images/bg_sya.gif);}
.copyright p {padding:2px 16px;}

.FooterInner{
  padding:10px 35px 10px 8px;
}
.FooterInner:after{
  content: '';
  clear: both;
  display: table;
}
.FooterSns{
  float: left;
}
.FooterSns a{
  margin-right: 16px;
  display: inline-block;
  vertical-align: top;
  transition: opacity 0.3s ease;
}
.FooterSns a:hover{
  opacity: 0.6;
}
.FooterSns a img{
  display: block;
}

#wrapin iframe.summary {
    border: none;
    width: 220px;
    overflow: hidden;
    height: 220px;
}