@charset "UTF-8";

/* med_lead_box
---------------------------------------------------------*/
.med_lead_box .max_1500::before {background-image: url("../images/surgery/m_img@2x.png");}

.com_index3{
    color: #4F9FC2;
    border-top: 2px solid #88CFE8;
    border-bottom: 2px solid #88CFE8;
}



/* med_bigtit_box
---------------------------------------------------------*/
.med_bigtit_box{
    background: #EDF8FC;
}
.med_bigtit_box .med_bigtit{
    position: relative;
    padding-top: 160px;
    padding-bottom: 25px;
    background-image: url("../images/surgery/img03@2x.jpg");
    margin-bottom: 0;
    font-size: 190%;
    color: #4F9FC2;
}
.med_bigtit_box .med_bigtit .ft_min{
    margin: .7em 0 .9em;
}
.med_bigtit_box .med_bigtit_inbox{
    max-width: 1100px;
}
.med_bigtit_box .txtbox1{
    text-align: center;
}
.med_bigtit_box .txtbox1 dt{
    font-size:120%;
    letter-spacing: 0.1em;
    line-height: 1.6em;
    color: #F44F65;
    margin-bottom: .5em;
}
.med_bigtit_box .txtbox2 h5{
    background: #88CFE8;
    color: #fff;
    font-size:160%;
    letter-spacing: 0.1em;
    line-height: 1.6em;
    border-radius: 50px;
    text-align: center;
    padding: .5em .5em;
    box-sizing: border-box;
    margin-bottom: 1.5em;
}
.med_bigtit_box .txtbox2 ul li{
    border-bottom: 1px solid #bcc1c1;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.med_bigtit_box .txtbox2 ul li:last-child{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.med_bigtit_box .txtbox3{
    background: #fff;
    padding: 50px 3% 60px;
    box-sizing: border-box;
    text-align: center;
}
.med_bigtit_box .txtbox3 h5{
    font-size:170%;
    letter-spacing: 0.1em;
    line-height: 1.6em;
    color: #4F9FC2;
    margin-bottom: .9em;
}
.med_bigtit_box .txtbox3 dl{
    margin:45px auto;
}
.med_bigtit_box .txtbox3 dt p{
    position: relative;
    display: inline-block;
    font-size:125%;
    letter-spacing: 0.1em;
    line-height: 1.6em;
    margin-bottom: 1.5em;
    padding: 0 2em;
    box-sizing: border-box;
}
.med_bigtit_box .txtbox3 dt p::before{
    position: absolute;
    display:block;
    content: "";
    background: url("../images/surgery/serif_l.svg")no-repeat bottom left;
    background-size: 100% auto;
    width: 20px;
    height: 28px;
    bottom: 0;
    left: 0;
}
.med_bigtit_box .txtbox3 dt p::after{
    position: absolute;
    display:block;
    content: "";
    background: url("../images/surgery/serif_r.svg")no-repeat bottom right;
    background-size: 100% auto;
    width: 20px;
    height: 28px;
    bottom: 0;
    right: 0;
}
.med_bigtit_box .txtbox3 dd ul{
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.med_bigtit_box .txtbox3 dd ul li{
    width: 32%;
    max-width: 280px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.med_bigtit_box .med_bigtit{
    padding-top: 8vw;
    padding-bottom: 2vw;
    font-size: 180%;
}
.med_bigtit_box .med_bigtit .ft_min{
    margin: .6em 0 .5em;
}
.med_bigtit_box .txtbox1 dt{
    margin-bottom: .3em;
}
.med_bigtit_box .txtbox2 h5{
    font-size:150%;
    padding: .4em .5em;
    margin-bottom: 1em;
}
.med_bigtit_box .txtbox2 ul li{
    padding-bottom:4%;
    margin-bottom: 3%;
}
.med_bigtit_box .txtbox3{
    padding: 4% 3% 5%;
}
.med_bigtit_box .txtbox3 h5{
    font-size:150%;
    margin-bottom: .4em;
}
.med_bigtit_box .txtbox3 dl{
    margin: 4% auto;
}
.med_bigtit_box .txtbox3 dt p{
    margin-bottom: .8em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.med_bigtit_box .med_bigtit{
    padding-top: 15vw;
    padding-bottom: 2vw;
    font-size: 5.2vw;
}
.med_bigtit_box .med_bigtit .ft_min{
    margin: .7em 0 .5em;
}
.med_bigtit_box .txtbox1 dt{
    margin-bottom: .3em;
}
.med_bigtit_box .txtbox1 dd{
    text-align: left;
}
.med_bigtit_box .txtbox2 h5{
    font-size: 5vw;
    letter-spacing: 0.05em;
    margin-bottom: .8em;
    padding: .4em .5em;
}
.med_bigtit_box .txtbox2 ul li{
    padding-bottom: 6%;
    margin-bottom: 6%;
}

.med_bigtit_box .txtbox3{
    padding: 5% 3% 5%;
}
.med_bigtit_box .txtbox3 > p{
    text-align: left;
}
.med_bigtit_box .txtbox3 h5{
    font-size: 5.2vw;
    margin-bottom: .3em;
}
.med_bigtit_box .txtbox3 dl{
    margin:8% auto 3%;
}
.med_bigtit_box .txtbox3 dt p{
    font-size:110%;
    line-height: 1.4em;
    margin-bottom: 1em;
    padding: 0 2em;
    box-sizing: border-box;
}
.med_bigtit_box .txtbox3 dd ul{
    flex-wrap: wrap;
}
.med_bigtit_box .txtbox3 dd ul li{
    width:46%;
}
.med_bigtit_box .txtbox3 dd ul li:last-child{
    margin-left: 25%;
}
}



/* med_check
---------------------------------------------------------*/
.med_check {
	border: 4px solid #d2f1f7;
}