@charset "UTF-8";
@media only screen and (min-width : 768px ){
/* PC時に表示 */
.pc { display: block !important; }
.sp { display: none !important; }
.wf-notosansjapanese { font-family: "Noto Sans JP"; }

.treatment_price-std{
background: #fff;
margin-bottom: 5px;
padding: 0.5rem 0.5rem 0.5rem 0.5rem;
border-radius: 10px;
color: #0D5284;
font-size: 1.2rem;
line-height: 1.8rem;
font-weight: bold;	
}		
.contents-std {
max-width: 1200px;	
text-align: center;
margin: 0em auto 0rem auto;
}	
.contents-std p{	
font-size: 1rem;
line-height: 1.5rem;
margin: 0rem auto 2rem auto;
padding: 0rem 0.3rem 0rem 0.3rem;
text-align: center;
text-align: justify;
color: #333;	
}	
.small-li{
font-size: 70%;
color: #555;
vertical-align: 1.5px;	
}
.pink{
color: #C74B64;
font-weight: 600;	
}			
.contents-std h3 {
color: #333;	
text-align: center;
font-weight: bold;
line-height: 2.5rem;
font-size: 1.5rem;
margin: 0em auto 0rem auto;
}		
.center{
text-align: center;
margin: 3rem auto 5rem auto;
}	
/*症状ボタン--------*/
.std-flex{
max-width: 1200px;	
flex-wrap: wrap; /* 画面幅に合わせてカラム落ちさせる */
display: flex;
justify-content: space-between;
align-items: top;
margin: 3rem auto;
}	
/* 最後のコンテンツを左寄せにする指定 */
.std-flex:after {
content: "";
display: block;
width: 24%;  /* .boxに指定したwidthと同じ幅を指定する */
height: 0;
}
.std-efect{
text-align: center;	
width: 30%;	
height: auto;	
margin: 0rem auto  1.5rem auto;
padding: 0rem 0rem 0rem 0rem;	
border:solid 2px #0D5284;
border-radius: 	6px;
background-color: rgba(0,153,255,0.05);
}	
	
.std-efect p {
text-align: center;	
text-decoration: none;	
color:#0D5284;	
font-weight: 600;
margin: 0rem auto  0rem auto;
padding: 0.5rem 0rem 0.5rem 0rem;
font-size: 1.3rem;
line-height: 1.75rem;
}
.std-efect a {
color:#0D5284;	
}


/*---支払方法-----------------*/
.pay{
margin: 0rem auto 5rem auto;
	
}
.contents-std .obi1{
padding: 0rem;
margin: 0rem auto 0rem auto;
background-color: #0D5284; 
color: #fefef6;
max-width: 1200px;
}
.contents-std .obi1 h3{
color: #fefef6;	
text-align: center;
padding: 0.5rem 0rem 0.5rem 0rem;	
margin: 0rem auto 1rem auto;
line-height: 2rem;
font-size: 1.5rem;
font-weight: bold;
letter-spacing: 0.1rem;
}
.obi1-risk{
padding: 0rem;
margin: 5rem auto 1rem auto;
background-color: #f6c23b; 
color: #fefef6;
max-width: 1200px;	
}		
.obi-g{
padding: 0rem;
margin: 0rem auto 0rem auto;
background-color: rgba(35, 129, 144,1);
height: auto;	
}
.obi-g p{
text-align: center;	
padding: 0rem;
margin: 0rem auto 0rem auto;
background-color: rgba(35, 129, 144,1);
height: auto;	
}	
.obi-g h3{
color: #fefef6;	
text-align: center;
padding: 0.25rem 0rem 0.25rem 0rem;	
margin: 0rem auto 1rem auto;
line-height: 2.5rem;
font-size: 1.5rem;
font-weight: bold;
letter-spacing: 0.1rem;
}
/*ブライダルチェック*/	
.b-c p{
text-align: center;
}

hr{
margin: 2rem auto 2rem auto;
}
/*-----flex-2----*/
.flex-2{
display: flex;	
flex-shrink: 0;	
margin: 2rem auto 2rem auto;
max-width: 1200px;	
}
.flex-2 p{	
font-size: 1rem;
line-height: 1.5rem;
margin: 0rem auto 2rem auto;
padding: 0rem 0.5rem 0rem 0.5rem;
text-align: center;
text-align: justify;
color: #333;	
}		
.flex-2 h4{
font-size: 1.2rem;	
line-height: 1.5rem;	
color: #333;
text-align: left;
text-align: justify;
margin: 0rem auto 0.5rem auto;
padding: 0rem 0.5rem 0rem 0.25rem;
}	
.flex-2 h5{
width: 94%;	
color: #0D5284;
font-size: 110%;
line-height: 2rem;	
text-align: center;
margin: 0rem auto 1rem auto;
padding: 1rem 0 0.5rem 0;	
font-weight: 600;	
}		
			
.flex-2 li{
color: #333;	
text-align: left;
text-align: justify;
list-style: none;	
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 1.5rem 0rem 1.5rem;	
text-indent: -1rem;
font-size: 1rem;
line-height: 2rem;	
}
	
.flex-left{
width: 50%;	
text-align: center;	
margin: 0rem auto  0rem auto;
padding: 0rem 1rem 0rem 1rem;	
}	
.flex-right{
width: 60%;	
text-align: center;	
margin: 0rem auto  0rem auto;
padding: 0rem 1rem 0rem 1rem;	
}	
.flex-2 img{
width: 100%;	
}	
.flex-50 {
width: 90%;	
padding: 0rem 1rem 0rem 1rem;	
}	
.flex-50 img{
width: 90%;	
}	
.flex-2 .flex-50 h4{
color: #333;	
font-size: 1.5rem;	
font-weight: 600;
line-height: 2rem;	
text-align: center;
margin: 0rem auto 1rem auto;
padding: 0rem 0rem 0rem 0rem;
}	
.men{
color: #0D5284;	
}	
.women{
color: #C74B64;	
}	

	

	
.stage h5{
width: 98%;	
color: #444;
font-size: 100%;
line-height: 2rem;	
text-align: center;
margin: 0rem auto 1rem auto;
padding: 0.25rem 0 0.25rem 0;	
font-weight: 600;	
border:solid 1px #999;
}			
.stage p{
font-size: 1rem;
line-height: 1.5rem;
margin: 0rem auto 2rem auto;
padding: 0rem 1rem 0rem 1rem;
text-align: center;
text-align: justify;
color: #333;		
}	
.symptoms-m.stage{
text-align: left;
text-align: justify;
margin: 0rem 0rem 2rem 0rem;
padding: 0rem 2rem 0rem 2rem;	
color: #333;
width: 100%;	
}		
.symptoms-m.stage p{
text-align: left;
text-align: justify;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;	
color: #333;
font-size: 1.6rem;
line-height: 2rem;		
}		
.flex-right,.flex-right p{
font-size: 1rem;
line-height: 1.5rem;
margin: 0rem auto 2rem auto;
padding: 0rem 0.3rem 0rem 0.3rem;
text-align: center;
text-align: justify;
color: #333;	
}		
.flex-right h4{
color: #333;	
text-align: left;
text-align: justify;
margin: 0rem auto 1rem auto;
padding: 0rem 1rem 0rem 0rem;	
font-size: 1.3rem;
font-weight: 600;	
}	
.flex-left-50{
width: 50%;	
text-align: center;	
margin: 0rem auto  0rem auto;
padding: 0rem 0rem 0rem 0rem;	
}	
.flex-right-50{
width: 50%;	
text-align: center;	
margin: 0rem auto  0rem auto;
padding: 0rem 1rem 0rem 1rem;	

}	
.flex-left-30{
width: 32%;	
text-align: center;	
margin: 0rem auto  0rem auto;
padding: 0rem 0rem 0rem 0rem;	
}	
.flex-right-30{
width: 32%;	
text-align: center;	
margin: 0rem auto  0rem auto;
padding: 0rem 1rem 0rem 1rem;	
}		
.symptoms-m h4{
color: #fefef6;	
background-color:#0D5284;
text-align: center;
font-size: 1.5rem;	
font-weight: 600;	
margin: 0rem auto 1rem auto;
padding: 0.5rem 0 0.5rem 0;		
}
.symptoms-w h4{
color: #fefef6;	
background-color:#e5909d;
text-align: center;
font-size: 1.5rem;	
font-weight: 600;	
margin: 0rem auto 1rem auto;
padding: 0.5rem 0 0.5rem 0;		
}
.symptoms-mw h4{
color: #fefef6;	
background-color:#9959be;
text-align: center;
font-size: 1.5rem;	
font-weight: 600;	
margin: 0rem auto 1rem auto;
padding: 0.5rem 0 0.5rem 0;		
}	
.symptoms-t h4{
color: #fefef6;	
background-color:#33a98b;
text-align: center;
font-size: 1.5rem;	
font-weight: 600;	
margin: 0rem auto 1rem auto;
padding: 0.5rem 0 0.5rem 0;		
}
.symptoms-t h3{
color: #FF6464;	
text-align: left;
text-align: justify;
line-height: 1.5rem;
font-size: 1.2rem;	
font-weight: 600;	
margin: 0rem auto 1rem auto;
padding: 1rem 0.5rem 0rem 0.5rem;	
}	
.symptoms-t li{
text-align: left;
text-align: justify;
line-height: 1.3rem;
font-size: 1rem;	
font-weight: 500;	
margin: 0rem auto 0rem 0rem;
padding: 1rem 1rem 0rem 1.5rem;
text-indent: -0.85rem;	
}		
.symptoms-time h4{
color: #fefef6;	
background-color:#777777;
text-align: center;
font-size: 1.5rem;	
font-weight: 600;	
margin: 0rem auto 1rem auto;
padding: 0.5rem 0 0.5rem 0;		
}	
.symptoms-s h4{
color: #fefef6;	
background-color:#5C75AB;
text-align: center;
font-size: 1.5rem;	
font-weight: 600;	
margin: 0rem auto 1rem auto;
padding: 0.5rem 0 0.5rem 0;		
}
.symptoms-e h4{
color: #fefef6;	
background-color:#7ac7bf;
text-align: center;
font-size: 1.5rem;	
font-weight: 600;	
margin: 0rem auto 1rem auto;
padding: 0.5rem 0 0.5rem 0;		
}

.symptoms-risk h4{
color: #333;	
background-color:#f6c23b;
text-align: center;
font-size: 1.5rem;	
font-weight: 600;	
margin: 0rem auto 1rem auto;
padding: 0.5rem 0 0.5rem 0;		
}

.risk {
margin: 3rem auto 5rem auto;
padding: 0rem 0rem 0rem 0rem;	
max-width: 960px;
border: solid 2px #f6c23b ;
}	

.risk h4 {
color: #333;	
background-color:#f6c23b;
text-align: center;
font-size: 1.5rem;	
font-weight: 600;	
margin: 0rem auto 1rem auto;
padding: 0.25rem 0 0.25rem 0;		
}	
.risk ul{
color: #333;	
text-align: left;
display: flex;	
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 2rem 0rem 2rem;	
}
		
.risk li{
color: #333;	
text-align: left;
list-style: none;	
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 5rem 0rem 2rem;	
text-indent: -2rem;	
font-size: 1rem;	
}
 .risk p{
color: #555;	
text-align: center;
list-style: none;	
margin: 0rem auto 0rem auto;
padding: 1rem 1rem 1rem 1rem;	
font-weight: 600;
font-size: 1.3rem;
line-height: 1.8rem;		
}	
	
/*--メリット------------------*/
.merit h3{
max-width: 1200px;	
color: #fefef6;	
text-align: center;
padding: 0rem 0rem 0rem 0rem;	
margin: 0rem auto 1rem auto;
line-height: 2.5rem;
font-size: 1.5rem;	
font-weight: bold;
letter-spacing: 0.1rem;
background-color: #009396;
border: solid 1px #009396;
}	
.flex-merit{
display: flex;	
flex-shrink: 0;	
margin: 2rem auto 2rem auto;
max-width: 1200px;	
}
.flex-merit{
max-width: 1200px;	
flex-wrap: wrap; /* 画面幅に合わせてカラム落ちさせる */
display: flex;
justify-content: space-between;
align-items: top;
margin: 3rem auto;
}	
/* 最後のコンテンツを左寄せにする指定 */
.flex-merit:after {
content: "";
display: block;
width: 19%;  /* .boxに指定したwidthと同じ幅を指定する */
height: 0;
}
.merit-efect{
text-align: center;	
width: 18%;	
margin: -2rem auto  0rem auto;
padding: 0rem;	
}	
.merit-efect:hover{
text-align: center;	
width: 18%;	
margin: -2rem auto  0rem auto;
padding: 0rem;	
}	
.merit-efect img{
text-align: center;	
width: 100%;	
margin: 1rem auto  0rem auto;
padding: 0rem;	
}	
.flex-merit .merit-efect h4{
text-align: center;	
margin: 0rem auto 1rem auto;
padding: 0rem;	
font-size: 1.3rem;
line-height: 1.5rem;	
font-weight: 600;	
}	
.flex-merit .merit-efect p{
font-size: 1rem;
line-height: 1.5rem;
margin: 0.5rem auto 2rem auto;
padding: 0rem 0.3rem 0rem 0.3rem;	
text-align: left;
text-align: justify;
color: #333;
}	
.flex-merit .merit-efect li{
list-style: none;	
text-align: left;	
text-align: justify;	
margin: 0.25rem 0.5rem 1rem 1rem;
padding: 0rem 0rem 0 0.5rem;	
font-size: 1rem;
line-height: 1.3rem;
text-indent: -1.1rem;		
}	
/*--流れ------------------*/
.nagare {
max-width: 1200px;	
background-color: #fff;	
}	
.flex-nagare{
display: flex;	
flex-shrink: 0;	
margin: 2rem auto 2rem auto;
max-width: 1200px;	
}
.flex-nagare{
max-width: 1200px;	
flex-wrap: wrap; /* 画面幅に合わせてカラム落ちさせる */
display: flex;
justify-content: space-between;
align-items: top;
margin: 3rem auto;
}	
/* 最後のコンテンツを左寄せにする指定 */
.flex-nagare:after {
content: "";
display: block;
width: 19%;  /* .boxに指定したwidthと同じ幅を指定する */
height: 0;
}
.nagare-efect{
text-align: center;	
width: 23%;	
margin: -2rem auto  0rem auto;
padding: 0rem;	
}	
.nagare-efect:hover{
text-align: center;	
width: 23%;	
margin: -2rem auto  0rem auto;
padding: 0rem;	
}	
.nagare-efect img{
text-align: center;	
width: 100%;	
margin: 1rem auto  0rem auto;
padding: 0rem;	
}	

.flex-nagare .nagare-efect p{
font-size: 1rem;
line-height: 1.5rem;
margin: 0.5rem auto 2rem auto;
padding: 0rem 0.3rem 0rem 0.3rem;	
text-align: left;
text-align: justify;
color: #333;	
}	


/*online------------------*/
.online {
display: block;	
margin: 2rem auto 1rem auto;
}	
 .online p{
font-size: 1rem;
line-height: 1.5rem;
margin: 0.5rem auto 2rem auto;
padding: 0rem 0.3rem 0rem 0.3rem;
text-align: center;
color: #333;
}		
/*FAQ------------------------*/
.faq {
max-width: 960px;
padding: 1rem 1.5rem 1rem 1.5rem;  	
margin: 0rem auto 5rem auto ;
/*background-color: rgba(192, 244, 255,0.3);*/	
}
	
/*FAQ-------------*/		
.faq p{
font-size: 1rem;
line-height: 1.5rem;
margin: 0.5rem auto 1rem auto;
padding: 0rem 0.3rem 0rem 0.3rem;	
text-align: center;
color: #333;	
}	
	
summary{
background-color:rgba(0,153,255,0.1);
color: #0D5284;
font-size: 1.3rem;	
font-weight: 600;	
padding: 0.25rem  0.25rem  0.25rem 1rem;
margin: 0rem 0rem 0rem 0rem;
text-align: left;	
}
.faq .inner h5 {
width: 100%;	
color: #333;
text-align: center;
font-size: 1.5rem;
line-height: 2.5rem;	
font-weight: 600;
padding: 0rem 0rem 0rem 0rem;	
margin: 2rem auto 2rem auto;
	
}
.designed{
max-width: 100%;
line-height: 2.5rem;
font-size: 1.6rem; 
font-weight: 400;
margin: 3rem auto -5rem auto;
}

.designed p{
font-size: 1rem;
line-height: 1.5rem;
margin: 0.5rem auto 2rem auto;
padding: 0rem 0.3rem 0rem 0.3rem;	
text-align: left;
text-align: justify;
color: #333;	
}
.designed .details_content p{
font-size: 1rem;
line-height: 1.5rem;
margin: 0.5rem auto 2rem auto;
padding: 0rem 0.3rem 0rem 0.3rem;	
text-align: center;
text-align: justify;
color: #333;	
}	
.s-1{
background-color:#0D5284;
color: #fefef6;
font-size: 1.5rem;
line-height: 2rem;	
font-weight: 600;	
padding: 0.7rem 0.7rem 0.7rem 3rem;
margin: 1rem 0rem 0rem 0rem;
text-indent: -1.8rem;	
}	
.s-2{
background-color:rgba(35, 129, 144,1);
color: #fefef6;
font-size: 1.5rem;
line-height: 2rem;	
font-weight: 600;	
padding: 0.7rem 0.7rem 0.7rem 3rem;
margin: 1rem 0rem 0rem 0rem;
text-indent: -1.8rem;	
}		
.s-3{
background-color:rgba(35, 129, 144,0.2);
color: #333;
font-size: 1.3rem;	
font-weight: 600;	
padding: 0.25rem  0.25rem  0.25rem 1rem;
margin: 0rem 0rem 0rem 0rem;
text-align: left;		
}	
	
.designed{
margin: 1rem auto 2rem auto;
}
.designed p{
font-size: 1rem;
line-height: 1.5rem;
margin: 0.5rem auto 2rem auto;
padding: 0rem 0.3rem 0rem 0.3rem;	
text-align: left;
text-align: justify;
color: #333;
}
.designed img{
margin: 1rem auto 2rem auto;
width: 70%;	
}

	
/*--感染経路------------------*/
		
.flex-keiro h3{
max-width: 1200px;	
text-align: center;
margin: 5rem auto 1rem auto;
padding: 0.5rem 0 0.5rem 0;
line-height: 2.5rem;
font-size: 1.5rem;	
font-weight: bold;	
color: #fefef6;
background-color: rgba(100, 90, 150,1);
border: solid 1px rgba(100, 90, 150,0.5);
}	
.flex-keiro h5{
text-align: center;
margin: 1rem auto 1rem auto;
padding: 0;
font-size: 1.5rem;
line-height: 3rem;	
font-weight: 600;
color: rgba(100, 90, 150,1);
}		
.flex-keiro-box{
display: flex;	
flex-shrink: 0;	
margin: 3rem auto 4rem auto;
max-width: 96%;	
}	
.flex-keiro h4{
text-align: center;
margin: 0rem auto 1rem auto;
padding: 0rem;
font-size: 1.4rem;
line-height: 3rem;	
font-weight: bold;	
color: rgba(100, 90, 150,1);
border: solid 1px rgba(100, 90, 150,1);
	
}		
.flex-keiro-keiro{
display: flex;	
flex-shrink: 0;	
margin: 2rem auto 5rem auto;
max-width: 1200px;	
}

/* 最後のコンテンツを左寄せにする指定 */
.flex-keiro:after {
content: "";
display: block;
width: 19%;  /* .boxに指定したwidthと同じ幅を指定する */
height: 0;
}
.keiro-efect{
text-align: center;	
width: 18%;	
margin: -2rem auto  0rem auto;
padding: 0rem;	
}	
.keiro-efect p{
text-align: left;
text-align: justify;	
margin: 0rem auto 0rem auto;
padding: 0rem 0 0rem 0;
color: #333;
}		

/*--予防------------------*/
.yobou li{
text-align: left;
margin: 0rem auto 0.5rem auto;
padding: 0rem 1rem 0rem 3rem;
text-indent: -1.5rem;	
font-size: 1rem;	
line-height: 1.5rem;	
font-weight: bold;	
color: #009396;
}	

.yobou p{
font-size: 1rem;
line-height: 1.5rem;
margin: 0rem auto 2rem auto;
padding: 0rem 1rem 0rem 1rem;	
text-align: left;
text-align: justify;
color: #333;				
}		
	
/*--ブライダル------------------*/
.select-3{
margin: -1rem 0rem 1rem 0rem;	
}	
.select-3 li{
text-align: left;
margin: 0rem auto 0rem auto;
padding: 0rem 0rem 0rem 3rem;
font-size: 1rem;
line-height: 2rem;	
font-weight: bold;	
color: #009396;
}	

/*---性病予防薬　BTN-----*/	
.purchase p{
font-size: 1rem;
line-height: 1.5rem;
margin: 2rem auto 2rem auto;	
text-align: center;
}	
.std-btn{
margin: 2rem auto 5rem auto;	
width: 60%;
color: #fefef6;
border-radius: 	6px;
box-shadow: #999 0px 2px 2px;
border: 3px solid #238190;
background-color: rgba(35, 129, 144,0.8);
}	
.std-btn h3{
text-align: center;
line-height: 2.5rem;
font-size: 1.5rem;	
color: #fefef6;
text-shadow: #238190 1px 3px 2px;	
font-weight: 600;	
padding: 1rem 0rem 1rem 0rem;	
}	
/*--費用一覧ページへリンクボタン-------------------*/
.std-price-btn{
margin: 2rem auto 5rem auto;	
width: 60%;
}	

.std-price-btn h3{
text-align: center	;
line-height: 2.5rem;
font-size: 1.5rem;	
color: #fefef6;
text-shadow: #238190 1px 3px 2px;	
font-weight: 600;	
padding: 1rem 0rem 1.25rem 0rem;	
background-color: rgba(35, 129, 144,0.7);
border: 3px solid #238190;
border-radius: 	6px;	
box-shadow: #999 0px 2px 2px;		
}
.std-price-btn a {
text-decoration: none;	
color:#fefef6;	
padding: 0.5rem 0rem 0.25rem 0rem;
font-weight: 600;	
font-size: 1.3rem;
line-height: 2rem;		
}	
}