@charset "UTF-8";


/*メインイメージ
---------------------------------------------------------*/
.lp_m_img_box {
	background: url(../images/lp/kukkyoku/m_bg2.jpg) no-repeat center center;
	background-size: cover;
}
.lp_m_img_box::before {
	display: none;
}
.lp_m_img h2 {
	height: 1050px;
}

.lp_m_point {
	position: absolute;
	left: 0;
	right: 0;
	top: 580px;	/* ページ毎に位置 */
}
.lp_m_point .in_box .abs_caption {
	text-align: left;
	right: auto;
	left: 0;
}

/* 微調整 (1500px以下)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1500px) {
.lp_m_img h2 {
	height: 75vw;
}
.lp_m_point {
	top: 56%;	/* ページ毎に位置 */
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.lp_m_img h2 {
	height: 200vw;
	background: url(../images/lp/kukkyoku/m_bg_sp.jpg) repeat-y center top;
	background-size: contain;
}
.lp_m_img {
	padding-bottom: 10%;
}
.lp_m_point {
	bottom: 25% !important;
}
}



.nayami_box .img_box.tb_pc{
padding-top: 75px;
}

.lp_check {
    padding-top: 50px;
    padding-bottom: 70px;
}
.lp_check li {
    line-height: 1.2em;
    margin-bottom: 20px;
background-position : left top .1em;
}
.bg_clr{
background: #dceeff;
}

