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






/* ---------------------------------------
#index
--------------------------------------- */
/* #sec_news */
#sec_news { margin-bottom: 35px; }
#sec_news .sectitle img { height: 36px; }
#sec_news dl { overflow-y: auto; max-height: 200px; padding-right: 10px; }
#sec_news dt { width: 110px; float: left; color: #19A261; }
#sec_news dd { padding-left: 110px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #D8D8D8; }
@media screen and (max-width: 639px) {
	#sec_news .sectitle img { height: 38px; }
	#sec_news dt { width: 100%; float: none; }
	#sec_news dd { padding-left: 0; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #D8D8D8; }
}

/* #sec_1 */
#index #sec_0 { display: none; }
#index #sec_1 { margin-bottom: 35px; }
#index #sec_1 dl { overflow-y: auto; max-height: 200px; }
#index #sec_1 dt { width: 110px; float: left; color: #19A261; }
#index #sec_1 dd { padding-left: 110px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #D8D8D8; }
@media screen and (max-width: 959px) {
	#index #sec_0 { display: block; max-width: 340px; margin: 0 auto 40px; }
}
@media screen and (max-width: 639px) {
	#index #sec_0 { margin: 0 auto 30px; }
	#index #sec_1 dt { width: 100%; float: none; }
	#index #sec_1 dd { padding-left: 0; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #D8D8D8; }
}

/* #sec_2 */
#index #sec_2 { background: url(../img/common/parts2.png) repeat left top; padding: 20px; margin-bottom: 40px; }
#index #sec_2 .inbox .img1 { margin: 0 auto; border-bottom: 2px solid #CBEADB; text-align: center; padding-bottom: 10px; margin-bottom: 20px; }
#index #sec_2 .inbox .img1 img { width: 279px; }
#index #sec_2 .inbox .img2 { width: 253px; float: right; margin-left: 25px; }
#index #sec_2 .inbox li .txt1 { font-size: 1.2em; font-weight:bold; text-indent: -1em; padding-left: 1em; }
#index #sec_2 .inbox li .txt1 span { font-size: 0.78em; color: #B49B82; }
@media screen and (max-width: 959px) {
	#index #sec_2 { padding: 10px; margin-bottom: 30px; width: 110%; margin-left: -5%; padding: 30px 0; }
	#index #sec_2 .inbox { width: 90%; margin: 0 auto; }
}
@media screen and (max-width: 639px) {
	#index #sec_2 .inbox .img2 { width: 100%; float: none; max-width: 320px; margin: 0 auto 10px; }
	#index #sec_2 .inbox .img1 img { min-width: 230px; max-width: 320px; width: 80%; }
}

/* #sec_3 */
#index #sec_3 {
	overflow: hidden;
}
#index #sec_3 li { 
	float: left;
    width: 47%;
    text-align: center;
}
#index #sec_3 li:first-child {
	margin-right: 20px;
}


/* #topic */
#index #topic { display: none; }
@media screen and (max-width: 639px) {
#index #topic { display: block; width: 110%; background: url(../img/index/mv_bg.png) center top; margin-left: -5%; text-align: center; margin-bottom: 0; }
#index #topic .txt { max-width: 90%; width: 420px; margin: 0 auto; padding: 30px 0; }
}

/* #sec_qa */
#index #sec_qa { display: none; }
@media screen and (max-width: 959px) {
	#index #sec_qa { display: block; max-width: 340px; margin: 0 auto 40px; }
}
@media screen and (max-width: 639px) {
	#index #sec_qa { margin: 0 auto 20px; }
}



