@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
html {
	line-height: 1.4;
    scroll-behavior: smooth;
}

a {
color:#F00;
text-decoration:underline;
}


body {
font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-style: normal;
	background-color: #ffffff;
	color:#333333;
	min-width:800px;
	line-height: 2;

}

@media screen and (max-width: 760px) {
body {
	min-width:100%;
	font-size: 16px;
	line-height: 1.8;
}

.max_w{width: 100%;}
.max_w90{width: 90%;}
.max_w95{width: 95%;}
.max_w50{width: 50%;}
}


img {
	vertical-align: bottom;
}
.pc {
	display: block;
}
.sp {
	display: none;
}


.wrapper {
	padding:0;
	margin: 5rem auto  0px auto ;
	width:760px;
	text-align: center;
	min-width:760px;
}

.wrapper img{max-width:100%;}

p{
  font-size: 20px;
  line-height: 1.8;
}

@media screen and (max-width: 760px) {
.pc {
	display: none;
}
.sp{
	display: block;
}

.wrapper {
	padding:0;
	margin: 0px auto;
	width: 100%;
	text-align: center;
	min-width:100%;
}



}

h2{
font-weight:700;
border-left: 20px solid #004d7f;
font-size: 40px;
margin: 0 auto;
padding: 0 0 0 30px;
color: #004d7f;
text-align: left;
line-height: 1.2;
}

h3{}

p{text-align:justify;}


.txt_yl{color: #f6e418;}

@media screen and (max-width: 760px) {
h2{
border-left: 10px solid #004d7f;
font-size: 20px;
margin: 0 auto;
padding: 0 0 0 20px;

}
h3{}

p{text-align:justify;}
}
img{
margin: 0 auto;
}
.top{
margin:-9rem auto -0.3rem auto;
padding:0;
position: relative;
}
.top h1{}
.top .monitor {
    position: absolute;
    top: -1.5%;
    right: 5%;
    width: min(35%, 430px);
}

@media screen and (max-width: 760px) {
.top{
width: 100%;
text-align: center;
margin:0 auto ;
padding: 0 0;
height: auto;
}
.top h1{
margin: 0 auto;
padding:0;
}

}

/* ############  CTV*/

.order{
background-color: #032f54;
padding: 0 0 50px 0;
}

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

.order_box img{
padding: 0 0 40px 0;
}

.order_box p{
color: #ffffff;
text-align: center;
}

@media screen and (max-width: 760px) {
.order{
background-color: #032f54;
padding: 0 0 20px 0;
}

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

.order_box img{
padding: 0 0 20px 0;
}

.order_box p{
color: #ffffff;
text-align: center;
}
}

/* ############  共通*/

.row{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 90%;
margin: 0 auto;
}
.col{
width: 48%;
margin: 0 4% 5% 0;
}

.col:nth-child(2n){margin: 0 0 5% 0;}


.col_03{
width:30%;
margin: 0 5% 5% 0;
}
.col_03:nth-child(3n){margin: 0 0 5% 0;}



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

.col{
width: 100%;
margin: 0 0 5% 0;
}
.col:nth-child(2n){margin: 0 0 5% 0;}

.col_03{
width:43%;
margin: 0 4% 5% 0;
}
.col_03:nth-child(3n){margin: 0 4% 5% 0;}
.col_03:nth-child(2n){margin: 0 0 5% 0;}
}




/* ############  そのこだわりを形に*/

.contents_001{
margin:0 auto;
padding: 0 0;

background: url("../img/contents_001_bg.png") bottom center no-repeat #f0f0f0;
background-size: 100%;
}


.contents_001_box{
background-color: #ffffff;
border-radius: 0 0 14px 14px;
border: 5px solid #032f54;
padding: 20px;
margin: 0 auto;
}

.contents_001_box img {
height: auto;
width: calc(100% - 10px);
border-right: 10px solid #ffffff;
}

@media screen and (max-width: 760px) {
.contents_001{
margin:0 auto;
padding: 0 0;
background: url("") bottom center no-repeat #f0f0f0;
background-size: 100%;
}


.contents_001_box{
background-color: #ffffff;
border-radius: 0 0 14px 14px;
border: 4px solid #032f54;
padding: 20px;
margin: 0 auto;
}

.col_spno{margin: 0 auto 2%;}

}


/* ############  そのこだわりを形に*/
.contents_002{
margin:0 auto;
padding: 0 0;
background-color: #f0f0f0;
}

.contents_002_box{
margin:0 auto;
padding: 50px 0;
width: 90%;
}

