html{scroll-padding-top:130px}
*{font-size:16px;font-family:'Noto Sans JP',sans-serif}
body{line-height:160%}
.pc{display:block}
.sp{display:none}
a{text-decoration:none;color:#000}
.block{max-width:1200px;margin:0 auto}
.block800{max-width:800px;margin:0 auto}
.pa{padding:80px 0}
.pat0{padding:0 0 80px}
.pab{padding:0 0 80px}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb30{margin-bottom:30px!important}
.mb50{margin-bottom:50px!important}
.bk{background:rgba(201,201,201,0.30);}
.y_bk{background:#faf9e5}
.btn{text-align:center;padding-top:50px}
.btn a{border:1px solid #aaa;padding:15px 0 15px 15px;position:relative;display:inline-block;width:330px;text-align:left;background-color:#fff}
.btn a span{display:block;background:url(./img/arw.svg) no-repeat right center;background-size:20px;margin-right:30px;transition:.3s}
.btn a:hover{border:solid 1px transparent;color:#cec800}
.btn a:hover span{margin-right:20px}
.btn input{border:1px solid #aaa;padding:20px!important;transition:.3s;cursor:pointer;outline:none;width:330px;background:#fff;border-radius:0!important}
.btn input:hover{border:solid 1px #cec800;color:#cec800;opacity:1;background:#faf9e5}
.btn a::after,.btn a::before,.btn a span::after,.btn a span::before{background-color:#cec800;content:'';display:block;position:absolute;z-index:10;transition:all .3s ease;-webkit-transition:all .3s ease}
.btn a::after{width:0;height:1px;top:-1px;left:-1px}
.btn a::before{width:0;height:1px;right:-1px;bottom:-1px}
.btn a span::after{width:1px;height:0;left:-1px;bottom:-1px}
.btn a span::before{width:1px;height:0;top:-1px;right:-1px}
.btn a:hover::after,.btn a:hover::before{width:100%;width:calc(100% + 1px)}
.btn a:hover span::after,.btn a:hover span::before{height:100%;height:calc(100% + 1px)}
.flex{display:flex;justify-content:space-between;align-items:center}
.center{text-align:center}
.left{text-align:left!important}
.right{text-align:right!important}
.indent{margin-left:1em;text-indent:-1em}
.tl{font-family:'Noto Serif JP',serif;font-size:160%;text-align:center;margin-bottom:60px;position:relative;line-height:140%;letter-spacing:.2em}
.tl:after{height:3px;width:26px;margin-left:-13px;left:50%;content:"";display:block;background-color:#cec800;position:absolute;bottom:-25px}
.tl_copy{text-align:center;padding:0 0 50px;display: block;}
.sub_tl{font-size:150%;font-weight:600;margin-bottom:15px}
.link{text-decoration:underline;color:#cec800}
table{border-collapse:collapse;border:solid 1px #aaa;width:100%;margin-bottom:10px}
table th,table td{border:solid 1px #aaa;padding:10px;height:80px;background:#fff}
table th{background:#faf9e5}
.min{font-family:"Noto Serif JP",serif!important}
#header{position:fixed;width:100%;align-items:flex-start;height:85px;background:#fff;z-index:998;top:0}
#header div.flex{position:relative}
#header #logo{width:382px;height:120px;background:#fff;position:absolute;top:0;left:0;z-index:2}
#header #logo a{width:100%;height:120px;display:flex;justify-content:center;align-items:center;transition:.3s}
#header #logo a:hover{opacity:.6}
#header #logo img{max-width:310px}
#header #nav{display:flex;align-items:center;height:85px;background:#fff;position:absolute;right:0;top:0}
#header #nav ul.flex{justify-content:flex-end}
#header #nav ul.flex li{margin-right:1.5vw}
#header #nav ul.flex li a{position:relative;letter-spacing:0;line-height:100%;padding:10px 0;transition:.3s}
#header #nav ul.flex li a:after{background-color:#cec800;bottom:-6px;content:"";height:1px;left:0;opacity:0;position:absolute;transition:all .3s;width:100%}
#header #nav ul.flex li a:hover{color:#cec800;opacity:1}
#header #nav ul.flex li a:hover:after{bottom:-2px;opacity:1}
#header #nav ul.flex li.hd_btn a{background:#cec800;color:#fff;padding:10px 15px;display:block;transition:.3s}
#header #nav ul.flex li.hd_btn a:after{display:none}
#header #nav ul.flex li.hd_btn a:hover{background:#000}
#header #nav ul.flex li.hd_btn a:before{content:"";height:16px;width:16px;background:url(./img/i_time.svg) no-repeat center center;background-size:16px 16px;display:inline-block;vertical-align:top;margin-right:5px}

.page-template-page-index #header #nav ul.flex li:nth-child(1) a:after,
.page-template-page-cataract #header #nav ul.flex li:nth-child(2) a:after,
.page-template-page-myopia #header #nav ul.flex li:nth-child(3) a:after,
.page-template-page-myopia2 #header #nav ul.flex li:nth-child(4) a:after,
.page-template-page-medical #header #nav ul.flex li:nth-child(5) a:after,
.page-template-page-doctor #header #nav ul.flex li:nth-child(6) a:after,
.page-template-page-clinic #header #nav ul.flex li:nth-child(7) a:after,
.page-template-page-recruit #header #nav ul.flex li:nth-child(8) a:after{bottom:-2px;opacity:1}

#footer .bnr{border-top:dotted 1px #ccc}
#footer .bnr li{width:31%;padding:0}
#footer .bnr li a{display:flex;justify-content:center;align-items:center;transition:.3s;line-height:0;height:135px;background:url(./img/arw.svg) no-repeat 320px center;background-size:20px;width:100%;padding:0}
#footer .bnr li a:hover{background:url(./img/arw.svg) no-repeat 330px center;background-size:20px}
#footer .bnr li a img{height:90px;width:auto}
#footer .bnr li a span{width:100%;text-align:center;margin:0 30px}
#footer .bnr li a:hover span{margin:0 20px}
#footer .bnr li:nth-child(2) a img{height:76px}
#footer .bnr li:nth-child(3) a img{height:80px}
.fb_block{align-items:stretch}
#fb_area .left h3{margin-bottom:20px}
#fb_area .left .btn{padding:15px 0;text-align:left}
#fb_area .left dl{justify-content:flex-start;padding:10px 0}
#fb_area .left dl dt{width:5em;text-align:center;background-color:#000;color:#fff;padding:0 12px;margin-right:10px;font-size:90%}
#fb_area .left dl dd{font-size:200%}
#fb_area .right{width:665px;text-align:left}
#fb_area .right .flex{justify-content:flex-start;flex-wrap:wrap;padding-bottom:20px}
#fb_area .right .flex li{width:31%;margin-right:3.5%;border-bottom:dotted 1px #999;margin-bottom:10px;position:relative;transition:.1s}
#fb_area .right .flex li:nth-child(3n){margin-right:0}
#fb_area .right .flex li a{display:block;padding:5px 0 5px 12px;background:url(./img/arw_s.svg) no-repeat left center;background-size:8px;text-align:left;transition:.3s}
#fb_area .right .flex li a:hover{color:#cec800}
#fb_area .right .flex li:after{height:2px;background:#cec800;width:0;position:absolute;bottom:-2px;content:"";display:block;transition:.3s}
#fb_area .right .flex li:hover:after{width:100%}
#fb_area .right .flex li:hover{border:opacity:0}
#fb_area .right h3{padding:0 0 10px;text-align:left}
#fb_area .right h3 span{font-size:90%}
#fb_area .right table th,#fb_area .right table td,#fb_area .right table{border-left:none;border-right:none;text-align:center;background:transparent;height:auto}
#fb_area .right table span{font-size:180%;color:#999}
#fb_area .right table th,#fb_area .right table td{padding:10px 0}
#fb_area .right table .left{width:25%}
#copyright{padding:50px 30px 100px;letter-spacing:0;text-align:right;font-size:80%}
.conversion{-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-orientation:upright;position:fixed;right:0;top:50%;z-index:999;margin-top:-105px}
.conversion a{padding:50px 20px;display:block;background:#cec800;color:#fff;border-radius:5px 0 0 5px;border:solid 1px #fff;box-shadow:0 0 10px rgba(0,0,0,0.3);transition: 0.3s}
.conversion a span{padding:25px 0 0;background:url(./img/i_time.svg) no-repeat center top;background-size:16px 16px}
.conversion a:hover{background: #000}

.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.35s ease;z-index:9999}
.modal-overlay.active{opacity:1;visibility:visible}
.modal-box{background:#fff;width:675px;padding:40px;transform:translateY(40px);opacity:0;transition:.35s ease}
.modal-box h3{font-size: 160%;margin: 0 0 20px;text-align: center;}
.modal-box li{list-style: disc;margin-left: 1.4em;letter-spacing: 0;padding: 2px 0}
.modal-box p{letter-spacing: 0;padding:2px 0 25px}
.modal-box p.btn{padding: 0}
.modal-box p.note a{color:#cec800;text-decoration: underline;}
.modal-overlay.active .modal-box{transform:translateY(0);opacity:1}
.modal-close{position:absolute;top:-15px;right:-15px;cursor:pointer;background: url(./img/close.svg) no-repeat center center;width: 35px;height: 35px;outline: none;border: none;}

#mainview{height:85vh;margin-top:85px;position:relative;display:flex;align-content:center;flex-wrap:wrap;text-shadow:0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;position:relative;overflow:hidden}
#mainview div.text_box{width:90%;margin:0 auto;position:relative;z-index:2}
#mainview ul.images{height:85vh;position:absolute;top:0;left:0;width:100%;z-index:1}
#mainview ul.images li{height:85vh;width:100%}
#mainview p{font-size:250%;letter-spacing:.2em;width:100%;padding:0 0 25px;line-height:150%}
#mainview h1{font-size:170%;line-height:160%;letter-spacing:.2em}
.slick-dotted.slick-slider{margin:0}
#mainview ul.images .slick-dots li{width:auto;height:auto}
.slick-dots{position:absolute;bottom:20px}
.slick-dots li button:before{height:3px;width:25px;background:#fff;color:transparent;content:"";opacity:1;transition:.3s}
.slick-dots li.slick-active button:before{opacity:1;background:#cec800}
#second #mainview{height:490px;justify-content:center}
#second #mainview div{text-align:center}
#second #mainview .big{font-size:250%}
.sec01 li{width:33%}
.sec01 li a{background:rgba(206,200,0,0.15);display:block;text-align:center;transition:.3s;padding:0;position:relative}
.sec01 li img{position:relative;z-index:9}
.sec01 li a span.in_btn{margin:0 30px;display:block;padding:20px 0;transition:.3s;background:url(./img/arw.svg) no-repeat right center;background-size:20px;position:relative;z-index:9}
.sec01 li a:hover span.in_btn{margin:0 20px}
.sec01 li a span h3{font-size:140%;padding:0 0 10px;letter-spacing:.2em}
.sec01 li a::before{content:'';position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-color:rgba(206,200,0,0.15);transform:scale(0,1);transition:transform .3s;transform-origin:right top}
.sec01 li a:hover::before{transform:scale(1,1);transform-origin:left top}
.sec02 .flex{flex-wrap:wrap;justify-content:flex-start}
.sec02 li{width:23%;margin-right:2.666666%;margin-bottom:2.666666%}
.sec02 li:nth-child(4){margin-right:0}
.sec02 li a{padding:30px;display:block;background:#fff;transition:.3s;position:relative}
.sec02 li a:hover{padding:30px 20px 30px 30px}
.sec02 li a::before{content:'';position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-color:rgba(206,200,0,0.15);transform:scale(0,1);transition:transform .3s;transform-origin:right top}
.sec02 li a:hover::before{transform:scale(1,1);transform-origin:left top}
.sec02 li a span{background:url(./img/arw.svg) no-repeat right center;background-size:20px;padding:0;display:block;position:relative;z-index:9}
.sec03 li{width:31%;border-bottom:solid 1px #ccc}
.sec03 li a{display:block;position:relative}
.sec03 li a img{display:block;position:relative;z-index:9}
.sec03 li a span{text-align:left;margin:0 30px;padding:15px 0;background:url(./img/arw.svg) no-repeat right center;background-size:20px;transition:.3s;display:block;position:relative;z-index:9}
.sec03 li a::before{content:'';position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-color:rgba(206,200,0,0.15);transform:scale(0,1);transition:transform .3s;transform-origin:right top}
.sec03 li a:hover::before{transform:scale(1,1);transform-origin:left top}
.sec03 li a:hover span{margin:0 20px 0 30px}
.sec03 li a span strong{font-size:140%;display:block;padding:0 0 3px}
.sec04 p{text-align: center;margin-bottom: 1.5em;line-height: 180%;font-size: 120%}
.sec04 p:last-child{margin: 0;}
.sec04 p strong{font-size: 180%;line-height: 160%}
.news li{margin-bottom:10px}
.news li:last-child{margin:0}
.news li a{display:block;width:100%;padding:15px 0;background:#fff;position:relative;box-shadow: 0 0 5px rgba(0,0,0,0.15)}
.news li a span.news_block{display:block;background:url(./img/arw.svg) no-repeat right center;background-size:20px;transition:.3s;margin:0 30px;position:relative}
.news li a::before{content:'';position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-color:rgba(206,200,0,0.15);transform:scale(0,1);transition:transform .3s;transform-origin:right top}
.news li a:hover::before{transform:scale(1,1);transform-origin:left top}
.news li a:hover span.news_block{margin:0 20px 0 30px}
.news li a span.day{display:block;color:#888;position:relative;z-index:9}
.tablenav{text-align: center;padding:50px 0 0;display: flex;justify-content: center;}
.tablenav span,
.tablenav a{display: flex;background: #fff;width: 2em;height: 2em;align-items: center;justify-content: center;letter-spacing: 0;margin: 0 2px;transition: 0.3s}
.tablenav span.dots{background: none;padding: 0}
.tablenav span.current{background: #000;color:#fff}
.tablenav a.next,
.tablenav a.prev {width: 4em;}
.tablenav a:hover{background:#faf9e5}
.page-template-page-cataract #mainview{background:url(./img/ca_mainview.png) no-repeat center center;background-size:cover}
.ca_sec01 .flex p.copy{width:60%;padding:40px;line-height:200%}
.ca_sec01 .flex p.image{width:40%}
.ca_sec02 dt{font-size:150%;margin-bottom:10px}
.tab{padding:30px 0 0}
.tab-list{display:flex}
.tab-list li{width:50%;border:solid 1px #cec800;padding:20px;background:#cec800;text-align:center;font-weight:600;cursor:pointer}
.tab-list li.current{border-bottom:solid #fff 1px;background:#fff}
.content-box{border:solid 1px #cec800;border-top:none;padding:30px;background:#fff;display:none}
.content-box dl{display:flex;justify-content:space-between;padding:15px 50px;min-height:190px;align-items:center;background:#faf9e5;margin-bottom:40px;position:relative}
.content-box dl dt{width:25%;margin-bottom:0;line-height:140%;font-weight:700}
.content-box dl dt span{display:block;margin:10px 0 0;font-weight:400;line-height:150%}
.content-box dl dd{width:73%}
.content-box dl dd span{display:block}
.content-box dl:after{content:"";background:url(./img/arw_b.svg) no-repeat center center;width:25px;height:15px;position:absolute;bottom:-28px;left:50%;margin-left:-12px}
.content-box dl:last-child{margin:0}
.content-box dl.none:after,.content-box dl:last-child:after{display:none}
.box2 li{width:48%}
.box3 li{width:31%}
.ca_sec03 .box2{margin-bottom:4%}
.ca_sec03 .box2 li strong{font-size:100%;margin:0 5px}
.ca_sec03 .box2 li{background:#faf9e5;height:209px;display:flex;justify-content:center;align-items:center;font-size:400%;line-height:100%;border: solid 3px #cec800;}
.ca_sec03 .box2 li span{font-size:40%;text-align:center;line-height:100%;padding:10px 0 0}
.ca_sec03 .box2 li span span{font-size:40%;display:block;line-height:100%;padding:5px 0 0}
.ca_sec03 .box3 li{background:#faf9e5;display:flex;justify-content:center;align-items:center;height:152px;text-align:center;font-size:140%;line-height:150%}
.ca_sec04 th,.ca_sec04 td{text-align:center}
.ca_sec04 th{background:#faf9e5}
.ca_sec04 th{width:20%}
.ca_sec04 th:nth-child(1),.ca_sec04 th:nth-child(3){width:40%}
.ca_sec05 ul{flex-wrap:wrap;margin-bottom:-2%}
.ca_sec05 li{width:48.34%;margin-bottom:2%;line-height:0}
.ca_sec06 .flex{align-items:flex-start}
.ca_sec06 .image{width:470px;text-align:center}
.ca_sec06 .image p{padding:10px 0 5px}
.ca_sec06 .image strong{font-size:160%;letter-spacing:.2em}
.ca_sec06 .copy{width:680px}
.ca_sec06 .copy h3{font-size:170%;font-weight:600;line-height:140%;margin-bottom:20px}
.ca_sec06 .copy p{line-height:180%;margin-bottom:.6em;font-size:110%}
.page-template-page-structure #mainview{background:url(./img/ca_mainview.png) no-repeat center center;background-size:cover}
.page-template-page-structure #content .block800 p{margin-bottom:.8em;line-height:180%;letter-spacing:.05em}
.page-template-page-structure #content .block800 strong{font-weight:700}
.page-template-page-structure #content .block800 th,.page-template-page-structure #content .block800 td{letter-spacing:.05em;text-align:center}
.page-template-page-structure #content .block800 th{font-weight:700}
.page-template-page-structure #content .block800 .list li{margin:0 0 5px;padding:10px 15px;background:#eee;list-style:disc;list-style-position:inside}
.page-template-page-structure #content .block800 .list li:last-child{margin:0}
.page-template-page-structure #content .block800 .list2 li{list-style:decimal inside}
.page-template-page-structure #content .block800 .list li p{padding:3px 0 0;line-height:140%!important;margin:0!important}
.st_sec01 .flex{flex-wrap:wrap}
.st_sec01 li{width:32%;text-align:center;background-color:#eee;border-radius:10px;margin:0 0 2%;padding:20px;letter-spacing:0}
.st_sec05 dl{border:solid 1px #cec800;margin-bottom:10px}
.st_sec05 dl:last-child{margin:0}
.st_sec05 dl dt{background:#faf9e5;padding:10px 15px;font-weight:700}
.st_sec05 dl dd{letter-spacing:0;padding:10px 15px}
.st_sec06 .list li{background:#fff!important}
.st_sec08 .flex{align-items:stretch}
.st_sec08 .flex li{background:#fff!important;text-align:center;width:23%;padding:15px;border-radius:10px}
.st_sec08 .flex li p{line-height:140%!important;margin: 0 !important}
.st_sec09 .check{border-top:dotted 1px #ccc}
.st_sec09 .check li{padding:15px 0;border-bottom:dotted 1px #aaa;font-size:120%;position:relative;padding:15px 0 15px 25px}
.st_sec09 .check li:before{content:"";position:absolute;top:15px;left:0;-webkit-transform:rotate(50deg);-ms-transform:rotate(50deg);transform:rotate(50deg);width:7.5px;height:15px;border-right:3px solid #cec800;border-bottom:3px solid #cec800}
.page-template-page-medical #mainview{background:url(./img/me_mainview.png) no-repeat center center;background-size:cover}
.me_sec01 .flex{flex-wrap:wrap;align-items:stretch}
.me_sec01 .flex li{width:48.5%;padding:50px;background:#faf9e5;list-style:none;margin-bottom:3%}
.me_sec01 .flex li h2{font-size:160%;margin-bottom:15px}
.me_sec01 .flex li p{line-height:180%}
.me_sec01 .flex li p a{color:#a1a600;background:url(./img/arw.svg) no-repeat right 4px;background-size:18px;padding-right:22px}
.page-template-page-doctor #mainview{background:url(./img/do_mainview.png) no-repeat center center;background-size:cover}
.do_sec01 div.flex{align-items:stretch}
.do_sec01 .photo{width:470px}
.do_sec01 .photo .history{padding:25px 30px;background:#faf9e5;margin-top:10px}
.do_sec01 .photo .history dl{display:flex;letter-spacing:0;padding:5px 0;line-height:140%}
.do_sec01 .photo .history dt{width:16%}
.do_sec01 .photo .history dd{width:84%}
.do_sec01 .copy{width:680px;letter-spacing:0}
.do_sec01 .copy p{line-height:185%;margin-bottom:.8em;text-indent:1em}
.do_sec01 .copy p.min{margin-bottom: 0}
.do_sec01 .copy strong{font-size:160%;display:block;padding: 5px 0 0}
.do_sec02{border-top: dotted 1px #ccc;}
.page-template-page-clinic #mainview{background:url(./img/cl_mainview.png) no-repeat center center;background-size:cover}
.cl_sec01 ul{flex-wrap:wrap}
.cl_sec01 li{width:33%;line-height:0;margin-bottom:.5%}
.cl_sec01 h3{font-size:160%;line-height:160%;margin-bottom:20px}
.cl_sec01 table{border-right:none;border-left:none}
.cl_sec01 table.outline th,.cl_sec01 table.outline td{height:auto;padding:30px;border-right:none;border-left:none}
.cl_sec01 table.outline th{background:#faf9e5}
.cl_sec01 table.time th{background:#fff}
.cl_sec01 table.time th,.cl_sec01 table.time td{border-right:none;border-left:none;text-align:center;padding:15px 0;height:auto}
.cl_sec01 table.time th.left{width:25%}
.cl_sec01 table.time span{font-size:180%;color:#999}
.cl_sec01 table td a{color: #a1a600}
.cl_sec02 div.flex{background:#fff;margin-bottom:30px}
.cl_sec02 .image{width:620px}
.cl_sec02 .copy{width:580px;padding:30px}
.cl_sec02 .copy h3{font-size:160%;margin-bottom:10px;line-height:160%}
.cl_sec02 .copy p{line-height:180%}
.cl_sec02 ul.flex{flex-wrap:wrap}
.cl_sec02 ul.flex li{width:48.34%;margin-bottom:2%;background:transparent;line-height:0}
.cl_sec03 .block{background:#000;padding:50px;color:#fff}
.cl_sec03 .block h2{text-align:center;font-size:180%;margin-bottom:50px}
.cl_sec03 .block .image{width:515px}
.cl_sec03 .block .copy{width:525px;line-height:180%;font-size: 120%;}
.page-template-page-recruit #mainview{background:url(./img/re_mainview.png) no-repeat center center;background-size:cover}
.cl_sec03 .btn a{width: 420px}
.re_sec02 table{margin:0}
.re_sec02 table th{width:25%;border-right:none;border-left:none}
.re_sec02 table,.re_sec02 table td{border-right:none;border-left:none}
.re_sec02 table th,.re_sec02 table td{padding:20px}
.page-template-page-recruit .sub_nav{background:#faf9e5}
.page-template-page-recruit .sub_nav.flex{justify-content:center}
.page-template-page-recruit .sub_nav.flex li{margin:0 10px}
.page-template-page-recruit .sub_nav.flex li a{display:block;padding:20px 18px 20px 0;background:url(./img/arw_d.svg) right center no-repeat;background-size:15px}
.re_sec03 .flex{padding:50px 0;border:solid #cec800}
.re_sec03 .flex div{width:50%;text-align:center!important}
.re_sec03 .flex div.right{border-left:dotted 1px #ccc}
.re_sec03 .flex div h3{font-size:160%;font-weight:600}
.re_sec03 .flex div strong{display:block;padding:20px 0;font-size:280%;font-weight:600;letter-spacing:0}
.re_sec03 .flex div p{letter-spacing:0}
.re_sec04 input,.re_sec04 textarea{padding:10px;border:solid 1px #bbb;border-radius:10px}
.re_sec04 th span{font-size:80%;background:#000;color:#fff;padding:5px 10px;line-height:100%;float:right}
.re_sec04 table th,.re_sec04 table td{padding:20px}
.re_sec04 .w100 input,.re_sec04 .w100 textarea{width:100%}
.ui-datepicker-calendar th,.ui-datepicker-calendar td{height:auto}
.page-template-page-privacy #mainview,
.page-template-page-contact #mainview{background:url(./img/co_mainview.png) no-repeat center center;background-size:cover}
.co_sec01{text-align: center;}
.co_sec01 strong{font-size: 500%;font-weight: 600;line-height: 100%;}
.co_sec01 .tel_area p{letter-spacing: 0;padding: 15px 0 0 }
.co_sec02{text-align: center;}
.co_sec02 strong{font-size: 500%;font-weight: 600;line-height: 100%;}
.co_sec03 p{text-align: center;}
.page-template-page-contact .re_sec04 p{text-align: center;}
.privacy_area h2{font-size: 160%;padding: 0 0 20px}
.privacy_area div.dis{background:#faf9e5;padding:20px 50px;margin-bottom: 50px;border-radius: 10px;line-height: 180%;}
.privacy_area ul{margin-top: 10px}
.privacy_area li{margin-left: 1.4em;list-style: disc;}


.page-template-page-myopia #mainview{background:url(./img/my_mainview.png) no-repeat center center;background-size:cover}
.my_sec02 .image{background: url(./img/my_bk01.png) no-repeat center center;background-size: cover;padding:70px 70px 70px 600px;}
.my_sec02 .image dl{padding-top: 30px;}
.my_sec02 .image dl:first-child{border-bottom: dotted 1px #ccc;padding: 0 0 30px 0}
.my_sec02 .image dl dt{font-size: 160%;padding: 0 0 15px;}
.my_sec03 .image{background: url(./img/my_bk02.png) no-repeat center center;background-size: cover;display: flex;align-items: center;height: 490px;}
.my_sec03 .image p{padding:70px;line-height: 180%;color:#fff;font-size: 120%;}
.my_sec04 li{background: #fff;width: 48.5%;}
.my_sec04 li dl{padding:30px 45px;}
.my_sec04 li dl dt{font-size: 160%;margin-bottom: 10px}
.my_sec04 li dl dd{letter-spacing: 0;}
.my_sec05 .flex{align-items: flex-start;}
.my_sec05 .flex .image,
.my_sec05 .flex div{width: 48.5%;}
.my_sec05 .flex div dt{font-size: 120%;font-weight:600;padding:0 0 10px }
.my_sec05 .flex div dd{margin-bottom: 20px}
.my_sec05 .flex div dd strong {font-weight: bold;}
.my_sec05 .sub_tl{text-align: center;border: solid 1px #000;padding:10px ;margin: 0 0 30px}
.my_sec05 .howto{margin-top: 30px}
.my_sec05 .howto li{height: 330px;}
.my_sec05 .howto li img{height: 100%;width: auto;}
.my_sec05 .note{background: #eee;padding: 20px;font-size: 90%;margin-top: 30px}
.my_sec06 .flex{align-items: flex-start;}
.my_sec06 .flex p{width: 48.5%;line-height: 200%;}
.fin{font-size: 200%;font-weight: 600;padding: 50px 0;text-align: center;display: block;letter-spacing: 0;line-height: 160%;}


.page-template-page-myopia2 #mainview{background:url(./img/my2_mainview.png) no-repeat center center;background-size:cover}
.page-template-page-myopia2 .ca_sec01 h2{font-size: 140%;display: block;text-align: center;}
.page-template-page-myopia2 .ca_sec01 strong{font-weight: bold;}
.page-template-page-myopia2 .my_sec05 strong.tl_copy{font-size: 140%;padding-bottom: 20px}
.page-template-page-myopia2 .con {margin-bottom: 50px;padding: 50px;background:#faf9e5}
.page-template-page-myopia2 .con li.btn{width: 48%;padding: 0}
.page-template-page-myopia2 .con li a{width: 100%;margin-top: 20px}
.page-template-page-myopia2 .con li a span{padding: 20px 0}
.page-template-page-myopia2 .con li .min{letter-spacing: 0;font-weight: 600;font-size: 140%}


.single #mainview,
.blog #mainview{background:url(./img/ne_mainview.png) no-repeat center center;background-size:cover}
.single #footer .bnr,
.blog #footer .bnr{border: none;}
.single .block800{padding:50px;background: #fff;line-height: 200%;}
.single .block800 h3{font-size: 160%;padding-bottom: 15px;margin-bottom: 10px;border-bottom: solid 1px #000;}
.single .block800 .day{text-align: right;padding: 0 0 20px}
.single .block800 .entry p{margin-bottom: 0.8em}
.single .block800 .entry p a{text-decoration: underline;}
.single .block800 .entry p a:hover{text-decoration: none;}


@media screen and (max-width:1350px) {

*{font-size: 1.2vw}
#header #logo{width:27vw; }
#header #logo img{width:85%; }
#header #nav ul.flex li{margin-right: 1.2vw}
#header #nav ul.flex li.hd_btn a{padding:0.8vw 1.2vw}
#header #nav ul.flex li.hd_btn a:before{height: 1.2vw;width: 1.2vw;    background-size: 1.2vw 1.2vw;}

}

@media screen and (max-width:1250px) {

.conversion a span{background-size: 1.2vw 1.2vw;padding: 2vw 0 0}
#mainview ul.images li,
#mainview ul.images,
#mainview{height: 60vw}
.block{width: 96%;margin:0 auto;}
#fb_area .left{width: 35%}
#fb_area .right{width: 56%}
#fb_area .btn a{width: 100%}
.pa{padding: 6vw 0}
.pat0{padding: 0 0 6vw}
.pab{padding-bottom: 6vw}
#second #mainview{height: 37vw}
.ca_sec06 .image{width: 38%;}
.ca_sec06 .copy{width: 58%}
#footer .bnr li a img{height:7vw;width:auto}
#footer .bnr li:nth-child(2) a img{height:5.6vw}
#footer .bnr li:nth-child(3) a img{height:6vw}
.my_sec02 .image{padding: 5vw 5vw 5vw 50vw}
.my_sec05 .howto li{height: 27vw}
.me_sec01 .flex li p a{    background: url(./img/arw.svg) no-repeat right center;}
.do_sec01 .photo{width: 38%;}
.do_sec01 .copy{width: 58%;}
.do_sec01 .photo .history{padding: 2vw 2.5vw}
.re_sec02 table th, .re_sec02 table td,
.cl_sec01 table.outline th, .cl_sec01 table.outline td{padding: 2.5vw}
.cl_sec03 .block .image,
.cl_sec03 .block .copy{width: 48%}
.btn{padding-top: 4vw}
table th, table td{height: 6vw}
.tl{margin-bottom: 4.5vw}
.tl:after{bottom: -2vw}
.single .block800{padding:3.5vw;}
.single .block800 h3{padding-bottom: 0.8vw;margin-bottom: 0.8vw;}
.single .block800 .day{padding: 0 0 1.4vw}

}

@media screen and (max-width:820px) {

.block800{width: 96%;margin:0 auto;}
.modal-box{width: 80%}

}