/* ---------------------------------------
#greeting
--------------------------------------- */
/* #sec_1 */
#greeting #sec_1 .inbox { margin-bottom: 60px; }
#greeting #sec_1 .txt1 { font-size: 1.4em; font-weight: bold; }
#greeting #sec_1 .img1 { float: right; width: 146px; margin-left: 30px; margin-bottom: 25px; }
#greeting #sec_1 .name { font-size: 1.2em; font-weight: bold; text-align: right; }
#greeting #sec_1 .etitle { width: 182px; background: #CBEADB; padding: 2px 0; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 10px; }
#greeting #sec_1 .etitle img { height: 16px; }
#greeting #sec_1 .ul1 li { width:315px; float: left; margin-bottom: 30px; }
#greeting #sec_1 .ul1 li.li1 { width: 100%; margin-bottom: 0px; }
#greeting #sec_1 .ul2 li { margin-bottom: 0px; }
@media screen and (max-width: 959px) {
	#greeting #sec_1 .inbox { margin-bottom: 40px; }
	#greeting #sec_1 .etitle { width: 100%; }
	#greeting #sec_1 .etitle img { height: 16px; }
	#greeting #sec_1 .ul1 li { width:100%; float: none; margin-bottom: 20px; }
	#greeting #sec_1 .ul1 li.li1 { width: 100%; margin-bottom: 0px; }
	#greeting #sec_1 .ul2 li { margin-bottom: 0px; }
}
@media screen and (max-width: 639px) {
	#greeting #sec_1 .txt1 { margin-bottom: 10px; }
	#greeting #sec_1 .txt1 span { display: inline-block; }
	#greeting #sec_1 .img1 { float: none; width: 100%; margin-left: 0px; margin-bottom: 5px; max-width: 175px; margin: 0 auto 10px; }
}





/* ---------------------------------------
#about
--------------------------------------- */
/* #sec_1 */
#about #sec_1 .inbox { position: relative; margin-bottom: 35px; }
#about #sec_1 .inbox .cnt_left { }
#about #sec_1 .inbox .cnt_left .ul1 li { font-size: 1.13em; font-weight: bold; color: #00974F; margin-bottom: 10px; }
#about #sec_1 .inbox .cnt_left .ul1 li span { color: #B2E0CA; }
#about #sec_1 .inbox .cnt_left .ul2 li { font-size: 0.88em; font-weight: normal; color: #474747; margin-bottom: 0px; }
#about #sec_1 .inbox .cnt_right .img1 { width: 306px; position: absolute; top: 20px; right: 0px; }
#about #sec_1 .bgbox { background: url(../img/common/parts2.png) repeat left top; padding: 25px 40px; margin-bottom: 20px; }
#about #sec_1 .bgbox .img1 { text-align: center; margin-bottom: 20px; }
#about #sec_1 .bgbox .img2 { background: #32AC72; margin: 0px auto 15px; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 6px 0; }
#about #sec_1 .bgbox li { color: #323232; font-weight: bold; font-size: 1.13em; }
#about #sec_1 .bgbox li span { color: #B2E0CA; font-size: 0.88em; }
#about #sec_1 .bgbox .ul1 li { font-weight: normal; font-size: 0.88em; padding-left: 1.2em; }
@media screen and (max-width: 959px) {
	#about #sec_1 .btn { display: none; }
}
@media screen and (max-width: 639px) {
	#about #sec_1 .inbox .cnt_left .ul1 li { margin-bottom: 0px; }
	#about #sec_1 .inbox .cnt_right .img1 { position: static; margin: 20px auto 0; max-width: 90%; }
	#about #sec_1 .bgbox { padding: 6% 4%; margin-bottom: 0; }
	#about #sec_1 .bgbox .ul1 li { padding-left: 0em; text-indent: initial; }
}
@media screen and (max-width: 479px) {
	#about #sec_1 .bgbox .img2 img { max-width: 220px; }
}




/* ---------------------------------------
#information
--------------------------------------- */
/* #sec_1 */
#information #sec_1 .img1{ width:260px; float: right; }
@media screen and (max-width: 639px) {
	#information #sec_1 .img1{ max-width:320px; float: none; margin: 0 auto 10px; }
}
/* #sec_4 */
#information #sec_4 .img1 { width: 564px; margin: 15px 0 ; }
#information #sec_4 .txt1 { color: #EA6C55; font-weight: bold; font-size: 1.07em; }
@media screen and (max-width: 639px) {
	#information #sec_4 .img1 { width:100%; }
}

