@charset "utf-8";
/* CSS Document */
*{
	box-sizing: border-box;
}
a{
	cursor: pointer;
}
a:hover{
	opacity: 0.5;
}
.main-body{
	margin:0 auto;
}
.main-body h1{
	background: inherit!important;
	margin: 0;
}
	.main-body h1 span{
    font-weight: bold;
    background: darkblue;
    padding: 10px;
    border-radius: 10px;
}
.col1 .section-wrap, .col1 .float-area {
    width: inherit!important;
		padding: 0!important;
	border: none!important;

}
.inner p, .inner li{
	font-size: 18px;
}
.inner{
	margin: 0 auto;
	padding: 10px;
	max-width: 1000px;
}
.inner img{
	max-width: 100%;
	height: auto;
}
.center{
	text-align: center;
}
#main_image_area{
	background: #ddeef3;
	text-align: center;
}
.main-body h2{
	background: none;
	box-shadow: inherit!important;
	font-weight: bold;
	margin: 0;
}

h2.img{
	margin: 0;
	padding: 0;
}
.red{
	color: red;
}

#main_image_area{
	background: #b7d9e5;
}
.web-off-bar{
	background: #0d62b2;
	color: #fff;
}
.back_light-blue{
	background: #0099ff;
	color: #333;
	margin: 1em 0;
}
.back_gray{
	background: #cccccc;
	color: #333;
}
.back_black{
	background: #000;
	color: #fff;
}
.img img{
	width: inherit!important;
}
.back_grad_gray{
	margin-top: 1em;
	background: -moz-linear-gradient( #ccc 0%, #6d6d6e 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#6d6d6e));
	background: -webkit-linear-gradient( #ccc 0%, #6d6d6e 100%);
	background: -o-linear-gradient( #ccc 0%, #6d6d6e 100%);
	background: linear-gradient( #ccc 0%, #6d6d6e 100%);
	color: #fff;
}


.flow{
	background-image: url(../images/lp/lp23-9/image-9-background.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
}

.gray-box{
	border-radius: 20px;
	border: 1px #666 solid;
	background: #fff;
	margin-bottom: 2em;
}
.main-body h3::after{
	display: none;
}

.gray-box h3{
	margin: 0 0 1em!important;
	padding: 0 1em;

	border-bottom: 0;
	    border-radius: 20px 20px 0 0;
	background: -moz-linear-gradient( #ccc 0%, #6d6d6e 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#6d6d6e));
	background: -webkit-linear-gradient( #ccc 0%, #6d6d6e 100%);
	background: -o-linear-gradient( #ccc 0%, #6d6d6e 100%);
	background: linear-gradient( #ccc 0%, #6d6d6e 100%);
	color: #fff;
	text-align: center;

}
.gray-box p{
 margin: 2em;
}
.back_gray .list-box{
	background-image: url(../images/lp/lp23-9/image-5-background.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #959595;
	padding-bottom: 1em;
	margin-bottom: 2em;

}
.back_gray .list-box ul{
	padding: 0;
	list-style: none;
}
.back_gray .list-box li{
	margin: 0 0 1em;
			background: #fff;
}
.back_gray .list-box li h4{
	margin:0;
	border-left: 0;
	background: inherit!important;
	text-align: center;

}
.back_gray .list-box li p{
	margin:0;
	padding: 1em;
}
.video {
	margin: 1em auto;
	text-align: center;
}

#back_japan{
	margin-bottom: 2em;
}
.contact_form{
	margin-bottom: 2em;
}
footer{
	padding-top: 20px;
	text-align: center;
	background: #0d62b2;
	color: #fff;
}
@media screen and ( min-width:797px ){
	.main-body h2{
		font-size: 2.5em;
	}
	.back_gray .list-box li h4{
		padding: 2em 1em 1em;
		font-size: 1.7em;
	}
	.gray-box h3{
		line-height: 2.5;
		font-size: 2em;
	}
	.main-body h2 span{
		font-size: 1.5em;
	}
.sp{
	display: none;
}
.flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 2em;
}

.contact_form{
	text-align: right;
	background-image: url(../images/lp/lp23-9/image-3-gorund.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.contact_form img{
	width: 70%;
}
.back_gray .list-box li{
	    display: flex;
	    flex-wrap: wrap;
			justify-content: center;
}
.back_gray .list-box li h4{
width: 40%;

}
.back_gray .list-box li p{
width: 60%;
}
#back_japan{
	background-image: url(../images/lp/24_7/japan_2.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size:contain;
	min-height: 620px;
}
#back_japan p{
	font-weight: bold;
	width: 70%;
}
.back_gray .list-box ul{
	margin: 2em;
}
.back_gray .list-box li{
	    padding: 1em;
		}

}

@media screen and ( max-width:796px ){
.pc{
	display: none;
}
.back_gray .list-box li h4{
	font-size: 1.6em;
	padding-top: 1em;
}
.section-wrap .section-in{
	padding: 0!important;
	border: none;
}
.gray-box h3{
	line-height: 1;
font-size: 1.5em;
padding: 1em;
}
.back_gray .list-box ul{
	margin: 1em;
}
.center{
	text-align: left;
}
.contact_form{
	background:#89d8ff;
}
}


/***************５－２５日追加分****************/
#comments_customer ul{
	gap: 20px;
}

#comments_customer li{
	border: 3px solid #ccc;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 2px 2px 4px #666;
	    display: flex;
	        flex-wrap: wrap;
	padding: 10px;
}
#comments_customer li .introduction{
text-align: center;
	    width: 30%;
	padding: 10px;
}
#comments_customer li .introduction img{
	margin-bottom: 10px;
}
#comments_customer li .introduction p{
	margin: 0;
	line-height: 1.5;
	
}
#comments_customer li .comment{
line-height: 1.5;
	    width: 70%;
	padding: 10px;
}


.top-massage{
color:#fff;
font-weight:bold;
}
.top-massage ul{
margin:0;
}
#hayawari p,
.top-massage p{
color:#fff;
font-weight:bold;
margin-bottom:0;
}
.top-massage .small{
font-weight:normal;
}
#hayawari .yellow,
.top-massage .yellow {
    font-weight: bold;
    margin: 0 5px;
}
#question-box dl {
    margin: 0 auto 20px;
}
#question-box dl dt {
    background: #3366cc;
    color: #fff;
    width: 100%;
    display: table;
    padding: 1em;
}
#question-box dl dt p {
    width: 95%;
}
#question-box dl dd {
    margin: 0;
    border: solid #3366cc 3px;
    padding: 1em;
    display: none;
    background: #fff;
}
#question-box .show_btn.close::after,
#question-box .show_btn.open::after,
#question-box dl dt::before,
#question-box dl dd::before {
    content: '';
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}
#question-box dl dt p, #question-box dl dt span {
    display: table-cell;
    vertical-align: middle;
}
#question-box .show_btn.open::after {
    background-image: url(../images/lp/minus.png);
    margin-left: 10px;
}
#question-box .show_btn.close::after {
    background-image: url(../images/lp/plus.png);
    margin-left: 10px;
}

