@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/

/*index2*/
.mv {
	height: 675px;
	position: relative;
	overflow: hidden;
}

.mv .screen_k {
    width: 100%;
    height: 675px;
    background: transparent url(../img/index/bg_dot_k.png);
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 1;
}

#video-background {
    position: absolute;
    top: 50%;
	left: 50%;
    margin: -340px 0 0 -960px;
    width: 1920px;
    height: 720px;
    z-index: -100;
	background-color:#015369;
}

.mv .video_img-sp {
	height: 100%;
	width:auto;
	display: none; 
	text-align: center;
	position: absolute;
	margin-left: -408px;
	left: 50%;
}

.mv .video_img-sp img {
	height: 100%;
}

@media screen and (min-width: 768px) {
	.mv .video_img-sp {
		margin-left: 0;
		left: 0;
	}
	.mv .video_img-sp img {
		height: auto;
		width: 100%;
	}
}

.mv .video_img-sp.onsp {
	display: block;
}

.mv .textBox {
	width:100%;
	padding-top: 160px;
	position: absolute;
	z-index: 10;
	text-align:center;
}

.mv .textBox p {
	margin-bottom: 85px;
	color: #fff;
	font-size: 60px;
	line-height: 1.7;
	font-weight: bold;
}
.f_weight{font-weight:bold;}

.mv .textBox .text01 {
	margin-bottom: 85px;
	font-size: 18px;
}
.mb0{margin-bottom:0!important;}


.mv .textBox .text03{
	padding-right:20px;
	font-size:16px;
}


.mv .textBox .scroll {
	margin-top: -34px;
	text-align: center;
}

.bg01{background:#015369;padding:23px 0;}

.bg01 p img{margin:0 auto;}
#main{
	/**font-family:'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3', Meiryo, sans-serif;**/
	
}
.bg02_pho{padding:165px 0 320px 50px;width:355px;font-size:15px;line-height:160%!important;font-family: Meiryo!important;}
.sec_01{width:950px;margin:0 auto;margin-top:-50px;}
.bg02{background:url(../img/index/bg_photo01.png) no-repeat;}
.ttl02{text-align:center;font-size:30px;margin-bottom:65px;}
.s_pos01{position:relative;}
.s_ttl01{position:absolute;top:290px;left:223px;width:505px;text-align:center;font-size:15px;line-height:160%;font-family: Meiryo!important;}
.s_ttl01 span{display:block;font-size:20px;font-weight:bold;margin-bottom:12px;font-family: Meiryo!important;}

.t_c{text-align:center;}
.list01{margin-bottom:100px;}
.list01 li{width:450px;text-align:center;}
.fl{float:left;}
.fr{float:right;}
.list01 p{font-size:15px;margin-bottom:12px;font-family: Meiryo!important;}
.list01 p span{display:block;font-size:20px;font-weight:bold;margin:20px 0 8px;font-weight:bold;margin-bottom:12px;font-family: Meiryo!important;}
.mb100{margin-bottom:100px;}


#main .items {
	background:#e8e8e8;
	}

#main .items .info{
	width:950px;
	margin:0 auto;
}
.txt01{width:425px;font-size:15px;line-height:160%;padding-top:50px;text-align:left!important;font-family: Meiryo!important;}
.block01{padding:20px 55px 40px 50px;}


#main .method {
	width:950px;
	margin:0 auto;
	padding:65px 0 85px
}
.text_c{width:728px;margin:0 auto;}



.only_sp{
	display:none;
}
.only_pc{
	display:block;
}
.ttl02 img{margin:0 auto;}
.text_sp img{margin:0 auto;}



