@charset "utf-8";
/* CSS Document */
/*
 *Landing page Template | Webly Maker 1.0
 *Copyright (C) 2008-2017 infosmile Inc. All Rights Reserved.
 */
/*main css
---------------------------------------------------------------------------*/
.header-bg00{
    height: auto;
	background-repeat: repeat;
	background-position: center center;
	background-position: 50% 0%;
	background-attachment: fixed;
	background-image:url(../img/headbg_01.png);
	text-align: center;
}
.header-bg0{
background-size: cover;
background-position: center;
height: 95vw;
background-image:url(../img/headbg_01.png);
}

.header-bg00{
height: auto;
background-repeat: repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/head_01.png);
	color: #FFFFFF;
}

.header-bg01{
height: 1080px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/head_01.png);
}
.header-bg02{
height: 740px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/head_02.png);
}
.header-bg03{
height:541px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/head_03.png);
}
.header-bg04{
height: 697px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/head_04.png);
}

.header-bg01-c{
height: 780px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/head_01-c.png);
}
.header-bg02-c{
height: 1195px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/head_02-c.png);
}
.header-bg03-c{
height: 430px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/head_03-c.png);
}

.line01{
height: 24px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/line01.png);
}

.line02{
height: 24px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/line02.png);
}

.line03{
height: 20px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/line03.png);
}

.cta01-0{
height: 1296px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/cta01.png);
}
.cta01-1{
height: 338px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/kakaku-98000.png);
}
.cta02-0{
height: 1303px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/cta02.png);
}
.cta03-0{
height: 1532px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/cta03.png);
}
.cta03-1{
height: 338px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/kakaku-178000.png);
}
.cta04-1{
height: 3392px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/cta04.png);
}

.headsita{
height: 16vw;
background-size: cover;
background-position: center;
background-image:url(../img/headsita.png);
}
.headsita2{
height: 365px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/dono.png);
}
.sub00-0{
height: 40px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub00-0.png);
}
.sub00{
height: 435px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub00.png);
}
.sub01{
height: 438px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub01.png);
}
.sub02{
height: 598px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub02.png);
}
.sub03{
height: 512px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub03.png);
}
.sub04{
height: 438px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub04.png);
}
.sub05{
height: 438px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub05.png);
}
.sub05-2{
height: 512px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub05-2.png);
}
.sub06{
height: 748px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub06.png);
}
.sub06-c{
height: 435px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub06-c.png);
}
.sub07{
height: 405px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub07.png);
}
.sub07-c{
height: 435px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub07-c.png);
}
.sub08{
height: 435px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub08.png);
}
.sub09{
height: 548px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub09.png);
}
.sub10-2{
height: 512px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub10-2.png);
}
.sub10{
height: 435px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub10.png);
}
.sub11{
height: 435px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub11.png);
}
.sub12{
height: 363px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub12.png);
}
.sub13{
height: 325px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub13.png);
}
.sub14{
height: 460px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub14.png);
}
.sub15{
height: 325px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub15.png);
}
.sub16{
height: 438px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub16.png);
}
.sub17{
height: 435px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub17.png);
}
.sub18{
height: 840px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub18.png);
}
.sub19{
height: 438px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub19.png);
}
.sub20{
height: 438px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub20.png);
}
.sub21{
height: 391px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub21.png);
}
.sub22{
height: 391px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub22.png);
}
.sub23{
height: 391px;
background-repeat: no-repeat;
background-position: center center;
background-position: 50% 0%;
text-align: center;
background-image:url(../img/sub23.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:98%;
height: 60px;
font-size:1.4em;
border:5px solid #ED1E79;
border-radius: 5px;
padding: 5px;
color: #000;
background:#FFF;
margin-bottom:5px;
}
 
 @media screen and (max-width: 768px) {
.form-text{ 
height: 40px;
margin-bottom:0px;
}
}

.btn-add{ 
margin-left: -2px;
}
 @media screen and (max-width: 768px) {
.btn-add{ 
margin-left: -10px;
}
}


.naka01 {
text-align: left;
background-image: url(../img/cta04_02.png);
background-repeat: repeat;
background-size: contain;
color: #fff;
padding: 10px 50px 30px 50px;
}
@media screen and (max-width: 768px) {
.naka01 {
padding: 10px 35px 10px 35px;
}
}

.naka02 {
text-align: left;
background-image: url(../img/naka02.png);
background-repeat: repeat;
background-size: contain;
padding: 40px 50px 10px 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: 734px;
	background-repeat: no-repeat;
	background-position: center center;
	background-position: 50% 0%;
	text-align: center;
	background-image:url(../img/cta_01.png);
}



.cta02 {
height: auto;
background-repeat: repeat;
background-position: center center;
background-position: 50% 0%;
background-attachment: fixed;
background-image:url(../img/ctabg.png);
}

@media screen and (max-width: 768px) {
.cta02 {
	height: auto;
}
}

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

}
.cta04 {
	height: 284px;
	background-repeat: no-repeat;
	background-position: center center;
	background-position: 50% 0%;
	text-align: center;
	background-image:url(../img/cta4.png);
}

