@charset "UTF-8";
/* 本体 */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	line-height: 1;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-y;
	background-size: cover;
}
img {
	border: 0;
	vertical-align: bottom;
	width:100%;
}

ul, ol {
	list-style: none;
}

a{
	transition-duration: 0.3s;
}

a:hover{
	opacity:0.5;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px; 
}

* html .clearfix {
	height: 1px;
}

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

#wrap {
	max-width: 950px;
	margin: 0 auto;
	overflow: hidden;
}

/*
fv*******************************/
.fv{
	width:100%;
	margin:0 0 3% 0;
	text-align:center;
}
.tube{
	width:100%;
	margin:0 0 3% 0;
	text-align:center;
}

.tube img{
	width:35%;
}
@media only screen and (max-width: 750px) {
	.tube img{
		width:50%;
	}

}
.fuwa {
    animation-name:powa;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration:0.8s;
}

@keyframes powa{
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-15px)
    }
}

.fv_front{
	width:100%;
	margin:0 auto;
}

.sample-box {
    position: relative;
}

.good {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;   
    position: absolute;
    top: 37%;
    left: 0;
}
@media only screen and (max-width: 750px) {
	.good {
		top: 37%;
		right:67%;
	}
}
.good img{
	width:45%;
}

@media only screen and (max-width: 750px) {
	.good img{
		width:71%;
	}
	
}

.good2 {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;   
    position: absolute;
    top: 38%;
    right:5%;
}

@media only screen and (max-width: 750px) {

	.good2 {
		left:61%;
	}
	}

.good2 img{
	width:45%;
}


@media only screen and (max-width: 750px) {
	.good2 img{
		width:71%;
	}
}
.good3 {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;   
    position: absolute;
    top: 78%;
    right: 0;
}


@media only screen and (max-width: 750px) {

.good3 {
	left:57%;
}
}
.good3 img{
	width:45%;
}

@media only screen and (max-width: 750px) {
	
.good3 img{
	width:57%;
}
}
/*
**************************/
.read_zone{
	background:url(../images/read_back.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.read{
	padding:8% 7% 8% 7%;
	margin:8% 0 13% 0;
}

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

.about{
	width:100%;
	margin:0 auto;
	background:#fff;
	
}

@media only screen and (max-width: 750px) {
	.about{
		width:90%;
	}
}
.naiyou_title{
	width:300px;
	margin:0 auto;
}

@media only screen and (max-width: 750px) {
	.naiyou_title{
		width:210px;
	}
}
.naiyou_title img{
	margin:-11% 0 0 0;
}

.naiyou_box{
	width:100%;
	margin:0 auto;
	padding:7% 0 0 0;
}

.naiyou_box img{
	width:80%;
	margin:0 0 7% 0;

}

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

.phone_area{
	background:#fff;
	margin:-5% 0 5% 0;
	padding:3% 3% 0% 3%;
}

.myrow{
	display:-webkit-flex;
	display:flex;
	
}
.mycol-1{
	flex:1;
	margin:3em;
}

.ad_zone{
	padding:17px;
}

.cyu_i{
	background:#ff365a;
	padding:11px;
	color:#fff;
	font-size:21px;
	display:block;
	text-align:center;
	margin:0 0 5px 0;
}

.cyu_txt{
	color:#ff365a;
	font-size:17px;
	line-height:25px;
	text-align:left;
	padding:5px;
}

.cyu_txt p{
	text-align:left;
	margin: -25px 0;
}



.mycol-1{
	flex:1;
	margin:7px 7px 0 7px;
}

.add_point{
	background:#fbdfd9;
	padding:3px;
	display:block;
	text-align:center;
}

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

.member{
	width:100%;
	background:#fff;
	margin:0 auto;
	text-align:center;
	position: relative;
	padding:0 0 5% 0;
	margin-top:5%;
}


@media only screen and (max-width: 750px) {

	.member{
		width:90%;
		margin-top:11%;
	}
}

.member_title{
	width:350px;
	margin:0 auto;	
}

@media only screen and (max-width: 750px) {
	
.member_title{
	width:250px;
}
}
.member_title img{
	margin:-5% 0 7% 0;
}
.member_box{
	background:#fff;
}
.graff{
	width:80%;
	margin:0 auto;
}

.member_txt1{
	width:100%;
	margin:0 auto;
}

.member_txt1 img{
	width:80%;
	margin:3% 0 3% 0;
}

.member_txt2{
	width:100%;
	margin:0 auto;
}

.member_txt2 img{
	width:80%;
	margin:3% 0 3% 0;
}


.girl{
	display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;   
    position: absolute;
    top: 27%;
    right: 0;
}

@media only screen and (max-width: 750px) {
	.girl{
		top:11%;
		left:71%;
	}
	.girl img{
		width:71%;
	}
}

.start{
	width:100%;
	background:#fff;
	margin:8% 0 8% 0;
	padding:0 0 8% 0;
}

@media only screen and (max-width: 750px) {

.start{
	width:90%;
	margin:0 auto;
	margin-top:11%;
}
}
	.step_title{
	width:100%;
	margin:0 auto;
	width:250px;
}

@media only screen and (max-width: 750px) {
	.step_title{
		width:180px;
	}
}
.step_title img{
	margin:-8% 0 8% 0;
}
.step_point{
	width:90%;
	margin:0 auto;
}
.step_point img{
	margin:0 0 5% 0;
}


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

.qa{
	width:100%;
	margin:0 auto;
	margin:5% 0 0 0;
}

@media only screen and (max-width: 750px) {
	.qa{
		width:90%;
		margin:0 auto;
		margin-top:11%;
	}
}

.qa_title{
	width:400px;
	margin:0 auto;
}

@media only screen and (max-width: 750px) {
	.qa_title{
		width:200px;
	}
}
.qa_title img{
	margin:-8% 0 0 0;
}

.qa_body{
	background:#fff;
	padding:0 0 8% 0;
}

.qa_front{
	width: 90%;
	margin:0 auto;
}

.qa_front img{
	margin:3% 0 0 0;
	
}

#qa_btn{
	margin:3% 0 0 0;
}
.btn{
	width:100%;
	margin:0 auto;
}

.btn img{
	width:80%;
}
.btn_second{
	width:100%;
	margin:0 auto;
	text-align:center;
}
}

