@charset "UTF-8";


/* ======================================================

   common-Setting

========================================================= */
html {}
*,
*:before,
*:after {
  box-sizing: border-box;
}
body {
  color: #333;
  -webkit-text-size-adjust: 100%;
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
  font-weight: 400;
  letter-spacing: 0.2em;
}
h1,h2,h3,h4,h5,h6,
input,button,textarea,select,
p,blockquote,
table,th,td,pre,address,
ul,ol,li,dl,dt,dd {
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  line-height: 2;
}
li { list-style: none; }
th,td { vertical-align: middle; }
select { visibility: visible !important; }

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

a {
  color: #9a8c17;
  text-decoration: none;
}
a:hover {
  color: #c4b008;
  text-decoration: underline;
}


.common_block {
    width: 90%;
    margin: 0 auto;
    max-width: 1280px;
}
.common_block02 {
    width: 90%;
    margin: 0 auto;
    max-width: 1000px;
}

.mincho {
    font-family: "Noto Serif JP", serif;
}




.pc_area { display: none; }
.sp_area { display: block; }

.wrapper {
  overflow-x: hidden;
  position: relative;
}
.lp_sp_block {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}

.mb_t {
	margin-bottom: 30px;
}
.mb_s {
	margin-bottom: 50px;
}

.mb20 { margin-bottom: 20px;}


.cv_block {
    width: 100%;
    max-width: 1180px;
    margin: -30px auto 0;
    background: #152535;
    box-sizing: border-box;
    padding: 13px;
}
.cv_block .cv_inner {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #505c68;
    padding-bottom: 20px;
}
.cv_block .cv_inner .cv_btn {
    width: 100%;
    max-width: 1034px;
    margin: 0 auto;
}

.cv_block .cv_inner p {
    font-family: "Noto Serif JP", serif;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
	line-height: 1.4;
}

.lp_risk_block {
    width: 100%;
    background: url("../images/lp/newronn/lp_bg01.jpg") no-repeat center top;
    background-size: cover;
	padding-top: 30px;
}



.four_treatments {}

.four_treatments .text_block {
	margin-bottom: 30px;
}
.four_treatments .text_block .ttl_block {
    padding-top: 40px;
    border-bottom: 1px solid #b1b1b1;
    margin-bottom: 15px;
}
.four_treatments .text_block p {
    font-size: 16px;
	line-height: 1.6;
}

.four_treatments .image_block {
    width: 100%;
}
.four_treatments .image_block .url_text {
    margin: 10px 0 10px;
	font-size: 12px;
}
.four_treatments .image_block p.text01 {
    text-align: center;
    font-weight: 500;
    line-height: 1.4;
	font-size: 18px;
}


.echo_outer {
    background: url("../images/lp/newronn/lp_echo_bg.jpg") no-repeat center top;
    background-size: cover;
    position: relative;
    padding-bottom: 30px;
    padding-top: 50px;
}
.echo_outer .doctor_img {
    width: 50%;
    max-width: 478px;
    position: absolute;
	top: 10px;
	right: -12%;
}
.echo_outer .echo_inner {
    width: 90%;
    max-width: 1140px;
    margin: 0 auto;
}

.echo_outer .echo_inner .text_block {
	box-sizing: border-box;
	padding-right: 30%;
    position: relative;
    z-index: 99;
	margin-bottom: 20px;
}


.echo_outer .echo_inner .text_block .ttl_block {
	border-bottom: 1px solid #b1b1b1;
    margin-bottom: 15px;
}
.echo_outer .echo_inner .text_block p {
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0.075em;
}
.echo_outer .echo_inner .movie_block {
    width: 100%;
	position: relative;
	z-index: 9;
}
.echo_outer .echo_inner .movie_block .echo_movie {
    margin-bottom: 10px;
}
.echo_outer .echo_inner .movie_block p {
    color: #fff;
    text-align: center;
    font-size: 22px;
}


.cv_block02_outer {
	width: 100%;
	background: url("../images/lp/newronn/sp/cv_bg.jpg") no-repeat center top;
	background-size: cover;
	padding: 30px 0 0 0;
}
.cv_block02_outer .common_block02 p {
	text-align: center;
	font-size: 16px;
	line-height: 1.6;
	color: #fff;
}

.support_block_outer {
	width: 100%;
	background: url("../images/lp/newronn/support_bg.jpg") no-repeat center top;
	background-size: cover;
	padding: 50px 0;
}
.support_block_outer .ttl_block p {
	text-align: center;
	line-height: 1.4;
}
.support_block_outer .ttl_block p.ttl_text {
	font-size: 34px;
	font-weight: 700;
	font-family: "Noto Serif JP", serif;
	margin-bottom: 10px;
	line-height: 1.3;
}
.support_block {
	display: flex;
	flex-direction: column;
	padding-top: 40px;
}
.support_block .block {
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	padding: 20px 15px;
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.15);
}

