@charset "utf-8";

/* common
****************************************************/
*{ margin:0; padding:0; word-break:break-all; }
body{ font-size:15px; line-height:175%; font-family:Meiryo, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif; color:#000000; }
img{ border:none; font-size:0; vertical-align:top; }
ul{ list-style-type:none; line-height:200%; }
a{ text-decoration:none; color:#000000; }
a:hover{ text-decoration:underline; }
a:hover img{ opacity: 0.8; }

/*===================================================================================
通常レイアウト
===================================================================================*/
.d-block { display: block; }
.d-inline { display: inline; }
.d-inline-block { display: inline-block; }
@media screen and (min-width: 600px) {
  .pc_d-block { display: block; }
  .pc_d-inline-block { display: inline-block !important; }
}
@media screen and (max-width: 599px) {
  .sp_d-block { display: block !important; }
}

/*===================================================================================
パディング（padding）
===================================================================================*/
.pd5px { padding: 5px; }
.pd10px { padding: 10px; }
.pd15px { padding: 15px; }
.pd20px { padding: 20px; }
.pd25px { padding: 25px; }
.pd30px { padding: 30px; }
.pd35px { padding: 35px; }
.pd40px { padding: 40px; }
.pd45px { padding: 45px; }
.pd50px { padding: 50px; }
.pd55px { padding: 55px; }
.pd60px { padding: 60px; }
.pd65px { padding: 65px; }
.pd70px { padding: 70px; }
.pd75px { padding: 75px; }
.pd80px { padding: 80px; }
.pd85px { padding: 85px; }
.pd90px { padding: 90px; }
.pd95px { padding: 95px; }
.pd100px { padding: 100px; }

.pd10per { padding: 10%; }
.pd20per { padding: 20%; }
.pd30per { padding: 30%; }
.pd40per { padding: 40%; }
.pd50per { padding: 50%; }

.pd1em { padding: 1em; }
.pd1\.5em { padding: 1.5em; }
.pd2em { padding: 2em; }
.pd3em { padding: 3em; }
.pd4em { padding: 4em; }
.pd5em { padding: 5em; }
.pd1rem { padding: 1rem; }
.pd2rem { padding: 2rem; }
.pd3rem { padding: 3rem; }
.pd4rem { padding: 4rem; }
.pd5rem { padding: 5rem; }

/* top */
.pt5px { padding-top: 5px; }
.pt10px { padding-top: 10px; }
.pt15px { padding-top: 15px; }
.pt20px { padding-top: 20px; }
.pt25px { padding-top: 25px; }
.pt30px { padding-top: 30px; }
.pt35px { padding-top: 35px; }
.pt40px { padding-top: 40px; }
.pt45px { padding-top: 45px; }
.pt50px { padding-top: 50px; }
.pt55px { padding-top: 55px; }
.pt60px { padding-top: 60px; }
.pt65px { padding-top: 65px; }
.pt70px { padding-top: 70px; }
.pt75px { padding-top: 75px; }
.pt80px { padding-top: 80px; }
.pt85px { padding-top: 85px; }
.pt90px { padding-top: 90px; }
.pt95px { padding-top: 95px; }
.pt100px { padding-top: 100px; }

.pd10per { padding-top: 10%; }
.pd20per { padding-top: 20%; }
.pd30per { padding-top: 30%; }
.pd40per { padding-top: 40%; }
.pd50per { padding-top: 50%; }

.pt1em { padding-top: 1em; }
.pt1\.5em { padding-top: 1.5em; }
.pt2em { padding-top: 2em; }
.pt3em { padding-top: 3em; }
.pt4em { padding-top: 4em; }
.pt5em { padding-top: 5em; }
.pt1rem { padding-top: 1rem; }
.pt2rem { padding-top: 2rem; }
.pt3rem { padding-top: 3rem; }
.pt4rem { padding-top: 4rem; }
.pt5rem { padding-top: 5rem; }

/* left */
.pl5px { padding-left: 5px; }
.pl10px { padding-left: 10px; }
.pl15px { padding-left: 15px; }
.pl20px { padding-left: 20px; }
.pl25px { padding-left: 25px; }
.pl30px { padding-left: 30px; }
.pl35px { padding-left: 35px; }
.pl40px { padding-left: 40px; }
.pl45px { padding-left: 45px; }
.pl50px { padding-left: 50px; }
.pl55px { padding-left: 55px; }
.pl60px { padding-left: 60px; }
.pl65px { padding-left: 65px; }
.pl70px { padding-left: 70px; }
.pl75px { padding-left: 75px; }
.pl80px { padding-left: 80px; }
.pl85px { padding-left: 85px; }
.pl90px { padding-left: 90px; }
.pl95px { padding-left: 95px; }
.pl100px { padding-left: 100px; }

.pl10per { padding-left: 10%; }
.pl20per { padding-left: 20%; }
.pl30per { padding-left: 30%; }
.pl40per { padding-left: 40%; }
.pl50per { padding-left: 50%; }

.pl1em { padding-left: 1em; }
.pl1\.5em { padding-left: 1.5em; }
.pl2em { padding-left: 2em; }
.pl3em { padding-left: 3em; }
.pl4em { padding-left: 4em; }
.pl5em { padding-left: 5em; }
.pl1rem { padding-left: 1rem; }
.pl2rem { padding-left: 2rem; }
.pl3rem { padding-left: 3rem; }
.pl4rem { padding-left: 4rem; }
.pl5rem { padding-left: 5rem; }

/* right */
.pr5px { padding-right: 5px; }
.pr10px { padding-right: 10px; }
.pr15px { padding-right: 15px; }
.pr20px { padding-right: 20px; }
.pr25px { padding-right: 25px; }
.pr30px { padding-right: 30px; }
.pr35px { padding-right: 35px; }
.pr40px { padding-right: 40px; }
.pr45px { padding-right: 45px; }
.pr50px { padding-right: 50px; }
.pr55px { padding-right: 55px; }
.pr60px { padding-right: 60px; }
.pr65px { padding-right: 65px; }
.pr70px { padding-right: 70px; }
.pr75px { padding-right: 75px; }
.pr80px { padding-right: 80px; }
.pr85px { padding-right: 85px; }
.pr90px { padding-right: 90px; }
.pr95px { padding-right: 95px; }
.pr100px { padding-right: 100px; }

.pr10per { padding-right: 10%; }
.pr20per { padding-right: 20%; }
.pr30per { padding-right: 30%; }
.pr40per { padding-right: 40%; }
.pr50per { padding-right: 50%; }

.pr1em { padding-right: 1em; }
.pr1\.5em { padding-right: 1.5em; }
.pr2em { padding-right: 2em; }
.pr3em { padding-right: 3em; }
.pr4em { padding-right: 4em; }
.pr5em { padding-right: 5em; }
.pr1rem { padding-right: 1rem; }
.pr2rem { padding-right: 2rem; }
.pr3rem { padding-right: 3rem; }
.pr4rem { padding-right: 4rem; }
.pr5rem { padding-right: 5rem; }

/* bottom */
.pb5px { padding-bottom: 5px; }
.pb10px { padding-bottom: 10px; }
.pb15px { padding-bottom: 15px; }
.pb20px { padding-bottom: 20px; }
.pb25px { padding-bottom: 25px; }
.pb30px { padding-bottom: 30px; }
.pb35px { padding-bottom: 35px; }
.pb40px { padding-bottom: 40px; }
.pb45px { padding-bottom: 45px; }
.pb50px { padding-bottom: 50px; }
.pb55px { padding-bottom: 55px; }
.pb60px { padding-bottom: 60px; }
.pb65px { padding-bottom: 65px; }
.pb70px { padding-bottom: 70px; }
.pb75px { padding-bottom: 75px; }
.pb80px { padding-bottom: 80px; }
.pb85px { padding-bottom: 85px; }
.pb90px { padding-bottom: 90px; }
.pb95px { padding-bottom: 95px; }
.pb100px { padding-bottom: 100px; }

.pb10per { padding-bottom: 10%; }
.pb20per { padding-bottom: 20%; }
.pb30per { padding-bottom: 30%; }
.pb40per { padding-bottom: 40%; }
.pb50per { padding-bottom: 50%; }

.pb1em { padding-bottom: 1em; }
.pb1\.5em { padding-bottom: 1.5em; }
.pb2em { padding-bottom: 2em; }
.pb3em { padding-bottom: 3em; }
.pb4em { padding-bottom: 4em; }
.pb5em { padding-bottom: 5em; }
.pb1rem { padding-bottom: 1rem; }
.pb2rem { padding-bottom: 2rem; }
.pb3rem { padding-bottom: 3rem; }
.pb4rem { padding-bottom: 4rem; }
.pb5rem { padding-bottom: 5rem; }
@media screen and (min-width: 600px) {
  .pc_pd10px { padding: 10px; }

  /* top */
  .pc_pt10px { padding-top: 10px; }

  /* left */
  .pc_pl10px { padding-left: 10px; }

  /* right */
  .pc_pr10px { padding-right: 10px; }

  /* bottom */
  .pc_pb10px { padding-bottom: 10px; }
}
@media screen and (max-width: 599px) {
  .sp_pd10px { padding: 10px; }

  /* top */
  .sp_pt10px { padding-top: 10px; }

  /* left */
  .sp_pl10px { padding-left: 10px; }

  /* right */
  .sp_pr10px { padding-right: 10px; }

  /* bottom */
  .sp_pb10px { padding-bottom: 10px; }
}

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

	.mt10, .mt10ul li{ margin-top:10px; }
	.mt20, .mt20ul li{ margin-top:20px; }
	.mt30, .mt30ul li{ margin-top:30px; }
	.mt50{ margin-top:50px; }
	.mt75{ margin-top:75px; }
	.mt100{ margin-top:100px; }
	.mt-50{ margin-top:-50px; }
@media screen and (min-width: 600px) {
	.pc_mt10px { margin-top: 10px; }
}

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

	.tar{ text-align:right; }
	.tac{ text-align:center; }
	.ti1{ text-indent:1em; }


/* font
****************************************************/
/* 緑 */
.fc_1{ color:#007f41; }
/* オレンジ */
.fc_2{ color:#f39800; }
/* 濃い緑 */
.fc_3{ color:#004321; }
/* 緑2 */
.fc_6{ color:#008139; }
/* 濃いオレンジ */
.fc_7{ color:#ea6a1d; }
/*.fc_7{ color:#ffa800; }*/

.fs_11px{ font-size:11px; }
.fs_12px{ font-size:12px; }
.fs_14px{ font-size:14px; }
.fs_16px{ font-size:16px; }
.fs_18px{ font-size:18px; }

/* align
****************************************************/
.align_r{ text-align:right; }
.align_c{ text-align:center; }

/* radius
****************************************************/
.radius_5{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.radius_10, .button_1, .button_2, .button_3, .button_1_link, .button_2_link, .section, .disease li a, .symptom dl, .symptom dt{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }

/* headline
****************************************************/
.headline_1{ background:url(images/line1.png) left bottom no-repeat; font-size:16px; font-weight:normal; padding:15px 0 5px 40px; }
.headline_2{
	font-size:16px;
	background-color:#00532c;
	color:#ffffff;
	font-weight:normal;
	text-align:center;
	padding:10px 0;
	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;
}
.headline_3{ background:url(images/line2.png) left bottom no-repeat; font-size:16px; font-weight:normal; padding:15px 0 5px 40px; }

/* read
****************************************************/
.ti1em{ text-indent:1em;}
.le05em{ letter-spacing:.5em; }
.le1em{ letter-spacing:1em; }
.ti1em{ text-indent:1em; }

/* section
****************************************************/
.section, .section_1{ border:1px solid #d7cdb5; margin-top:30px; background-color:#ffffff; }
#side-column.side-1 .section {
  height: 670px;
  overflow: scroll;
}

/* icon
****************************************************/
.icon_1:before{ content:"※"; margin-right:5px; }
.icon_2:before, .icon_2_list li:before{ content:"■"; color:#ff7033; margin-right:5px; }
.icon_3:after{ content:"▶"; font-size:11px; margin-left:1em; }
.icon_4:before, .icon_4_list li:before{ content:"■"; color:#00532c; margin-right:5px; }
.icon_5:before{ content:"■"; color:#ff7033; margin-right:5px; }
.icon_1:before, .icon1ul li:before{ content:"● "; }
.col_1, .col1ul li:before, .col1icon:before{ color:#004321; }
/* 米印 */
.icon-kome01::before, .icon-kome01-list .item::before { content: "\0203b"; margin-right: 0.5em; } /* ※ */


/* list
****************************************************/
/* list_ul */
.list_ul1 li:before{ content:"●"; color:#1d2088; margin-right:5px; }
.list_ul2 li{ border-bottom:1px dotted #6a3906; padding-left:1em; margin-top:5px; }
.list_ul3{ line-height:150%; }
/* list_dl */
.list_dl1{ margin-bottom:2em; }
.list_dl1 dt{ color:#00532c; font-size:16px; font-weight:bold; margin-top:2em; }
.list_dl1 dt:before{ content:"●"; color:#00532c; margin-right:5px; }
.list_dl1 dd{ margin-top:1em; }
/* list_etcl */
.list_disc{ list-style-type:disc; margin-left:1.5em; }
.list_banner{ text-align:center; overflow:hidden; }
.list_banner .lef{ float:left; }
.list_banner .rig{ float:right; }
.list_banner .bot{ clear:both; }
.list_banner li{ padding-top:30px; text-align:center; }

/* button
****************************************************/
.btn_wid_1{ width:181px; }
.btn_wid_2{ width:100%; text-align:center; }
.btn_wid_3{ padding-left:1em; padding-right:1em; font-size:16px; }
.button_1, .button_2, .button_1_link, .button_2_link{ color:#ffffff; font-weight:bold; display:inline-block; padding-top:5px; padding-bottom:5px; }
.button_1, .button_1_link{ background-color:#9aca5d; border:1px solid #9aca5d; }
.button_1_link:hover{ text-decoration:none; background-color:#ffffff; color:#9aca5d; }
.button_2, .button_2_link{ background-color:#ff7033; border:1px solid #ff7033; }
.button_2_link:hover{ text-decoration:none; background-color:#ffffff; color:#ff7033; }
.button_3{ background-color:#ffffff; color:#000000; display:inline-block; padding:0 1em; }

/* clinic
****************************************************/
.clinic{ text-align:center; }
.clinic strong{ font-size:24px; line-height:125%; }

/* pr
****************************************************/
.pr { background-color: #6db33b; }
.pr__list { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 15px 0; }
.pr__list--item { width: calc((100% / 3) - 50px); padding: 15px 8px; font-size: 21px; font-weight: bold; color: #6db33b; background-color: #fff; border-radius: 50%; text-align: center; }
@media screen and (max-width: 599px) {
	.pr__list { flex-direction: column; padding: 10px; }
	.pr__list--item { width: 90%; padding: 3px; font-size: 15px; border-radius: 20px; line-height: 150%; }
	.pr__list--item + .pr__list--item { margin-top: 10px; }
}

/* symptom
****************************************************/
/* symptom2 */
.symptom2 dt{ background-color:#ff7033; color:#ffffff; font-weight:bold; padding:4px 1em 3px 1em; font-size:15px; }
.symptom2 dd{ margin-top:.5em; }
.symptom2 ul{ overflow:hidden; margin:30px 0 50px 70px; }
.symptom2 li{ margin-top:1em; background:url(images/icon4.png) left center no-repeat; }
.symptom2 li a{ margin-left:20px; }
/* symptom3 */
.symptom3 h3{ background-color:#ffe4d9; color:#ff7f49; padding:5px 1em; font-size:16px; }
.symptom3 h4{ border-bottom:1px solid #c6e3b0; color:#1b5934; font-size:16px; margin-top:20px; }
.symptom3 h4:before{ content:"■"; margin-right:5px; }
.symptom3 .des{ margin-top:.5em; }
.symptom3 dl{ padding:2em 0; }
.symptom3 dt{ font-weight:bold; }
.symptom3 dt:before{ content:"●"; margin-right:5px; color:#1b5934; }
.symptom3 .back{ padding-top:.5em; border-top:1px solid #c6e3b0; }
.symptom3 .back:before{ content:"◀"; margin-right:5px; color:#1b5934; }

/* page_headline
****************************************************/
.page_headline{ background-repeat:no-repeat; background-position:center; color:#00532c;line-height:100%; }
.ph_default{ background-image:url(images/page_title_default.png); }
.ph_greeting{ background-image:url(images/page_title_greeting.png); }
.ph_medical{ background-image:url(images/page_title_medical.png); }
.ph_guide{ background-image:url(images/page_title_guide.png); }

/* operation
****************************************************/

	#operation .hd_1{ background-color:#5eb022; color:#ffffff; padding:5px 40px 5px; font-size:20px; }
	#operation .hd_2{ border-left:8px solid #c7ba9a; color:#004321; padding:5px 15px; }
	#operation .hd_3{ border-bottom:1px solid #5eb022; color:#004321; }
	#operation .hd_4{ border-left:8px solid #004321; border-bottom:1px solid #004321; color:#004321; padding:5px 10px; }
	#operation .hd_5{ background-color:#dfeec5; color:#004321; padding-top:5px; padding-bottom:5px; text-align:center; }
	#operation .hd_6{ border-bottom:1px solid #004321; color:#004321; }
	#operation .plr15{ padding-left:15px; padding-right:15px; }
	#operation .section{ padding:0 40px 20px; }
	#operation .sec_1 .fr{ background-color:#f2f8e8; padding:20px 0 40px; }
	#operation .sec_1 .fr h4, #operation .sec_1 .fr p{ margin-left:20px; margin-right:10px; }
	#operation .sec_2{ text-align:center; }
	#operation .sec_2 p{ text-align:left; padding:10px; }
	#operation .sec_3 li{ color:#004321; font-weight:bold; }
	#operation .sec_5 h4{ background-repeat:no-repeat; background-position:left center; padding:5px 0 6px 50px; font-size:18px; }
	#operation .sec_5 .num1{ background-image:url(images/ope1no9.gif); }
	#operation .sec_5 .num2{ background-image:url(images/ope1no11.gif); }
	#operation .sec_5 .num3{ background-image:url(images/ope1no13.gif); }
	#operation .sec_6 h4{ background-color:#7ebb19; color:#ffffff; padding:5px 10px; }
	#operation .sec_6 h4 span{ font-weight:normal; font-size:12px; margin-left:5px; }
	#operation .sec_11{ background:url(images/ope2no6.gif) no-repeat left 20px center; padding:10px 20px 10px 80px; }

/* 20181018 add */
.ph_operation{ background-image:url(images/page_title_operation.png);}
.fc_4{ color:#ff0000; }
.fc_5{ color:#333333; }


/* 20181130 add */
#operation .recom {
background-color:#f0f6e6;
margin: 30px 0 0;
padding: 0 30px 30px;
}

#operation .hd_7{ border-left:8px solid #5eae22; color:#004321; padding:10px 15px; }

.recom li {
list-style: none;
text-indent: -1em;
padding-left: 1em;
}
.recom li:before { content: "●" }

.myop_1 li {
list-style: none;
line-height: 1.7;
text-indent: -1em;
padding-top: 10px;
padding-left: 1em;
}
.myop_1 li:before { content: "●"; color: #5eae22; }

.myop_2 li {
list-style: none;
line-height: 1.7;
text-indent: -1em;
padding-top: 10px;
padding-left: 1em;
}
.myop_2 li:before { content: "◆"; }

.myop_3 li {
list-style: none;
line-height: 1.7;
text-indent: -1em;
padding-top: 10px;
padding-left: 1em;
}
.myop_3 li:before { content: "□"; color: #004321; }


#operation .catch {
font-size: 18px;
color: #004321;
font-weight: bold;
background-color:#f0f6e6;
padding: 30px;
}

.myop ol {
	counter-reset: li;
}

.myop ol > li {
list-style: none;
position: relative;
padding-left: 2em; /*li:before分左に余白を。調整可*/
margin-bottom: 10px;
}

.myop ol > li:before {
counter-increment: li;
content: counter(li);
margin-right: 1em;
background: #004321;
color: #ffffff;
border-radius: 50%;
text-align: center;
width: 1.3em; /*幅を決めるheightと同じ数値に*/
height: 1.3em; /*高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を*/
position: absolute; /*リストの基準から移動させる*/
left: 0em; /*項目の基準、左にあわせる*/
top: 2px; /*基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を*/
line-height: 1.4;/*数字の位置あわせで数値を指定*/
}

#operation .myop_4 {
border: solid 1px #5eae22;
margin: 30px 0 0;
padding: 20px;
}

.myop_4 li {
list-style: none;
text-indent: -1em;
padding-left: 1em;
}
.myop_4 li:before { content: "●"; color: #5eae22; }

.myop_5 li {
list-style: none;
text-indent: -1em;
padding-left: 1em;
}
.myop_5 li:before { content: "●" }



/* モニター幅600px以上
**************************************************/
@media only screen and (min-width:600px), print{

/* wrapper
****************************************************/
.wrapper{ width:1000px; margin:0 auto; overflow:hidden; }

/* space
****************************************************/
.mt_s{ margin-top:15px; }
.mt_m{ margin-top:30px; }
.mt_l{ margin-top:30px; }

/* sp
****************************************************/
.sp_br{ display:none; }

	/* overflow:hidden;
	****************************************************/

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

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

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

/* section
****************************************************/
.section_1 .button_2_link{ float:left; width:17%; text-align:center; font-size:18px; padding-top:7px; }
.section_1 .list_ul3{ float:right; width:80%; }

/* read
****************************************************/
.read_1{ padding:30px 20px; }
.read_2{ padding:15px; }
.read_3{ padding:0 30px; }
.read_4{ padding:30px; }



/* column
****************************************************/
.column, .column_1, .column_mw33, .column_mw50{ overflow:hidden; }
.column .lef, .column_mw33 li, .column_mw50 li{ float:left; }
.column .rig{ float:right; }
.column_mw33 li{ min-width:33%; }
.column_mw33 .adj{ min-width:21%; }
.column_mw50 li{ min-width:50%; }
.column_1 .button_2_link{ float:left; width:17%; text-align:center; font-size:18px; padding-top:7px; }
.column_1 .list_ul3{ float:right; width:80%; }

/* header
****************************************************/
#header{ background-color:#6eb92b; border-bottom:5px solid #ffffff; color:#ffffff; padding:20px 0 30px 0; }
#header .pc_br{ position: relative; }
#header .lef{  }
#header .rig{ position: absolute; bottom: 0; right: 0; }
#header h1{ font-size:10px; font-weight:normal; }
#header .logo{ margin-top:25px; }
#header #fontNavi{ overflow:hidden; font-size:12px; }
#header #fontNavi li:last-child:before{ content:"文字の大きさ"; margin-right:10px; }
#header #fontNavi li{ float:right; margin-left:10px; }
#header #fontNavi a{ display:inline-block; width:40px; text-align:center; line-height:20px; background-color:#ffffff; color:#000000; border:1px solid #ffffff; }
#header #fontNavi .off{ background-color:#ffe200;  border:1px solid #ffe200; color:#000000; }
#header .tel{ margin-top:15px; font-weight:bold; border-bottom:1px solid #ffffff; text-align:center; }
#header .tel a{ font-size:24px; margin-left:5px; letter-spacing:2px; color:#ffffff; }
#header .tel a:hover{ text-decoration:none; color:#ffe200; }
#header .adr{ margin-top:5px; font-size:11px; line-height:17px; }

/* globalNavi
****************************************************/
#globalNavi{ text-align:center; font-size:0; padding:15px 0 30px 0; border-top:20px solid #6eb92b; }
#globalNavi li{ display:inline-block; text-align:center; border-left:1px solid #e8e8e8; }
#globalNavi li:last-child{ border-right:1px solid #e8e8e8; }
#globalNavi li br{ display:none; }
#globalNavi img{ padding:0 17.75px; }

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

/* contents
****************************************************/
#main-column { float:left; width:590px; min-height:1900px; }
#main-column2{ width:1000px; min-height:520px; }
#side-column { float:right; width:390px; }

/* page_headline
****************************************************/
.page_headline{ font-size:25px; padding:65px 40px 60px 40px; }

/* footer
****************************************************/
#footer{ background-color:#00532c; color:#ffffff; text-align:center; margin-top:50px; }
#footer .wrapper{ background:url(images/logo_footer.png) left center no-repeat; padding:55px 0 35px 0; }
#footer p,#footer ul,#footer address{ margin-top:1.5em; }
#footer a{ color:#ffffff; }
#footer h3{ font-size:30px; letter-spacing:.5em; }
#footer .tel{ font-size:30px; margin-top:10px; }
#footer ul{ line-height:100%; font-size:11px; }
#footer li{ display:inline-block; }
#footer li:after{ content:"／"; }
#footer li:last-child:after{ content:""; }
#footer address{ font-style:normal; font-size:11px; }

/* greeting
****************************************************/
.greeting ul{ margin-bottom:4em; }
.greeting li{ overflow:hidden; }
.greeting .jpc{ float:left; }
.greeting .bio{ margin-left:10em; }

/* guide
****************************************************/
/* guide_list1 */
.guide_list1{ overflow:hidden; margin-top:20px; padding:0 20px; }
.guide_list1 .photo{ float:left; }
.guide_list1 .photo img{ border:1px solid #e0e0e0; padding:5px; }
.guide_list1 .text{ margin-left:260px; }
.guide_list1 .text h3{ background:url(images/icon1.png) left center no-repeat; border-bottom:1px dotted #c9bc9c; color:#00532c; font-size:14px; line-height:20px; padding:5px 0 2.5px 3em; }
.guide_list1 .text p{ margin-top:.5em; }
/* guide_list2 */
.guide_list2{ overflow:hidden; }
.guide_list2 .photo img{ border:1px solid #e0e0e0; padding:5px; }
.guide_list2 .box{ float:left; margin:20px 1px 20px 28px; width:162px; }
.guide_list2 .box:nth-child(3n+1){ clear: both; }
.guide_list2 .box h3{ color:#00532c; font-size:14px; margin-top:.5em; border-bottom:1px dotted #d7cdb5; margin-bottom:.5em; }


/* symptom
****************************************************/
.symptom ul{ overflow:hidden; padding-top:1.5%; padding-bottom:4%; }
.symptom li{ float:left; width:30%; margin:2.5% 0 0 2.5%; }
.symptom dl{ border:1px solid #62b227; }
.symptom dt{ background-color:#e1f0d0; margin:5px 3px 0 3px; padding-left:1em; font-size:14px; }
.symptom dd{ padding:5px 10px; line-height:150%; font-size:12px; }
.symptom dd a{ display:block; text-align:right; }
.symptom dd a:before{ content:"▶"; font-size:11px; margin-right:5px; color:#62b227; }
.symptom .even dl{ border:1px solid #ff5005; }
.symptom .even dt{ background-color:#ffe4d9; }
.symptom .even dd a:before{ color:#ff5005; }
/* symptom2 */
.symptom2 dl{ padding:30px 30px 0 30px; }
.symptom2 dd{ margin-top:.5em; }
.symptom2 ul{ overflow:hidden; margin:30px 0 50px 70px; }
.symptom2 li{ float:left; width:33%; padding-top:2px; }

/* disease
****************************************************/
.disease ul{ overflow:hidden; padding-bottom:4%; }
.disease li{ float:left; width:28%; margin:4% 0 0 4%; }
.disease li a{
	width:100%;
	display:block;
	background-image:url(images/icon3.png);
	background-position:left 15px center;
	background-repeat:no-repeat;
	background-color:#ff7033;
	text-align:center;
	padding:15px 0;
	border:1px solid #ff7033;
	color:#ffffff;
}
.disease li a:hover{ background-image:url(images/icon2.png); background-color:#ffffff; color:#ff7033; text-decoration:none; }
.disease h3{ background:url(images/gra1.png) right center no-repeat; color:#00532c; padding:5px; font-size:18px; margin:30px; }
.disease h3:before{ content:"■"; margin-right:5px; }
.disease dl{ margin:0 30px 30px 30px;}
.disease dt{ border-bottom:1px solid #ff7033; padding-bottom:5px; font-weight:bold; margin-top:2em; font-size:16px; }
.disease dt:before{ content:"●"; margin-right:5px; color:#ff7033; }
.disease dd{ padding-top:1em; }

/* sitemap
****************************************************/
.sitemap li{ margin-top:.5em; }
.sitemap .parent{ margin-left:50px; padding:30px 0; }
.sitemap .parent li:before{ content:"■"; color:#00532c; margin-right:.5em; }
.sitemap .child{ margin-left:1.5em; overflow:hidden; width:500px; }
.sitemap .child li{ float:left; width:33%; }
.sitemap .child li:before{ content:"●"; color:#ff7033; margin-right:.5em; }

/* operation
****************************************************/

	#operation .hd_5{ display:inline-block; }
	#operation .w160{ width:160px; }
	#operation .w280{ width:280px; }
	#operation .sec_1 .fl{ width:450px; }
	#operation .sec_1 .fr{ width:430px; position:relative; }
	#operation .sec_1 .fr .line_1{ margin-right:50px; }
	#operation .sec_1 .fr .line_2{ margin-right:140px; }
	#operation .sec_1 .fr .cut_1{ position:absolute; top:10px; right:0px; }
	#operation .sec_2 li{ margin:30px 60px 0; width:263px; }
	#operation .sec_3 li{ width:33%; }
	#operation .sec_4{ padding-left:100px; }
	#operation .sec_4 li{ width:400px; text-align:center; }
	#operation .sec_5{ padding:0 120px; }
	#operation .sec_5 .fr{ width:420px; }
	#operation .sec_6 .read{ margin-left:300px; }
	#operation .sec_6 h4{ display:inline-block; }
	#operation .sec_7 .wid1adj{ width:500px; }
	#operation .sec_7 .wid2adj{ width:440px; }
	#operation .sec_7 .wid3adj{ width:275px; }
	#operation .sec_8 .fl{ width:380px; }
	#operation .sec_8 .fr{ width:580px; }
	#operation .sec_9 .wid1adj{ width:490px; }
	#operation .sec_9 .wid2adj{ margin-left:15px; }
	#operation .sec_9 .wid3adj{ width:270px; }
	#operation .sec_10 .fl{ width:650px; }


/* 20181018 add */
#operation .sec_12 .fl{ width:640px; }
#operation .sec_12 .fr{ width:340px; }
#operation .copy{ color:#004321; font-weight:bold; font-size:18px; margin: 30px 0 20px 40px; }


/* 20181130 add */
#operation .sec_13 .fl{ width:570px; }
#operation .sec_13 .fr{ width:390px; }


}





/* モニター幅600px以下
**************************************************/
@media only screen and (max-width:599px){

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

/* space
****************************************************/
.mt_s{ margin-top:15px; }
.mt_m{ margin-top:30px; }
.mt_l{ margin-top:60px; }

/* pc
****************************************************/
.pc_br{ display:none; }

/* smp
****************************************************/
.smp_1{ padding-left:10px; padding-right:10px; }

/* list
****************************************************/
.list_banner .lef{ float:left; width:49%; }
.list_banner .rig{ float:right; width:49%; }

/* read
****************************************************/
.read_1, .read_2, .read_3, .read_4{ padding:10px; }

/* section
****************************************************/
.column_1 .button_2_link{ width:100%; text-align:center; margin-top:15px; font-size:18px; }

/* header
****************************************************/
#header{ background-color:#6eb92b; padding:10px; color:#ffffff; border-bottom:5px solid #ffffff; }
#header .sp_br .lef{ overflow:hidden; }
#header h1{ float: left; font-size:10px; font-weight:normal; line-height: 1.3; }
#header #fontNavi{ float: right; overflow:hidden; font-size:12px; }
#header #fontNavi:before{ content:"文字サイズ"; }
#header #fontNavi li{ float:right; margin-left:5px; }
#header #fontNavi a{ display:inline-block; width:40px; text-align:center; line-height:20px; background-color:#ffffff; border:1px solid #ffffff; }
#header #fontNavi .off{ background-color:#ffe200;  border:1px solid #ffe200; color:#000000; }

#header .logo{ padding-top: 15px; text-align:center; }

#header .tel{ margin-top:15px; font-weight:bold; border-bottom:1px solid #ffffff; text-align:center; }
#header .tel a{ font-size:24px; margin-left:5px; letter-spacing:2px; color:#ffffff; }
#header .adr{ margin-top:5px; font-size:11px; line-height:17px; text-align:center; }

/* globalNavi
****************************************************/
#globalNavi{ text-align:center; letter-spacing: -0.4em; border-top:5px solid #6eb92b; margin-bottom:10px; }
#globalNavi li{
	display:inline-table;
	width:31%;
	margin:10px 1% 0 1%;
	vertical-align:top;
	letter-spacing: normal;
	line-height:20px;
	font-size:12px;
}
#globalNavi li a{
	height:50px;
	display:table-cell;
	vertical-align:middle;
	color:#ffffff;
	text-align:center;
	border:1px solid #e0e0e0;
	border-radius: 10px;
	-webkit-border-radius: 10px; /* Safari,Google Chrome */
	-moz-border-radius: 10px;  /* Firefox */
}
#globalNavi li .on, #globalNavi li a:hover{
	color:#00bdb8;
	background-color:#ffffff;
	font-weight:bold;
}

/* slideshow
****************************************************/
#slideshow{
	margin-top:20px;
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
 padding-top:45%;
}
#slideshow li{
	position:absolute;
	background-size:cover;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-position:center top;
	background-repeat:no-repeat;
}

/* contents
****************************************************/
#main-column, #side-column{ padding:0 15px; }

/* page_headline
****************************************************/
.page_headline{ background-size:100% auto; padding:5%; font-size:20px; }

/* column
****************************************************/
.column .rig{ text-align:center; margin-bottom:1em; }

/* footer
****************************************************/
#footer{ background-color:#00532c; color:#ffffff; padding:15px; font-size:12px; margin-top:30px; }
#footer .wrapper{
background:url(images/logo2footer.png) top center no-repeat;
-moz-background-size:50% auto;
background-size:50% auto;
padding-top:30%;
text-align:center;
}
#footer h3{ font-size:24px; letter-spacing:.5em; text-align:center; margin-top:1em; }
#footer a{ color:#ffffff; }
#footer .adr{ line-height:18px; margin-top:10px; }
#footer .tel{  padding-top:10px; font-size:24px; }
#footer ul{ margin-top:1em; text-align:left; }
#footer li{ background:url(images/icon_arrow.png) left center no-repeat; }
#footer li a{ padding-left:1em; }
#footer address{ font-style:normal; margin-top:1em; font-size:11px; }

/* guide
****************************************************/
/* guide_list1 */
.guide_list1{ margin-top:20px; padding:0 10px; }
.guide_list1 .photo{ text-align:center; }
.guide_list1 .text h3{ background:url(images/icon1.png) left center no-repeat; border-bottom:1px dotted #c9bc9c; color:#00532c; font-size:14px; line-height:20px; padding:5px 0 2.5px 3em; margin-top:1em; }
/* guide_list2 */
.guide_list2{ padding-bottom:1em; }
.guide_list2 .box{ margin-top:20px; padding:0 10px; }
.guide_list2 .photo{ text-align:center; }
.guide_list2 .box h3{ color:#00532c; font-size:14px; margin-top:.5em; }

/* symptom
****************************************************/
.symptom ul{ padding:0 20px 20px 20px; }
.symptom li{ margin-top:20px; }
.symptom dl{ border:1px solid #62b227; }
.symptom dt{ background-color:#e1f0d0; margin:5px 3px 0 3px; padding-left:1em; }
.symptom dd{ padding:5px 10px; line-height:150%; font-size:12px; }
.symptom dd a{ display:block; text-align:right; }
.symptom dd a:before{ content:"▶"; font-size:11px; margin-right:5px; color:#62b227; }
.symptom .even dl{ border:1px solid #ff5005; }
.symptom .even dt{ background-color:#ffe4d9; }
.symptom .even dd a:before{ color:#ff5005; }
/* symptom2 */
.symptom2 dl{ margin-top:15px; padding:15px; }
.symptom2 ul{ margin:20px; }

/* disease
****************************************************/
.disease ul{ padding:0 20px 20px 20px; }
.disease li{ margin-top:20px; }
.disease li a{
	display:block;
	background-image:url(images/icon3.png);
	background-position:left 15px top 17px;
	background-repeat:no-repeat;
	background-color:#ff7033;
	text-align:center;
	padding:15px 0;
	border:1px solid #ff7033;
	color:#ffffff;
}
.disease li a:hover{ background-image:url(images/icon2.png); background-color:#ffffff; color:#ff7033; text-decoration:none; }
.disease h3{ background:url(images/gra1.png) right center no-repeat; color:#00532c; padding:5px; font-size:18px; margin:15px; }
.disease h3:before{ content:"●"; margin-right:5px; }
.disease dl{ margin:0 15px 15px 15px;}
.disease dt{ border-bottom:1px solid #ff7033; padding-bottom:5px; font-weight:bold; margin-top:2em; font-size:16px; }
.disease dt:before{ content:"●"; margin-right:5px; color:#ff7033; }
.disease dd{ padding-top:20px; }

/* sitemap
****************************************************/
.sitemap li{ margin-top:.5em; }
.sitemap .parent{ padding:20px; }
.sitemap .parent li:before{ content:"■"; color:#00532c; margin-right:.5em; }
.sitemap .child{ margin-left:1.5em; }
.sitemap .child li:before{ content:"●"; color:#ff7033; margin-right:.5em; }

/* operation
****************************************************/

	#operation{ padding-left:15px; padding-right:15px; }
	#operation .section{ padding:0 10px 10px; }
	#operation .sec_1 .fr{ margin-top:25px; }
	#operation .sec_1 .fr .cut_1{ text-align:center; margin-top:15px; }
	#operation .sec_2 li{ margin-top:15px; }
	#operation .sec_4 li{ text-align:center; }
	#operation .sec_6 h4{ text-align:center; }
	#operation .sec_11{ background:none; padding-top:10px; }

	/* 20181018 add */
#operation .copy{ color:#004321; font-weight:bold; font-size:16px; margin: 30px 0 20px; }
.mg_tb{ margin: 15px 0; }



}

.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%;
}

/* 20160601 add
****************************************************/
 .clearfix { display: inline-table; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.mainbox{
  width: 980px;
  margin: 0 auto;
		text-align:left;
		line-height:1.6;
}

.leftbox, .rightbox{
  width: 450px;
		padding: 40px 20px;
}
.leftbox{ float: left; }
.rightbox{ float: right; }