.mv{ height: 395px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; }
.mv:before{ content: ''; width: 50vw; height: 100%; background: rgba(230,200,0,.2); transform: skewX(-20deg); position: absolute; top: 0; right: -10vw; }
.mv.sample{ background-image: url(../images/dummy/mv01.jpg); }

.mv.about{ background-image: url(../images/page/about/mv01.jpg); }
.mv.access{ background-image: url(../images/page//access/mv01.jpg); }
.mv.clinic{ background-image: url(../images/page/clinic/mv01.jpg); }
.mv.dr{ background-image: url(../images/page/dr/mv01.jpg); }
.mv.first{ background-image: url(../images/page/first/mv01.jpg); }
.mv.infection{ background-image: url(../images/page/infe/mv01.jpg); }
.mv.price{ background-image: url(../images/page/price/mv01.jpg); }
.mv.treatment{ background-image: url(../images/page/treatment/mv01.jpg); }

.mv.decay{ background-image: url(../images/page/treatment/decay/mv01.jpg); }
.mv.denture{ background-image: url(../images/page/treatment/denture/mv01.jpg); }
.mv.estnic{ background-image: url(../images/page/treatment/estnic/mv01.jpg); }
.mv.implant{ background-image: url(../images/page/treatment/implant/mv01.jpg); }
.mv.kids{ background-image: url(../images/page/treatment/kids/mv01.jpg); }
.mv.laser{ background-image: url(../images/page/treatment/laser/mv01.jpg); }
.mv.perio{ background-image: url(../images/page/treatment/perio/mv01.jpg); }
.mv.preventive{ background-image: url(../images/page/treatment/preventive/mv01.jpg); }
.mv.root-canal{ background-image: url(../images/page/treatment/root-canal/mv01.jpg); }
.mv.whitening{ background-image: url(../images/page/treatment/whitening/mv01.jpg); }
.mv.wisdom{ background-image: url(../images/page/treatment/wisdom/mv01.jpg); }
.mv.ortho{ background-image: url("../images/page/treatment/ortho/mv_ortho.png"); }
.gray-wrap{ background: #f5f5f5; overflow: hidden; padding-bottom: 120px; }

.pankuzu-wrap{ background: #e7e6e3; overflow: hidden; }
.pankuzu{ width: 900px; margin: 20px auto 0; }
.pankuzu li{ font-size: 13px; display: inline-block; }
.pankuzu li:not(:last-of-type):after{ content: '＞'; margin: 0 .5em; font-size: .8em; }

h1{ font-size: 36px; font-weight: 600; text-align: center; line-height: 1.4; margin: 68px 0 0; font-family: "游明朝", YuMincho, yu-mincho-pr6, sans-serif; padding-bottom: 90px; position: relative; }
h1:after{ content: ''; width: 8px; height: 82px; background: #f0d746; transform: skewX(-20deg); position: absolute; bottom: -41px; left: 50%; }

.container{ background: #fff; padding: 60px 50px; width: 900px; margin: 0 auto; box-shadow: 0px 10px 11px -2px rgba(0,0,0,0.12); }
.container + *{ margin-top: 65px; }
.container > *:first-child,
.container .side-img .content > *:first-child,
.container .side-img .img > *:first-child,
.container .flow-list dl dd > *:first-child,
.container .flow-list dl dd .content > *:first-child{ margin-top: 0 !important; }
.container > *:last-child,
.container .side-img .content > *:last-child,
.container .side-img .img > *:last-child,
.container .flow-list dl dd > *:last-child,
.container .flow-list dl dd .content > *:last-child{ margin-bottom: 0 !important; }

.container h2{ font-size: 28px; font-weight: 600; font-family: "游明朝", YuMincho, yu-mincho-pr6, sans-serif; line-height: 1.6; text-align: center; margin: 100px 0 50px; }
.container h3{ font-size: 18px; font-weight: 700; margin: 60px 0 22px; padding-left: 1.2em; line-height: 1.6; position: relative; }
.container h3:before{ content: '■'; color: #f0d746; position: absolute; left: 0; }
.container h4{ font-size: 16px; font-weight: 700; margin: 2em 0 1em; }
.container h4 span{ border-bottom: solid 1px #f0d746; }
.container h2 + *,
.container h3 + *,
.container h4 + *{ margin-top: 0 !important; }
.container p{ margin-bottom: 1em; }

.container .side-img{ display: flex; justify-content: space-between; padding: 40px 0; border-top: solid 1px #ebe5e2; border-bottom: solid 1px #ebe5e2; margin: 40px 0; }
.container .side-img + .side-img{ border-top: none; padding-top: 0; }
.container .side-img .img{ width: 260px; }
.container .side-img .img img{ display: block; width: 100%; }
.container .side-img .content{ width: 500px; }

.container table{ width: 100%; margin: 30px auto; }
.container table .nowrap{ white-space: nowrap; }
.container table th{ padding: 1em 2em; vertical-align: middle; }
.container table.price th{ text-align: center; }
.container table td{ padding: 1em 2em; vertical-align: middle; }
.container table.price td{ text-align: right; }
.container table tr:nth-of-type(odd){ background: #f5f5f5; }
.container table tr:nth-of-type(even){ background: #fff; }
.container table tr > *:not(:first-child){ border-left: solid 1px #e7e7e7; }
.container table tr:not(:last-child) > *{ border-bottom: solid 1px #e7e7e7; }
.container table + p.note{ font-size: 12px; margin-top: -20px; margin-bottom: 30px; }

.container ul.dice{ margin: 40px 0 40px 1em; display: table; }
.container ul.dice li{ position: relative; text-indent: -1em; }
.container ul.dice li:before{ content: '●'; color: #f0d746; position: absolute; left: 0; }
.container ul.dice li + li{ margin-top: .8em; }
.container ul.dice li span{ border-bottom: solid 1px #e6e6e6; padding-bottom: .3em; padding-left: 1.2em; }
.container ul.dice li p{margin: 1em 0;text-indent: initial;}

.container .flow-list{ display: flex; justify-content: space-between; margin: 40px 0; flex-wrap: wrap; width: 100%; counter-reset: flow; }
.container .flow-list dl{ width: 380px; }
.container .flow-list dl:nth-of-type(n+3){ margin-top: 30px; }
.container .flow-list dl dt{ font-size: 16px; font-weight: 700; color: #fff; background: #666; padding: .6em 1em .6em 55px; position: relative; margin-bottom: 14px; }
.container .flow-list dl dt:before{ counter-increment: flow; content: counter(flow,decimal-leading-zero); font-size: 28px; color: #fff; letter-spacing: 0; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); line-height: 1; font-family: "游明朝", YuMincho, yu-mincho-pr6, sans-serif; font-weight: 600; }
.container .flow-list dl dd{ display: flex; justify-content: space-around; }
.container .flow-list dl dd .content{ width: 190px; }
.container .flow-list dl dd .img{ width: 170px; }
.container .flow-list dl dd .img img{ display: block; width: 100%; }
.container .flow-list.no-img dd{ display: block; }


/**** スタッフ紹介 ****/

.container .wide-img{ display: block; width: 100%; margin: 80px 0 50px; }
.container .wide-img.sp{ display: none; }
.container .wide-img + .side-img{ border-top: none; padding-top: 0; }

.dr-box .dr-intro{ margin-bottom: 30px; display: flex; justify-content: space-between; }
.dr-box .dr-intro dt{ width: 260px; font-size: 26px; font-weight: 600; margin-bottom: 20px; }
.dr-box .dr-intro dt span{ font-size: 13px; font-weight: 400; display: block; letter-spacing: 0.05em; }
.dr-box .dr-intro dd{ width: 500px; }
.dr-box .side-ttl{ display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 40px; border-top: solid 1px #ebe5e2; }
.dr-box .side-ttl dt{ width: 260px; }
.dr-box .side-ttl dt:nth-of-type(n+2){ margin-top: 30px; }
.dr-box .side-ttl dt span{ width: 100px; height: 35px; display: flex; justify-content: center; align-items: center; font-weight: 700; color: #fff; background: #666; }
.dr-box .side-ttl dd{ width: 500px; }
.dr-box .side-ttl dd:nth-of-type(n+2){ margin-top: 30px; }
.dr-box .side-ttl .table{ display: table; }
.dr-box .side-ttl .table .row{ display: table-row; }
.dr-box .side-ttl .table p{ display: table-cell; }
.dr-box .side-ttl .table p:nth-of-type(1){ white-space: nowrap; padding-right: 2em; }
.dr-box .side-ttl ul li{ padding-left: 1em; position: relative; }
.dr-box .side-ttl ul li:before{ content: '・'; position: absolute; left: 0; }


.flex_box{display:flex;justify-content: space-between;flex-wrap: wrap;padding: 20px 0px;}
.harf{flex-basis: 48%;}
.flex_box img{width:100%;}

strong{font-weight: 800;}



.flex-btn{display: flex;flex-wrap: wrap;justify-content: space-around;margin-bottom: 50px;}

a.btn {
    width: 325px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #fff;
    background: url(../images/common/arrow02.png) #666 no-repeat;
    background-size: 19px;
    background-position: right 20px top 50%;
    padding: 0 4em;
    margin: 5px auto;
}


.big{
			font-size: 36px;
			border-bottom: 5px solid #f0d746;
		}
		.name{
			font-weight: bold !important;
			font-size: 14px !important;
		}
		.certifi{
			font-weight: bold !important;
			font-size: 30px !important;
		}
		@media(max-width:768px){
			.certifi{
			font-weight: bold !important;
			font-size: 27px !important;
		}
		.big{
			font-size: 26px;
			border-bottom: 5px solid #f0d746;
		}
		}