body{
	background:#eef5ff;
}

.doc_fix{
background: #5b74ce;
    color: #fff;
    writing-mode: vertical-rl;
    border-radius: 10px 0 0 10px;
    position: fixed;
    right: 0;
    top: 30%;
    display: flex;
    /* flex-direction: column; */
    padding: 1% 0.8% 0%;
    font-weight: 600;
	    height: 195px;
    text-align: justify;
    vertical-align: middle;
    text-justify: inter-ideograph;
}
.doc_fix figure{
    width: 25px;
    height: 30px;
    margin: 3px auto;
}


.webdoctor_head{
	background:url(img/d_back.svg) no-repeat center;
	background-size:cover;
}

#pageheader {
    width: 100%;
    padding: 120px 0px 100px;
    margin: 0 auto;
    position: relative;
}

.doctor_catch{
display: flex;
    flex-wrap: wrap;	
}

.doctor_catch .d_left{
    width: 55%;	
    box-sizing: border-box;
    padding: 2%;
}

.doctor_catch .d_left h2{
color: #5b74ce !important;
    font-size: 5.5rem !important;
    letter-spacing: normal;	
	    padding: 0;
}

.doctor_catch .d_left h2 span{
    font-size: 1.5rem;	
}

.doctor_catch .d_left .catch{
	    padding: 3% 0;
    font-size: 2rem;
    font-weight: 600;
}

.doctor_catch .d_left p{
	font-size: 1.2rem;
    font-weight: 600;
}

.doctor_catch .d_right{
    width: 45%;	
	    box-sizing: border-box;
    padding: 2%;
}

.doctor_page{
    width: 100%;
    max-width: 1200px;
}


#page .doctor_page #main .doc_title{
	position:relative;
	background:#5b74ce;
	color:#fff;
	border-radius:500px;
	padding:2% 5%;
	display:block;
	margin:auto;
	width:fit-content;
	text-align:center;
}

#page .doctor_page #main .doc_title span{
	background:none;
	display:block;
}

.doctor_page .doctor:before{
    content: "";
    position: absolute;
    background: url(img/doctor.svg) no-repeat;
    background-size: contain;
    width: 55%;
    height: 200px;
    left: -42%;
    top: -49%;
}

.doctor_page .women:before{
    content: "";
    position: absolute;
    background: url(img/women.svg) no-repeat;
    background-size: contain;
    width: 52%;
    height: 200px;
    left: -42%;
    top: -49%;
}



.komatta{
    display: flex;
    flex-wrap: wrap;
    margin: 50px auto;
    gap: 15px;
    align-items: center;
    justify-content: center;
}

.komatta li{
    background: #fff;
    width: 31%;
    box-sizing: border-box;
    padding: 0 1.5%;
    border-radius: 10px;
}

#page #main .komatta li h4{
	    color: #3e64ce;
    border-bottom: 1px dashed;
}

#page #main .komatta li p{
	
}


#page #main .doc_h3{
    color: #5b74ce;
    font-size: 1.6rem;
}

.doctor_page .page_cont .doc_cont{ 
    max-width: 1100px;
    margin: auto;
    width: 100%;
    padding: 2% 0 5%;	
}

#page #main  .doc_cont p{
    font-size: 1.15rem;
    font-weight: 500;	
}

#page #main  .doc_cont strong{
    font-size: 1.3rem;
    padding: 0 0 12px;
    display: inline-block;	
}

#page #main  .doc_cont .flex{
	
}

#page #main  .doc_cont .flex .check {
    width: 25%;
    padding: 7% 3% 0;	
}

#page #main  .doc_cont .flex .check img{
    width: auto;
    border-radius: inherit;	
}

#page #main .sonota {
    width: 60%;	
}

#page #main .sonota li{
    font-size: 1.2rem;
    display: block;
    background: #fff;
    margin: 8px 0;
    padding: 2% 1.5%;
    box-sizing: border-box;
    border-radius: 6px;
    font-weight: 600;
    letter-spacing: 1px;	
}

#page #main .service {
    padding: 8% 0 2%;
    max-width: 900px;
}

