:root{
	--brown-color:#835942;
	--lightbrown-color:#e4c5b5;
	--blue-color:#4f86c5;
	--lightblue-color:#d6e6f8;
	--orange-color:#f08200;
	--lightorange-color:#efd4b3;
	--pink-color:#eb6da5;
	--lightpink-color:#fcd8e9;
	--lightyellow-color:#f1f0d6;
	--border-gray:#dae1e8;
}


/*********
base
*********/
html {
	font-size:62.5%;
}

body {
    font-family: 'rounded-mplus-1c';
    font-style: normal;
    font-weight: 400;
	font-size:1.8rem;
	line-height:1.8;
	-webkit-text-size-adjust:none;
	position:relative;
    min-width: 1200px;
	color:#333333;
}

a{
	text-decoration: none;
}

.pc-only{
	display:block !important;
}

.sp-only{
	display:none !important;
}

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

body {
	font-size:1.8rem;
	line-height:1.8;
    min-width: inherit;
}
	
.pc-only{
	display:none !important;
}

.sp-only{
	display:block !important;
}

}

/*********
共通
*********/

.sec{
	position: relative;
}

.sec .inner{
	width:1200px;
	padding:0 20px;
	margin:0 auto;
	box-sizing: border-box;
}

.flex{
	display:flex;
	justify-content: space-between;
}

footer .copy{
	background:var(--blue-color);
	min-width:1200px;
	color:#ffffff;
	text-align:center;
}

footer .footer-googlemap iframe{
	width:100%;
	min-width:1200px;
	height:500px;
	vertical-align: bottom;
}

.pagetop {
  height: 50px;
  width: 50px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  background: #fff;
  border: solid 2px var(--blue-color);
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 150;
  cursor: pointer;
}
.pagetop__arrow {
  display: block;
  height: 10px;
  width: 10px;
  border-top: 3px solid var(--blue-color);
  border-right: 3px solid var(--blue-color);
  transform: translateY(20%) rotate(-45deg);
}

.float-menu{
	display:none;
}

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

.scroll{
	overflow-x: scroll;
}

.sec .inner{
	width:95%;
	padding:0;
	margin:0 auto;
	box-sizing: border-box;
}

.flex{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

footer{
	margin-bottom:14vw;
}

footer .copy{
	background:var(--blue-color);
	min-width: inherit;
	color:#ffffff;
	text-align:center;
}

footer .footer-googlemap iframe{
	width:100%;
	min-width: inherit;
	height:500px;
	vertical-align: bottom;
}

.pagetop {
  height: 45px;
  width: 45px;
  position: fixed;
  right: 10px;
  bottom: 25vw;
  background: #fff;
  border: solid 2px var(--blue-color);
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 150;
  cursor: pointer;
}
.pagetop__arrow {
  display: block;
  height: 10px;
  width: 10px;
  border-top: 3px solid var(--blue-color);
  border-right: 3px solid var(--blue-color);
  transform: translateY(20%) rotate(-45deg);
}

.float-menu{
	width:100%;
	position:fixed;
	left:0;
	bottom:0;
	background:rgba(79,134,197,0.8);
	z-index:100;
	display:flex;
	justify-content: space-between;
	align-items: center;
}

.float-menu a{
	min-width:calc(100% / 4);
	display:flex;
	align-items: center;
	justify-content: center;
	border-right:1px solid #ffffff;
}

.float-menu a img{
	height:100%;
}

}

/*********
リンクボタン
*********/

.link-btn{
	display:block;
	width:300px;
	text-align:center;
	height:50px;
	line-height: 50px;
	border-radius: 15px;
	border:2px solid var(--blue-color);
	color:var(--blue-color);
	position: relative;
	background:#ffffff;
	box-sizing: border-box;
}

.link-btn .triangle:after{
	content:"";
	display:inline-block;
	width: 0;
	height: 0;
	border-left: 8px solid var(--blue-color);
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	position: absolute;
	right:10px;
	top:50%;
	transform: translateY(-50%);
}

.link-btn.orange{
	border:2px solid var(--orange-color);
	color:var(--orange-color);
}

.link-btn.orange .triangle:after{
	border-left: 10px solid var(--orange-color);
}

.link-btn.brown{
	border:2px solid var(--brown-color);
	color:var(--brown-color);
}

.link-btn.brown .triangle:after{
	border-left: 10px solid var(--brown-color);
}

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

.link-btn{
	width:100%;
	height:inherit;
	line-height: inherit;
	padding:5px 0;
	border-radius: 15px;
	border:2px solid var(--blue-color);
	color:var(--blue-color);
	position: relative;
	background:#ffffff;
	box-sizing: border-box;
}

.link-btn .triangle:after{
	display:none;
}

}

/*********
診療時間表
*********/

.shinryou-time{
	width:560px;
	border-collapse: collapse;
}

.shinryou-time th, .shinryou-time td{
	background:#f3f7fa;
	padding:10px 0;
	color:#555555;
	font-weight:400;
	text-align:center;
}

.shinryou-time tr:first-child th{
	border-radius: 15px 0 0 0;
}

.shinryou-time tr:first-child td:last-child{
	border-radius: 0 15px 0 0;
}

.shinryou-time tr:last-child th{
	border-radius: 0 0 0 15px;
}

.shinryou-time tr:last-child td:last-child{
	border-radius: 0 0 15px 0;
}

.shinryou-time th{
	width:150px;
}

.shinryou-time td{
	width:10%;
}

.shinryou-time .bg-blue{
	background: var(--blue-color) !important;;
	color:#ffffff !important;
}

.shinryou-time .maru{
	color:var(--blue-color);
}

.modaal-content-container {
    padding: 15px;
}

.megane-contact h2{
	color:var(--blue-color);
	line-height:1.3;
	margin-bottom:10px;
	border-bottom:2px solid var(--blue-color);
}

.megane-contact ul{
	margin-bottom:20px;
}

.megane-contact ul:last-child{
	margin-bottom:0;
}

.megane-contact ul li{
	margin-left:1em;
}

.megane-contact ul li.red{
	color:#d52e2e;
}


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


.shinryou-time{
	min-width:560px;
	width:100%;
}

.shinryou-time-hosoku{
	font-size:1.6rem;
}

.megane-contact h2{
	color:var(--blue-color);
	line-height:1.3;
	margin-bottom:10px;
	border-bottom:2px solid var(--blue-color);
}

.megane-contact ul{
	margin-bottom:20px;
}

.megane-contact ul:last-child{
	margin-bottom:0;
}

.megane-contact ul li{
	margin-left:1em;
	font-size:1.6rem;
	line-height:1.3;
	margin-bottom:10px;
}

.megane-contact ul li.red{
	color:#d52e2e;
}

}

/*********
ヘッダー
**********/