.support_block .block:first-child { margin-bottom: 40px;}

.support_block .block .thum_img {
	width: 100%;
	margin: -30px auto 15px;
}
.support_block .block .thum_img img {
	width: 100%;
	height: 130px;
	object-fit: cover;
	object-position: center top;
}
.support_block .block .ttl {
	font-family: "Noto Serif JP", serif;
	line-height: 1.4;
	text-align: center;
	font-size: 23px;
	font-weight: 700;
	margin-bottom: 15px;
}
.support_block .block .ttl span {
	display: block;
	color: #b29b68;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.05em;
	font-family: din-2014, sans-serif;
}
.support_block .block p {
	text-align: center;
}
.support_block .block ul { margin-top: 20px;}
.support_block .block p,
.support_block .block ul li{
	font-size: 13px;
	line-height: 1.4;
	font-weight: 500;
}

footer {
	padding: 10px 0;
	background: #000;
}
footer p {
	font-size: 14px;
	color: #fff;
	padding: 10px 0 5px;
	text-align: center;
	margin: 0;
	letter-spacing: 0.5px;
}
footer p a {
	color: #fff;
	text-decoration: underline;
	margin-bottom: 10px;
}
footer p a:hover {
	text-decoration: none;
	color: #fff;
}

@media screen and (min-width: 1025px) {

	.pc_area { display: block; }
	.sp_area { display: none; }

	
	.mb_t {
		margin-bottom: 60px;
	}
	.mb_s {
		margin-bottom: 100px;
	}

	
	
    
    .cv_block .cv_inner p {
        font-size: 20px;
    }
  
    .lp_risk_block {
        padding: 140px 0 90px 0;
    }
    .lp_risk_block .risk_list {
        width: 100%;
        max-width: 1280px;
        display: flex;
        justify-content: space-between;
        margin: 0 auto 50px;
    }
    
    
    
    
    .four_treatments {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        margin-bottom: 80px;
    }
    .four_treatments .text_block {
        width: 40%;
        box-sizing: border-box;
        padding-right: 6px;
    }
    .four_treatments .text_block p {
        font-size: 23px;
        line-height: 1.5;
    }
    
    
    .four_treatments .image_block {
        width: 52%;
        box-sizing: border-box;
        padding-left: 50px;
    
    }
	.four_treatments .image_block .url_text { font-size: 16px;}
    .four_treatments .image_block p.text01 { font-size: 23px;}
    
    
    
	.echo_outer {
		padding-bottom: 50px;
		padding-top: 90px;
	}
    .echo_outer .echo_inner {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        align-items: flex-end;
}
	.echo_outer .doctor_img {
		width: 25%;
		max-width: 478px;
		position: absolute;
		top: auto;
		bottom: 0;
		right: 10%;
	}
    .echo_outer .echo_inner .text_block {
        width: 50%;
        padding-bottom: 40px;
		padding-right: 0;
    }
	.echo_outer .echo_inner .text_block p {
    font-size: 23px;
    line-height: 1.5;
    letter-spacing: 0.075em;
	}
    
	.echo_outer .echo_inner .movie_block {
		width: 45.6%;
	}
	.echo_outer .echo_inner .movie_block .echo_movie {
		margin-bottom: 10px;
	}
	
	.cv_block02_outer {
		background: url("../images/lp/newronn/cv_bg.jpg") no-repeat center top;
		background-size: cover;
		padding: 70px 0 70px 0;
	}
	.cv_block02_outer .common_block02 p {
		font-size: 20px;
	}
	

	.support_block_outer {
		padding: 80px 0 100px;
	}
	.support_block_outer .ttl_block p {
		font-size: 30px;
	}
	.support_block_outer .ttl_block p.ttl_text {
		font-size: 68px;
		margin-bottom: 10px;
	}
	.support_block {
		flex-direction:row;
		justify-content: space-between;
		padding-top: 140px;
	}
	.support_block .block {
		width: 48%;
		padding:0 30px 30px;
	}

	.support_block .block:first-child { margin-bottom: 0;}

	.support_block .block .thum_img {
	margin: -60px auto 30px;
	}
	.support_block .block .thum_img img {
		height: 250px;
	}
	
	.support_block .block .ttl {
		font-size: 36px;
		letter-spacing: 0.05em;
		margin-bottom: 20px;
	}
	.support_block .block .ttl span { font-size: 18px;}
.support_block .block ul { margin-top: 20px;}
.support_block .block p,
.support_block .block ul li{
	font-size: 18px;
	line-height: 1.4;
}
    
}

.echo_movie {
	position: relative;
	padding-top: 56.25%; /* 16:9 アスペクト比 */
	height: 0;
}

.echo_movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}