@charset "utf-8";

/* common
****************************************************/
*{ margin:0; padding:0; word-break:break-all; word-wrap:break-word; box-sizing:border-box; }
body{ font-size:19px; line-height:180%; color:#000; font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }
img{ border:none; font-size:0; vertical-align:top; }
ul{ list-style-type:none; }
a{ text-decoration:none; color:#000; }
a:hover{ text-decoration:none; }
/*a:hover img{ opacity: 0.5; transition:all 0.3s ease; }*/
h1{ font-size:12px; font-weight:normal; }
address{ font-style:normal; }

/* font-face
****************************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?83rl9s');
  src:  url('fonts/icomoon.eot?83rl9s#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?83rl9s') format('truetype'),
    url('fonts/icomoon.woff?83rl9s') format('woff'),
    url('fonts/icomoon.svg?83rl9s#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before {
  content: "\e900";
  color: #4b4b4b;
}

/* margin
****************************************************/
.mt10, .mt10ul li{ margin-top:10px; }
.mt20, .mt20ul li{ margin-top:20px; }
.mt30, .mt30ul li{ margin-top:30px; }
.mt40{ margin-top:40px; }
.mt50{ margin-top:50px; }
.mt60{ margin-top:60px; }
.mt75{ margin-top:75px; }
.mt100{ margin-top:100px; }
.mt150{ margin-top:150px; }
.mt-50{ margin-top:-50px; }
.mb30{ margin-bottom: 30px; }
.mb50{ margin-bottom: 50px; }
.mt1em{ margin-top: 1em; }
.mt2em{ margin-top: 2em; }

/* link
****************************************************/
.tdu { text-decoration: underline; }

/* text-align
****************************************************/
.tar{ text-align:right; }
.tac{ text-align:center; }
.tal{ text-align:left; }
.ti1{ text-indent:1em; }
.ti2{ text-indent:-1em; padding-left:1em; }
.ti3, .ti3ul li{ text-indent:-1.5em; padding-left:1.5em; }

/* color
****************************************************/
.col_red{ color:red; }
.col_white{ color:white; }
.col_bleck{ color:black; }
.col_1, .col1ul li:before, .col1icon:before{ color:#fff286; }
.col_2, .col2ul li:before, .col2icon:before{ color:#ff502e; }
.col_3, .col3ul li:before, .col3icon:before{ color:#44b13f; }
.col_4, .col4ul li:before, .col4icon:before{ color:#000000; }

/* background
****************************************************/
/* color */
.bg1img{ background: url("images/bg1img.png") repeat center center; }
.bg2img{ background: url("images/bg2img.png") no-repeat center center; }

/* icon
****************************************************/
.icon_1:before, .icon1ul li:before, .icon1dl dt:before{ content:"▶"; margin-right: .5em; }
.icon_2:before, .icon2ul li:before, .icon2dl dt:before{ content:"●"; margin-right: .5em; }
.icon_3:before, .icon3ul li:before, .icon3dl dt:before{ content:"■"; margin-right: .5em; }
.icon_4:before, .icon4ul li:before, .icon4dl dt:before{ content:"◆"; margin-right: .5em; }
.icon_5:before, .icon5ul li:before, .icon5dl dt:before{ content:"▲"; margin-right: .5em; }
.icon_6:before, .icon6ul li:before, .icon6dl dt:before{ content:"＞"; margin-right: .5em; }

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

/* border-radius
****************************************************/
.br05, .br05ul li{ 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, .br15ul li{ border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; }
.br25, .br25ul li{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; }

/* list-style
****************************************************/
.ls_disc{ list-style:disc; margin-left:1em; }

/* column
****************************************************/
.clm_com{ letter-spacing:-0.4em; }
.clm_com li{ display:inline-block; letter-spacing:normal; vertical-align:top; }
.oh_com{ overflow: hidden; }
.oh_com .fl{ float: left; }
.oh_com .fr{ float: right; }

/* border
****************************************************/	
/* header
****************************************************/

@media only screen and (min-width:600px), print{
	.header-pc__area { display: flex; justify-content: space-between; align-items: center; }
	.header-pc__area .header-pc__area-info .staff .link { display: block; background: #ff502e; margin: 5px 28px; padding: 4px 20px; text-align: center; color: #fff; font-weight: bold; }
}

/* headline
****************************************************/
.hl1 span{ background:linear-gradient(transparent 70%, #FFFF00 0%); padding: 0 .5em; }

/* page title
****************************************************/
.pp1ttl{}

/* content
****************************************************/
/* notice */
#notice{ height:265px; overflow:auto; }
#notice::-webkit-scrollbar {
	all:unset;
	width:6px;
	background:transparent;
}
#notice::-webkit-scrollbar-track {
	all:unset;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	background: transparent;
}
#notice::-webkit-scrollbar-thumb {
	all:unset;
	background:#44b13f;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	border-radius: 8px;
}
#notice::-webkit-scrollbar-thumb:hover {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	background: transparent;
}
#notice li{ margin-bottom:25px; margin-right: .5em; padding-bottom: .5em; border-bottom: 1px dotted #808080; }
.notice_list{ margin-bottom: 30px; }
.notice_list li{ border-bottom: 1px dotted #808080; }
.notice_list a{ display: block; padding: .5em 1em; }
.notice_list a:hover{ color: #44b13f; }
/* index */
#index .sec1, #index .sec3{ background: url("images/bg1img.png") repeat center center; }
#index .sec2 .fr p a{ border: 1px solid #cccccc; display: inline-block; padding: .1em .5em; }
#index .sec2 .fr p a:hover{ background-color: #ccc; }
#index .sec3 .oh{ background-color: #fff; margin-top: 50px; }
#index .sec3 h3{ margin-bottom: 1em; }
#index .sec3 li a{ border: 3px solid #44b13f; background-color: #fff; font-weight: bold; font-size: 24px; display: block; color: #44b13f; text-align: center; padding: 40px 0; border-radius:15px; }
#index .sec3 li a:hover{ background-color: #fffce7; }
#index .sec4 .box1{ background-color: #ecf7ec; }
#index .sec4 .name{ margin-top: 30px; text-align: right; }
#index .sec4 .name__text{ display: inline-block; text-align: left; }
/* greeting */
#greeting .sec1 .name{ margin-top: 30px; text-align: right; }
#greeting .sec1 .name__text{ display: inline-block; text-align: left; }
#greeting .sec2 .oh{ background-color: #ecf7ec; }
/* medical */
#medical .sec2 .oh{ background-color: #fff; }
#medical .sec3 .fl, #medical .sec3 .fr{ border: 2px solid #00a73c; }
@media screen and (max-width: 599px) {
	#medical .sec2 .fr .tar { text-align: center; }
}
/* surgery */
#surgery .section + .section { margin-top: 100px; }
#surgery .inner { margin-top: 30px; }
#surgery .headline { padding: 0.5em; background-color: #fff9c4; line-height: 1.5; }
#surgery .text { line-height: 2; }
#surgery .surgery-about__list { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 30px; }
#surgery .surgery-about__item { margin-right: 1em; }
#surgery .surgery-about__item:nth-last-of-type(1) { margin-right: 0; }
#surgery .surgery-about .button { display: block; width: 230px; padding: 0.3em; color: #44b13f; border: 2px solid #44b13f; text-align: center; }
#surgery .surgery-about .button .text { position: relative; }
#surgery .surgery-about .button .text .icon-arrow-right::before { position: absolute; top: 9%; right: -50%; color: #44b13f; }
@media (hover) {
	#surgery .surgery-about .button:hover { background-color: #fffce7; }
}
@media screen and (max-width: 599px) {
	#surgery .surgery-about__list { justify-content: center; }
	#surgery .surgery-about__item { margin-right: 0; }
	#surgery .surgery-about__item + .surgery-about__item { margin-top: 1em; } 
}
/* cataract */
#cataract .section + .section { margin-top: 100px; }
#cataract .inner { margin-top: 30px; }
#cataract .headline01 { padding: 0.5em; background-color: #fff9c4; line-height: 1.5; }
#cataract .headline02 { padding: 0.5em; color: #44b13f; border-bottom: 1px solid #44b13f; line-height: 1.5; }
#cataract .text { line-height: 2; }
#cataract .cataract-treatment .treatment__container { display: flex; flex-wrap: wrap; justify-content: space-between; }
#cataract .cataract-treatment .treatment__item { width: 47%; }
#cataract .cataract-treatment .treatment__box { display: flex; flex-wrap: wrap; justify-content: space-between; }
#cataract .cataract-treatment .treatment__caption { width: 57%; }
#cataract .cataract-treatment .treatment__caption .text { margin-top: 0.5em; }
#cataract .cataract-treatment__case { margin-top: 60px; }
#cataract .cataract-treatment__case .treatment__case__list { display: flex; flex-wrap: wrap; justify-content: space-between; }
#cataract .cataract-treatment__case .treatment__case__item { width: calc(100% / 3 - 3%); }
#cataract .cataract-treatment__case .treatment__case__caption .text::before { content: "\025cf"; color: #44b13f; margin-right: 5px; }
#cataract .cataract-treatment__case .treatment__case__image { margin-top: 1em; }
#cataract .cataract-treatment__case .lead { margin-top: 1.5em; }
#cataract .cataract-surgery .surgery__item + .surgery__item { margin-top: 4em; }
#cataract .cataract-surgery .surgery__item:nth-of-type(2) { padding-bottom: 2em; }
#cataract .cataract-surgery .surgery__item { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 2em 2em 0; border: 2px solid #44b13f; border-radius: 10px; }
#cataract .cataract-surgery .surgery__box { width: 70%; }
#cataract .cataract-surgery .surgery__title { font-size: 24px; color: #44b13f; font-weight: bold; }
#cataract .cataract-surgery .surgery__title .number { display: inline-block; width: 35px; height: 35px; margin-right: 0.5em; color: #fff; background-color: #44b13f; border-radius: 50%; text-align: center; line-height: 35px; }
#cataract .cataract-surgery .surgery__desc { margin-top: 10px; }
#cataract .cataract-surgery .surgery__annotation { margin-top: 4em; padding: 1em; background-color: #fbf7e1; border: 2px solid #44b13f; border-radius: 10px; }
#cataract .cataract-flow .flow__item + .flow__item { margin-top: 3em; }
#cataract .cataract-flow .flow__item { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
#cataract .cataract-flow .flow__item:not(:nth-last-of-type(1)) .flow__title::after { position: absolute; top: 70px; left: 50%; transform: translateX(-50%); content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 15px 0 15px; border-color: #ff502e transparent transparent transparent; }
#cataract .cataract-flow .flow__title { position: relative; width: 230px; margin-right: 1.5em; padding: 0.3em; color: #44b13f; font-weight: bold; border: 2px solid #44b13f; text-align: center; }
#cataract .cataract-flow .flow__title .number { position: absolute; top: 10px; left: 5px; display: inline-block; width: 25px; height: 25px; color: #fff; background-color: #44b13f; border-radius: 50%; text-align: center; line-height: 25px; }
#cataract .cataract-flow .flow__desc { font-size: 16px; }
#cataract .cataract-point .point__list { margin-top: 1.5em; padding: 1em; border: 2px solid #44b13f; border-radius: 10px; }
#cataract .cataract-point .point__item::before { content: "\025ce"; color: #44b13f; margin-right: 5px; }
@media screen and (max-width: 599px) {
	#cataract .cataract-treatment .treatment__item + .treatment__item { margin-top: 3em; }
	#cataract .cataract-treatment .treatment__item { width: 100%; }
	#cataract .cataract-treatment .treatment__image { order: 2; width: 100%; margin-top: 1.5em; text-align: center; }
	#cataract .cataract-treatment .treatment__caption { order: 1; width: 100%; }
	#cataract .cataract-treatment__case .treatment__case__item + .treatment__case__item { margin-top: 3em; }
	#cataract .cataract-treatment__case .treatment__case__item { width: 100%; }
	#cataract .cataract-surgery .surgery__box { width: 100%; }
	#cataract .cataract-flow .flow__item { position: relative; }
	#cataract .cataract-flow .flow__item:not(:nth-last-of-type(1)) .flow__title::after { content: none; }
	#cataract .cataract-flow .flow__item:not(:nth-last-of-type(1))::after { position: absolute; left: 50%; bottom: -30px; transform: translateX(-50%); content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 15px 0 15px; border-color: #ff502e transparent transparent transparent; }
	#cataract .cataract-flow .flow__title { position: static; width: 100%; margin-right: 0; }
	#cataract .cataract-flow .flow__title .number { top: 5px; }
	#cataract .cataract-flow .flow__desc { margin-top: 10px; }
}
/* guide */
#guide .sec2 h3{ text-align: center; }

/* corpform 業者様問い合わせ */
.corpform-precautions__area { padding: 1.5em; border: 2px solid #44b13f; border-radius: 10px; }
.corpform-precautions__area .text .strong { color: #FF502E; }
.corpform-precautions .button { display: block; max-width: 360px; width: 100%; margin-top: 3em; margin-left: auto; margin-right: auto; padding: 0.3em; color: #44b13f; border: 2px solid #44b13f; text-align: center; }
.corpform-precautions .button .text { position: relative; }
.corpform-precautions .button .text .icon-arrow-right::before { position: absolute; top: 9%; right: -14%; color: #44b13f; }
@media (hover) {
	.corpform-precautions .button:hover { background-color: #fffce7; }
}

/* symptom
****************************************************/
/* symptom */
#symptom li a{ border: 1px solid #44b13f; border-radius:10px; padding: .5em 1em; display: block; }
#symptom li a:hover{ background-color: #fffce7; }
#symptom li a, #symptom2 li a{ color: #000; }
#symptom2 li a:before{ color: #000; content:"▶"; margin-right: .5em; }
#symptom2 li a:hover, #symptom2 li a:hover:before{ color: #00a73c; }
/* symptom2 */
#symptom2 li a{ color:#000 }
#symptom2 li a:hover{ color:#00a73c }
#symptom2 dt, #symptom3 h3, #disease h3{ font-weight: bold; border-left: 7px solid #00a73c; padding: .25em 1em; }
#symptom2 dd{ margin-top:30px; }
#symptom2 ul{ border-top: 2px solid #808080; }
/* symptom3 */
#symptom3 h4{ color: #00a73c; }
#symptom3 h4:before{ color: #00a73c; content:"▶"; margin-right: .5em; }
#symptom3 dt{ font-weight:bold; margin-top:1em; }
#symptom3 dt:before{ content:"【"; margin-right:5px; }
#symptom3 dt:after{ content:"】"; margin-left:5px; }

/* disease
****************************************************/
#disease li a{
	color:#000;
	display:block;
	font-size:20px;
	letter-spacing:.5em;
	text-align: center;
	border: 2px solid #44b13f;
	border-radius:10px;
}
#disease li a:hover{ text-decoration: none; background: url("images/goaisatu_mark.svg") no-repeat left 10% center #fffce7; background-size: 50px; }
#disease dt{ margin-top:30px; padding:5px 1em 5px; font-weight: bold; background-color: #fff9c4; }
#disease dd{ padding-top:20px; }

/* about
****************************************************/
#about dt:before{ content:"▶ "; color:#44b13f; }
#about dd{ margin:15px 15px 50px; }

/* sitemap
****************************************************/
#sitemap li{ margin-top:15px; }
#sitemap .parent li:before{ content:"▶"; color:#44b13f; margin-right:.5em; }
#sitemap .child li:before{ content:"";  margin-right:0; }
#sitemap .child a{ text-decoration:underline; }
#sitemap .child a:hover{ text-decoration:none; }

/* footer
****************************************************/
footer h2{ line-height: 48px; }
footer .sec1{ background-color: #44b13f; color: #fff; }
footer .sec2{ font-size:14px; }
footer .sec2 a{ color: #000; }
address{ font-size:12px; text-align:center; margin-top: 1em; }

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

/* breadcrumbs
****************************************************/
.breadcrumbs ol{ list-style: none; overflow: hidden; font-size: 12px; }
.breadcrumbs li{ float: left; }
.breadcrumbs li::after{ content: '>'; display: inline-block; padding: 0 10px; }
.breadcrumbs li:last-child::after{ display: none; }

/* pagetop
****************************************************/
.pagetop {
	display:none;
	position:fixed;
	bottom:0px;
	right:10px;
	line-height:0;
	z-index: 9999;
}
.pagetop a{
	display:block;
	padding:5px;
	background-color:#44b13f;
	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; }

/* 追加分
****************************************************/
.mainArea img {
	width : 100% !important;
	object-fit: contain !important;
}
.sideImgList li img {
	width: 192px !important;
	cursor: pointer !important;
	object-fit: contain !important;
	border: 4px solid #c5c5c5;
}
.sideImgList img { opacity: 0.6 !important; }
.sideImgList img:hover{ opacity: 1.0 !important; transition:all 0.3s ease; }
#mainText{ margin-top: 1em; }

/* 追加分2
****************************************************/
.lnk1{
	display: inline-block;
	transition: .3s;
}
.lnk1:hover {
  animation: pulsation .7s alternate infinite;
}
@keyframes pulsation {
  0% { transform: scale(1); }
  50% { transform: scale(0.9); }
  100% { transform: scale(1.1); }
}
.lnk2, .lnk3{
	font-size: 17px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: center right;
	padding: 10px 85px 10px 30px;
	box-shadow: 4px 4px #767676;
	border-radius: 10px;
	display: inline-block;
	transition: .3s;
}
.lnk2:hover, .lnk3:hover{
  transform: translateY(5px);
  box-shadow: 0 0 0 #333;
}
.lnk2{
	color: #1b1b1b;
	background-color: #fff286;
	background-image: url(images/btn2.png);
}
.lnk3{
	color: #fff;
	background-color: #44b13f;
	background-image: url(images/btn3.png);
}
.lnk4{
	background-color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
	margin-top: 10px;
	border-radius:15px;
	vertical-align: bottom;
}
.lnk4 a{ color: #44b13f; }
.lnk4 img{ vertical-align: -4px; }







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

	600px over

**************************************************/
@media only screen and (min-width:600px), print{

	/* common
	****************************************************/
	.wrap{ margin-left:auto; margin-right:auto; width:1000px; }
	.sp{ display:none!important; }

	/* margin
	****************************************************/
	.ml2em{ margin-left: 2em; }

	/* overflow:hidden;
	****************************************************/
	.oh, .oh_ul{ overflow:hidden; }
	.oh .fl, .oh_ul li{ float:left; }
	.oh .fr{ float:right; }
	.oh .cb{ clear:both; }

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

	/* header
	****************************************************/
	header{ margin-bottom: 20px; }
	header .line2{ margin-top: 15px; }
	header .line2 .fl{ margin-right: 20px; }
	header .line2 .fr{ margin-top: 5px; }
	header .line2 .adr{ margin-top: 7px; margin-left: 25px; }
	header .line2 .tel.form { display: flex; flex-direction: column; }
	header .line2 .tel.form a { display: inline-block; }
	header .line2 .tel.form a + a { margin-top: 0.3em; }
	
	/* nav
	****************************************************/
	.gnavi{ font-size:15px; line-height: 20px; width:100%; }
	.gnavi ul{ overflow:hidden; text-align: center; background: url("images/nav1bg.png") no-repeat center center; }
	.gnavi li{ float:left; width: 170px; background-position: top 15px center; background-repeat: no-repeat; background-size: 60px 60px; height: 120px; }
	.gnavi li:first-child{ width: 150px; }
	.gnavi ul a{ display:block; text-align: center; padding: 80px 0 0; height: 115px; color: #fff; border-left: 2px solid #fff; }
	.gnavi li:first-child a{ border-left: none; }
	.gnavi ul a:hover, .nav1icon_on a, .nav2icon_on a, .nav2icon_on a, .nav3icon_on a, .nav4icon_on a, .nav5icon_on a, .nav6icon_on a{ text-decoration:none; color: #fff286!important; }
	.nav1icon{ background-image: url("images/icon_home.svg"); }
	.nav1icon:hover, .nav1icon_on{ background-image: url("images/icon_home_ov.svg"); }
	.nav2icon{ background-image: url("images/icon_goaisatu.svg"); }
	.nav2icon:hover, .nav2icon_on{ background-image: url("images/icon_goaisatu_ov.svg"); }
	.nav3icon{ background-image: url("images/icon_sinryo.svg"); }
	.nav3icon:hover, .nav3icon_on{ background-image: url("images/icon_sinryo_ov.svg"); }
	.nav4icon{ background-image: url("images/icon_syujutu.svg"); }
	.nav4icon:hover, .nav4icon_on{ background-image: url("images/icon_syujutu_ov.svg"); }
	.nav5icon{ background-image: url("images/icon_innai.svg"); }
	.nav5icon:hover, .nav5icon_on{ background-image: url("images/icon_innai_ov.svg"); }
	.nav6icon{ background-image: url("images/icon_menobyoki.svg"); }
	.nav6icon:hover, .nav6icon_on{ background-image: url("images/icon_menobyoki_ov.svg"); }
	.fixed{ position:fixed; top:0px; left:0px; z-index:9999; }
	.space{ margin-top:70px; }
	.none{ display:none; }	
	
	/* page title
	****************************************************/
	.pp1ttl{ margin-top: 70px; }

	/* content
	****************************************************/
	/* common */
	.sec1sp{ padding:80px 0; }
	.sec2sp{ padding:60px 0; }
	.pp1sp{ padding: 60px 0 120px; }	
	/* index */
	.mv .slide { max-width: 1000px; margin: 0 auto 40px; border-radius: 10px; }
	/* index */
	#index .sec1 li{ margin: 40px 12.5px 0; position:relative; }
	#index .sec1 li .ads1{ position:absolute; bottom: -2px; right: -60px; }
	#index .sec2 h2{ margin-bottom: 30px; }
	#index .sec2 .fl{ width: 533px; font-size: 17px; }
	#index .sec2 .fr{ width: 417px; }
	#index .sec2 .fr h2{ float: left; }
	#index .sec2 .fr p{ float: right; }
	#index .sec3 h2{ margin-bottom: 70px; }
	#index .sec3 .box1{ width: 600px; height: 280px; padding: 45px; }
	#index .sec3 li{ margin-top: 50px; }
	#index .sec3 li a{ width: 466px; }
	#index .sec3 li:nth-child(even){ margin-left: 68px; }
	#index .sec4 .box1{ padding: 40px 60px 40px 40px; border-radius:15px; }
	#index .sec4 .wrap{ padding-top:100px; position:relative; }
	#index .sec4 .ads1{ position:absolute; top: 50px; right: 0; }
	#index .sec4 .ads2{ position:absolute; top: 400px; right: 0; }
	
	/* greeting */
	#greeting .sec1 h3{ line-height: 200%; }
	#greeting .sec1 .fl{ width: 600px; }
	#greeting .sec2 .oh{ padding: 40px; }
	#greeting .sec2 .fr{ width: 400px;}
	/* medical */
	#medical .sec1 .fr{ max-width: 430px; font-size: 17px; }
	#medical .sec2{ padding: 10px 0 60px; }
	#medical .sec2 .oh{ margin-top: 50px; }
	#medical .sec2 .fl{ width: 510px; height: 415px; padding: 100px 0 40px 40px; position:relative; }
	#medical .sec2 .fl .ads1{
		position:absolute;
		bottom: 40px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	#medical .sec2 .fr{ padding: 26px 40px 40px 0; }
	#medical .sec2 .fr .tac{ margin-top: 30px; }
	#medical .sec3 .fl, #medical .sec3 .fr{ width: 465px; height: 420px; padding: 40px 30px; margin-bottom: 60px; }
	/* guide */
	.sideImgList{ text-align: center; }
	.sideImgList li{ margin: 50px 15px 0 }
	#guide .sec2 .fl, #guide .sec2 .fr{ width:304px; height: 550px; margin-top:50px; }	
	#guide .sec2 .fl{ margin-right:44px; }
	#guide .sec2 h3{ font-size:20px; line-height:125%; height:70px; display:table-cell; vertical-align:middle; width:300px; }

	/* access */
	#access .wrap{ width: 780px; }
	
	/* symptom
	****************************************************/
	/* symptom */
	#symptom h3{ text-align: center; margin-bottom: 1em; }
	#symptom h3 img{ vertical-align: middle; }
	#symptom li{ width: 220px; margin-top: 1em; margin-right: 40px; }
	#symptom li:nth-child(4n){ margin-right: 0; }
	/* symptom2 */
	#symptom2 dt, #symptom3 h3{ font-size:26px; }
	#symptom2 dt{}
	#symptom2 dd{ padding:10px 0; }
	#symptom2 ul{ margin-top:40px; padding:20px 0 40px 100px; letter-spacing:-0.4em; }
	#symptom2 li{ display:inline-block; letter-spacing:normal; vertical-align:top; min-width:31%; margin-left:1%; margin-top:20px; }
	/* symptom3 */
	#symptom3 h4{ font-size:20px; margin-top:50px; }
	#symptom3 dl{ padding: 0 1em; }
	#symptom3 .dis{ margin-top: 50px; }
	#symptom3 .des{ padding: 1em; }
		
	/* disease
	****************************************************/
	#disease ul{ margin-bottom: 35px; }
	#disease li{ margin:15px 100px 15px 0; }
	#disease li:nth-child(2n){ margin-right:0; }
	#disease li a{ width:450px; padding:40px 0; line-height:20px; }
	#disease dl{ padding-top: 30px; }

	/* sitemap
	****************************************************/
	#sitemap .wrap{ padding-left:100px; padding-right:100px; }
	#sitemap .child{ margin-left:1.5em; overflow:hidden; }
	#sitemap .child li{ float:left; width:33%; }

	/* footer
	****************************************************/
	footer h2{ margin-bottom: 40px; }
	footer .sec1{ padding: 50px 0; }
	footer .sec1 .fl{ width: 470px; }
	footer .sec1 .fr{ width: 500px; }
	footer .sec2{ padding: 1em 50px 0 50px; }
	footer .sec2 li{ margin: 0 3em 0 0; }
	footer .sec3{ margin-top: 25px; }
	footer .sec3 li{ margin: 0 25px 0 ; }
	
	/* breadcrumbs
	****************************************************/
	.breadcrumbs ol{ margin: 5px 0 0 2em; }

	/* gmap
	****************************************************/
	.gmap{
		width:100%;
		position: relative;
		padding-bottom:750px;
		height: 0;
		overflow: hidden;
	}
	.gmap iframe, .gmap object, .gmap embed{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:750px;
	}
}





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

	600px under

**************************************************/
@media only screen and (max-width:599px){

	/* common
	****************************************************/
	body{ font-size:16px; }
	.wrap{ padding: 15px; line-height:1.5em; }
	img{ max-width:100%; height:auto; }
	.pc{ display:none!important; }
	.sp_tac{ text-align:center; }
	.bg2img{ background-size:auto 40%; }
	
	/* overflow:hidden;
	****************************************************/
	.oh_clm2sp, .oh_clm3sp, .oh_sp{ overflow:hidden; }
	.oh_clm2sp li{ width: 48%; }
	.oh_clm3sp li{ width: 32%; margin-right: 2% !important; margin-top: 2% !important; }
	.oh_clm3sp li:nth-child(3n){ margin-right: 0 !important; }
	.oh_sp .fl, .oh_clm2sp li:nth-child(odd), .oh_clm3sp li{ float: left; }
	.oh_sp .fr, .oh_clm2sp li:nth-child(even), .oh_clm3sp li:nth-child(3n){ float: right; }
	
	/* header
	****************************************************/
	header .wrap{ padding:0; }

	/* headline
	****************************************************/
	.hl1{ text-align: center; font-size: 18px; padding: 1em 0; }

	/* nav
	****************************************************/
	html{ overflow-x: hidden; }
	.header-sp{ position:fixed; top:0px; left:0px; z-index:99; width:100%; }
	#headerSp{ width:100%; border-collapse:collapse; background-color: #fff; }
	#headerSp tr td:nth-of-type(1){ padding: 2% 2% 2% 2%; }
	#headerSp tr td:nth-of-type(2){ width: 17.5%; padding: 1% .5% 1% 1%; }
	#headerSp tr td:last-child{ width: 17.5%; padding: 1% 1% 1% .5%; }
	/* nav */
	.gnavi{
		background: rgba(68,177,63,0.9);
		padding:0 35px;
		position: absolute;
		position:fixed;
		height:100%;
		width:100%;
		z-index: 2;
	}
	.menubtn .close{ display: none; }
	.menubtn.active .open{ display: none; }
	.menubtn.active .close{ display: block; }
	.gnavi .wrap{ padding: 0; }
	.gnavi ul li a{ display:block; border-bottom:1px dotted #fff; padding:15px; color: #fff; }
	.gnavi ul li a:hover{ background-color: #fbf7e1; text-decoration: none; }
	.gnavi .box1{ border: 1px solid #fff; margin-top: 20px; color: #fff; padding: 10px 0; text-align: center; }
	
	/* page title
	****************************************************/
	.pp1ttl{ padding:15px 0; background-size:cover; }

	/* content
	****************************************************/
	/* common */
	.pp1sp{ margin-bottom: 50px; }
	/* index */
	.sp1add{ width: 50%; margin: 2% auto; }
	.sp1add.button-area { display: flex; justify-content: space-around; align-items: center; width: 90%; padding: 15px 0; margin: 0 auto; }
	.sp1add.button-area .access { flex: 1; }
	.sp1add.button-area .form { flex: 1; margin-left: 10px; }
	.sp1add.button-area .form-button { display: block; font-size: 14px; background-color: #fafafa; border: 2px solid #44b13f; text-align: center; line-height: 1.5; }

	.button__area { margin: 2%; }
	.button__area .staff .link , .button__area .gyosha .link { display: block; padding: 5px 0; font-size: 14px; color: #fafafa; text-align: center; line-height: 1.5; }
	.button__area .staff .link { background: #ff502e; }
	.button__area .gyosha .link { background: #44b13f; margin-top: 2%; }

	#index .sec1 ul{ padding: 0 15px 30px; }
	#index .sec1 li img{ display: none; }
	#index .sec1 li{ background-repeat: no-repeat; background-position: center center; width: 100%; padding-top: 41.5%; background-size:contain; margin: 10px 0; }
	#index .sec1 li:nth-of-type(1){ background-image: url("images/index1no4.png"); }
	#index .sec1 li:nth-of-type(2){ background-image: url("images/index1no5.png"); }
	#index .sec1 li:nth-of-type(3){ background-image: url("images/index1no6.png"); }
	#index .sec2 .fr p{ text-align: right; }
	#index .sec3{ padding-bottom: 50px; }
	#index .sec3 img{ width: 100%; }
	#index .sec3 .box1{ padding: 0 15px 30px; }
	#index .sec3 .clm{ margin-top: 50px; }
	#index .sec3 .clm a{ font-size: 14px; padding: 15px 0; margin-top: 15px; font-size: 18px; }
	#index .sec4{ padding-bottom: 50px; }
	#index .sec4 .ads1{ text-align: center; }
	#index .sec4 .ads2{ text-align: center; margin: 20px 0 40px; }
	#index .sec4 .box1{ margin: 0 -15px; padding: 2em 1em; }
	/* greeting */
	#greeting .sec1 h3{ margin-top: 50px; }
	#greeting .sec2 .oh{ padding: 20px; }
	#greeting .sec2 .fr{ margin-top: 30px; }
	/* medical */
	#medical .sec1 .fr{ padding: 20px 0 40px; }
	#medical .sec2 .oh{ margin: 20px 0; padding: 20px; }
	#medical .sec2 .fr .tac{ margin-top: 20px; }
	#medical .sec2 .ads1{ margin-top: 20px; text-align: center; }
	#medical .sec3 .fl, #medical .sec3 .fr{ margin: 20px 0; padding: 20px; }	
	/* guide */
	#guide .sec2 h3{ padding:10px 0; }
	#guide .sec2 .fr, #guide .sec2 .fl{ padding: 25px 0 25px; }

	/* symptom
	****************************************************/
	#symptom2 .wrap, #symptom3 .wrap{ padding:20px; }
	/* symptom */
	#symptom li{ margin-top:1em; }
	/* symptom2 */
	#symptom2 dd{ margin-top:1em; }
	#symptom2 ul{ margin-top:30px; padding-top:10px; }
	#symptom2 li{ margin-top:10px; }
	/* symptom3 */
	#symptom3 .dis{ margin-top:20px; }
	#symptom3 h4{ font-size:18px; margin-top:50px; }
	#symptom3 .des, #symptom3 dl, #symptom3 .back{ margin-top:10px; }

	/* disease
	****************************************************/
	#disease ul{ margin-top:30px; }
	#disease li{ margin-top:20px; }
	#disease li:first-child{ margin-top:0; }
	#disease li a{ padding:15px; }

	/* footer
	****************************************************/
	footer .sec1{ padding-top: 30px; }
	footer .sec1 .wrap{ padding: 0; }
	footer .sec1 .fr{ margin-top: 15px; padding: 15px; }
	footer .sec1 .clm_com li{ min-width: 30%; font-size: 14px; }
	footer .sec2{ padding: 15px; font-size: 11px; line-height: 125%; }
	footer .sec2 .clm li{ margin-top: .5em; }
	footer .oh_clm2sp{ padding: 0 4%; }
	footer .oh_clm2sp li{ margin-top: 4%; }
	address{ font-size: 10px; }
	
	/* breadcrumbs
	****************************************************/
	.breadcrumbs ol{ font-size: 10px; }
	
	/* gmap
	****************************************************/
	.gmap{
		position: relative;
		padding-bottom: 80%;
		padding-top:30px;
		height: 0;
		overflow: hidden;
	}
	.gmap iframe, .gmap object, .gmap embed{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	/* footerSp
	****************************************************/
	#footerSp{ width:100%; border-collapse:collapse; position:fixed; z-index:998; bottom:0px; left:0px; }
	#footerSp tr td:nth-of-type(1){ width: 50%; background-color:#1f2774; border-right: 1px solid #fff; }
	#footerSp tr td:nth-of-type(2){ width: 50%; background-color:#1f2774; border-left: 1px solid #fff; }
	#footerSp a{ display: block; text-align:center; padding: 10px 30px; }
}

/* 20210817追加：マイオピン
****************************************************/
#myopine .headline {
	padding: 0.5em;
	background-color: #fff9c4;
	line-height: 1.5;
}
#myopine p, #myopin li {
	line-height: 2;
}
#myopine .list {
	border: 2px solid #44b13f;
  padding: 20px;
}
#myopine .list li{
	color:#44b13f;
	font-size: .9em;
	line-height: 1.8;
}
#myopine .list li:before{
	content: "●";
	color:#44b13f;
	margin-right: 5px;
}
#myopine .list2 li:before{
	content: "・";
	margin-right: 5px;
}
#myopine .list3 li{
	background-color: #44b13f21;
	margin-bottom: 20px;
	padding: 11px 0 10px 15px;
	
}
#myopine .fl {
	float: left;
	width: 60%;
}
#myopine .fr {
	float: right;
	width: 40%;
	padding-left: 25px;
}

@media only screen and (max-width:599px){
	#myopine .fl, #myopine .fr {
		float: none;
		width: 100%;
		padding-left: 0;
}