header{
	width:100%;
	padding-top:0.520833vw; /* 10px */
	position: fixed;
	top:0;
	left:0;
	z-index: 300;
	background:#ffffff;
}

header .inner{
	max-width:1720px;
	margin:0 auto;
	padding:0 20px;
	box-sizing: border-box;
	align-items: end;
}

header .header-title img{
	width:45.572916vw  /*875px*/
}

.header-right{
	max-width:700px;
	width:100%;
	margin-left:2.604166vw;
}

.header-yoyaku-tel{
	display:flex;
	justify-content: end;
	margin-bottom:10px;
}

.header-yoyaku{
	width:250px;
	font-size:1.8rem;
	display:block;
	height:50px;
	line-height: 50px;
	margin-right:30px;
	color:var(--blue-color) !important;
	font-weight:600;
	text-align:center;
	background:var(--lightblue-color);
	color:#ffffff;
	border-radius: 15px;
	border-bottom: 4px solid var(--blue-color);
}

.header-yoyaku span:before{
	content:"";
	display:inline-block;
	background:url(../images/notopc-icon.svg) center center no-repeat;
	background-size:contain;
	width:24px;
	height:24px;
	margin-right:5px;
	position: relative;
	top:5px;
}

.header-tel{
	font-size:3rem;
	font-weight:bold;
	color:var(--pink-color);
	display:flex;
	align-items: center;
}

.header-tel:before{
	content:"";
	display:inline-block;
	background:url(../images/tel-icon.png) center center no-repeat;
	background-size:contain;
	width:41px;
	height:41px;
	margin-right:5px;
}


@media screen and (min-width:1921px){

header .inner{
	max-width:89.5833vw;
}

.header-right {
	max-width:36.45833vw;
	width:100%;
	margin-left:2.604166vw;
}

.header-yoyaku-tel{
	display:flex;
	justify-content: end;
	margin-bottom:0.52083vw;
}

.header-yoyaku{
	width:13.02083vw;
	font-size:0.9375vw;
	display:block;
	height:2.60416vw;
	line-height: 2.60416vw;
	margin-right:1.5625vw;
	color:var(--blue-color) !important;
	font-weight:600;
	text-align:center;
	background:var(--lightblue-color);
	color:#ffffff;
	border-radius: 0.78125vw;
	border-bottom: 0.2083vw solid var(--blue-color);
}

.header-yoyaku span:before{
	content:"";
	display:inline-block;
	background:url(../images/notopc-icon.svg) center center no-repeat;
	background-size:contain;
	width:1.25vw;
	height:1.25vw;
	margin-right:0.260416vw;
	position: relative;
	top:0.260416vw;
}

.header-tel{
	font-size:1.5625vw;
	font-weight:bold;
	color:var(--pink-color);
	display:flex;
	align-items: center;
}

.header-tel:before{
	content:"";
	display:inline-block;
	background:url(../images/tel-icon.png) center center no-repeat;
	background-size:contain;
	width:2.135416vw;
	height:2.135416vw;
	margin-right:0.260416vw;
}


}

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

header{
	width:100%;
	min-width:1200px;
	padding-top:6.25px;
}

header .inner{
	max-width:inherit;
	width:1200px;
	margin:0 auto;
	padding:0 20px;
}

header .header-title img{
	width:547.33px;
}

.header-right {
	max-width:inherit;
	width:647px;
	margin-left:31.25px;
}


}

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

header{
	width:100%;
	min-width:inherit;
	padding-top:6.25px;
	position: relative;
}

header .inner{
	max-width:inherit;
	width:95%;
	margin:0 auto;
	padding:0px;
}

header .header-title img{
	width:80%;
}


header .header-yoyaku{
	display:none;
}

header .header-tel{
	display:none;
}



}
/*********
メニュー
**********/


nav ul{
	margin-bottom:10px;
}

nav ul li{
	text-align:center;
}

nav ul li a{
	color:var(--brown-color);
    font-weight: bold;
}

nav ul li a span{
	display:block;
	color:var(--lightbrown-color);
	font-size:1.4rem;
	margin-top:-5px;
}

@media screen and (min-width:1921px){

nav ul{
	margin-bottom:0.52083vw;
}


nav ul li a{
	font-size:0.9375vw;
}

nav ul li a span{
	font-size:0.729166vw;
	margin-top:-0.260416vw;
}

}

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


nav ul{
	margin-bottom:10px;
}

nav ul li a{
	font-size:1.8rem;
}

nav ul li a span{
	font-size:1.4rem;
	margin-top:-5px;
}
}

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

nav {
	width: 250px;
	height: 100%;
	padding-top: 8rem;
	background: #ffffff;
	color: #000000;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10;
	font-size: 1.6rem;
	transform: translate(250px);
	transition: all .5s;
	margin-left:0;
}

.nav-logo{
	width:95%;
	display:block;
	margin:0 auto 20px;
}

nav ul{
	width: 100%;
	margin: 0 auto;
	display: block;
	justify-content:inherit;
}

nav ul li{
	width:100%;
	margin-bottom:15px;
}

nav.open {
	transform: translateZ(0);
}

.menu-overlay {
	content: "";
	display: block;
	width: 0;
	height: 0;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	transition: opacity .5s;
	}
	.menu-overlay.open {
	width: 100%;
	height: 100%;
	opacity: 1;
	}

	.menu-btn{
	display: inline-block;
	width: 36px;
	height: 28px;
	vertical-align: middle;
	cursor: pointer;
	position: fixed;
	top: 21px;
	right: 10px;
	z-index: 100;
	}

	.menu-btn span {
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--blue-color);
	transition: all .5s;
	}

	.menu-btn.active span {
	background-color:var(--blue-color);
	}
	.menu-btn span:nth-of-type(1) {
	top: 0;
	}
	.menu-btn.active span:nth-of-type(1) {
	transform: translateY(13px) rotate(-45deg);
	}
	.menu-btn span:nth-of-type(2) {
	top: 13px;
	}
	.menu-btn.active span:nth-of-type(2) {
	opacity: 0;
	}
	.menu-btn span:nth-of-type(3) {
	bottom: 0;
	}
	.menu-btn.active span:nth-of-type(3) {
	transform: translateY(-13px) rotate(45deg);
	}
}

/************
トップ画像
*************/

.toppic-wrap{
	position: relative;
}

