@charset "utf-8";

/*-----------------------------------------------------
top style
------------------------------------------------------*/
#spBanner { display: none; }
.home #banner { width: 100%; height: 370px; background: url(../../images/top/img_bnr.jpg) no-repeat top center; background-size: cover; }
.home #banner a { display: block; height:370px; }
.bnrIn { width: 1200px; margin: 0 auto; color: #005b3f; padding-top: 110px; line-height: 1.75; font-size:10px; font-size: 1rem; }
.bnrIn p { margin-top: 32px; font-size:17px; font-size: 1.69rem; display: inline-block; text-align: left; margin-left: 49px; }
.bnrIn h2 { margin-left: 49px; }
.bnrIn div { margin-left: 49px; }
.bnrIn a { float:left; color: #005b3f; margin-top: 5px; font-size:16px; font-size: 1.6rem; }
.bnrIn a:after { content: ''; width: 22px; height: 11px; display: inline-block; background: url(../images/arrow_green.png) 0 0 no-repeat; -webkit-background-size: 22px 28px; background-size: 22px 28px; margin-left: 6px; }
#Sec01 { width: 100%; background: #aad041; padding: 15px 0 3px 0; }
.secIn { width: 1008px; margin: 0 auto; }
.cateBox { width: 242px; min-height: 159px; float: left; display: table; background: #005b3f; margin: 0 13px 13px 0; padding: 2% 0; text-align: center; }
.cateBox a, .cateBox span { display: table-cell; width: 100%; vertical-align: middle; }
.cateBox h2 { font-size:21px; font-size: 2.14rem; color: #fff; }
.cateBox p { color: #fff; font-size:16px; font-size: 1.6rem; line-height: 1.4; margin-top: 2%; position: relative; }
.cateBox p:after { content: ''; width: 22px; height: 11px; display: inline-block; background: url(../images/arrow_white.png) 0 0 no-repeat; -webkit-background-size: 22px 28px; background-size: 22px 28px; position: absolute; bottom: 0; left: 50%; margin-left: -10px; }
.cateBox.no-icn p:after { display: none; }
.cateBox a:hover * { color: #aad041; }
.cateBox a:hover p:after { width: 22px; height: 11px; display: inline-block; background: url(../images/arrow_green.png) left bottom no-repeat; -webkit-background-size: 22px 28px; background-size: 22px 28px; }
.itemBox { width: 242px; float: left; margin: 0 13px 13px 0; position: relative; }
.itemBox a { display: block; background: #FFF; }
.itemBox a:hover h4 { color: #aad041; }
.lastItem { margin-right: 0px; }
.itemTit { width: 100%; position: absolute; left: 0px; bottom: 0px; background: rgba(0, 91, 63, .8); text-align: center; padding: 12px 0 13px 0; }
.itemTit h4 { color: #fff; font-size:15px; font-size: 1.5rem; letter-spacing: 0.03rem; }
.itemTit.titSizeMiddle h4 { font-size:14px; font-size: 1.4rem; }
.itemTit.titSizeSmall h4  { font-size:13px; font-size: 1.3rem; letter-spacing: 0.08rem; }
.cateBox img { display: inline; margin-top: 21px; }

/* =========================================================
globalArea
========================================================= */
.imgRes { width: 100%; }
.home { color: #005b3f; }
span .arrStyle:after { content: ''; width: 22px; height: 11px; display: inline-block; background: url(../images/arrow_green.png) 0 0 no-repeat; -webkit-background-size: 22px 28px; background-size: 22px 28px; margin-left: 12px; }
span .arrStyle:hover:after { background-position: left bottom; }
#secCont { width: 100%; background: #f7f7f7; }
.secContIn { width: 1008px; margin: 0 auto; }

/* =========================================================
contentArea
========================================================= */
#contentArea { background-color: #fff; }
#contentArea .contBlock { width: 737px; float: right; }
#contentArea .contBlockIn { padding: 38px 40px 0 40px; }
#contentArea .contBlockIn h2 { font-size:21px; font-size: 2.1rem; text-align: center; }
#contentArea .contBlockIn .contBlockList { padding: 6px 0 0 0; }
#contentArea .contBlockIn .contBlockList dl dt { font-size:15px; font-size: 1.5rem; padding: 27px 0 2px 0; letter-spacing: 1px; line-height: 1.6; }
#contentArea .contBlockIn .contBlockList dl dd { font-size:14px; font-size: 1.4rem; border-bottom: 1px solid #ececec; padding: 2px 0 20px 0; line-height: 1.6; letter-spacing: 1px; }
#contentArea .contBlockIn .contBlockList dl dd a {}
#contentArea .contBlockIn .moreBtn { text-align: center; padding: 42px 0 37px 0; }
#contentArea .contBlockIn .moreBtn span { font-size:15px; font-size: 1.5rem; }
#contentArea .asideArea { width: 271px; float: left; border-right: 1px solid #f7f7f7; }
#contentArea .asideArea .asideService { }
#contentArea .asideArea .asideService a { display: block; text-decoration: none; color: #005b3f; background: #fff; }
#contentArea .asideArea .asideService a:hover { background: #f7fcda; }
#contentArea .asideArea .asideService img { }
#contentArea .asideArea .asideService p { letter-spacing: 0.6px; font-size: 14px; padding: 16px 21px; }
#contentArea .asideArea .asideService .pdText { padding: 28px 21px; }
.asideBox { background-color: #f0efed; border-top: 1px solid #f7f7f7; }
.asideBox a { display: table; width: 100%; padding: 14px 16px; color: #005b3f; }
.asideBox a:hover { background: #f7fcda; }
.asideBoxL { width: 60px; display: table-cell; vertical-align: middle; }
.asideBoxR { font-size:14px; font-size: 1.4rem;  display: table-cell; vertical-align: middle; width: 183px; line-height: 1.3; padding-left: 15px; }
.asideBoxRtxt { }
.pd00{padding:0px !important;}

/* add icon-pdf */
.icon-pdf:after { content:"PDF"; display:inline-block; background: #aad041;color: #fff; font-size:12px; font-size: 1.2rem; padding: 1px 8px 0; margin-left: 5px; }

@media screen and (max-width:667px) {
/* =========================================================
　◆Head
========================================================= */
#banner { display: none; }
#spBanner { width: 100%; height: auto; padding-top: 55%; background: url(../../images/top/img_bnr.jpg) no-repeat center top; display: block; position: relative; -webkit-background-size:cover; background-size:cover; }
#spBanner a { display: block; width:100%; height:100%; position:absolute; left:0; top:0; }
#spBanner .spbnrIn { width: 66.667%; margin: auto; text-align: center; position: absolute; top: 50%; left: 0; right: 0; margin-top: -5%; }
#spBanner .spbnrIn h2 { width: 100%; margin: 0 auto; }
#spBanner .spbnrIn h2 img { margin: 0 auto; }
#spBanner .spbnrIn a { display: inline-block; margin: 0 auto; color: #005b3f; font-size: 1.48rem; margin-top: 14px; }
#spBanner .spbnrIn a:after { content: ''; width: 15px; height: 8px; display: inline-block; background: url(../images/arrow_green.png) 0 0 no-repeat; -webkit-background-size: 15px 20px; background-size: 15px 20px;  margin-left: 5px; padding-top: 2px; }

span .arrStyle:after { content: ''; width: 15px; height: 8px; display: inline-block; background: url(../images/arrow_green.png) 0 0 no-repeat; -webkit-background-size: 15px 20px; background-size: 15px 20px; margin-left: 12px; }
span .arrStyle:hover:after { background-position: left bottom; }

/* =========================================================
　◆Main
========================================================= */
#Sec01 { padding: 3% 0 3% 0; }
.secIn { width: 93.75%; margin: 0 auto; }
.secIn>div:nth-child(odd)  { clear: both; }
.secIn>div:nth-child(even) { float: right; }
.cateBox, .itemBox { width: 49.8%; min-height: inherit; margin: 0 0 0.3% 0; }
.cateBox { padding: 0; }
.cateBox h2 { font-size: 1.1rem; }
.cateBox p { font-size: 1.0rem; line-height: 1.6; margin-top: 2.3%; }
.cateBox p:after { bottom: 14px; -webkit-background-size: 15px 20px; background-size: 15px 20px; width: 15px; height: 8px; }
.cateBox a:hover p:after { -webkit-background-size: 15px 20px; background-size: 15px 20px; }
.cateBox img { display: inline-block; width: 9.1%; margin-top: 5.3%; }
.itemTit { width: 100%; padding: 10px 0; }
.itemTit.titSizeMiddle { }
.itemTit.titSizeSmall  { padding: 9px 0; }
.itemTit.titSizeMiddle h4 { font-size: 1rem; }
.itemTit.titSizeSmall h4  { font-size: 1rem; }
.bracket { font-family: "Franklin Gothic Heavy"; font-size: 16px; }
.spitemTit { width: 100%; position: absolute; left: 0px; bottom: 0px; background: rgba(0, 91, 63, .8); text-align: center; }
.spitemTit h4 { color: #fff; font-size: 1.3rem; padding: 3.2% 0 3.2% 0; line-height: 1.3; }
.secContIn { width: 100%; }

#contentArea .contBlock { width: 100%; float: none; }
#contentArea .contBlockIn { width: 90.6%; margin: 0 auto; padding: 7% 0 0 0; }
#contentArea .contBlockIn h2 { font-size: 1.5rem; text-align: center; }
#contentArea .contBlockIn .contBlockList { padding: 0%; }
#contentArea .contBlockIn .contBlockList dl.SP_dl { margin: 2.3% 0 0 0; }
#contentArea .contBlockIn .contBlockList dl dt { font-size: 1.1rem; padding: 3% 0 0% 0; letter-spacing: 1.5px; }
#contentArea .contBlockIn .contBlockList dl dd { font-size: 1.1rem; border-bottom: 1px solid #ececec; padding: 0 0 5% 0; letter-spacing: 0px; }
#contentArea .contBlockIn .moreBtn { padding: 6% 0 7% 0; }
#contentArea .contBlockIn .moreBtn span { font-size: 1.1rem; }
#contentArea .asideArea { width: 100%; float: none; border-right: none; }
#contentArea .asideArea .asideSec01 { display: table; background-color: #fff; }
#contentArea .asideArea .asideService { display: table-cell; width: 49.8%; background-color: #fff; }
#contentArea .asideArea .asideService img { width: 100%; }
#contentArea .asideArea .asideBdrLeft { margin-right: 0; border-right: 1px solid #f0efed; }
#contentArea .asideArea .asideService p { letter-spacing: 0.5px; font-size: 1.0rem; text-align: center; margin: 0; line-height: 1.6; padding: 16px 10px; }
#contentArea .asideArea .asideService .pdText { padding: 16px 10px; }
.asdieBoxArea { margin: 0; }
.asideBox { width: 100%; border-bottom: 2px solid #f7f7f7; border-top: none; }
.asideBox a { padding: 3% 4.5% 3.5% 4.5%; }
.asideBoxL { width: 10%; }
.asideBoxR { font-size: 1rem; width: 86%; line-height: 1.3; padding: 0px 0px 0px 3.125%; }
.pd00{padding:0px !important;}

}