/* #sec_6 */
#information #sec_6 { position: relative; }
#information #sec_6 .inbox .cnt_left { width: 320px; }
#information #sec_6 .inbox .cnt_right .img1 { width: 325px; position: absolute; top: 60px ; right: -25px; }
@media screen and (max-width: 959px) {
	#information #sec_6 { margin-bottom: 15px!important; }
	#information #sec_6 .inbox .cnt_left { width: 60%; }
	#information #sec_6 .inbox .cnt_right .img1 { width: 325px; position: absolute; top: 60px ; right: -25px; }
}
@media screen and (max-width: 767px) {
	#information #sec_6 { margin-bottom: 0px!important; }
	#information #sec_6 .inbox .cnt_left { width: 100%; }
	#information #sec_6 .inbox .cnt_right .img1 { display: none; }
}




/* ---------------------------------------
#qa
--------------------------------------- */
#qa #mainv { background: #f0ebe6; }
#qa #cnt_main { margin-top: -25px; }
@media screen and (max-width: 767px) {
	#qa #cnt_main { margin-top: 0px; }
}

/* #sec_1 */
#qa #sec_1 .inbox { position: relative; margin-bottom: 50px; }
#qa #sec_1 .inbox .cnt_left { width: 470px; }
#qa #sec_1 .inbox .cnt_right .img1 { width: 210px; position: absolute ; top: -90px ; right: -27px ; }
#qa #sec_1 .inbox .etitle { width: 235px; margin-bottom: 7px; }
#qa #sec_1 .inbox .txt1 { width: 190px; background: #EE8A77; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 20px; }
#qa #sec_1 .inbox .txt1 img { width: 157px; }
#qa #sec_1 .inbox .txt2 { font-size: 0.93em; }
#qa #sec_1 dt { border-bottom: 3px solid #98D5B8; padding-bottom: 7px; margin-bottom: 15px; color: #19A261; font-size: 1.13em; font-weight: bold; }
#qa #sec_1 dt img { width: 30px; padding-right: 5px; }
#qa #sec_1 dd { margin-bottom: 35px; }
#qa #sec_1 dd img { width: 30px; padding-right: 5px; padding-bottom: 10px; }
@media screen and (max-width: 959px) {
	#qa #sec_1 .inbox { margin-bottom: 30px; }
	#qa #sec_1 .inbox .cnt_left { width: 80%; }
	#qa #sec_1 .inbox .cnt_right .img1 { top: -80px ; }
	#qa #cnt_side #cs_2 { display: none; }
	
}

@media screen and (max-width: 767px) {
	#qa #sec_1 .inbox .cnt_left { width: 100%; }
	#qa #sec_1 .inbox .cnt_right .img1 { display: none; }
}



/* ---------------------------------------
#access
--------------------------------------- */

/* #sec_1 */
#access #sec_1 .sche thead th { font-size: 1.07em; padding: 8px 0; }
#access #sec_1 .sche th { padding: 14px 0; font-size: 1.07em; }
#access #sec_1 .txt1 { color: #00974F; font-weight: bold; font-size: 1.13em; }

/* #sec_2 */
#access #sec_2 .txt1 { font-weight: bold; margin:8px 0 15px; }
#access #sec_2 .txt1 img { height: 23px; vertical-align: middle; margin-right: 8px; }
#access #sec_2 .box { margin-bottom: 20px; }
#access #sec_2 .box li { display: table-cell; vertical-align: bottom; }
#access #map { width: 497px; height: 335px; margin-top: 10px; }
@media screen and (max-width: 959px) {
	#access #sec_2 .box ul { width: 100%; margin: 0 auto; }
	#access #map { width: 100%; height: 350px; margin-top: 10px; }
}
@media screen and (max-width: 767px) {
	#access #sec_2 .box li { display: block; margin-bottom: 5px; }
}
@media screen and (max-width: 639px) {
	#access #map { width: 100%; height: 250px; margin-top: 10px; }
}
/* #sec_3 */
#access #sec_3 { width: 100%; margin: 0 auto; position: relative; margin-bottom: 50px; }
#access #sec_3 .img1 { position: absolute; top: 0; right: 0; }
@media screen and (max-width: 959px) {
	#access #sec_3 { width: 85%; margin-left: 0; }
}
@media screen and (max-width: 767px) {
	#access #sec_3 { width: 100%; }
}
@media screen and (max-width: 639px) {
	#access #sec_3 { margin-bottom: 15px; }
	#access #sec_3 .img1 { display: none; }
	#access #sec_3 .btn { max-width: 250px; }
}