@charset "UTF-8";

/*
Theme Name: ilasik
Version: 1.0.4
*/

/* =Reset
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;backface-visibility: hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:inherit;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:super;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
img {vertical-align:top;}
input[type="radio"],input[type="checkbox"] {vertical-align: -2px;}
label {cursor: pointer;}


/* =Common
-------------------------------------------------------------- */
body {
	text-align: center;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
}
@media (hover){
	a, a img, input[type="submit"], input[type="reset"], svg * {
		transition-property: color, background-color, background, border-color, fill, opacity;
		transition-duration: .3s;
	}
}
img {
	max-width: 100%;
	height: auto;
}
input[type="submit"],input[type="reset"] {
	-webkit-appearance: none;
}

.fl {	float: left;}
.fr {	float: right;}
.ta_l { text-align: left;}
.ta_c { text-align: center;}
.ta_r { text-align: right;}

/* clearfix */
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.clr {clear: both;}


/* =Styles 
-------------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #4f4f4f;
	background: #fff;
}
a {
	text-decoration: none;
	color: #4f4f4f;
	cursor: pointer;
}
::-webkit-input-placeholder {
  color: #b2b2b2;
}
::-moz-placeholder {
  color: #b2b2b2; opacity: 1;
}
:-ms-input-placeholder {
  color: #b2b2b2;
}	

@media ( min-width: 480px ){
	body {
		font-size: 15px;
	}
	.sp {
		display: none;
	}
	.inner {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 20px;
	}
	.outer_inner {
		max-width: 1700px;
		margin: 0 auto;
	}
}
@media ( min-width: 897px ){
	.sptab {
		display: none;
	}
}
@media ( max-width: 896px ){
	.pc {
		display: none;
	}
}
@media ( max-width: 479px ){
	body {
		font-size: 3.73vw;
	}
	.pctab {
		display: none;
	}
	.inner {
		padding: 0 4vw;
	}
	.outer_inner {
		padding: 0 4vw;
	}
}
@media ( min-width: 1201px ){
}
@media ( max-width: 1200px ){
}

/* = common 
-------------------------------------------------------------- */
.container {
	padding: 88px 0 0;
	background: #fff;
}
.container > .container_in {
	background: #f6f2ea;
}
.container.top {
	background: #fff;
}
/* header */
.header {
    padding: 12px 24px 16px 33px;
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0.5);
    top: 0;
    left: 0;
    z-index: 998;
    backdrop-filter: blur(5px) contrast(1.2);
}
.header .logo {
	float: left;
	width: 143px;
}
.header .gnav {
	float: right;
	padding: 26px 0 0;
}
.header .gnav ul {
	float: left;
}
.header .gnav ul li {
	display: inline-block;
	margin: 0 22px;
}
.header .gnav ul li a {
	display: block;
	font-size: 14px;
}
.header .gnav ul li a.active {
	color: #6eb544;
	font-weight: bold;
	border-bottom: 1px solid #6eb544;
}
@media (hover: hover) {
	.header .gnav ul li a:hover {
		color: #6eb544;
	}
}
.header .gnav .search {
	float: right;
	margin: 0 0 0 10px;
}
.header .gnav .search a {
	background: #6eb544;
	border-radius: 20px;
	padding: 9.5px 39px;
	color: #fff;
	font-size: 14px;
	border: 2px solid #6eb544;
}
@media (hover: hover) {
	.header .gnav .search a:hover {
		background: #fff;
		color: #6eb544;
	}
}
@media ( max-width: 1200px ){
	.header {
		padding: 12px 30px 16px;
	}
	.header .gnav ul li {
		margin: 0 15px;
	}	
}
@media ( max-width: 896px ){
	.header .gnav ul {
		display: none;
	}
	.header .gnav .search {
		margin: 0 60px 0 0;
	}	
	.sp_menu {
		position: fixed;
		width: 100%;
		z-index: 999;
	}
	.sp_menu .gnav_sp {
		display: none;
		width: 75%;
		height: 100vh;
		background: #f6f2ea;
		position: fixed;
		right: 0;
		top: 88px;
	}	
	.sp_menu .gnav_sp ul {
		padding: 0 30px;
		text-align: left;
	}
	.sp_menu .gnav_sp ul li {
		border-bottom: 1px solid #bebebe;
	}
	.sp_menu .gnav_sp ul li a {
		display: block;
		font-size: 18px;
		letter-spacing: 0.05em;
		padding: 30px 40px;
		color: #4f4f4f;
		background: url(img/gnav_sp_arw.png) no-repeat 94% center;
		background-size: 20px auto;
	}
	@media (hover: hover) {
		.sp_menu .gnav_sp ul li a:hover {
			color: #e5bb5e;
		}
	}
	/* menu btn */
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: fixed;
		width: 30px;
		height: 26px;
		right: 20px;
		top: 32px;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #4f4f4f;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(12px) rotate(-315deg);
	  transform: translateY(12px) rotate(-315deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-12px) rotate(315deg);
	  transform: translateY(-12px) rotate(315deg);
	}
	.w_shadow {
		display: none;
		position: fixed;
		top: 88px;
		width: 100%;
		height: 100vh;
		z-index: 998;
		left: 0;
		bottom: 0;
		background-color: rgba(000,000,000,0.7);
	}
}
@media ( max-width: 479px ){
	.header {
		padding: 2.67vw 4vw;
		height: 13.3vw;
	}
	.header .logo {
		width: 20%;
	}
	.sp_menu .gnav_sp {
		top: 13.3vw;
	}
	.header .gnav {
		padding: 0;
	}	
	.header .gnav .search {
		margin: 0 10vw 0 0;
		padding: 2vw 0 0;
		float: none;
	}	
	.header .gnav .search a {
		padding: 1.3vw 3vw;
		font-size: 3.7vw;
	}
	@media (hover: hover) {
		.header .gnav .search a:hover {
			background: #6eb544;
			color: #fff;
		}
	}
	.sp_menu .gnav_sp ul {
		padding: 0 4vw;
	}	
	.sp_menu .gnav_sp ul li a {
		font-size: 4.27vw;
		padding: 6.6vw 6vw;
		background: url(img/gnav_sp_arw.png) no-repeat 94% center;
		background-size: 3.47vw auto;
	}
	/* menu btn */
	.menu-trigger {
		position: fixed;
		width: 6.6vw;
		height: 5.4vw;
		right: 4vw;
		top: 4vw;
	}
	.menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(2.52vw) rotate(-315deg);
	  transform: translateY(2.52vw) rotate(-315deg);
	}
	.menu-trigger.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-2.52vw) rotate(315deg);
	  transform: translateY(-2.52vw) rotate(315deg);
	}
	.container {
		padding: 13.3vw 0 0;
	}
	.w_shadow {
		top: 13.3vw;
	}	
}
/* footer */
.pagetop {
	display: inline-block;
	margin: 60px auto 30px;
}
.pagetop a {
	display: block;
}
footer {
	background: #f6f2ea;
}
@media (hover: hover) {
	#f_link a:hover {
		text-decoration: underline;
	}
}
#f_link .in {
	border-top: 1px solid #bebebe;
	padding: 42px 0 58px;
	display: table;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
}
#f_link dl {
	display: table-cell;
	padding: 0 40px 0 0;
	line-height: 2.7;
}
#f_link dl:last-child {
	padding: 0;
}
#f_link dt a {
	color: #6eb544;
}
#f_link dd {
	font-size: 13px;
}
#f_link dd ul {
	float: left;
	margin: 0 20px 0 0;
}
#f_link dd ul:last-child {
	margin: 0;
}
#f_link dd a {
	display: block;
	color: #707070;
}
#f_link dd ul a:before {
	content: '・';
	color: #6eb544;
}
#f_link ul.right {
	display: table-cell;
	line-height: 2;
}
#f_link ul.right a {
	display: block;
	color: #6eb544;
}
#f_link ul.right .btn {
	text-align: center;
	line-height: 1;
}
#f_link ul.right .btn a {
    background: #6eb544;
    border-radius: 20px;
    padding: 12px 15px;
    color: #fff;
    font-size: 14px;
    border: 2px solid #6eb544;
	margin: 10px auto 0;
}
@media (hover: hover) {
	#f_link ul.right .btn a:hover {
		background: #fff;
		color: #6eb544;
		text-decoration: none;
	}
}
#footer .fnav01 {
	margin: 0 0 25px;
}
#footer .fnav01 .logo,
#footer .fnav01 .link_txt {
	display: table-cell;
	vertical-align: bottom;
}
#footer .fnav01 .logo {
	width: 143px;
}
#footer .fnav01 .link_txt {
	padding: 0 0 0 25px;
	font-size: 15px;
}
#footer .fnav02 {
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	padding: 25px 0;
}
#footer .fnav02 .logo {
	float: left;
	width: 277px;
}
#footer .fnav02 ul {
	float: right;
	padding: 12px 0 0;
}
#footer .fnav02 li {
	float: left;
	margin: 0 0 0 40px;
	font-size: 13px;
}
#footer .fnav01 a,
#footer .fnav02 a {
	color: #707070;
}
@media (hover: hover) {
	#footer .fnav01 a:hover,
	#footer .fnav02 a:hover {
		text-decoration: underline;
	}
}
#copy {
	padding: 17px 10px;
	font-size: 11px;
	color: #fff;
	background: #6eb544;
}
#copy span {
	display: inline-block;
	margin: 0 10px;
}
#f_txt {
	font-size: 13px;
	color: #bcab89;
	line-height: 1.38;
	text-align: left;
	padding: 40px 0 48px;
}
@media ( max-width: 1200px ){
	#f_link dl {
		padding: 0 10px 0 0;
		width: 20%;
		box-sizing: border-box;
	}
	#f_link ul.right {
		width: 20%;
	}
}
@media ( max-width: 896px ){
	#f_link .in {
		display: block;
	}
	#f_link dl {
		display: block;
		width: 50%;
		box-sizing: border-box;
		float: left;
		padding: 10px;
	}
	#f_link dl:last-child {
		padding: 10px;
	}
	#f_link ul.right {
		display: table;
		width: auto;
		margin: 0 auto;
		box-sizing: border-box;
		text-align: center;
		clear: both;
	}
	#f_link ul.right li {
		display: table-cell;
		vertical-align: middle;
	}
	#f_link ul.right .btn a {
		margin: 0;
	}
	#footer .fnav02 .logo {
		float: none;
		margin: 0 auto;
	}	
	#footer .fnav02 ul {
		float: none;
	}	
	#footer .fnav02 li {
		float: none;
		margin: 0 0 10px;
	}
}
@media ( min-width: 480px ) and ( max-width: 896px ) {
	#f_link ul.right {
		padding: 30px 0 0;
	}
	#f_link ul.right li {
		padding: 0 1.8em;
	}
}
@media ( max-width: 479px ){
	.pagetop {
		margin: 8vw auto 6vw;
		width: 12vw;
	}	
	#f_link .inner {
		padding: 0;
	}
	#f_link .in {
		padding: 8vw 4vw;
	}
	#f_link dl {
		padding: 0;
		margin: 0 0 20px;
		line-height: 2.16;
	}
	#f_link dd {
		font-size: 3.4vw;
	}	
	#f_link dd ul {
		float: none;
		margin: 0;
	}
	#f_link ul.right li {
		padding: 0 1em;
	}
	#f_link ul.right .btn a {
		margin: 0;
		padding: 1.8vw 3vw;
		font-size: 3.7vw;
	}	
	#footer .inner {
		padding: 0;
	}
	#footer .fnav01 {
		text-align: left;
		margin: 0 0 4vw;
		padding: 0 4vw;
	}
	#footer .fnav01 .logo {
		width: 32%;
	}
	#footer .fnav01 .logo img {
		width: 100%;
	}	
	#footer .fnav01 .link_txt {
		padding: 0 0 0 2vw;
		font-size: 3.47vw;
	}	
	#footer .fnav02 {
		padding: 5.33vw 0 4.33vw;
	}
	#footer .fnav02 .logo {
		width: auto;
	}	
	#footer .fnav02 .logo img {
		width: 50%;
	}	
	#footer .fnav02 ul {
		padding: 2.67vw 0 0;
	}	
	#footer .fnav02 li {
		font-size: 3.2vw;
		line-height: 2;
		margin: 0;
	}
	#footer .fnav02 li a {
		display: block;
	}	
	#f_txt {
		font-size: 3.1vw;
		line-height: 1.6;
		padding: 3vw 4vw;
	}
	#copy {
		padding: 4vw 0;
		font-size: 3vw;
	}	
	#copy span {
		display: block;
		margin: 0;
		line-height: 1.5;
	}
}
/* bread */
.bread {
	font-size: 12px;
	padding: 5px 0;
	text-align: left;
	color: #adadad;
}
.bread span {
	float: left;
	display: block;
	line-height: 25px;
	padding-right: 10px;
}
.bread span.slash {
	font-size: 16px;
}
.bread span a {
	color: #adadad;
}
@media (hover: hover) {
	.bread span a:hover {
		color: #6eb544;
	}
}
@media ( max-width: 479px ){
	.bread {
		display: none;
	}
}