.btn_second img{
	margin:0 auto;
	text-align:center;
}

.caution{
	width:100%;
	margin:0 0 5% 0;
}

.caution img{
	width:80%;
	margin:3% 0 0 0;
}
h1{
	width:100%;
	margin:0 0 6% 0;
	padding:5% 0 0 0;
}

h1 img{
	width:100%;
}

.content2{
	max-width:1100px;
}

.pc_block{
	display: block;
}

@media only screen and (max-width: 750px) {
	
.pc_block{
	display:none;
}
}

.sp_block{
	display:none;
}
@media only screen and (max-width: 750px) {
	.sp_block{
		display: block;
	}
}



.contents02{
	width:100%;
	margin:0 auto;
	text-align:center;
	background-color:rgba(255,255,255,0.7);
	margin-top:8%;
	border-top: double 13px #ffbdda;
	border-bottom: double 13px #ffbdda;
	font-family:sans-serif;
}

.contents02 img.c_02{
	width: 43%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-top:-3.7%;
	margin-bottom:8%;
}

.contents02 img.c_03{
	width: 89.4%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom: 6%;
}

.contents02 img.c_04{
	width: 96.8%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.contents02 img.c_05{
	width: 74.1%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom: 6%;
}

.contents02 img.c_06{
	width: 77%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom: 6%;
}

.contents02 img.c_07{
	width: 77%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom: 6%;
}

.contents02 img.c_08{
	width: 77%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom:8%;
}

.contents02 img.c_09{
	width: 37%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom:8%;
}


.contents02{
	width:100%;
	margin:0 auto;
	text-align:center;
	background-color:rgba(255,255,255,0.7);
	margin-top:21%;
	border-top: double 8px #ffbdda;
	border-bottom: double 8px #ffbdda;
	padding-right:5%;
}

.contents02 img.c_02{
	width: 77%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-top:-11%;
	margin-bottom: 6%;
}


.contents02 img.c_03{
	width: 97%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-top:5%;
	margin-bottom: 6%;
}

.contents02 img.c_04{
	width: 77%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-top:-11%;
}

.contents02 img.c_05{
	width: 77%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-top:-3%;
	margin-bottom: 6%;
}

.contents02 img.c_06{
	width: 97%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom: 6%;
}

.contents02 img.c_07{
	width: 77%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom: 6%;
}

.contents02 img.c_08{
	width: 77%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom:11%;
}

.contents02 img.c_09{
	width: 37%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.contents02 img.fin{
	width:100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.inner{
	width:100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.innerbox{
	width:85%;
	margin:0 auto;
	padding:3.7% 5%;
	margin-bottom:3%;
	background-color:#fff;
	color:#000;
	position: relative;
	font-size:1.5em;
	font-weight:bold;
	margin-top:-3%;
}

.innerbox p{
	color:#ff6666;
	margin-bottom:3%;
}

.innerbox{
	font-size:17px;
	padding:7.7% 5%;
	margin:3%;
	background-color:#fff;
	color:#000;
	position: relative;
	font-weight:bold;
}

	  .inner{
		max-width: 1000px;
		height: auto;
		display: block;
		margin: 0 auto;
	}

	.contents02 img.c_02{
		width: 43%;
		height: auto;
		display: block;
		margin: 0 auto;
		margin-top:-3.7%;
		margin-bottom:8%;
	}

	.contents02 img.c_02{
		width: 77%;
		height: auto;
		display: block;
		margin: 0 auto;
		margin-top:-11%;
		margin-bottom: 6%;
	}

	.contents02 img.c_06{
		width: 77%;
		height: auto;
		display: block;
		margin: 0 auto;
		margin-bottom: 6%;
	}

	.contents02 img.c_06{
		width: 97%;
		height: auto;
		display: block;
		margin: 0 auto;
		margin-bottom: 6%;
	}

	.myrow{display:-webkit-flex;display:flex;}
	.col-1{flex:1;}
	.col-1 img{
		width:77%;
		margin-top:5%;
	}
	.col-1 img{
		width:67%;
	}



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

.first,.second,.third,.force{
	margin:0 0 3% 0;
}


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


  /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
  @media only screen and (max-width: 750px) {

	.pc { display: none !important; }
	.sp { 
		width:100%;
		padding-right:2.5%;
	  display: block !important;
	  margin:0 auto;
	text-align:center;
   }

   .douga p {
	color: #000;
	text-align:left;
	font-family:sans-serif;
}
.douga{
	width:81%;
	margin:0 auto;
}



.douga{
	width:91%;
	margin:0 auto;
}

.douga p{
	text-align:left;
	line-height:28px;
}