@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:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; }
	img{ border:none; font-size:0; vertical-align:top; }
	ul{ list-style-type:none; }
	a{ text-decoration:none; color:#000; }
	a:hover{ text-decoration:underline; }
	a:hover img{ opacity: 0.5; transition:all 0.3s ease; }
	h1{ font-size:12px; font-weight:normal; }
	address{ font-style:normal; }
	em{ font-style: normal; }

	.anchor{ display: block; padding-top:200px;  margin-top: -200px; }

	h2[id^="medical-"] { padding-top: 190px; margin-top: -190px; }
	@media screen and (max-width: 599px) {
		h2[id^="medical-"] { padding-top: 70px; margin-top: -70px; }
	}

/* 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; }

/* text-align
****************************************************/

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

/* color
****************************************************/

	.col_red{ color:red; }
	.col_white{ color:white; }
	.col_1, .col1ul li:before, .col1icon:before, .col1dl dt:before{ color:#006ec8; }
	.col_2, .col2ul li:before, .col2icon:before, .col2dl dt:before{ color:#fa7800; }
	.col_3, .col3ul li:before, .col3icon:before{ color:#fffbe4; }
	.col_4, .col4ul li:before, .col4icon:before{ color:#e5e5e5; }
	.info{color: #fa7800;}

/* background
****************************************************/

	/* color */
	.bg1col{ background-color:#fa7800; }
	.bg2col{ background-color:#e7f1fa; }
	.bg3col{ background-color:#fffbe4; }

/* 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; }
	.fs12{ font-size:12px; }
	.fs14{ font-size:14px; }
	.fs15{ font-size:15px; }
	.fs16{ font-size:16px; }
	.fs20{ font-size:20px; }
	.fs24{ font-size:24px; }

/* font-weight
****************************************************/

	.fwb{ font-weight:bold; }
	.fwbdl dt{ font-weight:bold; }
	.fwbul li{ font-weight:bold; }

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

.br05{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
#disease li a,
.br10, .br10ul li{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
#symptom dt{ border-radius: 14px 14px 0 0; }
#guide .sec2 .fl, #guide .sec2 .fr, #symptom dl,
.br15{ border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; }
 #disease dt, #symptom2 dt, #symptom3 h3, #symptom2 ul, #symptom3 .outline,#punctal_plug h3,
.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; }

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

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

/* list
****************************************************/
	.ml1em li, .ml1em dd{ margin-left: 1em; }

/* btn
****************************************************/
	.todetail01{ display:inline-block; margin-right: 0; padding:5px 10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background-color: #fa7800; color: #fff; font-weight: bold;}
	.todetail01:before{ content:"▶ "; }

/* border
****************************************************/

	.bor1{ border-bottom:1px solid #006ec8; }
	.bor2{ border-top:2px solid #c5c5c5; }
	.bor3{ border:1px solid #006ec8; }
	.bor4{ border:1px solid #fa7800; }

/* head line
****************************************************/

	.hl1{ text-align:center; }
	.hl1 span{ color:#006ec8; border-bottom:4px solid #006ec8; display:inline-block; }

	.headline3 { padding: 7.5px 20px; color: #fff; font-weight:bold; background-color: #006ec8; border-radius: 25px; text-align:center; }
	.headline3 .subtext { display: block; font-size: 16px; }
	.headline4 { margin-top: 20px; margin-bottom: 20px; padding-bottom: 15px; color: #006ec8; border-bottom: 2px solid #006ec8; }
	.headline5 { color: #fa7800; font-size: 19px; font-weight: bold; }

/* header
****************************************************/
	@media screen and (min-width: 600px) {
		.header__info-ubie {
			margin-left: 20px;
		}
		.header__info-phone .ionmall {
			margin-top: 12px;
		}
	}

/* page title
****************************************************/

	.pp1ttl{ background:url(images/pp1ttl.png) no-repeat center top; text-align:center; color:#fff; }
	.pp1ttl h2{ display: inline-block; border-bottom: 4px solid #fff; }

/* section
****************************************************/
.section-primary { margin-top: 80px; }
.section-secondary { margin-top: 60px; }
@media screen and (min-width: 600px) {
	.section-primary { margin-top: 120px; }
	.section-secondary { margin-top: 90px; }
}

/* inner
****************************************************/
.inner-primary { margin-top: 20px; }
.inner-secondary { margin-top: 10px; }

/* Flexbox
****************************************************/
.flex-row > .flex-column { margin-top: 20px; }
@media screen and (min-width: 600px) {
	.flex-row { display: flex; }
	.flex-wrap_wrap { flex-wrap: wrap; }
	.justify-content_flex-start { justify-content: flex-start; }
	.justify-content_center { justify-content: center; }
	.justify-content_space-between { justify-content: space-between; }
	.align-items_center { align-items: center; }
	.flex-column.-half { width: 48%; }
	.flex-column.-three { width: 30%; }
}

/* content
****************************************************/
main > .contents { margin: 60px 0; }

/* notice */
#notice{ height:300px; overflow:auto; }
#notice li{ padding-right:25px; }
#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:#006ec8;
	-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;
}
/* index */
#index .ion-closed__box { padding: 1em; border: 2px solid #FA7800; }
#index .sec2{ background:url(images/index2bg.png) no-repeat center center; }
#index .sec6{ background:url(images/index6bg.png) no-repeat center center; color:#fff; }
#index .sec6 .hl1 span{ color:#fff; border-color:#fff; }
/* greeting */
#greeting .sec2{ background-color: #e7f1fa; }
#greeting .sec2 .box1{ background-color: #fff; padding: 30px; }
/* medical */
#medical .sec2 { line-height:1.7em;}
#medical .sec2 .fl{ background-color: #fffbe4; padding: 20px; }
#medical .sec2 h3{ border-bottom: 1px solid  #fa7800; margin-bottom: 1em; }
#medical .btn-flex{ display: flex; }
/* guide */
#guide .sec1 h3, #guide .sec2 h2{ background: url("images/guide1no2.png") repeat-x center center; }
#guide .sec1 h3 span, #guide .sec2 h2 span{ display: inline-block; background-color: #fff; text-align: center; color: #006ec8; }
#guide .sec2 h2{ text-align: center; }
#guide .sec2 h2 span{ background-color: #e7f1fa; padding: 0 .5em; }
#guide .sec2 .fl, #guide .sec2 .fr{ background-color: #fff; padding: 20px 30px; }
#guide .sec2 h3{ color: #006ec8; text-align: center; }
/* vitreous-injection */
#vitreous-injection img { max-width: 100%; height: auto; vertical-align: top; }
#vitreous-injection h3 { padding-bottom: 5px; color: #006ec8; border-bottom: 2px solid #006ec8; }
#vitreous-injection .section-method .method__container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
#vitreous-injection .section-method .method__item { max-width: 300px; width: 100%; padding: 0 15px; }
#vitreous-injection .section-method .method__list--title { margin-top: 10px; padding-left: 15px; color: #fff; background-color: #fa7800; border-radius: 10px; }
#vitreous-injection .section-method .method__list--desc { margin-top: 10px; line-height: 1.7; }
@media screen and (max-width: 599px) {
	#vitreous-injection .section-method .method__container { flex-direction: column; justify-content: center; align-items: center; }
	#vitreous-injection .section-method .method__item + .method__item { margin-top: 30px; }
}
/* matsuge */
#matsuge .sec1 { line-height:1.7em;}
#matsuge .sec1 .box + .box { margin-top: 50px; }
#matsuge .sec1 .fr{ background-color: #fffbe4; padding: 20px; }
#matsuge .sec1 h3{ border-bottom: 1px solid  #fa7800; margin-bottom: 1em; }
#matsuge .sec1 .todetail01 { display: block; max-width: 230px; margin-top: 10px; margin-left: auto; padding: 5px 10px; font-weight: bold; color: #fff; background-color: #fa7800; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
@media screen and (min-width: 600px) {
	#matsuge .sec1 .fr{ width: 680px; min-height: 240px; }
	#matsuge .sec1 .ilb div{ display: inline-block; margin: 5px;}
}
@media screen and (max-width: 599px) {
	#matsuge .sec1 .box .fr { margin-top: 20px; }
}


/* symptom
****************************************************/

/* common */
#symptom dd a, #symptom2 li a{ color:#000000 }
#symptom2 li a:before, #symptom3 .back:before{ content:"▶"; font-size:14px; margin-right:5px; color:#b2b2b2; }
#symptom2 li a:hover:before, #symptom3 .back:hover:before{ color:#fa7800; text-decoration:none; }
/* symptom */
#symptom{ font-size:16px; }
#symptom dl{ border:1px solid #006ec8; }
#symptom dt{ background-color: #006ec8; color:#fff; font-weight:bold; text-align:center; padding:5px 0; }
#symptom dd a:before{ content:"▶"; font-size:14px; margin-right:5px; color:#fa7800; }
#symptom dd a:hover:before{ color:#b2b2b2; }
#symptom dd{ padding:15px; line-height:150%; }
#symptom dd a{ display:block; margin-top:1em; text-align:right; }
/* symptom2 */
#symptom2 dt, #symptom3 h3{ background-color: #006ec8; font-weight:bold; color: #fff; padding: 7.5px 0; text-align:center; }
#symptom2 dd{ margin-top:30px; }
#symptom2 ul{ background-color: #f0f6fc; }
/* symptom3 */
#symptom3 h4{ border-bottom:2px solid #006ec8; color: #006ec8; padding-bottom:15px; margin-bottom:20px; }
#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; }
#symptom3 .outline{ border:2px solid #006ec8; margin-top:50px; }

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

#disease h3{}
#disease dl{}
#disease dt{ background-color:#006ec8; color:#fff; margin-top:40px; padding:10px 20px; }
#disease dd{ padding:20px; }
#disease li a{
	background: url("images/disease1no1.png") no-repeat center right;
	border:2px solid #006ec8;
	color:#000;
	display:block;
	font-size:20px;
	text-align:center;
	letter-spacing:.5em;
}
#disease li a:hover{ background:#59a1db; border:2px solid #59a1db; text-decoration:none; color:#fff; }

/* add contents common
****************************************************/
.add_contents h3{ background-color: #006ec8; font-weight:bold; color: #fff; padding: 7.5px 20px; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
.add_contents h4{ border-bottom:2px solid #006ec8; color: #006ec8; padding-bottom:15px; margin-bottom:20px; }
.add_contents h5{ font-size: 18px; }

.add_contents .add_info1{ background-color: #e7f1fa; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; padding: 20px;}

.add_contents .add_info2{ background-color: #fce9bf; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; padding: 20px;}
.add_contents .add_info2 h5{ border-bottom: 1px solid #fa7800; margin-bottom: 5px;}

.add_contents .deco_dl1 {  }
.add_contents .deco_dl1 dt{ width: 300px; padding: 3px 10px; box-sizing: border-box; border-radius: 15px; border: 2px solid #006ec8; background-color: #e7f1fa; margin-top: 20px; }
.add_contents .deco_dl1 dd{ margin-bottom: 10px; padding-left: 10px; }

.add_contents .deco_dl2 {  }
.add_contents .deco_dl2 div {  }
.add_contents .deco_dl2 dt { font-weight: bold; margin-top: 20px;}
.add_contents .deco_dl2 dd { padding-left: 10px; }
.add_contents .deco_dl2 dd .bg1 { display: block; background-color: #fce9bf; padding: 20px; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; }


/* punctal_plug
****************************************************/
#punctal_plug h3{ background-color: #006ec8; font-weight:bold; color: #fff; padding: 7.5px 20px; text-align:center;}
#punctal_plug h4{ border-bottom:2px solid #006ec8; color: #006ec8; padding-bottom:15px; margin-top: 20px; margin-bottom:20px; }

#punctal_plug .img1{margin: 20px 0;}
#punctal_plug .img2{margin: 20px 0;}

#punctal_plug .add_info{ background-color: #f0f6ff; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; padding: 20px;}

#punctal_plug ol {
  counter-reset:number; list-style-type: none;}
#punctal_plug ol li { position: relative; padding-left: 30px; line-height: 1.5em; padding: 0.5em 0.5em 0.5em 30px;}
#punctal_plug ol li:before{position: absolute; counter-increment: number; content: counter(number); display:inline-block; background: #fa7800; color: #fff; font-family: 'Avenir','Arial Black','Arial',sans-serif; font-weight:bold;
  font-size: 15px; border-radius: 50%; left: 0; top: 0.5em; width: 25px; height: 25px; line-height: 25px; text-align: center; }

#punctal_plug .sec5 dt{width:150px; text-align: center; background-color: #fa7800; color: #fff; font-size: 15px; border-radius: 25px;}

#punctal_plug .sec6 dt{color: #006ec8; font-weight: bold;}

#punctal_plug .sec6 dl div{ padding-left: 20px;}
#punctal_plug .sec6 dl .emphasis{ background-color: #f0f6ff; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; padding:20px;}
#punctal_plug .sec6 .collagen_p-button{ margin-top: 20px; }
#punctal_plug .sec6 .collagen_p-button a { display: flex; justify-content: center; align-items: center; max-width: 550px; width: 100%; height: 50px; margin-left: auto; margin-right: auto; color: #fff; background-color: #fa7800; border-radius: 30px; text-decoration: none; transition: opacity 0.3s; padding: 0 10px; }
@media (hover) {
	#punctal_plug .sec6 .collagen_p-button a:hover { opacity: 0.8; }
}
@media screen and (max-width: 599px) {
	#punctal_plug .sec6 .collagen_p-button a{ height: 65px; }
}

/* allergytest
****************************************************/
#allergytest p span{ background-color:#ffe16e; }

#allergytest .allergy-list dt{padding: 10px 10px 0;}
#allergytest .allergy-list dd{ margin-top: 10px;}
#allergytest .allergy-list .dust~dd{ padding: 2px 10px; background-color: #fce9bf;}
#allergytest .allergy-list .pollen~dd{ padding: 2px 10px; background-color: #e7f1fa;}

#allergytest .allergytest_flow div{ background-color: #fce9bf; padding: 10px; }
#allergytest .allergytest_flow dt span{ display: block; background-color: #fa7800; padding: 5px; text-align: center; font-weight: bold; color: #fff;}
#allergytest .allergytest_flow dd img{ width: 100%; }

#allergytest .sec2 p{ padding:10px 0 5px;}

#allergytest .list_abreast dt{ text-align: center; background-color: #ffe16e; }
#allergytest .list_abreast dd{ text-align: center; }

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

#about dt:before{ content:"▶ "; color:#fa7800; }
#about dd{ margin:15px 15px 50px; }

/* sitemap
****************************************************/

#sitemap li{ margin-top:15px; }
#sitemap .parent li:before{ content:"▶"; color:#fa7800; 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 .sec1 .band{ color:#fff; text-align:center; font-weight:bold; }
footer .sec1 .box2 .band{ padding:10px 0; font-size:20px; }
footer .sec1 .box3 .band{ padding:2px 0; }
footer .sec1 .box3 .info{  color:#fa7800; }
footer .sec2{ font-size:14px; }
address{ font-size:12px; text-align:center; background-color:#006ec8; color: #fff; }

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

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

/* pagetop
****************************************************/

	.pagetop {
		display:none;
		position:fixed;
		bottom:5px;
		right:10px;
		line-height:0;
	}
	.pagetop a{
		display:block;
		padding:5px;
		background-color:#006ec8;
		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; }

	/* フォトフェイシャル
****************************************************/
#photofacial { margin-bottom: 60px; }
#photofacial img { max-width: 100%; height: auto; vertical-align: top; }
#photofacial [class$="-image"] { text-align: center; }
#photofacial .button { margin-top: 30px; text-align: center; }
#photofacial .table-primary { width: 100%; margin-top: 20px; table-layout: fixed; }
#photofacial .table-primary th, #photofacial .table-primary td { padding: 1em; }
#photofacial .table-primary .th-left { display: none; }
#photofacial .table-primary .th-photo { color: #fafafa; background-color: #00b8de; }
#photofacial .table-primary .th-laser { color: #fafafa; background-color: #455998; }
#photofacial .table-primary .td-photo { background-color: #a6def1; }
#photofacial .table-primary .td-laser { background-color: #e2ebf7; }
#photofacial .table-secondary { width: 100%; margin-top: 30px; }
#photofacial .table-secondary th, #photofacial .table-secondary td { padding: 1em 0.3em; }
#photofacial .table-secondary th { color: #fafafa; background-color: #4bacc6; }
#photofacial .table-secondary tr:nth-of-type(odd) td { background-color: #d0e3ea; }
#photofacial .table-secondary tr:nth-of-type(even) td { background-color: #e9f1f5; }
#photofacial .table-secondary td { text-align: center; }
#photofacial .table-secondary td .contents { color: #455998; }
#photofacial .table-secondary td .strong { color: #ff3300; }
#photofacial .price-box { margin-top: 30px; }
#photofacial .price { display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 680px; margin-left: auto; margin-right: auto; padding: 8px 10px; border: 2px solid #ff3300; }
#photofacial .price .text { font-size: 21px; font-weight: 700; color: #ff3300; }
#photofacial .price .sub-text { display: block; color: #fa7800; }
#photofacial .about__lead { margin-top: 30px; color: #33CCCC; font-size: 24px; font-weight: 900; line-height: 1.5; }
#photofacial .about__what { margin-top: 60px; }
#photofacial .about__trouble-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
#photofacial .about__trouble-item::before { content: "\02022"; margin-right: 5px; }
#photofacial .about__trouble-item { width: 50%; }
#photofacial .target__list { margin-top: 20px; padding: 1em; background-color: #E2EBF7; }
#photofacial .target__list-item { display: flex; align-items: center; }
#photofacial .target__list-item + .target__list-item { margin-top: 1em; }
#photofacial .target__list-icon { margin-right: 1em; }
#photofacial .target__list-icon img { width: 52px; height: 52px; }
#photofacial .target__list-text { width: calc(100% - 52px); }
#photofacial .beautifulskin__desc { margin-top: 20px; }
#photofacial .m22__desc { margin-top: 20px; }
#photofacial .feature__trouble { margin-top: 20px; }
#photofacial .feature__trouble-image { margin-top: 20px; }
#photofacial .feature__safety-image { margin-top: 30px; }
#photofacial .feature__treatment-text { text-align: center; }
#photofacial .comparison__list { margin-top: 30px; margin-left: 1em; text-indent: -1em; }
#photofacial .comparison__list-item::before { content: "\02022"; color: #ff3300; margin-right: 0.3em; }
#photofacial .comparison__list-item { font-size: 21px; font-weight: 900; color: #ff3300; }
#photofacial .comparison__desc { margin-top: 30px; }
#photofacial .comparison__desc .strong { color: #ff3300; }
#photofacial .mechanism__desc { margin-top: 20px; }
#photofacial .flow__list-item { position: relative; margin-top: 20px; }
#photofacial .flow__list-item:not(:nth-last-of-type(1))::after { content: "\02193"; position: absolute; bottom: -35px; left: 0; }
#photofacial .flow__list-item + .flow__list-item { margin-top: 40px; }
#photofacial .flow__list-item dt { display: flex; justify-content: flex-start; align-items: center; }
#photofacial .flow__list-item dt .number { display: block; width: 25px; height: 25px; margin-right: 0.3em; background-color: #006ec8; color: #ffffff; font-size: 15px; font-weight: bold; border-radius: 50%; line-height: 25px; text-align: center; }
#photofacial .flow__list-item dt .title { font-size: 21px; font-weight: bold; color: #006ec8; }
#photofacial .flow-image { margin-top: 30px; }
#photofacial .cost__attention { margin-top: 30px; }
#photofacial .cost__attention .strong { color: #ff3300; }
#photofacial .cost__attention .dryeye-button { margin-top: 20px; }
#photofacial .cost__attention .dryeye-button a { display: flex; justify-content: center; align-items: center; max-width: 300px; width: 100%; height: 50px; margin-left: auto; margin-right: auto; color: #fff; background-color: #fa7800; border-radius: 30px; text-decoration: none; transition: opacity 0.3s; }
#photofacial .example__desc { margin-top: 30px; }
#photofacial .example-button { margin-top: 20px; }
#photofacial .example-button a { display: flex; justify-content: center; align-items: center; max-width: 300px; width: 100%; height: 50px; margin-left: auto; margin-right: auto; color: #fff; background-color: #006EC8; border-radius: 30px; text-decoration: none; transition: opacity 0.3s; }
@media screen and (min-width: 600px) {
	#photofacial .price .text { font-size: 32px; }
	#photofacial .about__lead { text-align: center; }
	#photofacial .about__what-image { width: 250px; }
	#photofacial .m22__image.-right { margin-left: 10em; }
	#photofacial .table-primary { table-layout: auto; }
	#photofacial .table-primary .th-left { display: table-cell; white-space: nowrap; }
	#photofacial .table-primary tr:not(:nth-of-type(1)) .th-left { background-color: #64a0d6; }
	#photofacial .table-primary tr:nth-of-type(1) .th-left { background-color: #ccc; }
	#photofacial .table-secondary td:nth-of-type(1) { width: 220px; }
}
@media screen and (max-width: 599px) {
	#photofacial .table-secondary { table-layout: fixed; }
}
@media (hover) {
	#photofacial .cost__attention .dryeye-button a:hover { opacity: 0.8; }
	#photofacial .example-button a:hover { opacity: 0.8; }
}

	/* 新しいドライアイ治療
****************************************************/
#dryeye { margin-bottom: 60px; }
#dryeye img { max-width: 100%; height: auto; vertical-align: top; }
#dryeye [class$="-image"] { text-align: center; }
#dryeye .med__list { max-width: 550px; margin: 20px auto 0; }
#dryeye .med__list-item { font-size: 24px; font-weight: 900; color: #ff3300; }
#dryeye .med__lead { margin-top: 10px; color: #006ec8; text-align: center; }
#dryeye .med__what__desc .strong { color: #ff3300; }
#dryeye .med__treatment__desc .photofacial-button { margin-top: 20px; }
#dryeye .med__treatment__desc .photofacial-button a { display: flex; justify-content: center; align-items: center; max-width: 720px; width: 100%; height: 50px; margin-left: auto; margin-right: auto; color: #fff; background-color: #fa7800; border-radius: 30px; text-decoration: none; transition: opacity 0.3s; }
#dryeye .med__treatment__desc .photofacial-button a .text{ padding: 0 0.5em; }
#dryeye .colum .photofacial-button { margin-top: 20px; }
#dryeye .colum .photofacial-button a { display: flex; justify-content: center; align-items: center; max-width: 720px; width: 100%; height: 50px; margin-left: auto; margin-right: auto; color: #fff; background-color: #fa7800; border-radius: 30px; text-decoration: none; transition: opacity 0.3s; }
#dryeye .colum .photofacial-button a .text{ padding: 0 0.6em; }
#dryeye .m22__desc { margin-top: 20px; }
#dryeye .m22__safety-image { margin-top: 30px; }
#dryeye .m22__treatment-text { text-align: center; }
#dryeye .flow__medical__list-item { position: relative; margin-top: 20px; }
#dryeye .flow__medical__list-item:not(:nth-last-of-type(1))::after { content: "\02193"; position: absolute; bottom: -35px; left: 0; }
#dryeye .flow__medical__list-item + .flow__medical__list-item { margin-top: 40px; }
#dryeye .flow__medical__list-item dt { display: flex; justify-content: flex-start; align-items: center; }
#dryeye .flow__medical__list-item dt .number { display: block; width: 25px; height: 25px; margin-right: 0.3em; background-color: #006ec8; color: #ffffff; font-size: 15px; font-weight: bold; border-radius: 50%; line-height: 25px; text-align: center; }
#dryeye .flow__medical__list-item dt .title { font-size: 21px; font-weight: bold; color: #006ec8; }
#dryeye .flow__medical-image { margin-top: 30px; }
#dryeye .effect__title { margin-top: 20px; text-align: center; }
#dryeye .effect__title em { display: block; font-size: 27px; font-weight: 900; color: #ff3300; line-height: 1.5; }
#dryeye .effect__title p { font-size: 16px; }
#dryeye .effect__desc { margin-top: 10px; }
#dryeye .price__table { width: 100%; margin-top: 20px; }
#dryeye .price__table th, #dryeye .price__table td { padding: 1em; }
#dryeye .price__table th { background-color: #8cbdca; }
#dryeye .price__table td { background-color: #ddebef; }
#dryeye .price__table td .great { color: #ff3300; }
#dryeye .price__attention { margin-top: 10px; }
#dryeye .price__attention .photofacial-button { margin-top: 20px; }
#dryeye .price__attention .photofacial-button a { display: flex; justify-content: center; align-items: center; max-width: 300px; width: 100%; height: 50px; margin-left: auto; margin-right: auto; color: #fff; background-color: #fa7800; border-radius: 30px; text-decoration: none; transition: opacity 0.3s; }
#dryeye .worried__desc { margin-top: 20px; }
#dryeye .worried__desc .strong { color: #ff3300; }
@media screen and (min-width: 600px) {
	#dryeye .med__what-image { width: 248px; }
	#dryeye .med__what__desc { width: 95%; }
}
@media screen and (max-width: 599px) {
	#dryeye .med__list-item + .med__list-item { margin-top: 10px; }
	#dryeye .effect__title p { font-size: 14px; }
	#dryeye .med__treatment__desc .photofacial-button a , #dryeye .colum .photofacial-button a{ height: 73px; }
}
@media (hover) {
	#dryeye .price__attention .photofacial-button a:hover , #dryeye .med__treatment__desc .photofacial-button a:hover , #dryeye .section-primary .photofacial-button a:hover{ opacity: 0.8; }
}

	/* 予防接種
****************************************************/
#vaccine { margin-bottom: 60px; }
#vaccine .menu__list-item { border: 1px solid #bebebe; }
#vaccine .menu__list-item .link { display: flex; justify-content: center; align-items: center; height: 50px; padding: 0.5em 0.3em; font-size: 16px; text-decoration: none; transition: border 0.1s; }
#vaccine .table-primary .th-old { color: #fafafa; background-color: #00b8de; }
#vaccine .table-primary .th-price { color: #fafafa; background-color: #455998; }
#vaccine .table-primary { width: 100%; margin-top: 20px; table-layout: fixed; }
#vaccine .table-primary th, #vaccine .table-primary td { padding: 1em; }
#vaccine .table-primary tr:nth-of-type(odd) td { background-color: #d0e3ea; }
#vaccine .table-primary tr:nth-of-type(even) td { background-color: #e9f1f5; }
#vaccine .influenza__desc ,#vaccine .haien__desc ,#vaccine .fushin__desc { margin-top: 20px; }
@media (hover) {
	#vaccine .menu__list-item .link:hover { border: 2px solid #bebebe; }
}
@media screen and (min-width: 600px) {
	#vaccine .menu__list-item:not(:nth-of-type(3n+1)) { margin-left: 2.6em; }
}

/* オルソケラトロジー治療
****************************************************/
#ortho .about .what .structure { margin-top: 60px; }
#ortho .about .what .structure__inner > .structure__card { margin-top: 20px; }
#ortho .about .what .structure__card-image { text-align: center; }
#ortho .about .what .structure__card-title { margin-top: 10px; padding: 3px 8px; color: #fafafa; background-color: #006ec8; text-align: center; }
#ortho .about .what .structure__card-text { margin-top: 10px; }
#ortho .about .what .usage { margin-top: 40px; }
#ortho .about .what .usage__container > .usage__box { margin-top: 20px; }
#ortho .about .what .usage__menicon { margin-top: 60px; }
#ortho .about .what .usage__menicon .button { margin-top: 20px; text-align: center; }
#ortho .about .recommend__list-box + .recommend__list-box { margin-top: 50px; }
#ortho .about .recommend__list-title { color: #fa7800; line-height: 1; }
#ortho .about .recommend__list-box:not(:nth-of-type(1)) .recommend__list-desc { margin-top: 20px; }
#ortho .about .recommend__complications { margin-top: 60px; padding: 1em; border: 1px solid #006ec8; }
#ortho .about .recommend__complications__list-title { color: #006ec8; }
#ortho .about .recommend__complications__list-desc { margin-top: 20px; }
#ortho .flow__list-box + .flow__list-box { margin-top: 80px; }
#ortho .flow__list-title { display: flex; align-items: center; }
#ortho .flow__list-title .step { display: block; width: 90px; margin-right: 15px; padding: 3px 15px; color: #fafafa; font-size: 16px; background-color: #fa7800; border-radius: 5px; text-align: center; }
#ortho .flow__list-title .text { color: #fa7800; font-weight: bold; }
#ortho .flow__list-desc .paragraph { margin-top: 10px; }
#ortho .flow__list-desc .cost { margin-top: 10px; }
#ortho .flow__list-desc .cost-item, #ortho .flow__list-desc .cost-price { padding: 0.5em; border: 1px solid #006ec8; text-align: center; }
#ortho .flow__list-desc .cost-item { color: #fafafa; background-color: #006ec8; }
#ortho .flow__others { margin-top: 60px; }
#ortho .flow__others__list { margin-top: 10px; }
#ortho .flow__others__list-title, #ortho .flow__others__list-desc { padding: 0.5em; border: 1px solid #006ec8; text-align: center; }
#ortho .flow__others__list-title { color: #fafafa; background-color: #006ec8; }
#ortho .flow__others .writing-tax { font-size: 14px; text-align: right; }
#ortho .flow__annotation-primary { margin-top: 60px; }
#ortho .flow__annotation-secondary__list-item { color: #006ec8; }
#ortho .flow__annotation-secondary { margin-top: 20px; }
#ortho .flow__annotation-secondary-title { color: #006ec8; }
#ortho .flow__annotation-secondary__list { margin-top: 10px; }
@media screen and (min-width: 600px) {
	#ortho .about .what .structure__inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
	#ortho .about .what .structure__card { width: 30%; }
	#ortho .about .what .usage__container { display: flex; }
	#ortho .about .what .usage__box + .usage__box { margin-left: 30px; }
	#ortho .about .what .usage__box-image { width: 450px; }
	#ortho .about .what .usage__menicon { text-align: center; }
	#ortho .about .recommend__list-desc .image { width: 300px; margin-left: 30px; }
	#ortho .flow__list-desc .cost { display: flex; }
	#ortho .flow__list-desc .cost-item, #ortho .flow__list-desc .cost-price { width: 50%; }
	#ortho .flow__others__list { display: flex; flex-wrap: wrap; }
	#ortho .flow__others__list-title:not(:nth-last-of-type(1)), #ortho .flow__others__list-desc:not(:nth-last-of-type(1)) { border-bottom: none; }
	#ortho .flow__others__list-title:not(:nth-last-of-type(1)) { border-bottom: 1px solid #ffffff;}
	#ortho .flow__others__list-title, #ortho .flow__others__list-desc { width: 50%; }
}

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

	600px over

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

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

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

	/* width
	****************************************************/
		.w450 { width: 450px; }
		.w64{ width: 640px; }

	/* btn
	****************************************************/

		.btn1, .btn2{ display:inline-block; }
		.btn_db{ display:block; }

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

		.ml30{ margin-left:30px; }
		.mr20{ margin-right:20px; }
		.mr50{ margin-right:50px; }
		.mlr50{ margin-left:50px; margin-right:50px; }
		.mt20pc{ margin-top:20px; }
		.mt90pc{ margin-top:90px; }
		.ml1e{ margin-left:1em; }

	/* padding
	****************************************************/

		.pad5no0{ padding:5px 0; }
		.pad20pc{ padding:20px; }

	/* 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; }

	/* list
	****************************************************/

		.list li{ padding-left:130px; overflow:hidden; }
		.list li span{ display:block; float:left; width:130px; margin-left:-130px; }

	/* head line
	****************************************************/

	/* header
	****************************************************/

		header{ padding:20px 0; background-color:#fff; width:100%; }
		header .rig{ width:800px; text-align:right; margin-top:30px; }
		header .tel{ margin-left:15px; }
		header nav{ margin-top:23px; }
		header .ubie__banner { margin-top: 0; }
		header .ubie__banner-image { margin-left: 20px; }

	/* nav
	****************************************************/

		nav{ font-weight:bold; font-size:18px; }
		nav li{ margin-left:25px; }
		nav li:first-child{ margin-left:0; }
		nav ul a{ display:block; }
		nav ul a:hover, nav ul .on{ border-bottom:5px solid #006ec8; text-decoration:none; }
		.fixed{ position:fixed; top:0px; left:0px; z-index:9999; }
		.space{ margin-top:175px; }
		.none{ display:none; }

	/* page title
	****************************************************/

		.pp1ttl{ padding:73px 0; }
		.pp1ttl h2{ line-height:50px; }

	/* content
	****************************************************/

	/* common */
	.sec1sp{ padding:60px 0; }
	.sec2sp{ padding:60px 0 120px; }
	/* index */
	#notice{ border-left:4px solid #006ec8; padding-left:15px; height: 490px; }
	#index .sec1 .box1{ width:660px; }
	#index .sec1 .box1 h2{ color:#006ec8; margin-top:180px; }
	#index .sec1 .box1 .fr{ width:530px; }
	#index .sec2 li{ margin:50px 30px 0; }
	#index .sec3 .wrap{ width:1300px; }
	#index .sec3 .fr{ width:650px; background-color:#006ec8; height:400px; color:#fff; padding:45px 50px 0; }
	#index .sec4{ margin-top:100px; }
	#index .sec4 .wrap{ width:890px; }
	#index .sec4 li{ margin-right:30px; }
	#index .sec5{ padding:50px 0 100px; }
	#index .sec5 li:nth-child(even){ margin-left:40px; }
	#index .sec5 .mt{ margin-top:75px; }
	#index .sec6 .fl{ margin-top:40px;}
	#index .sec6 .fr{ width:600px; margin-top:100px;  }
	/* greeting */
	#greeting .sec1 .fl{ width: 600px; }
	#greeting .sec2 .box1{ width: 480px; }
	#greeting .sec2 .h410{ height: 410px;  }
	#greeting .sec2 .h180{ height: 180px;  }
	#greeting .sec2 .h210{ height: 210px;  }
	/* medical */
	#medical .sec1 .wrap{ width:890px; }
	#medical .sec1 li{ margin-right:30px; }
	#medical .sec2 .fl{ width: 680px; min-height: 240px; }
	#medical .btn-flex{ justify-content: flex-end; }
	/* guide */
	#guide .sec1 h3{ margin-bottom: 1em; }
	#guide .sec1 h3 span{ margin-left: 40px; width: 80px; }
	#guide .sec1 .fr p{ padding: 0 30px; }
	#guide .sec1 .fl, #guide .sec1 .fr{ width:480px; height:350px; }
	#guide .sec2 .fl, #guide .sec2 .fr{ width:300px; margin-top:50px; height:550px; }
	#guide .sec2 .fl{ margin-right:50px; }
	#guide .sec2 h3{ font-size:20px; line-height:125%; height:70px; display:table-cell; vertical-align:middle; width:300px; }



	/* symptom
	****************************************************/

		#symptom2 .wrap, #symptom3 .wrap{ padding:40px; }
		/* symptom */
		#symptom .wrap{ width:1050px; }
		#symptom li{ width:300px; margin:25px; }
		#symptom dt{ font-size:20px; }
		#symptom dd{ height:140px; }
		/* symptom2 */
		#symptom2 dt, #symptom3 h3{ font-size:26px; }
		#symptom2 dt{}
		#symptom2 dd{ padding:10px 100px; }
		#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 h3{}
		#symptom3 .dis{ padding:30px 100px 0 100px; }
		#symptom3 h4{ font-size:20px; margin-top:20px; }
		#symptom3 .des{ margin-top:1em; }
		#symptom3 .back{ margin:0 1em; }
		#symptom3 .outline{ padding:0 30px 30px; }
		#symptom2 .adj, #symptom3 .adj{ margin-left:50px; margin-right:50px; }

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

		/* disease */
		#disease h3{ font-size:28px; }
		#disease dl{ padding:20px 0; }
		#disease ul{ text-align:center; }
		#disease li{ margin:15px 0; }
		#disease li{ margin-right:40px; }
		#disease li:nth-child(2n){ margin-right:0; }
		#disease li a{ width:480px; padding:20px 0; line-height:20px; }

	/* add contents common PC
	****************************************************/
	.add_contents .deco_dl1 dt{ width: 300px; }
	.add_contents .txt_img0 .fl{ width: 250px; }
	.add_contents .txt_img0 .fr{ width: 700px; }
	.add_contents .txt_img1 .fl{ width: 700px; }
	.add_contents .txt_img1 .fr{ width: 250px; }

	/* punctal_plug PC
	****************************************************/
		#punctal_plug h5{ font-size:19px; }

		#punctal_plug .inner{padding:5px 20px 0;}
		#punctal_plug .ml20{margin-left: 20px;}

		#punctal_plug .img1{width: 250px; float: right; margin: 0 0 20px 20px;}
		#punctal_plug .img2{width: 400px; float: right; margin: 0 0 20px 20px;}

		#punctal_plug .sec5 dt{float: left;}
		#punctal_plug .sec5 dd{margin-left: 170px;}

	/* allergytest PC
	****************************************************/
	#allergytest .allergytest-pt img{display: inline-block; margin:5px 10px;}

	#allergytest .allergy-list{ width: 570px; }
	#allergytest .allergy-list dt{clear: both;}
	#allergytest .allergy-list dd{float: left; margin-right: 10px; width: calc( (100% - 10px)/2 );}
	#allergytest .allergy-list dd:nth-of-type(2n){margin-right: 0;}
	#allergytest .allergy-list dd:nth-of-type(2n+1){clear: both;}

	#allergytest .allergy-list p{clear: both;}

	#allergytest .allergytest_flow { display:flex; }
	#allergytest .allergytest_flow div{ margin-right: 15px; }
	#allergytest .allergytest_flow div:last-child{ margin-right: 0;}
	#allergytest .allergytest_flow dt{ min-height: 6em;}

	#allergytest .list_abreast{ display:flex;}
	#allergytest .list_abreast div{ width: calc(( 99.9% - 10px )/ 2); margin: 10px 5px; }

	#allergytest .txt_img .fl { width: 650px;}

	/* sitemap
	****************************************************/

		#sitemap .wrap{ padding-left:100px; padding-right:100px; }
		#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 .sec1{ padding:40px 0; font-size:14px; line-height:150%; }
		footer .sec1 .fl{ border-right:1px solid #e5e5e5; height:330px; }
		footer .sec1 .box1{ width:250px; padding:40px 20px 0 0; }
		footer .sec1 .box2{ width:320px; padding:20px 25px 0; }
		footer .sec1 .box3{ width:400px; }
		footer .sec2{ padding:10px 0; text-align:center; }
		footer .sec2 li{ margin:0 10px; }

	/* gmap
	****************************************************/

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

	/* anc_adj
	****************************************************/

		.anc_adj{ margin-top:-175px; padding-top:175px; }

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

		.tbl1 th, .tbl1 td{ width:20%; }

}



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

	600px under

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

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

		body{ font-size:16px; padding-top:15%; padding-bottom:13.5%;  }
		.wrap, .wrap800, .section{ padding:15px; line-height:1.5em; }
		img{ max-width:100%; height:auto; }
		.pc{ display:none!important; }
		.sp_tac{ text-align:center; }

	/* margin padding
	****************************************************/
		.mt20sp{ margin-top: 20px; }
		.mt30sp{ margin-top: 30px; }

		.p20no40{ padding:10px 20px; }
		.pad10sp{ padding:10px; }

	/* padding
	****************************************************/

		ol{ margin-left:30px; }

	/* btn
	****************************************************/

		.btn1, .btn2, .btn3, .btn4{ display:block; }

	/* header
	****************************************************/

		header .wrap{ padding:0; }
		header .ubie__banner { text-align: center; }
		header .ubie__banner-image { margin: 20px 0; }

	/* nav
	****************************************************/

		html{ overflow-x: hidden; }
		.header-sp{ position:fixed; top:0px; left:0px; z-index:2; width:100%; background-color:#fff; }
		.header-sp .fl{ float:left; width:85%; padding:10px 10px 0; }
		.header-sp .fr{ width:15%; float:right; }
		#js-menuBk{
		  display: none;
		  position: fixed;
		  z-index: 1;
		  top: 0;
		  left: 0;
		  background: rgba(0,0,0,0.6);
		}
		#js-openBtn{ background-color:#006ec8; border:1px solid #006ec8; text-align:center; }
		.menuClose{ text-align:right; padding:15px 10px; }
		#js-spNav{
			position: absolute;
			position:fixed;
			z-index: 999;
			top: 0;
			right: 0;
			width: 80%;
			background: #fff;
			transform: translateX(100%);
			transition: all .3s;
		}
		#js-spNav.isOpen{ transform: translateX(0); }
		/* nav */
		nav ul{ border-top:1px dotted #ccc; }
		nav ul li a{ display:block; border-bottom:1px dotted #ccc; padding:15px 0; text-align:center; }

	/* page title
	****************************************************/

		.pp1ttl{ padding:25px 0; background-size:cover; }

	/* content
	****************************************************/

		/* common */
		.sec1sp, .sec2sp{ padding-top:20px; padding-bottom:50px; }
		/* index */
		#index .sec1 ul{ margin-top:20px; }
		#index .sec2{ background-size: cover; }
		#index .sec2 ul{ margin-top:30px; }
		#index .sec3 .fr{ background-color:#006ec8; color:#fff; padding:15px; }
		#index .sec4{ padding-top:50px; }
		#index .sec4 .fr{ margin-top:20px; }
		#index .sec5{ padding-bottom:50px; }
		#index .sec5 .mt{ margin-top:20px; }
		#index .sec6{ background-size: cover; }
		#index .sec6 .fl{ margin-top:30px; }
		#index .sec7 .calendar iframe { width: 100%; }
		/* greeting */
		#greeting .sec1 .fl{ margin-top: 20px; }
		#greeting .sec2 .fr{ margin-top: 20px; }
		/* medical */
		#medical .sec1 .fr{ margin-top:20px; }
		#medical .sec2 .fl{ margin-top:20px; }
		#medical .btn-flex{ flex-direction: column; }
		/* guide */
		#guide .sec1 h3{ text-align: center; margin: .5em 0 1em; }
		#guide .sec1 h3 span{ padding: 0 .5em; }
		#guide .sec2 h3{ padding-bottom:15px; }
		#guide .sec2 .fr, #guide .sec2 .fl{ margin-top:50px; }

	/* symptom
	****************************************************/

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

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

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

	/* add contents common SP
	****************************************************/
	.add_contents .deco_dl1 dt{ width: 100%; }
	.add_contents .txt_img0 img{ width: 80%; display: block; margin: 15px auto; }
	.add_contents ol {margin-left: 0;}

	/* punctal_plug SP
	****************************************************/
		#punctal_plug h5{ font-size:16px; margin-bottom: 10px;}

		#punctal_plug ol {margin-left: 0;}

	/* allergytest SP
	****************************************************/
	#allergytest .allergytest-pt img{ margin-bottom:10px;}
	#allergytest .allergytest_flow div{ margin-bottom: 15px; }
	#allergytest .sec2 img{ max-height: 200px; width: auto; display: block; margin: 0 auto;}

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

		footer .sec1{ padding-bottom:50px; }
		footer .sec1 .fl{ padding:15px; }
		footer .sec2{ padding:15px; }
		footer .sec2 ul{ margin-bottom:20px; }

	/* pagetop
	****************************************************/

		.pagetop { bottom:0; }

	/* gmap
	****************************************************/

		.gmap{
			position: relative;
			padding-bottom: 56.25%;
			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; }

	/* list
	****************************************************/

		.list li span{ display:block }


	/* so-tel
	****************************************************/

		.tel-sp{ position:fixed; bottom:0px; left:0px; z-index:2; width:100%; background-color:#006ec8; }
		.tel-sp a{ display:block; text-align:center; padding:5px 0; }

}