@charset "utf-8";

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

	*{ margin:0; padding:0; word-break:break-all; }
	body{ font-size:16px; line-height:1.7; font-family:"游ゴシック", Meiryo, "Hiragino Kaku Gothic ProN", YuGothic, sans-serif; color:#000000; }
	img{ max-width: 100%; height: auto; vertical-align:top; border:none; font-size:0; }
	ul{ list-style-type:none; }
	a{ text-decoration:none; color:#000000; }
	a:hover{ text-decoration:underline; }
	a:hover img{ opacity: 0.8; }
	h1{ font-size:14px; padding:10px 0; color:#ffffff; font-weight:normal; line-height:14px; }
	address{ font-style:normal; }

/* margin
****************************************************/
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }

/* text
****************************************************/

	.txt_ar{ text-align:right; }
	.txt_ac{ text-align:center; }
	.txt_i1{ text-indent:1em; }

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

	.color_red{ color:red; }
	.color_1{ color:#ff643c; }
	.color_2{ color:#fff7d2; }
	.color_3{ color:#009844; }
	.color_4{ color:#edf7d8; }
	.color_5{ color:#000000; }
	.color_5{ color:#ffffff; }

/* bg_color
****************************************************/

	.bg1color{ background-color:#009844; }

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

	.icon_1:before, .icon1list li:before{ content:"▶ "; }
	.icon_2:before, .icon2list li:before{ content:"● "; }
	.icon_3:before, .icon3list li:before{ content:"■ "; color:#ff643c; }
	.icon_4:before, .icon4list li:before{ content:"■ "; color:#000000; }
	.icon_5:before, .icon5list li:before{ content:"□ "; color:#000000; }

	/* Rules for sizing the icon. */
	.material-icons.md-18 { font-size: 18px; }
	.material-icons.md-24 { font-size: 24px; }
	.material-icons.md-36 { font-size: 36px; }
	.material-icons.md-48 { font-size: 48px; }

	/* Rules for using icons as black on a light background. */
	.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
	.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

	/* Rules for using icons as white on a dark background. */
	.material-icons.md-light { color: rgba(255, 255, 255, 1); }
	.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

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

	.btn_1{ display:block; font-size:20px; padding:.5em; text-align:center; }
	.btn_1{ background-color:#edf7d8; border:1px solid #009844; color:#009844; }
	.btn_1:hover{ background-color:#ffffff; text-decoration:none; }

	.biyouhifuka-button { display: none; }
	@media screen and (min-width: 600px) {
		.biyouhifuka-button { display: block; position: fixed; top: 350px; right: 0; z-index: 100; }
		.biyouhifuka-button a { display: flex; justify-content: center; align-items: center; width: 50px; height: 200px; color: #f55c82; writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl;  font-weight: 700; background-color: #ffdce8; }
	}

/* radius
****************************************************/

	.radius_5{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
	.radius_10{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }

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

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

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

/* header
****************************************************/
	.header-title { background-color: #ffffff; border-bottom: 1px solid #009844; }
	.header-title h1 { color: #000000;}

	#header .msg{ margin-top: 10px; padding:5px 20px; color:#ffffff; background-color:#ff643c; border-radius:30px; text-align:center; }
	#header .msg a{ color:#ffffff; }
	#header .tel{ font-size:30px; font-weight:bold; }
	#header .header__lef-text { margin-top: 10px; color: #ff643c; font-size: 18px; font-weight: bold; }
	#header .header__message-secondary { padding: 5px 20px; border: 2px solid #ff643c; border-radius: 30px; text-align: center; }

	.sp_header-banner .msg{  background-color:#ff643c; color:#ffffff; text-align:center; padding:5px 20px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; margin: 0 0 1.5em; }
	.sp_header-banner .msg a{ color:#ffffff; }

	#header .header__message-web_reserve { margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; }
	#header .header__message-web_reserve .button a { display: block; padding: 5px 20px; background: #edf7d8; border: 2px solid #009844; border-radius: 30px; text-align: center; color: #009844; font-weight: bold; }

	#header .header__message-web_reserve .button:first-child a { background: #ffd9d9; color: #c0504d; border: 2px solid #c0504d; }
	#header .header__message-web_reserve .button:last-child a { background: #cfedff; color: #0070c0; border: 2px solid #0070c0; }
	#header .header__message-web_reserve .button a:hover { background: #ffffff; text-decoration: none; }
	#header .header__message-web_reserve .button .text { margin-left: 10px; }

	@media only screen and (min-width:600px), print{
		#header .header__message-web_reserve .button { width: calc(100% / 2 - 5px); }
	}
	@media screen and (max-width: 599px) {
		#header .header__message-web_reserve .button { width: 100%; }
		#header .header__message-web_reserve .button:last-child { margin-top: 10px; }
	}


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

	#footer{ background-color:#009844; color:#ffffff; }
	#footer a{ color:#ffffff; }
	#footer p, #footer ul, address{ margin-top:15px; }
	#footer .add{ font-size:18px; }
	#footer .tel{ font-size:30px; font-weight:bold; line-height:30px; }
	#footer li, address{ font-size:14px; margin-left:5px; margin-right:5px; }

/* headline
****************************************************/

	.headline_1{ background:url(images/headline1bg.gif) repeat-x bottom; color:#ff643c; text-align:center; padding-bottom:10px; }
	.headline_2{ background-color:#fff7d2; border-left:5px solid #ff643c; border-right:5px solid #ff643c; color:#ff643c; text-align:center; }

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

	/* common */
	#symptom2 dt, #symptom3 h3{ border-bottom:2px solid #ff643c; background-color:#fff7d2; padding:5px 10px; font-weight:bold; }
	#symptom dd a, #symptom2 li a{ text-decoration:none; color:#4d4d4d }
	#symptom dd a:before, #symptom2 li a:before, #symptom3 .back:before{ content:"▶"; font-size:14px; margin-right:5px; color:#000000; }
	#symptom dd a:hover:before, #symptom2 li a:hover:before, #symptom3 .back:hover:before{ color:#ff643c; text-decoration:none; }
	/* symptom */
	#symptom dl{ border:1px solid #ff643c; background-color:#ffffff; }
	#symptom dt{ background-color:#fff7d2; border-bottom:1px solid #ff643c; color:#000000; padding:10px 15px; font-weight:bold; }
	#symptom dd{ padding:15px; line-height:150%; }
	#symptom dd a{ display:block; margin-top:1em; }
	/* symptom3 */
	#symptom3 h4{ color:#000000; }
	#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{ padding:2em; margin-top:25px; border:1px solid #ff643c; }

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

	#disease li a{
		display:block;
		background-color:#ffffff;
		text-align:left;
		padding:20px 0 20px 10px;
		line-height:20px;
		font-size:20px;
		border-bottom:2px solid #ff643c;
		color:#000000;
		font-weight:bold;
	}
	#disease li a:before{ content:"▶"; margin-right:5px; color:#ff643c; }
	#disease li a:hover{ background-color:#fff7d2; color:#ff643c; text-decoration:none; }
	#disease2 h3{ border-bottom:2px solid #ff643c; background-color:#fff7d2; padding:5px 10px; font-weight:bold; }
	#disease2 dt{ margin-top:2em; font-size:18px; font-weight:bold; border-bottom:1px solid #ff643c; padding-bottom:5px; }
	#disease2 .dt_st{ margin-top:0; }
	#disease2 dd{ padding:1em; }

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

	#sitemap li{ margin-top:.5em; }
	#sitemap .parent li:before{ content:"■"; color:#009844; margin-right:.5em; }
	#sitemap .child li:before{ content:"●"; color:#ff643c; margin-right:.5em; }

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

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

/* content_side
****************************************************/

	/* section_1 */
	#content_side .section_1{ background-color:#f7ebd1; color:#925100; padding:20px; margin-bottom:20px; }
	#content_side .section_1 ul{ font-size:18px; }
	#content_side .section_1 p{ text-align:center; margin-top:20px; }
	/* section_2 */
	#content_side .section_2{ border:1px solid #009844; padding-bottom:20px; }
	#content_side .section_2 h3{
		background-color:#edf7d8;
		padding:10px 0;
		color:#009844;
		text-align:center;
		border-bottom:1px solid #009844;
		border-top-left-radius:10px;
		-webkit-border-top-left-radius:10px;
		-moz-border-radius-topleft:10px;
		border-top-right-radius:10px;
		-webkit-border-top-right-radius:10px;
		-moz-border-radius-topright:10px;
	}
	#content_side .section_2 .exit{
		background-color:#fff7d2;
		color:#ff6d45;
		text-align:center;
		padding:10px 0;
		margin-left:20px;
		margin-right:20px;
		font-weight:bold;
	}
	#content_side .section_2 .tel{ font-size:28px; font-weight:bold; margin-top:10px; }
	#content_side .section_2 .add{ margin-left:20px; margin-right:20px; margin-top:10px; }
	#content_side .section_2 .btn_1{ margin-left:20px; margin-right:20px; margin-top:10px; }
	#content_side .section_2 .links{ padding:10px 20px 0; }
	#content_side .section_2 .links li{ border-bottom:1px solid #009844; padding:10px 5px; }
	#content_side .section_2 .links li:last-child{ border-bottom:none; padding-bottom:0; }
	#content_side .section_2 .pay{ padding:20px 20px 0; }
	#content_side .section_2 .pay .child{ padding-left:20px; }

	#content_side .f-link{ margin: 0 20px; }
	#content_side .f-link > li{ position: relative; padding: 0px 0px 0px 1em; }
	#content_side .f-link > li::before {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 0px;
    height: 0px;
    border: 0.3em solid transparent;
    border-left: 0.4em solid #009844;
    content: "";
}
/* content
****************************************************/

	/* notice */
	#notice li{ padding:1em 1em 0; }
	/* guide */
	#guide .section_1 h3, #guide .section_2 h3, #guide .section_3 h3{ color:#ff643c; margin:10px 0 5px 0; }
	#guide .section_2 h3, #guide .section_3 h3{ text-align:center; }

	/* medical */
	#medical .disease_prevention .disease_prevention__title{ margin-top: 10px; }
	#medical .disease_prevention .disease_prevention__title a , #disease_prevention a , #pediatric a{ display: block; max-width: 100%; padding: 10px 0; color: #ffffff; font-size: 1.1em; font-weight: bold; text-align: center;  background-color: #f55c82; border-radius: 10px; }
	#medical .disease_prevention .disease_prevention__title a::before { content: "\025b6"; margin-right: 5px; font-size: 16px; }
	#allergy-test .headline_3{ font-size: 1.1em; font-weight: bold; color: #009844; }
	#disease_prevention .disease-image{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }

/* english
****************************************************/

	#header_en{ border-bottom:10px solid #edf7d8; padding:10px 0; }
	#header_en .name{ font-size:40px; color:#009844; font-weight:bold; }
	#header_en span{ color:#ff643c; }
	#footer_en{ background-color:#009844; color:#ffffff; text-align:center; padding:10px 0; line-height:14px; }

/* youtube
****************************************************/

	.youtube{
	  position: relative;
	  width: 100%;
	  padding-top: 56.25%;
	}
	.youtube iframe{
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 100% !important;
	  height: 100% !important;
	}

/* senmon-area
****************************************************/
.senmon-area { border: 2px solid #009844; }
.senmon-area__title { padding: 0.5em; color: #fafafa; background-color: #009844; text-align: center; }
.senmon-area__list { padding: 1.5em 1em; background-color: #edf7d8; }
.senmon-area__list-item { width: 100%; }
.senmon-area__list-item a { display: block; padding: 0.3em; color: #fafafa; background-color: #5ec316; border-radius: 10px; text-align: center; }
@media screen and (min-width: 600px) {
	.senmon-area__list { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.senmon-area__list-item { width: 20%; }
}
@media screen and (max-width: 599px) {
	.senmon-area__list-item + .senmon-area__list-item { margin-top: 15px; }
}

/* オンライン予約
****************************************************/
.top-booking__area { border: 3px solid #FF643C; }
.top-booking__headline { padding: 5px; color: #FF643C; font-weight: 700; background-color: #FFF7D2; text-align: center; }
.top-booking__inner { padding: 15px 30px; }
.top-booking__inner p { font-weight: bold; }
.top-booking__button a { display: flex; justify-content: center; align-items: center; max-width: 320px; margin: 0 auto; padding: 10px; color: #0190F5; font-size: 1rem; font-weight: 700; background-color: #D8EFFF; border-radius: 10px; transition: color 0.3s, background-color 0.3s; }
.top-booking__button a .text { margin-left: 10px; }
.top-booking__button.--demo a { max-width: 100%; } /* 本番時、書換え */
.top-booking__note-title { font-weight: bold; }
.top-booking__note-title::before { content: "■ "; color: #ff643c; }
.top-booking__note-title::after { content: " ■"; color: #ff643c; }
.top-booking__note-list { line-height: 2; }
@media (hover: hover) {
	.top-booking__button a:hover { color: #f55c82; background-color: #ffdce8; text-decoration: none; }
}
@media screen and (min-width: 600px) {
	.top-booking__list { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.top-booking__list-item { width: 45%; }
	.top-booking__list-item:not(:nth-of-type(1)):not(:nth-of-type(2)) { margin-top: 10px; }
	.top-booking__list-item:last-of-type { width: 100%; } /* 中学生以下でコンタクト処方（未経験者）希望の方 に適用中 2022-07-05-add */
	.top-booking__button a { font-size: 1.2rem; }
}
@media screen and (max-width: 599px) {
	.top-booking__list-item:not(:nth-of-type(1)) { margin-top: 10px; }
}


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

	600px over

**************************************************/
@media only screen and (min-width:600px), print{
	.pc { display: block !important; }
	.sp { display: none !important; }


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

		.wrapper{ margin-left:auto; margin-right:auto; width:1000px; }

	/* space
	****************************************************/

		.space_1, .space1list li{ margin-top:1em; }
		.space_2{ margin-top:2em; }
		.space_3{ margin-top:3em; }
		.space_4{ padding-top:50px; }
		.space_5{ margin-top:10px; }
		.space_6{ margin-top:25px; }

	/* width
	****************************************************/

		.width_1{ margin-left:25%; margin-right:25%; }

	/* float
	****************************************************/

		.float, .float_list{ overflow:hidden; }
		.float .lef, .float_list li{ float:left; }
		.float .rig{ float:right; }
		.float .both{ clear:both; }

	/* column
	****************************************************/

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

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

		#header .lef{ margin-top:50px; }
		#header .rig{ width: 392px; padding:15px 0; text-align:center; }

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

		#slideshow{
		   position:relative;
		   width:100%;
		   height:570px;
		}
		#slideshow li{
		   position:absolute;
		   height:570px;
		   margin:0;
		   padding:0;
		   background-position:center top;
		   background-repeat:no-repeat;
		}

		#slideshow .overlay {
			max-width: 1000px;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			z-index: 10;
		}

		#slideshow .overlay .banner-button {
			position: absolute;
			left: 20px;
			bottom: 70px;
			z-index: 10;
		}
		#slideshow .overlay .banner-button a {
			display: inline-block;
		}
		#slideshow .banner-button .banner-active {
			position: absolute;
			top: 0;
			left: 0;
			opacity: 0;
			transition: 0.8s;
		}
		#slideshow .banner-button:hover .banner-active {
			opacity: 1;
		}


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

		nav{ background-color:#edf7d8; }
		nav ul{ overflow:hidden; }
		nav li{ float:left; margin-left:1px; }
		nav li:last-child{ margin-left:0; }
		nav a{ display:block; text-align:center; }
		nav a:hover, nav .on{ background:url(images/gn_on.png) no-repeat center bottom; }

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

		#footer{ text-align:center; padding:30px 0 20px; }

	/* page_title
	****************************************************/

		#page_title{ background-repeat:no-repeat; background-position:right center; border-bottom:2px solid #ff643c; padding:50px 0; }
		#page_title h2{ color:#ff643c; line-height:50px; background-repeat:no-repeat; background-position: center; }
		#page_title .wrapper{ width:880px; padding-left:60px; padding-right:60px; }
		#page_title .medical{ background-image:url(images/page2title.png); }
		#page_title .greeting{ background-image:url(images/page3title.png); }
		#page_title .guide{ background-image:url(images/page4title.png); }
		#page_title .symptom{ background-image:url(images/page5title.png); }
		#page_title .disease{ background-image:url(images/page6title.png); }
		.pt_etc{ background-image:url(images/title_etc.jpg); }
		.pt_medical{ background-image:url(images/title_medical.jpg); }
		.pt_greeting{ background-image:url(images/title_greeting.jpg); }
		.pt_guide{ background-image:url(images/title2guide.jpg); }
		.pt_symptom{ background-image:url(images/title_symptom.jpg); }
		.pt_disease{ background-image:url(images/title_disease.jpg); }

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

		#content_main, #content_side{ margin-top:50px; margin-bottom:50px; }
		#content_main{ width:650px; float:left; }
		#content_side{ width:300px; float:right; }
		#content_side .space_1{ margin-top:10px; }
		#content_side .space_2{ margin-top:20px; }
		/* medical */
		#medical .section_1{ padding:0 1em; }
		#medical .section_1 li{ width:50%; margin-top:.5em; }
		#allergy-test .section_1 li{ width:100%; }
		/* greeting */
		#greeting .section_1{ padding:40px; }
		#greeting .section_2{ border:1px solid #ff643c; padding:25px 39px; }
		/* guide */
		#guide .section_1{ width:386px; margin-left:auto; margin-right:auto; }
		#guide .section_2{ overflow:hidden; }
		#guide .section_2 h3, #guide .section_3 h3{ height:60px; line-height:20px; margin-top:20px; border-bottom:1px solid  #ff643c; }
		#guide .section_2 .item{ float:left; margin:40px 42.5px 0 42.5px; width:240px; height:450px; }
		#guide .section_3 .item{ margin:40px 42.5px 0 42.5px; }

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

		/* symptom */
		#symptom li{ width:300px; margin-bottom:25px; }
		#symptom dt{ font-size:18px; }
		#symptom dd{ height:110px; }
		/* symptom2 */
		#symptom2 dt{ font-size:20px; }
		#symptom2 dd{ margin-top:30px; }
		#symptom2 ul{ margin:30px auto 0 auto; width:98%; overflow:hidden; }
		#symptom2 li{ float:left; width:32%; margin-left:1%; margin-top:2em; }
		/* symptom3 */
		#symptom3 h3{ font-size:20px; }
		#symptom3 h4{ font-size:18px; }
		#symptom3 .des{ margin-top:1em; }
		#symptom3 .back{ margin:0 1em; }

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

		#disease{}
		#disease ul{}
		#disease li{ width:300px; margin-bottom:30px; }
		/* #disease2 */
		#disease2{}

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

		#sitemap .child{ margin-left:1.5em; overflow:hidden; }
		#sitemap .child li{ float:left; width:33%; }

}





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

	600px under

**************************************************/
@media only screen and (max-width:599px){
	.pc { display: none !important; }
	.sp { display: block !important; }

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

		.wrapper{ padding:15px; }
		img{ max-width:100%; height:auto; }

	/* space
	****************************************************/

		.space_1, .space1list li{ margin-top:1em; }
		.space_2{ margin-top:1.5em; }
		.space_3, .space_4, .space_6{ margin-top:2em; }

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

		.btn_2{ background:none; text-align:center; }

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

		#header{ text-align:center; }
		#header .rig{ margin-top:15px; }
		#header .add{ font-size:12px;}

	/* slideshow
	****************************************************/

		#slideshow{
			position:relative;
			width:100%;
			height:200px;
		}
		#slideshow li{
			position:absolute;
			width:100%;
			background-size:auto 155px;
			height:200px;
			margin:0;
			padding:0;
			background-position:center center;
			background-repeat:no-repeat;
		}

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

		nav{ text-align:center; letter-spacing: -0.4em; margin-bottom: 5px; }
		nav li{
			display:inline-table;
			width:31%;
			margin:5px 1% 0 1%;
			vertical-align:top;
			letter-spacing:normal;
			line-height:20px;
			font-size:12px;
		}
		nav li a{
			height:50px;
			display:table-cell;
			vertical-align:middle;
			background-color:#edf7d8;
			text-align:center;
			border:1px solid #009844;
			border-radius: 10px;
			-webkit-border-radius: 10px; /* Safari,Google Chrome */
			-moz-border-radius: 10px;  /* Firefox */
			color:#4d4d4d;
		}
		nav li a:hover{ background-color:#ffffff; color:#ffffff; text-decoration:none; }

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

		#footer{ padding:15px; margin-top:25px; }
		#footer .add, #footer .tel, address{ text-align:center; }
		#footer .add{ font-size:14px; }
		#footer address{ font-size:10px; }

	/* page_title
	****************************************************/

		#page_title{ border-top:2px solid #ff643c; border-bottom:2px solid #ff643c; }
		#page_title h2{ color:#ff643c; text-align:center; }

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

		/* content_side */
		#content_side{ margin-top:25px; }
		/* greeting */
		#greeting .section_1, #greeting .section_2{ margin-top:25px; }
		#greeting .section_1 br{ display:none; }
		/* guide */
		#guide .section_2 .item, #guide .section_3 .item{ margin-top:25px; }
		/* medical */
		#disease_prevention .disease-image{ justify-content: center; }

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

		/* symptom */
		#symptom ul{ margin-bottom:20px; }
		#symptom li{ margin-top:20px; }
		/* symptom2 */
		#symptom2 dd{ margin-top:1em; }
		#symptom2 ul{ margin-top:30px; }
		#symptom2 li{ margin-top:1em; }
		/* symptom3 */
		#symptom3 h3, #symptom3 h4{ font-size:16px; }
		#symptom3 .des, #symptom3 dl, #symptom3 .back{ margin-top:1em; }

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

		/* disease */
		#disease ul{ padding-bottom:20px; }
		#disease li{ margin-top:20px; }

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

		.pagetop{ bottom:10px; right:10px; }

		.sp_banner-button a::before {
			content: "\025b6";
			margin-right: 5px;
		}
		.sp_banner-button a {
			display: block;
			max-width: 100%;
			margin: 0 auto 1.5em;
			padding: 15px 0;
			font-weight: bold;
			border-radius: 20px;
			text-align: center;
		}
		.sp_banner-button li:nth-child(1) a {
			color: #ff643c;
			background-color: #fff7d2;
			border: 2px solid #ff643c;
		}
		.sp_banner-button li:nth-child(2) a {
			color: #f55c82;
			background-color: #ffdce8;
			border: 2px solid #f55c82;
		}
}