.toppic{
	max-width:1720px;
	margin:150px auto 5.2083vw auto;
	padding:0 20px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

.toppic .catchcopy img{
	width:26.97916vw; /* 518px */
	position:absolute;
	right:11vw;
	bottom:3.64583vw;
}

.toppic div img{
	width:100%;
}

.toppic .toppic02-btn{
	position: absolute;
	width:29.010416vw; /*557px*/
	left:5.2083vw; /*100px*/
	bottom:2.60416vw; /*50px*/
}

.toppic-wrap .bg-tree{
	position: absolute;
	bottom:-5.20833vw;
	right:5.20833vw; /*100px*/
	width:9.375vw;
	z-index:10;
}


@media screen and (min-width:1921px){

.toppic-wrap{
	position: relative;
}

.toppic{
	max-width:89.5833vw;
	margin:7.8125vw auto 0 auto;
	padding:0 20px;
	box-sizing: border-box;
	position: relative;
	margin-bottom:100px;
}

.toppic .catchcopy img{
	width:26.97916vw; /* 518px */
	position:absolute;
	right:11vw;
	bottom:3.64583vw;
}

.toppic div img{
	width:100%;
}

.toppic .toppic02-btn{
	position: absolute;
	width:29.010416vw; /*557px*/
	left:5.2083vw; /*100px*/
	bottom:2.60416vw; /*50px*/
}



.toppic-wrap .bg-tree{
	position: absolute;
	bottom:-5.20833vw;
	right:5.20833vw; /*100px*/
	width:9.375vw;
	z-index:10;
}

}

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

.toppic-wrap{
	position: relative;
}

.toppic{
	max-width:inherit;
	width:1200px;
	margin:150px auto 62.5px auto;
	padding:0 20px;
	box-sizing: border-box;
	position: relative;
}

.toppic .catchcopy img{
	width:324.02px;
	position:absolute;
	right:132.11px;
	bottom:43.7864px;
}

.toppic .toppic02-btn{
	position: absolute;
	width:348.41px;
	left:62.5517px;
	bottom:31.276px;
}

.toppic-wrap .bg-tree{
	position: absolute;
	bottom:-62.5px;
	right:62.552px;
	width:112.5px;
}
}

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

.toppic-wrap{
	position: relative;
}

.toppic{
	width:95%;
	margin:10px auto 62.5px auto;
	padding:0px;
	box-sizing: border-box;
	position: relative;
}

.toppic .toppic01 img{
	width:100%;
	height:70vh;
	object-fit: cover;
	border-radius: 15px;
}

.toppic .toppic02 img{
	width:100%;
	height:70vh;
	object-fit: cover;
	border-radius: 15px;
}

.toppic .toppic01 .catchcopy img{
	width:90%;
	height:inherit;
	position:absolute;
	right:0;
	left:0;
	margin:0 auto;
	bottom:initial;
	top:26%;
}

.toppic .toppic02 .toppic02-btn{
	position: absolute;
	width:74.666vw; /*280px*/
	height:inherit;
	left:0px;
	right:0;
	margin:0 auto;
	bottom:8vw; /*30px*/
}

.toppic-wrap .bg-tree{
	position: absolute;
	bottom:-50.5px;
	right:0;
	width:60.5px;
}
	
}


/************
index.html
*************/

.index #news{
	padding-top:50px;
	margin-top:-50px;
}

.index .news{
	background:#f1f0d6;
	min-width:1200px;
	min-height:900px;
	position: relative;
	top:-500px;
}

.index .news .inner{
	position: absolute;
	left:0;
	right:0;
	top:500px;
	margin:0 auto;
	z-index: 10;
}

.index .news:after{
	content:"";
	display:block;
	background:url(../images/bg-news.svg) center center no-repeat;
	background-size:cover;
	width:100%;
	height:110px;
	position: absolute;
	bottom:-110px;
	left:0;
}

.index .news .title{
	width:430px;
	position: relative;
}

.index .news .title img{
	position: absolute;
	top:0;
	left:0;
	z-index: -1;
}

.index .news .title .midashi{
	font-size:36px;
	color:var(--blue-color);
	text-align:center;
	line-height:1.3;
	position: absolute;
	left:30px;
	top:40px;
}

.index .news .title .midashi .en{
	font-size:24px;
	color:var(--lightblue-color);
	display:block;
}

.index .news .title .midashi-en{
	font-size:24px;
}

.index .news .newsarea{
	width:calc(100% - 460px);
	height:400px;
	overflow-y: auto;
}

.index .news .news-block{
	margin-bottom:50px;
}

.index .news .news-date-title{
	display:flex;
	margin-bottom:10px;
	color:var(--brown-color);
	font-weight:600;
}

.index .news .news-date-title .news-title{
	margin-left:30px;
}

.index .news .bg-kinoko{
	position: absolute;
	width:121px;
	left:5.2083vw;
	bottom:-30px;
	z-index: 1;
}

.index .news .bg-yama{
	position: absolute;
	width:132px;
	right:10.416vw;
	bottom:-100px;
	z-index: 1;
}

.index .medical{
	margin-top:-450px;
}


.index .medical .midashi{
	font-size:36px;
	color:var(--orange-color);
	text-align:center;
	line-height:1.3;
	padding-top:100px;
	margin-bottom:50px;
}

.index .medical .midashi .en{
	font-size:24px;
	color:var(--lightorange-color);
	display:block;
}

.index .medical .midashi:before{
	content:"";
	display:block;
	background:url(../images/medical-title-bg.png) center center no-repeat;
	background-size:contain;
	width:130px;
	height:118px;
	margin:0 auto 10px;
}

.index .medical .merit{
	margin-bottom:80px;
}

.index .medical .merit .imgarea img{
	max-width:450px;
	width:100%;
	border-radius: 15px;
}

.index .medical .merit .txtarea{
	width:calc(100% - 490px);
}

.index .medical .merit h3{
	font-size:3.2rem;
}

.index .medical .merit p{
	margin-bottom:18px;
}

.index .medical .merit.myopia h3{
	color:var(--blue-color);
}

.index .medical .merit.contact h3{
	color:var(--orange-color);
}

.index .medical .merit.ope h3{
	color:var(--pink-color);
}

.index .medical .bg{
	background:#f1f0d6;
	min-width:1200px;
	width:100%;
	height:540px;
	position: absolute;
	z-index: -1;
}

.index .medical .bg:after{
	content:"";
	display:block;
	background:url(../images/bg-wave02.svg) center center no-repeat;
	background-size:cover;
	width:100%;
	height:111px;
	position: absolute;
	bottom:-111px;
}

.index .medical .bg-eda{
	position: absolute;
	width:81px;
	left:10.416vw;
	bottom:-170px;
	z-index: 1;
}

.index .medical .bg-kinoko{
	position: absolute;
	width:121px;
	right:5.2083vw;
	bottom:-10px;
	z-index: 1;
}

.index .medical .bg-hikouki{
	position: absolute;
	width:120px;
	right:170px;
	top:310px;
}

.index .medical .bg-kusa01{
	position: absolute;
	width:120px;
	bottom:580px;
	right:170px;
}

.index .medical .bg-kusa02{
	position: absolute;
	width:120px;
	left:170px;
	top:1130px;
}


.index .trouble{
	position: relative;
	z-index: 100;
}

