@charset "utf-8";

/* ===================================================================
CSS information
 File Name  : style.css
 Style Info : 凄水 LP CSS
=================================================================== */
body{background: #fafdfd;}
.wrapper { width: 100%; max-width: 1020px; margin: 0 auto; background: #fff; }
.imgfix{width: 100%;}
.pc, .pc_only{display: block;}
.sp{display: none;}
.txt_Min, h3, h3 span{font-family: 'Shippori Mincho B1', serif;}


.movie{width: 90%; margin: 40px auto 10px;}
.movie iframe{width: 800px; height:448px; }

.MV{position: relative;}
.MV h1{position: absolute; top:3%; left:20%;}
.MV .mv_txt{position: absolute; bottom:35px; left: 200px;}
.MV_13{background-color: #d7fbfe; text-align: center; padding: 30px 30px 50px;}
.mv_txt13{font-size: 150%; font-weight: bold; margin-bottom: 30px; color: #164B80;}
.mv_txt13_red{color: #B62424; margin-top: 30px; font-size: 130%;}
.arr{padding-top: 20px;}


.cnt01{background: url("../img/movie_bk.jpg") ; background-size: cover; padding: 7% 40px 40px;}
.cnt01 h3{text-align: center; font-size: 46px; font-weight: 600; color: #23abe6; margin-bottom: 40px; background: url("../img/movie_ttl.png") no-repeat top center; padding-top: 150px}
.cnt01 p{text-align: center; font-size: 24px;}

.offer{background:#d7fbfe url("../img/offer_bk.png") no-repeat; padding: 80px 0 40px; text-align: center;}
.offer .regular{text-align: center;}
.offer .btn{margin: 60px auto;}
.offer .teiki, .offer .filter, .offer .regular.only{position: relative; }
.offer .teiki .btn, .offer .filter .btn, .offer .regular.only .btn{position: absolute; bottom: 0; left: 70px;}


.FD{background: #fff; margin: 40px; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); padding: 40px;}
.FD .txt_G{width: 15em; color: #fff; background: #164b80; padding: 5px; font-weight: bold; letter-spacing: 2px; border-radius: 30px; font-size: 28px; box-sizing: border-box;}
.FD a{display: block; margin: 30px 0 10px;}
.FD img{width: 90%; max-width: 620px}
.FD .time{font-size: 32px; font-weight: 600; }
.FD .time>span:first-of-type{font-size: 40px; vertical-align: -2px;}
.FD .time>span:last-of-type{font-size: 24px; vertical-align: 1px;}

/* ボタンキラリ -----------------------*/
.reflection{
display:inline-block;
position:relative;
overflow:hidden;
}
 
.reflection:after {
content:"";
height:100%;
width:30px;
position:absolute;
top:-180px;
left:0;
background-color: #fff;
opacity:0;
transform: rotate(45deg);
-webkit-animation: reflection 2s ease-in-out infinite;
}
 
@keyframes reflection {
0% { transform: scale(0) rotate(45deg); opacity: 0; }
80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { transform: scale(4) rotate(45deg); opacity: 1; }
100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
/* -----------------------ボタンキラリ END */

.cnt02{height: 879px; background: url("../img/about_bk.jpg") no-repeat; padding: 80px 60px; text-align: center;}
.cnt02 .c2_txt{ margin-top: 100px; font-size: 24px; line-height: 2;}

.cnt03{height:1900px; background: url("../img/osusume_bk.jpg"); text-align: center; padding-top: 70px; position: relative;}
.cnt03 p{ font-size: 22px; margin-top: 40px; letter-spacing: 1px;}
.cnt03 ul{position: absolute; bottom: 140px; left: 250px;}
.cnt03 ul li{font-family: ArialMT,'Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic ProN',Meiryo,'MS PGothic',sans-serif; font-weight: bold; letter-spacing: 2px; font-size: 30px; color: #fff; text-align: left; margin-top: 60px;}
.cnt03 ul li span{color: #e8fa73; font-family: ArialMT,'Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic ProN',Meiryo,'MS PGothic',sans-serif; font-weight: bold; font-size: 30px;}
.cnt03 .osusume{display: none;}

.cnt04{background: #90d3f9 url("../img/p_bk.png"); background-size: cover;}
.cnt04 .c4_1{height:840px; background: url("../img/himitsu_bk.png") no-repeat; padding: 120px 0 0 460px; box-sizing: border-box;}
.cnt04 .c4_1 p:first-of-type{font-size: 48px; font-weight: 600; font-family: 'Shippori Mincho B1', serif; }
.cnt04 .c4_1 p:last-of-type{margin-top: 40px; font-size: 22px;}
.cnt04 ul{padding: 40px;}
.cnt04 ul li{margin-bottom: 60px; }
.cnt04 ul li .num{z-index: 99; text-align: center;}
.cnt04 ul li>div{background: #fff no-repeat; background-size: contain; margin-top: -55px; padding: 80px 60px 60px; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);}
.cnt04 ul li h3{font-size: 36px; color: #164b80; text-align: center; margin-bottom: 30px;}
.cnt04 ul li h3 span{font-size: 46px;}
.cnt04 ul li p{font-size: 20px;}
.cnt04 ul li p span{font-weight: 600; color: #ea5062; font-size: 20px;}
.cnt04 .p_1 div{padding-left: 380px; background-image: url("../img/p1_bk.jpg");}
.cnt04 .p_2 .small{text-indent: -1em; padding-left: 1em; margin-bottom: 10px;}
.cnt04 .p_3 .movie{width: 100%;}
.cnt04 .p_3 .small{text-align: center;}
.cnt04 .p_4 div{padding-right: 340px; background-image: url("../img/p4_bk.jpg"); background-position: right;}
.cnt04 .p_6 div{padding-left: 380px; background-image: url("../img/p6_bk.jpg");}
.cnt04 .p_6 h3 span{font-size: 41px;}
.cnt04 .p_6 h3 span>span{letter-spacing: -5px; }
.cnt04 .p_7 div{padding-right: 350px; background-image: url("../img/p7_bk.jpg"); background-position: right;}

.cnt05{background: url("../img/pdf_bk.jpg") no-repeat right; background-size: cover; padding: 80px 60px 30px;}
.cnt05 p{font-family: 'Shippori Mincho B1', serif; font-size: 46px; margin-bottom: 60px;}
.cnt05 a{display: inline-block; margin-bottom: 40px;}

p.small{font-size: 16px;}

.forminfo{text-align: center; margin: 30px 0 20px; font-weight: 500; font-size: 20px;}

footer { background: #edfcfd; padding: 30px 0;}
footer ul li{text-align: center;}
footer ul li a { color: #4d4d4d; font-size: 16px; display: block; }
footer .copy{text-align: center; font-size: 14px; margin-top: 20px;}

.sourceview{display: none;}

@media screen and (max-width: 1020px) {
	.img90{width: 90%; margin: 0 auto;}
	.movie iframe{width: 600px; height:336px; }
	
	.MV .mv_txt img{width: 90%;}
	.offer .btn{width: 80%; }
	.offer .btn img{width: 100%;}
	.offer .teiki .btn, .offer .filter .btn{bottom: 0; left: 10%;}
	.offer .regular.only .btn{bottom: -2%; left: 10%;}
	
	.cnt02{height: auto;  background-size: cover; padding: 7% 0 20%;}
	.cnt02 .c2_txt{ margin-top: 10%; line-height: 1.7;}
	.cnt03{height: auto; background-image: none; background-color: #87dcf8;}
	.cnt03 ul{display: none;}
	.cnt03 .osusume{display: block;}
	.cnt03 .osusume img{width: 100%;}
	.cnt04 .c4_1{height:auto; background-size: cover; background-position: bottom; padding: 7% 0 50% 45%;}
	.cnt04 .c4_1 p:first-of-type{font-size: 42px; }
	.cnt04 .c4_1 p:last-of-type{margin-top: 30px; font-size: 20px;}
	.cnt04 ul li>div{padding: 80px 40px 50px; }
	.cnt04 ul li h3{font-size: 28px; margin-bottom: 20px;}
	.cnt04 ul li h3 span{font-size: 36px;}
	.cnt04 ul li p{font-size: 18px;}
	.cnt04 ul li p span{font-size: 18px;}
	.cnt04 .p_1 div{padding-left: 40%;}
	.cnt04 .p_4 div{padding-right: 30%; }
	.cnt04 .p_6 div{padding-left: 30%;}
	.cnt04 .p_6 h3 span{font-size: 40px;}
	.cnt04 .p_7 div{padding-right: 40%; padding-top: 30px;}
	.cnt05 p{font-size: 40px; margin-bottom: 40px;}
	.cnt05 a{margin-bottom: 20px;}
	.cnt05 a img{width: 80%;}
}

@media screen and (max-width: 834px) {
	.pc_only{display: none;}
	
	.MV h1 img{width: 80%;}
	.MV .mv_txt{bottom:30px; left: 15%;}
	.mv_txt13_2{text-align: left;}
	.cnt01 h3{font-size: 34px; margin-bottom: 20px;background-size: 80px; padding-top: 100px;}
	.cnt01 p{font-size: 20px;}
	
	.offer .teiki .btn, .offer .filter .btn,.offer .regular.only .btn{bottom: 0; margin-bottom: 3%;}

	.FD .time{font-size: 24px;}
	.FD .time>span:first-of-type{font-size: 32px;}
	.FD .time>span:last-of-type{font-size: 18px;}
	
	.cnt02 .c2_txt{font-size: 20px;}
	.cnt03 p{font-size: 18px;}
	.cnt04 .c4_1{padding: 7% 0 50% 42%;}
	.cnt04 .c4_1 p:first-of-type{font-size: 40px; }
	
	p.small{font-size: 14px;}
	
}

@media screen and (max-width: 480px) {
	.pc{display: none;}
	.sp{display: block;}
	
	.MV .mv_txt{bottom:3%;}
	.MV .mv_txt img{width: 85%;}
	.mv_txt13{font-size: 105%;}
	.mv_txt13_red{font-size: 110%}
	
	.cnt01{padding: 7% 3% 30px;}
	.cnt01 h3{font-size: 24px; margin-bottom: 20px; background-size: 60px; padding-top: 80px;}
	.cnt01 p{font-size: 18px;}
	.movie{margin-top: 20px; width: 100%;}
	.movie iframe{width: 320px; height:179px; }
	
	.offer{padding: 30px 0;}
	.offer .btn{margin: 30px auto;}
	.offer .teiki{margin-bottom: 20px;}
	.FD{padding: 30px 20px; margin: 30px 6%;}
	.FD a{margin: 20px 0 10px;}
	.FD .txt_G{width: 100%; font-size: 18px; }
	.FD .time{font-size: 16px; line-height: 1.4; margin-bottom: 10px;}
	.FD .time>span:first-of-type{font-size: 24px;}
	.FD .time>span:last-of-type{font-size: 14px;}
	
	.cnt02{background: url("../img/about_bk_sp.jpg"); background-size: cover; padding-bottom: 10%;}
	.cnt02 p img{width: 40%;}
	.cnt02 .c2_txt{background: rgba(255,255,255,.7); margin: 20px 5% 0; border-radius: 15px; padding: 20px 15px; font-size: 16px; text-align: left;}
	.cnt03{padding-top: 40px;}
	.cnt03 .txt_G{margin: 20px 5% 0; text-align: left; font-size: 16px;}
	.cnt04 .c4_1{padding: 8% 0 47% 37%;}
	.cnt04 .c4_1 p:first-of-type{font-size: 24px;}
	.cnt04 .c4_1 p:last-of-type{margin-top: 10px; font-size: 16px;}
	.cnt04 ul{padding: 20px 3%;}
	.cnt04 ul li{margin-bottom: 30px;}
	.cnt04 ul li .num img{width: 20%;}
	.cnt04 ul li>div{margin-top: -10%; padding:50px 5% 20px;}
	.cnt04 ul li h3{font-size: 20px; margin-bottom: 15px; line-height: 1.4 !important; background-size: 50% !important;}
	.cnt04 ul li h3 span{font-size: 24px; vertical-align:0; line-height: 1.4;}
	.cnt04 ul li p, .cnt04 ul li p span{font-size: 16px;}
	.cnt04 .p_1 div{padding: 0 5% 20px; background-image: none; padding-top: 10%;}
	.cnt04 .p_1 h3{padding-top: 52%; background: #fff url("../img/p1_bk_sp.jpg") no-repeat top center; }
	.cnt04 .p_4 div{padding-right: 5%; background-image: none;}
	.cnt04 .p_4 h3{padding-top: 52%; background: #fff url("../img/p4_bk_sp.jpg") no-repeat top center;}
	.cnt04 .p_6 div{padding-left: 5%; background-image: none;}
	.cnt04 .p_6 h3{padding-top: 52%; background: #fff url("../img/p6_bk_sp.jpg") no-repeat top center;}
	.cnt04 .p_6 h3 span{font-size: 26px; }
	.cnt04 .p_7 div{padding-right: 5%; padding-top: 50px; background-image: none;}
	.cnt04 .p_7 h3{padding-top: 45%; background: #fff url("../img/p7_bk_sp.jpg") no-repeat top center;}
	.cnt05{padding: 40px 5% 10px;}
	.cnt05 p{font-size: 22px; margin-bottom: 30px;}
	.cnt05 a img{width: 100%;}
	
	p.small{font-size: 12px !important;}
	
	.forminfo{margin: 20px 10px 20px; font-size: 14px;}
	footer ul li a{font-size: 14px;}
	footer .copy{font-size: 11px;}
}

@media screen and (max-width: 400px) {
	.movie iframe{width: 260px; height:145.6px; }
	.FD{padding: 30px 3%;}
	.FD .txt_G{font-size: 16px; }
	.FD .time{font-size: 16px; line-height: 1.4; margin-bottom: 10px;}
	.FD .time>span:first-of-type{font-size: 20px;}
	.FD .time>span:last-of-type{font-size: 13px;}
	
	.cnt04 .c4_1{padding: 8% 3% 47% 36%;}
	.cnt04 .c4_1 p:first-of-type{font-size: 20px; line-height: 1.5;}
	.cnt04 .c4_1 p:last-of-type{line-height: 1.5;}
}