.test-form-box{
	width:98%;
	margin:auto;
	text-align:center;}
@media screen and (max-width: 768px) {
.test-form-box {
   padding: 0px 10px 0px 10px; 
}
}

.kikanue{
	padding: 75px 0px 0px 0px; 
}
@media screen and (max-width: 768px) {
.kikanue {
   padding: 30px 10px 0px 10px; 
}
}
.ansinue{
	padding: 20px 0px 0px 0px; 
}
@media screen and (max-width: 768px) {
.ansinue {
   padding: 20px 0px 30px 0px; 
}
}

.txpd {
	padding: 10px 0 5px 0;
}


.text-f {
}
@media screen and (max-width: 768px) {
.text-f {
   font-size:60%;
}
}


.headgentei{
	padding: 20px 20px 20px 20px;
	font-size: 160%;
	letter-spacing: 5px;
}
@media screen and (max-width: 768px) {
.headgentei{
   padding: 10px 0px 10px 0px; 
}
}


.zyuuyou {
    margin: 0px;
    background: #ffffff;
}

.zyuuyou p {
	height:500px;
	overflow:scroll;
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
	text-align:left;
	color:#3C3C3C;
	font-size: 85%;
	line-height: 160%;
}
@media screen and (max-width: 640px) {
.zyuuyou {
    margin: 0px 0px;
    background: #ffffff;
}
.zyuuyou p {
	height:300px;
	overflow:scroll;
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
	text-align:left;
	color:#3C3C3C;
	font-size: 85%;
	line-height: 160%;
}
}


.tejyun01 {
text-align: left;
background-image: url(../img/syuhou00_02.png);
background-repeat: repeat;
background-size: contain;
padding: 0px 50px 0px 50px;
line-height:180%;

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

}
}


.cont01 {
text-align: left;
background-image: url(../img/cont_03.png);
background-repeat: repeat;
background-size: contain;
padding: 0px 60px 0px 60px;
line-height:180%;

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

}
}
.cont02 {
text-align: left;
background-image: url(../img/toku_02.png);
background-repeat: repeat;
background-size: contain;
padding: 0px 100px 0px 100px;
line-height:180%;
}
@media screen and (max-width: 768px) {
.cont02 {
padding: 0px 40px 0px 40px;

}
}
.cont03 {
text-align: left;
background-image: url(../img/cont_03-2.png);
background-repeat: repeat;
background-size: contain;
padding: 0px 60px 0px 60px;
line-height:180%;
	
}
@media screen and (max-width: 768px) {
.cont03 {
padding: 0px 30px 0px 30px;

}
}
.qa01{
	padding: 20px 20px 20px 20px;
}
@media screen and (max-width: 768px) {
.qa01{
   padding: 10px 10px 10px 10px; 
}
}
.cta001 {
text-align: center;
background-image: url(../img/cta_03.png);
background-repeat: repeat;

padding: 0px 50px 0px 50px;
line-height:180%;
	
}
@media screen and (max-width: 768px) {
.cta001 {
padding: 0px 20px 0px 20px;
background-image: none;
}
}
.cta002 {
text-align: left;
background-image: url(../img/tyuui_02.png);
background-repeat: repeat;
background-size: contain;
padding: 0px 50px 0px 50px;
line-height:180%;
		font-size: 90%;
	
}
@media screen and (max-width: 768px) {
.cta002 {
padding: 0px 30px 0px 30px;

}
}
.saigo001 {
text-align: center;
background-image: url(../img/saigo_03.png);
background-repeat: repeat;
background-size: contain;
padding: 0px 50px 0px 50px;
line-height:210%;
	color: #FFFFFF;
	font-size: 110%;
}
@media screen and (max-width: 768px) {
.saigo001 {
padding: 10px 25px 10px 25px;
font-size: 100%;
}
}


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

}
}
.tegami001 {
text-align: left;
background-image: url(../img/tegami_02.png);
background-repeat: repeat;
background-size: contain;
padding: 0px 90px 0px 90px;
line-height:210%;

	font-size: 110%;
}
@media screen and (max-width: 768px) {
.tegami001 {
padding: 0px 40px 0px 40px;

}
}

.menusp{
	height: 111px;
}

.douga01 {
  background-image: url('../img/douga.png') ;
  height: 746px; 
	padding: 34px 35px 0px 35px;

}
 @media screen and (max-width: 768px) {
.douga01  {
   padding: 0px 0px 0px 0px;
	   height: auto;
	
}
}