.index .trouble h3{
	font-size:3rem;
	color:var(--brown-color);
	text-align:center;
	display:flex;
	align-items: center;
	justify-content: center;
	margin-bottom:40px;
	padding-top:40px;
}

.index .trouble h3:after{
	content:"";
	display:inline-block;
	background:url(../images/trouble-title-bg.png) center center no-repeat;
	background-size:contain;
	width:106px;
	height:94px;
}

.index .trouble ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.index .trouble ul li{
	list-style: none;
	margin-bottom:30px;
}

.index .trouble ul li.nospace{
	border:none;
	background:inherit;
	width:250px;
}

.index .trouble ul li a.link-btn{
	width:250px;
}


.index .info{
	margin-top:100px;
	margin-bottom:100px;
}

.index .info .midashi{
	font-size:3.6rem;
	color:var(--pink-color);
	text-align:center;
	line-height:1.3;
	padding-top:50px;
	margin-bottom:50px;
}

.index .info .midashi .en{
	font-size:2.4rem;
	color:var(--lightpink-color);
	display:block;
}


.index .info .midashi:before{
	content:"";
	display:block;
	background:url(../images/info-title-bg.png) center center no-repeat;
	background-size:contain;
	width:100px;
	height:120px;
	margin:0 auto 10px;
}

.index .info .info-address-time{
	width:560px;
}

.index .info .info-logo{
	text-align:center;
}

.index .info .info-address{
	text-align:center;
	margin-bottom:10px;
}

.index .info .info-time img{
	width:100%;
}

.index .info-time .link-btn{
	width:100%;
	margin-top:20px;
}

.index .info .info-map img{
	width:565px;
}

.index .slider{
	margin-bottom:50px;
}

.index .esaka{
	text-align:center;
	margin-bottom:50px;
}

.index .esaka h2{
	color:var(--blue-color);
}

.index .esaka img{
	width:500px;
}


@media screen and (min-width:1921px){

.index .news{
	background:#f1f0d6;
	min-height:900px;
	position: relative;
	top:-500px;
	z-index: -1;
}

.index .news .inner{
	position: absolute;
	left:0;
	right:0;
	top:500px;
	margin:0 auto;
	z-index: 10;
}


.index .news:after{
	content:"";
	display:block;
	background:url(../images/bg-news.svg) center center repeat;
	background-size:contain;
	width:100%;
	height:111px;
	position: absolute;
	bottom:-111px;
	left:0;
}




.index .news .bg-kinoko{
	position: absolute;
	width:6.30208333vw;
	left:5.2083vw;
	bottom:-30px;
	z-index: 1;
}

.index .news .bg-yama{
	position: absolute;
	width:6.875vw;
	right:10.416vw;
	bottom:-100px;
	z-index: 1;
}


.index .medical .bg{
	background:#f1f0d6;
	width:100%;
	height:540px;
	position: absolute;
	z-index: -1;
}

.index .medical .bg:after{
	content:"";
	display:block;
	background:url(../images/bg-wave02.svg) center center repeat;
	background-size:contain;
	width:100%;
	height:111px;
	position: absolute;
	bottom:-111px;
}

.index .medical .bg-eda{
	position: absolute;
	width:4.21875vw;
	left:10.416vw;
	bottom:-170px;
	z-index: 1;
}

.index .medical .bg-kinoko{
	position: absolute;
	width:6.302083vw;
	right:5.2083vw;
	bottom:-10px;
	z-index: 1;
}

.index .medical .bg-hikouki{
	position: absolute;
	width:6.25vw;
	right:8.85416vw;
	top:310px;
}

.index .medical .bg-kusa01{
	position: absolute;
	width:6.25vw;
	bottom:580px;
	right:8.85416vw;
}

.index .medical .bg-kusa02{
	position: absolute;
	width:6.25vw;
	right:8.85416vw;
	top:1130px;
}





}

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

.index .news .bg-kinoko{
	position: absolute;
	width:121px;
	left:62.5517px;
	bottom:-30px;
	z-index: 1;
}

.index .news .bg-yama{
	position: absolute;
	width:132px;
	right:125.096px;
	bottom:-100px;
	z-index: 1;
}

.index .medical .bg-eda{
	position: absolute;
	width:81px;
	left:125.096px;
	bottom:-170px;
	z-index: 1;
}

.index .medical .bg-kinoko{
	position: absolute;
	width:121px;
	right:62.5517px;
	bottom:-10px;
	z-index: 1;
}


}

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

.index .news{
	background:#f1f0d6;
	min-width:inherit;
	min-height:900px;
	position: relative;
	top:-200px;
}

.index .news .inner{
	position:relative;
	left:0;
	right:0;
	top:200px;
	margin:0 auto;
	z-index: 10;
}


.index .news:after{
	content:"";
	display:block;
	background:url(../images/bg-news.svg) center center no-repeat;
	background-size:cover;
	width:100%;
	height:110px;
	position: absolute;
	bottom:-110px;
	left:0;
}

.index .news:after{
	content:"";
	display:block;
	background:url(../images/bg-news.svg) center center no-repeat;
	background-size:cover;
	width:100%;
	height:14.453125vw;
	position: absolute;
	bottom:-14.453125vw;
	left:0;
}

.index .news .title{
	width:auto;
	display:inline-block;
	text-align:center;
	position: relative;
	left:50%;
	transform: translateX(-50%);
	margin-bottom:40px;
}

.index .news .title img{
	position: relative;
	width:310px;
	top:0;
	left:0;
	z-index: -1;
}

.index .news .title .midashi{
	font-size:32px;
	color:var(--blue-color);
	text-align:center;
	line-height:1.3;
	position: absolute;
	left:7%;
	top:55px;
}

.index .news .title .midashi .en{
	font-size:20px;
	color:var(--lightblue-color);
	display:block;
}

.index .news .title .midashi-en{
	font-size:24px;
}

.index .news .newsarea{
	width:100%;
}

.index .news .news-date-title{
	display:block;
	margin-bottom:10px;
	color:var(--brown-color);
}

.index .news .news-date-title .news-title{
	margin-left:0px;
}

.index .news .bg-kinoko{
	width:15.625vw;
	position: absolute;
	left:3.90625vw;
	bottom:-1.302083vw;
	z-index: 1;
}

.index .news .bg-yama{
	width:15.625vw;
	position: absolute;
	right:5.2083vw;
	bottom:-13.02083vw;
	z-index: 1;
}

.index .medical{
	margin-top:-200px;
}


.index .medical .midashi{
	font-size:32px;
	color:var(--orange-color);
	text-align:center;
	line-height:1.3;
	padding-top:100px;
	margin-bottom:30px;
}

.index .medical .midashi .en{
	font-size:20px;
	color:var(--lightorange-color);
	display:block;
}