/*index*/
.in1_small01{display:block;font-size:30px;}
.in1_mb70{margin-bottom:40px!important;}
.in1_click{padding: 12px 10px 12px 0;background: url(../img/index/icon_arrow.png)no-repeat 99% 50%, #ffbc00;color: #ffffff;font-size: 25px;font-weight: bold;width: 525px;margin: 75px auto 20px;box-sizing: border-box;}

.in1_click:hover{background:url(../img/index/icon_arrow.png)no-repeat 99% 50%, #FFF;}
.in1_click:hover a{color: #303030;opacity:1;}

.in1_sec_01{width: 1200px;margin: 0 auto;}
.in1_ttl02 {
    text-align: center;
    font-size: 36px;
    margin-bottom: 30px;
}
.in1_list01{margin:0 auto 40px;width:950px;}
.in1_list01 li{width:450px;text-align:center;}
.in1_list01 p{font-size:15px;margin-bottom:12px;font-family: Meiryo!important;}
.in1_list01 p span{display:block;font-size:28px;margin:20px 0 8px;margin-bottom:12px;}
.in1_s_ttl01{position:absolute;top:380px;left:347px;width:505px;text-align:center;font-size:15px;line-height:160%;font-family: Meiryo!important;}
.in1_s_ttl01 span{display:block;font-size:28px;margin-bottom:12px;}
.in1_httl01{font-size:15px;background:#005368;width:948px;margin:0 auto;border:1px solid #f8b500;color:#fff;text-align:center;padding: 8px 0 6px;}
.in1_httl01 img{margin-top:-3px;}
.in1_bg02{background:url(../img/index/img1_photo01.jpg) no-repeat;padding:15px 0 0 55px;height:1203px;margin-bottom:25px;}
.in1_httl02{font-size:32px;color:#fff;margin-bottom:55px;display:block;font-family: Meiryo;font-weight: bold;}
.in1_bg02_pho{width:355px;font-size:15px;line-height:170%!important;font-family: Meiryo;color:#fff;}
.in1_bg04{background:#005368 url(../img/index/img1_photo06.jpg) no-repeat;padding:215px 0 0 40px;height:680px;margin-bottom:30px;position:relative;}
.in1_bg04_pho{font-size:15px;line-height:170%!important;font-family: Meiryo;color:#fff;width:340px;}
.in1_httl03{font-size:32px;font-weight: bold;color:#fff;margin-bottom:35px;display:block;font-family: Meiryo;}
.in1_btn02{display:block;position:absolute;bottom:0;right:0;}
.only_pc a .in1_btn02{background: url(../img/index/img1_photo08.png) no-repeat 0 0;width: 646px;height: 274px;}
.only_pc a:hover .in1_btn02{background: url(../img/index/img1_photo08_on.png) no-repeat 0 0}
.mv .textBox .text_link{margin: 0;font-size: 18px;}
.mv .textBox .text_link a{font-size: 25px;padding-left: 14px;font-weight: bold;background: url(../img/index/icon_arrow_2.png)no-repeat 0 45%;background-size: 11px;color: #FFF;}

@media all and (min-width: 0) and (max-width: 768px)  {
	/*index2*/
	.only_pc{
		display:none;
	}
	.only_sp{
		display:block;
	}
	a.btn:hover{
		filter: alpha(opacity=100);
		opacity:1;
		text-decoration:none;
	}
	img{
		width:100%;
	}
	#container{
		overflow:hidden;
	}
	#video-background {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin:auto;
	    width: 100%;
	    height: 100%;
	    background: #fff url(../img/index/mv_img-sp.jpg) no-repeat right top;
		background-size:cover;
	}
	.mv .screen_k,.mv{
		height:590px;
	}

	.mv .img_sizing{
		width: auto;
		max-height: 100%;
		text-align: center;
	}
	.mv .video_img-sp {
		display:block;
		margin:0;
		text-align:right;
		
		right:0;
		left:auto;
	}
	
	.mv .video_img-sp img {
		width:100%;
	}
	.mv .img_sizing source{
		display: block;
	}

	.mv .textBox {
		margin: 0 auto;
		padding: 110px 10px 0;
		width: auto;
		position: relative;
		left: 0;
		background-size:auto 110px;
	}
	
	.mv .textBox p {
		padding:0;
		margin-bottom: 20px;
		text-align:center;
		margin-bottom: 8%!important;
	}
	.mv .textBox .text_sp{
		padding-bottom:10px;
		font-size: 35px;
		font-weight: bold;
		text-align:left;
		text-align:center;
		line-height:120%!important;
		margin-bottom: 4%!important;
	}
	
	.mv .textBox .text01 {
		font-size:15px;
		margin-bottom: 15px;
	}
	
	
	.mv .textBox .text03 {
		display:block;
	}
	.mv .textBox .click {
		margin-top:1%;
	}
	.mv .textBox .click a{
			}
	.mv .textBox .click a .text04{
		font-size:13px;
	}
	.mv .textBox .scroll {
		margin-top: 0;
	}
	.bg01{line-height:120%;}
	
	#main{
		margin:0;
	}
	.bg02{background:none;}
	.sec_01 {
		width:100%!important;
		margin-top:0;
	}
	.bg02_pho{padding:8% 6% 8%;width:90%;font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif!important;}
	.img_photo01{padding:0 6% 7%;}
	.ttl02{font-size:25px;margin-bottom:5%;font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif!important;}
	.bg03{margin:0 3.5%;background:url(../img/index/img_photo02_sp.png) no-repeat;background-size:100%;padding:48% 15% 4%;}
	.s_ttl01{width:100%;text-align:center;font-size:15px;line-height:160%;position:inherit;font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif!important;}
.s_ttl01 span{display:block;font-size:20px;font-weight:bold;margin-bottom:10px;font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif!important;}
.t_c{padding:0 9.8%;}
.list01{margin:0 6% 10%;}
.list01 li{width:46.8%;text-align:left;}
.list01 p{font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif!important;}
.list01 p span{text-align:center;font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif!important;}
	
	
	#main .items {
		padding: 8% 6% 4%;
		background:#e8e8e8;
	}

	#main .items .info {
		width:100%;
			}
	.txt01{width:100%;font-size:15px;line-height:160%;padding-top:0;text-align:left!important;margin-bottom:8%;font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif!important;}
.block01{padding:0;}
.s_wid01{padding:0 23%;width:54%;}
.s_wid02{padding:0 14%;width:72%;}
.s_wid03{padding:0 3%;width:94%;}
.mb100{margin-bottom:10%!important;}
.s_wid04{padding:0 13%;width:74%;}
	
		
	
	.photo_btn ul li a:hover img{
		filter: alpha(opacity=100);
		opacity:1;
	}
	.text_c{width:100%;margin:0 auto;}
	.method{width:96%!important;padding:8% 2% 0!important;}
	
	
	
	
/*index*/	
.in1_bg03{background:url(../img/index/img1_photo02_sp.png) no-repeat;background-size:100%;padding:48% 15% 4%;}
.in1_small01{font-size:23px;font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif!important;}
.in1_click_sp{padding: 1.5% 20px 1.5% 1.5%;background:url(../img/index/icon_arrow.png)no-repeat 98% 50%, #f8b500;color:#fff;font-size:18px;font-weight: bold;margin:6% auto 0;line-height:130%;margin: 0 10% 6%;font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif!important;}
.in1_click_sp a{display:block;}
.in1_sec_01{width:100%;}
.in1_bg02_sp{background:url(../img/index/img1_photo01_sp.jpg) bottom no-repeat;background-size:100%;padding:4.5% 4% 148%;}
.in1_bg02_pho_sp{width:82%;color:#fff;font-size:15px;font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif!important;}
.in1_httl02{font-size:23px;color:#fff;margin-bottom:5%;display:block;font-family: Meiryo;line-height:140%;font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif!important;}
.in1_ttl02{font-size:23px;margin:5% auto 5%!important;font-family: 'Titillium Web', sans-serif;!important}
.in1_httl01_sp{font-size:15px;background:#005368;margin:0 4%;border:2px solid #f8b500;color:#fff;text-align:center;padding: 3% 3% 3%;font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif!important;}
.in1_httl01_sp img{width:40px;}	
.in1_s_ttl01{width:100%;text-align:center;font-size:15px;line-height:160%;position:inherit;font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif!important;}
.in1_s_ttl01 span{display:block;font-size:19px;margin-bottom:10px;font-family: 'Titillium Web', sans-serif;!important}
.in1_list01{margin:0 4% 5%;width:92%;}
.in1_list01 li{width:46.8%;}
.in1_list01 p{font-size:15px;margin-bottom:12px;font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif!important;}
.in1_list01 p span{display:block;font-size:19px;text-align:center;margin-bottom:12px;font-family: 'Titillium Web', sans-serif;!important}
.in1_httl03{font-size:23px;color:#fff;margin-bottom:8%;display:block;font-family: Meiryo;line-height:140%;font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif!important;}
.in1_bg04_sp{background:#005368 url(../img/index/img1_photo06_sp.jpg) top no-repeat;background-size:100%;}
.in1_bg04_pho_sp{color:#fff;font-size:15px;font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif!important;}
.in1_bg05_sp{padding:70% 0 28% 3%;width:50%;}
.in1_bg06_sp{background:url(../img/index/img1_photo08_sp.jpg) bottom no-repeat;background-size:100%;padding-bottom:53%;position:relative;}

.in1_btn02_sp{display:block;position:absolute;bottom:0;right:0;width:87.5%;}
	

}

@media all and (min-width: 320px) and (max-width: 500px)  {
	/*index*/
.in1_bg05_sp{padding:70% 0 0 3%!important;width:60%!important;}
.in1_bg06_sp{background:url(../img/index/img1_photo08_sp.jpg) bottom no-repeat;background-size:100%;padding-bottom:58%;}
}
@media all and (min-width: 769px) and (max-width: 1149px)  {
	
	/*index2*/
	#container{
		overflow:hidden;
	}
	img{
		width:100%;
	}
	a.btn:hover{
		filter: alpha(opacity=100);
		opacity:1;
		text-decoration:none;
	}
	.mv .textBox{
		width:0 auto;
		padding-top: 10%;
	}
	.click{width:517px;margin:0 auto;}
	.dswid01{width:413px;}
	.dswid02{width:565px;}
	.dswid03{width:432px;}
	.text_sp{width:757px;margin:0 auto;line-height:130%!important;}
	
	/*index*/
	.in1_sec_01{width: 100%!important;}
	.in1_httl01 span img{width:43px;}
	.in1_bg02_pho {width:36%!important;}
	.in1_httl02{margin-bottom:35px;}
	.in1_bg02 {
    
	background-size:100%!important;
    padding: 10px 0 65% 40px;
	height:0;
    
}
.in1_httl03 {margin-bottom:25px!important;}
.in1_bg04{background-size:100%!important; padding: 16% 0 59% 40px;height:0!important;margin-bottom:0!important;}

.in1_click{margin-top:6%;}
.in1_s_ttl01{    top: 76.5%;
    left: 24.5%;
    width: 51%;}
	
	
}
@media (max-width: 480px) {
	.popupEpisode__unit {
		height: 80%;
		margin: -67% 0 0 -46%;
		padding: 20px 6%;
		width: 80%;
	}
	.popupEpisode__img {
		height: auto;
		margin: 10px auto 0;
	}
	.popupEpisode__img img {
		height: auto;
		width: 100%;
	}
	.popupEpisode__name {
		font-size: 13px;
		margin-top: 10px;
	}
	.popupEpisode__text {
		font-size: 14px;
		height: 120px;
		margin-top: 10px;
		overflow: auto;
		width: 90%;
	}
	
	
	

}
small {
	font-size: 0.83em;
}

.popupLayer {
    background: #000 none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.mb-15{
	margin-bottom:15px!important;
}
.mb-20{
	margin-bottom:20px!important;
}
.mb-40{
	margin-bottom:40px!important;
}
.fontgoogle{font-family: 'Titillium Web', sans-serif;!important}