@charset "utf-8";








/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
/*
.mid { display: none !important; }
*/
.sp { display: none !important; }

/* 1240-1040px で文字の一部がかけるので、暫定対応 */
/*　* /
@media only screen and (max-width: 1240px) {
    .pc { display: none !important; }
    .mid { display: block !important; }
    .sp { display: none !important; }
}
/**　PC/SP ここまで　*/

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
/*　*/
@media only screen and (max-width: 1000px) {
    .pc { display: none !important; }
/*
    .mid { display: none !important; }
*/
    .sp { display: block !important; }
}
/**　PC/SP ここまで　*/





/*********************************slick***********/


/*********************************slick***********/

/***ヘッダー***/

#headerpc1{
	width:100%;
	min-width:1000px;
    background: url(../img/headerpc.png) no-repeat scroll center 0;
    height: 792px;
    margin: 0 auto;
}
#headerpc2{
	width:100%;
	min-width:1000px;
    background: url(../img/h1pc.png) no-repeat scroll center 0;
    height: 2465px;
    margin: 0 auto;
}

#headerpc3{
	width:100%;
	min-width:1000px;
    background: url(../img/h2pc.png) no-repeat scroll center 0;
    height: 2722px;
    margin: 0 auto;
}

#headerpc4{
	width:100%;
	min-width:1000px;
    background: url(../img/h3pc.png) no-repeat scroll center 0;
    height: 2144px;
    margin: 0 auto;
}

#headerpc5{
	width:100%;
	min-width:1000px;
    background: url(../img/douga03.png) no-repeat scroll center 0;
    height: 1016px;
    margin: 0 auto;
}


#headerpc6{
	width:100%;
	min-width:1000px;
    background: url(../img/kessaipc_01.png) no-repeat scroll center 0;
    height: 1266px;
    margin: 0 auto;
}


#headerpc7{
	width:100%;
	min-width:1000px;
    background: url(../img/kessaipc_02.png) no-repeat scroll center 0;
    height: 4718px;
    margin: 0 auto;
}


#headerpc8{
	width:100%;
	min-width:1000px;
    background: url(../img/h8pc.png) no-repeat scroll center 0;
    height: 1660px;
    margin: 0 auto;
}


#headerpc9{
	width:100%;
	min-width:1000px;
    background: url(../img/h9pc.png) no-repeat scroll center 0;
    height: 460px;
    margin: 0 auto;
}


#headerpc10{
	width:100%;
	min-width:1000px;
    background: url(../img/h10pc.png) no-repeat scroll center 0;
    height: 730px;
    margin: 0 auto;
}


#headerpc11{
	width:100%;
	min-width:1000px;
    background: url(../img/h11pc.png) no-repeat scroll center 0;
    height: 1672px;
    margin: 0 auto;
}


#headerpc12{
	width:100%;
	min-width:1000px;
    background: url(../img/h12pc.png) no-repeat scroll center 0;
    height: 595px;
    margin: 0 auto;
}


#headerpc13{
	width:100%;
	min-width:1000px;
    background: url(../img/h13pc.png) no-repeat scroll center 0;
    height: 1289px;
    margin: 0 auto;
}










#headerpc14{
	width:100%;
	min-width:1000px;
    background: url(../img/h14pc.png) no-repeat scroll center 0;
    height: 662px;
    margin: 0 auto;
}





#headersp1{
	width:100%;
	min-width:1000px;
    background: url(../img/headersp.png) no-repeat scroll center 0;
    height: 687px;
    margin: 0 auto;
}

#headersp2{
	width:100%;
	min-width:1000px;
    background: url(../img/h1sp.png) no-repeat scroll center 0;
    height: 2465px;
    margin: 0 auto;
}


#headersp3{
	width:100%;
	min-width:1000px;
    background: url(../img/h2sp.png) no-repeat scroll center 0;
    height: 2722px;
    margin: 0 auto;
}