.index .medical .midashi:before{
	content:"";
	display:block;
	background:url(../images/medical-title-bg.png) center center no-repeat;
	background-size:contain;
	width:130px;
	height:118px;
	margin:0 auto 10px;
}


.index .medical .bg{
	background:#f1f0d6;
	min-width:inherit;
	width:100%;
	height:880px;
	position: absolute;
	z-index: -1;
}

.index .medical .bg:after{
	content:"";
	display:block;
	background:url(../images/bg-wave02.svg) center center no-repeat;
	background-size:cover;
	width:100%;
	height:14.453125vw;
	position: absolute;
	bottom:-14.453125vw;
}

.index .medical .bg-eda{
	width:10.416vw;
	position: absolute;
	left:6.510416vw;
	bottom:-26.0416vw;
	z-index: 1;
}

.index .medical .bg-kinoko{
	width:16.927083vw;
	position: absolute;
	right:2.60416vw;
	bottom:-7.8125vw;
	z-index: 1;
}

.index .medical .bg-kusa01 {
    display:none;
}

.index .medical .bg-hikouki{
	display:none;
}

.index .medical .bg-kusa02 {
	display:none;
}

.index .medical .merit  h3{
	text-align:center;
	font-size:2.4rem;
}

.index .medical .merit .txtarea {
    width: 100%;
}

.index .medical .merit .imgarea{
	order: -1;
}

.index .medical .merit .imgarea img{
	width:100%;
	max-width:inherit;
}


.index .trouble{
	position: relative;
	z-index: 100;
}


.index .trouble h3{
	font-size:1.8rem;
	color:var(--brown-color);
	text-align:center;
	display:flex;
	align-items: center;
	justify-content: center;
	margin-bottom:40px;
	padding-top:40px;
}

.index .trouble h3:after{
	content:"";
	display:inline-block;
	background:url(../images/trouble-title-bg.png) center center no-repeat;
	background-size:contain;
	width:106px;
	height:94px;
}

.index .trouble ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.index .trouble ul li{
	list-style: none;
	margin-bottom:30px;
	color:var(--brown-color);
	width:48%;
}

.index .trouble ul li a.link-btn {
    width: 100%;
}

.index .trouble ul li.nospace{
	display: none;
}

.index .trouble p{
	text-align:center;
}


.index .info{
	margin-bottom:50px;
}

.index .info .midashi{
	font-size:3.2rem;
	color:var(--pink-color);
	text-align:center;
	line-height:1.3;
	padding-top:50px;
	margin-bottom:50px;
}

.index .info .midashi .en{
	font-size:2.0rem;
	color:var(--lightpink-color);
	display:block;
}


.index .info .midashi:before{
	content:"";
	display:block;
	background:url(../images/info-title-bg.png) center center no-repeat;
	background-size:contain;
	width:100px;
	height:120px;
	margin:0 auto 10px;
}

.index .info .info-address-time{
	width:100%;
}

.index .info .info-logo{
	text-align:center;
}

.index .info .info-logo img{
	width:80%
}

.index .info .info-address{
	text-align:center;
	margin-bottom:10px;
}

.index .info-time .link-btn{
	width:100%;
	margin-top:0px;
	margin-bottom:30px;
}


.index .info-time p{
	margin-bottom:10px;
}


.index .info .info-map{
	width:100%;
}

.index .info .info-map img{
	width:100%;
}

.index .slider{
	margin-bottom:50px;
}

.index .slider img{
	width:90%;
}


.index .esaka img{
	width:100%;
}


}


/*********
下層のトップ画像
*********/

.sub-toppic{
	height:26.0416vw;
	margin-top:144px;
	margin-bottom:10px;
	position: relative;
}

.sub-toppic h1{
	background:rgba(255, 255, 255, 0.8);
	color:var(--blue-color);
	width:300px;
	position: absolute;
	left:0;
	right:0;
	top:50%;
	transform: translateY(-50%);
	padding:10px 0;
	text-align:center;
	margin:0 auto;
	font-size:3rem;
}

.clinic .sub-toppic{
	background:url(../images/clinic-toppic.jpg) center center no-repeat;
	background-size:cover;
}

.doctor .sub-toppic{
	background:url(../images/doctor-toppic.jpg) center center no-repeat;
	background-size:cover;
}

.medical .sub-toppic{
	background:url(../images/medical-toppic.jpg) center center no-repeat;
	background-size:cover;
}

.myopia .sub-toppic{
	background:url(../images/myopia-toppic.jpg) center center no-repeat;
	background-size:cover;
}

.access .sub-toppic{
	background:url(../images/access-toppic.jpg) center center no-repeat;
	background-size:cover;
}



@media screen and (min-width:1921px){
.sub-toppic{
	height:26.0416vw;
	margin-top:7.5vw;
	width:100%;
}

.sub-toppic h1{
	background:rgba(255, 255, 255, 0.8);
	width:15.625vw;
	position: absolute;
	left:0;
	right:0;
	top:50%;
	transform: translateY(-50%);
	padding:0.52083vw 0;
	text-align:center;
	margin:0 auto;
	font-size:1.5625vw;
}
}


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

.sub-toppic{
	height:312.75px;
	margin-top:144px;
	margin-bottom:10px;
	position: relative;
}

.sub-toppic h1{
	background:rgba(255, 255, 255, 0.8);
	width:300px;
	position: absolute;
	left:0;
	right:0;
	top:50%;
	transform: translateY(-50%);
	padding:10px 0;
	text-align:center;
	margin:0 auto;
	font-size:3rem;
}

}

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

.sub-toppic{
	height:200px;
	margin-top:0px;
}

.sub-toppic h1{
	width:70%;
	padding:5px 0;
	font-size:2.4rem;
}


.doctor .sub-toppic{
	background:url(../images/doctor-toppic.jpg) center center no-repeat;
	background-size:cover;
}



}



/*********
下層共通
*********/
.sub .breadcrumbs ol{
	list-style:none;
	display:flex;
	margin-bottom:50px;
}

.sub .breadcrumbs ol li:nth-child(n+2):before{
	content:">";
	display:inline-block;
	margin:0 10px;
}

.sub .breadcrumbs a{
	color:var(--blue-color);
}

.sub .sec{
	margin-bottom:100px;
}

.sub .sec h2.midashi{
	font-size:3.6rem;
	text-align:center;
	margin-bottom:30px;
}

.sub .sec.blue h2.midashi{
	color:var(--blue-color);
}

.sub .sec.blue h2.midashi:before{
	content:"";
	display:block;
	background:url(../images/sub-blue-midashi.svg) center center no-repeat;
	background-size:contain;
	width:120px;
	height: 134px;
	margin:0 auto;
}

.sub .sec.orange h2.midashi{
	color:var(--orange-color);
}

.sub .sec.orange h2.midashi:before{
	content:"";
	display:block;
	background:url(../images/sub-orange-midashi.svg) center center no-repeat;
	background-size:contain;
	width:120px;
	height: 107px;
	margin:0 auto;
}

