@font-face {
  font-family: "impact";
  src: url("../font/impact.woff")  format('woff');
}

body{margin: 0px auto;padding:0px;width:auto;background:#FFF;max-width: 2000px;}
ul,li{ padding:0px; margin:0px; list-style:none;}


ul{width:100%;margin:0 auto;}
li{ text-align:center;}

.formtext {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
}



.content{
    width: 100%;
    max-width: 75.5%;
    margin-right: auto;
    margin-left: auto;
    position:relative;
    overflow:hidden;
    }
.content2{
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    position:relative;
    overflow:hidden;
    }

.lightbox { display: none; }

	
.cl_box{
    margin: 0 auto 1% auto;}
	
.cl_box a{ color:#FFF;}

.sp{ display:none;}


.mfrom {
    width: 100%;
    /* text-align: center; */
    outline: 0;
    border: #231815 2px solid;
    color: #a6a8a8;
    font-size: 1.4vw;
    margin: 0 auto 5% auto;
    padding: 1.5% 3%;
}

.pc{ display:block;}
.sp{ display:none;}



.p1{
	background: url(../img/001.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	}
.p1:before{
    content: "";
    display: block;
    padding-top: 86.95%; /* 1:1 */
    }

.p1h{    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
	right:0;
    width: 100%;
    height: 100%;
	margin:0 auto;}
	

.p2{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */background: url(../img/002.png) no-repeat;background-size: 100% auto;background-position: center top;position:relative;height: auto;margin: -26% 0 0 0;}
.p2:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 75.0%;
    }

.p2h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.p3{
	background: url(../img/003.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0% 0 0% 0;
	z-index: 1;
	}
.p3:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p3h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p4{
	background: url(../img/004.png) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 3;
	}
.p4:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 60.3%;
    }

.p4h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p5{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */
	 /* Old browsers */
	
 /* FF3.6-15 */
	
 /* Chrome10-25,Safari5.1-6 */
	
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
 /* IE6-9 */
	
background: url(../img/005.jpg) no-repeat;
	
background-size: cover;
	
background-position: center top;
	
background-attachment: fixed;
	
position:relative;
	
height: auto;
	
margin: -4% 0 0 0;
	
z-index: 2;
	}
.p5:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p5h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	

.p6{
	background: #51c0be;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	position:relative;
	height: auto;
	margin: 0% 0 0 0;
	z-index: 1;
	}
.p6:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p6h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p7{
	background: url(../img/007.png) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: -8% 0 0 0;
	z-index: 1;
	}
.p7:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p7h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }


	
.cl{background: #333333;color:#FFF;padding: 1% 0;}


.p1 img,.p2 img,.p3 img,.p4 img,.p5 img,.p6 img,.p7 img,.p8 img,.p9 img,.p10 img,.p11 img,.p12 img,.p13 img,.p14 img,.p15 img,.p16 img,.p17 img,.p18 img,.p19 img,.p20 img,.p21 img,.p22 img,.p23 img,.t1 img,.w01 img,.t2 img,.t3 img,.t4 img,.t5 img,.t6 img,.t7 img,.t8 img,.p21 img,.p22 img,.p23 img,.p24 img,.p25 img,.p26 img{ width:100%;}
.addFriend input{ width:100%;}


.form_box1{position: relative;top: 0;width: 58.3%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 1;}
.form_box1 input{
    width: 100%;
    height: 0%;
    text-align: center;
    border-radius: 500px;
    outline: 0;
    border: #aaa 2px solid;
    color: #666;
    font-size: 2.2vw;
    margin: 0 auto 3% auto;
    padding: 3% 5%;
}

.e1{position: absolute;top: 2.8%;width: 46.1%;left: 0.1%;right: 0;margin: 0 auto;z-index: 1;animation:0.6s linear both rotation1;}
@keyframes rotation1{
  0%   { transform: rotateX(360deg) scale(4);
    opacity: 0; }
  100% { transform: rotateX(0deg) scale(1);
    opacity: 1; }
}

.e2{position: absolute;top: 8.65%;width: 57.15%;left: -0.6%;right: 0;margin: 0 auto;z-index: 3;}

.e3{position: absolute;top: 43.6%;width: 53.6%;left: -0.3%;right: 0;margin: 0 auto;z-index: 3;animation:0.6s 0.6s linear both rotation3;}

.e4-e6{
    position: absolute;
    left: 0;
    right: 0;
    top: 51.0%;
    width: 45.35%;
    margin: 0 auto;
    z-index: 4;
}
.e4-e6 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e4-e6 li{
    width: 42.7%;
    margin: 0;
}
.e4-e6 li:nth-child(1){animation:0.6s 0.8s linear both rotation2;width: 24.6%;}
.e4-e6 li:nth-child(2){animation:0.6s 1.2s linear both rotation2;width: 29.5%;}
.e4-e6 li:nth-child(3){animation:0.6s 1.6s linear both rotation2;}
@keyframes rotation2{
  0%   { transform: rotateX(360deg) scale(4);
    opacity: 0; }
  100% { transform: rotateX(0deg) scale(1);
    opacity: 1; }
}

@keyframes rotation3{
  0%   { transform: scale(4);
    opacity: 0; }
  100% { transform:scale(1);
    opacity: 1; }
}

.e4-e6 li img{ width:100%;}

.btn_set{
    position: absolute;
    width: 48.6%;
    left: 0;
    right: 0;
    top: 59%;
    margin: 0 auto;
}
.e7{position: relative;right: 0;left: 0;top: 0;width: 70.5%;margin: 0 auto 2%;z-index: 0;}
.e8{position: absolute;top: 18%;width: 17.6%;left: 2%;margin: 0 auto;z-index: 10;}
.e9{position: relative;top: 0;width: 88.5%;left: 0;right: 0;margin: 0 auto;z-index: 4;}
.e10{position: absolute;right: 7%;top: 30.5%;width: 13.4%;margin: 0 auto;z-index: 4;}
.e10_over{position: absolute;right: 7%;top: 30.5%;width: 13.4%;margin: 0 auto;z-index: 4; animation:2.0s 0.4s linear both infinite btn_anima;}
@keyframes btn_anima{
  0%   { transform: scale(1);
    opacity: 1; }
  60% { transform:scale(2);
    opacity: 0; }
  100% { transform:scale(2);
    opacity: 0; }
}

.e11{position: absolute;right: -2%;top: 45.2%;width: 16.3%;margin: 0 auto;z-index: 15;}

.e12{position: relative;right: 0;left: 0;top: 0;width: 58.15%;margin: 2.5% auto 2%;z-index: 0;}

.e13{position: absolute;top: 15%;width: 14.6%;left: 19.3%;margin: 0;z-index: 0;}
.e14{position: absolute;top: 14.6%;width: 4.65%;left: 27.5%;margin: 0;z-index: 3;}
.e15{position: absolute;top: 17.0%;width: 16.6%;right: 15.7%;margin: 0 auto;z-index: 1;}
.e16{position: absolute;top: 8.8%;width: 10.45%;right: 21.5%;margin: 0 auto;z-index: 0;}
.e17{position: absolute;top: 46.32%;width: 9.45%;right: 19.8%;margin: 0 auto;z-index: 3;}
.e18{position: absolute;top: 43.3%;width: 4.05%;right: 19.2%;margin: 0 auto;z-index: 3;}
.e19{position: absolute;top: 4.3%;width: 24.25%;left: 3.7%;margin: 0 auto;z-index: 3;}
.e20{position: absolute;top: 4.4%;width: 26.25%;right: 3.2%;margin: 0 auto;z-index: 3;}


.p2_set{
    position: absolute;
    width: 54.05%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 29%;
}

.e21{position: relative;top: 0;width: 66.9%;right: 0;left: 0;margin: 0% auto 21%;z-index: 3;}
.e22{position: absolute;top: 63.8%;width: 33.7%;left: 0.0%;margin: 0 auto;z-index: 0;}
.e23{position: absolute;top: 4.4%;width: 26.25%;right: 3.2%;margin: 0 auto;z-index: 3;}
.e24{position: absolute;top: 4.4%;width: 26.25%;right: 3.2%;margin: 0 auto;z-index: 3;}
.e25{position: absolute;top: 4.4%;width: 26.25%;right: 3.2%;margin: 0 auto;z-index: 3;}
.e26{position: absolute;top: 4.4%;width: 26.25%;right: 3.2%;margin: 0 auto;z-index: 3;}
.e27{position: absolute;top: 4.4%;width: 26.25%;right: 3.2%;margin: 0 auto;z-index: 3;}

.e29-e32{
    position: relative;
    left: 0;
    right: 0;
    top: 24%;
    width: 57.8%;
    margin: 0 auto 5%;
    z-index: 1;
}
.e29-e32 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e29-e32 li{
    width: 23.8%;
    margin: 0 0%;
}

.e29-e32 li img{ width:100%;}



.e23{position: absolute;top: 33.8%;width: 37.05%;left: 11.2%;margin: 0;z-index: 1;}
.e24{position: absolute;top: 34%;width: 37.3%;right: 11.8%;margin: 0 auto;z-index: 1;}
.e25{position: absolute;top: 64.5%;width: 37.05%;right: 00%;margin: 0 auto;z-index: 1;}
.e26{position: relative;top: 0;width: 42.2%;left: -2%;right: 0%;margin: 0 auto;z-index: 1;}
.e27{position: absolute;top: 64.5%;width: 7.95%;right: 33%;margin: 0 auto;z-index: 1;}
.e28{position: relative;top: 17%;width: 47.95%;left: 0%;right: 0;margin: 4% auto 2%;z-index: 1;}
.e29{position: absolute;top: 30%;width: 2.95%;left: 0;right: 0;margin: 0 auto;z-index: 1;}

.e30{position: absolute;top: 32%;width: 51.35%;left: 0;right: 0;margin: 0 auto;z-index: 1;}
.e31{position: absolute;top: 45%;width: 2.95%;left: 0;right: 0%;margin: 0 auto;z-index: 1;}
.e32{position: absolute;top: 47%;width: 51.35%;left: 0%;right: 0;margin: 0 auto;z-index: 1;}



.p4_set{
    position: absolute;
    width: 51.25%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 14%;
}


.e33{position: relative;top: 0;width: 70.8%;left: 0;right: 0%;margin: 0 auto;z-index: 1;}
.e34{position: absolute;top: 71%;width: 49.6%;left: 0%;margin: 0 auto;z-index: 1;}
.e35{position: absolute;top: 107%;width: 49.2%;right: 0;margin: 0 auto;z-index: 1;}
.e36{position: absolute;top: 220%;width: 49.1%;left: 0.3%;margin: 0 auto;z-index: 1;}
.e37{position: absolute;top: 188.5%;width: 49.2%;right: 0%;margin: 10% auto 5% auto;z-index: 1;}


.e38{position: relative;top: 0;width: 39.9%;left: 0%;margin: 9% auto 3%;z-index: 7;}
.e39{position: relative;top: 0;width: 45.55%;left: -4%;right: 0%;margin: 0 auto 3%;z-index: 0;}
.e40{position: relative;top: 0;width: 45.55%;left: 4%;right: 0%;margin: 0 auto 3%;z-index: 3;}
.e41{position: relative;width: 45.55%;left: -4%;right: 0%;margin: 0 auto 2%;z-index: 5;}
.e42{position: absolute;width: 18.95%;top: 36%;right: 21.5%;margin: 0 auto;z-index: 2;}
.e43{position: absolute;top: 55.0%;width: 14.75%;left: 23.5%;margin: 0 auto;z-index: 4;}
.e44{position: relative;top: 0;width: 20.55%;left: -15%;right: 0%;margin: 0 auto -1%;z-index: 1;}
.e45{position: absolute;top: 87.5%;width: 29.7%;left: 21%;right: 0%;margin: 0 auto;z-index: 1;}

.e46{position: relative;top: 0;width: 41.6%;left: 0;right: 0%;margin: 7% auto 3.5%;z-index: 1;}
.e47{position: absolute;top: -8%;width: 12.6%;left: 2%;margin: 0 0 0 0;z-index: 1;}

.e48{position: absolute;top: 8%;width: 11.1%;left: 12.5%;margin: 0 0 0 0;z-index: 1;}
.e49{position: relative;top: 0;width: 46.0%;left: 0;right: 0%;padding: 7% 0 4%;margin: 0 auto;z-index: 1;}
.e50{position: absolute;top: -17%;width: 19.1%;right: 5%;margin: 0 0 0 0;z-index: 1;}


.e52{position: relative;top: 0;width: 37.5%;left: 0;right: 0%;padding: 7% 0 4%;margin: 0 auto;z-index: 1;}
.e53{position: absolute;top: 67%;width: 24.3%;right: 9%;margin: 0 0 0 0;z-index: 1;}

.e55{position: relative;top: 0;width: 48.7%;left: 0;right: 0%;padding: 7% 0 4%;margin: 0 auto;z-index: 1;}
.e56{position: absolute;top: 62%;width: 36.5%;right: 4%;margin: 0 0 0 0;z-index: 1;}

.e58{position: relative;top: 0;width: 56.0%;left: 0;right: 0%;padding: 7% 0 4%;margin: 0 auto;z-index: 1;}
.e59{position: absolute;top: 72%;width: 41.3%;right: 3.5%;margin: 0 0 0 0;z-index: 1;}

.e61{position: relative;top: 0;width: 70.2%;left: 0;right: 0%;padding: 7% 0 4%;margin: 0 auto;z-index: 1;}
.e62{position: absolute;top: 88.0%;width: 15.65%;right: 28.5%;margin: 0 0 0 0;z-index: 1;}

.foot_btn{
    position: relative;
    margin: 11% auto 5%;
}
.z1{ z-index: 1;}
.z2{ z-index: 1;}
.z3{ z-index: 1;}
.z4{ z-index: 1;}
.z5{z-index: 1;margin: 0 auto 8% auto !important;}
.z6{ z-index: 1;}

.select_box{
    width: 49.75%;
    margin: 0 auto 3% auto;
    position: relative;
}
.white_box{
    background: #FFF;
    border-radius: 42px;
    width: 100%;
    /* overflow: hidden; */
    position: relative;
}
.diagnosis_title{
    color: #333333;
    font-size: 4rem;
    font-weight: bold;
    margin: 4% auto 5%;
    border-bottom: solid 2px #bec8d1;
    width: 90%;
    padding: 0 0 2% 0;
}
fieldset {
  border: none;
  margin: 0 auto;
  padding: 0 0 5% 0;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 78%;
}

.radio-inline__input {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.radio-inline__label {
    display: inline-block;
    padding: 2% 0;
    border-radius: 3px;
    transition: all .2s;
    width: 48%;
    background: #FFF;
    border: solid 4px #ff6371;
    color: #ff6371;
    font-size: min(1.7vw,34px);
    cursor: pointer;
}
.sb:after{content:'';display: block;width: 31.4%;}

.radio-inline__input:checked + .radio-inline__label {
    background: #ff6371;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,.7);
}

.radio-inline__input:focus + .radio-inline__label {
    outline-color: #ff477c;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
}

.sb{
    width: 78%;
}
.sbb{
    width: 31.4%;
    margin: 0 0 3% 0;
}

.kiyaku_all{ padding: 20px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 400px;
    margin: 0 auto;}

.kiyaku_all a{ color:#FFF;}

.addFriend{
    width: 68%;
    margin: -1% auto 10% auto;
}
.line_btn a{display:block;}

.info_send .addFriend { margin: 5% auto 5% auto;     width: 31.2%;}
input{ width:100%;}
.line_btn img,.line_btn input,.buy_btn img
	{
		animation:
			bounce 2s ease infinite normal 0s none running
		;
		-webkit-animation:
			bounce 2s ease infinite normal 0s none running
		;
		-ms-animation:
			bounce 2s ease infinite normal 0s none running
		;
	}
	@keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}
		
	}
	@-webkit-keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}
	}