.contents_002_box p{
text-align: center;
}

.contents_002_box .row{
margin: 40px auto;
}

.contents_002_box .txt_s{
font-size: 80%;
}

.contents_002_box .txt_big{
padding: 40px 0;
font-size: 120%;
}

.contents_002_box h3{
color: #ffffff;
font-size: 130%;
background-color: #032f54;
border-radius: 50px;
font-weight: 600;
padding: 10px 0;
}

.contents_002_box h4{
color: #b90924;
font-weight: 900;
font-size: 120%;
padding: 10px 0 0 0;
}

@media screen and (max-width: 760px) {
.contents_002{}
.contents_002_box{padding: 20px 0;}
.contents_002_box p{}
.contents_002_box .row{margin: 20px auto;}

.contents_002_box .txt_s{font-size: 80%;}
.contents_002_box .txt_big{
padding: 20px 0;
font-size: 120%;
}

.contents_002 .row{
width: 100%;
justify-content: center;
}

.contents_002_box h3{line-height: 1.4;}

.contents_002_box h4{
font-size: 110%;
}


}

/* ############  安心のサポート体制*/
.contents_003{
margin:0 auto;
padding: 0 0;
background-color: #f0f0f0;
}

.contents_003_box{
margin:0 auto;
padding: 50px 0;
width: 90%;
}


.contents_003_box p{
text-align: center;
padding: 40px 0;
}

.contents_003 dl{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 auto 0;
}

.contents_003 dt{
width: 30%;
margin: 0 auto 50px;
}
.contents_003 dd{
width: 70%;
}

.dd_txt{
width:85%;
margin: 0 auto;
}

.dd_txt p{
padding: 10px 0 0 0;
}

@media screen and (max-width: 760px) {
.contents_003{}
.contents_003_box{padding: 20px 0 0 0;}
.contents_003_box p{
text-align: center;
padding: 20px 0 0 0;
}
.contents_003 dl{padding: 0 0 20px 0;}
.contents_003 dt{
width: 40%;
margin: 20px auto 0;
}
.contents_003 dd{
width:60%;
margin: 20px auto 0;
}
.dd_txt{}
.dd_txt p{
padding: 10px 0 0 0;
font-size: 14px;
}

}

/* ############  エーツー治療費一覧*/
.contents_004{
margin:0 auto;
padding:0 0;
background-color: #032f54;
}
.contents_004_box{
margin:0 auto;
padding: 50px 0;
width: 90%;
}


.fee_box{
margin:20px auto 20px;
border: 1px solid #ffffff;
}

.fee_box h3{
color: #f6e418;
font-size: 36px;
font-weight: 900;
padding: 0 10px 0 20px;
text-align: left;
}

.fee_txt{
background-color: #ffffff;
margin: 0 auto;
padding: 20px 0 20px 0;
}

.fee_txt dl{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 95%;
margin: 0 auto 10px;
font-size: 110%;
}

.fee_txt dt{
background-color: #032f54;
color: #ffffff;
width: 55%;
padding: 5px 0;
}

.fee_txt dd{
border-bottom:2px solid #032f54;
width: 45%;
text-align: right;
}

.fee{
color: #ffffff;
font-size: 14px;
}


.accordion-001 {
    max-width: 100%;
    background-color: #032f54;
    margin: 0 auto;
    padding:0;
}

.accordion-001:not([open]) {}

.accordion-001 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background-color:#032f54;
    color: #fff;
    cursor: pointer;
	
}

.accordion-001 summary::-webkit-details-marker {display: none;}
.accordion-001 summary::after {
    content: '+';
    font-size:30px;
    font-weight:900;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 20px 0 0;
    color: #000000;
    background-color: #f6e418;
    border-radius: 50%; /* 丸い背景を作成 */
    transition: transform .3s, content .3s, background-color .3s;
	line-height: 1;
}
.accordion-001[open] summary::after {content: '×';}
.accordion-001 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0 auto;
    padding:0 0 0 0;
    background-color: #ffffff;
    transition: transform .5s, opacity .5s;
	width: 95%;
}

.accordion-001[open] p {
    transform: none;
    opacity: 1;
}


.fee_txt_02{
background-color: #ffffff;
margin: 40px auto 0;
padding:40px 40px;
}

.fee_txt_02 img{
padding: 0 0 20px 0;
}

.fee_txt_02 p{
padding: 20px 0 20px 0;
}

