@charset "UTF-8";
/* ===================================
=== トップページ ===
=================================== */
.sectionBox{width:1200px;margin:0 auto;}

.sectionTitle{color:#1a1a1a;font-size:22px;line-height:1.455em;text-align:center;padding-top:36px;}
.sectionTitle span{color:#4d4d4d;font-size:14px;line-height:2.286em;display:block;}

.spOnly{display:none!important;}

.more a{display:block;position:relative;}
.more a:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;transition: opacity .5s ease-in-out 0s;opacity:0;}
.more a:after{content:'';display:block;position:relative;z-index:1;}
.more a img{position:absolute;top:0;z-index:2;}
.more a:hover:before{opacity:1;}

/* === スライダーとバナー === */
#section01{padding-top:4px;margin-bottom:79px;}
#section01 .sectionBox{opacity:1;top:0;}
#section01 .sectionBox:after{content:'';display:block;clear:both;}

.slider{width:900px;float:left;overflow:hidden;position:relative;}
.slider:after{content:'';display:block;clear:both;padding-top:58.334%;position:relative;z-index:1;}
.slider div.sliderItem{position:absolute;top:0;left:0;z-index:2;}
.slider div.sliderItem li{float:left;}
.slider div.sliderItem li a{display:block;}
.slider div.sliderItem li a span{display:block;}
.slider div.sliderItem li a span:before{content:'';display:block;padding-top:55.557%;}
.slider div.sliderItem li a img{display:none;}
.slider div.sliderItem li a:hover span:before{opacity:0.6;}
.slider p.slideClone{position:absolute;top:0;}
.slider p.slideClone a{display:block;}
.slider p.slideClone a span{display:block;}
.slider p.slideClone a span:before{content:'';display:block;padding-top:55.557%;}
.slider p.slideClone a:hover span:before{opacity:0.6;}
.slider p.slideClone a img{display:none;}
.slider p#clonePrev{right:100%;}
.slider p#cloneNext{left:100%;}
.slider span.sliderDummy{display:block;}
.slider div.sliderNavi{position:absolute;bottom:0;left:0;width:100%;z-index:3;}
.slider div.sliderNavi ul{}
.slider div.sliderNavi ul:after{content:'';display:block;clear:both;}
.slider div.sliderNavi ul li{width:50px;float:left;margin-right:10px;background-color:#d3d3d3;padding-top:5px;}
.slider div.sliderNavi ul li.selected{background-color:#0071ce;}

.slider div.sliderItem li a span:before,
.slider p.slideClone a span:before{transition: opacity .5s ease-in-out 0s;opacity:1;}
.slider div.sliderItem li a:hover span:before,
.slider p.slideClone a:hover span:before{opacity:0.6;}

.slider2:before{background:url(/img/index/slider2.jpg) no-repeat center;background-size:100%;}
.slider1:before{background:url(/img/index/slider1.jpg) no-repeat center;background-size:100%;}
.slider3:before{background:url(/img/index/slider3.jpg) no-repeat center;background-size:100%;}
.slider4:before{background:url(/img/index/slider4.jpg) no-repeat center;background-size:100%;}
.slider5:before{background:url(/img/index/slider5.jpg) no-repeat center;background-size:100%;}
.slider6:before{background:url(/img/index/slider6.jpg) no-repeat center;background-size:100%;}
.slider7:before{background:url(/img/index/slider7.jpg) no-repeat center;background-size:100%;}
.slider8:before{background:url(/img/index/slider8.jpg) no-repeat center;background-size:100%;}
.slider9:before{background:url(/img/index/slider9.jpg) no-repeat center;background-size:100%;}
.slider10:before{background:url(/img/index/slider10.jpg) no-repeat center;background-size:100%;}

.sliderControl{position:absolute;top:0;margin-top:220px;width:60px;padding-top:60px;z-index:4;display:block;}
#sliderPrev{background:url(/img/index/sliderPrev.png) no-repeat center;background-size:100%;left:0;}
#sliderNext{background:url(/img/index/sliderNext.png) no-repeat center;background-size:100%;right:0;}
/*
.slider ul{width:3600px;}
.slider ul li{width:900px;}
*/
.banner{width:290px;float:right;}
.banner ul li{margin-top:7px;}
.banner ul li:first-child{margin-top:0;}
.banner ul li a{display:block;}

#banner1 a img{display:none;}
#banner1 a:before{content:'';display:block;padding-top:162px;background:url(/img/index/banner1.jpg) no-repeat center;background-size:100%;transition: opacity .5s ease-in-out 0s;opacity:1;}
#banner1 a:hover:before{opacity:0.6;}

#banner2 a img{display:none;}
#banner2 a:before{content:'';display:block;padding-top:162px;background:url(/img/index/banner2.jpg) no-repeat center;background-size:100%;transition: opacity .5s ease-in-out 0s;opacity:1;}
#banner2 a:hover:before{opacity:0.6;}

#banner3 a img{display:none;}
#banner3 a:before{content:'';display:block;padding-top:162px;background:url(/img/index/banner3.jpg) no-repeat center;background-size:100%;transition: opacity .5s ease-in-out 0s;opacity:1;}
#banner3 a:hover:before{opacity:0.6;}

/* === お知らせとニュースリリース === */
#section02{background-color:#f4f4f4;margin-bottom:109px;}
#section02 .sectionBox{opacity:1;top:0;}
#section02 .sectionBox:after{content:'';display:block;clear:both;}
#section02 .sectionTitle{margin-bottom:10px;}

#section02 .more a:before{background:url(/img/index/btnMore1_ov.png) no-repeat center;background-size:100%;}

.news{width:550px;float:left;}

.newsBox{border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;}
.newsBox p{font-size:14px;line-height:2em;}
.newsBox p.date{color:#0071ce;margin-bottom:2px;}
.newsBox p.title{color:#1a1a1a;}
.newsBox p.pdf{color:#1a1a1a;margin-top:14px;text-decoration:underline;}
.newsBox p.pdf:before{content:'';display:inline-block;width:20px;padding-top:26px;background:url(/img/index/icoPdf.png) no-repeat center;background-size:100%;vertical-align:-8px;margin-right:12px;}
.newsBox a{display:block;padding:0 0 28px;}
.newsBox a:first-child{padding-top:23px;}
.newsBox a:hover p.title{color:#0071ce;}
.newsBox a:hover p.pdf{color:#0071ce;text-decoration:none;}

.news .more{padding:29px 0 40px;}
.news .more a{width:200px;margin:0 auto;}
.news .more a:after{padding-top:60px;}
.news .more a span{display:block;}
.news .more a span:before{content:'';display:block;position:absolute;width:224px;padding-top:42%;left:-8px;margin-top:-8px;background:url(/img/index/btnMore1.png) no-repeat center;background-size:100%;}
.news .more a img{display:none;}

.info{width:550px;float:right;}

.infoPdf{font-size:14px;line-height:1.75em;padding:26px 0 29px;border-top:1px solid #1a1a1a;}
.infoPdf a{color:#1a1a1a;display:inline-block;text-decoration:underline;}
.infoPdf a:after{content:'';display:inline-block;width:16px;padding-top:16px;background:url(/img/index/icoBlank.png) no-repeat center;background-size:100%;vertical-align:-3px;margin-left:12px;}
.infoPdf a:hover{text-decoration:none;}

.infoBox{border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;}
.infoBox p{font-size:14px;line-height:2em;}
.infoBox p.date{color:#0071ce;margin-bottom:2px;}
.infoBox p.title{color:#1a1a1a;min-height:56px;}
.infoBox p.title:after{content:'';display:inline-block;width:16px;padding-top:16px;background:url(/img/index/icoBlank.png) no-repeat center;background-size:100%;vertical-align:-3px;margin-left:12px;}
.infoBox a{display:block;padding:13px 0 28px;}
.infoBox a:hover p.title{color:#0071ce;}

.info .more{padding:29px 0 40px;}
.info .more a{width:200px;margin:0 auto;}
.info .more a:after{padding-top:50px;}
.info .more a span{display:block;}
.info .more a span:before{content:'';display:block;position:absolute;width:224px;padding-top:74px;left:-8px;margin-top:-8px;background:url(/img/index/btnMore1.png) no-repeat center;background-size:100%;}
.info .more a img{display:none;}

/* === コンテンツ紹介 === */
#section03{margin-bottom:13px;}

.navi{position:relative;}
.navi:after{content:'';display:block;clear:both;}
.naviBox{width:360px;float:left;margin-right:60px;padding-bottom:112px;transition: opacity .5s ease-in-out 0s;position:relative;top:20px;opacity:0;transition-property:opacity,top;}
.naviBox:nth-child(3){margin-right:0;position:absolute;right:0;top:0;}
.naviBox a{display:block;padding-bottom:78px;position:relative;}
.naviBox a:after{content:'';display:block;width:240px;padding-top:50px;position:absolute;left:0;bottom:0;z-index:1;transition: opacity .5s ease-in-out 0s;opacity:1;}
.naviBox p.pict{position:relative;}
.naviBox p.pict:before{content:'';display:block;position:absolute;top:0;width:384px;padding-top:224px;left:-8px;margin-top:-8px;z-index:2;transition: opacity .5s ease-in-out 0s;opacity:1;}
.naviBox p.pict:after{content:'';display:block;padding-top:200px;position:relative;z-index:1;}
.naviBox p.pict img{display:none;}

.naviBox p.more{position:absolute;right:0;bottom:0;width:120px;}
.naviBox p.more:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/img/index/btnMore2_ov.png) no-repeat center;background-size:100%;z-index:3;transition: opacity .5s ease-in-out 0s;opacity:0;}
.naviBox p.more:after{content:'';display:block;padding-top:50px;position:relative;z-index:1;}
.naviBox p.more img{position:absolute;top:0;width:120%;left:-8px;margin-top:-8px;z-index:2;}
.naviBox a:hover p.pict:before{opacity:0.6;}
.naviBox a:hover p.more img{opacity:0.6;}
.naviBox a:hover:after{opacity:0.6;}
.naviBox a:hover p.more:before{opacity:1;}

#navi01 p.pict:before{background:url(/img/index/navi01.png) no-repeat center;background-size:100%;}
#navi02 p.pict:before{background:url(/img/index/navi02.png) no-repeat center;background-size:100%;}
#navi03 p.pict:before{background:url(/img/index/navi03.png) no-repeat center;background-size:100%;}
#navi04 p.pict:before{background:url(/img/index/navi04.png) no-repeat center;background-size:100%;}
#navi05 p.pict:before{background:url(/img/index/navi05.png) no-repeat center;background-size:100%;}

#navi01 a:after{background:url(/img/index/navi01Text.png) no-repeat center;background-size:100%;}
#navi02 a:after{background:url(/img/index/navi02Text.png) no-repeat center;background-size:100%;}
#navi03 a:after{background:url(/img/index/navi03Text.png) no-repeat center;background-size:100%;}
#navi04 a:after{background:url(/img/index/navi04Text.png) no-repeat center;background-size:100%;}
#navi05 a:after{background:url(/img/index/navi05Text.png) no-repeat center;background-size:100%;}

.bannerBox{width:360px;position:absolute;right:0;margin-top:390px;padding-bottom:112px;transition: opacity .5s ease-in-out 1.5s;top:20px;opacity:0;transition-property:opacity,top;}
.bannerBox p{margin-top:18px;}
.bannerBox p:first-child{margin-top:0;}
.bannerBox p a{position:relative;display:block;}
.bannerBox p a:before{content:'';display:block;position:absolute;top:0;width:106.668%;padding-top:42.779%;left:-8px;margin-top:-8px;z-index:2;transition: opacity .5s ease-in-out 0s;opacity:1;}
.bannerBox p a:after{content:'';display:block;padding-top:130px;position:relative;z-index:1;}
.bannerBox p img{display:none;}
.bannerBox p a:hover:before{opacity:0.6;}

#navi06 a:before{background:url(/img/index/navi06.png) no-repeat center;background-size:100%;}
#navi07 a:before{background:url(/img/index/navi07.png) no-repeat center;background-size:100%;}

#navi01{transition: opacity .5s ease-in-out 0s;transition-property:opacity,top;}
#navi02{transition: opacity .5s ease-in-out 0.3s;transition-property:opacity,top;}
#navi03{transition: opacity .5s ease-in-out 0.6s;transition-property:opacity,top;}
#navi04{transition: opacity .5s ease-in-out 0.9s;transition-property:opacity,top;}
#navi05{transition: opacity .5s ease-in-out 1.2s;transition-property:opacity,top;}

.view #navi01{top:0;opacity:1;}
.view #navi02{top:0;opacity:1;}
.view #navi03{top:0;opacity:1;}
.view #navi04{top:0;opacity:1;}
.view #navi05{top:0;opacity:1;}
.view .bannerBox{top:0;opacity:1;}

/* === 新型コロナウイルス感染対応について === */
#section04{margin-bottom:58px;}
#section04 .sectionBox{position:relative;top:20px;transition: opacity .5s ease-in-out 0s;opacity:0;transition-property:opacity,top;}
#section04.view .sectionBox{top:0;opacity:1;}
#section04 .sectionTitle{margin-bottom:15px;}

.text{color:#1a1a1a;font-size:14px;line-height:2em;margin-bottom:20px;}

#section04 .newsBox{width:750px;margin:0 auto;}
#section04 .newsBox p.pdf{margin-top:10px;}
#section04 .newsBox a{padding:13px 0 20px;}

/* === グループ会社 === */
#section05{padding-bottom:93px;}
#section05 .sectionBox{position:relative;top:20px;transition: opacity .5s ease-in-out 0s;opacity:0;transition-property:opacity,top;}
#section05.view .sectionBox{top:0;opacity:1;}
#section05 .sectionTitle{margin-bottom:31px;}

.group{position:relative;}
.group:before{content:'';position:absolute;top:0;left:205px;width:790px;height:0;background-color:#000;}
.group ul{padding-left:350px;}
.group ul:after{content:'';display:block;clear:both;}
.group ul li{width:230px;float:left;margin-right:50px;}
.group ul li a{display:block;position:relative;}
.group ul li a img{display:none;}
.group ul li a:after{content:'';position:absolute;top:0;left:-8px;margin-top:-8px;width:254px;padding-top:104px;z-index:2;transition: opacity .5s ease-in-out 0s;opacity:1;}
.group ul li a:before{content:'';display:block;clear:both;position:relative;z-index:1;padding-top:80px;}
.group ul li a span{display:block;font-size:12px;line-height:2em;text-align:center;padding:13px 0;}
.group ul li a:hover{text-decoration:underline;}
.group ul li a:hover:after{opacity:0.6;}

.group ul li#group1 a:after{background:url(/img/index/group1.png) no-repeat center;background-size:100%;}
.group ul li#group2 a:after{background:url(/img/index/group2.png) no-repeat center;background-size:100%;}
.group ul li#group3 a:after{background:url(/img/index/group3.png) no-repeat center;background-size:100%;}
.group ul li#group4 a:after{background:url(/img/index/group4.png) no-repeat center;background-size:100%;}

@media print, screen and (max-width: 737px) {

.sectionBox{width:100%;}

.sectionTitle{font-size:4.4vw;line-height:1.455em;;padding-top:0;}
.sectionTitle span{font-size:1.5vw;line-height:1.455em;}

.spOnly{display:block!important;}

/* === スライダーとバナー === */
#section01{padding-top:0.534%;margin-bottom:6.668%;}

.slider{width:100%;margin-bottom:7.734%;overflow:visible;}
.slider:after{padding-top:60.668%;}
.slider div.sliderItem{}
.slider div.sliderItem li a span:before{display:none;}
.slider div.sliderItem li a img{width:100%;display:block;}
.slider p.slideClone a span:before{display:none;}
.slider p.slideClone a img{width:100%;display:block;}

.slider div.sliderNavi{text-align:center;bottom:auto;top:100%;margin-top:-3.468%;}
.slider div.sliderNavi ul{width:100%;display:block;text-align:center;}
.slider div.sliderNavi ul li{width:13.334vw;margin-right:2.668vw;padding-top:1.334vw;float:none;display:inline-block;}

.sliderControl{display:none;}

.banner{width:100%;float:none;}
.banner ul:after{content:'';display:block;clear:both;}
.banner ul li{width:38.668%;margin-top:0;}

#banner1{margin-left:8.668%;float:left;}
#banner1 a img{width:100%;display:block;}
#banner1 a:before{display:none;}

#banner2{margin-left:5.334%;float:left;}
#banner2 a img{width:100%;display:block;}
#banner2 a:before{display:none;}

#banner3{width:82.668%;margin:0 auto;clear:both;}
#banner3:before{content:'';display:block;padding-top:5.323%;}
#banner3 a img{width:100%;display:block;}
#banner3 a:before{display:none;}

/* === お知らせとニュースリリース === */
#section02{margin-bottom:13.734%;}
#section02 .sectionTitle{padding-top:6.268%;margin-bottom:2.268%;}

.news{width:94.668%;margin:0 auto 2.534%;float:none;}

.newsBox p{font-size:3vw;line-height:1.689em;}
.newsBox p.date{margin-bottom:0.846%;}
.newsBox p.pdf{margin-top:2.677%;}
.newsBox p.pdf:before{width:4vw;padding-top:4.8vw;vertical-align:-0.5em;margin-right:2.4vw;}
.newsBox a{display:block;padding:0 0 6.198%;}
.newsBox a:first-child{padding-top:4.648%;}
.newsBox a:hover p.title{color:#1a1a1a;}
.newsBox a:hover p.pdf{color:#1a1a1a;text-decoration:underline;}

.news .more{padding:5.634% 0 8.17%;}
.news .more a{width:38.874%;}
.news .more a:before{display:none;}
.news .more a:after{padding-top:30.073%;}
.news .more a span:before{display:none;}
.news .more a span img{display:block;width:108.696%;left:-2.899%;margin-top:-2.899%;}

.info{width:94.668%;margin:0 auto;padding-bottom:8%;float:none;}

.infoPdf{font-size:2.7vw;line-height:2.4em;padding:2.536% 0 0.705%;}
.infoPdf a:after{width:2.934vw;padding-top:2.934vw;vertical-align:0;margin-left:2.4vw;}
.infoPdf a:hover{text-decoration:none;}

.infoBox p{font-size:2.7vw;line-height:2em;}
.infoBox p.date{margin-bottom:0;}
.infoBox p.title{min-height:0;}
.infoBox p.title:after{width:2.934vw;padding-top:2.934vw;vertical-align:0;margin-left:2.4vw;}
.infoBox a{padding:2.536% 0 5.353%;}
.infoBox a:hover p.title{color:#1a1a1a;}

.info .more{padding:5.634% 0 0;}
.info .more a{width:38.874%;}
.info .more a:before{display:none;}
.info .more a:after{padding-top:26.45%;}
.info .more a span:before{display:none;}
.info .more a span img{display:block;width:108.696%;left:-2.899%;margin-top:-2.899%;}

/* === コンテンツ紹介 === */
#section03{margin-bottom:17.334%;}

.navi{position:relative;}
.navi:after{content:'';display:block;clear:both;}
.naviBox{width:100%;float:none;margin-right:0;padding-bottom:8%;}
.naviBox:nth-child(3){position:relative;right:auto;top:auto;}
.naviBox a{display:block;padding-bottom:0;position:relative;}
.naviBox a:after{width:52%;padding-top:26.668%;left:auto;right:0;bottom:auto;top:0;}
.naviBox p.pict{width:48%;margin-left:0;}
.naviBox p.pict:before{display:none;}
.naviBox p.pict:after{padding-top:55.557%;}
.naviBox p.pict img{display:block;position:absolute;top:0;left:0;margin-top:-2.223%;width:104.445%;z-index:2;}
.naviBox p.more{display:none;}
.naviBox a:hover:after{opacity:1;}

#navi01 a:after{background-image:url(/img/index/sp-navi01Text.png);}
#navi02 a:after{background-image:url(/img/index/sp-navi02Text.png);}
#navi03 a:after{background-image:url(/img/index/sp-navi03Text.png);}
#navi04 a:after{background-image:url(/img/index/sp-navi04Text.png);}
#navi05 a:after{background-image:url(/img/index/sp-navi05Text.png);}

.bannerBox{width:100%;position:relative;right:auto;top:auto;padding-bottom:0;margin-top:8.934%;}
.bannerBox:after{content:'';display:block;clear:both;}
.bannerBox p{width:38.668%;float:left;margin-top:0;}
.bannerBox p a:before{display:none;}
.bannerBox p a:after{display:none;}
.bannerBox p img{width:100%;display:block;}
.bannerBox p a:hover:before{opacity:0.6;}

#navi06{margin-left:8.668%;}
#navi06 a:before{background:url(/img/index/navi06.png) no-repeat center;background-size:100%;}
#navi07{margin-left:5.334%;}
#navi07 a:before{background:url(/img/index/navi07.png) no-repeat center;background-size:100%;}
/* === 新型コロナウイルス感染対応について === */
#section04{margin-bottom:16.8%;}
#section04 .sectionTitle{margin-bottom:3.068%;}

.text{font-size:2.667vw;line-height:1.773em;margin-bottom:6.668%;}
.text .spOnly{display:inline!important;}

#section04 .newsBox{width:94.668%;}
#section04 .newsBox p.date{margin-bottom:0.423%;}
#section04 .newsBox p.pdf{margin-top:1.972%;}
#section04 .newsBox a{padding:2.536% 0 3.944%;}

/* === グループ会社 === */
#section05{padding-bottom:14.268%;}
#section05 .sectionTitle{margin-bottom:5.068%;}
#section05 .sectionTitle span{margin-top:0.934%;}

.group:before{left:0;width:100%;}
.group ul{padding-left:0;}
.group ul li{width:44.4%;margin-right:0;margin-left:2.668%;padding-bottom:4.8%;}
.group ul li:nth-child(even){margin-left:5.868%;}
.group ul li a img{display:block;position:absolute;top:0;left:-2.403%;margin-top:-2.403%;width:107.208%;}
.group ul li a:after{display:none;}
.group ul li a:before{padding-top:34.535%;}
.group ul li a span{font-size:2.4vw;line-height:1.779em;padding:5.706% 0;}
.group ul li a:hover{text-decoration:none;}
.group ul li a:hover img{opacity:1;}
	
}

/* ================================ */