@charset "utf-8";
/*
 * CSS pageParts.css
 */


.qalist1  dt { position: relative; cursor: pointer; background: #f4f2f1; padding:10px 8% 13px 3%; margin-bottom: 15px; line-height: 1.6; color:#735853; font-size: 1.33em; font-weight: bold; }
.qalist1  dd{  margin-bottom: 35px }
.qalist1  dt .switchbox1{ display: none; margin-top:10px; }
.qalist1  dt .accordionswitch{ position: absolute; width: 16px; height: 16px; right: 13px; top: 0; bottom: 0; margin: auto 0; }
.qalist1  dt .accordionswitch .line{ padding:0; }
.qalist1  dt .accordionswitch #line1 { width: 16px;  height: 2px; background: #735853; position: absolute; left:0; right:0; bottom: 0; top:0; margin:auto; -webkit-transition: all 0.6s; -moz-transition: all 0.6s ; transition: all 0.6s; }
.qalist1  dt .accordionswitch #line2 { width: 2px; height: 16px; background: #735853; position: absolute; left:0; right:0; bottom: 0; top:0; margin:auto; -webkit-transition: all 0.6s; -moz-transition: all 0.6s ; transition: all 0.6s; }
.qalist1  dt .accordionswitch.active #line2{ display: none; }
@media screen and (max-width: 639px) {
	.qalist1 dt{ padding:8px 15% 9px 4%; margin-bottom: 10px; font-size: 1.1em  }
	.qalist1 dd{ padding:0 2%; margin-bottom: 20px }
}



/* ---------------------------------------
#index
--------------------------------------- */
/* sec_0 */
#index #sec_0{ background: #d3ecd7; padding:30px 0 35px; }
#index #sec_0 .title1{ margin-bottom: 20px; background: url(../img/common/bg1.png) no-repeat 50% 50%; background-size:76px 72px; text-align: center; padding: 5px 0; }
#index #sec_0 .title1 .img1{ display: inline-block; margin-right:5px; width: 60px; height:62px; vertical-align: middle; }
#index #sec_0 .title1 .txt1{ color:#735853; font-weight: bold; font-size: 1.73em; vertical-align: middle; display: inline-block; }
#index #sec_0 .txt2{ text-align: center; margin-bottom: 25px }
#index #sec_0 .title2 p.inwrap { text-align: left; }

#index #sec_0 .list1{ margin-left:-1%; }
#index #sec_0 .list1 li{ float: left; margin-bottom: 10px; margin-left:1%; display: block; width: 32.3%; position: relative; padding:25px 0 15px; }
#index #sec_0 .list1 li a{ display: block; background:  url(../img/common/bg1.png) no-repeat 50% 50%, #fff; padding:20px 4% 10px 4%; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; width: 92%; height:100%; margin-top:-20px; text-decoration: none; background-size:76px 72px; }
#index #sec_0 .list1 li a:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
#index #sec_0 .list1 li .title2 span{ font-weight: bold; }

#index #sec_0 .list1 li.list1_1 .title2{ color: #239f39; font-weight: bold; font-size: 1.15em; margin-bottom: 10px; letter-spacing: 1px; line-height: 1.4; padding-right: 22px; position: relative; }
#index #sec_0 .list1 li.list1_1 .title2:after{ content:" "; background: url(../img/common/arr2_green.png) no-repeat; width: 23px; height:23px; background-size: contain; display: inline-block; position: absolute; top:0; bottom:0; right:0; margin:auto 0; }
#index #sec_0 .list1 li.list1_1 a:hover{ opacity: 1; background: url(../img/common/bg1.png) no-repeat 50% 50%, #f3fff5; background-size:76px 72px; }
#index #sec_0 span.txt4 { display: block; text-align: center; font-size: .85em; }
@media screen and (max-width: 1040px) {
	#index #sec_0 .list1 li.list1_1 .title2{ font-size: 1.05em; }
	#index #sec_0 span.txt4 { display: inline; text-align: left; font-size: .9em; }
}
@media screen and (max-width: 767px) {
	#index #sec_0 .txt2{ text-align: left }

	#index #sec_0 .list1{ margin-left: 0 }
	#index #sec_0 .list1 li{ float: none; width: 100%; margin-left: 0; padding: 0; margin-bottom: 0 }
	#index #sec_0 .list1 li a{ height:100%; padding:15px 4% 10px 4%; margin:0; width: 92%; background:transparent; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-bottom: 2px dotted #bde2c4 }
	#index #sec_0 .list1 li.last a { border-bottom: 0 }
	#index #sec_0 .list1 li.list1_1 .title2{ color:#239f39; font-weight: bold; /*font-size:1.14em;*/ }
	#index #sec_0 .list1 li.list1_1:after{ content:none; }
	#index #sec_0 .list1 li.list1_1 a:hover{ opacity: 1; background: #f3fff5 }
	#index #sec_0 .list1 li .title2:after{ content:" "; background: url(../img/common/arr2_green.png) no-repeat; width: 23px; height:23px; background-size: contain; display: inline-block; position: absolute; top:0; bottom:0; right:3%; margin:auto 0; visibility: visible; }
}
@media screen and (max-width: 639px) {
	#index #sec_0{ padding:15px 0 25px; }
	#index #sec_0 .title1{ background:transparent; margin-bottom:10px; padding:0; }
	#index #sec_0 .title1 .img1{ width: 48px; height:50px; }
	#index #sec_0 .title1 .txt1{ /*color:#239f39; */font-size: 1.14em; }
	#index #sec_0 .txt2{ margin-bottom: 15px }
	#index #sec_0 span.txt4 { display: block; text-align: center; }

	#index #sec_0 .list1 li a:hover{ background: #beedc6!important; }
}

/* sec_1 */
#index #sec_1{ background: #f5efe4; padding:30px 0 35px; }
#index #sec_1 .title1{ text-align: center; margin-bottom: 25px }
#index #sec_1 .title1 .inwrap{ display: inline-block; font-weight: bold; color:#ec6c00; border-top: 1px solid #ec6c00; border-bottom: 1px solid #ec6c00; padding:3px 5px; font-size: 1.73em; }
#index #sec_1 .list1{ margin-left:-1%; }
#index #sec_1 .list1 li{ float: left; margin-bottom: 10px; margin-left:1%; display: block; width: 32.3%; position: relative; padding:25px 0 15px; }
#index #sec_1 .list1 li a{ display: block; background: #fff; padding:25px 4% 10px 4%; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; width: 92%; height:100%; margin-top:-20px; text-decoration: none  }
#index #sec_1 .list1 li a:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
#index #sec_1 .list1 li .titlebox{ width: 100%; margin-right: 0; float: none; margin-bottom: 10px; position: relative; padding:0 0 0 0; }
#index #sec_1 .list1 li .titlebox .img1{  float:left; position: relative; margin-right: 10px; text-align: right }
#index #sec_1 .list1 li .txtbox1{ width: 100%; margin-right:0; float: none; background: transparent; background: url(../img/common/bg1.png) no-repeat 50% 0%; background-size:76px 72px; }
#index #sec_1 .list1 li .title2 span{ font-weight: bold; }

#index #sec_1 .list1 li.list1_1 .titlebox:after{ content:" "; background: url(../img/common/arr2_green.png) no-repeat; width: 23px; height:23px; background-size: contain; display: inline-block; position: absolute; top:0; bottom:0; right:0; margin:auto 0; }
#index #sec_1 .list1 li.list1_1 .title2{ color: #239f39; font-weight: bold; font-size: 1.1em; margin-bottom: 5px; letter-spacing: 1px; line-height: 1.4 }
#index #sec_1 .list1 li.list1_1 a:hover{ opacity: 1; background: #f3fff5 }
#index #sec_1 .list1 li.list1_2 .titlebox:after{ content:" "; background: url(../img/common/arr2_brown.png) no-repeat; width: 23px; height:23px; background-size: contain; display: inline-block; position: absolute; top:0; bottom:0; right:0; margin:auto 0; }
#index #sec_1 .list1 li.list1_2 .title2{ color: #735853; font-weight: bold; font-size: 1.1em; margin-bottom: 5px; letter-spacing: 1px; line-height: 1.4; }
#index #sec_1 .list1 li .titlebox .title2{ margin-bottom:0; display: table }
#index #sec_1 .list1 li .titlebox .title2 .inwrap{ display: table-cell; vertical-align: middle; height:100%; padding-right: 25px }
#index #sec_1 .list1 li.list1_2 a:hover{ opacity: 1; background: #fff4f3 }

#index #sec_1 .list1 li .titlebox .img1_1{ width: 64px; }
#index #sec_1 .list1 li .titlebox .img1_2{ width: 56px; }
#index #sec_1 .list1 li .titlebox .img1_3{ width: 64px; }
#index #sec_1 .list1 li .titlebox .img1_4{ width: 48px; }
@media screen and (max-width: 1040px) {
	#index #sec_1 .list1 li.list1_1 .title2, #index #sec_1 .list1 li.list1_2 .title2{ font-size: 1em }
	#index #sec_1 .list1 li .titlebox .img1_1{ width: 52px; }
	#index #sec_1 .list1 li .titlebox .img1_2{ width: 44px; }
	#index #sec_1 .list1 li .titlebox .img1_3{ width: 52px; }
	#index #sec_1 .list1 li .titlebox .img1_4{ width: 40px; }
	#index #sec_1 .list1 li .titlebox .img1{ margin-right:5px; }
}
@media screen and (max-width: 767px) {
	#index #sec_1 .title1{ display: none }
	#index #sec_1 .list1{ margin-left: 0 }
	#index #sec_1 .list1 li{ float: none; width: 100%; margin-left: 0; padding: 0; margin-bottom: 0 }
	#index #sec_1 .list1 li a{ height:100%; padding:15px 4% 10px 4%; margin:0; width: 92%; background:transparent; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-bottom: 2px dotted #bde2c4 }
	#index #sec_1 .list1 li.last a { border-bottom: 0 }
	#index #sec_1 .list1 li .titlebox .img1{ width: 52px; }
	#index #sec_1 .list1 li .titlebox .img1 img{ position: absolute; top:0; bottom:0; margin:auto 0; right: 0; }
	#index #sec_1 .list1 li.list1_1 .title2, #index #sec_1 .list1 li.list1_2 .title2{ /*color:#239f39;*/ font-weight: bold; /*font-size:1.14em;*/ }
	#index #sec_1 .list1 li.list1_1:after, #index #sec_1 .list1 li.list1_2:after{ content:none; }
	#index #sec_1 .list1 li.list1_1 a:hover, #index #sec_1 .list1 li.list1_2 a:hover{ opacity: 1; background: #f3fff5 }
}
@media screen and (max-width: 639px) {
	#index #sec_1{ padding:5px 0 15px; }
	#index #sec_1 .list1 li a:hover{ background: #f5efe4!important; }
}


/* sec_2 */
#index #sec_2{ background: #efe5d3; padding:20px 0 30px; }
#index #sec_2 .title1{ margin-bottom: 20px; background: url(../img/common/bg1.png) no-repeat 50% 50%; background-size:76px 72px; text-align: center; padding: 5px 0; }
#index #sec_2 .title1 .img1{ display: inline-block; margin-right:5px; width: 60px; height:62px; vertical-align: middle; }
#index #sec_2 .title1 .txt1{ color:#735853; font-weight: bold; font-size: 1.73em; vertical-align: middle; display: inline-block; }
#index #sec_2 .txt2{ text-align: center; margin-bottom: 25px }
#index #sec_2 .list1{ text-align: center; }
#index #sec_2 .list1 li{ display: inline-block; margin-bottom: 10px; margin-left:5px; }
#index #sec_2 .list1 a{ display: block; background: #fff; color:#239f39; font-weight: bold; padding:7px 28px 7px 20px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; text-decoration: none; letter-spacing: 0.2px; font-size: 1.07em; position: relative; }
#index #sec_2 .list1 a:after{ content: " "; background: url(../img/common/arr1_green.png) no-repeat; width: 8px; height:12px; display: inline-block; text-align: center; background-size: contain; position: absolute; top: 0; bottom: 0; margin: auto 0; right: 15px; }
#index #sec_2 .list1 a:hover{ opacity: 1; background: #239f39; color:#fff; }
#index #sec_2 .list1 a:hover:after{ content: " "; background: url(../img/common/arr1_white.png) no-repeat; width: 8px; height:12px; background-size: contain; }
@media screen and (max-width: 767px) {
	#index #sec_2 .txt2, #index #sec_2 .list1{ text-align: left }
}
@media screen and (max-width: 639px) {
	#index #sec_2{ padding:15px 0 25px; }
	#index #sec_2 .title1{ background:transparent; margin-bottom:10px; padding:0; }
	#index #sec_2 .title1 .img1{ width: 48px; height:50px; }
	#index #sec_2 .title1 .txt1{ color:#239f39; font-size: 1.14em; }
	#index #sec_2 .txt2{ margin-bottom: 15px }
}


/* sec_3 */
#index #sec_3{ background: #239f39; padding:80px 0 55px; position: relative; }
#index #sec_3 .img1{ position: absolute; width: 102px; height:92px; top:-25px; left:0; right:0; margin:0 auto; }
#index #sec_3 .title1{ text-align: center; margin-bottom: 20px }
#index #sec_3 .title1 .inwrap{ color:#fce506; font-weight: bold; font-size: 1.73em; position: relative; display: inline-block; padding:0 35px; }
#index #sec_3 .title1 .inwrap span{ font-weight: bold; }
#index #sec_3 .title1 .inwrap:before{ content:" "; background: url(../img/common/fr1_left.png) no-repeat; width: 20px; height:28px; display: inline-block; background-size: contain; position: absolute; left:0; bottom:10px; }
#index #sec_3 .title1 .inwrap:after{ content:" "; background: url(../img/common/fr1_right.png) no-repeat; width: 20px; height:28px; display: inline-block; background-size: contain; position: absolute; right:0; bottom:10px; }
#index #sec_3 .txt1{ color:#fff; font-weight: bold; line-height: 2; text-align: center; }
#index #sec_3 .txt1 span{ font-weight: bold; }
#index #sec_3 .link1{ position: absolute; left:0; right:0; margin:0 auto; text-align: center; bottom:-25px; }
@media screen and (max-width: 767px) {
	#index #sec_3 .txt1{ text-align: left }
}
@media screen and (max-width: 639px) {
	#index #sec_3{ padding:60px 0 40px; }
	#index #sec_3 .img1{ width: 80px; height:74px; }
	#index #sec_3 .title1{ margin-bottom: 5px }
	#index #sec_3 .title1 .inwrap{ font-size: 1.14em; padding:0; }
	#index #sec_3 .title1 .inwrap:before, #index #sec_3 .title1 .inwrap:after{ content: none }
}


/* sec_4 */
#index #sec_4{ padding:75px 0 65px; }
#index #sec_4 .title1{ border-bottom: 3px dotted #239f39; position: relative; margin-bottom: 25px }
#index #sec_4 .title1 .txt1{ color: #239f39; font-weight: bold; font-size:1.6em; text-align: center; }
#index #sec_4 #s4_txt2{ position: absolute; right:0; bottom:5px; }
#index #sec_4 #s4_txt2 a{ color: #239f39; font-weight: bold }
#index #sec_4 #s4_txt2 .linktxt:after{ vertical-align: top }
#index #sec_4 dl.newstopics { overflow-y: auto; max-height: 270px; }
#index #sec_4 dl.newstopics dt { width: 180px; float: left; }
#index #sec_4 dl.newstopics dt:before{ content:" "; background: url(../img/common/icon1.png) no-repeat; display: inline-block; width: 16px; height:16px; background-size: contain; margin-right:7px; vertical-align: text-bottom; }
#index #sec_4 dl.newstopics dd { padding-left: 180px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #bdbab9; }
@media screen and (max-width: 767px) {
	#index #sec_4 dl.newstopics{ margin-bottom: 20px }
	#index #sec_4 dl.newstopics dt{ float: none; width:auto; padding-left: 0; margin-bottom: 0px; }
	#index #sec_4 dl.newstopics dt:before{ content:none; }
	#index #sec_4 dl.newstopics dd{ padding-left: 0;  }
	#index #sec_4 #s4_txt2{ position: static; text-align: center; }
	#index #sec_4 #s4_txt2 .linktxt:after{ vertical-align: middle }
}
@media screen and (max-width: 639px) {
	#index #sec_4{ padding:50px 0 20px; }
	#index #sec_4 .title1{ border-bottom: 2px dotted #239f39; margin-bottom: 15px }
	#index #sec_4 .title1 .txt1{ font-size:1.29em; }
	#index #sec_4 dl.newstopics{ margin-bottom: 15px }
}


#index #sec_5 { padding:35px 0; background: #f1eeee; position: relative; }
#index #sec_5 .img1{ position: absolute; top:0; width: 70px; height:68px; right:0; top:-70px; }
#index #sec_5 .incnt { width: 1160px; }
#index #sec_5 .inbox { background: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; padding:30px 6%; width: 88%; margin-top: 0; margin-bottom: 20px; display: table; position: relative;  min-height: 240px; }
#index #sec_5 .inbox dt { width: 280px; vertical-align: middle; display:table-cell; padding-bottom: 60px; padding-right: 20px; }
#index #sec_5 .inbox dt .title { font-weight: bold; font-size: 1.4em; text-align: center; margin-bottom: 15px; color:#735853; }
#index #sec_5 .inbox dt .title span { width: 60px; display: block; margin: 5px auto; }
#index #sec_5 .inbox.box2 dt .title { color:#f29600; }
#index #sec_5 .inbox dd { display:table-cell; padding: 30px 0; }
#index #sec_5 .inbox dd .link1 { position: absolute; bottom:60px; left:90px; text-align: center; }
#index #sec_5 .inbox dd .txt1 { margin-bottom: 10px; line-height: 2; }
#index #sec_5 .inbox .list1{ margin-left:-10px; line-height: 2; text-align: left; }
#index #sec_5 .inbox .list1 li{ display: inline-block; margin-left: 10px; }
#index #sec_5 .inbox .list1 a{ font-weight: bold; font-size: 20px; color: #735853; text-decoration: none; border-bottom: 3px dotted #d5cdcb; }
#index #sec_5 .inbox.box2 .list1 a{ color: #f29600; border-color: #fbdfb2;}
#index #sec_5 .inbox .sublabel { font-weight: bold; font-size: 17px; background: #735853; color: #fff; line-height: 1; padding: 5px 10px; display: inline-block; }
@media screen and (max-width: 1280px) {
	#index #sec_5 .incnt{ width: 92%; }
	#index #sec_5 .inbox { width: 92%; padding:40px 4%;}
	#index #sec_5 .inbox dt { width: 260px; padding-bottom: 40px; }
	#index #sec_5 .inbox dd { padding: 0px; }
	#index #sec_5 .inbox dd .link1 { position: absolute; bottom:40px; left:4%; text-align: center; }
}
@media screen and (max-width: 1040px) {
	#index #sec_5 .inbox { padding:25px 4%; }
	#index #sec_5 .inbox dt { width: 100%; padding: 0px; display: block; }
	#index #sec_5 .inbox dt .title { margin-bottom: 10px; }
	#index #sec_5 .inbox dd { width: 100%; display: block;text-align: center; }
	#index #sec_5 .inbox dd .link1 { position: static; margin: 0 auto; display: inline-block; text-align: center; }
	#index #sec_5 .inbox .list1{ text-align: left; margin-bottom: 15px; }
}
@media screen and (max-width: 767px) {
	#index #sec_5{ padding:0; background: transparent; }
	#index #sec_5 .img1{ display: none; }
	#index #sec_5 .inbox { width: 100%; margin: 0 -5%; padding: 30px 5%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;  min-height: 0;}
	#index #sec_5 .box1{ background:#f5efe4; }
	#index #sec_5 .box2{ background:#fdf0e5; }
}
@media screen and (max-width: 639px) {	
	#index #sec_5 .inbox .list1 a{ font-weight: bold; font-size: 16px; border: none; text-decoration: underline; }
	#index #sec_5 .inbox .sublabel { font-size: 15px; }
}

/* sec_6 */
#index #sec_6{ background: #f1eeee; padding:30px 0 35px; }
#index #sec_6 .title1{ margin-bottom: 20px; background: url(../img/common/bg1.png) no-repeat 50% 50%; background-size:76px 72px; text-align: center; padding: 5px 0; }
#index #sec_6 .title1 .img1{ display: inline-block; margin-right:5px; width: 60px; height:62px; vertical-align: middle; }
#index #sec_6 .title1 .txt1{ color:#735853; font-weight: bold; font-size: 1.73em; vertical-align: middle; display: inline-block; }
#index #sec_6 .txt2{ text-align: center; margin-bottom: 25px }
#index #sec_6 .title2 p.inwrap { text-align: left; }

#index #sec_6 .list1{ margin-left:-1%; }
#index #sec_6 .list1 li{ float: left; margin-bottom: 10px; margin-left:1%; display: block; width: 48.3%; position: relative; padding:25px 0 15px; }
#index #sec_6 .list1 li a{ display: block; background:  url(../img/common/bg1.png) no-repeat 50% 50%, #fff; padding:20px 4% 10px 4%; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; width: 92%; height:100%; margin-top:-20px; text-decoration: none; background-size:76px 72px; }
#index #sec_6 .list1 li a:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
#index #sec_6 .list1 li .title2 span{ font-weight: bold; }

#index #sec_6 .list1 li.list1_1 .title2{ color: #735853; font-weight: bold; font-size: 1.15em; margin-bottom: 10px; letter-spacing: 1px; line-height: 1.4; padding-right: 22px; position: relative; }
#index #sec_6 .list1 li.list1_1 .title2:after{ content:" "; background: url(../img/common/arr2_brown_r.png) no-repeat; width: 23px; height:23px; background-size: contain; display: inline-block; position: absolute; top:0; bottom:0; right:0; margin:auto 0; }
#index #sec_6 .list1 li.list1_1 a:hover{ opacity: 1; background: url(../img/common/bg1.png) no-repeat 50% 50%, #f3fff5; background-size:76px 72px; }
#index #sec_6 span.txt4 { display: block; text-align: center; font-size: .85em; }
@media screen and (max-width: 1040px) {
	#index #sec_6 .list1 li.list1_1 .title2{ font-size: 1.05em; }
	#index #sec_6 span.txt4 { display: inline; text-align: left; font-size: .9em; }
}
@media screen and (max-width: 767px) {
	#index #sec_6 .txt2{ text-align: left }

	#index #sec_6 .list1{ margin-left: 0 }
	#index #sec_6 .list1 li{ float: none; width: 100%; margin-left: 0; padding: 0; margin-bottom: 0 }
	#index #sec_6 .list1 li a{ height:100%; padding:15px 4% 10px 4%; margin:0; width: 92%; background:transparent; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-bottom: 2px dotted #bde2c4 }
	#index #sec_6 .list1 li.last a { border-bottom: 0 }
	#index #sec_6 .list1 li.list1_1 .title2{ color:#735853; font-weight: bold; /*font-size:1.14em;*/ }
	#index #sec_6 .list1 li.list1_1:after{ content:none; }
	#index #sec_6 .list1 li.list1_1 a:hover{ opacity: 1; background: #f3fff5 }
	#index #sec_6 .list1 li .title2:after{ content:" "; background: url(../img/common/arr2_green.png) no-repeat; width: 23px; height:23px; background-size: contain; display: inline-block; position: absolute; top:0; bottom:0; right:3%; margin:auto 0; visibility: visible; }
}
@media screen and (max-width: 639px) {
	#index #sec_6{ padding:15px 0 25px; }
	#index #sec_6 .title1{ background:transparent; margin-bottom:10px; padding:0; }
	#index #sec_6 .title1 .img1{ width: 48px; height:50px; }
	#index #sec_6 .title1 .txt1{ /*color:#239f39; */font-size: 1.14em; }
	#index #sec_6 .txt2{ margin-bottom: 15px }
	#index #sec_6 span.txt4 { display: block; text-align: center; }

	#index #sec_6 .list1 li a:hover{ background: #beedc6!important; }
}

/* ---------------------------------------
#greeting
--------------------------------------- */
/* common */
#greeting .imgleftbox .imgbox{ width:20%; }
#greeting .imgleftbox .imgbox img{ max-width: 164px; width: 100% }
#greeting .imgleftbox .txtbox{ width:76%; }
#greeting .imgleftbox .txtbox .title1{ font-weight: bold; font-size: 1.47em; margin-bottom: 20px }
@media screen and (max-width: 767px) {
	#greeting .imgleftbox .imgbox{ width:24%; }
	#greeting .imgleftbox .txtbox{ width:72%; }
}
@media screen and (max-width: 639px) {
	#greeting .imgleftbox .imgbox{ width:100%; }
	#greeting .imgleftbox .imgbox img{ width: 100%; }
	#greeting .imgleftbox .txtbox{ width:100%; }
	#greeting .imgleftbox .txtbox .title1{ font-size: 1.3em; margin-bottom:10px; }
}

/* sec_1 */
#greeting #sec_1 .txt1{ text-align: right; }
#greeting #sec_1 .txt1 span{ font-weight: bold; }
@media screen and (max-width: 400px) {
	#greeting #sec_1 .txt1{ text-align: left; }
}

#greeting #sec_2 ul.imglist>li{ width: 80%; }
#greeting #sec_2 .imgbox { padding-bottom: 10px; }
@media screen and (max-width: 400px) {
}



/* ---------------------------------------
#information
--------------------------------------- */
/* common */
#information .subtitle{ background: #dcf3e1; color: #239f39; }
#information.index .subtitle{ background: #239f39; color: #fff; }
#information .insubtitle { color: #735853; font-weight: bold; font-size: 22px; border-bottom: 3px dashed #d5cdcb; margin-bottom: 10px; }
#information #cnt_main .insecbox { margin-bottom: 40px; }
@media screen and (max-width: 639px) {
	#information #cnt_main .insecbox { margin-bottom: 30px; }
	#information .insubtitle { font-size: 18px; border-bottom: 2px dashed #d5cdcb; margin-bottom: 10px; }
}



/* ---------------------------------------
#ophthalmology
--------------------------------------- */
/* common */
#ophthalmology.index .subtitle{ background: #f08933; color: #fff; }
#ophthalmology .insubtitle { color: #735853; font-weight: bold; font-size: 22px; border-bottom: 3px dashed #d5cdcb; margin-bottom: 10px; }
#ophthalmology #cnt_main .insecbox { margin-bottom: 40px; }
@media screen and (max-width: 639px) {
	#ophthalmology #cnt_main .insecbox { margin-bottom: 30px; }
	#ophthalmology .insubtitle { font-size: 18px; border-bottom: 2px dashed #d5cdcb; margin-bottom: 10px; }
}


/* ---------------------------------------
#disease
--------------------------------------- */
/* .sec_dep */		
#disease .sec_dep > .imgrightbox { margin-bottom: 30px;}
#disease .sec_dep .txt1 { margin-bottom: 10px; }
#disease .sec_dep .subtitle_type2 { text-align: center; font-size: 24px; }
#disease .sec_dep .title a { font-weight: bold; font-size: 18px; line-height: 1.5; }
#disease .sec_dep .borderbox_type1 { border-color: #0079c3; }
#disease .sec_dep .borderbox_type1 > ul > li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ccc; }
@media screen and (max-width: 639px) {
	#disease .sec_dep .title a { font-size: 14px; }
	#disease .sec_dep .subtitle_type2 { text-align: center; font-size: 18px; }
}	









/* ---------------------------------------
#department
--------------------------------------- */
/* common */
#department #sec_1 .innerlink ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0; overflow:hidden; line-height:0; }
#department #sec_1 .innerlink ul { text-align: left; }
#department #sec_1 .innerlink ul li { line-height: 1.4; margin-right: 30px; display: inline-block; margin-bottom: 10px; }
#department #sec_1 .innerlink ul li a { font-weight: bold; font-size: 18px; color: #194b99; text-decoration: none; position: relative; padding-left: 23px; }
#department #sec_1 .innerlink ul li a:hover { text-decoration: underline; opacity: 1; }
#department #sec_1 .innerlink ul li a:before { content: ""; width: 20px; height: 20px; position: absolute; top: 50%; left: 0; margin-top: -10px; background: url(../img/wp/common/icon3.png) no-repeat; background-size: contain; display: inline-block;  }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#department #sec_1 .innerlink ul li a { font-size: 17px; }
}
@media screen and (max-width: 639px) {
}
/* #sec_2 */
#department #sec_2 .borderbox_type1 { margin-bottom: 60px; position: relative; padding-bottom: 40px; }
#department #sec_2 .txt { margin-bottom: 10px; }
#department #sec_2 .subtitle_type2 { text-align: center; font-size: 24px; }
#department #sec_2 .bgbox_type1 { }
#department #sec_2 .bgbox_type1 li { display: inline-block;  }
#department #sec_2 .bgbox_type1 li:after { content:"/"; display: inline-block; margin: 0 5px; }
#department #sec_2 .bgbox_type1 li.last:after { content:""; display: none; }
#department #sec_2 .borderbox_type1 .btn_style2 { bottom: -30px; position: absolute; width: 100%; left: 0; right: 0; margin: 0 auto; font-size: 15px; max-width: 320px; text-align: center; }
@media screen and (max-width: 639px) {
	#department #sec_2 .subtitle_type2 { text-align: center; font-size: 18px; }
}	
@media screen and (max-width: 479px) {
	#department #sec_2 .borderbox_type1 .btn_style2 { max-width: none; width: 92%; }
}


