@charset "UTF-8";
/* CSS Document */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
    box-sizing: border-box;
}

body {
    line-height:1.4;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul ,li{
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}

img{
    max-width: 100%;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* clearfix */
 
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

span, a, strong, small{
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  background: transparent;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

button{ background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
*{	
	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; 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; letter-spacing: 1px; }
.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; font-size: 14px; }
.container table td{ padding: 1em; background: #fff; vertical-align: middle; font-size: 14px; }

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


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

@media(max-width: 768px){
	.mv:before{ height: 17.33vw; bottom: -17.33vw; }
	.mv:after{ width: 93.33vw; height: 12vw; bottom: -4vw; }
	.mv .inner{ height: 53.33vw; }
	.mv h1{ font-size: 5.33vw; }
	.mv .scroll{ font-size: 2.66vw; bottom: 2.5em; }
	.mv .scroll:after{ height: 2em; bottom: -2.5em; }

	main{ padding-bottom: 13.33vw; }

	.pankuzu{ width: 100%; padding-left: 4vw; padding-right: 4vw; margin: 3.333vw auto 22.13vw; }
	.pankuzu li{ font-size: 2.4vw; }

	.container{ width: 100%; padding-left: 6.66vw; padding-right: 6.66vw; }

	.container h2{ font-size: 6.66vw; margin: 16vw 0 5.33vw; }
	.container h3{ font-size: 5.33vw; margin: 12vw 0 5vw; }
	.container h4{ font-size: 4vw; margin: 2em 0 5vw; }

	.container .side-img{ flex-wrap: wrap; margin: 8vw 0; }
	.container .side-img .img{ width: 100%; order: 1; margin-bottom: 4vw; }
	.container .side-img .content{ width: 100%; order: 2; }

	.container .wrap-white{ padding: 10.66vw 6.66vw; margin: 8vw 0; }
	.container .wrap-white:before{ border-radius: 6.66vw; }
	.container .wrap-white .side-img .content, .container .wrap-white .side-img dl{ width: 100%; order: 2; }
	.container .wrap-white .side-img .img{ width: 60vw; margin-left: auto; margin-right: auto; }
	.container .wrap-white dl{margin-bottom: 8vw;}
	.container .wrap-white .side-img dl dt{ text-align: center; font-size: 4vw; }
	.container .wrap-white dl dt{ text-align: center; font-size: 4.677vw; }
	.container .wrap-white dl iframe{height: 45vw; margin-top: 5vw;}

	.container .check-list{ margin: 8vw 0; }
	.container .check-list dt{ font-size: 3.73vw; padding-left: 6.66vw;}
	.container .check-list dt:before{ width: 5.33vw; height: 5.33vw; }
	.container .check-list dd{ padding-left: 0; margin-top: .2em; }
	.container .check-list dd + dt, .container .check-list dt + dt{ margin-top: 5.33vw; }
	.container .wrap-white dl.check-list dt{text-align: left;}

	.container ol{ margin: 8vw 0; }
	.container ol li{ padding-left: 22.66vw; min-height: 20.9333vw; }
	.container ol li:before{ width: 20vw; height: 20.9333vw; font-size: 6.66vw; }
	.container ol li + li{ margin-top: 5.33vw; }
	.container ol li dl dt{ font-size: 4.5vw; }
	.container ol li dl dd{ font-size: 3.06vw; }

	.container table{ display: block; }
	.container table tbody,
	.container table tr{ display: block; }
	.container table th{ display: block; border-top: solid 1.33vw #dedede; padding: .8em 6.66vw; }
	.container table td{ display: block; padding: .8em 6.66vw; }
	
	.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 .side-img + p{margin-top: -5vw;}
	
	.container table.staff-table{width: 100%;}
	.container table.staff-table tr th{border-top: none; display: inline-block; width: 24%;}
	.container table.staff-table tr td{display: inline-block; width: 74%;}
	ul.keireki li{font-size: 3.3vw;}
	.container table.tyousei th{width:100%; text-align: center;}
	.container table.tyousei td{width:100%;}
	.container .side-img .half{width: 100%;}
	.container .side-img .half:first-child{margin-bottom: 5vw;}
	
/*	worry　*/
	.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: 0; margin-bottom: 0; }
	.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: 6.66vw; }
	.round-dot a.btn{ margin-top: 5.33vw; }
	
    .flex_btn{display: flex;flex-wrap: wrap;}
    .flex_btn .btn{width:100%!important; margin-bottom: 20px;}
    
    #price table{ width: 100%; display: table;}
    #price table tr{ display: table-row;}
    #price table td,#price table th{ width: auto; display: table-cell; border-top: none; text-align: center; font-size: 14px; padding: 10px 5px; font-size: 12px; letter-spacing: 0;}
    #price table tbody{display: table-row-group;}
    #price table th,#price table td p,#price table th,#price table td p strong{ font-size: 12px; letter-spacing: 0; text-align: center;}
    
}