.peyronie {
	margin-top: 40px;
	margin-bottom: 40px;
}
.peyronie dl {
	border: solid 8px #ccc;
	background: #fff;
	padding: .8em 3%;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.6em;
}
.peyronie dl span {
	color: #f7931e;
}
.peyronie dt {
	font-size: 180%;
	line-height: 1.6em;
	letter-spacing: .2em;
	margin-bottom: .2em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 1200px) {
.nayami_box {
    padding: 140px 3% 0;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.nayami_box .img_box.tb_pc{
padding-top: 45px;
}
	
.peyronie {
	margin-top: 3%;
	margin-bottom: 3%;
}
.peyronie dl {
	font-size: 100%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.lp_check {
    padding-top: 0;
    padding-bottom: 0;
}

.peyronie {
	margin-top: 2%;
	margin-bottom: 6%;
}
.peyronie dl {
	border-width: 4px;
	font-size: 100%;
}
.peyronie dt {
	font-size: 180%;
	line-height: 1.4em;
	letter-spacing: .15em;
	margin-bottom: .1em;
}
}





/*box2
---------------------------------------------------------*/
.box2{
padding: 55px 0 45px;
}
.box2 .index_img{
text-align: center;
margin-bottom: 45px;
}
.box2 .bdr_dl{
border-top: 1px dashed #000000;
border-bottom: 1px dashed #000000;
padding: 45px 3%;
margin-bottom: 50px;
}
.box2 .bdr_dl dt{
font-size: 215%;
font-weight: bold;
color:#10345f;
line-height: 1.4em;
letter-spacing: .1em;
text-align: center;
margin-bottom: 35px;
}
.box2 .flex {
-webkit-justify-content: space-between;
justify-content: space-between;
}
.box2 .flex .magari_box{
width: 49%;
background: #fff;
padding: 2%;
box-sizing: border-box;
}
.box2 .flex .magari_box dt{
background: #10345f;
font-size: 155%;
font-weight: bold;
color:#fff;
line-height: 1.4em;
letter-spacing: .05em;
text-align: center;
border-radius: 50px;
padding: .3em 0;
}
.box2 .flex .magari_box .img_box{
text-align: center;
margin: 20px 0 15px;
padding-bottom: 15px;
border-bottom: 1px dashed #b3b3b3;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2{
padding: 65px 0 30px;
}
.box2 .index_img{
margin: 0 auto 30px;
width: 85%;
}
.box2 .bdr_dl{
padding: 30px 3%;
margin-bottom: 40px;
}
.box2 .bdr_dl dt{
font-size: 170%;
margin-bottom: 20px;
}
.box2 .flex .magari_box dt{
font-size: 130%;
}
.box2 .flex .magari_box .img_box img{
margin:  0 auto; 
width: 85%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2{
padding: 10% 0 5%;
}
.box2 .index_img{
margin-bottom: 5%;
}
.box2 .bdr_dl{
padding: 5% 3%;
margin-bottom: 8%;
}
.box2 .bdr_dl dt{
font-size: 130%;
letter-spacing: .05em;
margin-bottom: 5%;
}
.box2 .flex {
-webkit-flex-flow: column;
flex-flow: column;
}
.box2 .flex .magari_box{
width: 100%;
padding: 6% 3%;
margin-bottom: 5%;
}
.box2 .flex .magari_box dt{
font-size: 120%;
padding: .3em 0;
}
.box2 .flex .magari_box .img_box{
margin: 3% 0;
padding-bottom: 3%;
}
.box2 .flex .magari_box .img_box img{
margin:  0 auto; 
width: 80%;
}
}





/*box3
---------------------------------------------------------*/
.box3{
padding: 70px 0 50px;
}
.box3 .index_img{
text-align: center;
margin-bottom: 40px;
}
.box3 .txt1{
font-size: 155%;
font-weight: bold;
color:#333;
line-height: 1.4em;
letter-spacing: .05em;
text-align: center;
margin-bottom: 85px;
}
.box3 .txt2{
text-align: center;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box3{
padding: 50px 0 30px;
}
.box3 .index_img{
margin: 0 auto 40px;
width: 65%;
}
.box3 .txt1{
font-size: 130%;
margin-bottom: 50px;
}
.box3 .txt2{
width: 90%;
margin: 0 auto;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box3{
padding: 10% 0 5%;
}
.box3 .index_img{
margin-bottom: 8%;
}
.box3 .txt1{
font-size: 110%;
margin-bottom: 3%;
}
.box3 .txt2{
width: 100%;
margin: 10% auto 0;
}
}

/*flow_box
---------------------------------------------------------*/
.flow_box .flow li{
margin-top: 50px;
}

.flow_box .flex{
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
align-items: stretch;
max-width: 980px;
margin: 0 auto 55px;
}

.flow_box .flex .style1{
width: 57%;
}

.flow_box .flex .img_box{
width: 41%;
}

.flow_box .style1 dt{
font-size: 185%;
font-weight: bold;
color: #2e3192;
line-height: 1.4em;
letter-spacing: 0;
padding-bottom: .2em;
border-bottom: 1px solid #000000;
padding-left: 80px;
background: url(../images/lp/pipecut/no01.svg)no-repeat left top;
background-size: 60px 45px;
margin-bottom: 20px;
padding-top: .2em;
}
.flow_box li:nth-child(2) .style1 dt{
background: url(../images/lp/pipecut/no02.svg)no-repeat left top;
background-size: 60px 45px;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.flow_box .flex {
    margin: 0 auto 40px;
}
.flow_box .flow li{
margin-top: 25px;
}
.flow_box .style1 dt{
font-size: 160%;
padding-bottom: .4em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.flow_box .flow li{
margin-top: 8%;
}
.flow_box .flex {
    margin: 0 auto 5%;
}
.flow_box .flex{
-webkit-align-items: baseline;
align-items: baseline;
-webkit-flex-flow: column;
flex-flow: column;
}

.flow_box .flex .style1{
width: 100%;
}

.flow_box .flex .img_box{
width: 80%;
text-align: center;
margin: 3% auto 0;
}

.flow_box .style1 dt{
font-size: 135%;
padding-left: 55px;
background-size: 45px 30px;
margin-bottom: 5%;
}
.flow_box li:nth-child(2) .style1 dt{
background-size: 45px 30px;
}
}






/*LP共通
---------------------------------------------------------*/
.lp_opebg::before {
	display: none;
}
.lp_price_box th,
.lp_price_box td{
	width: 33.3333%;
}
.lp_price_box table th span {
	display: block;
    font-size: 85%;
    line-height: 1.6em;
	color: #333;
	letter-spacing: 0;
	font-weight: normal;
}