#question-box dl dt::before {
    background-image: url(../images/lp/q_q.png);
}
#question-box dl dd::before {
    background-image: url(../images/lp/q_a.png);
    float: left;
}

#back_japan h2.img img{
width: inherit !important;

}
#lp-page h2,
#comments_customer h2,
#question-box h2,
#step-5 h2{
    border: none;
    text-align: center;
    margin: 1em;
color:#003399;
}
#step-5 ul{
    margin-left: 26px;
}
#step-5 li{
background:#fff;
border-radius:20px;
color:#003399;
position: relative;
    margin-bottom: 3em;
}

#step-5 li span{
background: #ffcc00;
    font-weight: bold;
    line-height: 2;
    display: flex;
    position: absolute;
    padding: 0 1em;
    top: -1em;
    left: -1em;
    border-radius: 30px;
}
#step-5 h4{
        border: none;
    background: inherit;
    color: #003399;
    line-height: 3;
    text-align: center;
    border-radius: 20px;
margin: 0;
}
#step-5 p{
padding: 0 2em 2em;
}
.flow {
    background-image: url(../images/lp/lp23-9/image-9-background.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size:contain;
background-color:#c1edff;
}
#genmenseido dl{
    
    border-radius: 20px;
    overflow: hidden;
font-size: 2rem;
}
#genmenseido dt{
color: #fff;
    padding: 1em;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: bold;
}
#genmenseido dd{
    padding: 1em;
}
dl.darkblue{
border: 5px solid #0d62b2;
}
dl.darkblue dt{
background:#0d62b2;
}
dl.redcolor{
border: 5px solid red;
}
dl.redcolor dt{
background:red;
}
#genmenseido dd ol{
margin-left: 1em;
}
#genmenseido dd ol li{
    list-style: decimal;
}
#hayawari ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#hayawari dl {
    margin: 0;
    border: #fff 3px solid;
    border-radius: 20px;
    overflow: hidden;
}
#hayawari dl dd, #hayawari dl dt {
    margin: 0;
    font-size: 2rem;
    padding: 10px;
    font-weight: 600;
    text-align: center;
}
#hayawari div.bar, #hayawari dl dd {
    color: #0d62b2;
    background: #fff;
}
#hayawari dl dt::after {
    content: "日前";
    font-weight: normal;
    font-size: 2rem;
}
#hayawari dl dd::after {
    content: "%引き";
    font-weight: normal;
    font-size: 2rem;
}
#hayawari div.bar, #hikaku table th.our, #hikaku table td.our {
    font-size: 3rem;
}
#hayawari div.bar, #hayawari dl dd {
    color: #0d62b2;
    background: #fff;
}
#hayawari div.bar {
    text-align: center;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.img-center {
    text-align: center;
}