/* ---------------------------------------
#charactor
--------------------------------------- */
/* sec_1 */
#charactor #sec_1 .sectitle{ margin-bottom: 0 }
#charactor #sec_1 .bg1{ text-align: right; padding-right: 10px }
#charactor #sec_1 .bg1 img{ width: 60px; }
#charactor #sec_1 .box1{ background: #fef4e5; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; padding:30px 6%; }
#charactor #sec_1 .box1>ul>li{ padding-bottom: 0; margin-bottom: 10px; border-bottom: 1px dotted #c7bcba }
#charactor #sec_1 .box1>ul>li.last{ padding-bottom: 0; margin-bottom:0; border-bottom: 0 }
#charactor #sec_1 .box1 .img1{  vertical-align: middle; }
#charactor #sec_1 .box1 dl { display: table; }
#charactor #sec_1 .box1 dt { width: 52px; padding-right: 15px; vertical-align: middle; display: table-cell; }
#charactor #sec_1 .box1 dd { height:auto; line-height: 1.6; padding: 20px 0;  display: table-cell;}
#charactor #sec_1 .box1 .img1 img{ width: 52px; }
#charactor #sec_1 .box1 .txt1,#charactor #sec_1 .box1 .txt2{ display: table; height:100%; }
#charactor #sec_1 .box1 .txt1 .inwrap,#charactor #sec_1 .box1 .txt2 .inwrap{ display: table-cell; vertical-align: middle; }
#charactor #sec_1 .box1 .txt1{ font-size: 1.33em; margin-right: 10px }
@media screen and (max-width: 980px) {
	#charactor #sec_1 .box1{ padding:20px 4%; margin-left: -4%; width: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
	#charactor #sec_1 .bg1{ padding-right: 0 }
	#charactor #sec_1 .box1>ul>li{ padding-bottom: 10px }
	#charactor #sec_1 .box1 .txt1{ font-size: 1.2em }
	#charactor #sec_1 .box1 dd { padding: 10px 0; }
}	
@media screen and (max-width: 639px) {
	#charactor #sec_1 .box1{ background: none; }
	#charactor #sec_1 .bg1 img{ display: none; }
}
@media screen and (max-width: 479px) {
	#charactor #sec_1 .box1 dt { width: 40px; padding-right: 10px; }
	#charactor #sec_1 .box1 .txt1{ font-size: 1.1em }
}
/* sec_2 */
#charactor #sec_2 .imglist { margin: 0 -100px; }
@media screen and (max-width: 1200px) {
	#charactor #sec_2 .imglist { margin: 0 -50px; }
}
@media screen and (max-width: 1040px) {
	#charactor #sec_2 .imglist { margin: 0; }
}
/* sec_3 */
#charactor #sec_3 .box1{ margin-bottom: 30px }
#charactor #sec_3 .imglist img{ margin: 0 auto 5px; max-width: 480px; display: block; }
@media screen and (max-width: 639px) {
	#charactor #sec_3 .box1{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ccc; }
}