#headersp4{
	width:100%;
	min-width:1000px;
    background: url(../img/h3sp.png) no-repeat scroll center 0;
    height: 2144px;
    margin: 0 auto;
}
#headersp5{
	width:100%;
	min-width:1000px;
    background: url(../img/kessai02sp.png) no-repeat scroll center 0;
    height: 1611px;
    margin: 0 auto;
}
#headersp6{
	width:100%;
	min-width:1000px;
    background: url(../img/kessaisp_01.png) no-repeat scroll center 0;
    height: 1266px;
    margin: 0 auto;
}
#headersp7{
	width:100%;
	min-width:1000px;
    background: url(../img/kessaisp_02.png) no-repeat scroll center 0;
    height: 4718px;
    margin: 0 auto;
}
#headersp8{
	width:100%;
	min-width:1000px;
    background: url(../img/h8sp.png) no-repeat scroll center 0;
    height: 1660px;
    margin: 0 auto;
}
#headersp9{
	width:100%;
	min-width:1000px;
    background: url(../img/h9sp.png) no-repeat scroll center 0;
    height: 460px;
    margin: 0 auto;
}
#headersp10{
	width:100%;
	min-width:1000px;
    background: url(../img/h10sp.png) no-repeat scroll center 0;
    height: 730px;
    margin: 0 auto;
}


#headersp11{
	width:100%;
	min-width:1000px;
    background: url(../img/h11sp.png) no-repeat scroll center 0;
    height: 1672px;
    margin: 0 auto;
}
#headersp12{
	width:100%;
	min-width:1000px;
    background: url(../img/h12sp.png) no-repeat scroll center 0;
    height: 595px;
    margin: 0 auto;
}
#headersp13{
	width:100%;
	min-width:1000px;
    background: url(../img/h13sp.png) no-repeat scroll center 0;
    height: 1289px;
    margin: 0 auto;
}

#headersp14{
	width:100%;
	min-width:1000px;
    background: url(../img/h14sp.png) no-repeat scroll center 0;
    height: 662px;
    margin: 0 auto;
}





#form1{ background: url("../img/kessai1.png") no-repeat top center; height: 2334px; } 
#form2{ background: url("../img/kessai2.png") no-repeat top center; height: 2138px; } 
#form3{ background: url("../img/kessai3.png") no-repeat top center; height: 2286px; } 



#form1sfkp{ background: url("../img/line01_sfkp.png") no-repeat top center; height:  2094px; } 
#form2sfkp{ background: url("../img/line01_sfkp.png") no-repeat top center; height: 2094px; } 
#form1sfkpr{ background: url("../img/line01_sfkpr.png") no-repeat top center; height:  2094px; } 
#form2sfkpr{ background: url("../img/line01_sfkpr.png") no-repeat top center; height: 2094px; } 
#form1sfkprj{ background: url("../img/line01_sfkprj.png") no-repeat top center; height:  2094px; } 
#form2sfkprj{ background: url("../img/line01_sfkprj.png") no-repeat top center; height: 2094px; } 



#form3sfkp{ background: url("../img/pure3_sfkp.png") no-repeat top center; height:  2688px; } 
#form3sfkpr{ background: url("../img/pure3_sfkpr.png") no-repeat top center; height:  2688px; } 
#form3sfkprj{ background: url("../img/pure3_sfkprj.png") no-repeat top center; height:  2688px; } 




#form4{ background: url("../img/pin.png") no-repeat top center; height:  1347px; } 
#form5{ background: url("../img/gin2.png") no-repeat top center; height:    915px; } 
#form6{ background: url("../img/gin3.png") no-repeat top center; height:    805px; } 
#form7{ background: url("../img/gin1.png") no-repeat top center; height:    1038px; } 
#formkasou{ background: url("../img/kasou.png") no-repeat top center; height:    1090px; } 
#formid{ background: url("../img/line2.png") no-repeat top center; height:    787px; } 

.bg1{ background-image: url(../img/haikei01.png); padding-bottom: 0px;}
.bg2{ background-image: url(../img/haikei02.png); padding-bottom: 0px;}
.bg3{ background-image: url(../img/haikei03.png); padding-bottom: 0px;}
.bg4{ background-image: url(../img/haikei04.png); padding-bottom: 0px;}
.bg5{ background-image: url(../img/haikei05.png); padding-bottom: 0px;}