.sec .video {
	position: relative;
}
.sec .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* = 下層commmon
-------------------------------------------------------------- */
#main {
	max-width: 905px;
	width: 75.4%;
	float: right;
	background: #fff;
	box-sizing: border-box;
}
#main .inner {
	padding: 0 42px;
}
#main .sec {
    border-bottom: 1px solid #f6f2ea;
	padding: 64px 0;
}
#main .sec:last-child {
	border-bottom: none;
}
@media (hover: hover) {
	#main .sec a:hover img {
		opacity: 0.7;
	}
}
#main .sec.nobdr {
    border-bottom: none;
    padding: 64px 0 0;
}
/* 見出し */
#title_area {
	padding: 0 0 25px;
}
#title_area .tit {
	height: 400px;
	font-size: 40px;
	color: #00ad4e;
	display: table-cell;
	vertical-align: middle;
	width: 1%;
	text-align: left;
	padding: 0 80px;
}
#title_area .tit.v2 {
	letter-spacing: -0.05em;
}
#title_area .tit span {
	display: block;
	font-size: 13px;
	padding: 20px 0 0;
}
#title_area.search_clinic .tit {
	background: url(img/kv_search_clinic.jpg) no-repeat center 0;
	background-size: cover;
}
#title_area.ilasik .tit {
	background: url(img/kv_ilasik_r.jpg) no-repeat center 0;
	background-size: cover;
}
#title_area.myopia .tit {
	background: url(img/kv_myopia.jpg) no-repeat center 0;
	background-size: cover;
}
#title_area.surgery .tit {
	background: url(img/kv_surgery.jpg) no-repeat center 0;
	background-size: cover;
}
#title_area.news .tit {
	background: url(img/kv_info.jpg) no-repeat center 0;
	background-size: cover;
}
#title_area.qa .tit {
	background: url(img/kv_q_and_a.jpg) no-repeat center 0;
	background-size: cover;
}
#title_area.company .tit {
	background: url(img/kv_company.jpg) no-repeat center 0;
	background-size: cover;
}
#title_area.amo-r1 .tit {
	background: url(img/kv_amo-r1.jpg) no-repeat center 0;
	background-size: cover;
}
.sec .main_tit {
	font-size: 35px;
	color: #6eb544;
	margin: 0 0 50px;
	vertical-align: bottom;
}
.sec .main_tit .sub_tit {
	display: block;
	font-size: 15px;
	padding: 15px 0 0;
}
.sec .main_tit .tbl {
	display: table;
	margin: 0 auto;
}
.sec .main_tit .tbl .logo,
.sec .main_tit .tbl span {
	display: table-cell;
	vertical-align: bottom;
}
.sec .main_tit .tbl .logo {
	width: 143px;
	padding: 0 0 3px;
}
.sec .heading_tit {
	font-size: 30px;
	line-height: 1.3;
	color: #6eb544;
	padding: 0 0 22px;
	vertical-align: top;
	margin: 0 0 25px;
	position: relative;
}
.sec .heading_tit::after {
	content: "";
	background: #6eb544;
	background-size: contain;
	width: 245px;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.sec .heading_sub_tit {
	font-size: 20px;
	line-height: 1.3;
	color: #6eb544;
	margin: 0 0 25px;
}
.sec .heading_sub_tit a {
	color: #6eb544;
}
.sec .heading_tit .tbl {
	display: table;
	margin: 0 auto;
}
.sec .heading_tit .tbl .logo,
.sec .heading_tit .tbl span {
	display: table-cell;
	vertical-align: bottom;
}
.sec .heading_tit .tbl .logo {
	width: 143px;
	padding: 0 0 5px;
}
.sec .txt {
	line-height: 1.66;
}
.sec .txt_box {
	line-height: 1.66;
	text-align: left;
	padding: 0 0 30px;
}
.sec .txt_box.ta_c {
	text-align: center;
}
.sec .txt_box p {
	padding: 0 0 0.8em;
}
.sec .txt_box p:last-child {
	padding: 0;
}
.sec .txt_box ul li {
    list-style: disc;
    margin-left: 1.5em;
}
.sec .note {
	display: block;
	text-align: left;
	font-size: 12px;
	color: #ababab;
	padding: 10px 0 0;
	line-height: 1.3;
}
.sec .txt_box a {
	color: #20b7af;
	text-decoration: underline;
}
@media (hover: hover) {
	.sec .txt_box a:hover {
		text-decoration: none;
	}
}
.sec .txt_box2 {
	line-height: 1.78;
	text-align: left;
	font-size: 14px;
}
.sec .txt_box2 p {
	padding: 0 0 0.5em;
}
.sec .txt_box2 p:last-child {
	padding: 0;
}
.sec .green {
	color: #6eb544;
}
.sec .mgn {
	margin: 0 0 50px;
}
.sec .supervisor {
	background: #d9f2ca;
}
.sec .supervisor .img_box {
	float: left;
	width: 210px;
}
.sec .supervisor .img_box img {
	width: 100%;
}
.sec .supervisor .txt_box {
    padding: 26px 28px 26px 238px;
}
.sec .supervisor .txt_box span {
	display: block;
}
.sec .supervisor .txt_box .tit {
	color: #6eb544;
}
.sec .supervisor .txt_box .clinic_name {
	font-size: 14px;
}
.sec .supervisor .txt_box .dr_name {
	font-size: 22px;
}
.sec .supervisor .txt_box a {
	display: inline-block;
	padding: 0.5em 0 0;
	text-decoration: none;
}
@media (hover: hover) {
	.sec .supervisor .txt_box a:hover {
		text-decoration: underline;
	}
}
.sec .link_btn {
	text-align: right;
	margin: 50px 0 0;
}
.sec .link_btn a {
	display: inline-block;
	text-align: center;
	background: #6eb544 url(img/arw_link_btn.png) no-repeat 94% center;
	color: #fff;
	font-size: 20px;
	padding: 28px 40px;
	border-radius: 40px;
	border: 2px solid #6eb544;
	box-sizing: border-box;
}
.sec .link_btn a span {
	display: block;
	position: relative;
	padding: 0 50px 0 70px;
}
.sec .link_btn a span::before {
	content: "Next";
	background:#d9f2ca;
	color: #6eb544;
	padding: 2.5px 14px;
	font-size: 15px;
	border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	pointer-events: none;
}
@media (hover: hover) {
	.sec .link_btn a:hover {
		background: #fff url(img/arw_link_btn2.png) no-repeat 94% center;
		color: #6eb544;
	}
	.sec .link_btn a:hover span::before {
		background:#6eb544;
		color: #d9f2ca;
	}
}
.sec .sc_bnr {
	text-align: center;
	margin: 50px auto 0;
}
#main .bnr.sec {
	margin: -1px 0 0;
	padding-top: 0;
	border-top: 1px #fff solid;
}
.bnr.sec .sc_bnr {
	margin-top: 0;
}
.sec .dl_wrap dl {
	background: #f6f2ea;
	padding: 25px 20px;
	text-align: left;
	width: 49%;
	box-sizing: border-box;
	float: left;
}
.sec .dl_wrap dl:last-child {
	float: right;
}
.sec .dl_wrap dl dt {
	margin: 0;
	padding: 0 0 0.5em;
}
.sec .dl_wrap dl dd {
	line-height: 1.66;
}
.sec .dl_wrap dl dd ul li{
	list-style: disc;
	margin: 0 0 5px 1.5em;
}
.anchor_area {
	border-bottom: 1px solid #20b7af;
	margin: 0 0 50px;
}
.anchor_area.nomgn {
	margin: 0;
}
.anchor_area .bdr_tit {
	position: relative;
	margin: 0 0 30px;
}
.anchor_area .bdr_tit::before {
    content: "";
    background: #20b7af;
    background-size: 100% auto;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -0.5px 0 0;
}
.anchor_area .bdr_tit span {
	display: inline-block;
	color: #20b7af;
	padding: 0 2.5em;
	background: #fff;
	position: relative;
	z-index: 2;
}
.anchor_area .pad {
	padding: 0 30px;
}
.sec .dl_box {
	width: 49%;
    float: left;
    background: #f6f2ea;
    padding: 25px 20px;
    text-align: left;
    box-sizing: border-box;
}
.sec .dl_box dt {
    margin: 0;
    padding: 0 0 0.5em;
}
.sec .dl_box dd {
	line-height: 1.66;
}
.sec .bdr_box {
    border: 3px solid #d9f2ca;
    padding: 30px 25px;
}
.sec .bdr_box .tit {
	font-size: 16px;
	font-weight: bold;
	color: #6eb544;
	margin: 0 0 15px;
}
.sec .bdr_box dl.list {
	display: table;
	margin: 0 0 15px;
	width: 100%;
	line-height: 1.66;
}
.sec .bdr_box dl.list:last-child {
	margin: 0;
}
.sec .bdr_box dl.list dt,
.sec .bdr_box dl.list dd {
	display: table-cell;
	text-align: left;
}
.sec .bdr_box dl.list dt {
	font-weight: bold;
	width: 160px;
}
.sec .bdr_box dl.list dd {
	padding: 0 0 0 5px;
}
.sec .desc_link {
	background: #eee;
	padding: 13px 16px;
	text-align: left;
}
.sec .desc_link dt ,
.sec .desc_link dd {
	display: inline-block;
	line-height: 1.33;
}
.sec .desc_link dt {
	position: relative;
	padding: 0 1em 0 0;
	font-weight: bold;
}
.sec .desc_link dt::after {
	content: "：";
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.sec .desc_link dd + dd {
	margin: 0 0 0 5px;
}
.sec .desc_link a {
	color: #20b7af;
	text-decoration: underline;
}
@media (hover: hover) {
  .sec .desc_link a:hover {
    text-decoration: none;
  }
}
.sec .img_box_wrap .img_box {
	width: 48%;
	float: left;
}
.sec .img_box_wrap .img_box:nth-child(even) {
	float: right;
}
.sec .box_wrap .box {
	width: 50%;
}
.sec .box_wrap .box .txt_box {
	padding: 0;
}
.sec .box_wrap .img_box {
	width: 48%;
}
.sec .box_wrap .box .img_box {
	width: 100%;
	margin: 0 0 10px;
}
.sec .box_wrap.left .box {
	float: left;
}
.sec .box_wrap.left .img_box {
	float: right;
}
.sec .box_wrap.right .box {
	float: right;
}
.sec .box_wrap.right .img_box {
	float: left;
}
.description dl {
	text-align: left;
}
.description .heading_sub_tit {
	margin: 0 0 8px;
}
#aside {
	max-width: 270px;
	width: 22.5%;
	float: left;
	box-sizing: border-box;
}
#aside .si_menu {
	background: #fff;
	padding: 30px;
	text-align: left;
	margin: 0 0 25px;
}
#aside .si_menu ul li a {
	display: block;
	font-weight: bold;
	background: url(img/search_arw02.png) no-repeat 0 center;
	background-size: 10px auto;
	padding: 12px 0 12px 1.5em;
}
#aside .si_search a {
	display: block;
	background: #fff;
	padding: 48px 15px 20px;
	box-sizing: border-box;
	border: 2px solid #fff;
}
#aside .si_search a.mobile {
	border: 2px solid #20b7af;
}
@media (hover: hover) {
	#aside .si_menu ul li a:hover {
		color: #6eb544;
	}
	#aside .si_search a:hover {
		border: 2px solid #20b7af;
	}
	#aside .si_search a:hover img {
		opacity: 1;
	}
}
#aside .si_search .tit {
	font-size: 35px;
	color: #20b7af;
	margin: 0 0 20px;
}
#aside .si_search .tit .spl {
	display: block;
	padding: 10px 0 0;
	font-size: 15px;
	color: #4f4f4f;
}
#aside .menu {
	background: #fff;
	text-align: left;
	margin: 0 0 25px;
	padding: 25px 0;
}
#aside .menu dl {
	margin: 0 0 30px;
	line-height: 1.3;
}
#aside .menu dl:last-child {
	margin: 0;
}
#aside .menu dl dt a {
	display: block;
	color: #6eb544;
	background: url(img/area_arw3.png) no-repeat 20px center;
	padding: 10.5px 20px 10.5px 45px;
}
#aside .menu dl dd a {
	display: block;
	background: url(img/search_arw02.png) no-repeat 40px center;
	padding: 10.5px 20px 10.5px 62px;
}
#aside .menu dl dt a.active {
	background: #d9f2ca url(img/area_arw3.png) no-repeat 20px center;
}
#aside .menu dl dd a.active {
	background: #d9f2ca url(img/search_arw02.png) no-repeat 40px center;
	color: #6eb544;
}
@media (hover: hover) {
	#aside .menu dl dt a:hover {
		background-color: #d9f2ca;
	}
	#aside .menu dl dd a:hover {
		background-color: #d9f2ca;
		color: #6eb544;
	}
}
@media ( min-width: 1201px ){
	.heading_tit span.sptab2 {
		display: none;
	}
}
@media ( max-width: 1200px ){
	#main .inner {
		padding: 0 25px;
	}
	.heading_tit .tbl span.pc2 {
		display: none;
	}
}
@media ( max-width: 896px ){
	#main {
		max-width: 100%;
		width: 100%;
		float: none;
		margin: 0 0 25px;
	}
	/* 見出し */
	#title_area .tit {
		height: 250px;
		padding: 0 30px;
		font-size: 35px;
	}
	#title_area.search_clinic .tit {
		background: url(img/kv_search_clinic.jpg) no-repeat 60% 0;
		background-size: cover;
	}
	#title_area.ilasik .tit {
		background: url(img/kv_ilasik_r.jpg) no-repeat 75% 0;
		background-size: cover;
	}			
	.sec .supervisor {
		padding: 30px 28px;
	}
	.sec .supervisor .img_box {
		margin: 0 28px 0 0;
	}
	.sec .supervisor .txt_box {
		padding: 0;
	}
	.sec .link_btn a {
		background: #6eb544 url(img/arw_link_btn.png) no-repeat 96% center;
		background-size: 10px auto;
		font-size: 18px;
		padding: 28px 20px;
	}	
	.sec .link_btn a span {
		padding: 0 20px 0 60px;
	}	
	@media (hover: hover) {
		.sec .link_btn a:hover {
			background: #fff url(img/arw_link_btn2.png) no-repeat 96% center;
			background-size: 10px auto;
		}
	}
	.anchor_area .pad {
		padding: 0;
	}			
	#aside {
		max-width: 100%;
		width: 100%;
		float: none;
	}
	#aside .si_menu {
		width: 48%;
		float: left;
		box-sizing: border-box;
	}	
	#aside .si_search a {
		width: 100%;
		box-sizing: border-box;
		padding: 10px 35px;
		text-align: left;
		background: #fff url(img/search_img01_sp.png) no-repeat 230px center;
		background-size: 460px auto;
	}	
	#aside .si_search.w48 a {
		width: 48%;
		float: right;
		padding: 38px 15px 20px;
		text-align: center;
		background: #fff;
	}
	#aside .si_search .tit {
		margin: 0 30px 0 0;
		display: inline-block;
	}
	#aside .si_search.w48 .tit {
		margin: 0 0 20px;
		display: block;
	}
	#aside .menu {
		width: 100%;
		box-sizing: border-box;
	}	
	#aside .menu dl {
		width: 50%;
		float: left;
	}
	#aside .menu.article {
		width: 48%;
		float: left;
	}	
	#aside .menu.article dl {
		width: 100%;
		float: none;
	}
}
@media ( max-width: 479px ){
	#main {
		margin: 0 0 4vw;
	}	
	#main .sec {
		padding: 8vw 0;
	}
	#main .sec.nobdr {
		padding: 8vw 0 0;
	}
	#main .inner {
		padding: 0 4vw;
	}
	/* 見出し */
	#title_area .inner {
		padding: 0;
	}
	#title_area .tit {
		padding: 0 4vw;
		font-size: 5vw;
		height: 150px;
	}
	#title_area .tit span {
		font-size: 2.6vw;
		padding: 2vw 0 0;
	}
	.sec .txt {
		text-align: left;
	}
	.sec .main_tit {
		font-size: 5.33vw;
		margin: 0 0 6.67vw;
		font-weight: bold;
	}
	.sec .main_tit .sub_tit {
		font-size: 4vw;
		padding: 3.5vw 0 0;
	}
	.sec .main_tit .tbl .logo {
		width: 20vw;
		padding: 0 0 0.5vw;
	}
	.sec .heading_tit {
		font-size: 4.8vw;
		padding: 0 0 1.6vw;
		margin: 0 0 5.87vw;
	}	
	.sec .heading_tit::after {
		width: 40%;
	}
	.sec .heading_sub_tit {
		font-size: 4vw;
		margin: 0 0 2.67vw;
		text-align: left;
	}
	.sec .heading_tit .tbl .logo {
		width: 20vw;
		padding: 0 0 1vw;
	}
	.sec .txt_box {
		padding: 0 0 4vw;
	}
	.sec .txt_box2 {
		font-size: 3.6vw;
	}
	.sec .mgn {
		margin: 0 0 8vw;
	}
	.sec .supervisor {
		padding: 4.8vw 4vw;
	}
	.sec .supervisor .txt_box .tit {
		font-size: 3.2vw;
		margin: 0 0 0.8vw;
	}
	.sec .supervisor .img_box {
		width: 40%;
		margin: 0 2.67vw 2.67vw 0;
	}	
	.sec .supervisor .txt_box .clinic_name {
		font-size: 2.93vw;
		line-height: 1.3;
	}	
	.sec .supervisor .txt_box .dr_name {
		font-size: 4.27vw;
	}	
	.sec .supervisor .txt_box p {
		clear: both;
	}
	.sec .supervisor .txt_box a {
		font-size: 3.2vw;
	}
	.sec .link_btn {
		margin: 8vw 0 0;
	}
	.sec .link_btn a {
		display: block;
		background: #6eb544 url(img/arw_link_btn.png) no-repeat 97% center;
		background-size: 2vw auto;
		font-size: 4vw;
		padding: 20px 10px;
	}
	.sec .link_btn a span {
		padding: 0 3vw 0 10vw;
	}
	.sec .link_btn a span::before {
		padding: 2.5px 8px;
		font-size: 3.3vw;
	}
	.sec .sc_bnr {
		margin: 8vw auto 0;
	}
	.sec .dl_wrap dl {
		width: 100%;
		float: none;
		margin: 0 0 2vw;
		padding: 3vw;
	}
	.sec .dl_wrap dl:last-child {
		float: none;
		margin: 0;
	}
	.sec .dl_wrap dl dd ul li{
		margin: 0 0 0.5vw 1.5em;
	}	
	.anchor_area {
		margin: 0 0 8vw;
	}	
	.sec .dl_box {
		width: 100%;
		float: none;
		padding: 3vw;
	}
	.sec .bdr_box {
		border: 0.8vw solid #d9f2ca;
		padding: 3vw 4vw;
	}
	.sec .bdr_box dl.list {
		margin: 0 0 2.5vw;
	}
	.sec .bdr_box dl.list dt, 
	.sec .bdr_box dl.list dd {
		display: block;
	}	
	.sec .bdr_box dl.list dt {
		width: 100%;
	}
	.sec .box_wrap .box {
		width: 100%;
	}
	.sec .box_wrap .img_box {
		width: 70%;
		margin: 0 auto;
	}	
	.sec .box_wrap.left .img_box,
	.sec .box_wrap.right .img_box {
		float: none;
	}
	.sec .box_wrap .box .txt_box {
		padding: 0 0 4vw;
	}
	.anchor_area .bdr_tit {
		margin: 0 0 4vw;
	}	
	.sec .note {
		font-size: 2.8vw;
		padding: 2vw 0 0;
	}
	.sec .description dl {
		margin: 0 0 4vw;
	}
	.description .heading_sub_tit {
		margin: 0 0 0.8vw;
	}
	.sec .desc_link {
		padding: 2vw 2.5vw;
	}
	.surgery_about02 .img_box {
		margin: 1.5em auto !important;
	}
	#aside .si_menu {
		width: 100%;
		float: none;
		padding: 2vw 4vw;
		margin: 0 0 4vw;
	}
	#aside .si_menu ul li {
		width: 33%;
		float: left;
	}
	#aside .si_menu ul li:last-child {
		width: 67%;
	}
	#aside .si_menu ul li a {
		background-size: 1.87vw auto;
		padding: 3vw 0 3vw 0.8em;
	}
	#aside .si_search a {
		padding: 2vw 4vw;
		background: #fff url(img/search_img01_sp.png) no-repeat 400% center;
		background-size: 90% auto;
	}	
	#aside .si_search.w48 a {
		text-align: left;
		width: 100%;
		float: none;
		padding: 2vw 4vw;
		background: #fff url(img/search_img01_sp.png) no-repeat 400% center;
	    background-size: 90% auto;
	}
	#aside .si_search .tit {
		font-size: 7vw;
		margin: 0 4vw 0 0;
	}	
	#aside .si_search.w48 .tit {
		margin: 0 4vw 0 0;
		display: inline-block;
	}
	#aside .si_search.w48 img {
		display: none;
	}
	#aside .si_search .tit .spl {
		padding: 2vw 0 0;
		font-size: 3.5vw;
	}
	#aside .menu {
		margin: 0 0 4vw;
		padding: 5.33vw 4vw;
	}
	#aside .menu.article {
		width: 100%;
		float: none;
		margin: 0 0 4vw;
	}
	#aside .menu dl {
		margin: 0 0 3.2vw;
		float: none;
		width: 100%;
	}
	#aside .menu.article dl {
		margin: 0;
	}
	#aside .menu dl dt a {
		background: url(img/area_arw3.png) no-repeat 1.2vw center;
		background-size: 3vw auto;
		padding: 2vw 0 2vw 5vw;
	}	
	#aside .menu dl dt a.active {
		background: #d9f2ca  url(img/area_arw3.png) no-repeat 1.2vw center;
		background-size: 3vw auto;
	}
	#aside .menu dl:nth-of-type(3) dd,
	#aside .menu dl:last-of-type dd {
		float: left;
		width: 50%;
	}
	#aside .menu.article dl dd {
		width: 100%;
		float: none;
	}
	#aside .menu dl dd a {
		background: url(img/search_arw02.png) no-repeat 5.33vw 3vw;
		background-size: 1.5vw auto;
		padding: 2vw 0 1.33vw 8vw;
		font-size: 3.47vw;
	}
	#aside .menu dl dd a.active {
		background: #d9f2ca url(img/search_arw02.png) no-repeat 5.33vw 3vw;
		background-size: 1.5vw auto;
	}
	#aside .si_search.w48.v2 a {
		text-align: left;
		width: 100%;
		float: none;
		padding: 2vw 4vw;
		background: #fff url(img/search_img01_sp.png) no-repeat 400% center;
		background-size: 90% auto;
	}
	#aside .si_search.v2 .tit {
		font-size: 6vw;
		margin: 0 4vw 0 0;
		display: inline-block;
	}
	#aside .si_search.v2 .tit .spl {
		font-size: 3.2vw;
	}
	#aside .si_search.w48.v2 a img {
		display: none;
	}
}