/* ---------------------------------------
#access
--------------------------------------- */
/* sec_1 */
#access #sec_1 .schebox1{ margin-bottom: 0!important }

/* sec_2 */
#access #sec_2 .txt1{ text-align: center; font-size: 1.2em; margin-bottom: 15px }
#access #sec_2 .txt1 span{ font-weight: bold; }
#access #sec_2 .box1{ margin-bottom: 30px; position: relative; }
#access #sec_2 .box1 .bgbox_type1{ max-width: 700px; margin:0 auto; }
#access #sec_2 .box1, #access #sec_2 .box1 p{ text-align: center; }
#access #sec_2 .box1 .list1 li{ display: inline-block; font-weight: bold; margin-right: 5px }
#access #sec_2 .box1 .list1 li a{ font-weight: bold; }
#access #sec_2 .box1 .list1 li:after{ content:" / "; padding-left: 7px }
#access #sec_2 .box1 .list1 li.last{ margin-right: 0 }
#access #sec_2 .box1 .list1 li.last:after{ content: none; padding-left: 0 }
#access #sec_2 #access_map{ width: 100%; height:440px; margin-bottom: 20px }
#access #sec_2 .maplink1{ text-align: center; }
#access #sec_2 .maplink1 a{ max-width: 260px }
@media screen and (max-width: 639px) {
	#access #sec_2 .txt1{ text-align: left; font-size: 1.1em; margin-bottom: 10px }
	#access #sec_2 #access_map{ height:300px; }
	#access #sec_2 .box1{ margin-bottom: 15px; position: relative; }
	#access #sec_2 #access_map{ margin-bottom: 15px }
}

