@charset "utf-8";
/* CSS Document */
/*
 *Landing page Template | Webly Maker 1.0
 *Copyright (C) 2008-2017 infosmile Inc. All Rights Reserved.
 */
/*main css
---------------------------------------------------------------------------*/

.header-bg01{
height: 1252px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url("../img/head_01.png");
	
}
.header-bg02{
background-size: cover;
background-position: center;
height: 200vw;
background-image:url(../img/sphead.png);
}
.kotukotu{
height: 563px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/kotukotu.png);
}
.navi{
height: 1080px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/navi0.png);
}
.ctaunder{
height: 49px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/CTA2.png);
}
.sub01-0{
height: 81px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub01_01.png);
}
.sub01{
height: 338px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url("../img/sub01.png");
}
.sub02{
height: 338px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url("../img/sub02.png");
}
.sub03{
height: 338px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub03.png);
}
.sub04{
height: 300px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/subkari.png);
}
.sub05{
height: 338px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub05.png);
}
.sub06{
height: 338px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub06.png);
}
.sub07{
height: 338px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub07.png);
}
.sub08{
height: 463px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub08.png);
}
.sub09{
height: 463px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub09.png);
}

.sub00{
height: 463px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub00.png);
}
.sub00-2{
height: 382px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub00-2.png);
}
.con-top{
height: 45px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/contop_01.png);
}
.con-top-0{
height: 393px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/contop_02.png);
}


.movie-btn {
    visibility: visible !important;
    animation-fill-mode: both !important;
    -webkit-animation-fill-mode: both !important;
}
.btn-infinite {
    -webkit-animation-iteration-count: infinite !important;
    animation-iteration-count: infinite !important;
}
.btn-bounce {
    -webkit-animation: btn-bounce 2.0s;
            animation: btn-bounce 2.0s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
}
@keyframes btn-bounce {
   0%  {transform: scale(1);opacity: 1;}
    20% {transform: scale(1.1);}
    35% {transform: scale(.9);}
    45% {transform: scale(1.22);}
    55% {transform: scale(.9);}
    65% {transform: scale(1.05);opacity: 1;}
    75% {transform: scale(.95);}
    85% {transform: scale(1.01);}
    100%{transform: scale(1);}
}
@-webkit-keyframes btn-bounce {
   0%  {transform: scale(1);opacity: 1;}
    20% {transform: scale(1.1);}
    35% {transform: scale(.9);}
    45% {transform: scale(1.22);}
    55% {transform: scale(.9);}
    65% {transform: scale(1.05);opacity: 1;}
    75% {transform: scale(.95);}
    85% {transform: scale(1.01);}
    100%{transform: scale(1);}
}

/*入力フォームの設定*/
.form-text{ 
width:100%;
height: 50px;
font-size:1.4em;
border:3px solid #5A92BA;
padding: 5px;
color: #000;
background:#FFF;
margin-bottom:5px;
}
 
 @media screen and (max-width: 768px) {
.form-text{ 
height: 40px;
margin-bottom:0px;
}
}


.naka01 {
text-align: left;
background-image: url(../img/naka01.png);
background-repeat: repeat;
background-size: contain;
padding: 40px 50px 0px 50px;
}
@media screen and (max-width: 768px) {
.naka01 {
padding: 10px 15px 0px 15px;
background-image: none;
}
}

.naka02 {
text-align: left;
background-image: url(../img/naka02.png);
background-repeat: repeat;
background-size: contain;
padding: 40px 50px 0px 50px;
}
@media screen and (max-width: 768px) {
.naka02 {
padding: 10px 15px 0px 15px;
background-image: none;
}
}

.semi2 {
text-align: left;
background-image: url(../img/semi2.png);
background-repeat: repeat;
background-size: contain;
padding: 0px 65px 10px 65px;
color: #fff;
line-height:130%;

}
@media screen and (max-width: 768px) {
.semi2 {
padding: 0px 30px 0px 30px;

}
}

