.mv{ position: relative; z-index: 1; }
.mv:after{ content: ''; width: 700px; height: 90px; background: url(../images-oc-watery-eye/index/shadow01.png) no-repeat; background-size: contain; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); z-index: -2; }
/*
.mv:before{ content: ''; width: 1px; height: 100px; background: #004880; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%); }
*/
.mv .inner{ width: 100%; height: 400px; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; background-repeat: no-repeat; background-size: cover; background-position: center; }
.mv.sample .inner{ background-image: url(../images-oc-watery-eye/dummy/mv01.jpg); }
.mv.about .inner{background-image: url("../images-oc-watery-eye/about/mv2.jpg");}
.mv.first .inner{background-image: url("../images-oc-watery-eye/first/mv.jpg");}
.mv.staff .inner{background-image: url("../images-oc-watery-eye/staff/mv2.jpg");}
.mv.treatment-index .inner{background-image: url("../images-oc-watery-eye/treatment/index/mv.jpg");}
.mv.treatment-about .inner{background-image: url("../images-oc-watery-eye/treatment/about/mv.jpg");}
.mv.treatment-treatment .inner{background-image: url("../images-oc-watery-eye/treatment/treatment/mv.jpg");}
.mv.clinic .inner{background-image: url("../images-oc-watery-eye/clinic/mv.jpg");}
.mv.price .inner{background-image: url("../images-oc-watery-eye/price/mv.jpg");}
.mv.alliance .inner{background-image: url("../images-oc-watery-eye/alliance/mv.jpg");}
.mv.qanda .inner{background-image: url("../images-oc-watery-eye/qanda/mv.jpg");}