/* sec_3 */
#access #sec_3 .txt1{ text-align: center; margin-bottom: 20px }
#access #sec_3 .txt1 .inwrap{ font-weight: bold; color:#735853; font-size: 1.47em; border-bottom: 3px dashed #d5cdcb; display: inline-block; }
#access #sec_3 .txt2{ text-align: center; }
#access #sec_3 .list1>li{ margin-bottom: 30px; position: relative; }
#access #sec_3 .list1>li.last{ margin-bottom: 0 }
#access #sec_3 .list1>li .txt3{ display: table; width: 36%; float: left; height: 100%; margin-right: 2%; position: relative; }
#access #sec_3 .list1>li .txt3:after{ content: " "; background: url(../img/access/s3_arr1.png) no-repeat; background-size: contain; display: inline-block; position: absolute; bottom:-30px; left:0; right:0; margin:0 auto; width: 30px; height:16px; }
#access #sec_3 .list1>li.last .txt3:after{ content: none }
#access #sec_3 .list1>li .txt3 .inwrap{ display: table-cell; vertical-align: middle; }
#access #sec_3 .list1>li .txt3.txt3_1 .inwrap{ padding: 0 60px; }
#access #sec_3 .list1>li .list2{ float: left; width: 62% }
#access #sec_3 .list1>li .list2 li{ width: 48%; float: left; margin-left:2%; }
#access #sec_3 .txt4{ color: #239f39; font-weight: bold; font-size: 1.2em; text-align: center; margin-bottom: 10px }
#access #sec_3 .box1{ max-width: 525px; margin:0 auto; }
@media screen and (max-width: 980px) {
	#access #sec_3 .list1>li .txt3.txt3_1 .inwrap{ padding:0; }
}
@media screen and (max-width: 767px) {
	#access #sec_3 .list1>li{ margin-bottom: 50px }
	#access #sec_3 .list1>li:after{ content: " "; background: url(../img/access/s3_arr1.png) no-repeat; background-size: contain; display: inline-block; position: absolute; left:0; right:0; margin:0 auto; bottom:-38px; width: 30px; height:16px; }
	#access #sec_3 .list1>li.last:after{ content: none }
	#access #sec_3 .list1>li .txt3{ display: block; float: none; width: 100%; margin-bottom: 10px; }
	#access #sec_3 .list1>li .txt3:after{ content:none; }
	#access #sec_3 .list1>li .txt3.txt3_1{ padding-left: 0; width: 100% }
	#access #sec_3 .list1>li .list2{ float: none; width: 100% }
	#access #sec_3 .list1>li .list2:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; background: transparent; }
}
@media screen and (max-width: 639px) {
	#access #sec_3 .txt1{ margin-bottom: 15px }
	#access #sec_3 .txt1 .inwrap{ font-size: 1.2em; }
	#access #sec_3 .txt4{ font-size: 1.1em }
}
@media screen and (max-width: 479px) {
	#access #sec_3 .list1>li .list2 li{ margin-left:0; width: 100%; margin-bottom: 10px }
	#access #sec_3 .list1>li{ margin-bottom: 30px }
	#access #sec_3 .list1>li:after{ bottom:-23px; }
}
@media screen and (max-width: 400px) {
	#access #sec_3 .txt2{ text-align: left; }
}