.reflection.go {
  height: 100%;
  width: 8%;
  position: absolute;
  top: -56%;
  left: -3%;
  background-color: #fff;
  opacity     :0;
  transform: rotate(45deg);
  animation: reflection 2s ease-in-out ;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 2s ease-in-out ;
  -moz-transform: rotate(45deg);
  -moz-animation: reflection 2s ease-in-out ;
  -ms-transform: rotate(45deg);
  -ms-animation: reflection 2s ease-in-out ;
  -o-transform: rotate(45deg);
  -o-animation: reflection 2s ease-in-out ;
}


@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; }
}
@-webkit-keyframes reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
  0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
  0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
  0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}


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



}


@media screen and ( max-width:768px )
{
	html{ overflow:auto;}
	body{ margin:0px; padding:0px; width:auto; background:none; overflow:hidden;}
.content{
max-width: 100%;
    }
	



.pc{ display:none;}
.sp{ display:block;}

.mfrom {
    width: 100%;
    /* text-align: center; */
    outline: 0;
    border: #231815 2px solid;
    color: #a6a8a8;
    font-size: 3.4vw;
    margin: 0 auto 5% auto;
    padding: 1.5% 3%;
}



.parallax {
  width: 100%;

	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:inherit;
	text-align: center;
}



.kiyaku_all{
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 88%;
    margin: 0 auto;
    }

.kiyaku_all a{ color:#FFF;}


.p1{
	background: url(../img/001.jpg) no-repeat;
	background-size: 159% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	}
.p1:before{
    content: "";
    display: block;
    padding-top: 144.95%; /* 1:1 */
    }

.p1h{    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
	right:0;
    width: 100%;
    height: 100%;
	margin:0 auto;}
	

.p2{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */background: url(../img/002.png) no-repeat;background-size: 177% auto;background-position: center top;position:relative;height: auto;margin: -38% 0 0 0;}
.p2:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 133%;
    }

.p2h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.p3{
	background: url(../img/003.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0% 0 0% 0;
	z-index: 1;
	}
.p3:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p3h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p4{
	background: url(../img/004.png) no-repeat;
	background-size: 203% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 3;
	}
.p4:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 123.3%;
    }

.p4h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p5{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */
	 /* Old browsers */
	
 /* FF3.6-15 */
	
 /* Chrome10-25,Safari5.1-6 */
	
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
 /* IE6-9 */
	
background: url(../img/005.jpg) repeat-y;
	
background-size: 140% auto;
	
background-position: center top;
	
background-attachment: inherit;
	
position:relative;
	
height: auto;
	
margin: -10% 0 0 0;
	
z-index: 2;
	}
.p5:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p5h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	

.p6{
	background: #51c0be;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	position:relative;
	height: auto;
	margin: 0% 0 0 0;
	z-index: 1;
	}
.p6:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p6h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p7{
	background: url(../img/007.png) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: -8% 0 0 0;
	z-index: 1;
	}
.p7:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p7h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

	
	
.cl{background: #333333;color:#FFF;padding: 1% 0;}


.p1 img,.p2 img,.p3 img,.p4 img,.p5 img,.p6 img,.p7 img,.p8 img,.p9 img,.p10 img,.p11 img,.p12 img,.p13 img,.p14 img,.p15 img,.p16 img,.p17 img,.p18 img,.p19 img,.p20 img,.p21 img,.p22 img,.p23 img,.t1 img,.w01 img,.t2 img,.t3 img,.t4 img,.t5 img,.t6 img,.t7 img,.t8 img,.p21 img,.p22 img,.p23 img,.p24 img,.p25 img,.p26 img{ width:100%;}
.addFriend input{ width:100%;}


.form_box1{position: relative;top: 0;width: 58.3%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 1;}
.form_box1 input{
    width: 100%;
    height: 0%;
    text-align: center;
    border-radius: 500px;
    outline: 0;
    border: #aaa 2px solid;
    color: #666;
    font-size: 2.2vw;
    margin: 0 auto 3% auto;
    padding: 3% 5%;
}

.e1{position: absolute;top: 2.8%;width: 90%;left: 0.1%;right: 0;margin: 0 auto;z-index: 1;animation:0.6s linear both rotation1;}
@keyframes rotation1{
  0%   { transform: rotateX(360deg) scale(4);
    opacity: 0; }
  100% { transform: rotateX(0deg) scale(1);
    opacity: 1; }
}

.e2{position: absolute;top: 8.65%;width: 90%;left: -0.6%;right: 0;margin: 0 auto;z-index: 3;}

.e3{position: absolute;top: 43.6%;width: 90%;left: -0.3%;right: 0;margin: 0 auto;z-index: 3;animation:0.6s 0.6s linear both rotation3;}

.e4-e6{
    position: absolute;
    left: 0;
    right: 0;
    top: 51.0%;
    width: 90%;
    margin: 0 auto;
    z-index: 4;
}
.e4-e6 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e4-e6 li{
    width: 42.7%;
    margin: 0;
}
.e4-e6 li:nth-child(1){animation:0.6s 0.8s linear both rotation2;width: 24.6%;}
.e4-e6 li:nth-child(2){animation:0.6s 1.2s linear both rotation2;width: 29.5%;}
.e4-e6 li:nth-child(3){animation:0.6s 1.6s linear both rotation2;}
@keyframes rotation2{
  0%   { transform: rotateX(360deg) scale(4);
    opacity: 0; }
  100% { transform: rotateX(0deg) scale(1);
    opacity: 1; }
}

@keyframes rotation3{
  0%   { transform: scale(4);
    opacity: 0; }
  100% { transform:scale(1);
    opacity: 1; }
}

.e4-e6 li img{ width:100%;}

.btn_set{
    position: absolute;
    width: 90%;
    left: 0;
    right: 0;
    top: 59%;
    margin: 0 auto;
}
.e7{position: relative;right: 0;left: 0;top: 0;width: 70.5%;margin: 0 auto 2%;z-index: 0;}
.e8{position: absolute;top: 18%;width: 17.6%;left: 2%;margin: 0 auto;z-index: 10;}
.e9{position: relative;top: 0;width: 88.5%;left: 0;right: 0;margin: 0 auto;z-index: 4;}
.e10{position: absolute;right: 7%;top: 30.5%;width: 13.4%;margin: 0 auto;z-index: 4;}
.e10_over{position: absolute;right: 7%;top: 30.5%;width: 13.4%;margin: 0 auto;z-index: 4; animation:2.0s 0.4s linear both infinite btn_anima;}
@keyframes btn_anima{
  0%   { transform: scale(1);
    opacity: 1; }
  60% { transform:scale(2);
    opacity: 0; }
  100% { transform:scale(2);
    opacity: 0; }
}

.e11{position: absolute;right: -2%;top: 45.2%;width: 16.3%;margin: 0 auto;z-index: 15;}

.e12{position: relative;right: 0;left: 0;top: 0;width: 58.15%;margin: 2.5% auto 2%;z-index: 0;}

.e13{position: absolute;top: 14%;width: 24.6%;left: 0.3%;margin: 0;z-index: 0;}
.e14{position: absolute;top: 13.6%;width: 9.65%;left: 14.5%;margin: 0;z-index: 3;}
.e15{position: absolute;top: 17.0%;width: 26.6%;right: -5.3%;margin: 0 auto;z-index: 2;}
.e16{position: absolute;top: 8.8%;width: 18.45%;right: 2.5%;margin: 0 auto;z-index: 1;}
.e17{position: absolute;top: 46.32%;width: 16.45%;right: 0.8%;margin: 0 auto;z-index: 3;}
.e18{position: absolute;top: 43.3%;width: 5.05%;right: 2.2%;margin: 0 auto;z-index: 3;}
.e19{position: absolute;top: 4.3%;width: 48.25%;left: 2.7%;margin: 0 auto;z-index: 0;}
.e20{position: absolute;top: 4.4%;width: 52.25%;right: -3.8%;margin: 0 auto;z-index: 0;}


.p2_set{
    position: absolute;
    width: 98%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 29%;
}

.e21{position: relative;top: 0;width: 66.9%;right: 0;left: 0;margin: 0% auto 21%;z-index: 3;}
.e22{position: absolute;top: 63.8%;width: 33.7%;left: 0.0%;margin: 0 auto;z-index: 0;}
.e23{position: absolute;top: 4.4%;width: 26.25%;right: 3.2%;margin: 0 auto;z-index: 3;}
.e24{position: absolute;top: 4.4%;width: 26.25%;right: 3.2%;margin: 0 auto;z-index: 3;}
.e25{position: absolute;top: 4.4%;width: 26.25%;right: 3.2%;margin: 0 auto;z-index: 3;}
.e26{position: absolute;top: 4.4%;width: 26.25%;right: 3.2%;margin: 0 auto;z-index: 3;}
.e27{position: absolute;top: 4.4%;width: 26.25%;right: 3.2%;margin: 0 auto;z-index: 3;}

.e29-e32{
    position: relative;
    left: 0;
    right: 0;
    top: 24%;
    width: 90%;
    margin: 0 auto 6%;
    z-index: 1;
}
.e29-e32 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e29-e32 li{
    width: 48.8%;
    margin: 0 0% 4%;
}

.e29-e32 li img{ width:100%;}



.e23{position: absolute;top: 33.8%;width: 37.05%;left: 11.2%;margin: 0;z-index: 1;}
.e24{position: absolute;top: 34%;width: 37.3%;right: 11.8%;margin: 0 auto;z-index: 1;}
.e25{position: absolute;top: 64.5%;width: 37.05%;right: 00%;margin: 0 auto;z-index: 1;}
.e26{position: relative;top: 0;width: 42.2%;left: -2%;right: 0%;margin: 0 auto;z-index: 1;}
.e27{position: absolute;top: 64.5%;width: 7.95%;right: 33%;margin: 0 auto;z-index: 1;}
.e28{position: relative;top: 17%;width: 95%;left: 0%;right: 0;margin: 6% auto 6%;z-index: 1;}
.e29{position: absolute;top: 30%;width: 2.95%;left: 0;right: 0;margin: 0 auto;z-index: 1;}

.e30{position: absolute;top: 32%;width: 51.35%;left: 0;right: 0;margin: 0 auto;z-index: 1;}
.e31{position: absolute;top: 45%;width: 2.95%;left: 0;right: 0%;margin: 0 auto;z-index: 1;}
.e32{position: absolute;top: 47%;width: 51.35%;left: 0%;right: 0;margin: 0 auto;z-index: 1;}



.p4_set{
    position: absolute;
    width: 95%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 12%;
}


.e33{position: relative;top: 0;width: 100.8%;left: 0;right: 0%;margin: 0 auto;z-index: 1;}
.e34{position: absolute;top: 81%;width: 49.6%;left: 0%;margin: 0 auto;z-index: 1;}
.e35{position: absolute;top: 107%;width: 49.2%;right: 0;margin: 0 auto;z-index: 1;}
.e36{position: absolute;top: 184%;width: 49.1%;left: 0.3%;margin: 0 auto;z-index: 1;}
.e37{position: absolute;top: 162.5%;width: 49.2%;right: 0%;margin: 10% auto 5% auto;z-index: 1;}


.e38{position: relative;top: 0;width: 90%;left: 0%;margin: 14% auto 6%;z-index: 7;}
.e39{position: relative;top: 0;width: 90%;left: -4%;right: 0%;margin: 0 auto 3%;z-index: 0;}
.e40{position: relative;top: 0;width: 90%;left: 4%;right: 0%;margin: 0 auto 3%;z-index: 3;}
.e41{position: relative;width: 90%;left: -4%;right: 0%;margin: 0 auto 2%;z-index: 5;}
.e42{position: absolute;width: 28.95%;top: 38%;right: -2.5%;margin: 0 auto;z-index: 2;}
.e43{position: absolute;top: 57%;width: 24.75%;left: 3.5%;margin: 0 auto;z-index: 4;}
.e44{position: relative;top: 0;width: 34.55%;left: -32%;right: 0%;margin: 0 auto -2%;z-index: 1;}
.e45{position: absolute;top: 88%;width: 59.7%;left: 32%;right: 0%;margin: 0 auto;z-index: 1;}

.e46{position: relative;top: 0;width: 90%;left: 0;right: 0%;margin: 8% auto 7.5%;z-index: 1;}
.e47{position: absolute;top: -8%;width: 12.6%;left: 2%;margin: 0 0 0 0;z-index: 1;}

.e48{position: absolute;top: 8%;width: 11.1%;left: 12.5%;margin: 0 0 0 0;z-index: 1;}
.e49{position: relative;top: 0;width: 46.0%;left: 0;right: 0%;padding: 7% 0 4%;margin: 0 auto;z-index: 1;}
.e50{position: absolute;top: -17%;width: 19.1%;right: 5%;margin: 0 0 0 0;z-index: 1;}


.e52{position: relative;top: 0;width: 37.5%;left: 0;right: 0%;padding: 7% 0 4%;margin: 0 auto;z-index: 1;}
.e53{position: absolute;top: 67%;width: 24.3%;right: 9%;margin: 0 0 0 0;z-index: 1;}

.e55{position: relative;top: 0;width: 48.7%;left: 0;right: 0%;padding: 7% 0 4%;margin: 0 auto;z-index: 1;}
.e56{position: absolute;top: 62%;width: 36.5%;right: 4%;margin: 0 0 0 0;z-index: 1;}

.e58{position: relative;top: 0;width: 56.0%;left: 0;right: 0%;padding: 7% 0 4%;margin: 0 auto;z-index: 1;}
.e59{position: absolute;top: 72%;width: 41.3%;right: 3.5%;margin: 0 0 0 0;z-index: 1;}

.e61{position: relative;top: 0;width: 70.2%;left: 0;right: 0%;padding: 7% 0 4%;margin: 0 auto;z-index: 1;}
.e62{position: absolute;top: 89%;width: 30.65%;right: 2.5%;margin: 0 0 0 0;z-index: 1;}

.foot_btn{
    position: relative;
    margin: 15% auto 9%;
}
.z1{ z-index: 1;}
.z2{ z-index: 1;}
.z3{ z-index: 1;}
.z4{ z-index: 1;}
.z5{z-index: 1;margin: 0 auto 12% auto !important;}
.z6{ z-index: 1;}

.select_box{
    width: 95%;
    margin: 0 auto 4% auto;
    position: relative;
}
.white_box{
    background: #FFF;
    border-radius: 42px;
    width: 100%;
    /* overflow: hidden; */
    position: relative;
}
.diagnosis_title{
    color: #333333;
    font-size: 4rem;
    font-weight: bold;
    margin: 4% auto 5%;
    border-bottom: solid 2px #bec8d1;
    width: 90%;
    padding: 0 0 2% 0;
}
fieldset {
  border: none;
  margin: 0 auto;
  padding: 0 0 5% 0;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 90%;
}

.radio-inline__input {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.radio-inline__label {
    display: inline-block;
    padding: 2% 0;
    border-radius: 3px;
    transition: all .2s;
    width: 48%;
    background: #FFF;
    border: solid 4px #ff6371;
    color: #ff6371;
    font-size: min(5.333333vw,20px);
    cursor: pointer;
}
.sb:after{content:'';display: block;width: 31.4%;}

.radio-inline__input:checked + .radio-inline__label {
    background: #ff6371;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,.7);
}

.radio-inline__input:focus + .radio-inline__label {
    outline-color: #ff477c;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
}

.sb{
    width: 90%;
}
.sbb{
    width: 31.4%;
    margin: 0 0 3% 0;
}

}

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


}

@media screen and ( max-width:425px )
{
}

}
@media screen and ( max-width:414px )
{
}


@media screen and ( max-width:393px )
{
}


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

}

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

}

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

}
}