.mv .inner:before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; opacity: .8;
	background: rgb(1,32,98); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(1,32,98,1) 0%, rgba(1,32,98,1) 32%, rgba(125,137,150,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(1,32,98,1) 0%,rgba(1,32,98,1) 32%,rgba(125,137,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(1,32,98,1) 0%,rgba(1,32,98,1) 32%,rgba(125,137,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012062', endColorstr='#7d8996',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.mv h1{ font-size: 30px; color: #fff; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", yu-mincho-pr6, sans-serif; font-weight: 600; font-style: normal; text-align: center;}
.mv h1 span{display: block; font-size: .8em; text-align: center;}
.mv .scroll{ font-size: 13px; color: #fff; position: absolute; bottom: 33px; left: 50%; transform: translateX(-50%); }
.mv .scroll:after{ content: ''; width: 1px; height: 30px; background: #fff; position: absolute; bottom: -33px; left: 50%; transform: translateX(-50%); }

main{ display: block; background: #dedede; overflow: hidden; padding-bottom: 100px; }

.pankuzu{ width: 1080px; margin: 15px auto 140px; }
.pankuzu li{ font-size: 13px; display: inline-block; color: #004880; }
.pankuzu li:not(:last-of-type):after{ content: '/'; }
.pankuzu li:last-of-type{ font-weight: 700; }

.container{ width: 700px; margin: 0 auto; }

.container h2{ font-size: 40px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", yu-mincho-pr6, sans-serif; font-weight: 600; color: #004880; text-align: center; margin: 120px 0 40px; line-height: 1.5; }
.container h2 span{display: block; font-size: .5em; text-align: center;}
.container h3{ font-size: 25px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", yu-mincho-pr6, sans-serif; font-weight: 600; color: #004880; border-bottom: solid 1px; margin-bottom: 1em; }
.container h4{ font-size: 20px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", yu-mincho-pr6, sans-serif; font-weight: 600; display: table; background: #004880; color: #fff; padding: 0 .6em; margin: 2em 0 1em; }
.container p{ margin-bottom: .667em; }
.container p strong{ color: #844634; font-weight: 600;}
a.btn{ margin: 0 auto;}

.container .side-img{ display: flex; justify-content: space-between; margin: 50px 0; }
.container .side-img .img{ width: 350px; }
.container .side-img .img img{ display: block; width: 100%; }
.container .side-img .content{ width: 330px; }

.container .wrap-white{ padding: 30px 50px; position: relative; z-index: 1; margin: 50px 0; }
.container .wrap-white:before{ content: ''; width: 100%; height: 100%; border-radius: 50px; background: #fff; position: absolute; top: 0; left: 0; z-index: -1; }
.container .wrap-white:after{ content: ''; width: 100%; height: 90px; background: url(../images-oc-watery-eye/index/shadow01.png) no-repeat; background-size: contain; position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); z-index: -2; opacity: .7; }
.container .wrap-white .side-img{ align-items: center; }
.container .wrap-white .side-img .img{ width: 200px; }
.container .wrap-white .side-img .content,
.container .wrap-white .side-img dl{ width: 380px; }
.container .wrap-white .side-img dl dt{ font-size: 20px; color: #004880; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", yu-mincho-pr6, sans-serif; font-weight: 600; margin-bottom: .3em; }
.container .wrap-white dl dt{ font-size: 20px; color: #004880; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", yu-mincho-pr6, sans-serif; font-weight: 600; margin-bottom: .3em; text-align: center;}
.container .wrap-white dl iframe{width: 100%; height: 350px; margin-top: 20px;}

.container .check-list{ margin: 50px 0; }
.container .wrap-white .check-list dl{margin-bottom: 30px;}
.container .wrap-white .check-list dt{ padding-left: 40px; font-size: 18px; font-weight: 700; color: #004880; position: relative; text-align: left;}
.container .check-list dt:before{ content: ''; width: 30px; height: 30px; background: url(../images-oc-watery-eye/common/icon-check01.png) no-repeat; background-size: contain; position: absolute; left: 0; }
.container .check-list dd + dt,
.container .check-list dt + dt{ margin-top: 28px; }
.container .check-list dd{ padding-left: 40px; margin-top: 3px; }

.container ol{ counter-reset: number; margin: 50px 0; }
.container ol li{ position: relative; padding-left: 170px; min-height: 150px; display: flex; align-items: center; }
.container ol li + li{ margin-top: 20px; }
.container ol li:before{ counter-increment: number; content: counter(number,decimal-leading-zero); width: 150px; height: 157px; padding-bottom: 7px; font-size: 50px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", yu-mincho-pr6, sans-serif; font-weight: 600; color: #fff; display: flex; justify-content: center; align-items: center; background: url(../images-oc-watery-eye/common/icon-counter01.png) no-repeat; background-size: contain; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.container ol li dl dt{ font-size: 22px; font-weight: 700; color: #004880; margin-bottom: .3em; }

.container table{ width: 100%; margin: 50px 0; border-collapse: separate; border-spacing: 0 2px; }
.container table th{ padding: 1em; background: #004880; color: #fff; vertical-align: middle; }
.container table td{ padding: 1em; background: #fff; vertical-align: middle; }


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

.contact-box .side-img{ display: flex; justify-content: space-between; margin: 50px 0; }
.contact-box .side-img .img{ width: 275px; }
.contact-box .side-img .img img{ display: block; width: 100%; }
.contact-box .side-img .content{ width: 500px; }
.contact-box .side-img .content h3{font-size: 25px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", yu-mincho-pr6, sans-serif; font-weight: 600; color: #004880; border-bottom: solid 1px; margin-bottom: 1em; color: #fff;}
.contact-box .side-img .content p{color: #fff;}

.container .side-img + p{margin-top: -30px;}
iframe .video{width:100%;}

.container table.staff-table{width: 100%; table-layout: fixed; border-collapse: collapse;}
.container table.staff-table th{background: #fff; color: #000; padding: .2em; width: 20%; font-size:13px;  vertical-align: top;}
.container table.staff-table td{padding:.2em; width: 70%; font-size:13px;}
.container table.tyousei{width:100%;}
.container table.tyousei th{width:30%;}
.container table.tyousei td{width:70%;}
.container .side-img .half{ width: calc(100%/2 - 10px);}
.container .side-img .half h4{font-size:18px; margin: 0 auto; width: 100%; text-align: center;}

/*worry*/
.ttl-wrap{ width: 960px; margin: 0 auto; position: relative; padding: 25px 0; z-index: 2; }
.ttl-wrap .inner{ width: 400px; height: 250px; background: #fff; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; }
.ttl-wrap.right .inner{ margin-left: auto; }
.ttl-wrap .inner:before{ content: ''; width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: -1; }
.ttl-wrap .inner:after{ content: ''; width: 350px; height: 70px; background: url(../images-oc-watery-eye/index/shadow01.png) no-repeat; background-size: contain; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); z-index: -2; }
.ttl-wrap .inner h2{ font-size: 30px; font-weight: 600; color: #004880; text-align: center; line-height: 1.5; }
.ttl-wrap .inner h2 span{ display: block; font-size: 13px; text-align: center; margin-top: .4em; letter-spacing: .09em; }
.ttl-wrap .img{ width: calc(50vw + 220px); height: 100%; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; z-index: 0; }
.ttl-wrap.left .img{ right: calc(-50vw + 480px); }
.ttl-wrap.right .img{ left: calc(-50vw + 480px); }

.wrap-gray{ background: #dfdfdf; }

.round-dot{ padding: 60px 125px 70px; position: relative; z-index: 1; margin-left: auto; margin-right: auto; }
.round-dot:before{ content: ''; width: 100%; height: 100%; border-radius: 300px; background-color: #dedede; background-image: url(../images-oc-watery-eye/index/bg-smoke01.png), url(../images-oc-watery-eye/common/bg-dot01.png); background-repeat: no-repeat, repeat; background-position: center, center; background-size: cover, auto; position: absolute; top: 0; left: 0; z-index: -1; }
.round-dot:after{ content: ''; width: 700px; height: 90px; background: url(../images-oc-watery-eye/index/shadow01.png) no-repeat; background-size: contain; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); z-index: -2; }
.round-dot h3{ font-size: 40px; font-weight: 600; text-align: center; color: #004880; margin-bottom: .4em; }
.round-dot p{ line-height: 2; }
.round-dot a.btn{ margin: 20px auto 0; }

.worry .ttl-wrap .img{ background-image: url("../images-oc-watery-eye/treatment/index/bg-worry.jpg"); }
.worry .wrap-gray,
.treatment .wrap-gray{ margin-top: -150px; padding: 250px 0 0; margin-bottom: 100px; }
.worry .wrap{ width: 900px; }
.worry .worry-list + a.btn{ margin: 50px auto 100px; }


.flex_btn{
    display: flex;
    margin-top: 20px;
}
.flex_btn .btn{width:48%!important;}

#price table th,#price table td{ font-size: 14px; letter-spacing: 0;}
#price table th,#price table td p,#price table th,#price table td p strong{ font-size: 14px;}

.catchcopy{ width: 100%; margin-bottom: 1rem; color: #FFF; font-size: 25px; font-family: YuMincho,serif; font-weight: 500; text-align:center;  background: url(../images/index/webp/mv-bg01.webp) no-repeat 0 0 / 20% auto, url(../images/index/webp/mv-bg02.webp) no-repeat 100% 100% / 20% auto; background-color: #004880; }
.catchcopy span { background: linear-gradient( 90deg, #dbb00b 0%, #dbb00b 45%, #fde79d 70%, #dbb10c 85%, #dbb10c 90%, #bc7f04 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; font-weight: 600; font-size: 120%; }