.sub .sec.pink h2.midashi{
	color:var(--pink-color);
}

.sub .sec.pink h2.midashi:before{
	content:"";
	display:block;
	background:url(../images/sub-pink-midashi.svg) center center no-repeat;
	background-size:contain;
	width:120px;
	height: 120px;
	margin:0 auto;
}

.sub .sec h3.midashi-sub{
	color:var(--brown-color);
	font-size:2.8rem;
	position: relative;
	border-bottom:3px solid var(--border-gray);
	margin-bottom:16px;
}

.sub .sec.blue h3.midashi-sub:after{
	content:"";
	display:block;
	background:var(--blue-color);
	height:3px;
	width:20%;
	position: absolute;
	left:0;
	bottom:-3px;
}

.sub .sec.orange h3.midashi-sub:after{
	content:"";
	display:block;
	background:var(--orange-color);
	height:3px;
	width:20%;
	position: absolute;
	left:0;
	bottom:-3px;
}

.sub .sec.pink h3.midashi-sub:after{
	content:"";
	display:block;
	background:var(--pink-color);
	height:3px;
	width:20%;
	position: absolute;
	left:0;
	bottom:-3px;
}

.sec .block{
	margin-bottom:50px;
}

@media screen and (max-width:768px){
	
.sub .breadcrumbs ol{
	margin-bottom:0px;
}

.sub .breadcrumbs.sec{
	margin-bottom:50px;
}

.sub .sec{
	margin-bottom:100px;
}

.sub .sec h2.midashi{
	font-size:3rem;
	/* margin-bottom:30px; */
}

.sub .sec h3.midashi-sub{
	font-size:2.4rem;
	line-height:1.3;
	position: relative;
	border-bottom:3px solid var(--border-gray);
	margin-bottom:16px;
}

}

/*********
クリニック紹介
**********/

.clinic .timearea{
	width:560px;
}

.clinic .timearea .link-btn{
	width:100%;
	margin-top:20px;
}

.clinic .contentarea.flex{
	flex-wrap:wrap;
	width:575px;
}

.clinic .contentarea .block{
	width:50%;
	margin-bottom:20px;
}

.clinic .contentarea b:before{
	content:"●";
	color:var(--blue-color);
}

.clinic .degisuma p{
	margin-bottom:18px;
}

.clinic .degisuma .link-btn{
	width:100%;
	margin-top:20px;
}

.clinic .degisuma .imgarea img{
	width:414px;
}

.clinic .degisuma .txtarea{
	width:calc(100% - 454px);
}

.clinic .degisuma .txtarea .degisuma-banner{
	width:100%;
}


.clinic .innai-slider img{
	width:1160px;
	height:600px;
}

.clinic .slick-dots li button:before{
	font-size:2.8rem;
	color:var(--orange-color);
}

.clinic .kiki .imgarea img{
	width:400px;
}

.clinic .kiki .txtarea{
	width:calc(100% - 440px);
}

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

.clinic .timearea{
	width:100%;
}

.clinic .timearea .link-btn{
	width:100%;
	margin-top:10px;
	margin-bottom:30px;
}

.clinic .contentarea.flex{
	flex-wrap:wrap;
	width:100%;
}

.clinic .contentarea .block{
	width:100%;
	margin-bottom:20px;
}


.clinic .degisuma p{
	margin-bottom:18px;
}

.clinic .degisuma .link-btn{
	width:100%;
	margin-top:20px;
}

.clinic .degisuma .txtarea{
	width:100%;
}

.clinic .degisuma .imgarea{
	order: -1;
}

.clinic .degisuma .imgarea img{
	width:100%;
}

.clinic .innai-slider img{
	width:100%;
	height:inherit;
}

.clinic .slick-dots li button:before{
	font-size:2.8rem;
	color:var(--orange-color);
}

.clinic .kiki .imgarea img{
	width:100%;
}

.clinic .kiki .txtarea{
	width:100%;
	margin-bottom:20px;
}

}


/*********
医師紹介
**********/

.doctor .sec .name{
	font-size:2.4rem;
	text-align:right;
	margin-top:10px;
}

.doctor .sec .ryakureki{
	background:var(--lightyellow-color);
	padding:30px;
}

.doctor .sec.tantoui .ryakureki{
	width:40%;
	background:var(--lightyellow-color);
	padding:30px;
}

.doctor .sec.tantoui .ryakureki h4{
	font-size:2rem;
	margin-bottom:10px;
}


.doctor .sec .ryakureki ol{
	list-style: none;
}

.doctor .sec .ryakureki ol li{
	margin-bottom:8px;
}

.doctor .sec .ryakureki ol li:last-child{
	margin-bottom:0;
}

.doctor .sec .ryakureki ol li span{
	margin-left:20px;
}

.doctor .sec .shikaku{
	background:var(--lightyellow-color);
	padding:30px;
}

.doctor .sec.tantoui .shikaku{
	width:40%;
	background:var(--lightyellow-color);
	padding:30px;
}

.doctor .sec.tantoui .shikaku h4{
	font-size:2rem;
	margin-bottom:10px;
}



.doctor .sec .shikaku ul li{
	list-style-type: disc;
	margin-left:1em;
	color:var(--brown-color);
}

.doctor .sec .shikaku ul li span{
	color:#333333;
}

.doctor .greeting .imgarea img{
	width:400px;
}

.doctor .greeting .txtarea{
	width:calc(100% - 440px);
}

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

.doctor .sec .name{
	font-size:2rem;
}

.doctor .sec .ryakureki{
	padding:15px;
}

.doctor .sec.tantoui .ryakureki{
	width:100%;
	padding:15px;
	margin-bottom:30px;
}


.doctor .sec .ryakureki ol li{
	margin-bottom:8px;
}


.doctor .sec .ryakureki ol li span{
	margin-left:0px;
	margin-top:-5px;
	display:block;
}

.doctor .sec .shikaku{
	padding:15px;
}

.doctor .sec.tantoui .shikaku{
	width:100%;
	padding:15px;
}

.doctor .sec .shikaku li{
	margin-bottom:8px;
}

.doctor .sec .shikaku li:last-child{
	margin-bottom:0;
}

.doctor .greeting .imgarea{
	width:100%;
}

.doctor .greeting .imgarea img{
	width:100%;
}

.doctor .greeting .txtarea{
	width:100%;
	margin-bottom:10px;
}

}




/*********
診療案内
**********/

.medical .medical-list .category{
	font-size:2.2rem;
	font-weight:bold;
	color:var(--blue-color);
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom:10px;
}

.medical .medical-list .category:after{
	content:"";
	height:3px;
	background:var(--border-gray);
	width:85%;
}

.medical .medical-list .cat02:after{
	width:91%
}