#page #main .service li{
    font-size: 1.2rem;
    display: block;
    background: #fff;
    margin: 8px 0;
    padding: 2% 1.5%;
    box-sizing: border-box;
    border-radius: 6px;
    font-weight: 600;
    letter-spacing: 1px;	
}

#page #main .service li strong{
	color: #5b74ce;
}

#page .doctor_page #main .page_cont .doc_flow  .doc_h3{
    text-align: center;
    color: #fff;	
}

#page .doctor_page #main .page_cont .doc_flow{
    background: cornflowerblue;
    border-radius: 8px;	
}

#page .doctor_page #main .page_cont .doc_flow p{
    text-align: center;
    color: #fff;	
}

#page .doctor_page #main .page_cont .doc_flow figure{
	width:400px;
	max-width:50%;
	margin:auto;
	display:block;
}


#page .doctor_page #main .page_cont .doc_flow .service{
	    padding: 3% 0;
	
}

#page .doctor_page #main .d_contact{
	    margin: 6% auto 2%;
	
}

.doctor_page .d_contact:before{
    content: "";
    position: absolute;
    background: url(img/d_contact.svg) no-repeat;
    background-size: contain;
    width: 37%;
    height: 200px;
    left: -25%;
    top: -22%;

}

.contact_cont{
background: lightblue;
    border-radius: 8px;
    margin: 30px auto;	
}


.contact_cont p a{
color:#111;
	border-bottom:1px solid;
}

@media screen and (max-width: 768px) {
    #pageheader {
        padding: 0px;
    }
.doctor_catch {

    flex-direction: column;
}
.doctor_catch .d_left {
    width: 100%;
}	
	
.doctor_catch .d_left h2 {
    font-size: 2.5rem !important;
}
	.doctor_catch .d_left h2 span {
    font-size: 1rem;
}
.doctor_catch .d_left .catch {
    padding: 3% 0;
    font-size: 1.3rem;
    font-weight: 600;
}
.doctor_catch .d_left p {
    font-size: 1rem;
    font-weight: 600;
}
	.komatta {
    flex-direction: column;
}
.komatta li {
    padding: 0 1.5%;
	        width: 100%;
    border-radius: 10px;
}
#page #main .komatta li p {
    padding: 0 1%;
    margin: 10px 0;
}
	#page #main .doc_h3 {
    color: #5b74ce;
    font-size: 1.3rem;
}
#page #main .doc_cont p {
    font-size: 1rem;
    font-weight: 500;
}
#page #main .doc_cont .flex {
    flex-direction: column;
}
page #main .sonota {
    width: 100%;
}
	#page #main .sonota li {
    font-size: 0.95rem;
   
    padding: 3% 1.5%;

    letter-spacing: normal;
}
#page #main .doc_cont .flex .check {
    width: 38%;
    padding: 0% 3% 0;
    margin: auto;
}
#page #main .doc_cont strong {
    font-size: 1.1rem;
}
#page #main .service {
    padding: 17% 0 8%;
    max-width: 900px;
}
#page #main .service li {
    font-size: 1rem;
    display: block;
	}
#page #main .service li strong {
    color: #5b74ce;
    display: block;
}	
	#page .doctor_page #main .page_cont .doc_flow .service{
width: 90%;		
		
	}

	#page .doctor_page #main .page_cont .doc_flow p{
        padding: 0 5%;
        text-align: justify;		
	}
	#page .doctor_page #main .page_cont .doc_flow .service li{
        letter-spacing: normal;
        font-size: 0.9rem;
	}
	#page .doctor_page #main .page_cont .doc_flow .service li strong{
	        display: inline-block;	
		
	}
.doctor_page .d_contact:before {
    content: "";
    position: absolute;
    background: url(img/d_contact.svg) no-repeat;
    background-size: contain;
    width: 31%;
    height: 200px;
    left: -25%;
    top: -22%;
}
    .contact_table td, .contact_table th, .service td, .service th {
        display: block;
        padding: 0px 10px;
    }	
#page #main .sonota {
    width: 100%;
}
.doctor_catch .d_right {
    width: 90%;
    box-sizing: border-box;
    padding: 3% 3% 10%;
    text-align: center;
    margin: auto;
}
}