*{	
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #000;
	box-sizing: border-box;
	word-break: break-all;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 0.1em;
	text-align: justify;
}

.mincho{ font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", yu-mincho-pr6, sans-serif; font-weight: 400; font-style: normal; }

/****
Yu Mincho Pr6 R
font-family: yu-mincho-pr6, sans-serif;
font-weight: 400;
font-style: normal;
***/

a{ transition: .3s; }
a:hover{ opacity: .7; }

br{ line-height: inherit; }

span, a, strong, small{ color: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; letter-spacing: inherit; }

body{ padding-right: 60px; }

.wrap{ width: 1000px; margin: 0 auto; }
.wrap.large{ width: 1000px; }

.shadow{ box-shadow: 0px 6px 20px -6px rgba(50,50,65,0.3); }

.linkwrap{ width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10; }
.body-wrap{ overflow: hidden; position: relative; }

.sp{ display: none; }

a.btn{ width: 400px; height: 80px; background: #004880; display: flex; justify-content: center; align-items: center; font-size: 15px; color: #fff; max-width: 100%; }
a.btn:hover{ opacity: 1; background: #002151; }
a.btn span{ padding-right: 28px; background: url(../images-oc-watery-eye/common/arrow02.png) no-repeat; background-size: 7px; background-position: top 50% right 0; }

header{ position: absolute; top: 40px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 10; }
header ul{ display: flex; width: 100%; justify-content: center; }
header ul li{ font-size: 13px; color: #fff; }
header ul li:not(:last-of-type):after{ content: '・'; margin: 0.8em; }

.side-bar{ width: 60px; height: 100%; background: #b1b1b6; position: fixed; top: 0; right: 0; display: flex; justify-content: center; align-items: center; }
.side-bar ul li:nth-of-type(1){ padding-bottom: 65px; border-bottom: solid 1px #004880; margin-bottom: 65px; }
.side-bar a{ -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; /*display: block;*/ font-weight: 700; color: #004880; padding-bottom: 20px; background: url(../images-oc-watery-eye/common/arrow01.png) no-repeat; background-size: 8px; background-position: bottom 0 left 50%; position: relative; }
.side-bar a.tel{ padding-top: 30px; }
/*.side-bar a.tel:before{ content: ''; width: 23px; height: 23px; background: url(../images-oc-watery-eye/common/icon-tel01.png) no-repeat; background-size: contain; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }*/
.side-bar a.tel:before{ content: ''; width: 23px; height: 23px; background: url("../images-oc-watery-eye/common/icon-clinic01.png") no-repeat; background-size: contain; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.side-bar a.contact{ padding-top: 27px; }
.side-bar a.contact:before{ content: ''; width: 25px; height: 18px; background: url(../images-oc-watery-eye/common/icon-mail01.png) no-repeat; background-size: contain; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

.worry-list{ display: flex; flex-wrap: wrap; }
.worry-list li{ width: calc(100% / 3); padding-left: 138px; position: relative; min-height: 50px; display: flex; align-items: center; background: url(../images-oc-watery-eye/common/icon-check01.png) no-repeat; background-size: 30px; background-position: top 50% left 0; transition: .3s; }
.worry-list li:hover{ opacity: .7; }
.worry-list li p{ position: relative; padding-left: 1em; }
.worry-list li p:before{ content: '-'; position: absolute; left: 0; }
.worry-list li:nth-of-type(n+4){ margin-top: 50px; }
.worry-list li img{ width: 100px; position: absolute; left: 37px; top: 50%; transform: translateY(-50%); }

.contact-box{ background: url(../images-oc-watery-eye/common/bg-contact01.jpg) no-repeat; background-attachment: fixed; background-size: cover; padding: 80px 0 100px; }
.contact-box .wrap{ width: 810px; }
.contact-box h2{ font-size: 30px; font-weight: 600; color: #fff; text-align: center; margin-bottom: 1em; }
.contact-box h2 + p{ max-width: 600px; margin: 0 auto 40px; color: #fff; }
/*.contact-box .two-btn{ display: flex; justify-content: space-between; }*/
.contact-box .two-btn{ display: flex; justify-content: center; }
.contact-box .two-btn a{ display: flex; justify-content: center; align-items: center; width: 400px; height: 80px; font-size: 25px; font-weight: 700; color: #004880; background: #fff; }
.contact-box .two-btn a:hover{ opacity: 1; background: #dfdfdf; }
/*.contact-box .two-btn a:nth-of-type(1) span{ padding: 0 23px 0 40px; background: url(../images-oc-watery-eye/common/icon-tel01.png), url(../images-oc-watery-eye/common/arrow03.png); background-repeat: no-repeat, no-repeat; background-size: 23px, 7px; background-position: top 50% left 0, top 50% right 0; }*/
.contact-box .two-btn a:nth-of-type(1) span{ padding: 0 23px 0 40px; background: url("../images-oc-watery-eye/common/icon-clinic01.png"), url(../images-oc-watery-eye/common/arrow03.png); background-repeat: no-repeat, no-repeat; background-size: 23px, 7px; background-position: top 50% left 0, top 50% right 0; }
.contact-box .two-btn a:nth-of-type(2) span{ padding: 0 23px 0 45px; background: url(../images-oc-watery-eye/common/icon-mail01.png), url(../images-oc-watery-eye/common/arrow03.png); background-repeat: no-repeat, no-repeat; background-size: 25px, 7px; background-position: top 50% left 0, top 50% right 0; }

.case.wrap{ width: 750px; padding-top: 90px;}
.case h2{ font-size: 40px; font-weight: 600; color: #004880; text-align: center; margin-bottom: .8em; }
.case h2 + p{ text-align: center; line-height: 2; margin-bottom: 40px; }
.case .flex{display: flex; justify-content: space-between; flex-wrap: wrap;}
.case p strong{font-size: 1.1em; font-weight: 600; color: rgb(0, 72, 128);;}
.case .flex .half{width: calc(50% - 10px);}
.case .flex .half h4{font-size:18px; margin: 0 auto; width: 100%; text-align: center; font-family: 游明朝, YuMincho, "Hiragino Mincho ProN W3", yu-mincho-pr6, sans-serif; font-weight: 600; display: table; color: rgb(255, 255, 255); background: rgb(0, 72, 128); padding: 0px 0.6em;}
.case .btn{margin: 45px auto;}

.group.wrap{ width: 750px; padding-top: 90px; padding-bottom: 100px; }
.group h2{ font-size: 40px; font-weight: 600; color: #004880; text-align: center; margin-bottom: .8em; }
.group h2 + p{ text-align: center; line-height: 2; margin-bottom: 40px; }
.group ul li{ display: flex; align-items: center; padding-left: 210px; padding-right: 40px; height: 190px; position: relative; z-index: 2; transition: .3s; }
.group ul li:hover{ opacity: .7; }
.group ul li + li{ margin-top: 10px; }
.group ul li:before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;
	 background: rgb(0,39,97); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(0,39,97,1) 0%, rgba(0,72,128,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(0,39,97,1) 0%,rgba(0,72,128,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(0,39,97,1) 0%,rgba(0,72,128,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002761', endColorstr='#004880',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.group ul li: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; }
.group ul li .icon{ width: 150px; position: absolute; top: 50%; left: 30px; transform: translateY(-50%); }
.group ul li span:after{ content: ''; width: 11px; height: 13px; background: url(../images-oc-watery-eye/common/arrow02.png) no-repeat; background-size: 7px; position: absolute; top: 50%; right: 24px; transform: translateY(-50%); }
.group ul li span img{ display: block; width: 470px; }

.foot-info .wrap{ width: 850px; position: relative; }
.foot-info .content{ width: 440px; position: relative; z-index: 1; padding: 70px 0 60px; }
.foot-info .content:before{ content: ''; width: calc(50vw + 240px); height: 100%; background: #dfdfdf; position: absolute; top: 0; left: calc(-50vw + 425px); z-index: -1; }
.foot-info dl{ margin-bottom: .8em; }
.foot-info ul{ padding-left: 43px; background: url(../images-oc-watery-eye/common/icon-train01.png) no-repeat; background-size: 25px; background-position: top 50% left 4px; }
.foot-info ul li{ font-size: 13px; color: #004880; padding-left: 1em; position: relative; }
.foot-info ul li:before{ content: '・'; position: absolute; left: 0; }
.foot-info .map{ width: 400px; height: 350px; position: absolute; top: 50%; right: -40px; transform: translateY(-50%); z-index: 2; }
.foot-info .map iframe{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; filter:grayscale(100%); -webkit-filter:grayscale(100%); }

.hour-table{ width: 100%; table-layout: fixed; }
.hour-table *{ font-weight: 700; color: #004880; text-align: center; padding: .5em 0; }
.hour-table thead{ background: #cbcbcb; border-bottom: solid 1px; }
.hour-table thead th{ width: 120px; }
.hour-table tbody{ background: #fff; }
.hour-table tr *:not(:last-child){ border-right: solid 1px; }
.hour-table + p{ font-size: 13px; margin: .2em 0 1.4em; }

footer{ padding: 295px 0 30px; margin-top: -200px; background: url(../images-oc-watery-eye/common/bg-footer01.jpg) no-repeat; background-size: cover; background-attachment: fixed; }
footer .wrap{ width: 1000px; border-bottom: solid 1px #fff; padding-bottom: 85px; margin-bottom: 35px; }
footer .logo{ display: block; width: 400px; margin: 0 auto 40px; }
footer .site-map{ width: 667px; margin: 0 auto; display: flex; justify-content: space-between; }
footer .site-map dl dt{ font-size: 13px; color: #fff; line-height: 2; }
footer .site-map dl dt.parent:after{ transition: .4s; }
footer .site-map dl dt.parent.active:after{ transform: rotate(90deg); }
footer .site-map dl dd ul li{ font-size: 13px; color: #fff; padding-left: 1em; line-height: 2; position: relative; }
footer .site-map dl dd ul li:before{ content: '-'; position: absolute; left: 0; }
footer .copy{ font-size: 13px; color: #fff; text-align: center; }

.menu-btn{ width: 120px; height: 110px; background: #004880; position: fixed; top: 0; right: 0; z-index: 10000; cursor: pointer; }
.menu-btn .inner{ width: 60px; height: 21px; position: relative; margin: 35px auto 10px; }
.menu-btn .inner span{ width: 100%; height: 1px; background: #fff; position: absolute; left: 0; transition: .3s; }
.menu-btn .inner span:nth-of-type(1){ top: 0; }
.menu-btn .inner span:nth-of-type(2){ top: 50%; transform: translateY(-50%); }
.menu-btn .inner span:nth-of-type(3){ bottom: 0; }
.menu-btn.active .inner span:nth-of-type(1){ transform: rotate(19deg) translate(3px, 9px); }
.menu-btn.active .inner span:nth-of-type(2){ opacity: 0; }
.menu-btn.active .inner span:nth-of-type(3){ transform: rotate(-19deg) translate(3px, -10px); }
.menu-btn p{ font-size: 13px; text-align: center; color: #fff; }

.hamburger{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9998; display: flex; justify-content: center; align-items: center; transition: .3s; opacity: 0; visibility: hidden;
	background: rgb(0,70,131); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(0,70,131,1) 0%, rgba(0,26,75,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(0,70,131,1) 0%,rgba(0,26,75,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(0,70,131,1) 0%,rgba(0,26,75,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004683', endColorstr='#001a4b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.hamburger.active{ opacity: 1; visibility: visible; }
.hamburger .inner{ width: 790px; display: flex; justify-content: space-between; align-items: center; }
.hamburger:before{ content: ''; width: 100%; height: 100%; background: url(../images-oc-watery-eye/common/bg-dot02.png); position: absolute; top: 0; left: 0; z-index: -1; }
.hamburger .left .logo{ display: block; width: 400px; margin: 0 auto 30px; }
.hamburger .left .logo + p{ font-size: 13px; text-align: center; color: #fff; }
.hamburger .right ul{ padding-left: 40px; border-left: solid 1px #fff; }
.hamburger .right ul li{ font-size: 20px; color: #fff; line-height: 2.2; }
.hamburger .right ul li a{ display: block; padding-right: 25px; background: url(../images-oc-watery-eye/common/arrow02.png) no-repeat; background-size: 7px; background-position: top 50% right 0; }


small{font-size: .9em;}

@media(max-width: 768px){
	*{ font-size: 3.6777vw; }

	.sp{ display: block; }
	.pc{ display: none !important; }

	.wrap{ width: 100%; }

	body{ padding-right: 0; }

	a.btn{ width: 80vw; height: 12vw; margin-left: auto; margin-right: auto; font-size: 3.733vw; }
	a.btn span{ background-size: 1.333vw; padding-right: 4.26vw; }

	.side-bar{ width: 100%; height: auto; bottom: 0; top: auto; z-index: 9997; display: block; }
	.side-bar ul{ display: flex; }
/*	.side-bar ul li{ width: 50%; }*/
    .side-bar ul li {width: 100%;}
	.side-bar ul li:nth-of-type(1){ padding: 0; margin: 0; border-bottom: none; position: relative; }
	.side-bar ul li:nth-of-type(1):after{ content: ''; width: 1px; height: 10.666vw; background: #004880; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
	.side-bar a{ -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; font-size: 4vw; width: 100%; height: 14.66vw; display: flex; justify-content: center; align-items: center; padding: 0; background: no-repeat; }
	.side-bar a.tel:before, .side-bar a.contact:before{ content: none; }
	.side-bar a.tel, .side-bar a.contact{ padding-top: 0; }
/*	.side-bar a.tel span{ padding: 0 3.333vw 0 4.933vw; background: url(../images-oc-watery-eye/common/icon-tel01.png), url(../images-oc-watery-eye/common/arrow03.png); background-repeat: no-repeat, no-repeat; background-size: 3.066vw, 1.33vw; background-position:  top 50% left 0, top 50% right 0; }*/
	.side-bar a.tel span{ padding: 0 3.333vw 0 4.933vw; background: url("../images-oc-watery-eye/common/icon-clinic01.png"), url(../images-oc-watery-eye/common/arrow03.png); background-repeat: no-repeat, no-repeat; background-size: 3.066vw, 1.33vw; background-position:  top 50% left 0, top 50% right 0; }
	.side-bar a.contact span{ padding: 0 3.333vw 0 5.466vw; background: url(../images-oc-watery-eye/common/icon-mail01.png), url(../images-oc-watery-eye/common/arrow03.png); background-repeat: no-repeat, no-repeat; background-size: 3.333vw, 1.33vw; background-position: top 50% left 0, top 50% right 0; }

	.menu-btn{ width: 16vw; height: 14.66vw; }
	.menu-btn .inner{ width: 10.66vw; height: 2.8vw; margin: 5vw auto 0.5vw; }
	.menu-btn .inner span{ height: 0.26vw; }
	.menu-btn.active .inner span:nth-of-type(1){ transform: rotate(13deg) translate(.2vw, 1.4vw); }
	.menu-btn.active .inner span:nth-of-type(3){ transform: rotate(-13deg) translate(.2vw, -1.1vw); }
	.menu-btn p{ font-size: 2.4vw; }

	.worry-list li{ width: 50%; min-height: 7.733vw; padding-left: 22.6vw; background-size: 5.33vw; }
	.worry-list li:nth-of-type(n+3){ margin-top: 6.66vw; }
	.worry-list li img{ width: 16vw; left: 6.66vw; }
	.worry-list li p{ line-height: 1.5; font-size: 3.73vw; letter-spacing: .05em; white-space: nowrap; }

	.contact-box{ padding: 11.2vw 0 13.33vw; background-image: url(../images-oc-watery-eye/common/bg-contact01-sp.jpg); }
	.contact-box .wrap{ width: 100%; }
	.contact-box h2{ font-size: 6.66vw; line-height: 1.5; }
	.contact-box h2 + p{ max-width: 80vw; margin-bottom: 5.33vw; }
	.contact-box .two-btn{ width: 80vw; margin: 0 auto; flex-wrap: wrap; }
	.contact-box .two-btn a{ width: 100%; height: 12vw; font-size: 4.66vw; }
	.contact-box .two-btn a + a{ margin-top: 1.33vw; }
	.contact-box .two-btn a:nth-of-type(1) span{ padding: 0 4vw 0 6.66vw; background-size: 4vw, 1.333vw; }
	.contact-box .two-btn a:nth-of-type(2) span{ padding: 0 4vw 0 6.66vw; background-size: 4vw, 1.333vw; }
	
	.case.wrap{ width: 100%; padding: 12vw 6vw 0vw; }
	.case h2{ font-size: 6.66vw; margin-bottom: .6em; }
	.case h2 + p{ margin-bottom: 5.33vw; }
	.case .flex .half{width: calc(50% - 5px);}
	.case .flex .half h4{font-size: 4vw;}
	.case .btn{margin: 5vw auto 0;}

	.group.wrap{ width: 100%; padding: 12vw 0 11.33vw; }
	.group h2{ font-size: 6.66vw; margin-bottom: .6em; }
	.group h2 + p{ margin-bottom: 5.33vw; }
	.group ul{ width: 80vw; margin: 0 auto; }
	.group ul li{ width: 100%; height: 20.26vw; padding-left: 22vw; padding-right: 4vw; }
	.group ul li:after{ width: 100%; height: 11.333vw; bottom: -4.5vw; opacity: .6; }
	.group ul li span img{ width: 48vw; }
	.group ul li span:after{ width: 1.2vw; height: 1.333vw; background-size: contain; }
	.group ul li .icon{ width: 16vw; left: 3.2vw; }

	.foot-info .wrap{ width: 100%; }
	.foot-info .map{ position: relative; transform: none; top: 0; right: 0; width: 90.66vw; height: 79.33vw; margin: 0 auto; }
	.foot-info .content{ width: 100%; padding: 18.66vw 10vw 13.33vw; background: #dfdfdf; margin-top: -6.66vw; }
	.foot-info .content:before{ content: none; }
	.foot-info ul{ padding-left: 9.066vw; background-size: 6vw; }
	.foot-info ul li{ font-size: 3.06vw; }
	.foot-info dl{ margin-bottom: 1em; }

	.hour-table thead th{ width: 26.66vw; }
	.hour-table *{ padding: .4em 0; }
	.hour-table + p{ font-size: 3.06vw; margin-top: .6em; margin-bottom: 1em; }

	footer{ padding: 13.33vw 0 18.66vw; margin-top: 0; background-image: url(../images-oc-watery-eye/common/bg-footer01-sp.jpg); }
	footer .wrap{ width: 90.66vw; margin: 0 auto 4vw; padding-bottom: 11.733vw; }
	footer .logo{ width: 53.33vw; margin-bottom: 12vw; }
	footer .site-map{ width: 100%; flex-wrap: wrap; }
	footer .site-map dl{ width: 100%; }
	footer .site-map dl dt{ font-size: 3.667vw; text-align: center; line-height: 2.3; }
	footer .site-map dl dt.parent:after{ content: ''; width: 1.33vw; height: 1.733vw; background: url(../images-oc-watery-eye/common/arrow02.png) no-repeat; background-size: contain; display: inline-block; margin-left: 1em; }
	footer .site-map dl dd{ display: none; }
	footer .site-map dl dd ul li{ font-size: 3.5vw; text-align: center; padding-left: 0; line-height: 2.3; }
	footer .site-map dl dd ul{ padding-bottom: 2.5em; }
	footer .site-map dl dd ul li:before{ position: static; margin-right: .3em; }
	footer .copy{ font-size: 2.4vw; letter-spacing: 0; }

	.hamburger{ overflow: scroll; display: block; }
	.hamburger .inner{ width: 100%; display: block; }
	.hamburger .left .logo{ width: 40vw; margin: 13.33vw auto 5.33vw; }
	.hamburger .left .logo + p{ font-size: 2.4vw; }
	.hamburger .right ul{ display: table; margin: 12vw auto 13.33vw; padding-left: 6.66vw; }
	.hamburger .right ul li{ font-size: 3.5vw; }
	.hamburger .right ul li a{ padding-right: 4.93vw; background-size: 1.333vw; }
    
	.contact-box .side-img{ flex-wrap: wrap; margin: 8vw 0; padding-left: 6.66vw; padding-right: 6.66vw;}
	.contact-box .side-img .img{ width: 80%; order: 1; margin: 0 auto 5vw; }
	.contact-box .side-img .content{ width: 100%; order: 2; }
	.contact-box .side-img .content h3{font-size: 5.33vw;}
	.contact-box .side-img .content p{margin-bottom: .667em;}
}

.container.group table th {
    padding: 1em;
    background: #dedede;
    color: rgb(1 32 98);
}


.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;}


.mv{ position: relative; margin-bottom: 150px; z-index: 0; }
.mv:before{ content: ''; width: 700px; height: 90px; background: url(../images-oc-watery-eye/index/shadow01.png) no-repeat; background-size: contain; position: absolute; bottom: -45px; left: 50%; transform: translateX(-50%); z-index: -1; }
.mv:after{ content: ''; width: 1px; height: 100px; background: #004880; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%); }
.mv .main-slide img.sp{ display: none; }
.mv .main-slide img{ width: 100%; }
.mv .inner{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.mv .inner > p{ width: 41.67vw; margin: 0 auto 1.3vw; }
.mv .inner > p + h1{ font-size: 2.5vw; font-weight: 600; text-align: center; color: #fff; margin-bottom: 1.8vw; -moz-text-shadow: 1px 3px 6px rgba(7, 23, 63, 1); -webkit-text-shadow: 1px 3px 6px rgba(7, 23, 63, 1); -ms-text-shadow: 1px 3px 6px rgba(7, 23, 63, 1); text-shadow: 1px 3px 6px rgba(7, 23, 63, 1);}
.mv .inner > p + h1 strong{ font-size: 3.33vw; line-height: 1; }
.mv .inner > p + h1 + small{ display: block; font-size: 1.08vw; color: #fff; 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%); }

.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/index/bg-worry.jpg); }
.worry .wrap-gray,
.treatment .wrap-gray{ margin-top: -150px; padding: 250px 0 100px; margin-bottom: 100px; }
.worry .wrap{ width: 900px; }
.worry .worry-list + a.btn{ margin: 50px auto 100px; }

.treatment .ttl-wrap .img{ background-image: url(../images-oc-watery-eye/index/bg-treatment01.jpg); }
.treatment .wrap{ width: 920px; }
.treatment ul{ display: flex; justify-content: space-between; margin-bottom: 100px; }
.treatment ul li{ width: 300px; background: #004880; transition: .3s; position: relative; }
/*.treatment ul li:hover{ background: #002151; }*/
.treatment ul li h3{ width: 300px; height: 200px; display: flex; justify-content: center; align-items: center; font-size: 30px; color: #fff; line-height: 1.5; background-size: cover; background-repeat: no-repeat; position: relative; }
.treatment ul li:nth-of-type(1) h3{ background-image: url(../images-oc-watery-eye/index/treatment01.jpg); }
.treatment ul li:nth-of-type(2) h3{ background-image: url(../images-oc-watery-eye/index/treatment02.jpg); }
.treatment ul li:nth-of-type(3) h3{ background-image: url(../images-oc-watery-eye/index/treatment03.jpg); }
.treatment ul li h3:after{ content: ''; width: 55px; height: 65px; background-size: contain; background-repeat: no-repeat; position: absolute; bottom: -38px; left: 50px; }
.treatment ul li:nth-of-type(1) h3:after{ background-image: url(../images-oc-watery-eye/index/icon-treat01.png); }
.treatment ul li:nth-of-type(2) h3:after{ background-image: url(../images-oc-watery-eye/index/icon-treat02.png); }
.treatment ul li:nth-of-type(3) h3:after{ background-image: url(../images-oc-watery-eye/index/icon-treat03.png); }
.treatment ul li .inner{ padding: 50px 25px 60px; position: relative; }
.treatment ul li .inner p{ font-size: 13px; color: #fff; padding-left: 20px; position: relative; }
.treatment ul li .inner p:before{ content: ''; width: 1px; height: calc(100% + 80px); background: #fff; position: absolute; bottom: 0; left: 0; }
.treatment ul li .detail{ color: #fff; padding-right: 15px; background: url(../images-oc-watery-eye/common/arrow02.png) no-repeat; background-size: 7px; background-position: top 50% right 0; position: absolute; bottom: 25px; right: 25px; }
.treatment .round-dot{ width: 900px; }
.treatment .wrap-gray{ margin-bottom: 0; }
.round-dot img{border-radius: 20px;}

.dr{ margin-top: 100px; position: relative; }
.dr .wrap{ width: 960px; padding-top: 25px; padding-bottom: 25px; position: relative; }
.dr .content{ width: 400px; padding: 70px 50px; position: relative; z-index: 2; }
.dr .content:before{ content: ''; width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: -1; }
.dr .content: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; }
.dr .content h2{ font-size: 30px; font-weight: 600; color: #004880; text-align: center; margin-bottom: 1em; }
.dr .content h2 span{ display: block; text-align: center; font-size: 13px; }
.dr .content p{ margin-bottom: 40px; }
.dr .img{ width: calc(50vw + 150px); height: 100%; background: url(../images-oc-watery-eye/index/dr01.jpg) no-repeat; background-size: cover; position: absolute; top: 0; right: calc(-50vw + 480px); z-index: 0; }

.reason{ margin-top: 0px; padding: 50px 0 100px; }
.reason .wrap{ width: 850px; }
.reason h2{ font-size: 40px; font-weight: 600; color: #004880; text-align: center; margin-bottom: 1em; }
.reason ul{ display: flex; justify-content: space-between; }
.reason ul li{ width: 230px; }
.reason ul li img{ display: block; width: 200px; margin: 0 auto 10px; }
.reason ul li h3{ font-size: 25px; text-align: center; line-height: 1.5; margin-bottom: 18px; color: #004880;}
.reason ul li p{ font-size: 13px; }
.reason a.btn{ margin: 45px auto 0; }

.text_area{ margin-bottom: 30px;}
.text_area h3{ color: #004880; font-size: 20px; font-weight: bold; margin-bottom: 20px; border-bottom:#004880 1px solid; display: inline-block; padding: 0 5px;}

@media(max-width: 768px){
	.mv{ margin-bottom: 24vw; }
	.mv:before{ width: 93.33vw; height: 12vw; bottom: -4vw; }
	.mv:after{ height: 17.33vw; bottom: -17.33vw; }
	.mv .main-slide img.sp{ display: block; }
	.mv .inner > p{ width: 76vw; }
	.mv .inner > p + h1{ font-size: 6vw; }
	.mv .inner > p + h1 strong{ font-size: 9.33vw; }
	.mv .inner > p + h1 + small{ font-size: 2.4vw; white-space: nowrap; }
	.mv .scroll{ font-size: 2.66vw; bottom: 2.5em; }
	.mv .scroll:after{ height: 2em; bottom: -2.5em; }

	.ttl-wrap{ padding: 0 4.666vw; width: 100%; }
	.ttl-wrap .inner{ width: 100%; height: 33.33vw; }
	.ttl-wrap .inner h2{ font-size: 6.66vw; }
	.ttl-wrap .inner h2 span{ font-size: 3.2vw; margin-top: .2em; }
	.ttl-wrap .img{ position: static; width: 100vw; height: 37.333vw; margin-left: -4.666vw; margin-top: -6.66vw; }

	.worry .wrap{ width: 100%; padding-left: 4vw; padding-right: 4vw; }
	.worry .wrap-gray, .treatment .wrap-gray{ margin-top: 0; padding-top: 12.66vw; padding-bottom: 13.33vw; margin-bottom: 13.33vw; }
	.worry .worry-list + a.btn{ margin: 6.66vw auto 13.33vw; }

	.round-dot{ width: 90.66vw; margin-left: auto; margin-right: auto; padding: 10.66vw 5.33vw 12vw; }
	.round-dot:before{ border-radius: 12vw; background-image: url(../images-oc-watery-eye/index/bg-smoke01-sp.png), url(../images-oc-watery-eye/common/bg-dot01.png); background-size: contain, 1.666vw; }
	.round-dot:after{ width: 100%; height: 12vw; opacity: .5; bottom: -5vw; }
	.round-dot h3{ font-size: 6vw; }
	.round-dot a.btn{ margin-top: 5.33vw; }

	.treatment .wrap{ width: 100%; }
	.treatment ul{ width: 80vw; margin: 0 auto; flex-wrap: wrap; }
	.treatment ul li{ width: 100%; padding-bottom: 4vw; }
	.treatment ul li + li{ margin-top: 1.33vw; }
	.treatment ul li h3{ width: 100%; height: 40vw; font-size: 6.66vw; }
	.treatment ul li h3:after{ width: 10.66vw; height: 12.666vw; bottom: -6vw; left: 12.33vw; }
	.treatment ul li .inner{ padding: 7.33vw 7.33vw 0; }
	.treatment ul li .inner p{ font-size: 3.667vw; padding-left: 5.33vw; }
	.treatment ul li .inner p:before{ height: calc(100% + 13.33vw); }
	.treatment ul li .detail{ position: static; display: table; margin: 6vw 7.33vw 0 auto; }
	.treatment .round-dot{ width: 90.66vw; margin-top: 13.33vw; }

	.dr{ margin-top: 6.66vw; }
	.dr .wrap{ width: 100%; padding: 0; }
	.dr .content{ width: 90.66vw; margin-left: auto; margin-right: auto; padding: 11.33vw 6.66vw; }
	.dr .content h2{ font-size: 6.66vw; margin-bottom: .6em; }
	.dr .content h2 span{ font-size: 3.2vw; }
	.dr .content p{ margin-bottom: 5.33vw; }
	.dr .img{ position: static; width: 100%; height: 74.66vw; margin-top: -6.66vw; }

	.reason{ margin-top: 0; padding: 11.33vw 0 13.33vw; }
	.reason .wrap{ width: 100%; }
	.reason h2{ font-size: 6.66vw; }
	.reason ul{ flex-wrap: wrap; width: 86.66vw; margin: 0 auto; }
	.reason ul li{ width: 100%; }
	.reason ul li + li{ margin-top: 5.33vw; }
	.reason ul li img{ width: 37.33vw; margin-bottom: 2vw; }
	.reason ul li h3{ font-size: 5.33vw; margin-bottom: 2vw; }
	.reason ul li p{ font-size: 3.667vw; }
	.reason a.btn{ margin-top: 5.33vw; }
    
    /*20240318*/	
	.symptoms li {width: calc(100% / 1); height: auto;}   
    .symptoms li h3{font-size: 5.33vw; padding-left: 6em;}
    /*20240318*/	
    
}