@media screen and (max-width: 760px) {
.contents_004{}
.contents_004_box{padding: 20px 0;}
.fee_box{
margin:10px auto 10px;
border: 1px solid #ffffff;
}

.fee_box h3{font-size: 24px;padding: 5px 10px;}

.fee_txt{
background-color: #ffffff;
margin: 0 auto;
padding: 20px 0 5px 0;
}

.fee_txt dl{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 95%;
margin: 0 auto 10px;
font-size: 110%;
}

.fee_txt dt{
background-color: #032f54;
color: #ffffff;
width: 100%;
padding: 5px 0;
}

.fee_txt dd{
border-bottom:0 solid #032f54;
width: 100%;
text-align: center;
}

.fee{
color: #ffffff;
font-size: 12px;
padding: 10px 0;
}


.accordion-001 {
    max-width: 100%;
    background-color: #032f54;
    margin: 0 auto;
    padding:0;
}

.accordion-001:not([open]) {}

.accordion-001 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background-color:#032f54;
    color: #fff;
    cursor: pointer;
}

.accordion-001 summary::-webkit-details-marker {display: none;}
.accordion-001 summary::after {
    content: '＋';
    font-size:24px;
    font-weight:900;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 10px 0 0;
    color: #000000;
    background-color: #f6e418;
    border-radius: 50%; /* 丸い背景を作成 */
    transition: transform .3s, content .3s, background-color .3s;
	line-height: 1;
}
.accordion-001[open] summary::after {content: '×';}
.accordion-001 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0 auto;
    padding:0 0 0 0;
    background-color: #ffffff;
    transition: transform .5s, opacity .5s;
	width: 95%;
}

.accordion-001[open] p {
    transform: none;
    opacity: 1;
}


.fee_txt_02{
background-color: #ffffff;
margin: 20px auto 0;
padding:20px 20px;
}

.fee_txt_02 img{
padding: 0 0 10px 0;
}

.fee_txt_02 p{
padding: 10px 0 10px 0;
}

}

/* ############  男性特有のお悩みを抱える患者様*/
.contents_005{
margin:0 auto;
padding:0 0;
background-color: #f0f0f0;
}
.contents_005_box{
margin:0 auto;
padding: 50px 0 20px 0;
width: 90%;
}
.contents_005_box h4{
margin:0 auto;
font-size: 1.3rem;
line-height: 2rem;
color: #10589e;	
}

.v_box_flex{display: flex;}

.v_box{
display:flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 40px;
background-color: #ffffff;
border-radius: 5px;
margin: 50px 10px;
height: 47vh;
}

.v_box_img{
width: 20%;
text-align: left;
}

.v_box_img img{
width: 80%;
}


.v_box_txt{
width: 90%;
background-color: #fff;
margin: 0px auto;
padding: 0px 0 80px 0;
	
}
.v_box_txt h5{
font-size: 3rem;
color: #FFE500;	
margin: -1.25rem auto 0rem auto;

}
.v_box_txt p{
font-size: 1.1rem;
line-height: 1.5rem;	
font-weight: 500;	
}
@media screen and (max-width: 760px) {
.contents_005{}
.contents_005_box{
margin:0 auto;
padding: 20px 0 20px 0;
width: 90%;
}

.v_box{
display:flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start; /* 要素を上揃え */
padding: 20px;
background-color: #ffffff;
border-radius: 5px;
margin: 20px 10px;
height:100%;
}

.v_box_img{
width:100%;
text-align: center;
}

.v_box_img img{
width: 30%;
text-align: center;
margin: 20px auto;
}

.v_box_txt{
width:100%;
height:38vh;
}
.v_box_txt h5{
font-size: 2rem;
color: #FFE500;	
}
.v_box_txt p{
font-size: 1.1rem;
}

.slick-prev {
    left: 10px;
}
.slick-next {
    right: 10px;
}
}

/* ############  流れ*/
.contents_006{
margin:0 auto;
padding:0 0;
background-color: #f0f0f0;
}
.contents_006_box{
margin:0 auto;
padding: 50px 0 20px 0;
width: 90%;
}

.contents_006_title{
background-color:#032f54;
padding: 10px 20px;
}

.contents_006_title dl{
display: flex;
flex-wrap: wrap;
justify-content:flex-start;
}

.contents_006_title dt{
width:20%;
background-color:#f6e418;
color: #032f54;
border-radius: 14px;
font-size: 30px;
font-weight:700;
line-height: 1.4;
}
.contents_006_title dd{
width:77%;
color: #ffffff;
text-align: left;
padding: 0 0 0 3%;
font-size: 30px;
font-weight:700;
line-height: 1.4;
}