/* = ilasik_about
-------------------------------------------------------------- */
.ilasik_about01 .dl_wrap {
	padding: 20px 0 30px;
}
.ilasik_about01 .dl_wrap dl {
	width: 40%;
}
.ilasik_about01 .dl_wrap dl.bg {
	background: #f6f2ea url(img/i_about_img01.png) no-repeat 96% center;
	background-size: 30% auto;
	padding: 25px 22% 25px 20px;
	width: 58%;
}
.ilasik_about01 .note {
	font-size: 14px;
}
.ilasik_about02 .video {
	width: 100%;
	margin: 0 0 50px;
}
.ilasik_about02 .img1 {
	padding: 0 4%;
	margin: 0 0 35px;
}
.ilasik_about02 .img1 dl {
    display: inline-block;
	max-width: 350px;
	width: 49%;
	float: left;
}
.ilasik_about02 .img1 dl:last-child {
	float: right;
}
.ilasik_about02 .img1 dl dd {
	display: table;
	width: 100%;
	padding: 20px 8px;
	background: #f6f2ea;
	box-sizing: border-box;
}
.ilasik_about02 .img1 dl dd p {
	display: table-cell;
	vertical-align: middle;
    font-size: 14px;
    line-height: 1.5;
}
.ilasik_about02 .img1 dl dd p span {
    display: inline-block;
	color: #6eb544;
}
.ilasik_about02 .img2 {
	background: #f6f2ea;
	margin: 0 0 40px;
}
.ilasik_about02 .img2 a {
	display: block;
	float: left;
	width: 300px;
}
.ilasik_about02 .img2 .txt_box2 {
	padding: 25px 25px 25px 325px;
}
.ilasik_about02 .anchor_area .cf .img_box {
	float: left;
	margin: 0 20px 0 0;
	max-width: 100%;
	width: 458px;
}
.ilasik_about02 .anchor_area .img_box dl {
    display: inline-block;
    float: left;
    margin: 0 4% 0 0;
    width: 48%;
    max-width: 229px;
}
.ilasik_about02 .anchor_area .img_box dl:last-child {
	margin: 0;
}
.ilasik_about02 .anchor_area .img_box dl dt {
	margin: 0 0 15px;
}
.ilasik_about02 .anchor_area .img_box dl dd {
	padding: 0 0 30px;
}
.ilasik_about02 .vision {
	margin: 0 0 35px;
}
.ilasik_about02 .vision dl {
	float: left;
	width: 24%;
	margin: 0 1.33% 0 0;
}
.ilasik_about02 .vision dl:last-child {
	margin: 0;
}
.ilasik_about02 .vision dl dd {
	background: #d9f2ca;
	padding: 12px 10px;
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.ilasik_about02 .vision dl dd span {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.33;
}
.ilasik_about03 .point dl {
	text-align: left;
	margin: 0 0 30px;
}
.ilasik_about03 .point dl:last-child {
	margin: 0;
}
.ilasik_about03 .point dl dt .heading_sub_tit {
	margin: 0 0 14px;
}
.ilasik_about03 .point dl dt .heading_sub_tit span {
	display: inline-block;
	font-size: 15px;
	border: 1px solid #6eb544;
	padding: 5px 18px;
	margin: 0 14px 0 0;
	float: left;
}
.ilasik_about03 .point dl dd .img_box {
	width: 195px;
	float: left;
	margin: 0 20px 0 0;
}
.ilasik_about04 .flow {
	margin: 0 0 38px;
}
.ilasik_about04 .description dl:last-of-type {
	margin: 0 0 68px;
}
.ilasik_about04 .description .img_box {
	display: block;
	float: left;
	margin: 0 40px;
	width: 219px;
}
.ilasik_about04 .description .txt_box2 {
	text-align: center;
	color: #bcab89;
}

@media ( max-width: 1200px ){
	.ilasik_about02 .anchor_area .cf .img_box {
		float: none;
		margin: 0 auto;
		display: inline-block;
	}
}
@media ( max-width: 896px ){
	.ilasik_about01 .dl_wrap dl {
		padding: 20px 15px;
	}	
	.ilasik_about01 .dl_wrap dl.bg {
		background: #f6f2ea url(img/i_about_img01.png) no-repeat 96% center;
		background-size: 30% auto;
		padding: 20px 20% 20px 15px;
		border-left: 5px solid #fff;
	}
	.ilasik_about02 .img1 {
		padding: 0;
	}
	.ilasik_about02 .img2 {
		padding: 25px;
	}
	.ilasik_about02 .img2 a {
		margin: 0 25px 10px 0;
	}
	.ilasik_about02 .img2 .txt_box2 {
		padding: 0;
	}
}
@media ( max-width: 479px ){
	.ilasik_about01 .dl_wrap {
		padding: 3vw 0;
	}
	.ilasik_about01 .dl_wrap dl {
		width: 100%;
	}
	.ilasik_about01 .dl_wrap dl.bg {
		width: 100%;
		background: #f6f2ea url(img/i_about_img01.png) no-repeat 97% center;
		background-size: 25% auto;
		padding: 3vw 28% 3vw 3vw;
	}
	.ilasik_about02 .video {
		margin: 0 0 8vw;
	}
	.ilasik_about02 .img1 {
		margin: 0 0 4vw;
	}
	.ilasik_about02 .img1 dl dd {
		padding: 1.5vw;
	}
	.ilasik_about02 .img1 dl dd p {
		font-size: 3.2vw;
		font-weight: bold;
	}
	.ilasik_about02 .img2 {
		padding: 4vw;
		margin: 0 0 8vw;
	}
	.ilasik_about02 .img2 a {
		float: none;
		margin: 0 auto 3vw;
		width: 100%;
	}
	.ilasik_about02 .anchor_area .cf .img_box {
		float: none;
		margin: 0 0 3vw;
	}
	.ilasik_about02 .vision {
		margin: 0 0 8vw;
	}
	.ilasik_about02 .vision dl {
		width: 48%;
		margin: 0 2% 2vw 0;
	}
	.ilasik_about02 .vision dl:last-child {
		margin: 0 0 2vw 0;
	}
	.ilasik_about02 .vision dl:nth-child(2n) {
		margin: 0 0 2vw 0;
	}
	.ilasik_about02 .vision dl dd {
		padding: 1.5vw;
		font-size: 3.4vw;
	}
	.ilasik_about02 .anchor_area .img_box dl dt {
		margin: 0 0 2vw;
	}
	.ilasik_about02 .anchor_area .img_box dl dd {
		padding: 0;
		line-height: 1.3;
		font-size: 3vw;
		font-weight: bold;
	}
	.ilasik_about03 .point dl {
		margin: 0 0 3vw;
	}	
	.ilasik_about03 .point dl dt .heading_sub_tit {
		margin: 0 0 2vw;
	}	
	.ilasik_about03 .point dl dt .heading_sub_tit span {
		font-size: 3.73vw;
		padding: 1vw 1vw 0.3vw;
		margin: 0 2vw 0 0;
	}
	.ilasik_about03 .point dl dd .img_box {
		width: 45%;
		margin: 0 2vw 0 0;
	}
	.ilasik_about04 .flow {
		margin: 0 0 4vw;
	}
	.ilasik_about04 .description .img_box {
		float: none;
		width: 80%;
		max-width: 219px;
		margin: 0 auto 2vw;
		display: block;
	}	
	.ilasik_about04 .description dl:last-of-type {
		margin: 0px 0 3vw;
	}	
	.ilasik_about04 .description .txt_box2 {
		text-align: left;
	}
}
/* = ilasik_check
-------------------------------------------------------------- */
.ilasik_check02 .dl_wrap {
	padding: 20px 0 30px;
}
.ilasik_check02 .img_box {
	width: 600px;
	margin: 0 auto;
	max-width: 100%;
}
.ilasik_check02 .img_box.right {
	width: 49%;
	float: right;
}
.ilasik_check02 .img_box .img_txt {
	font-size: 13px;
	padding: 5px 0 0;
	text-align: left;
	line-height: 1.4;
}
.ilasik_check03 .img_box {
	float: left;
	width: 425px;
}
.ilasik_check03 .txt_box2 {
	padding: 0 0 0 445px;
}
@media ( max-width: 896px ){
	.ilasik_check03 .img_box {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}
	.ilasik_check03 .txt_box2 {
		padding: 0;
	}	
}
@media ( max-width: 479px ){
	.ilasik_check02 .img_box.right {
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}	
}
/* = ilasik_flow
-------------------------------------------------------------- */
.ilasik_flow01 .img_box {
	margin: 0 0 20px;
}
.ilasik_flow03 .img_box {
	width: 576px;
	max-width: 100%;
	margin: 0 auto 50px;
}
.ilasik_flow03 .box_wrap .img_box {
	width: 48%;
	max-width: 100%;
}
.ilasik_flow03 .box_wrap .img_box img {
	width: 100%;
}
.ilasik_flow04 .img_box,
.ilasik_flow05 .img_box {
	float: right;
	width: 40%;
	margin: 0 0 0 2%;
}
.ilasik_flow04 .txt_box,
.ilasik_flow05 .txt_box {
	padding: 0;
}
.ilasik_flow06.sec .box_wrap .box {
	width: 40%;
	margin: 0 0 0 2%;
}
.ilasik_flow06.sec .box_wrap .box .img_box:last-of-type {
    max-width: 217px;
    width: 66%;
    margin: 0 17%;
}
@media ( max-width: 479px ){
	.ilasik_flow03 .img_box {
		margin: 0 auto 6vw;
	}
	.ilasik_flow03 .box_wrap .img_box {
		width: 70%;
		margin: 0 auto 3vw;
	}
	.ilasik_flow04 .img_box, .ilasik_flow05 .img_box {
		float: none;
		width: 70%;
		margin: 0 auto 3vw;
	}
	.ilasik_flow06.sec .box_wrap .box {
		width: 70%;
		margin: 0 auto 3vw;
		float: none;
	}
	.ilasik_flow06.sec .box_wrap .box .img_box {
		max-width: 100%;
		margin: 0 auto 3vw;
	}
	.ilasik_flow06.sec .box_wrap .box .img_box:last-of-type {
		width: 80%;
		margin: 0 10%;
	}
}
/* = myopia_mechanism
-------------------------------------------------------------- */
.myopia_mechanism01 .img_box {
	width: 50%;
	float: right;
	margin: 0 0 0 2%;
}
@media ( max-width: 896px ){
	.myopia_mechanism01 .img_box {
		width: 70%;
		float: none;
		margin: 0 auto 20px;
	}
}
@media ( max-width: 479px ){
	.myopia_mechanism01 .img_box {
		width: 100%;
		margin: 0 auto 3vw;
	}
}
/* = myopia_ametropia
-------------------------------------------------------------- */
.myopia_ametropia .img_box {
	width: 50%;
	float: right;
}
.myopia_ametropia .bdr_box {
	width: 50%;
	float: left;
	box-sizing: border-box;
	text-align: left;
	padding: 20px 15px;
}
.myopia_ametropia .bdr_box dt.heading_sub_tit {
	margin: 0 0 10px 10px;
}
.myopia_ametropia .bdr_box dd {
	line-height: 1.6;
}
.myopia_ametropia .bdr_box dd ul li {
	list-style: disc;
	margin: 0 0 0 1.5em;
}
@media ( max-width: 479px ){
	.myopia_ametropia .img_box {
		width: 100%;
		float: none;
	}
	.myopia_ametropia .bdr_box {
		width: 100%;
		float: none;
		padding: 3vw;
	}
	.myopia_ametropia .bdr_box dt.heading_sub_tit {
		margin: 0 0 2vw 1vw;
	}	
}
/* = myopia_treatment
-------------------------------------------------------------- */
.myopia_treatment .img_box {
	width: 30%;
	float: right;
}
.myopia_treatment .img_box_wrap .img_box {
    width: 35%;
    float: none;
	display: inline-block;
	margin: 0 5px;
}
.myopia_treatment .img_box_wrap .img_box:nth-child(even) {
    float: none;
	width: 35%;
	margin: 0 5px;
}
.myopia_treatment .img_box_wrap .img_box img {
	width: 100%;
}
.myopia_treatment .cf .txt_box {
	width: 68%;
	float: left;
}
.myopia_treatment .dl_wrap {
	margin: 30px 0 0;
}
.myopia_treatment .dl_wrap.nomgn {
	margin: 0;
}
.myopia_treatment .bdr_box dl.list {
    display: block;
	margin: 0 0 20px;
}
.myopia_treatment .bdr_box dl.list dt {
	display: block;
    width: 100%;
}
@media ( max-width: 479px ){
	.myopia_treatment .bdr_box dl.list {
		margin: 0 0 3vw;
	}	
	.myopia_treatment .img_box {
		width: 70%;
		float: none;
		margin: 0 auto;
	}
	.myopia_treatment .cf .txt_box {
		width: 100%;
		float: none;
	}
	.myopia_treatment .dl_wrap {
		margin: 3vw 0 0;
	}
	.myopia_treatment .img_box_wrap .img_box {
		width: 65%;
		float: left;
		margin: 0;
	}
	.myopia_treatment .img_box_wrap .img_box:nth-child(even) {
		float: right;
		width: 33%;
		margin: 0;
	}
}

/* = surgery_about
-------------------------------------------------------------- */
.surgery_about01 .img_box dl {
	width: 30%;
	float: left;
	margin: 0 5% 0 0;
}
.surgery_about01 .img_box dl:last-child {
	margin: 0;
}
.surgery_about01 .img_box dl dt {
	margin: 0 0 10px;
	position: relative;
}
.surgery_about01 .img_box dl dt::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -8%;
	width: 10px;
	height: 10px;
	border-top: 5px solid #6eb544;
	border-right: 5px solid #6eb544;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.surgery_about01 .img_box dl:last-child dt::after {
	display: none;
}
.surgery_about01 .img_box dl dd {
	text-align: left;
	line-height: 1.4;
}
.surgery_about02  .description dl:last-child .txt_box {
	padding: 0;
}
.surgery_about02 .img_box {
	max-width: 355px;
	margin: 0 auto 1em;
}
.surgery_about .cf .img_box {
	width: 40%;
	float: right;
}
.surgery_about .cf .txt_box {
	width: 58%;
	float: left;
}
.surgery_about05 .img_box_wrap2 {
	width: 35%;
	float: right;
}
.surgery_about05 .cf .txt_box {
	width: 63%;
	float: left;
}
.surgery_about05 .anchor_area {
	margin: 0;
	text-align: center;
}
.surgery_about05 .img_box_wrap {
	padding: 0 0 30px;
}
.surgery_about05 .img_box_wrap .tit {
	text-align: left;
	font-size: 13px;
	margin: 0 0 10px;
	letter-spacing: -0.03em;
	line-height: 1.4;
}
.surgery_about05 .img_box_wrap .tit .bold {
	font-weight: bold;
}
.surgery_about05 .img_box_wrap .text {
	display: block;
	font-size: 12px;
	text-align: left;
	padding: 10px 0 0;
}
.surgery_about06 .cf .img_box {
	width: 36%;
	float: right;
}
.surgery_about06 .bdr_box {
    width: 60%;
    float: left;
    box-sizing: border-box;
    text-align: left;
    padding: 20px 15px;
}
.surgery_about06 .bdr_box dt.heading_sub_tit {
	font-size: 17px;
    margin: 0 0 8px;
}
.surgery_about06 .bdr_box dd {
	line-height: 1.4;
}
@media ( max-width: 896px ){
	.surgery_about05 .img_box_wrap .tit {
		letter-spacing: 0;
	}
	.surgery_about05 .img_box_wrap .tit .bold {
		display: block;
	}
}
@media ( max-width: 479px ){
	.surgery_about01 .img_box dl {
		width: 100%;
		float: none;
		margin: 0 0 12vw;
		position: relative;
	}
	.surgery_about01 .img_box dl::after {
		content: '';
		position: absolute;
		bottom: -7.47vw;
		left: 50%;
		width: 2.67vw;
		height: 2.67vw;
		border-top: 1.33vw solid #6eb544;
		border-right: 1.33vw solid #6eb544;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		margin: 0 0 0 -2.8vw;
	}
	.surgery_about01 .img_box dl:last-child::after {
		display: none;
	}
	.surgery_about01 .img_box dl dt {
		width: 70%;
		margin: 0 auto 1.33vw;
	}
	.surgery_about01 .img_box dl dt::after {
		display: none;
	}
	.surgery_about01 .img_box dl dd {
		font-size: 3.2vw;
		text-align: center;
	}
	.surgery_about .cf .txt_box {
		width: 100%;
		float: none;
	}	
	.surgery_about .cf .img_box {
		width: 94%;
		float: none;
		margin: 0 auto;
	}
	.surgery_about05 .img_box_wrap {
		padding: 0 0 5vw;
	}
	.surgery_about05 .img_box_wrap2 {
		width: 100%;
		float: none;
		display: table;
	}
	.surgery_about05 .img_box_wrap2 .img_box {
		width: 50%;
		display: table-cell;
		vertical-align: middle;
	}
	.surgery_about05 .cf .txt_box {
		width: 100%;
		float: none;
	}
	.surgery_about05 .img_box_wrap .img_box {
		width: 100%;
		float: none;
		margin: 0 0 6vw;
	}
	.surgery_about05 .img_box_wrap .img_box:last-child {
		margin: 0;
	}
	.surgery_about05 .img_box_wrap .tit {
		margin: 0;
	}
	.surgery_about05 .img_box_wrap .text {
		padding: 1.5vw 0 0;
	}
	.surgery_about06 .cf .img_box {
		width: 70%;
		float: none;
		margin: 0 auto;
	}
	.surgery_about06 .bdr_box {
		width: 100%;
		float: none;
		padding: 3vw;
		margin: 0 0 2vw;
	}	
	.surgery_about06 .bdr_box dt.heading_sub_tit {
		font-size: 4vw;
		margin: 0 0 2vw;
	}	
}