.medical .medical-list .cat03:after{
	width:87%
}

.medical .medical-list .cat04:after{
	width:74%
}

.medical .medical-list .cat05:after{
	width:93%
}


.medical .medical-list ul{
	list-style: none;
	margin-bottom:20px;
}

.medical .medical-list ul.last{
	margin-bottom:200px;
}

.medical .medical-list ul li{
	width:23%;
}


.medical .medical-list .link-btn{
	width:100%;
}

.medical .box{
	margin-bottom:30px;
}

.medical .box .imgarea img{
	width:400px;
}

.medical .box .txtarea{
	width: calc(100% - 440px);
}

.medical .block{
	margin-top:-150px;
	padding-top:150px;
}

.medical .block p{
	margin-bottom:18px;
}

.medical .block h4{
	font-size:2.2rem;
	margin-bottom:10px;
}

.medical .block h5{
	font-weight:normal;
	background:var(--lightblue-color);
	display:inline-block;
	padding:3px 10px;
	border-radius: 5px;
}

.medical .dryeyecheck{
	list-style:none;
	flex-wrap:wrap;
}

.medical .dryeyecheck li{
	width:47% !important;
	background:var(--lightblue-color);
	padding:5px 10px;
	margin-bottom:16px;
}

.medical .dryeyecheck li:before{
	content:"□";
	margin-right:5px;
}

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

.medical .medical-list .category{
	font-size:2.2rem;
	font-weight:bold;
	color:var(--blue-color);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom:10px;
}

.medical .medical-list .category:after{
	display:none;
}

.medical .medical-list ul{
	list-style: none;
	margin-bottom:20px;
}

.medical .medical-list ul.last{
	margin-bottom:50px;
}

.medical .medical-list ul li{
	width:49%;
	margin-bottom:20px;
	font-size:1.6rem;
}


.medical .medical-list .link-btn{
	width:100%;
	padding:10px 0;
}

.medical .box{
	margin-bottom:30px;
}

.medical .box .imgarea img{
	width:100%;
}

.medical .box .txtarea{
	width: 100%;
}

.medical .scroll{
	overflow:x-scroll;
}

.medical .block{
	margin-top:-50px;
	padding-top:50px;
}

.medical .block p{
	margin-bottom:18px;
}

.medical .block h4{
	font-size:2.2rem;
	margin-bottom:10px;
}

.medical .block h5{
	font-weight:normal;
	background:var(--lightblue-color);
	display:inline-block;
	padding:3px 10px;
	border-radius: 5px;
}

.medical .dryeyecheck{
	list-style:none;
	flex-wrap:wrap;
}

.medical .dryeyecheck li{
	width:100% !important;
	background:var(--lightblue-color);
	padding:5px 10px;
	margin-bottom:16px;
}

.medical .dryeyecheck li:before{
	content:"□";
	margin-right:5px;
}

.medical .med06-01{
	width:100%;
}

}


/*********
近視進行抑制治療
**********/

.myopia .sec h2.midashi + p{
	text-align:center;
	margin-bottom:30px;
}

.myopia .myopia-menu{
	list-style:none;
	margin-bottom:100px;
}

.myopia .myopia-menu li{
	width:350px;
}

.myopia .myopia-menu li img{
	width:100%;
}

.myopia .block{
	margin-top:-150px;
	padding-top:150px;
}

.myopia .block h4{
	font-size:2.2rem;
	margin-bottom:10px;
}

.myopia .block p{
	margin-bottom:18px;
}

.myopia .block ul{
	list-style: none;
	margin-bottom:30px;
}

.myopia .block .blue-disc li:before{
	content:"●";
	color:var(--blue-color);
}

.myopia .block .pink-disc li:before{
	content:"●";
	color:var(--pink-color);
}

.myopia .block h5{
	display:inline-block;
	font-weight:normal;
	padding:3px 10px;
	border-radius: 5px;
	margin-bottom:10px;
}

.myopia .block h5.pink{
	background:var(--lightpink-color);
}

.myopia .block h5.blue{
	background:var(--lightblue-color);
}

.myopia .block b.pink{
	color:var(--pink-color);
	display:block;
	margin-bottom:18px;
}

.myopia .block .box{
	margin-bottom:30px;
}

.myopia .myopia-price{
	border-collapse: collapse;
	width:100%;
	margin-bottom:50px;
}

.myopia .myopia-price th,.myopia .myopia-price td{
	vertical-align: middle;
	font-weight:normal;
	padding:10px;
	border:1px solid #999999;
}

.myopia .myopia-price th{
	background:var(--lightyellow-color);
	width:30%;
}

.myopia .myopia-price td{
	text-align: right;
}

.myopia .flow-wrap {
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.myopia .flow-wrap ul {
  padding: 0;
}

.myopia .flow-wrap li {
  list-style-type: none;
}

.myopia .flow-wrap dd {
  margin-left: 0;
}

.myopia .flow {
  position: relative;
}

.myopia .flow::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
  margin-left: -129px;
  display: block;
  position: absolute;
  top: 0;
  left: 120px;
  border-radius: 20px;
}

.myopia .flow > li {
  position: relative;
}

.myopia .flow > li:not(:last-child) {
  margin-bottom: 30px;
}

.myopia .flow > li .icon {
  font-size: 0.8em;
  width: 2em;
  height: 2em;
  line-height: 2;
  text-align: center;
  font-weight: bold;
  border-radius: 100vh;
  color: #fff;
  background:var(--blue-color);
  display: inline-block;
  margin-right: 0.3em;
}

.myopia .flow > li dl {
  padding-left: 70px;
  position: relative;
}

.myopia .flow > li dl::before,
.myopia .flow > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
}

.myopia .flow > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background:var(--blue-color);
  border-radius: 50%;
  left: -4px;
}

.myopia .flow > li dl::after {
  width: 50px;
  border-bottom: 1px dashed #999;
  position: absolute;
  left: 5px;
}

.myopia .flow > li dl dt {
  font-size: 1.3em;
  font-weight: 600;
  color:var(--blue-color);
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
}

.myopia .orth .imgarea img{
	width:400px;
}

.myopia .orth .txtarea{
	width:calc(100% - 440px);
}

.myopia .ortho-koujo{
	color:var(--blue-color)
}


.myopia .rejusea .imgarea img{
	width:400px;
}

.myopia .rejusea .txtarea{
	width:calc(100% - 440px);
}

.myopia .redlight .imgarea img{
	width:400px;
}

.myopia .redlight .txtarea{
	width:calc(100% - 440px);
}


.myopia .redlight .redlight-hosoku{
	margin-top:-50px;
}

.myopia .redlight .redlight-hosoku span{
	display:block;
	padding-left:1em;
	text-indent:-1em;

}

.myopia .redlight .redlight-hosoku span.pink{
	color:var(--pink-color);
}

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