.bto{
	padding: 470px 0 0 0;
}

.kona{
	height: 179px;
	background-repeat: no-repeat;
	background-position: center center;
	background-position: 50% 0%;
	text-align: center;
	background-image:url(../img/kona.png);
}
.pre{
	height: 179px;
	background-repeat: no-repeat;
	background-position: center center;
	background-position: 50% 0%;
	text-align: center;
	background-image:url(../img/pre0.png);
}
.pre2{
	height: 170px;
	background-repeat: no-repeat;
	background-position: center center;
	background-position: 50% 0%;
	text-align: center;
	background-image:url(../img/pre2.png);
}
@media screen and (max-width: 768px) {
.pre2 {
	height: 70px;

}
}
.cta01{
	height: 210px;
	background-repeat: no-repeat;
	background-position: center center;
	background-position: 50% 0%;
	text-align: center;
	background-image:url(../img/cta01.png);
}
.cta02 {
text-align: left;
background-image: url(../img/cta02.png);
background-repeat: repeat;
background-size: contain;
padding: 0px 180px 30px 180px;
color: #fff;
}
@media screen and (max-width: 768px) {
.cta02 {
padding: 10px 40px 15px 32px;

}
}
.ctasita{
	padding: 70px 100px 0 100px;
	text-align: left;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
.ctasita {
text-align: left;
background-image: url(../img/waku_02.png);
background-repeat: repeat;
background-size: contain;
padding: 5px 18px 0px 18px;
}}
.cta03 {
	height: 514px;
	background-repeat: no-repeat;
	background-position: center center;
	background-position: 50% 0%;
	text-align: center;
	background-image:url(../img/ctasita.png);
}
@media screen and (max-width: 768px) {
.cta03 {
padding: 5px 15px 20px 15px;
height: auto;
background-image:url(../img/spctasita.png);
}
}	

.sanka{
	padding: 50px 50px 50px 50px;
	text-align: left;
	color: #fff;
}
@media screen and (max-width: 768px) {
.sanka {
padding: 0px 15px 0px 15px;

}
}

/*アイコン*/
.icon-img1 {
	background-image: url(../img/k01.png) ;
	background-repeat: no-repeat;
	padding: 0px 0px 30px 70px;
	line-height:220%;
}
.icon-img2 {
	background-image: url(../img/k02.png) ;
	background-repeat: no-repeat;
	padding: 0px 0px 30px 70px;
	line-height:220%;
}
.icon-img3 {
	background-image: url(../img/k03.png) ;
	background-repeat: no-repeat;
	padding: 0px 0px 30px 70px;
	line-height:360%;
}
.icon-img4 {
	background-image: url(../img/k04.png) ;
	background-repeat: no-repeat;
	padding: 0px 0px 30px 70px;
	line-height:360%;
}.icon-img5 {
	background-image: url(../img/k05.png) ;
	background-repeat: no-repeat;
	padding: 0px 0px 30px 70px;
	line-height:360%;
}
.icon-img6 {
	background-image: url(../img/k06.png) ;
	background-repeat: no-repeat;
	padding: 0px 0px 30px 70px;
	line-height:220%;
}
.icon-img7 {
	background-image: url(../img/k07.png) ;
	background-repeat: no-repeat;
	padding: 0px 0px 30px 70px;
	line-height:220%;
}
.icon-img8 {
	background-image: url(../img/k08.png) ;
	background-repeat: no-repeat;
	padding: 0px 0px 30px 70px;
	line-height:360%;
}.icon-img9 {
	background-image: url(../img/k09.png) ;
	background-repeat: no-repeat;
	padding: 0px 0px 30px 70px;
	line-height:220%;
}
.icon-img10 {
	background-image: url(../img/k10.png) ;
	background-repeat: no-repeat;
	padding: 0px 0px 30px 70px;
	line-height:220%;
}
.icon-img11 {
	background-image: url(../img/k11.png) ;
	background-repeat: no-repeat;
	padding: 0px 0px 30px 70px;
	line-height:220%;
}
.icon-img12 {
	background-image: url(../img/k12.png) ;
	background-repeat: no-repeat;
	padding: 0px 0px 30px 70px;
	line-height:220%;
}
.icon-img13 {
	background-image: url(../img/k13.png) ;
	background-repeat: no-repeat;
	padding: 0px 0px 30px 70px;
	line-height:360%;
}



