nav.static{ height: 0; display: none; }

.mv{ height: 300px !important; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; }
.mv.dummy{ background-image: url(../images-oc-lower-eyelid/dummy/mv01.jpg); }
.mv.about{ background-image: url("../images-oc-lower-eyelid/about/about_mv.jpg"); }
.mv.alliance-mv{ background-image: url("../images-oc-lower-eyelid/alliance/alliance_mv.jpg"); }
.mv.first{ background-image: url("../images-oc-lower-eyelid/first/first_mv.jpg"); }
.mv.staff{ background-image: url("../images-oc-lower-eyelid/staff/staff_mv.jpg"); }
.mv.symptom{ background-image: url("../images-oc-lower-eyelid/symptom/sympton_mv.jpg"); }
.mv.treatment_mv{ background-image: url("../images-oc-lower-eyelid/treatment/treatment_mv.jpg"); }
.mv.price{ background-image: url("../images-oc-lower-eyelid/price/price_mv.jpg"); }
.mv.access{ background-image: url("../images-oc-lower-eyelid/access/access_mv.jpg"); }
.mv.case{ background-image: url("../images-oc-lower-eyelid/case/case_mv.jpg"); }
.mv.a6{ background-image: url("../images-oc-lower-eyelid/alliance/alliance_mv.jpg"); }
.mv.contact{ background-image: url("../images-oc-lower-eyelid/contact/contact_mv.jpg"); }
.mv.qa{ background-image: url("../images-oc-lower-eyelid/qa/qa_mv.jpg"); }