.myopia .sec h2.midashi + p{
	text-align:left;
	margin-bottom:30px;
}

.myopia .myopia-menu{
	list-style:none;
	margin-bottom:50px;
}

.myopia .myopia-menu li{
	width:100%;
	margin-bottom:20px;
}

.myopia .myopia-menu li img{
	width:100%;
}

.myopia .block{
	margin-top:-50px;
	padding-top:50px;
}

.myopia .block h4{
	font-size:2rem;
	margin-bottom:10px;
	line-height:1.4;
}

.myopia .block p{
	margin-bottom:18px;
}

.myopia .block ul{
	list-style: none;
	margin-bottom:20px;
}


.myopia .block .blue-disc li{
padding-left:1em;
text-indent:-1em;
margin-bottom:10px;
}

.myopia .block .pink-disc li{
padding-left:1em;
text-indent:-1em;
margin-bottom:10px;
}

.myopia .block .blue-disc li:before{
	content:"●";
	color:var(--blue-color);
}

.myopia .block .pink-disc li:before{
	content:"●";
	color:var(--pink-color);
}

.myopia .block h5{
	display:block;
	text-align:center;
	font-weight:normal;
	padding:3px 10px;
	border-radius: 5px;
	margin-bottom:10px;
}

.myopia .block h5.pink{
	background:var(--lightpink-color);
}

.myopia .block h5.blue{
	background:var(--lightblue-color);
}

.myopia .block b.pink{
	color:var(--pink-color);
	display:block;
	margin-bottom:18px;
}

.myopia .block .box{
	margin-bottom:30px;
}

.myopia .myopia-price{
	border-collapse: collapse;
	width:100%;
	margin-bottom:50px;
}

.myopia .myopia-price th,.myopia .myopia-price td{
	vertical-align: middle;
	font-weight:normal;
	padding:10px;
	border:1px solid #999999;
	box-sizing: border-box;
	width:100%;
	display:block;
}

.myopia .myopia-price th{
	background:var(--lightyellow-color);
	width:100%;
	border-bottom:none;
}

.myopia .myopia-price td{
	text-align: right;
	border-bottom:none;
}

.myopia .myopia-price tr:last-child td{
	border-bottom:1px solid #999999;
}

.myopia .flow-wrap {
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.myopia .flow-wrap ul {
  padding: 0;
}

.myopia .flow-wrap li {
  list-style-type: none;
}

.myopia .flow-wrap dd {
  margin-left: 0;
}

.myopia .flow {
  position: relative;
}

.myopia .flow::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
  margin-left: -129px;
  display: block;
  position: absolute;
  top: 0;
  left: 120px;
  border-radius: 20px;
}

.myopia .flow > li {
  position: relative;
}

.myopia .flow > li:not(:last-child) {
  margin-bottom: 30px;
}

.myopia .flow > li .icon {
  font-size: 0.8em;
  width: 2em;
  height: 2em;
  line-height: 2;
  text-align: center;
  font-weight: bold;
  border-radius: 100vh;
  color: #fff;
  background:var(--blue-color);
  display: inline-block;
  margin-right: 0.3em;
}

.myopia .flow > li dl {
  padding-left: 18px;
  position: relative;
}

.myopia .flow > li dl::before,
.myopia .flow > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
}

.myopia .flow > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background:var(--blue-color);
  border-radius: 50%;
  left: -4px;
}

.myopia .flow > li dl::after {
  width: 12px;
  border-bottom: 1px dashed #999;
  position: absolute;
  left: 5px;
}

.myopia .flow > li dl dt {
  font-size: 1.1em;
  font-weight: 600;
  color:var(--blue-color);
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
}

.myopia .flow > li dl dd{
	font-size:1.6rem;
}

.myopia .orth .imgarea{
	order: -1;
	margin-bottom:20px;
}

.myopia .orth .imgarea img{
	width:100%;
}

.myopia .myopia-ortho-02{
	margin-bottom:30px;
}

.myopia .ortho-koujo{
	overflow-wrap: anywhere;
	line-height:1.2;
	display:block;
}

.myopia .orth .txtarea{
	width:100%;
}

.myopia .rejusea .imgarea{
	order:-1;
	margin-bottom:20px;
}

.myopia .rejusea .imgarea img{
	width:100%;
}

.myopia .rejusea .txtarea{
	width:100%;
}

.myopia .redlight .imgarea{
	order:-1;
	margin-bottom:20px;
}

.myopia .redlight .imgarea img{
	width:100%;
}

.myopia .redlight .txtarea{
	width:100%;
}


.myopia .redlight .redlight-hosoku{
	margin-top:-50px;
}

.myopia .redlight .redlight-hosoku span{
	display:block;
	padding-left:1em;
	text-indent:-1em;

}

.myopia .redlight .redlight-hosoku span.pink{
	color:var(--pink-color);
}

}

/*********
アクセス
**********/

.access .infoarea{
	width:560px;
}

.access .infoarea .logo{
	display:block;
	margin:0 auto;
	width:462px;
}

.access .infoarea .address{
	text-align:center;
}

.access .infoarea .tel{
	font-size:3rem;
	color:var(--pink-color);
	font-weight:bold;
	text-align:center;
	display:flex;
	align-items: center;
	justify-content: center;
	margin-bottom:10px;
}

.access .infoarea .tel:before{
	content:"";
	display:inline-block;
	background:url(../images/tel-icon.png);
	background-size:contain;
	width:41px;
	height:41px;
	margin-right:5px;
}

.access .infoarea .link-btn{
	width:100%;
	margin-top:20px;
}

.access .maparea img{
	width:500px;
}

.access .train ul{
	margin-left:1em;
}

.access .car .link-btn{
	margin-top:20px;
}

.access .bus ul{
	margin-left:1em;
}

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

.access .infoarea{
	width:100%;
}

.access .infoarea .logo{
	width:100%;
	margin-bottom:10px;
}

.access .infoarea .address{
	text-align:center;
	line-height: 1.5;
	margin-bottom:10px;
}

.access .infoarea .tel{
	font-size:3rem;
	color:var(--pink-color);
	font-weight:bold;
	text-align:center;
	display:flex;
	align-items: center;
	justify-content: center;
	margin-bottom:10px;
}

.access .infoarea .tel:before{
	content:"";
	display:inline-block;
	background:url(../images/tel-icon.png);
	background-size:contain;
	width:41px;
	height:41px;
	margin-right:5px;
}

.access .infoarea .link-btn{
	width:100%;
	margin-top:10px;
	margin-bottom:30px;
}

.access .maparea{
	width:100%;
}

.access .maparea img{
	width:100%;
}

.access .train li{
	margin-bottom:10px;
}

.access .car .link-btn{
	margin-top:20px;
}

.access .bus ul li{
	margin-bottom:10px;
}


}