.bg00{	background-color: #Fff; }
.bg01{ background-image: url(../img/haikeia.png); padding-bottom: 0px;}
.bg02{ background-image: url(../img/haikeic.png); padding-bottom: 0px;}
.bg03{ background-image: url(../img/haikeib.png); padding-bottom: 0px;}
.bg04{ background-image: url(../img/haikeibk.png); padding-bottom: 00px;}
.bg05{ background-image: url(../img/bg2.jpg); padding-bottom: 00px;}
.bg06{ background-image: url(../img/bg11.jpg); padding-bottom: 00px;}
.bg07{ background-image: url(../img/bg03.jpg); padding-bottom: 00px;}
.bg08{ background-image: url(../img/bngimg.jpg); padding-bottom: 00px;}
.bg09{ background-image: url(../img/goldcarten.jpg); padding-bottom: 00px;}
.bg10{ background-image: url(../img/bg01.png); padding-bottom: 00px;}
.bg11{ background-image: url(../img/bg03.jpg); padding-bottom: 00px;}
.bg12{ background-image: url(../img/haikei1.png); padding-bottom: 00px;}
.bg13{ background-image: url(../img/haikei2.png); padding-bottom: 00px;}
.bg14{ background-image: url(../img/haikei5.png); padding-bottom: 00px;}
.bg15{ background-image: url(../img/haikei1.jpg); padding-bottom: 00px;}
.bg16{ background-image: url(../img/haikei2.jpg); padding-bottom: 00px;}
.bg17{ background-image: url(../img/back01.png); padding-bottom: 00px;}
.bg18{ background-image: url(../img/back02.png); padding-bottom: 00px;}
.bg21{ background-image: url(../img/haikeic.png); padding-bottom: 0px;}
.bg22{ background-image: url(../img/haikei1.png); padding-bottom: 0px;}
.bg23{ background-image: url(../img/haikei2.png); padding-bottom: 0px;}
.bg24{ background-image: url(../img/cs3haikei.png); padding-bottom: 0px;}
.bg25{ background-image: url(../img/haikei01.png); padding-bottom: 0px;}
.bg26{ background-image: url(../img/haikei02.png); padding-bottom: 0px;}
.bg27{ background-image: url(../img/haikei03.png); padding-bottom: 0px;}
.bg28{ background-image: url(../img/haikei04.png); padding-bottom: 0px;}
.bg29{ background-image: url(../img/haikei05.png); padding-bottom: 0px;}


.bg{
	width: 100%;
	min-width: 1000px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: cover;
}



/* マーカー */
.ctw-marker-bold{padding:3px 1px;background-size:200% 54px;background-position:0 10px;background-repeat:repeat-x;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;-ms-transition:all 2s ease}
.ctw-marker-slim{padding:3px 1px;background-size:200% 4px;background-position:0 18px;background-repeat:repeat-x;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease}
.ctw-marker-bold.ctw-marker-position{background-position:-100% 10px}
.ctw-marker-slim.ctw-marker-position{background-position:-100% 18px}
.ctw-marker-yellow{background-image:-webkit-linear-gradient(left, rgba(255,235,6,0) 50%, rgba(255,235,6,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(255,235,6,0) 50%, rgba(255,235,6,0.75) 50%);background-image:-o-linear-gradient(left, rgba(255,235,6,0) 50%, rgba(255,235,6,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(255,235,6,0) 50%, rgba(255,235,6,0.75) 50%);background-image:linear-gradient(left, rgba(255,235,6,0) 50%, rgba(255,235,6,0.75) 50%)}
.ctw-marker-lightgreen{background-image:-webkit-linear-gradient(left, rgba(183,255,185,0) 50%, rgba(183,255,185,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(183,255,185,0) 50%, rgba(183,255,185,0.75) 50%);background-image:-o-linear-gradient(left, rgba(183,255,185,0) 50%, rgba(183,255,185,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(183,255,185,0) 50%, rgba(183,255,185,0.75) 50%);background-image:linear-gradient(left, rgba(183,255,185,0) 50%, rgba(183,255,185,0.75) 50%)}
.ctw-marker-lime{background-image:-webkit-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(130,255,5,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(130,255,5,0.75) 50%);background-image:-o-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(130,255,5,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(130,255,5,0.75) 50%);background-image:linear-gradient(left, rgba(130,255,5,0) 50%, rgba(130,255,5,0.75) 50%)}
.ctw-marker-aqua{background-image:-webkit-linear-gradient(left, rgba(133,232,255,0) 50%, rgba(133,232,255,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(133,232,255,0) 50%, rgba(133,232,255,0.75) 50%);background-image:-o-linear-gradient(left, rgba(133,232,255,0) 50%, rgba(133,232,255,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(133,232,255,0) 50%, rgba(133,232,255,0.75) 50%);background-image:linear-gradient(left, rgba(133,232,255,0) 50%, rgba(133,232,255,0.75) 50%)}
.ctw-marker-cobaltblue{background-image:-webkit-linear-gradient(left, rgba(12,157,255,0) 50%, rgba(12,157,255,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(12,157,255,0) 50%, rgba(12,157,255,0.75) 50%);background-image:-o-linear-gradient(left, rgba(12,157,255,0) 50%, rgba(12,157,255,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(12,157,255,0) 50%, rgba(12,157,255,0.75) 50%);background-image:linear-gradient(left, rgba(12,157,255,0) 50%, rgba(12,157,255,0.75) 50%)}
.ctw-marker-purple{background-image:-webkit-linear-gradient(left, rgba(222,194,255,0) 50%, rgba(222,194,255,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(222,194,255,0) 50%, rgba(222,194,255,0.75) 50%);background-image:-o-linear-gradient(left, rgba(222,194,255,0) 50%, rgba(222,194,255,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(222,194,255,0) 50%, rgba(222,194,255,0.75) 50%);background-image:linear-gradient(left, rgba(222,194,255,0) 50%, rgba(222,194,255,0.75) 50%)}
.ctw-marker-violet{background-image:-webkit-linear-gradient(left, rgba(152,69,255,0) 50%, rgba(152,69,255,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(152,69,255,0) 50%, rgba(152,69,255,0.75) 50%);background-image:-o-linear-gradient(left, rgba(152,69,255,0) 50%, rgba(152,69,255,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(152,69,255,0) 50%, rgba(152,69,255,0.75) 50%);background-image:linear-gradient(left, rgba(152,69,255,0) 50%, rgba(152,69,255,0.75) 50%)}
.ctw-marker-lightpink{background-image:-webkit-linear-gradient(left, rgba(255,211,210,0) 50%, rgba(255,211,210,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(255,211,210,0) 50%, rgba(255,211,210,0.75) 50%);background-image:-o-linear-gradient(left, rgba(255,211,210,0) 50%, rgba(255,211,210,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(255,211,210,0) 50%, rgba(255,211,210,0.75) 50%);background-image:linear-gradient(left, rgba(255,211,210,0) 50%, rgba(255,211,210,0.75) 50%)}
.ctw-marker-pink{background-image:-webkit-linear-gradient(left, rgba(240,81,135,0) 50%, rgba(240,81,135,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(240,81,135,0) 50%, rgba(240,81,135,0.75) 50%);background-image:-o-linear-gradient(left, rgba(240,81,135,0) 50%, rgba(240,81,135,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(240,81,135,0) 50%, rgba(240,81,135,0.75) 50%);background-image:linear-gradient(left, rgba(240,81,135,0) 50%, rgba(240,81,135,0.75) 50%)}
.ctw-marker-red{background-image:-webkit-linear-gradient(left, rgba(234,33,28,0) 50%, rgba(234,33,28,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(234,33,28,0) 50%, rgba(234,33,28,0.75) 50%);background-image:-o-linear-gradient(left, rgba(234,33,28,0) 50%, rgba(234,33,28,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(234,33,28,0) 50%, rgba(234,33,28,0.75) 50%);background-image:linear-gradient(left, rgba(234,33,28,0) 50%, rgba(234,33,28,0.75) 50%)}
.ctw-marker-lightorange{background-image:-webkit-linear-gradient(left, rgba(255,201,147,0) 50%, rgba(255,201,147,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(255,201,147,0) 50%, rgba(255,201,147,0.75) 50%);background-image:-o-linear-gradient(left, rgba(255,201,147,0) 50%, rgba(255,201,147,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(255,201,147,0) 50%, rgba(255,201,147,0.75) 50%);background-image:linear-gradient(left, rgba(255,201,147,0) 50%, rgba(255,201,147,0.75) 50%)}
.ctw-marker-orange{background-image:-webkit-linear-gradient(left, rgba(238,120,0,0) 50%, rgba(238,120,0,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(238,120,0,0) 50%, rgba(238,120,0,0.75) 50%);background-image:-o-linear-gradient(left, rgba(238,120,0,0) 50%, rgba(238,120,0,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(238,120,0,0) 50%, rgba(238,120,0,0.75) 50%);background-image:linear-gradient(left, rgba(238,120,0,0) 50%, rgba(238,120,0,0.75) 50%)}


/***********************/

.desc {
  font-size: 12px;
}
.terms {
  width: 800px;
  height: 150px;
  margin-bottom: 10px;
  padding: 0.5em;
  overflow-y: scroll;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 12px;
}
/***ボックス***/
.wrappermin{
	margin: 0 auto;
	width:980px;
	overflow: hidden;
	background-color: #fff;
}
.wrapper{
	margin: 0 auto;
	width:1000px;
	overflow: hidden;
	background-color: #fff;
}

.wrappernon{
	margin: 0 auto;
	width:1000px;
	border: 0px solid #b8b8b8;
	overflow: hidden;
}

.wrapperblk{
	margin: 0 auto;
	width:1000px;
	overflow: hidden;
	background-color: #000;

}

label{
    cursor:pointer;
}

/***********************/
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
#top-head {
    position: fixed;
    width: 100%;
    height: 140px;
    margin: 0 auto;
    padding: 0;
    background: #fff;
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
/***********************/

.required .form-label::after {
    content: "必須";
    font-weight: normal;
    color: #fff;
    font-size: .75em;
    background: #ff2146;
    padding: 0 .5rem .1rem;
    margin-left: .5rem;
}
.form-input {
    width: 90%;
}
/****/
input[type="text"], input[type="tel"], input[type="email"], textarea {
    width:100%;
    background:#FFF;
    border:2px solid #ca0000;
    border-radius:10px;
    font-size:2.6rem;
    padding:10px;
}
input[type="radio"] {
	font-size: 116px;
	line-height: 128px;		
	display: inline-block;
	cursor:	pointer;
	position: relative;

}
/***********/

.form-row {
    margin-top: 1.5rem;
    border-bottom: 1px dotted #ccc; 
    padding-bottom: 1.5rem;
}
.form-label {
    font-weight: bold;
}
/*********/
.contact-form input[type="text"], .contact-form input[type="email"] {
    padding: 1em;
    font-size: 1.6rem;
    background: #eee;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    width: calc(100% - 2em);
}

/******************************/
@media screen and (min-width: 750px){
.form-row .form-label {
    width: 30%;
    flex-shrink: 0;
    padding-top: .5em;
    font-size: 1.6rem;
}
.form-row .form-input {
    width: calc(70% - 2rem);
    width: 65%;
    padding-left: 1.5rem;
}
.form-row {
    display: flex;
}
/********/
.contact-form input[type="text"], .contact-form input[type="email"] {
    padding: 1rem;
}
/**********/
.form-input {
    width: 90%;
    width: calc(70% - 2rem);


}
}
/*************************************/











/*********************************/


#mi {background: url(../img/headerpc.png) no-repeat center top;}
#title {background: url(../img/title_bg.png) no-repeat center top;}
#title2 {background: url(../img/title_bg2.png) no-repeat center top;}
#movie_wrap {background: url(../img/movie_bg.png) no-repeat center top;}
.contact {background: url(../img/contact_bg.jpg) no-repeat center top fixed;}
.main_cont{background: url(../img/contact_bg2.jpg) no-repeat center top fixed;}
.line_t {background: url(../img/line_t.jpg) no-repeat center top; height:16px;}
.line_b {background: url(../img/line_b.jpg) no-repeat center top; height:16px;}
#service {background: url(../img/service_bg.jpg) no-repeat center top fixed;}

#ota {background: url(../img/sss.png) no-repeat right top;}

.arw3 {
    position:absolute;
    top:404px;
    left:0;
    right:0;
    margin: 0 auto;
}
.arw3 div {position: relative;}
.arw3 img {
    position: absolute;
    left:0;
    right:0;
    margin: 0 auto;
    animation: arw3 2s infinite;
    opacity: 0;
}
.arw3 img:nth-child(1){
    top:0;
    animation-delay: 0s;
}
.arw3 img:nth-child(2) {
    top:25px;
    animation-delay: .15s;
}
.arw3 img:nth-child(3) {
    top:49px;
    animation-delay: .3s;
}
@keyframes arw3 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
iframe {
    position:absolute;
/*
    top:-830px;
*/
    left:0;
    right:0;
    margin: 0 auto;
}
iframe .blk {
	background-color: #000;
}

#movie_btn {
    position:absolute;
    bottom:73px;
    left:0;
    right:0;
    margin: 0 auto;
    text-align: center;
}

.arw {
    position: relative;
    height: 102px;
}
.arw img {
    position: absolute;
    left:0;
    right:0;
    margin: 0 auto;
    animation: arw3 2s infinite;
    opacity: 0;
}
.arw img:nth-child(1){
    top:0;
    animation-delay: 0s;
}
.arw img:nth-child(2) {
    top:25px;
    animation-delay: .15s;
}
.arw img:nth-child(3) {
    top:49px;
    animation-delay: .3s;
}



.sampleTable {
    border-collapse: collapse;
    table-layout: fixed;
/*    border: 1px solid #CCC; */

}
.sampleTable th,
.sampleTable td {
/*    border: 1px solid #CCC; */
    text-align: left;
}
.sampleTable th {
    background-color: #FFF;
/*    border: 1px solid #ccc; */

}



.cp_table *, .cp_table *:before, .cp_table *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cp_table {
  width: 95%;
  margin: 3% 2.5%;
  border-collapse: collapse;

}
.cp_table th, .cp_table td {
  padding: 10px;
  color: #000;
/*
  border: 2px solid #66a6d9;
*/
  border: 2px solid #263071;

}
.cp_table th {
/*
  background: #66a6d9;
*/
  background: #263071;

  color: #fff;
}
.cp_table td {
  background: #fff;
}
.cp_table th {
  width: 18%;
  width: 100%;
  text-align: left;
  font-size:2.0rem !important;
}
.cp_table td {
  width: 72%;
  width: 100%;
  text-align: left;
  font-size:2.0rem !important;
}

.cp_table02 *, .cp_table02 *:before, .cp_table02 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cp_table02 {
  width: 95%;
  margin: 3% 2.5%;
  border-collapse: collapse;
}
.cp_table02 th, .cp_table02 td {
  padding: 10px;
  color: #000;
  border: 1px solid #eaf4f9;
}
.cp_table02 th {
  background: #29a0ad;
  color: #fff;
}
.cp_table02 td {
  background: #fff;
}
.cp_table02 th {
  width: 18%;
  text-align: left;
}
.cp_table02 td {
  width: 72%;
  text-align: left;
}


/*----------------------------------------------------------
   sec21 質問
----------------------------------------------------------*/
.sec21 {
  margin: 0px auto 0px;
  padding: 0 15px 50px;
  background:#fff;
}

.sec21-h2 {
  padding: 30px 0 0;
  text-align:center;
}


.cp_qa {
  font-size:2.2rem !important;
}

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.1);
}
.cp_qa .cp_actab label::before {
	font-size: 1.5em;
	margin-left: -1.8em;
	padding-right: 0.5em;
	content: 'Q';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '＋';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-size: 1.5em;
  color:#f37e00;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}



@media screen and (max-width: 768px) {
.cp_qa {
  font-size:2.0rem;
}
}

@media screen and (max-width: 480px) {
.cp_qa {
  font-size:1.6rem;
}

.cp_qa .cp_actab label::before {
	font-size: 1.8rem;
	margin-left: -2.2em;
	padding-right: 0.5em;
}

.cp_qa .cp_actab .cp_actab-content::before {
	font-size: 1.8rem;
	position: absolute;
	margin: 0.4em 0 0 -1.5em;
	padding: 0;
}
}






/* form */

.f_btn01, .f_btn02, .f_btn03, .f_btn04, .f_btn05, .f_btn06, .f_btn07, .f_btn08 {
    position:absolute;
}
.f_btn01 {
    margin:0 auto;
    width:700px;
    left:0;
    right:27px;
    bottom:210px;
    transform: translateX(10px);
}
.f_btn02 {
    left: 92px;
    top: 228px;
    transform: translateX(10px);
}
.f_btn03 {
    right: 111px;
    top: 228px;
    transform: translateX(10px);
}
.f_btn04 {
    left: 92px;
    bottom: 255px;
    transform: translateX(10px);
}
.f_btn05 {
    margin: 0 auto;
    width:700px;
    left:0;
    right:0;
    top: 285px;
    transform: translateX(10px);
}
.f_btn06 {
    margin:0 auto;
    width:700px;
    left:0;
    right:0;
    bottom:95px;
    transform: translateX(10px);
}
.f_btn07 {
    margin: 0 auto;
    left: 128px;
    bottom: 435px;
}
.f_btn08 {
    margin: 0 auto;
    left: 68px;
    bottom: 93px;
}
.f_btn08:hover {
    opacity:0.8;
    transition: 0.5s;
}

/*
.sa {
	transition:0.5s; opacity: 0;
}
.sa.show {
	opacity: 1; transform: none;
}
.sa--lr {
	transform: translate(-100px, 0px);
}
.sa--rl {
	transform: translate(100px, 0px);
}
.sa--up {
	transform: translate(0px, 100px);
}
.sa--down {
	transform: translate(0px, -100px);
}
.sa--scaleUp {
	transform: scale(0.5);
}
.sa--scaleDown {
	transform: scale(1.5);
}
.sa--rotateL {
	transform: rotate(180deg);
}
.sa--rotateR {
	transform: rotate(-180deg);
}


*/





.feature {
    border: solid 1px hsla(210,81%,41%,1.00);
    background-color: rgba(240,246,255,1.00);
    padding: 40px;
    width: 95%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.feature p {
    width: 840px;
    margin: 0 auto 45px auto;
    font-size: 2.8rem;
    text-align: left;
}


.featurey {
/**/
    border: solid 1px  rgba(255,140,0,1.00);
/**/
    background-color: rgba(255,241,171,1.00);


    padding: 40px;
    width: 95%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.featurey p {
    width: 840px;
    margin: 0 auto 45px auto;
    font-size: 2.8rem;
    text-align: left;
}


.featurew {
    border: solid 1px hsla(210,81%,41%,1.00);
/*
    background-color: rgba(240,246,255,1.00);
/**/
    padding: 40px;
    width: 95%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.featurew p {
    width: 840px;
    margin: 0 auto 45px auto;
    font-size: 2.8rem;
    text-align: left;
}


.featureyb {
    border: solid 1px hsla(210,81%,41%,1.00);
/**/
    background-color: #fffbc5;
/**/
    padding: 40px;
    width: 95%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.featureyb p {
    width: 840px;
    margin: 0 auto 45px auto;
    font-size: 2.8rem;
    text-align: left;
}


.feature2 {
    border: solid 1px #ff0048;
/**/
    background-color: #fff4f6;
/**/
    padding: 40px;
    width: 95%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.feature2 p {
    width: 840px;
    margin: 0 auto 45px auto;
    font-size: 2.8rem;
    text-align: left;
}







.picpc01{

  position: absolute;
/*
  width: 680px;
  top: 2%;
  left: 18%;
*/
  width: 680px !important;
  top: 30px;
left:18%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  


  padding: 0;
  margin: 0 auto;
  z-index: 20;
}

.kira01{
  position: absolute;
  width: 10%;
/*
  top: 69%;
  left: 42%;
  top: 600px;
  left: 420px;
*/
top:504px;
left:375px;


  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  padding: 0;
  margin: 0 auto;
  z-index: 20;
}
.kira02{
  position: absolute;
  width: 5%;
/*
  top: 82%;
  left: 50%;
*/
top:655px;
left:475px;

  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  padding: 0;
  margin: 0;
  z-index: 20;
}
.kira03{
  position: absolute;
  width: 6%;
/*
  top: 69%;
  left: 60%;
*/
top:500px;
left:660px;

  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  padding: 0;
  margin: 0;
  z-index: 20;
}
.kira04{
  position: absolute;
  width: 10%;
/*
  top: 84%;
  left: 64%;
  
*/
top:655px;
left:780px;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  padding: 0;
  margin: 0;
  z-index: 20;
}
.kira05{
  position: absolute;
  width: 6%;
/*
  top: 69%;
  left: 71%;
*/  
top:500px;  
left:870px;  
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  padding: 0;
  margin: 0;
  z-index: 20;
}

.picsp01{
/*
  position: absolute;

  width: 680px;
  top: 2%;
  left: 18%;
*/
  width: 680px !important;
  top: 0;
/*
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
*/
  padding: 0;
  margin: 0 auto;
  z-index: 20;
}

.kirapc01{
  position: absolute;
  width: 100px;
/*
  top: 69%;
  left: 42%;
  top: 600px;
  left: 420px;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
*/
top:500px;
left:50%;
  -ms-transform: translate(-170px,-125px);
  -webkit-transform: translate(-170px,-125px);
  transform: translate(-170px,-125px);



  padding: 0;
  margin: 0;
  z-index: 20;
}
.kirapc02{
  position: absolute;
  width: 60px;
  top: 500px;
  left: 50%;
  -ms-transform: translate(-38px,50px);
  -webkit-transform: translate(-38px,50px);
  transform: translate(-38px,50px);
  padding: 0;
  margin: 0;
  z-index: 20;
}
.kirapc03{
  position: absolute;
  width: 60px;
  top: 500px;
  left: 50%;
  -ms-transform: translate(100px,-100px);
  -webkit-transform: translate(100px,-100px);
  transform: translate(100px,-100px);
  padding: 0;
  margin: 0;
  z-index: 20;
}
.kirapc04{
  position: absolute;
  width:100px;
  top: 500px;
  left: 50%;
  -ms-transform: translate(210px,10px);
  -webkit-transform: translate(210px,10px);
  transform: translate(210px,10px);
  padding: 0;
  margin: 0;
  z-index: 20;
}
.kirapc05{
  position: absolute;
  width: 70px;
  top: 500px;
  left: 50%;
  -ms-transform: translate(375px,-80px);
  -webkit-transform: translate(375px,-80px);
  transform: translate(375px,-80px);
  padding: 0;
  margin: 0;
  z-index: 20;
}

.line_btn {margin-top: 50px; -webkit-animation-duration: 1.4s !important; -moz-animation-duration: 1.4s !important; animation-duration: 1.4s !important;}

.animation-target {
  -webkit-animation: animation 1900ms linear infinite both;
  animation: animation 1900ms linear infinite both;
}

/* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bl%3A1%2Cs%3A%5B%7BT%3A%22t%22%2Ce%3A%22b%22%2Cd%3A1900%2CD%3A0%2Cf%3A%7Bx%3A0%2Cy%3A10%7D%2Ct%3A%7Bx%3A0%2Cy%3A0%7D%2Cs%3A2%2Cb%3A6%7D%5D%7D */

@-webkit-keyframes animation { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10, 0, 1); }
  6.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.143, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.143, 0, 1); }
  9.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.64, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.64, 0, 1); }
  13.21% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.442, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.442, 0, 1); }
  17.12% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.723, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.723, 0, 1); }
  20.92% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.537, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.537, 0, 1); }
  24.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.299, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.299, 0, 1); }
  28.63% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.532, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.532, 0, 1); }
  43.94% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.116, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.116, 0, 1); }
  59.36% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.025, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.025, 0, 1); }
  74.77% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.006, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.006, 0, 1); }
  90.19% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

@keyframes animation { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10, 0, 1); }
  6.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.143, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.143, 0, 1); }
  9.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.64, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.64, 0, 1); }
  13.21% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.442, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.442, 0, 1); }
  17.12% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.723, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.723, 0, 1); }
  20.92% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.537, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.537, 0, 1); }
  24.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.299, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.299, 0, 1); }
  28.63% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.532, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.532, 0, 1); }
  43.94% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.116, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.116, 0, 1); }
  59.36% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.025, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.025, 0, 1); }
  74.77% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.006, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.006, 0, 1); }
  90.19% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

