/*0310症例*/

.main_table th{ 
        width: 30% !important;
    }              
    
    .main_table td{ 
        width: 70% !important;
    } 
/*0310症例*/

.sub-body{ background: #f4f4f4; }

#container{ padding-top: 0; }
#gHeader{ position: absolute; top: 0; left: 0; }

.mv{ width: 100%; height: 51.5rem; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: .6rem; position: relative; }
.mv.sample{ background-image: url(../images/dummy/mv01.jpg); }

.mv.about{ background-image: url(../images/sub_mv/mv01.jpg); }
.mv.access{ background-image: url(../images/sub_mv/mv02.jpg); }
.mv.clinic{ background-image: url(../images/sub_mv/mv03.jpg); }
.mv.first{ background-image: url(../images/sub_mv/mv04.jpg); }
.mv.price{ background-image: url(../images/sub_mv/mv05.jpg); }
.mv.staff{ background-image: url(../images/sub_mv/mv06.jpg); }
.mv.treatment{ background-image: url(../images/sub_mv/mv07.jpg); }

.mv.bruxism{ background-image: url(../images/sub_mv/mv08.jpg); }
.mv.caries{ background-image: url(../images/sub_mv/mv09.jpg); }
.mv.denture{ background-image: url(../images/sub_mv/mv10.jpg); }
.mv.esthetic{ background-image: url(../images/sub_mv/mv11.jpg); }
.mv.implant{ background-image: url(../images/sub_mv/mv12.jpg); }
.mv.kids{ background-image: url(../images/sub_mv/mv13.jpg); }
.mv.mouthpiece{ background-image: url(../images/sub_mv/mv14.jpg); }
.mv.ortho{ background-image: url(../images/sub_mv/mv15.jpg); }
.mv.perio{ background-image: url(../images/sub_mv/mv16.jpg); }
.mv.prevention{ background-image: url(../images/sub_mv/mv22.jpg); }
.mv.rootfoundation{ background-image: url(../images/sub_mv/mv18.jpg); }
.mv.whitening{ background-image: url(../images/sub_mv/mv19.jpg); }
.mv.wisdom{ background-image: url(../images/sub_mv/mv17.jpg); }



.pankuzu{ width: 1000px; margin: 0 auto; text-align: left; }
.pankuzu li{ font-size: 1.2rem; display: inline-block; }
.pankuzu li:not(:last-of-type):after{ content: '-'; margin-left: .5em; }

main{ display: block; width: 800px; margin: 6rem auto 0; padding-bottom: 28rem; position: relative; z-index: 0; box-sizing: border-box; line-height: 1.8; letter-spacing: .08em; }
main *{ box-sizing: border-box; }
main h1{ font-size: 3rem; font-family: "游明朝", YuMincho, yu-mincho-pr6n, sans-serif; font-weight: 600; line-height: 1.6; text-align: center; margin-bottom: 8rem; position: relative; padding-bottom: 1.2rem; }
main h1:before{ content: ''; width: 15rem; height: 1px; background: #dfdfdf; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
main h1:after{ content: ''; width: 5rem; height: 1px; background: #c3b896; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

main section > img{ display: block; width: 100%; margin: 4rem 0; }
main img{ border-radius: 5rem 0; }
main section + section{ margin-top: 8rem; }
main section a.btn{ margin: 2.5rem 0; display: table; padding: 1rem 6.5rem 1rem 0; font-family: "游明朝", YuMincho, yu-mincho-pr6n, sans-serif; font-weight: 600; position: relative; }
main section a.btn:before{ content: ''; width: 5rem; height: 5rem; background: url(../images/common/item-btn01.png) no-repeat center/contain; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: .5s; }
main section a.btn:after{ content: ''; width: 5rem; height: 5rem; background: url(../images/common/item-btn02.png) no-repeat center/contain; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: .5s; opacity: 0; }
main section a.btn:hover:before{ opacity: 0; }
main section a.btn:hover:after{ opacity: 1; }
main section > *:first-child{ margin-top: 0 !important; }
main section > *:last-child{ margin-bottom: 0 !important; }

main section h2:not(.no-style){ font-size: 2.6rem; font-family: "游明朝", YuMincho, yu-mincho-pr6n, sans-serif; font-weight: 600; line-height: 1.6; background: #c3b896; text-align: center; margin: 8rem 0 4rem; padding: .2em 1em; }
main section h3:not(.no-style){ font-size: 2.2rem; font-family: "游明朝", YuMincho, yu-mincho-pr6n, sans-serif; font-weight: 600; border-bottom: solid 1px #dfdfdf; margin: 6rem 0 2.6rem; padding-bottom: .2rem; }
main section h4:not(.no-style){ font-size: 1.8rem; font-family: "游明朝", YuMincho, yu-mincho-pr6n, sans-serif; font-weight: 600; background: #163259; color: #fff; padding: .1em 1em; margin: 4rem 0 2rem; }
main section h5:not(.no-style){ font-size: 1.6rem; font-family: "游明朝", YuMincho, yu-mincho-pr6n, sans-serif; font-weight: 600; color: #163259; padding-left: 1em; position: relative; margin: 3rem 0 1em; }
main section h5:not(.no-style):before{ content: '●'; position: absolute; left: 0; }
main section h6:not(.no-style){ font-size: 1.5rem; font-family: "游明朝", YuMincho, yu-mincho-pr6n, sans-serif; font-weight: 600; color: #163259; margin: 1.3em 0 .8em; }
main section h2:not(.no-style) + *,
main section h3:not(.no-style) + *,
main section h4:not(.no-style) + *,
main section h5:not(.no-style) + *,
main section h6:not(.no-style) + *{ margin-top: 0 !important; }
main section p{ margin-bottom: 1em; line-height: 2; }
main section p strong{ font-weight: 700; color: #163259; }

main section ol:not([class]){ margin: 4rem 0; counter-reset: number; }
main section ol:not([class]) li{ font-size: 1.6rem; padding-left: 6.4rem; position: relative; min-height: 5rem; display: flex; align-items: center; }
main section ol:not([class]) li:before{ counter-increment: number; content: counter(number); width: 5rem; height: 5rem; background: #c3b896; font-size: 2.8rem; font-family: trajan-pro-3, serif; font-weight: 600; color: #464646; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; }
main section ol:not([class]) li + li{ margin-top: 3rem; }

main section ul:not([class]){ margin: 4rem 0; }
main section ul:not([class]) li{ font-size: 1.6rem; padding-left: 2.3rem; position: relative; }
main section ul:not([class]) li:before{ content: ''; width: 1.5rem; height: 1.5rem; border-radius: 1.5rem; background: #c3b896; position: absolute; left: 0; top: .7rem; }
main section ul:not([class]) li + li{ margin-top: 2rem; }

main section ol.flow{ counter-reset: flow; margin: 5rem 0; }
main section ol.flow li{ position: relative; line-height: 2; }
main section ol.flow li + li{ margin-top: 4rem; }
main section ol.flow li.has-img{ padding-right: 40rem; }
main section ol.flow li strong:first-of-type{ font-size: 1.8rem; font-family: "游明朝", YuMincho, yu-mincho-pr6n, sans-serif; font-weight: 600; position: relative; padding-left: 4rem; display: block; margin-bottom: 1.2rem; }
main section ol.flow li strong:first-of-type:before{ counter-increment: flow; content: counter(flow); width: 3rem; height: 3rem; background: #c3b896; border-radius: 1.5rem; display: flex; justify-content: center; align-items: center; font-size: 1.8rem; line-height: 1; font-family: trajan-pro-3, serif; font-weight: 600; position: absolute; left: 0; top: .4rem; }
main section ol.flow li img{ width: 35rem; position: absolute; top: 0; right: 0; }

main section table:not(.no-style){ width: 100%; margin: 4rem 0; }
main section table:not(.no-style) th{ font-family: "游明朝", YuMincho, yu-mincho-pr6n, sans-serif; font-weight: 600; padding: 1em; vertical-align: middle; background: rgba(255, 255, 255, .5); border: solid 1px #dfdfdf; line-height: 1.7; width: 50%;}
main section table:not(.no-style) td{ padding: 1em; vertical-align: middle; border: solid 1px #dfdfdf; line-height: 1.7; }

main section .aid-list li a:before{ width: 7.9rem; height: 8.8rem; top: 2.3rem; }


/*** staff ***/

.dr-pic{ width: 100%; height: 40rem; display: flex; align-items: center; background: #fff; position: relative; margin: 10rem 0 3.5rem; border-radius: 5rem 0; }
.dr-pic img{ width: 33rem; position: absolute; right: 8.5rem; bottom: 0; }
.dr-pic + h3{ font-size: 2.4rem; font-family: "游明朝", YuMincho, yu-mincho-pr6n, sans-serif; font-weight: 600; text-align: center; margin-bottom: 2.2rem; }

.dr-pic-sen {
    font-size: 2.4rem; font-family: "游明朝", YuMincho, yu-mincho-pr6n, sans-serif; font-weight: 600; text-align: center; margin-bottom: 2.2rem;
}

.history-row{ display: flex; justify-content: space-between; margin: 3.6rem 0 }
.history-row .inner{ width: 37rem; }
.history-row .inner h4{ font-size: 1.5rem; font-family: "游明朝", YuMincho, yu-mincho-pr6n, sans-serif; font-weight: 600; color: #fff; text-align: center; background: #163259; margin-bottom: 2.5rem; }
.history-row .inner table{ width: 100%; line-height: 1.6; }
.history-row .inner table th{ font-weight: 400; width: 1px; padding-right: 1.5em; white-space: nowrap; }
.history-row .inner table tr + tr > *{ padding-top: .5em; }
.history-row .inner ul li{ padding-left: 1em; position: relative; line-height: 1.6; }
.history-row .inner ul li:before{ content: '・'; position: absolute; left: 0; }
.history-row .inner ul li + li{ margin-top: .5em; }


/*** treatment ***/

.treatmentList{ margin-bottom: 8rem; }
.treatmentList li { margin-top: 30px; margin-right: 4.7%; width: 16.25%; }
.treatmentList li:nth-child(5n) { margin-right: -1px; }
.treatmentList li a { display: block; text-align: center; opacity: 1; }
.treatmentList li .pho { box-sizing: border-box; margin-bottom: 14px; padding-bottom: 100%; display: block; position: relative; border-radius: 50%; overflow: hidden; background: #fff; }
.treatmentList li .pho img { width: 100%; max-width: 130px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.treatmentList li .txt { margin: 0 -1em; display: block; letter-spacing: 0.06em; }
.treatmentList li a:hover .pho{ background: #163259; }



.qa ul{border-top: 1px solid #dfdfdf;margin-bottom: 100px;}
.qa ul li{border-bottom: 1px solid #dfdfdf;padding: 25px 0px;}
.qa ul li p{padding-left: 0px;position: relative; margin-bottom: 0px;}
.qa ul li input{display: none;}

.qa ul li .q{font-weight: bold;font-size: 1.25em;letter-spacing: 0.05em;margin-bottom: 0px;}
.qa ul li .q:before{content: "Q.";width: 51.5px;height: 38.5px; color: #bfb27e;}
.qa ul li .q label:after{content: "→";display: inline-block;margin-left: 20px;}
.qa ul li .a{text-align: justify;line-height: 1.8;max-height: 0;overflow: hidden;transition-duration: .2s;font-size: 16px;}
.qa ul li .a:before{content: "A.";width: 51.5px;height: 38.5px; padding-right: 10px;    font-weight: 700;
    color: #163259;}
.qa ul li input:checked ~ .a{max-height: 700px;overflow: visible;padding-top: 25px;}

div.qa label{font-size: 16px;cursor: pointer;}

.flex_box{	
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.fl_content{flex-basis: 45%;}
.fl_image{flex-basis: 45%;}

.qa ul li:before{
content: none!important;
}

strong.blue{
	color: #163259;
}

main section .qa ul:not([class]) li + li{
	margin-top: 0;
}



   /*220310症例*/
    
.shoreip{
    display: flex;
    justify-content: space-between;
    position: relative;
    
}
.shoreip div{
        width: 375px;
}
.main_table th{ 
    width: 30% ;
}              

.main_table td{ 
    width: 70%;
} 

     /*220310症例*/

.jidv_banner-wrap {
    max-width: 800px;
    margin: -20px 0px 60px;
}	


h1 span{
	font-size: 20px;
}

.allon4{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 60px;
}

.allon4 li{
	    width: 49%;
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
    background: #c3b896;
    padding: 10px;
    font-weight: 600;
    font-family: 游明朝, YuMincho, yu-mincho-pr6n, sans-serif;
}

.point{
	text-align: center;
	font-size: 26px;
	font-family: trajan-pro-3, serif;
	margin-bottom: 10px;
	color: #c3b896;
}


main section table.flow_table th {
	width: 20%;
}

.implant_faq{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
}

.implant_faq li a{
	display: block;
	color: #163259;
	font-weight: 600;
}

.implant_faq li{
	width: 24%;
	background: #fff;
	
	margin-bottom: 20px;
	text-align: center;
	padding-top: 15px;
}

.implant_faq li img{
	width: 100%;
	border-radius: 0;
	margin-top: 25px;
	height: 90px;
    object-fit: cover;
	
}

.implant_faq_area{
	    background: #f2f2f2;
    border-radius: 0.5rem;
    padding: 5rem 5rem 6rem;
    box-shadow: 10px 10px 15px -5px rgb(0 0 0 / 25%);
    position: relative;
    z-index: 0;
    margin-bottom: 8rem;
}

.implant_faq_area:before{
	content: '';
    width: calc(100% - 3rem);
    height: calc(100% - 3rem);
    border: solid 1px #beaa78;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

main section .implant_faq_area h2{
	margin-top: 0;
	position: relative;
}


main section .implant_faq_area h2:before{
	content: '';
    width: 15rem;
    height: 10.5rem;
    background: url("../images/feature-ttl01.png") no-repeat center bottom/contain;
    position: absolute;
    bottom: 0;
    right: 0;
}
.recruit-first table th{
	text-align: center;
}
/*20250221追加（allon4ページ）*/
.shorei1{
            display: flex;
            justify-content: space-between;
        }
        .shorei1 div{
            width:47%;
        }
        .arrow {
  position: relative;
  display: inline-block;
}
        .arrow:before{
            content: '';
            position: absolute;
            border-style: solid;
  border-width: 9px 0 9px 8px;
  border-color: transparent transparent transparent #333;
            top: 17rem;
    right: -3rem;
        }
.scroll{
            width:100%;
            white-space:  nowrap;
            overflow-x:  scroll;
            display: block;
        }

        .scroll th {
            width:25%!important;
        }
#case h4{
         margin-top:0;
            }
    
    .shoreip.flow{
    margin-top:30px;
        }
    
    .shoreip.flow h4{
    margin-top:0;
        }
    
    .shoreip.flow p{
    font-size:2rem;
    font-family: "游明朝", YuMincho, yu-mincho-pr6n, sans-serif;
    font-weight:bold;
        }