@media screen and (max-width: 768px) {
.spsita {
padding: 0px 15px 0px 15px;
}
}


.cont01 {
text-align: left;
background-image: url(../img/cont_02.png);
background-repeat: repeat;
background-size: contain;
padding: 0px 90px 0px 90px;
color: #000;
}
@media screen and (max-width: 768px) {
.cont01 {
padding: 0px 40px 0px 40px;

}
}

.cyuui01 {
text-align: left;
background-image: url(../img/tyuui_02.png);
background-repeat: repeat;
background-size: contain;
padding: 0px 80px 0px 80px;
	line-height: 210%;
color: #000;
}
@media screen and (max-width: 768px) {
.cyuui01 {
padding: 0px 30px 0px 30px;

}
}

.text-cta {
	font-size:90%;
	color: #fff;
	line-height: 180%;	
}

.answer-kouka{
	text-align: right;
	padding:0px 25px 20px 25px;
	line-height:100%;
	color: #6B6B6B;
	font-size: 80%;
}
@media screen and (max-width: 768px) {
.answer-kouka{
	padding:0px 15px 15px 15px;
	line-height:100%;
	font-size: 80%;
}}


/*プライバシーマークチェック同意box
-------------------------------*/


/*pc*/
.privacy {
width: 600px;
margin: 0 auto;
text-align: left;
}
.privacy_inner {
height: 200px;
overflow: auto;
padding: 10px;
background: #fff;
margin-bottom: 20px;
}

.privacy_inner ul li,.privacy_inner p{
font-size: 14px;
}

.privacy_ttl{
margin-top: 20px;
font-size: 14px;
font-weight: bold;
}


@media screen and (max-width: 768px) {
/*タブレット*/
.privacy {
width: 100%;
margin: 0 auto;
text-align: left;
}
.privacy_inner {
height: 200px;
overflow: auto;
padding: 10px;
background: #e6e6e6;
margin-bottom: 20px;
}
.privacy_ttl{
margin-top: 20px;
font-size: 14px;
}
.privacy_inner ul li,.privacy_inner p{
font-size: 14px;

}}/*タブレットEND*/

@media screen and (max-width: 640px) {
/*スマートフォン*/
.privacy {
width: 100%;
margin: 0 auto;
text-align: left;
}
.privacy_inner {
height: 200px;
overflow: auto;
overflow-x: hidden;
padding: 10px;
background: #e6e6e6;
margin-bottom: 20px;
}
.privacy_ttl{
margin-top: 20px;
font-size: 14px;
}
.privacy_inner ul li,.privacy_inner p{
font-size: 14px;
}}/*スマートフォンEND*/


/*チェック文言
-------------------------------*/

.red{color: #ff0000;}
.check{text-decoration:underline;}

/*CVボタン調整
-------------------------------*/

.submitBtn{max-width: 100%;}



/*カウントダウンタイマー
-------------------------------*/

.count_down{
	font-family: 'Noto Sans JP', sans-serif;
	background-color: #fff;
	padding: 2rem;
}
.count_down .count_down_class1{
  font-size: 2.7rem;
}

@media screen and (max-width: 640px) {
/*スマートフォン*/

.count_down .count_down_class1{
  font-size: 2rem;
}}/*スマートフォンEND*/


/*無料キャンペーン終了まで
-------------------------------*/

.count_down p#muryomc{
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 640px) {
/*スマートフォン*/

.count_down p#muryomc{
  font-size: 1.4rem;
}}/*スマートフォンEND*/