#price ul{
    display: flex;
    flex-wrap: wrap;
margin: 20px 0;
	gap:10px;
}
#price li{
    border-radius: 20px;
    overflow: hidden;
border: #00a5e3 2px solid;
}
#price dt{
text-align: center;
    font-size: 2rem;
    color: #fff;
    background: #0d62b2;
    padding: 0.5em 0;
	font-weight: bold;

}
#price dd{
margin: 0;
    padding: 0 0 1em;
}
#price dd > div{
	background: #fff;
}
#price dd > div .img{
}
#price dd > div p{
padding:1em;


}
#price dd table{
margin: 0;
    border: none;
}
#price dd th,
#price dd td{
    border: none;
    padding: 0 10px;
	font-weight: bold;
}
#price dd th{
text-align: center;
}
#price dd  td.le{
    text-align: right;
}
.top-massage{
background:#0d62b2;
    text-align: center;
}
.top-massage img{
margin:15px 10px;
max-width:1000px;
}
#mini_menu {
    background: #03417a;
}
#mini_menu ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#mini_menu ul li {
    max-width: 30%;
}
#mini_menu ul li a {
    display: block;
    color: #fff;
    text-align: center;
}
#mini_menu ul li a::after {
    content: "▼";
}
#main_image_area {
    position: relative;
    text-align: center;
}
#main_image_area > div {
    position: absolute;
    bottom: 0;
    left: 0;
width:100%;
    text-align: center;
}
#flexbox_3 p {
    background: yellow;
    padding: 1em 1em 1.5em;  
    color: #0099ff;
    font-weight: 600;
    border-radius: 20px;
    text-align: center;
}
 #flexbox_3 ul {

margin: 0;
    padding: 0;
}
#flexbox_3 ul li {
    position: relative;
    padding:  1em;
    background: #0099ff;
    color: #fff;
    border-radius: 20px;
}
#image_pr_2 {
    margin: 1em auto;
    background: #b5d5ec;
    padding-bottom: 1em;
}
#image_pr_2 ol {
    margin: 1em 2em;
}
#image_pr_2 ol li {
    padding: 0.5em;
    position: relative;
    background: green;
    color: #fff;
    border-radius: 25px;
    margin-bottom: 10px;
font-size: 2rem;
    line-height: 1.8;
}
#image_pr_2 > div {
    order-radius: 20px;
    background: #fff;
    padding: 1em;
    margin: 0 1em;
    font-size: 2rem;
}
#image_pr_2 ol li span {
    padding: 4px 10px;
    background: #fff;
    color: green;
    border-radius: 50%;
    margin-right: 15px;
}
#lp-page .about-system {
    overflow: hidden;
    margin: 20px 0;
}

#lp-page .about-system div.img{
    width: 30%;
}
#lp-page .about-system div p{
    width: 70%;
}
#lp-page .about-system div p,#lp-page .about-system div.img, #lp-page .man-hukidashi p, #lp-page .man-hukidashi .img {
    padding: 10px;
} 
#lp-page .b-g {
    color: green;
    font-weight: bold;

    line-height: 2.5;
}
#lp-page span.num {
    background: green;
    color: #fff;
    font-weight: bold;
    padding: 5px 15px;
    border-radius: 23px;
    margin-right: 1em;
}
#lp-page .img img {
    width: 100%!important;
    height: auto;
    vertical-align: middle;
}

#bad_company {
    background: #cccccc;
    color: #333;
}
#bad_company dl {
    border-radius: 20px;
    border: 3px #666 solid;
    background: #fff;
    margin-bottom: 2em;
    overflow: hidden;
}
#bad_company dl dt {
    line-height: 2;
    text-align: center;
    font-size: 1.3em;
    background: linear-gradient(#ccc 0%, #6d6d6e 100%);
    font-weight: bold !important;
}
#bad_company dl dd {
    padding: 2em;
    line-height: 2;
}
@media screen and (min-width: 680px){
	#step-5 li > div {
	overflow: hidden;
	
}
	
#step-5 li > div p{
	float: left;
}
#step-5 li > div .img{
	text-align: center;
	width: 30%;
}
#step-5 li > div .text{
	width: 70%;
}
	#price dd > div{
