@charset "UTF-8";
#mainimg {
	position: relative;
	margin: 0px;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	padding: 0 2.5%;
	z-index: 2;
/* 	padding-top: 110px; */
}
#mainimg-body{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	overflow: hidden;
/* 	padding: 110px 2.5% 0; */
}
.inner::before{content: '';display: block;position:absolute;top: -1px;left: -1px;width: 21.052631578947%;padding-top: 16.447368421053%;background: url(../img/main-before.svg) no-repeat left top;background-size: contain;max-width: 288px;max-height: 225px;z-index: 9999;}
.inner::after{content: '';display: block;position:absolute;bottom: -1px;right: -1px;width: 21.052631578947%;padding-top: 16.447368421053%;background: url(../img/main-after.svg) no-repeat right bottom;background-size: contain;max-width: 288px;max-height: 225px;z-index: 9999;}

/* #mainimg h2{max-width: 180px;text-align: center;position: relative;overflow: hidden;} */
#mainimg h2{width: 80%;max-width: 507px;position: relative;padding:5px 25px 0 0;z-index: 4;}
#mainimg h2 svg{display: block;}
#ribbon1{transform-origin: center;}
.inner{position: relative; height: 100%;padding:0;overflow: hidden;z-index: 999;}
.inner .mask,.inner .mask_anim_inner{position: relative; overflow: hidden;}
.bx-wrapper,.bx-viewport,.inner ul,.inner li,.inner .mask,.inner .mask_anim_inner{height: 100%!important;}
.inner img{
  -webkit-transition: .2s ease;
  transition: .2s ease;
}
.bx-wrapper,.bx-viewport,.inner ul,.inner li{height: 100%!important;}
.inner img{
  -webkit-transition: .2s ease;
  transition: .2s ease;
}
#topslide01{background: url(../img/main-01.jpg) no-repeat center center;background-size: cover;}
#topslide02{background: url(../img/main-02.jpg) no-repeat center center;background-size: cover;}
#topslide03{background: url(../img/main-03.jpg) no-repeat center center;background-size: cover;}
#topslide04{background: url(../img/main-04.jpg) no-repeat center center;background-size: cover;}
#index-scroll{position: absolute;bottom: 20px;right: 4.305555555556%;display: block;z-index: 666666;text-align: center;color: #fff;}
#index-scroll a{display: block;margin: 0 auto;width: 17px;height: 100px;overflow: hidden;position: relative;}
#index-scroll a:hover{opacity: 0.6;}

.mbYTP_wrapper{z-index: 888!important;}
.YTPOverlay.raster {background: url(../img/raster.png);}

@media (max-width: 960px) {
	.inner::before,.inner::after{width: 40%;padding-top: 40%;}
	#mainimg h2{max-width: 452px;padding-right: 0;padding-top: 1%;}
}
@media (max-width: 767px) {
/* 	#mainimg {padding-top: 80px;} */
	#mainimg h2{padding-right: 0%;padding-top: 3%;}
	#index-scroll {right: 30px}
}

#contents{padding: 0;}

#index-01{position: relative;padding: 100px 0 120px;background-color: #F5FBFD;}
#index-01::before,#index-01::after{content: '';display: block;width: 2.5%;height: 100%;background-color: #fff;position: absolute;top: 0;left: 0;}
#index-01::after{left: auto;right: 0;}
#index-01 h2{margin-bottom: 60px;}
#index-01 #news-more{padding-top: 45px;}

#index-02{position: relative;padding: 120px 0;background: url(../img/index-02-back.png) no-repeat center center;background-size: cover;}
#index-02 h2{margin-bottom: 60px;}
#index-02 h3{margin-bottom: 60px;padding-left: 5.555555555556%;}
#index-02-txt {position: relative;padding-left: 25%;}
#index-02-txt::before{content: '';display: block;width: 100px;height: 2px;background-color: #4DC4FF;position: absolute;left: 5.555555555556%;top: 10px;}
#index-02-txt p{margin-bottom: 30px;font-weight: bold;}
#index-02-img img{display: block;width: 33.3333333333%;}
@media (max-width: 767px) {
	#index-02{padding: 100px 0;}
	#index-02 h3,#index-02-txt{padding-left: 0;}
	#index-02-txt::before{display: none;}
	#index-02-img img{width: 50%;}
	#index-02-img img:last-child{width: 100%;}
}

#index-03{position: relative;padding: 120px 0;}
.i03-c{margin-bottom: 80px;}
.i03-c-img{position: relative;margin-bottom: 25px;}
.i03-c-img .i03-c-b{display: block;margin: 0 auto;position: relative;}
.i03-c-img h3{width: 100%;position: absolute;left: 0;bottom: 30px;padding: 0 20%;}
.i03-c-img span{position: absolute;display: block;left: 5.555555555556%;bottom: -18px;}
.i03-c-txt{padding: 0 20%;}
.i03-c:last-child{margin-bottom: 0;}
@media (max-width: 767px) {
	#index-03{padding: 100px 0;}
	#index-03 h2{margin-bottom: 90px;}
	.i03-c-img{margin-bottom: 15px;}
	.i03-c-img h3{bottom: 10px;padding: 0 10%;}
	.i03-c-img span{width: 100%;left: 0%;bottom: auto;top: -38px;}
	.i03-c-img span img{display: block;margin: auto;}
	.i03-c-txt{padding: 0 10%;}
}