.pankuzu-wrap{ background: #fff; padding: .8em 1em; }
.pankuzu{ max-width: 1320px; margin: 0 auto; }
.pankuzu li{ display: inline-block; color: #a38138; }
.pankuzu li:not(:last-of-type):after{ content: '-'; }
.pankuzu li:last-of-type{ font-weight: 700; }

main{ display: block; width: 850px; margin: 0 auto; padding: 115px 0 0; }
main.pt_0{padding:0;}

main h1{ font-size: 40px; color: #9e3437; display: table; margin: 0 auto 50px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight: 600; line-height: 1.6; }
main h1 small{ display: block; text-align: center; font-size: 14px; position: relative; z-index: 0; }
main h1 small:before{ content: ''; width: 100%; height: 1px; background: #9e3437; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: -1; }
main h1 span{ background: #f0efec; padding: 0 .5em; letter-spacing: 0; }

main > .side-img{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; }
main > .side-img .img{ width: 280px; }
main > .side-img2 .img{ width: 430px; }
main > .side-img .img img{ display: block; width: 100%; border-radius: 100%; }
main > .side-img2 .img img{ border-radius: 0;}
main > .side-img .content{ width: 540px; }
main > .side-img2 .content{ width: 360px; }
main > .side-img .content p{ font-size: 18px; margin-bottom:13px; }

.container{ background: #fff; padding: 50px; }
.container + .container{ margin-top: 50px; }
.container:last-child{margin-bottom: 100px;}
.container *{ letter-spacing: 0.07em; }

.container a.btn{ width: 380px; height: 60px; margin: 16px auto; }

.container > *:first-child,
main > .side-img .content > *:first-child,
.container .side-img .content > *:first-child,
.container h2 + *,
.container h3 + *,
.container h4 + *{ margin-top: 0 !important; }

.container > *:last-child,
main > .side-img .content > *:last-child,
.container .side-img .content > *:last-child{ margin-bottom: 0 !important; }

.container h2{ font-size: 30px; font-weight: 700; color: #9e3437; border-bottom: solid 1px; margin: 80px 0 30px; }
.container h3{ font-size: 20px; font-weight: 700; color: #9e3437; background: #eae7e5; padding: 0 .5em; margin: 60px 0 24px; }
.container h3 small,.container h4 small{font-size: 0.9em;}
.container h4{ font-size: 18px; font-weight: 700; color: #9e3437; padding-left: 1em; position: relative; margin: 30px 0 14px; }
.container h4:before{ content: ''; width: 12px; height: 12px; background: #9e3437; border-radius: 6px; position: absolute; left: 0; top: 10px; }
.container h5{font-size: 16px;font-weight: 700;color: #fff;background: #a38138;width: max-content;padding: 0pc 10px; margin: 30px 0px 10px;}


.container p{ margin-bottom: 1em; }

.container .side-img{ display: flex; justify-content: space-between; margin: 50px 0; }
#about .side-img{margin-bottom:25px;}
.container .side-img .img{ width: 350px; }
.container .side-img .img img{ display: block; width: 100%; }
.container .side-img .img img + img{ margin-top: 20px; }
.container .side-img .content{ width: 380px; }
.container .flex{display: flex; justify-content: space-between; flex-wrap: wrap;}
.container .flex .half{width: calc(50% - 10px); margin-bottom: 10px;}

.container ul.check{ margin: 40px 0; }
.container ul.check li{ padding-left: 38px; position: relative; }
.container ul.check li + li{ margin-top: 20px; }
.container ul.check li:before{ content: ''; width: 28px; height: 28px; background: url(../images-oc-lower-eyelid/common/icon-check01.jpg) no-repeat; background-size: contain; position: absolute; left: 0; top: 2px; }
.container ul.check li dl dt{ font-size: 18px; font-weight: 700; color: #a38138; }

.container ul.number{ margin: 40px 0; }
.container ul.number li{ display: flex; justify-content: space-between; align-items: center; position: relative; padding-left: 60px; }
.container ul.number li + li{ margin-top: 30px; }
.container ul.number li:before{ content: ''; width: 50px; height: 50px; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); left: 0; }
.container ul.number li:nth-of-type(1):before{ background-image: url(../images-oc-lower-eyelid/common/no01.png); }
.container ul.number li:nth-of-type(2):before{ background-image: url(../images-oc-lower-eyelid/common/no02.png); }
.container ul.number li:nth-of-type(3):before{ background-image: url(../images-oc-lower-eyelid/common/no03.png); }
.container ul.number li:nth-of-type(4):before{ background-image: url(../images-oc-lower-eyelid/common/no04.png); }
.container ul.number li:nth-of-type(5):before{ background-image: url(../images-oc-lower-eyelid/common/no05.png); }
.container ul.number li:nth-of-type(6):before{ background-image: url(../images-oc-lower-eyelid/common/no06.png); }
.container ul.number li:nth-of-type(7):before{ background-image: url(../images-oc-lower-eyelid/common/no07.png); }
.container ul.number li:nth-of-type(8):before{ background-image: url(../images-oc-lower-eyelid/common/no08.png); }
.container ul.number li:nth-of-type(9):before{ background-image: url(../images-oc-lower-eyelid/common/no09.png); }
.container ul.number li:nth-of-type(10):before{ background-image: url(../images-oc-lower-eyelid/common/no10.png); }
.container ul.number li .img{ width: 130px; }
.container ul.number li .img img{ display: block; width: 100%; border-radius: 100%; }
.container ul.number li dl{ width: 545px; }
.container ul.number li dl dt{ font-size: 18px; font-weight: 700; color: #a38138; }

.container table{ margin: 40px 0; width: 100%; border: solid 1px #000; border-collapse: separate; }
.container table.fixed{ table-layout: fixed; }
.container table th{ background: #eae7e5; padding: .5em .8em; border-bottom: solid 1px #c8c8c8; vertical-align: middle; }
.container table td{ padding: .5em .8em; border-bottom: solid 1px #c8c8c8; vertical-align: middle; font-size: 14px; }
.container table tr:last-of-type td,
.container table tr:last-of-type th{ border-bottom: none; }
.container table.priority-th th{ width: 1px; white-space: nowrap; }

strong{border-bottom:#a3813870 1px solid; padding-bottom:2px;font-weight: bold;}

/**** staff ****/
.container img.dr-pic{ display: block; width: 100%; margin-bottom: 45px; }
.container img.dr-pic + h2{ margin-top: 0; }
.container h2 span{ display: block; font-size: 16px; line-height: 2; }
.container table.priority-th.staff th{ width: 180px; vertical-align: top; }


/**** about ****/
.policy_text h2{font-size:20px; margin-bottom:20px; color:#a38138;}
main > .side-img .policy_text p{ font-size:25px; line-height:2; color:rgb(158, 52, 55); font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.policy_wrap{padding:0 0 50px;}
.policy_wrap p{margin-bottom:15px; line-height:2;}
main #about h2{text-align:center; margin-bottom:0px;}
main #about h3{font-size:24px; background:#a38138; padding: 20px 18px 0px 100px; height:80px; margin:80px 0 30px; color:#FFF; position:relative; width:100%; background:#a38138;}
main #about h3 span{ width:80px; height:80px; text-align:center; vertical-align:middle; position:absolute; top:0; left:0; color:#FFF; font-size:44px; background:#9e3437;}

/**** first ****/
.container .video {width:100%; height:350px;}

/**** treatment ****/
#ope{ padding:30px 0 100px; margin:100px 0 0;}

/**** access ****/
table.time_table th{background:#9e3437; color:#FFF;}
table.time_table th:not(:first-child){ border-left:#FFF 1px solid;}
table.time_table th,table.time_table td{text-align:center;}

/**** price ****/
#price .container table td,#price .container table th{letter-spacing:0;}
#price .container table td span{color:#9e3437;}
#price .container table td{text-align:center; font-size:14px;}

/**** tratment ****/
table.img_table{margin-top:20px;}
table.img_table th,table.img_table td{text-align:center; width:50%; padding:10px 10px 5px;}
table.img_table th{font-weight:bold;padding:10px;}
table.img_table td img{width:100%; height:auto; }
.ope ul.check{ margin: 40px 0 10px; }
#contact h3{padding-left:0;}
#contact h3 span{background:#a38138; color:#FFF; padding:8px 10px; margin-right:5px;}

.tit{font-weight: bold;}
.flex_box{display: flex; justify-content: space-between; flex-wrap: wrap;}
.item40{flex-basis: 40%}
.item60{flex-basis: 55%}
.treat-list{display: flex; justify-content: space-between; flex-wrap: wrap;}
.treat-list dl{width: 48%; margin-right:0; margin-bottom:10px;}
.treat-list dl dd .detail{bottom:0;}

.case{ padding: 95px 0 110px; }
.case h2,.case > p{ font-size: 35px; color: #9e3437; text-align: center; margin-bottom: 40px; }
.case .case-list{ display: flex; justify-content: space-between; } 
.case .case-list li{ width: 300px; background: #fff; padding-bottom: 75px; position: relative; transition: .3s; }
.case .case-list li:hover{ opacity: .7; }
.case .case-list li img{ display: block; width: 100%; }
.case .case-list li .inner{ padding: 30px 35px 0; }
.case .case-list li h3{ font-size: 25px; color: #a38138; text-align: center; position: relative; z-index: 0; margin-bottom: 25px; }
.case .case-list li h3:before{ content: ''; width: 65px; height: 65px; border-radius: 40px; border: solid 1px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1; }
.case .case-list li h3 span{ background: #fff; padding: .1em 0; }
.case .case-list li .detail{ position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); }
.case a.btn{ margin-top: 50px; }
.alliance{margin-top: 0;}

.flex_btn{
    display: flex;
}
.flex_btn .btn{width:48%!important;}
.point_box{ background: #f0efec; padding:25px 20px 30px; border-radius: 10px; margin-bottom: 30px;}
.point_box table td{ background: #FFF;}
.point_box table{ margin-bottom: 0;}
.container .point_box h4{ margin-top:0; }


/*追加分*/
section.dr{ margin: 0 calc(50% - 50vw); width: 100vw;}
.dr h2{ margin-bottom: 90px; }
.dr .profile{ padding: 95px 0 0; background: url(../images-oc-lower-eyelid/index/bg-dr01.jpg) no-repeat; background-size: cover; background-position: center; position: relative; }
.dr .profile .img{ width: calc(50vw + 20px); height: 350px; background: url(../images-oc-lower-eyelid/index/bg-dr02.jpg) no-repeat; background-size: cover; background-position: right; border-radius: 0 0 0 175px; position: absolute; top: -50px; right: 0; }
.dr .profile .img img{ width: 500px; position: absolute; bottom: 0; left: 100px; }
.dr .profile .item01{ display: block; width: 100%; margin-top: 15px; }
.dr .profile .item01.sp{ display: none; }
.dr .profile h3{ font-size: 35px; font-weight: 700; color: #fff; margin-bottom: 16px; }
.dr .profile h3 span{ display: block; font-size: 16px; line-height: 1; letter-spacing: 0.04em; }
.dr .profile p{ max-width: 400px; color: #fff; }
.dr .profile a.btn{ margin-top: 35px; }


.dr ul li{
    font-size: 2rem;
    font-weight: 700;
    padding-left: 65px;
    margin-bottom: 1rem;
}

.dr ul li:first-of-type {
    color: #fff;
    background: url("../images-oc-lower-eyelid/index/reason-no01-wt.png") no-repeat;
    background-size: 50px;
    background-position: top 50% left 0;
}
.dr ul li:nth-of-type(2) {
    color: #fff;
    background: url("../images-oc-lower-eyelid/index/reason-no02-wt.png") no-repeat;
    background-size: 50px;
    background-position: top 50% left 0;
}

.dr ul + p{
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    margin-bottom: 16px;
}
.add{margin: 80px auto 0; width: 800px;}
.add .side-img{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; }
.add .side-img:not(:first-child){margin-top: 150px;}
.add .side-img .img{ width: 250px; }
.add .side-img .img img{ display: block; width: 100%; border-radius: 100%; }
.add .side-img .content{ width: 500px; }
.add .side-img .content p{ font-size: 18px; margin-bottom:13px; }
.add .side-img .content > p:first-child{ font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #a38138; display: table;} 

/*tabの形状*/
.tab{
	display: flex;
	flex-wrap: wrap;
}
.tab li a{
	display: block;
    color: #a38138;
    font-weight: 900;
	background:#ddd;
	margin:0 2px;
	padding:10px 15px;
}
/*liにactiveクラスがついた時の形状*/
.tab li.active a{
	background:#fff;
}


/*エリアの表示非表示と形状*/
.area {
	display: none;/*はじめは非表示*/
	opacity: 0;/*透過0*/
	background: #fff;
	padding:50px 20px;
}

/*areaにis-activeというクラスがついた時の形状*/
.area.is-active {
    display: block;/*表示*/
    animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

@keyframes displayAnime{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


.worry{ padding-bottom: 120px; }
.worry .ttl{ padding: 90px 0 0; background: url(../images-oc-lower-eyelid/index/bg-worry01.jpg) no-repeat; background-size: cover; background-position: center; }
.worry .ttl h2.general{ color: #fff; margin-bottom: 45px; }
.worry .ttl h2.general small:before{ background: #fff; width: calc(50% - 4.5em); }
.worry .ttl h2.general small:after{ content: ''; background: #fff; width: calc(50% - 4.5em); height: 1px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.worry .ttl ul{ display: table; margin: 0 auto; }
.worry .ttl ul li{ color: #fff; font-size: 25px; padding-left: 42px; background: url(../images-oc-lower-eyelid/index/icon-check01.jpg) no-repeat; background-size: 28px; background-position: top 50% left 0; }
.worry .ttl .item01{ display: block; width: 100%; margin-top: 20px; }
.worry .ttl .item01.sp{ display: none; }
.worry .worry-list{ display: flex; justify-content: space-between; margin-top: 50px; }
.worry .worry-list li{ width: 300px; background: #fff; padding: 30px 34px 60px; position: relative; /*transition: .3s; */}
/*.worry .worry-list li:hover{ opacity: .7; }*/
.worry .worry-list li .icon-wrap{ width: 180px; margin: 0 auto; position: relative; }
.worry .worry-list li .icon-wrap:after{ content: ''; width: 60px; height: 60px; background: url(../images-oc-lower-eyelid/index/icon-chexk02.png) no-repeat; background-size: contain; position: absolute; top: 0; left: -20px; }
.worry .worry-list li h3{ font-size: 20px; font-weight: 700; color: #a38138; text-align: center; margin-bottom: .5em; }
.worry .worry-list li .detail{ position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); }
.worry .worry-list + a.btn{ margin-top: 50px; }


.tab {
    display: flex;
    flex-wrap: inherit;
}
.tab li.active a {
    background: #9e3437;
    position: relative;
}
.tab li a {
    display: block;
    color: #fff;
    font-weight: 900;
    background: #595757;
    margin: 0 2px;
    padding: 10px 15px;
    border-radius: 10px 10px 0px 0px;
    font-size: .9rem;
}
.tab li a:hover{
background: #9e3437;
}
.tab li.active a::after {
    z-index: 99;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 9px;
    background-color: #9e3437;
    content: '';
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.post-categories,.tag-list {
    display: flex;
    flex-wrap: wrap;
    margin: 1rem auto;
    width: 800px;
}

.tag-list{
    margin-bottom: 4rem;
}

.post-categories li,.tag-list li {
    font-size: .9rem;
    margin-right: 1em;
    margin-top: .5em;
}

.post-categories li a {
    background:#9e3537;
}

.post-categories li a,.tag-list li a {
    color: #fff;
    display: block;
    padding: .2em .6em
}
.tag-list li a {
    background: #a38138;
}