.contents_006_txt{
background-color:#ffffff;
padding: 20px 20px;
margin: 0 auto 40px;
}

.contents_006_txt dl{
display: flex;
flex-wrap: wrap;
justify-content:flex-start;
margin: 0 auto;
}

.contents_006_txt dt{
width:30%;

}
.contents_006_txt dd{
width:65%;
padding: 0 5% 0 0;
}

@media screen and (max-width: 760px) {
.contents_006{}
.contents_006_box{
margin:0 auto;
padding: 20px 0 20px 0;
width: 90%;
}

.contents_006_title{
background-color:#032f54;
padding: 10px 20px;
}

.contents_006_title dl{
display: flex;
flex-wrap: wrap;
justify-content:flex-start;
}

.contents_006_title dt{
width:100%;
background-color:#f6e418;
color: #032f54;
border-radius: 14px;
font-size: 20px;
font-weight:700;
line-height: 1.4;
margin: 0 auto 10px;
padding: 5px 0;
}
.contents_006_title dd{
width:100%;
color: #ffffff;
padding: 0;
font-size:20px;
font-weight:700;
line-height: 1.4;
text-align: center;
}


.contents_006_txt{
background-color:#ffffff;
padding:20px 20px;
margin: 0 auto 20px;
}

.contents_006_txt dl{
display: flex;
flex-wrap: wrap;
justify-content:flex-start;
margin: 0 auto;
}

.contents_006_txt dt{
width:100%;

}
.contents_006_txt dd{
width:100%;
padding:0 0 10px 0;
}


}

/* ############  よくある質問*/
.contents_007 {
    margin: 0 auto;
    padding: 0 0;
    background-color: #032f54;
}

.contents_007_box {
    margin: 0 auto;
    padding: 50px 0;
    width: 90%;
}

.accordion-005 {
    max-width: 100%;
	background-color: #ffffff;
	margin: 20px auto 20px;
	border-radius: 14px;
}

.accordion-005:not([open]) {
    margin-bottom: 7px;
}

.accordion-005 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding:10px 10px 10px 10px;
    color: #032f54;
    font-weight: 600;
    cursor: pointer;
}

.accordion-005 summary::-webkit-details-marker {
    display: none;
}

.accordion-005 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 15px;
    height: 15px;
    margin-right: 20px;
    border-bottom: 5px solid #032f54;
    border-right: 5px solid #032f54;
    content: '';
    transition: transform .3s;
}

.accordion-005[open] summary::after {
    transform: rotate(225deg);
}

.accordion-005 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-005[open] p {
    transform: none;
    opacity: 1;
}

.accordion-005 dl{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	align-items: center;
    margin: 0 auto;
	width: 100%;
}

.accordion-005 dt{width: 10%;}
.accordion-005 dd{width: 87%;text-align: left;line-height: 1.6;padding: 0 0 0 3%;}

@media screen and (max-width: 760px) {
.contents_007 {}

.contents_007_box {
    margin: 0 auto;
    padding: 20px 0;
    width: 90%;
}

.accordion-005 {
    max-width: 100%;
	background-color: #ffffff;
	margin: 10px auto 10px;
	border-radius: 14px;
}

.accordion-005:not([open]) {}

.accordion-005 summary {display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding:10px 10px 10px 10px;
    color: #032f54;
    font-weight: 600;
	font-size: 1rem;
    cursor: pointer;
}

.accordion-005 summary::-webkit-details-marker {
    display: none;
}

.accordion-005 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border-bottom: 3px solid #032f54;
    border-right: 3px solid #032f54;
    content: '';
    transition: transform .3s;
}

.accordion-005[open] summary::after {
    transform: rotate(225deg);
}

.accordion-005 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding:10px;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-005[open] p {
    transform: none;
    opacity: 1;
}

.accordion-005 dl{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	align-items: center;
    margin: 0 auto;
	width: 100%;
}

.accordion-005 dt{width: 10%;}
.accordion-005 dd{width: 87%;text-align: left;line-height: 1.6;padding: 0 0 0 3%;}
}

.accordion-005_a{
padding: 10px 30px 10px 10px;
font-size: 1rem;
text-align: justify;
}


/* ############  クリニック一覧*/
.contents_008 {
    margin: 0 auto;
    padding: 0 0;
    background-color: #f0f0f0;
}

.contents_008_box {
    margin: 0 auto;
    padding: 50px 0;
    width: 90%;
}

.contents_008_box p{
padding: 10px 0;
font-size: 80%;
}

.contents_008_box .row{
width: 100%;
}


