@charset "utf-8";

/* common
****************************************************/

	*{ margin:0; padding:0; word-break:break-all; box-sizing:border-box; font-family:"游ゴシック体", "メイリオ", Osaka-mono, monospace; }
	body{ font-size:19px; line-height:1.5; color:#000; counter-reset: number 0; }
	img{ border:none; font-size:0; vertical-align:top; }
	ul{ list-style-type:none; }
	a{ text-decoration:none; color:#4d4d4d; }
	a:hover{ text-decoration:underline; }
	a:hover img{ opacity: 0.8; }
	h1{ font-size:14px; font-weight:normal; }
	address{ font-style:normal; }

.sec_sp{ padding:70px 0; }
.sec2sp{ padding-bottom:70px; }

/* Flexbox
****************************************************/
.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }
@media screen and (min-width: 600px) {
	.d-md-flex { display: flex; }
	.d-md-inline-flex { display: inline-flex; }
	.flex-md-row { flex-direction: row; }
	.flex-md-row-reverse { flex-direction: row-reverse; }
	.flex-md-column { flex-direction: column; }
	.flex-md-column-reverse { flex-direction: column-reverse; }
	.justify-content-md-start { justify-content: flex-start; }
	.justify-content-md-end { justify-content: flex-end; }
	.justify-content-md-center { justify-content: center; }
	.justify-content-md-between { justify-content: space-between; }
	.justify-content-md-around { justify-content:space-around; }
	.justify-content-md-evenly { justify-content: space-evenly; }
	.align-items-md-start { align-items: flex-start; }
	.align-items-md-end { align-items: flex-end; }
	.align-items-md-center { align-items: center; }
	.align-items-md-baseline { align-items: baseline; }
	.align-items-md-stretch { align-items: stretch; }
	.align-self-md-start { align-self: flex-start; }
	.align-self-md-end { align-self: flex-end; }
	.align-self-md-center { align-self: center; }
	.align-self-md-baseline { align-self: baseline; }
	.align-self-md-stretch { align-self: stretch; }
	.flex-md-grow-0 { flex-grow: 0; }
	.flex-md-shrink-0 { flex-shrink: 0; }
	.flex-md-grow-1 { flex-grow: 1; }
	.flex-md-shrink-1 { flex-shrink: 1; }
	.flex-md-nowrap { flex-wrap: nowrap; }
	.flex-md-wrap { flex-wrap:wrap; }
	.flex-md-wrap-reverse { flex-wrap: wrap-reverse; }
	.order-md-1 { order: 1; }
	.order-md-2 { order: 2; }
	.order-md-3 { order: 3; }
	.order-md-4 { order: 4; }
	.order-md-5 { order: 5; }
	.align-content-md-start { align-content: flex-start; }
	.align-content-md-end { align-content: flex-end; }
	.align-content-md-center { align-content: center; }
	.align-content-md-around { align-content: space-around; }
	.align-content-md-stretch { align-content: stretch; }
	.flex-md-item-half { width: 47%; }
}

/* layout
****************************************************/

.l-article { margin: 3.7em 0; }
.l-section-primary { margin-top: 6.35em; }
.l-section-secondary { margin-top: 2.65em; }
.l-section-tertiary { margin-top: 2.5em; }
.inner { margin-top: 1.58em; }


/* link
****************************************************/

.link-typeA { position: relative; color: #409730; }
.link-typeA::before { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 1px; background-color: #009943; transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
@media (hover) {
	.link-typeA:hover { text-decoration: none; }
	.link-typeA:hover::before { width: 0; }
}



/* margin
****************************************************/

	.mt10, .mt10ul li{ margin-top:10px; }
	.mt15, .mt15ul li{ margin-top:15px; }
	.mt20, .mt20ul li{ margin-top:20px; }
	.mt25, .mt25ul li{ margin-top:25px; }
	.mt30, .mt30ul li{ margin-top:30px; }
	.mt40, .mt40ul li{ margin-top:40px; }
	.mt50{ margin-top:50px; }
	.mt75{ margin-top:75px; }
	.mt100{ margin-top:100px; }
	.mt-50{ margin-top:-50px; }

/* padding
****************************************************/
	.pt5 { padding-top: 5px; }
	.pl10 { padding-left: 10px; }
	.pd15 { padding: 15px; }
	.pd20 { padding: 20px; }
	.pd25 { padding: 25px; }
	.pd30 { padding: 30px; }
	
/* text-align
****************************************************/

	.tar{ text-align:right; }
	.tac{ text-align:center; }
	.ti1{ text-indent:1em; }
	.ti2{ text-indent:-1em; padding-left:1em; }
	.ti3{ text-indent:-1.4em; padding-left:1.4em; }
	
/* color
****************************************************/
	
	.col_red{ color:red; }
	.col_white{ color:white; }
	.col_navy_blue { color: #2d5ea2; }
/* 黄緑 */
.col_1, .col1ul li:before, .col1icon:before{ color:#57c400; }
/* 濃い緑 */
.col_2, .col2ul li:before, .col2icon:before{ color:#147f00; }
/* 青 */
.col_3, .col3ul li:before, .col3icon:before{ color:#0064FF; }
/* 薄い緑 */
.col_4, .col4ul li:before, .col4icon:before{ color:#e6f2e6; }
/* もっと薄い緑 */
.col_5, .col5ul li:before, .col5icon:before{ color:#f2f9f2; }
/* グレー */
.col_6, .col6ul li:before, .col6icon:before{ color:#b2b2b2; }
/* 濃いグレー */
.col_7, .col7ul li:before, .col7icon:before{ color:#4d4d4d; }
/* オレンジ */
.col_8, .col8ul li:before, .col8icon:before{ color:#ef8200; }
/* 黒 */
.col_10, .col10ul li:before, .col10icon:before{ color:#000; }
/* 水色 */
.col_11, .col11ul li:before, .col11icon:before{ color:#6698da; }

/* text
****************************************************/
.under_ur{text-decoration: underline red;}
.under_urw{text-decoration: underline red wavy;}
.under_urd{text-decoration: underline red double;}


/* background
****************************************************/
	
	/* color */
	.bg1col{ background-color:#f2f9f2; }
	.bg2col{ background-color:#e6f2e6; }
	.bg7col{ background-color:#ffffff; }


/* icon
****************************************************/

	.icon_1:before, .icon1ul li:before, .icon1dl dt:before{ content:"▶ "; }
	.icon_2:before, .icon2ul li:before, .icon2dl dt:before{ content:"● "; }
	.icon_3:before, .icon3ul li:before, .icon3dl dt:before{ content:"◆ "; }
	.icon_4:before, .icon4ul li:before, .icon4dl dt:before{ content:"■ "; }
	.icon_5:before, .icon5ul li:before, .icon5dl dt:before{ content:"▲ "; }
	.icon_6:before, .icon6ul li:before, .icon6dl dt:before{ content:"○ "; }

/* font-size
****************************************************/
	
	.fs_s{ font-size:small; }
	.fs14{ font-size:14px; }
	.fs16{ font-size:16px; }
	.fs18{ font-size:18px; }
	.fs20{ font-size:20px; }
	.fs24{ font-size:24px; }

	/* font-weight */
	.fwb { font-weight: bold; }

/* btn
****************************************************/
	
	/* template */
	.btn1, .btn2{ display:block; }
	.btn1{ border:1px solid #147f00; box-shadow:#a1d399 4px 4px; color:#147f00; }
	.btn2{ border:1px solid #0064FF; box-shadow:#99b1e5 4px 4px; color:#0064FF; }
	.btn3{ border:1px solid #147f00; box-shadow:#a1d399 20px 20px; }


/* shadow
****************************************************/

	.shdw1{ box-shadow:#207611 4px 4px; }
	.shdw2{ box-shadow:#c9ecad 4px 4px; }


/* list-style
****************************************************/

	.ls_disc{ list-style:disc; margin-left:1em; }
	
/* border
****************************************************/
	
	.bor1{ border-left:6px solid #fff; }
	.bor2{ border:1px solid #147f00; box-shadow:#a1d399 4px 4px; }
	.bor3{ border-left:6px solid #147f00; }
	.bor4{ border-left:6px solid #57c400; padding-left:10px; }


/* border-radius
****************************************************/

	.br05{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
	.br10, .br10ul li{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
	.br15{ border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; }
	.br25, .br25ul li, .br25a a{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; }
	.br50{ border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
	
/* headline
****************************************************/

	.hl1{ text-align:center; padding-right:30px; color:#147f00; }
	.hl1 img{ margin-right:10px; }

	.headline-typeA { padding: 75px 0; color: #FAFAFA; background-image: url(images/ttl_bg.png); background-repeat: no-repeat; background-position: center center; text-align: center; line-height: 50px; }
	.headline-typeB { font-size: 24px; color: #147f00; }
	.headline-typeC { padding: 6px 10px; color: #FAFAFA; background-color: #147f00; text-align: center; }
	.headline-typeD { padding: 5px 0 5px 40px; color: #009943; background-image: url(images/hl2bg.png); background-repeat: no-repeat; background-position: left 10px center; border-bottom: 1px solid #81d33f; }
	.headline-typeE { padding: 5px 10px; font-size: 19px; font-weight: bold; color: #5bb430; background-color: #ebf5ec; }
	.headline-typeF { padding: 6px 10px; color: #fff; background-color: #FF5A00; text-align: center; }

/* content
****************************************************/
	
	/* section */
	.section{ padding:120px 0 80px; }
	.section_t{ padding:80px 0 80px; }
	/* index */
	#index .sec1 .btn1, #index .sec1 .btn2{ font-size:14px; margin-right:10px; width:100px; text-align:center; margin-bottom:5px; }
	#index .sec1 li{ padding-left:100px; overflow:hidden; font-size:16px; margin-top:10px; }
	#index .sec1 li span{ display:block; float:left; width:100px; margin-left:-100px; text-align:center; color:#fff; margin-right:25px; font-size:14px; padding:1px 0; }
	#index .sec1 li .cat1, #index .sec1 li .cat2{ background-color:#147f00; }
	#index .sec1 li .cat3, #index .sec1 li .cat4, #index .sec1 li .cat5{ background-color:#0064FF; }
	#index .sec4 .inner{ background-color:#fff; padding:20px; }
	#index .sec5 li{ margin-top:10px; padding-left:10px; }

	#index .wait{ padding: 0 10px; margin: 0 15px; background-color:#ebeced; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; text-align:center; }
#index .online_banner{ margin-bottom: 20px; }

	/* medical */
	#medical .sec1 li{ padding-left:10px; margin-top:10px; }
	#medical .sec3 .fl, #medical .sec3 .fr{ border:1px solid #147f00; }
	/* guide */
	#guide .sec1 h3{ background:url(images/hl2bg.png) no-repeat left center; padding-left:30px; }
	/* mirante */
	#mirante h2{ line-height:1.4; }
    #mirante h3{ background-color:#147f00; color:#fff; text-align:center; padding:10px 0; }
	/* #mirante .sec4 h3{ margin-top: 30px; } */
	#mirante .sec2 h4{ background:url(images/hl2bg.png) no-repeat left 10px center; padding:7px 0 5px 40px; border-bottom:1px #81d33f solid; font-size:20px; line-height:1.4; color:#009943; }
    #mirante .sec4 h4{ background:url(images/hl2bg.png) no-repeat left center; margin-top:30px; padding-left:30px; }
    #mirante .fig1{ border:1px #cccccc solid; padding:10px; }
    #mirante .com{ font-size:16px; line-height:1.5; border:1px dotted #c8ced2; background-color:#f8f8f8; padding:20px; margin-top:20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
    #mirante .sec2 .box7{ margin-top:30px; }
    #mirante .copy{ font-size:20px; line-height:1.4; color:#0064ff; }
        
/* symptom
****************************************************/
	
	/* common */
	#symptom2 dt{ background:url(images/headline2.png) bottom center no-repeat; text-align:center; padding-bottom:10px; font-weight:bold; }
	#symptom dd a, #symptom2 li a{ text-decoration:none; color:#000000 }
	#symptom dd a:before{ content:"▶"; font-size:14px; margin-right:5px; color:#147f00; }
	#symptom2 li a:before, #symptom3 .back:before{ content:"▶"; font-size:14px; margin-right:5px; color:#147f00; }
	#symptom dd a:hover:before, #symptom2 li a:hover:before, #symptom3 .back:hover:before{ color:#f29600; text-decoration:none; }
	/* symptom */
	#symptom{ font-size:16px; }
	#symptom dl{ border:1px solid #147f00; }
	#symptom dt{ font-weight:bold; background-color:#e6f2e6; color:#147f00; padding:10px 0 10px 15px; }
	#symptom dd{ padding:10px 20px; line-height:150%; }
	#symptom dd a{ display:block; margin-top:1em; text-align:right; }
	/* symptom2 */
	#symptom2 h3{ margin-bottom:30px; }
	#symptom2 ul{ background-color:#e6f2e6; }
	/* symptom3 */
	#symptom3 h4{ margin-bottom:10px; }
	#symptom3 h4:before{ content:"● "; color:#147f00; }
	#symptom3 dt{ font-weight:bold; margin-top:1em; }
	#symptom3 dt:before{ content:"【"; margin-right:5px; }
	#symptom3 dt:after{ content:"】"; margin-left:5px; }
	#symptom3 .back{ padding-top:1em; }

/* disease
****************************************************/

	#disease h3, #symptom2 h3, #symptom3 h3{ background-color:#147f00; color:#fff; text-align:center; padding:10px 0; }
	#disease dt, #notice dt{ background:url(images/hl2bg.png) no-repeat left 10px center; padding:5px 0 5px 40px; border-bottom:1px #81d33f solid; margin-top:30px; }
	#notice dt:first-child{ margin-top:0; }
	#disease dd, #notice dd{ padding:1em 15px 50px; }
	#disease li a:hover{ text-decoration:none; }

/* about
****************************************************/

	#about dt{ background-color:#147f00; border-width:1px 0; color:#fff; padding:10px 15px; font-size:20px; font-weight:bold; margin-top:2em; }
	#about dt:first-child{ margin-top:0; }
	#about dd{ margin:15px; }
	
/* sitemap
****************************************************/

	#sitemap li{ margin-top:15px; }
	#sitemap .parent li:before{ content:"■"; color:#147f00; margin-right:.5em; }
	#sitemap .child li:before{ content:"";  margin-right:0; }
	#sitemap .child a{ text-decoration:underline; }
	#sitemap .child a:hover{ color:#B95AA0; text-decoration:none; }

/* footer
****************************************************/

	#footer{ color:#fff; font-size:16px; }
	#footer .sec_1 li{ margin-top:5px; padding-left:10px; }
	address{ font-size:12px; text-align:center; padding-bottom:5px; color:#fff; background-color:#147f00; }

/* 404
****************************************************/

	.error404{ text-align:center; color:red; padding:100px 0; }

/* table
****************************************************/

	/* Default */
	table{ width:100%; border-collapse:collapse; }
	th{ font-weight:normal; text-align:left; }
	table .vam{ vertical-align:middle!important; }
	/* table_1 */
	.tbl1 th, .tbl1 td{ padding:10px 20px; vertical-align:top; border:1px solid #d1d7c6; }
	.tbl1 th{ background-color:#f0fddb; }

	.table-typeA .row:nth-of-type(odd) { background-color: #a4f180; }
	.table-typeA .row:nth-of-type(even) { background-color: #def3b8; }
	.table-typeA .head, .table-typeA .desc { padding: 1em 0.5em; }
	.table-typeA .head { border-right: 1px solid #e7f8fa; text-align: center; }

/* トップ
****************************************************/

/* メインビジュアル */
.mv .objfit {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover, object-position: center';
}
@media screen and (max-width: 599px) {
	.mv .objfit {
		height: 220px;
	}
}
@media screen and (max-width: 375px) {
	.mv .objfit {
		height: 165px;
	}
}

/* メインビジュアル下ボタン */
.top-picup--list {
	display: flex;
	justify-content: space-around;
}
@media screen and (max-width: 599px) {
	.top-picup--list {
		flex-direction: column;
	}
}
.top-picup--list li {
	width: 100%;
}
.top-picup--list.sp li:nth-child(1) {
	background-image: url(images/picupbg_01.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: top center;
	text-align: center;
}
.top-picup--list.sp li:nth-child(2) {
	background-image: url(images/picupbg_02.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: top center;
	text-align: center;
}
.top-picup--list.sp li:nth-child(3) {
	background-image: url(images/picupbg_03.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: top center;
	text-align: center;
}
.top-picup--list.pc .objfit {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover, object-position: center';
}
.top-picup--list.sp .top-picup--inner {
    padding: 10px;
	margin: 10px;
}
.top-picup--list a.hover {
	opacity: 0.2;
}
.top-picup--list.sp .top-picup--heading {
		margin-top: 9px;
	  font-size: 21px;
		color: #FAFAFA;
		text-align: center;
}
.top-picup--list.sp .top-picup--text {
	display: inline-block;
	font-size: 12px;
	color: #FAFAFA;
  text-align: left;
  padding: 10px;
  line-height: 1.5;
}

/* お知らせ & TOPICS */
@media screen and (max-width: 599px) {
	.news-topics .inner {
		padding: 15px;
	}
}
@media screen and (min-width: 600px) {
		#index .sec1.news-topics .box1 {
			width: 100%;
			padding: 25px;
			line-height: 1.5;
	}
}

/* vitreous */
#vitreous h3{ background-color:#147f00; color:#fff; text-align:center; padding:6px 10px; }


#vitreous .st1{
line-height: 36px;
padding: 0 0 0 50px;
background-image:url("../images/vitnobg_1.png");
background-repeat:no-repeat;
background-position: left center;
}
#vitreous .st2{
line-height: 36px;
padding: 0 0 0 50px;
background-image:url("../images/vitnobg_2.png");
background-repeat:no-repeat;
background-position: left center;
}
#vitreous .st3{
line-height: 36px;
padding: 0 0 0 50px;
background-image:url("../images/vitnobg_3.png");
background-repeat:no-repeat;
background-position: left center;
}
#vitreous .st4{
line-height: 36px;
padding: 0 0 0 50px;
background-image:url("../images/vitnobg_4.png");
background-repeat:no-repeat;
background-position: left top;
}

/* cataract */
#cataract h3{ background-color:#147f00; color:#fff; text-align:center; padding:6px 10px; }
#cataract h4{ background:url(images/hl2bg.png) no-repeat left 10px center; padding:5px 0 5px 40px; border-bottom:1px #81d33f solid; /*margin-top:30px;*/ color:#009943; }
#cataract h5{ background-color:#57c400; font-size:18px; color:#fff; font-weight:normal; padding:5px 10px; }
#cataract .st1{
line-height:160%;
min-height: 38px;
padding: 0 0 0 50px;
background-image:url("../images/cat2no1bg.png");
background-repeat:no-repeat;
background-position: left top;
}
#cataract .st2{
line-height:160%;
min-height: 38px;
padding: 0 0 0 50px;
background-image:url("../images/cat2no2bg.png");
background-repeat:no-repeat;
background-position: left top;
}
#cataract .st3{
line-height:160%;
min-height: 38px;
padding: 0 0 0 50px;
background-image:url("../images/cat2no3bg.png");
background-repeat:no-repeat;
background-position: left top;
}
#cataract .mr10{ margin-right:10px; }
#cataract .ok{ background:url(images/catnobg_1.png) no-repeat left top; color:#54c2f1; font-weight:bold; padding:6px 0 10px 50px; border-bottom:1px #54c2f1 solid; }
#cataract .ok2{ background-color:#54c2f1; color:#fff; font-weight:normal; padding:5px 10px;  }
#cataract .ok0 li{
margin: 20px 0 0;
padding-left: 30px;
background-image:url(images/catnobg_2.png);
background-repeat:no-repeat;
background-position:0px 0px;
}
#cataract .ng{ background:url(images/catnobg_3.png) no-repeat left top; color:#ef8200; font-weight:bold; padding:6px 0 10px 50px; border-bottom:1px #ef8200 solid; }
#cataract .ng0 li{
margin: 20px 0 0;
padding-left: 30px;
background-image:url(images/catnobg_4.png);
background-repeat:no-repeat;
background-position:0px 0px;
}
#cataract .com{ background-color:#ebf5ec; color:#5bb430; font-weight:bold; padding:5px 10px;  }
#cataract .com2{ background-color:#fdebd1; padding:20px;  }
#cataract .head1{
border-top:1px #b2b2b2 solid;
border-left:1px #b2b2b2 solid;
border-right:1px #b2b2b2 solid;
padding:10px 20px;
color:#fff;
text-align:center;
background-color:#5bb430;
}
#cataract .bottom1{
border:1px #b2b2b2 solid;
padding:20px 20px;
}
#cataract .sec7 li{ margin-top:10px; }
#cataract .sec7 li li:nth-child(1){ margin-top:0px; }
#cataract .att1{ background:url("../images/cat8no1bg.png") no-repeat left center; padding:10px 0 5px 50px; font-size:24px; color:#57c400; font-weight:bold; }
#cataract .att2{ background:url("../images/cat8no2bg.png") no-repeat left center; padding:10px 0 5px 50px; font-size:24px; color:#57c400; font-weight:bold; }
#cataract .att3{ background:url("../images/cat8no3bg.png") no-repeat left center; padding:10px 0 5px 50px; font-size:24px; color:#57c400; font-weight:bold; }
#cataract .att{ padding:20px; border:1px solid #b2b2b2; }

/* icl */
#icl h3{ background-color:#147f00; color:#fff; text-align:center; padding:6px 10px; }
#icl .feature { background-color: #FFF8EF; }
#icl .feature h3 { background-color:#FF5A00; color:#fff; text-align:center; padding:6px 10px; }
#icl .feature__list{ text-indent: -1em; margin-left: 1em; padding:20px 30px; }
#icl .feature .col1ul li::before { counter-increment: number 1; content: counter(number); margin-right: 10px; color: #ef8200; font-weight: bold; }
#icl .feature .col1ul li { margin-top: 10px; }
#icl .point{ border:1px solid #00a5bc; padding:20px 30px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
#icl .point li{ margin-top:10px; }
#icl .point li:nth-child(1){ margin-top:0; }
#icl .feat1{ border:2px solid #d4eef2; padding:20px 30px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
#icl .feat1 h4{ /*font-size:18px;*/ color:#00a5bc; text-align:center; }
#icl .feat2{ background-color:#e7f8fa; padding:20px 30px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
#icl .feat2 h4{ /*font-size:18px;*/ color:#00a5bc; /*border-bottom:1px #00a5bc dotted;*/ border-left:5px #00a5bc solid; padding:5px 0 5px 15px; line-height:1.4; }
#icl .history{ margin-top:50px; }
#icl .history h4{ background:url(images/hl2bg.png) no-repeat left 10px center; padding:5px 0 5px 40px; border-bottom:1px #81d33f solid; /*margin-top:30px;*/ color:#009943; }
#icl .col1ul li:before{ color:#72ccd6; }
#icl .col2ul li:before{ color:#00a5bc; }
#icl .col3ul li:before{ color:#57c400; }
#icl .sym h4{ background:url(images/hl2bg.png) no-repeat left 10px center; padding:5px 0 5px 40px; border-bottom:1px #81d33f solid; /*margin-top:30px;*/ color:#009943; }
#icl .step{ font-size:20px; color:#00a5bc; font-weight:bold; border-bottom:1px #b2b2b2 dotted; padding:0 0 5px; margin-top:20px; }
#icl .ope1{ margin-top:30px; }

/* ortho */
#ortho h3{ background-color:#147f00; color:#fff; text-align:center; padding:6px 10px; }
#ortho h4{ background:url(images/hl2bg.png) no-repeat left 10px center; padding:5px 0 5px 40px; border-bottom:1px #81d33f solid; /*margin-top:30px;*/ color:#009943; }
#ortho .merit{ border:2px solid #baebeb; padding:20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-top:30px; }
#ortho .merit li{ margin-top:10px; text-indent: -1.3em; margin-left:1.3em; }
#ortho .merit p.title{ background-color:#0ac0d1; color:#fff; text-align:center; padding:5px; }
#ortho .merit .colmul li:before{ color:#80d0d6; }
#ortho .demerit{ border:2px solid #dbdbdb; padding:20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-top:30px; }
#ortho .demerit li{ margin-top:10px; text-indent: -1.3em; margin-left:1.3em; }
#ortho .demerit p.title{ background-color:#808080; color:#fff; text-align:center; padding:5px; }
#ortho .demerit .coldul li:before{ color:#ababab; }
#ortho p.title{ background-color:#2d5ea2; color:#fff; padding:7px 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#ortho .step{ /*font-size:20px;*/ color:#2d5ea2; font-weight:bold; /*border-bottom:1px #b2b2b2 dotted; padding:0 0 5px;*/ margin-top:20px; }
#ortho .tre1{ margin-top:30px; background-color:#f4f9ff; padding:30px; }

#ortho .sch0 > div{ border:2px solid #d3e2f4; padding:20px; border-radius:10px; margin:30px 0 100px; position:relative;}
#ortho .sch0 > div:not(:last-child)::after { content: url(images/ort2no5.png); position: absolute; left: calc(50% - 30px); bottom: -80px;}
#ortho .sch0 > div:last-child{ margin-bottom: 0;}

#ortho .sch0 dt{color: #2d5ea2; font-size: 20px; font-weight: bold; line-height: 1.2; }
#ortho .sch0 dt div{ display: inline-block; margin-right: 10px; color: #6698da; font-weight: normal; border-bottom: 1px solid #ccc; }
#ortho .sch0 dt div span{ color: #2d5ea2; font-size: 45px; margin-left: 5px;}
#ortho .sch0 li{ margin-top:10px; text-indent: -1.3em; margin-left:1.3em; }
#ortho .sch0 ul li:nth-child(1){ margin-top:0; }


#ortho .sch1{ border:2px solid #d3e2f4; padding:20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-top:30px; }
#ortho .sch1 .colsul li:before{ color:#6698da; }
#ortho .sch1 li{ margin-top:10px; text-indent: -1.3em; margin-left:1.3em; }
#ortho .sch1 li:nth-child(1){ margin-top:0; }
#ortho .sch1 p.title1{ font-size:22px; color:#2d5ea2; font-weight:bold; background:url(images/ort2no1.png) no-repeat left top; padding:0 0 0 100px; line-height:52px; }
#ortho .sch1 p.title2{ font-size:22px; color:#2d5ea2; font-weight:bold; background:url(images/ort2no2.png) no-repeat left top; padding:0 0 0 100px; line-height:52px; }
#ortho .sch1 p.title3{ font-size:22px; color:#2d5ea2; font-weight:bold; background:url(images/ort2no3.png) no-repeat left top; padding:0 0 0 100px; line-height:52px; }
#ortho .sch1 p.title4{ font-size:22px; color:#2d5ea2; font-weight:bold; background:url(images/ort2no4.png) no-repeat left top; padding:0 0 0 100px; line-height:52px; }




#ortho .sec4 li{ margin-top:10px; text-indent: -1.3em; margin-left:1.3em; }
#ortho table{ width:100%; border-collapse:collapse; }
#ortho .tblo th, .tblo td{ padding:10px 8px; vertical-align:middle; border:1px solid #b2b2b2; }
#ortho .tblo .cell1{ background-color:#d3e2f4; width: 33%; font-weight:bold; text-align:center; }
#ortho .tblo .cell2{ background-color:#d3e2f4; width: 33%; font-weight:bold; text-align:center; vertical-align:middle; }
#ortho .tblo .cell3{ background-color:#f4f9ff; text-align:center; vertical-align:middle; }
#ortho .tblo .cell4{ background-color:#f8f8f8; vertical-align:middle; }
#ortho .tblo .cell5{ background-color:#d3e2f4; width: 50%; font-weight:bold; text-align:center; vertical-align:middle; }
#ortho .tblo .cell6{ background-color:#f4f9ff; width: 50%; text-align:center; vertical-align:middle; }
#ortho .tblo .cell7{ background-color:#f9f4e4; width: 33%; font-weight:bold; text-align:center; }

/*#ortho .tblo th, .tblo td{ padding:10px; vertical-align:middle;  }
#ortho .tblo .cell1{ background-color:#d3e2f4; width: 30%; font-weight:normal; }
#ortho .tblo .cell2{ background-color:#f4f9ff; width: 70%; }
#ortho .tblo .cell3{ background-color:#f4f4f4; width: 60%; }*/

#ortho .lenso{ font-size:18px; background-color:#ffffcb; padding:15px 20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }


/* myopia */
#myopia h3{ background-color:#147f00; color:#fff; text-align:center; padding:6px 10px; }
#myopia h4{ background:url(images/hl2bg.png) no-repeat left 10px center; padding:5px 0 5px 40px; border-bottom:1px #81d33f solid; /*margin-top:30px;*/ color:#009943; }
#myopia h5{ background-color:#57c400; font-size:18px; color:#fff; font-weight:normal; padding:5px 10px; }
#myopia .near-eyes-cure .online-yoyaku { font-weight: bold; color: #009943; }

/* online-medical */
#online-medical .about .box { width: 480px; }
#online-medical .merit .box { width: 320px; }
#online-medical .merit .box + .box { margin-left: 20px; }
#online-medical .lens{ width:480px; border:1px solid #5bb430; padding:20px; }
#online-medical h3{ background-color:#147f00; color:#fff; text-align:center; padding:6px 10px; }
#online-medical h4{ background:url(images/hl2bg.png) no-repeat left 10px center; padding:5px 0 5px 40px; color:#009943; }
#online-medical h5{ background-color:#57c400; font-size:18px; color:#fff; font-weight:normal; padding:5px 10px; }
#online-medical .st1{
line-height:160%;
min-height: 38px;
padding: 0 0 0 50px;
background-image:url("../images/cat2no1bg.png");
background-repeat:no-repeat;
background-position: left top;
}
#online-medical .st2{
line-height:160%;
min-height: 38px;
padding: 0 0 0 50px;
background-image:url("../images/cat2no2bg.png");
background-repeat:no-repeat;
background-position: left top;
}
#online-medical .st3{
line-height:160%;
min-height: 38px;
padding: 0 0 0 50px;
background-image:url("../images/cat2no3bg.png");
background-repeat:no-repeat;
background-position: left top;
}
#online-medical .mr10{ margin-right:10px; }
#online-medical .ok{ background:url(images/catnobg_1.png) no-repeat left top; color:#54c2f1; font-weight:bold; padding:6px 0 10px 50px; border-bottom:1px #54c2f1 solid; }
#online-medical .ok2{ background-color:#54c2f1; color:#fff; font-weight:normal; padding:5px 10px;  }
#online-medical .ok0 li{
margin: 20px 0 0;
padding-left: 30px;
background-image:url(images/catnobg_2.png);
background-repeat:no-repeat;
background-position:0px 0px;
}
#online-medical .ng{ background:url(images/catnobg_3.png) no-repeat left top; color:#ef8200; font-weight:bold; padding:6px 0 10px 50px; border-bottom:1px #ef8200 solid; }
#online-medical .ng0 li{
margin: 20px 0 0;
padding-left: 30px;
background-image:url(images/catnobg_4.png);
background-repeat:no-repeat;
background-position:0px 0px;
}
#online-medical .com{ background-color:#ebf5ec; color:#5bb430; font-weight:bold; padding:5px 10px;  }
#online-medical .com2{ background-color:#fdebd1; padding:20px;  }
#online-medical .head1{ border: 1px solid #b2b2b2; padding:10px 20px; color:#fff; background-color:#5bb430; }
#online-medical .bottom1{ border:1px #b2b2b2 solid; padding:20px 20px; }
#online-medical .sec7 li{ margin-top:10px; }
#online-medical .sec7 li li:nth-child(1){ margin-top:0px; }
#online-medical .att1{ background:url("../images/cat8no1bg.png") no-repeat left center; padding:10px 0 5px 50px; font-size:24px; color:#57c400; font-weight:bold; }
#online-medical .att2{ background:url("../images/cat8no2bg.png") no-repeat left center; padding:10px 0 5px 50px; font-size:24px; color:#57c400; font-weight:bold; }
#online-medical .att3{ background:url("../images/cat8no3bg.png") no-repeat left center; padding:10px 0 5px 50px; font-size:24px; color:#57c400; font-weight:bold; }
#online-medical .att{ padding:20px; border:1px solid #b2b2b2; }

/* vitreous-operation 硝子体手術 */
#vitreous-operation img { max-width: 100%; }
.vitreous-operation-feature { margin-top: 2.65em; background-color: #FFF8EF; }
.vitreous-operation-feature__list { padding: 0 1.5em 1.5em; }
.vitreous-operation-feature__list--item::before { counter-increment: number 1; content: counter(number); margin-right: 10px; font-size: 24px; font-weight: bold; color: #ef8200; }
.vitreous-operation-feature__list--item + .vitreous-operation-feature__list--item { margin-top: 1em; }
.vitreous-operation-feature__list--item .title { font-style: normal; font-size: 24px; font-weight: bold; color: #ef8200; }
.vitreous-operation-menu__list { padding: 20px 30px; border: 1px solid #00a5bc; border-radius: 10px; }
.vitreous-operation-menu__list--item + .vitreous-operation-menu__list--item { margin-top: 0.5em; }
.vitreous-operation-menu li::before{ color:#00a5bc; }
.vitreous-operation-about__flow__container { display: flex; justify-content: space-between; }
.vitreous-operation-about__flow__container--image { flex: 1; }
.vitreous-operation-about__flow__container--text { flex: 2; }
.vitreous-operation-disease__syndrome__container { display: flex; justify-content: space-between; margin-top: 1.5em; }
.vitreous-operation-disease__syndrome__container > div { flex: 1; }
.vitreous-operation-disease__syndrome__container > div + div { margin-left: 1em; }
.vitreous-operation-disease__syndrome__container .title { display: block; padding: 0.2em; font-style: normal; font-size: 1.2em; text-align: center; }
.vitreous-operation-disease__syndrome__container .image { margin-top: 1em; text-align: center; }
.vitreous-operation-disease__syndrome__container .text { margin-top: 1em; }
.vitreous-operation-disease__syndrome__container--normal .title { color: #fafafa; background-color: #585858; }
.vitreous-operation-disease__syndrome__container--abnormal .title { color: #fafafa; background-color: #009943; }
.vitreous-operation-disease__retinopathy .text + .text { margin-top: 1em; }
.vitreous-operation-disease__retinopathy__flow__list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.vitreous-operation-disease__retinopathy__flow__list--item { position: relative; max-width: 200px; width: 20%; padding: 0.5em 1em; color: #fafafa; text-align: center; }
.vitreous-operation-disease__retinopathy__flow__list--item:not(:nth-last-of-type(1))::after { content: "\03e"; position: absolute; top: 50%; right: -2.3em; transform: translateY(-50%); font-weight: bold; color: #000; }
.vitreous-operation-disease__retinopathy__flow__list--item:nth-of-type(1) { background-color: #00A650; }
.vitreous-operation-disease__retinopathy__flow__list--item:nth-of-type(2) { background-color: #00AAAD; }
.vitreous-operation-disease__retinopathy__flow__list--item:nth-of-type(3) { background-color: #007DC5; }
.vitreous-operation-disease__retinopathy__flow__list--item:nth-of-type(4) { background-color: #2E3092; }
.vitreous-operation-disease__retinopathy__treatment__container { display: flex; justify-content: space-between; }
.vitreous-operation-disease__retinopathy__treatment__container--text { flex: 2; }
.vitreous-operation-disease__retinopathy__treatment__container--image { flex: 1; text-align: right; }
.vitreous-operation-cause__container { display: flex; }
.vitreous-operation-cause__container > div { flex: 1; }
.vitreous-operation-cause__container > div + div { margin-left: 1em; }
.vitreous-operation-macula__structure__container { display: flex; justify-content: space-between; }
.vitreous-operation-macula__structure__container > div { flex: 1; }
.vitreous-operation-macula__structure__container > div + div { margin-left: 1em; }
.vitreous-operation-macula__disability__container { display: flex; justify-content: space-between; margin-top: 1.5em; }
.vitreous-operation-macula__disability__container > div { flex: 1; }
.vitreous-operation-macula__disability__container > div + div { margin-left: 1em; }
.vitreous-operation-macula__disability__container .title { display: block; padding: 0.2em; font-style: normal; font-size: 1.2em; text-align: center; }
.vitreous-operation-macula__disability__container .image { margin-top: 1em; text-align: center; }
.vitreous-operation-macula__disability__container .text { margin-top: 1em; }
.vitreous-operation-macula__disability__container--metamorphopsia .title { color: #fafafa; background-color: #0E98F8; }
.vitreous-operation-macula__disability__container--scotoma .title { color: #fafafa; background-color: #0b6baf; }
@media screen and (max-width: 599px) {
	.vitreous-operation-feature__list { padding: 0 0 1.5em 0; }
	.vitreous-operation-about__flow__container { flex-direction: column-reverse; }
	.vitreous-operation-about__flow__container > div { width: 100%; }
	.vitreous-operation-about__flow__container--image { margin-top: 1em; text-align: center; }
	.vitreous-operation-disease__syndrome__container { flex-direction: column; }
	.vitreous-operation-disease__syndrome__container > div + div { margin-top: 2em; margin-left: 0; }
	.vitreous-operation-disease__retinopathy__flow__list { flex-direction: column; }
	.vitreous-operation-disease__retinopathy__flow__list > li + li { margin-top: 2em; }
	.vitreous-operation-disease__retinopathy__flow__list--item { max-width: inherit; width: 100%; }
	.vitreous-operation-disease__retinopathy__flow__list--item:not(:nth-last-of-type(1))::after { top: 2.8em; left: 50%; transform: translateX(-50%) rotate(90deg); }
	.vitreous-operation-disease__retinopathy__treatment__container { flex-direction: column; }
	.vitreous-operation-disease__retinopathy__treatment__container--image { margin-top: 1em; text-align: center; }
	.vitreous-operation-cause__container { flex-direction: column; }
	.vitreous-operation-cause__container > div + div { margin-top: 1em; margin-left: 0; }
	.vitreous-operation-macula__structure__container { flex-direction: column; }
	.vitreous-operation-macula__structure__container > div + div { margin-top: 1em; margin-left: 0; }
	.vitreous-operation-macula__disability__container { flex-direction: column; }
	.vitreous-operation-macula__disability__container > div + div { margin-top: 2em; margin-left: 0; }
}




/**************************************************

	600px over

**************************************************/
@media only screen and (min-width:600px), print{
	
	/* common
	****************************************************/
		
		.wrap, .wrap1300{ margin-left:auto; margin-right:auto; }
		.wrap{ width:1000px; }
		.wrap1300{ width:1300px; }
		.sp{ display:none!important; }
	
a.alink{ display: block; margin-top: -80px; padding-top: 80px; }


	/* width
	****************************************************/
		
		.width_1{ margin-left:25%; margin-right:25%; }
		.w50p, .w50p_ul li{ width:50%; }
		.w300, .w300ul li{ width:300px; }
		.w333 { width: 333px; }
		.w400{ width:400px; }
		.w500{ width:500px; }
		.w650{ width:650px; }
	
	/* margin
	****************************************************/

		.ml25{ margin-left: 25px; }
		.ml30{ margin-left:30px; }
		.mr50{ margin-right:50px; }
	
	/* padding
	****************************************************/
	
		.pl14em{ padding-left:1.4em; }
		.p20no40{ padding:20px 40px; }
	
	/* overflow:hidden;
	****************************************************/
	
		.oh, .oh_ul{ overflow:hidden; }
		.oh .fl, .oh_ul li{ float:left; }
		.oh .fr{ float:right; }
		.oh .cb{ clear:both; }

	/* column
	****************************************************/
	
		.col, .clm{ letter-spacing:-0.4em; }
		.col li, .clm li, .clm .dib{ display:inline-block; letter-spacing:normal; vertical-align:top; }

	/* header
	****************************************************/
		
		header{ margin-bottom:20px; }
		header .tel{ padding-top:6px; margin-right:20px; margin-top:20px; }
		header .adr{ background:url(images/adr.png) no-repeat left center; font-size:14px; padding-left:55px; line-height:20px; margin-top:20px; }

	/* slider
	****************************************************/

		#slideshow{
			position:relative;
		   	width:100%;
			height:540px;
			margin:0 auto;
		}
		#slideshow li{
			position:absolute;
			height:540px;
			margin:0;
			padding:0;
			background-position:center top;
			background-repeat:repeat-x;
			z-index:1;
		}
		#slideshow p{
			position:absolute;
			z-index:2;
			left:15%;
			bottom:20px;
		}
		
	/* nav
	****************************************************/
		
		nav{ font-weight:bold; width:100%; font-size:18px; background-color:#147f00; padding:7px 0; }
		nav ul{ overflow:hidden; }
		nav li{ float:left; width:170px; }
		nav li:first-child{ width:150px; }
		nav ul a{ display:block; text-align:center; color:#fff; line-height:30px }
		nav ul a:hover, nav ul .on{ background-color:#fff; color:#000; text-decoration:none; }
		.fixed{ position:fixed; top:0px; left:0px; z-index:9999; background-color:#147f00; }
		.space{ margin-top:44px; }
		.none{ display:none; }
		
	/* page_title
	****************************************************/
	
		.pp1ttl{ background:url(images/ttl_bg.png) no-repeat center center; color:#fff; padding:75px 0; line-height:50px; text-align:center; }
		.pp1ttl h2{ font-size:30px; line-height:30px; }

	/* content
	****************************************************/
		
		/* common */
		.com1box{ padding:50px 60px; }
		/* index */
		#index .sec1 .box1{ width:600px; padding:25px 20px; }
		#index .sec1 ul{ height:120px; }

 	#index .feature h2{ font-size:24px; color:#147f00; text-align: center; }
    #index .feature h3{ font-size:20px; color:#fff; text-align: center; background-color:#ef8200; margin-top:15px; padding:5px 10px; /*border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px;*/ }
    #index .feature .feat1{ width:230px; margin-right:20px; }
    #index .feature .feat2{ width:230px; } 
    #index .feature .no1{ border-bottom:2px solid #147f00; text-align:right; margin-top:20px; padding-bottom:5px; } 
    #index .feature .copy{ font-size:18px; line-height:140%; color:#147f00; min-height: 3em; margin-top:10px; border-bottom:1px dotted #b2b2b2; font-weight: bold;} 

#index .sec2{ background:url(images/index2no1.jpg) no-repeat left top; padding:20px 100px 20px 600px; height:482px; line-height:180%; }
		#index .sec3{ background:url(images/index3no1.jpg) no-repeat left top; padding-left:650px; position:relative;background-color:#f2f9f2; }
		#index .sec3 .inner{ background:url(images/index3no2.jpg) no-repeat left top; padding:40px 20px; height:420px; }
		#index .sec3 .box{ background: rgba(234,243,232, 0.9); padding:40px 30px; width:450px; }
		#index .sec3 .ads{ position:absolute; bottom:20px; left:525px; }
		#index .sec4 .fl, #index .sec4 .fr{ width:480px; }
		#index .sec4 li{ width:480px; background-color:#fff; text-align:center; padding:8px 0; margin-bottom:4px; }
		#index .sec4 li:nth-child(odd){ margin-right:32px; margin-left:4px; }
		#index .sec4 li:nth-child(1),
		#index .sec4 li:nth-child(4),
		#index .sec4 li:nth-child(5),
		#index .sec4 li:nth-child(8),
		#index .sec4 li:nth-child(9),
		#index .sec4 li:nth-child(12),
		#index .sec4 li:nth-child(13){ border:2px solid #409730; box-shadow:#bcdbb8 4px 4px; }
		#index .sec4 li:nth-child(2),
		#index .sec4 li:nth-child(3),
		#index .sec4 li:nth-child(6),
		#index .sec4 li:nth-child(7),
		#index .sec4 li:nth-child(10),
		#index .sec4 li:nth-child(11),
		#index .sec4 li:nth-child(14){ border:2px solid #76cf30; box-shadow:#ccebb8 4px 4px; }
		#index .sec5 .wrap{ background-color:#fff; padding:49px; }
		#index .sec6 .oh{ margin-top:50px; position:relative; }
		#index .sec6 .fr{ width:650px; padding:40px; }
/*		#index .sec6 .ads{ position:absolute; bottom:4px; left:25px; }*/
		#index .sec7 li{ width:300px; margin-right:50px; }
		#index .sec7 li:nth-child(3n){ margin-right:0; }
		#index .corona-attention .btn3 { margin-top: 70px; padding:40px 30px; }
		#index .corona-attention .btn3 .fl,
		#index .corona-attention .btn3 .fr { width: 450px; }
		/* greeting */
		#greeting .sec1 .fl{ padding:0 50px 0 150px; }
		#greeting .sec1 .fr{ width:800px; padding:40px 150px 40px 40px; }
		#greeting .sec2{ padding-bottom:20px; margin-top:100px; }
		#greeting .sec2 .fl, #greeting .sec2 .fr{ width:460px; height:560px; padding:40px 30px; }
		#greeting .sec2 .fr{ margin-right:20px; }
		/* medical */
		#medical .sec1{ padding-left:50px; }
		#medical .sec2 .oh{ margin-top:50px; }
		#medical .sec2 .box1, #medical .sec2 .box2{ width:800px; }
        #medical .sec2 .box3{ width:800px; margin:0 0 30px; }
		#medical .sec2 .box1, #medical .sec2 .box3{ padding:30px 0 0 150px; }
		#medical .sec2 .box2{ padding:30px 150px 0 0; }
		#medical .sec3 .fl, #medical .sec3 .fr{ width:480px; padding:30px 40px 0; min-height:320px; margin-bottom:50px; }
		/* access */
		#access .sec1 .fl, #access .sec1 .fr{ width:480px; background-color:#f2f9f2; padding:20px 20px 0; height:200px; }
		#access .sec2 p{ padding:20px 0; }
		/* guide */
		#guide .sec1 .box1, #guide .sec1 .box2{ width:480px; padding:60px 0 0; }
		#guide .sec1 .box1{ margin-left:150px; }
		#guide .sec1 .box2{ margin-right:150px;}
		#guide .sec2 .fl, #guide .sec2 .fr{ width:300px; background-color:#f2f9f2; margin-top:50px; height:700px; }
		#guide .sec2 .fl{ margin-right:50px; }
		#guide .sec2 .inner{ padding:0 20px; }
		#guide .sec2 h3{ font-size:20px; line-height:120%; height:70px; display:table-cell; vertical-align: middle; width:300px; }

		/* mirante */
		#mirante .sec1 .oh{ margin-top:50px; }
		#mirante .sec1 .box1, #mirante .sec1 .box2{ width:800px; }
		#mirante .sec1 .box1{ padding:30px 0 0 150px; }
		#mirante .sec1 .box2{ padding:30px 150px 0 0; }
        #mirante .sec1 .box10{ width:1280px; background-color:#e6f2e6; border:1px solid #147f00; box-shadow:#a1d399 20px 20px; }
        #mirante .sec1 .fl2{ float:left; width:340px; padding:20px; background-color:#fff; }
        #mirante .sec1 .fr2{ float:right; width:860px; padding-right:80px; }
        #mirante .sec2 .fl, #mirante .sec2 .fr{ width:480px; min-height: 300px; }
        #mirante .sec2 .fl2{ float:left; width:600px; }
        #mirante .sec2 .fr2{ float:right; width:340px; }
        #mirante .sec2 .fl3{ float:left; width:280px; }
        #mirante .sec2 .fr3{ float:right; width:280px; }
        #mirante .sec2 .fl4{ float:left; width:220px; }
        #mirante .sec2 .fl5{ float:left; width:355px; }
        #mirante .sec2 .fr5{ float:right; width:355px; }
        #mirante .sec2 .fl6{ float:left; width:455px; }
        #mirante .sec2 .fr6{ float:right; width:280px; }
        #mirante .sec2 .fl8{ float:left; width:620px; }
        #mirante .sec2 .fr8{ float:right; width:368px; }
        #mirante .sec2 .box3{ width:600px; margin-left:auto; margin-right:auto; }
        #mirante .sec2 .box4{ width:700px; margin-left:auto; margin-right:auto; }
        #mirante .sec2 .box5{ width:750px; margin-left:auto; margin-right:auto; }
        #mirante .sec2 .box6{ width:775px; margin-left:auto; margin-right:auto; }
        #mirante .sec2 .box7{ width:440px; margin-left:auto; margin-right:auto; }
        #mirante .sec2 .box9{ width:880px; margin-left:auto; margin-right:auto; }
				#mirante .mr20{ margin-right:20px; }
				
		/* myopia */
		#myopia .near-eyes-cure .fl + .fl { margin-left: 50px; }
		#myopia .near-eyes-cure .online-yoyaku { line-height: 45px; }
	
	/* symptom
	****************************************************/
	
		/* symptom */
		#symptom .wrap{}
		#symptom li{ width:300px; margin:40px 50px 40px 0; }
		#symptom li:nth-child(3n){ margin-right:0; }
		#symptom dt{ font-size:20px; }
		#symptom dd{ height:130px; }
		/* symptom2 */
		#symptom2 dt{ font-size:26px; }
		#symptom2 dd{ margin-top:30px; }
		#symptom2 ul{ margin-top:40px; padding:20px 0 40px 100px; overflow:hidden; }
		#symptom2 li{ float:left; width:31%; margin-left:1%; margin-top:20px; }
		/* symptom3 */
		#symptom3 h3{}
		#symptom3 h4{ font-size:20px; }
		#symptom3 .des{ margin-top:1em; }
		#symptom3 .back{ margin:0 1em; }
	#symptom3 .outline{ padding:2em; margin-top:30px; background-color:#e6f2e6; }

	/* disease
	****************************************************/

		/* disease */
		#disease .wrap{ width:720px; }
		#disease ul{ text-align:center; }
		#disease li{ margin:15px 90px 35px 0; }
		#disease li:nth-child(3n){ margin-right:0; }
		#disease li a{
			display:block;
			width:180px;
			line-height:20px;
			padding:80px 0;
			color:#fff;
		}
		#disease li:nth-child(odd){ background-color:#57c400; box-shadow:#ccedb2 20px 20px; }
		#disease li:nth-child(even){ background-color:#147f00; box-shadow:#b8d8b2 20px 20px; }
		#disease li:hover{ box-shadow:none; }

	/* sitemap
	****************************************************/
	
		#sitemap .child{ margin-left:1.5em; overflow:hidden; }
		#sitemap .child li{ float:left; width:33%; }
	
	/* bnr_list
	****************************************************/
	
		.bnr1list{ padding:20px 0; }
		.bnr1list li{ margin:0 15px; }
		
	/* footer
	****************************************************/
	
		#footer .sec_1 .fl, #footer .sec_1 .fr{ width:50%; }
		#footer .sec_1 .fl{ background:url(images/footer_bg.jpg) no-repeat center center; -moz-background-size:100% auto; background-size:100% auto; }
		#footer .sec_1 .inner{ float:right; width:480px; margin-right:20px; padding:20px 0; }
		#footer .sec_2{ font-size:14px; padding:16px 0 8px; text-align:center; }
		#footer .sec_2 li{ margin-right:10px; }

	/* gmap
	****************************************************/
	
		.gmap{
			width:100%;
			position: relative;
			padding-bottom:600px;
			height: 0;
			overflow: hidden;
		}
		.gmap iframe, .gmap object, .gmap embed{
			position: absolute;
			top:0;
			left:0;
			width:100%;
			height:600px;
		}
		
	/* pagetop
	****************************************************/
	
		.pagetop {
			display:none;
			position:fixed;
			bottom:0px;
			right:10px;
			line-height:0;
		}
		.pagetop a{
			display:block;
			padding:5px;
			background-color:#147f00;
			text-align:center;
			color:#ffffff;
			text-decoration:none;
			margin-bottom:5px;
			border-radius:5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			opacity:.5;
		}
		.pagetop a:hover, .pagetop a:hover img{ opacity:1.0; }
		
	/* anchor
	****************************************************/
			
		#anchor{ padding-top:50px; margin-top:-50px; }
		
	/* table
	****************************************************/
	
		.tbl1 th{ width:35%; }



/* vitreous */
#vitreous .ht{
width:680px;
margin: 50px 160px 0;
}
#vitreous .w340{
width:340px;
}
#vitreous .w360{
width:360px;
}
#vitreous .w600{
width:600px;
}

/* cataract */
#cataract .w240{ width: 240px; }
#cataract .w320{ width: 320px; }
#cataract .w480{ width: 480px; }
#cataract .w440{ width: 440px; }
#cataract .mr20{ margin-right:20px; }
#cataract .lens{ width:480px; border:1px solid #5bb430; padding:20px; }

/* icl */
#icl .w400{ width: 400px; }
#icl .w560{ width: 560px; }
#icl .feat1{ width: 480px; min-height:330px; }
#icl .feat2{ width: 480px; min-height:330px; }
#icl .ope1{ width: 320px; /*min-height:350px;*/ }
#icl .mr20{ margin-right:20px; }
#icl .w33p, .w33p_ul li{ width:33%; }
#icl .que{ background:url(images/icl6q.png) no-repeat left top; padding:0 0 10px 65px; border-bottom:1px #00a5bc solid; font-size:20px; color:#00a5bc; line-height: 50px; font-weight:bold; }
#icl .ans{ background:url(images/icl6a.png) no-repeat left top; padding:10px 0 10px 65px; min-height:3em; }
#icl .tbli th, .tbli td{ padding:10px; vertical-align:middle; border:1px solid #b2b2b2; text-align: center; }
#icl .tbli .cell1{ background-color:#e9e9e9; font-weight:bold; }
#icl .tbli .cell2{ background-color:#fff; vertical-align:middle; }



/* ortho */
#ortho .tre2{ width: 300px; }
#ortho .tre3{ width: 300px; }
#ortho .mr20{ margin-right:20px; }
#ortho .merit{ float:left; width: 480px; min-height:360px; }
#ortho .demerit{ float:right; width: 480px; min-height:360px; }
#ortho .w480{ width: 480px; }
#ortho .w650{ width: 650px; }
#ortho .copy{ font-size:22px; color:#2d5ea2; font-weight:bold; }
#ortho .que{ background:url(images/ort5noq.png) no-repeat left top; padding:0 0 10px 65px; font-size:20px; color:#2d5ea2; line-height: 50px; font-weight:bold; }
#ortho .ans{ background:url(images/ort5noa.png) no-repeat left top; padding:10px 0 50px 65px; min-height:3em; border-bottom:1px dotted #b2b2b2; }
#ortho .tblo{ font-size:18px; }

/* myopia */
#myopia .w680{ width: 680px; margin-left:auto; margin-right:auto;  }
#myopia .w690{ width: 690px; }
#myopia .w340{ width: 340px; }

}





/**************************************************

	600px under

**************************************************/
@media only screen and (max-width:599px){
	
	/* common
	****************************************************/
body{ line-height:1.7; }		
		.wrap, .wrap1300{ padding:15px; /*line-height:1.5em;*/ }
		img{ max-width:100%; height:auto; }
		.pc{ display:none!important; }

	/* margin
	****************************************************/
	
	.mt75, .mt100{ margin-top:50px; }
	.mt20_sp{ margin-top:20px; }

	/* padding
	****************************************************/
	
		.p20no40{ padding:10px 20px; }

	/* header
	****************************************************/
		
		html{ overflow-x: hidden; }
		#header{ position: relative; }
		.header__logoWrap{ padding-left:20px; padding-bottom:10px; }
		.headerNavWrap,
		.headerNav{
		  display: -webkit-box;
		  display: -webkit-flex;
		  display: -ms-flexbox;
		  display: flex;
		  justify-content: space-between;
		  align-items: center;
		  max-width: 1100px;
		  margin: 0 auto;
		}
		.headerNavWrap{ padding:20px 0 15px; }
		.headerNav {
		  max-width: none;
		  font-size: 16px;
		  font-weight: bold;
		}
		.headerNav li { margin-left: 30px; }
		.headerNav li:first-child { margin-left: 0; }
		.headerNav li a { display: block; line-height:36px; }
		#js-menuBk {
		  display: none;
		  position: fixed;
		  z-index: 1;
		  top: 0;
		  left: 0;
		  background: rgba(0,0,0,0.6);
		}
		#js-closeBtnWrap { display: none; }
		#js-openBtn { display: none; }
		.menuClose { display: inline-block; padding:15px 15px; }
		.menuClose img { width: 17px; }
		.headerNavWrap {
			display: block;
			position: relative;
			padding: 5px 0px;
		}
		.headerNav { display: block; }
		#js-closeBtnWrap {
			display: block;
			background: #fff;
		}
		#js-openBtn {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			padding: 5px;
		}
		#js-spNav {
			position: absolute;
			position:fixed;
			z-index: 2;
			top: 0;
			right: 0;
			width: 60%;
			background: #f1f1f1;
			transform: translateX(100%);
			transition: all .3s;
		}
		#js-spNav.isOpen { transform: translateX(0); }
		.headerNav li {
			margin-left: 0;
			background: #f7f7f7;
			border-bottom: 1px solid #dbdbdb;
		}
		.headerNav li:first-child { border-top: 1px solid #dbdbdb;  }
		.headerNav li a {
			position: relative;
			padding: 0 15px;
			font-weight: normal;
			line-height:40px;
		}
		.headerNav li a::after {
			position: absolute;
			top: 0;
			right: 17px;
			bottom: 0;
			width: 7px;
			height: 7px;
			margin: auto;
			border-right: 1px solid #000;
			border-bottom: 1px solid #000;
			transform: rotate(-45deg);
			content: "";
		}
		.headerNav li a:hover{ color:#147f00; }

	/* page_title
	****************************************************/
	
		.pp1ttl{ background:url(images/ttl_bg.png) no-repeat center center; color:#fff; line-height: 1.4; padding:50px 10px; text-align:center; margin-top:-10px; }

	/* headline
	****************************************************/
	
		h3{ font-size:20px; }
		
	/* content
	****************************************************/
		
		/* common */
.sec_sp{ padding:20px 15px 70px; }
.sec2sp{ padding-bottom:70px; }
		/* index */
		#index .sec1 h2{ text-align:center; }
		#index .sec1 .box1{ /*text-align:center;*/ margin-top:50px; padding:20px 15px; }
		#index .sec1 .box1 ul{ text-align:left; }
		#index .sec1 .box1 .fr{ display:inline-block; letter-spacing:normal; vertical-align:top; margin-top:10px; }
		#index .sec1 .box1 .fr a{ width:150px; }
		#index .sec1 .box2{ overflow:hidden; text-align:center; }
		#index .sec1 .box2 .row1{ float:left; width:50%; }
		#index .sec1 .box2 .row2{ float:right; width:50%; }

 	#index .feature h2{ font-size:24px; color:#147f00; }
    #index .feature h3{ font-size:20px; color:#fff; background-color:#ef8200; margin-top:15px; padding:5px 10px; /*border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px;*/ }
    #index .feature .feat1{  }
    #index .feature .feat2{  } 
    #index .feature .no1{ border-bottom:2px solid #147f00; text-align:right; margin-top:30px; padding-bottom:5px; } 
    #index .feature .copy{ font-size:18px; line-height:140%; color:#147f00; margin-top:10px; padding-bottom:5px; border-bottom:1px dotted #b2b2b2; font-weight: bold; } 

#index .sec2{ background:url(images/index2no1.jpg) no-repeat top center; -moz-background-size:100% auto; background-size:100% auto; padding-top:92%; }
		#index .sec3{ background:url(images/index3no1.jpg) no-repeat top center; -moz-background-size:100% auto; background-size:100% auto; padding-top:64%; }
		#index .sec3 .inner{ margin-top:20px; }
		#index .sec3 .ads{ text-align:center; margin:20px 0; }
		#index .sec4 .fl{ margin-top:5px; }
		#index .sec4 .fr{ margin-top:20px; }
		#index .sec4 li{ background-color:#fff; text-align:center; padding:8px 0; }
		#index .sec4 li:nth-child(odd){ border:2px solid #409730; box-shadow:#bcdbb8 4px 4px; }
		#index .sec4 li:nth-child(even){ border:2px solid #76cf30; box-shadow:#ccebb8 4px 4px; }
		#index .sec5{ padding:15px; line-height:1.5em; }
		#index .sec6{ margin-top:50px; padding-bottom:30px; }
		#index .sec6 .fl{ margin-top:25px; text-align:center; }
		#index .sec6 .fr{ margin-top:20px; background-color:#fff; }
		#index .sec6 .ads{ margin-top:40px; text-align:center; }
		#index .sec7{ padding-bottom:20px; }
		#index .sec7 li{ width:300px; margin-left:auto; margin-right:auto; }
		#index .corona-attention { margin-bottom: 70px; }
		#index .corona-attention .btn3 { padding: 20px; margin-top: 40px; }

		#index .banner-box { margin-top: 30px; }

		/* greeting */
		#greeting .sec1{ margin-top:30px; }
		#greeting .sec1 .fr{ padding:20px; margin-top:20px; }
		#greeting .sec2{ padding-bottom:50px; }
		#greeting .sec2 .fl, #greeting .sec2 .fr{ padding:20px; margin-top:40px; }
		/* medical */
		#medical .sec1{ margin-top:30px; }
		#medical .sec2{ margin-top:30px;}
		#medical .sec2 img{ max-width:100%; }
		#medical .sec2 .oh{ margin-top:50px; }
		#medical .sec2 .box1, #medical .sec2 .box2, #medical .sec2 .box3{ margin-top:20px; padding:20px; }
		#medical .sec3 .fl, #medical .sec3 .fr{ padding:20px; margin:20px 0; }
		/* access */
		#access .sec1 .fl, #access .sec1 .fr{ background-color:#f2f9f2; padding:15px; }
		#access .sec2 p{ padding:15px; }
		/* guide */
		#guide .sec1 .box1, #guide .sec1 .box2{ padding:20px 15px; }
		#guide .sec2 .fl, #guide .sec2 .fr{ background-color:#f2f9f2; margin-top:50px; }
		#guide .sec2 img{ /*width:100%;*/ text-align:center;  }
		#guide .sec2 .inner{ padding:20px 15px; }
		#guide .sec2 h3{ line-height:140%; margin-bottom:10px; }

		/* mirante */
		#mirante .sec1 .bg2col.btn3.oh{ margin:50px 0 30px 0; }
		#mirante .sec1 .fl, #mirante .sec1 .fr{ padding:20px; margin-top:40px; }
		#mirante .sec2 .fl, #mirante .sec2 .fr{ padding:20px; margin:20px 0; }
		#mirante .sec4 .fl, #mirante .sec4 .fr{ padding:20px; margin:20px 0; }
		#mirante .sec2 img{ width:100%; }
        #mirante .sec1 .box10{ background-color:#e6f2e6; border:1px solid #147f00; box-shadow:#a1d399 10px 10px; margin-top:30px; margin-right:10px; }
        #mirante .sec1 .fl2{ padding:20px; background-color:#fff; }
				#mirante .sec1 .fr2{ padding:0 15px 20px; }

		/* online-medical */
		#online-medical .about .box { width: 100%; }
		#online-medical .merit .box { width: 100%; }
		#online-medical .merit .box + .box { margin-left: 0; }
                
	/* symptom
	****************************************************/
	
		/* symptom */
		#symptom ul{ margin-bottom:20px; }
		#symptom li{ margin-top:20px; }
		#symptom dd{ padding:10px; }
		/* symptom2 */
		#symptom2 dd{ margin-top:1em; }
		#symptom2 ul{ margin-top:30px; padding:10px 0 20px 15px; }
		#symptom2 li{ margin-top:10px; }
		/* symptom3 */
		#symptom3 h3{}
		#symptom3 h4{ font-size:20px; }
		#symptom3 .des, #symptom3 dl, #symptom3 .back{ margin-top:10px; }
	#symptom3 .outline{ padding:20px; margin-top:30px; background-color:#e6f2e6; }

	/* disease
	****************************************************/
	
		/* disease */
		#disease{ padding-left:15px; padding-right:15px; }
		#disease ul{ margin-top:30px; padding:0 0 20px; }
		#disease li{ margin-top:20px; }
		#disease li a{ display:block; background-color:#90ce23; padding:15px 25px; color:#fff; }
		#disease li a:hover{ background-color:#00a358; }

	/* bnr_list
	****************************************************/
	
		.bnr1list{ padding-bottom:15px; }
		.bnr1list li{ margin-top:15px; }

	/* footer
	****************************************************/
	
		#footer{ margin-top:30px; margin-bottom:60px; }
		#footer .sec_1{ background:url(images/footer_bg.jpg); }
		#footer .sec_1 .fl, #footer .sec_2{ padding:20px 30px; }
		
	/* pagetop
	****************************************************/
	
		.pagetop{
			display:none;
			position:fixed;
			left:0;
			bottom:0;
			line-height:0;
			width:100%;
			z-index:9999;
			text-align:center;
		}
		.pagetop .lef, .pagetop .rig{ width:26%; }
		.pagetop .cen{ width:48%; }

	/* gmap
	****************************************************/
	
		.gmap{
			position: relative;
			padding-bottom: 56.25%;
			margin-top:10px;
			padding-top:30px;
			height: 0;
			overflow: hidden;
		}
		.gmap iframe, .gmap object, .gmap embed{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	
	/* table
	****************************************************/
	
		/* table_1 */
		.tbl1{ width:100%; }
		.tbl1{ border-top:1px solid #d1d7c6; }
		.tbl1 th, .tbl1 td{ display:block; border-bottom:none; width:100%; border-top:0!important; }
		.tbl1 th, .tbl1 td{ border-bottom:1px solid #d1d7c6; }


/* vitreous */
#vitreous .ht{
margin-top: 30px;
text-align:center;
}
#vitreous .fr1{
margin-top: 20px;
}
#vitreous .fr2{
text-align:center;
}

/* cataract */
#cataract .lens{ border:1px solid #5bb430; padding:20px; }

/* icl */
#icl { padding:50px 0 0; }
#icl .sec1{ padding:0 15px; }
#icl .que{ background:url(images/icl6q.png) no-repeat left top; padding:10px 0 10px 60px; border-bottom:1px #00a5bc solid; font-size:20px; color:#00a5bc; line-height: 1.4; font-weight:bold; min-height:2.8em;  }
#icl .ans{ background:url(images/icl6a.png) no-repeat left top; padding:10px 0 10px 60px; }
#icl .point{ margin-top:20px; padding:20px; }
#icl .feat2{ padding:20px; }
#icl .tbli th, .tbli td{ padding:10px; vertical-align:middle; border:1px solid #b2b2b2; }
#icl .tbli .cell1{ background-color:#e9e9e9; width: 30%; font-weight:bold; }
#icl .tbli .cell2{ background-color:#fff; width: 35%; vertical-align:middle; }


/* ortho */
#ortho .tre2{ margin-top:30px; }
#ortho .tre3{ margin-top:0; }
#ortho .copy{ font-size:20px; color:#2d5ea2; font-weight:bold; }
#ortho .que{ background:url(images/ort5noq.png) no-repeat left top; padding:10px 0 10px 60px; font-size:20px; color:#2d5ea2; line-height: 1.4; font-weight:bold; min-height:2.8em;  }
#ortho .ans{ background:url(images/ort5noa.png) no-repeat left top; padding:10px 0 50px 60px; border-bottom:1px dotted #b2b2b2; }
#ortho .tblo{ font-size:16px; }

}