#index-04{position: relative;padding: 120px 0;}
#index-04 li{width: 31.481481481481%;background-color: #fff;}
.i04-img{position: relative;}
.i04-img .i04-b{display: block;margin: 0 auto;position: relative;width: 100%;}
.i04-img h3{width: 100%;position: absolute;left: 0;bottom: 0;padding: 20px;}
.i04-txt{padding: 15px 20px;}
@media (max-width: 767px) {
	#index-04{padding: 100px 0;}
	#index-04 li{width: 100%;margin-bottom: 30px;}
	#index-04 li:last-child{margin-bottom: 0;}
}

#index-05{position: relative;padding: 120px 0;}
#index-05 li{position: relative;width: 49.074074074074%;background-color: #006AAC;padding: 30px 20px;font-weight: bold;color: #fff;margin-bottom: 20px;}
#index-05 li::before,
#index-05 li::after{content: '';display: block;position: absolute;width: 30px;height: 24px;}
#index-05 li::before{background: url(../img/index-05-before.svg) no-repeat left top;left: 0;top: 0;}
#index-05 li::after{background: url(../img/index-05-after.svg) no-repeat right bottom;right: 0;bottom: 0;}
.i05-img{width: 29.387755102041%;}
.i05-img img{display: block;margin: auto;}
.i05-txt{width: 64.489795918367%;}
.i05-txt h3{margin-bottom: 15px;}
#index-05 li:last-child{margin-bottom: 0;}
@media (max-width: 767px) {
	#index-05{padding: 100px 0;}
	#index-05 li{width: 100%;margin-bottom: 10px;}
	.i05-img img{max-height: 77px; }
}

#index-06{position: relative;padding: 26.388888888889% 0 90px;background: url(../img/index-06-back.jpg) no-repeat center top;background-size: 100%;}
#i06{background-color: #fff;padding-top: 60px;}
#i06-list{position: relative;}
#i06-list::after{content: '';display: block;width: 31.481481481481%;}
#i06-list a{display: block;text-decoration: none;position: relative;width: 31.481481481481%;margin-bottom: 30px;}
.i06-img{position: relative;}
.i06-img img{display: block;width: 100%;}
.i06-img span{position: absolute;left: 0;bottom: 0;line-height: 1.25;padding: 10px;background-color: #333;color: #fff;font-weight: bold;}
.i06-txt{position: relative;padding: 15px 0;padding-right: 40px;color: #111;background: url(../img/arrow-b.svg) no-repeat right center;}
#i06-list a:hover{opacity: 0.6;}
@media (max-width: 767px) {
	#index-06{padding: 39% 0 70px;background-size: 140%;}
	#i06-list a{width: 100%;}
	.i06-txt{padding-right: 20px;}
}

#index-07{position: relative;padding: 120px 0 90px;margin: 10px 0;}
#index-07 ul{position: relative;}
#index-07 ul::after{content: '';display: block;width: 31.481481481481%;}
#index-07 li{position: relative;width: 31.481481481481%;margin-bottom: 30px;border: 2px solid #ddd;background-color: #fff;}
#index-07 li h3{padding: 20px 16px;border-bottom: 2px solid #ddd;}
#index-07 li p{padding: 16px;}
@media (max-width: 767px) {
	#index-07{padding: 100px 0 90px;}
	#index-07 li{width: 100%;margin-bottom: 10px;}
}

#index-07{position: relative;padding: 120px 0 90px;margin: 10px 0;}
#index-07 ul{position: relative;}
#index-07 ul::after{content: '';display: block;width: 31.481481481481%;}
#index-07 li{position: relative;width: 31.481481481481%;margin-bottom: 30px;border: 2px solid #ddd;background-color: #fff;}
#index-07 li h3{padding: 20px 16px;border-bottom: 2px solid #ddd;}
#index-07 li p{padding: 16px;}
@media (max-width: 767px) {
	#index-07{padding: 100px 0 90px;}
	#index-07 li{width: 100%;margin-bottom: 10px;}
}

#index-08{position: relative;padding: 120px 0 75px;}
#index-08 p.lead{margin-bottom: 60px;}
.f01-c{width: 48.148148148148%;margin-bottom: 45px;}
.f01-c dt{line-height: 1.25;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #ddd;font-size: 14px;font-size: 1.4rem;font-weight: bold;color: #515151;position: relative;padding-left: 1.4em;text-indent: -1.4em;}
.f01-c dt::before {content: 'Q. ';color: #006AAC;}
.f01-c dd{padding-left: 1.4em;text-indent: -1.4em;position: relative;}
.f01-c dd::before {content: 'A. ';color: #FF0F5F;font-weight: bold;}
@media (max-width: 767px) {
	#index-08{padding: 100px 0 70px;}
	#index-08 p.lead{margin-bottom: 30px;}
	.f01-c{margin-bottom: 30px;width: 100%;}
}