.animated {
  padding-top:95px;
  margin-bottom:60px;
  -webkit-animation: flash 1.5s infinite;
  animation: flash 1.5s infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
}

.animated_s {
  padding-top:95px;
  margin-bottom:60px;
  -webkit-animation: flash_s 2.5s infinite;
  animation: flash_s 2.5s infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes flash_s {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

.flash_s {
  animation-name: flash_s;
}

.animated_t {
  padding-top:95px;
  margin-bottom:60px;
  -webkit-animation: flash_t 3s infinite;
  animation: flash_t 3s infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes flash_t {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

.flash_t {
  animation-name: flash_t;
}









/*  ボタン
---------------------------------------------------------- */
@keyframes anime{
0%{transform:scale(.95); opacity:1}
90%{opacity:.1}to{transform:scale(1.2,1.2); opacity:0}
}
.btn_box {
    position: relative;
    width: 800px;
    height: 176px;
    margin: 40px auto;
    transition: .2s;
    z-index:1000;
}
.btn_box:before {
    content: "";
    position: absolute;
    z-index: -10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 150px;
    background: rgba(0,255,0,0.6);
}
.btn_box:before {animation: anime 2s ease-out infinite;}

.btn_box input {
    display: block;
    position: relative;
    border-radius: 100px;
    transition: 0.5s;
    margin-bottom: 15px;
}
.btn {transition: 0.5s;}
.btn:hover {opacity: 0.7;}

/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/
@media screen and (max-width: 480px) {

    #service {
        position: relative;
        background: none;
    }
    #service::before {
        content:"";
        display:block;
        width:100%;
        height:100%;
        position: fixed;
        top: 0;
        z-index: -2;
        background: url(../img/haikei1.png) repeat center top;
    }
    #w01 {background-size: 35%;}
}