/* ---------------------------------------
#news
--------------------------------------- */
#news dl.newstopics dt { width: 160px; float: left; }
#news dl.newstopics dd { padding-left: 170px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #cccccc; }
@media screen and (max-width: 767px) {
	#news dl.newstopics{ margin-bottom: 20px }
	#news dl.newstopics dt{ float: none; width:auto; padding-left: 0; margin-bottom: 0px; }
	#news dl.newstopics dt:before{ content:none; }
	#news dl.newstopics dd{ padding-left: 0;  }
}
@media screen and (max-width: 639px) {
	#news dl.newstopics{ margin-bottom: 15px }
	
}






/* ---------------------------------------
#qa
--------------------------------------- */
#qa .qalist1 dt { position: relative; cursor: pointer; background: #f4f2f1; padding:10px 8% 13px 3%; margin-bottom: 15px; line-height: 1.6; color:#735853; font-size: 1.33em; font-weight: bold; }
#qa .qalist1 dd{ /*display: none;*/ margin-bottom: 35px }
#qa .qalist1 dt .switchbox1{ display: none; margin-top:10px; }
#qa .qalist1 dt .accordionswitch{ position: absolute; width: 16px; height: 16px; right: 13px; top: 0; bottom: 0; margin: auto 0; }
#qa .qalist1 dt .accordionswitch .line{ padding:0; }
#qa .qalist1 dt .accordionswitch #line1 { width: 16px;  height: 2px; background: #735853; position: absolute; left:0; right:0; bottom: 0; top:0; margin:auto; -webkit-transition: all 0.6s; -moz-transition: all 0.6s ; transition: all 0.6s; }
#qa .qalist1 dt .accordionswitch #line2 { width: 2px; height: 16px; background: #735853; position: absolute; left:0; right:0; bottom: 0; top:0; margin:auto; -webkit-transition: all 0.6s; -moz-transition: all 0.6s ; transition: all 0.6s; }
#qa .qalist1 dt .accordionswitch.active #line2{ display: none; }
@media screen and (max-width: 639px) {
	#qa .qalist1 dt{ padding:8px 15% 9px 4%; margin-bottom: 10px; font-size: 1.1em  }
	#qa .qalist1 dd{ padding:0 2%; margin-bottom: 20px }
}

/* ---------------------------------------
#online
--------------------------------------- */
#online #sec_2 ol li  {list-style: none; margin-bottom:30px; padding-left: 1.3em; text-indent: -1.3em;}

#online #sec_3 dl.qa dt{font-size:1.33em; font-weight:bold; color:#735853; margin:38px 0 6px 0;}
#online #sec_3 dl.qa dd table{margin-bottom:30px;}
#online #sec_3 dl.qa dd table th,#online #sec_3 dl.qa dd table td{padding:8px; border:1px solid #222; text-align:center;}
#online #sec_3 dl.qa dd table th{background:#f1eeee;}
#online #sec_3 dl.qa dd table th.none{border:none; background:none;}

#online #sec_btn{display:block; text-align:center;}
#online #sec_btn p {
	text-align: center;
	margin-bottom: 15px;
}


.attention_box {
	background: #FFFF97;
    margin-bottom: 15px;
    padding: 10px 20px;
}