/* = surgery_flow
-------------------------------------------------------------- */
ol.flow_box {
	text-align: left;
}
ol.flow_box > li {
	padding: 0 0 60px;
	margin: 0 0 20px;
	position: relative;
}
ol.flow_box > li:last-child {
	margin: 0;
}
ol.flow_box > li::after {
	content: "";
	background: url(img/flow_box_arw.png) no-repeat 0 0;
	background-size: contain;
	width: 160px;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
ol.flow_box > li:last-child::after {
	display: none;
}
ol.flow_box ul {
	line-height: 1.66;
}
ol.flow_box ul li {
    list-style: disc;
	margin: 0 0 0 1.5em;
}
ol.flow_box .cf .img_box {
	float: right;
	width: 30%;
}
ol.flow_box .cf .left {
	float: left;
	width: 70%;
}
.sec ol.flow_box .heading_sub_tit {
    margin: 0 0 10px;
}
.surgery_flow02 .heading_sub_tit {
	margin: 0 0 15px;
}
.surgery_flow02 .txt {
	margin: 20px 0 0;
	text-align: left;
}
.sec .dl_tbl {
	border: 1px solid #6eb544;
	border-bottom: none;
}
.sec .dl_tbl dl {
	display: table;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #6eb544;
}
.sec .dl_tbl dl dt,
.sec .dl_tbl dl dd {
	display: table-cell;
	vertical-align: middle;
}
.sec .dl_tbl dl dt {
	background: #d9f2ca;
	font-weight: bold;
	width: 200px;
	border-right: 1px solid #6eb544;
	box-sizing: border-box;
	padding: 10px;
}
.sec .dl_tbl dl dd {
	line-height: 1.66;
	padding: 10px 15px;
}
.sec .dl_tbl dl dd span {
	display: block;
	font-size: 12px;
	color: #ababab;
	line-height: 1.4;
}
.surgery_flow03 .dl_tbl dl dt {
	font-weight: normal;
}
.surgery_flow04 .description dl dt {
	font-weight: bold;
}
.surgery_flow04 .bdr_box,
.surgery_flow06 .bdr_box {
	margin: 0 0 30px;
	line-height: 1.66;
	padding: 20px;
}
.surgery_flow04 .bdr_box .tit,
.surgery_flow06 .bdr_box .tit {
	margin: 0 0 5px;
}
.surgery_flow06 .bdr_box {
	text-align: left;
}
.surgery_flow06 .bdr_box ul li {
    list-style: disc;
    margin-left: 1.5em;
}
.surgery_flow06 .bdr_box dl.list dt {
    width: 120px;
}
@media ( max-width: 479px ){
	ol.flow_box > li {
		padding: 0 0 7vw;
		margin: 0 0 3vw;
	}	
	ol.flow_box > li::after {
		width: 80px;
		height: 20px;
	}
	ol.flow_box .cf .img_box {
		float: none;
		width: 55%;
		margin: 0 auto 2vw;
	}
	ol.flow_box .cf .img_box img {
		width: 100%;
	}
	ol.flow_box .cf .left {
		float: none;
		width: 100%;
		margin: 0 0 3vw;
	}
	.surgery_flow02 .heading_sub_tit {
		margin: 0 0 1vw;
	}
	.surgery_flow02 .txt {
		margin: 3vw 0 0;
	}	
	.sec .dl_tbl dl {
		display: block;
		width: 100%;
	}
	.sec .dl_tbl dl dt,
	.sec .dl_tbl dl dd {
		display: block;
	}
	.sec .dl_tbl dl dt {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #6eb544;
		padding: 2vw 2vw;
	}
	.sec .dl_tbl dl dd {
		padding: 2vw 3vw;
	}
	.surgery_flow04 .bdr_box, .surgery_flow06 .bdr_box {
		margin: 0 0 4vw;
		padding: 3vw 4vw;
	}
}

/* = Q and A
-------------------------------------------------------------- */
.faq_wrap {
	text-align: left;
}
.faq_wrap li {
	padding: 0 0 30px;
	margin: 0 0 30px;
	border-bottom: 1px solid #f2f2f2;
}
.faq_wrap li:last-child {
	padding: 0;
	margin: 0;
	border-bottom: none;
}
.faq_wrap li .heading_sub_tit {
	margin: 0 0 10px;
	padding: 0 0 0 36px;
	background: url(img/icon_q.png) no-repeat 0 0;
	background-size: 30px auto;
}
.faq_wrap li p {
	line-height: 1.66;
}
.faq_wrap li .desc_link {
	margin: 15px 0 0;
}
.faq_wrap li .bdr_box {
    padding: 15px 20px;
    margin: 15px 0 0;
}
@media ( max-width: 479px ){
	.faq_wrap li {
		padding: 0 0 4vw;
		margin: 0 0 4vw;
	}
	.faq_wrap li .heading_sub_tit {
		margin: 0 0 1.5vw;
		padding: 0 0 0 7vw;
		background: url(img/icon_q.png) no-repeat 0 0;
		background-size: 6vw auto;
	}	
	.faq_wrap li .desc_link {
		margin: 2vw 0 0;
	}
	.faq_wrap li .bdr_box {
		padding: 3vw;
		margin: 2vw 0 0;
	}
}

/* =article_detail
-------------------------------------------------------------- */
.article_post {
	text-align: left;
	line-height: 2;
}
.article_post a {
	color: #20b7af;
	text-decoration: underline;
}
.article_post img {
	max-width: 100%;
}
@media (hover: hover) {
	.article_post a:hover {
		text-decoration: none;
	}
}
.article_post p {
	margin: 0 0 1em;
}
.article_post .heading_tit {
	font-size: 28px;
	color: #20b7af;
	padding: 15px 0 13px 25px;
	margin: 0 0 30px;
	vertical-align: inherit;
}
.article_post .heading_tit::before,
.article_post .heading_tit::after {
	content: "";
	width: 4px;
	position: absolute;
	top: 0;
	left: 0;
}
.article_post .heading_tit::before {
	background: #e8dabb;
	height: 100%;
}
.article_post .heading_tit::after {
	background: #20b7af;
	height: 4px;
	-webkit-transform: translateX(-0%);
	transform: translateX(-0%);
}
.article_post h2 {
    text-align: left;
    margin: 0 0 20px;
    padding: 0 15px;
    font-size: 18px;
    background: #d2f1ef;
}
.article_post h3 {
    text-align: left;
    color: #00ad4e;
    font-size: 18px;
    border-bottom: 1px solid #00ad4e;
    margin: 0 0 15px;
}
.article_post h4 {
	text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #20b7af;
    padding: 0 0 10px;
    line-height: 1.3;
}
.article_post .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.article_post .alignleft {
	float: left;
	margin: 0.5em 1em 0.5em 0;
}
.article_post .alignright {
	float: right;
	margin: 0.5em 0 0.5em 1em;
}
.article_post table {
	margin: 0 0 15px;
}
.article_post table caption {
	text-align: center;
}
.article_post th,
.article_post td {
	padding: 10px 15px;
	border: 1px solid #ccc;
}
.article_post th {
	font-weight: bold;
	color: #5d5d5d;
	background: #efefef;
}
@media ( max-width: 896px ){
	.article_post table {
		width: 100% !important;
		margin: 0 0 12px;
	}
}
@media ( max-width: 479px ){
	.article_post .heading_tit {
		font-size: 4.4vw;
		padding: 2vw 0 2vw 4vw;
		line-height: 1.4;
		margin: 0 0 3vw;
	}
	.article_post .heading_tit::before,
	.article_post .heading_tit::after {
		width: 1vw;
	}
	.article_post .heading_tit::after {
		height: 1vw;
	}
	.article_post h2 {
		margin: 0 0 3.5vw;
		padding: 0 3vw;
		font-size: 4.2vw;
	}
	.article_post h3 {
		font-size: 4vw;
		margin: 0 0 3.5vw;
	}	
	.article_post h4 {
		font-size: 3.8vw;
		padding: 0 0 2vw;
	}
	.article_post table {
		margin: 0 0 6vw;
	}
	.article_post th, .article_post td {
		padding: 3vw;
	}	
}

/* =company
-------------------------------------------------------------- */
.company .intro{
	text-align: left;
	line-height: 2;
	margin: 0 0 20px;
}
.company p {
	padding: 0 0 1em;
}
.company .dl_tbl {
	margin: 0 0 30px;
}
.company .dl_tbl dl dd {
    line-height: 2;
}
.company .link_txt {
	text-align: left;
	line-height: 1.7;
}
.company .link_txt a {
	color: #20b7af;
	text-decoration: underline;
}
@media (hover: hover) {
	.company .link_txt a:hover {
		text-decoration: none;
	}
}
@media ( max-width: 479px ){
	.company .intro{
		line-height: 1.7;
		margin: 0;
	}
	.company .dl_tbl {
		margin: 0 0 4vw;
		font-size: 3.4vw;
	}
	.company .dl_tbl dl dd {
		line-height: 1.7;
	}
	.company .link_txt {
		font-size: 3.4vw;
	}
}

/* =amo-r1
-------------------------------------------------------------- */
.amo-r1 .sec_in + .sec_in {
	margin: 80px 0 0;
}
.amo-r1 .spv {
	display: block;
	font-size: 13px;
}
@media ( max-width: 479px ){
	.amo-r1 .sec_in + .sec_in {
		margin: 10vw 0 0;
	}
	.amo-r1 .spv {
		font-size: 3vw;
	}
}