.col h3{
background-color:#032f54;
color: #ffffff;
font-size: 140%;
font-weight: 900;
text-align: center;
}


.col h4{
background-color:#f6e418;
color:#032f54;
font-size: 110%;
font-weight: 900;
text-align:left;
width: 46%;
padding: 0 2%;
}

@media screen and (max-width: 760px) {
.contents_008 {}

.contents_008_box {
    margin: 0 auto;
    padding: 20px 0;
    width: 90%;
}

.contents_008_box p{
padding: 10px 0;
font-size: 90%;
}

.contents_008_box .row{
width: 100%;
}


.col h3{
background-color:#032f54;
color: #ffffff;
font-size: 140%;
font-weight: 900;
text-align: center;
}


.col h4{
background-color:#f6e418;
color:#032f54;
font-size: 110%;
font-weight: 900;
text-align:center;
width:100%;
padding:0;
}

}

/* Google Mapを囲う要素 */
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
  margin: 20px auto;
}
 
/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}








.line_btm a{
width: 80%;
height:auto;
border-radius: 5px;
background-color: #06c755;
display: flex;
justify-content: center;
align-items: center;
margin: 10px auto 40px;
box-shadow: 0px 0 0 0 gray;
font-size: 24px;
font-weight: bold;
color: #ffffff;
padding: 10px 0;
text-decoration:none;
}

.line_btm i{
color: #ffffff;
font-size: 40px;
padding: 0 10px 0 0;
}






a:hover{ 
	opacity:0.7;
	transition:0.3s;
}
html {
  scroll-behavior: smooth;
}

.link_a {
display: block;
color: #ffffff;
font-size:28px;
font-weight: 700;
  background-image: linear-gradient(0deg, rgba(247, 93, 139, 1), rgba(255, 168, 0, 1));
width: 88%;
margin: 10px auto 0;
border-radius:50px;
border: 5px solid #ffffff;
padding: 10px 0;
  text-decoration: none;
}.form-btn  {
background-color: #ff6464;	
border-radius: 10px;
margin: 1rem;
padding: 1rem;
color: 	#fff;
text-align: center;
font-size: 2.5rem;	
border: solid 5px #FF4646;
}

.form-btn h3 {
margin: 1rem;
padding: 1rem;
color: 	#fff;
text-align: center;
font-size: 2.5rem;	
}
.form-btn a {
color: 	#fff;
margin: 1rem;
padding: 1rem;
text-align: center;
font-size: 2.5rem;	
}
.form-btn h5 {
margin: 1rem;
padding: 1rem;
color: 	#fff;
text-align: center;
font-size: 1.1rem;
line-height: 1.5rem;	
}
.risk{
background-color: #FFE500;	
}
.risk h3{
text-align: center;
padding: 2rem 1rem 1rem 1rem;	
font-size: 2rem;
line-height: 1.5rem;	
}
.risk p{
text-align: center;
padding: 1rem 1rem 2rem 1rem;	
font-size: 1rem;
line-height: 1.75rem;	
}
@media only screen and (min-width : 759px ){
.contents-pri{
width: 760px;
margin: 10rem auto;
}

.mainimg{
margin: -10rem auto 2rem auto;
max-width: 760px;
height: auto;
text-align: center;	
}
.catch  h1{
font-size: 2.5rem;
margin: 0rem auto 3rem auto;
}	
.catch h3{
margin: 1rem auto;
text-align: center;	
}
.catch p{
margin: 0rem auto 2rem auto;
text-align: left;	
font-size: 1rem;
font-weight: 500;	
}
.catch a{
margin: 1rem auto 2rem auto;
padding: 1rem 0rem 1rem 0rem;	
text-align: left;	
font-size: 1rem;
font-weight: 500;
color: #00589e;
text-decoration: none;	
}
}
@media only screen and (max-width :768px ){
.mainimg{
margin: -10rem auto 2rem auto;
max-width: 96%;
height: auto;
text-align: center;	
}	
.contents-pri{
width: 96%;
margin: 8rem auto;
}
.catch  h1{
font-size: 2rem;
margin: 0rem auto 3rem auto;
}
.catch h3{
margin: 1rem auto;
text-align: center;	
}
.catch p{
margin: 0rem auto 2rem auto;
text-align: left;	
font-size: 1rem;
font-weight: 500;	
}
.catch a{
margin: 1rem auto 2rem auto;
padding: 1rem 0rem 1rem 0rem;	
text-align: left;	
font-size: 1rem;
font-weight: 500;
color: #00589e;
text-decoration: none;	
}
}