display: flex;
}
#price dd > div .img{
	width: 50%;
	    padding: 10px 0 0 10px;
}
#price dd > div p{
	width: 50%;

}
	.contact_form .fixed-contact__contact{
		margin-left: 30%;
	}
		#comments_customer ul.flex,
	#request_flow ul.flex{
		gap:10px;
		flex-wrap: wrap;
		margin: 0;
	}
	#comments_customer ul li{
		width: 49%;
	}
	#price dd th,
#price dd td{
	font-size: 2.2rem;
	}
.top-massage ul{
display: flex;
    flex-wrap: wrap;
 justify-content: center;
    gap: 15px;
}
	#hayawari p,
.top-massage p {
    font-size: 3rem !important;
}

.top-massage .yellow {
    font-size: 5rem;
}
#genmenseido dl{
    display: table;
margin: 2em;
}
#genmenseido dt,
#genmenseido dd{
    display: table-cell;
}
#price li{
    width: 49%;
}
#hayawari ul li {
    width: 14%;
}
#price_box ul li, #flexbox_3 ul {   
    display: flex;
    flex-wrap: wrap;
 justify-content: center;
    gap: 15px;
}
#price_box ul li, #flexbox_3 ul li {
    width: 32%;
}
#hayawari div.bar, #hikaku table th.our, #hikaku table td.our {
    font-size: 3rem;
}
.contact_form .tel_box {
    font-size: 6rem;
}
	#lp-page h2,
	#comments_customer h2,
#question-box h2,
#step-5 h2{
    font-size: 4rem;
}
#step-5 li span{
    font-size: 3rem;
}
#step-5 h4{
    font-size: 3rem;
}
#step-5 p{
    font-size: 2rem;
}

#back_japan p {
    font-weight: bold;
    width: 70%;
}
#lp-page .about-system div p,#lp-page .about-system div.img, #lp-page .man-hukidashi p, #lp-page .man-hukidashi .img {
    float: left;
font-size: 2.5rem;
} 
.tel_box.sp{
display:none!important;
}
#mini_menu ul li a {
    font-size: 2.5rem;
}
	.main-body h1 span{
	    font-size: 5rem;
}
.main-body h1 img{
	max-width: 70%;
}
	#question-box dl dt::before, 
#question-box dl dd::before {
        width: 50px;
        height: 50px;
    }

#question-box .show_btn.close::after, 
#question-box .show_btn.open::after {
        width: 40px;
        height: 40px;
    }
#question-box dl {
        max-width: 80%;
    }
}

@media screen and (max-width: 679px){
#question-box dl {
        padding: 0 10px;
    }
#question-box dl dt::before, 
#question-box dl dd::before {
        width: 40px;
        height: 40px;
    }

#question-box .show_btn.close::after, 
#question-box .show_btn.open::after {
        width: 20px;
        height: 20px;
    }
	.main-body h1 span{
	    font-size: 2.5rem;
}
.main-body h1 img{
	max-width: 100%;
}
		#comments_customer ul.flex{
		display: inherit!important;
			margin: 0;
	}
	#comments_customer ul li{
		width: 100%;
	}
		#price dd th,
#price dd td{
	font-size: 1.5rem;
	}
.tel_box.pc{
display:none!important;
}
.top-massage li.even p {
    font-size: 2rem !important;
}
.top-massage li.odd p{
font-size: 2.5rem !important;
}
.top-massage  li.odd .yellow{
font-size:4rem;
}
.top-massage .small{
font-size:1rem!important;;
}
#lp-page .about-system div p,#lp-page .about-system div.img, #lp-page .man-hukidashi p, #lp-page .man-hukidashi .img {
font-size: 1.5rem;
}
	#lp-page h2,
	#comments_customer h2,
#question-box h2,
#step-5 h2{
    font-size: 2.5rem;
}
#step-5 li span{
    font-size: 2rem;
}
#step-5 h4{
    font-size: 2rem;
}
#step-5 p{
    font-size: 1.5rem;
}
#genmenseido dl{
margin: 10px;
font-size:1.5rem;
}

#genmenseido dt{
text-align: center;
font-size:1.8rem;
}
#genmenseido dt br{
display:none;
}
#genmenseido dd,
#genmenseido dd ol li{
font-size:1.5rem;
}
#hayawari ul li {
    width: 45%;
}
#image_pr_2 ol li span {
    left: 5px;
    padding: 4px 12px;
    top: 4px;
}
.contact_form .tel_box {
    font-size: 3rem;
}
#price li{
    width: 100%;
}
#price dd table {
    font-size: 1.5rem;
}
.fixed-contact__tel img {
    width: auto;
    height: 1em;
}
.fixed-contact__contact{
margin:0;
}
}