@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');

/*head*/
.hd_header {background: #504e4c;}
#hd_wrap {background: #504e4c;}
.gnb_2dul {border-top: 1px solid #222;font-family: 'Noto Sans JP';}
.gnb_2dul:before {background-color: #504e4c;}
.hd_lang ul li a:hover {color: #504e4c;}
.hd_bottom {display:block;position: absolute;left: 50%;margin-left: -720px;top: 52px;}
.hd_bottom li a{color:#666;display: block;width: 200px;height: 99px;background: url(/img/logo_j_w.png) no-repeat;background-size: 200px;margin:0;}
.gnb_1dli.gnb_al_li_plus .gnb_1da{font-size: 20px;padding: 0 50px 15px;}


/*main*/
.mQuick ul li p {font-family:'Noto Sans JP', sans-serif, dotum, sans-serif;font-weight: 400;}
.mNews .wr_subject {font-size: 18px;}
.mNews_wrap > ul li:after {top:10px;}
.mTitA > span {font-family:'Noto Sans JP', sans-serif, dotum, sans-serif;}

/*sub*/
/*body*/
body {margin:0;padding:0;font-size:16px;font-family:'Noto Sans JP', sans-serif, dotum, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family:'Noto Sans JP', sans-serif, dotum, sans-serif;}
input, button  {font-family:'Noto Sans JP', sans-serif, dotum, sans-serif;}
select {font-family:'Noto Serif JP', serif;}
input {font-family:'Noto Sans JP', serif;}



.tit2depth {font-family: 'Noto Serif JP', serif;}
.sub_sitemap h2 {font-family: 'Noto Serif JP', sans-serif;}

#ctt_con {font-family: 'Noto Serif JP', serif;text-align: left;word-break: normal;}
#container .tit01:after {background: #353331;}
#container .tit02 {word-break: normal;}
#container .tit03 span {margin-right: 7px;}
#container .tit04 {color:#222}
#container .tit09 {font-size: 26px;color: #222;font-weight: 700;margin: 0 0 5px;}
.pottM {font-weight: 700 !important;}

span.comment {display: inline-block;position: relative;padding: 0 9px 0 0;color: #df1e26;}
span.comment:after {content:'*';position: absolute;right: 0px;top: -3px;color: #df1e26;font-size: 16px;}


#subtab {width:100%; overflow:hidden; margin-bottom:30px; letter-spacing:-0.5px; }
#subtab ul{padding:0px; margin:0px;}
#subtab ul::after {clear:both; content:""; display:block;}
#subtab li{list-style-type:none; float:left;display:block; text-decoration:none; background:#fff; border:1px solid #e1e1e1;  margin-left:-1px; cursor: pointer; padding:10px 13px 10px 12px;  color:#666 !important; text-align:center;overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#subtab li:first-child , #subtab  li.el{  margin-left:0px;  }
#subtab li:hover{ text-decoration:none;background:#f5f5f5 }
#subtab li.on {border:1px solid #bf6d24; background: #bf6d24; color:#fff !important; }


#container .tit01{margin:0px 0px 20px 0px  !important; font-size:22px !important; color:#bf6d24; border-bottom:0px !important;}
#container .tit02{margin:0; line-height:170%;}
#container .tit03{display:block; margin:0; color:#c05c00; font-weight:300;font-size:20px; line-height:160%; letter-spacing:-0.5px;}
#container .tit04{position:relative; color:#287c30; font-weight:normal; font-size:22px; padding-bottom:5px; line-height:170%; letter-spacing:-1px;}
#container .tit05{margin-top:50px; margin-bottom:30px; position:relative; color:#313131; font-weight:normal; font-weight:700;font-size:28px; padding-bottom:5px; line-height:170%; letter-spacing:-1px;}
#container .tit06{  margin-bottom:30px; position:relative; color:#313131; font-weight:normal; font-weight:400;font-size:24px; padding-bottom:5px; line-height:170%; letter-spacing:-1.5px;}

#container dl.fl {margin-top:0px; width:100%; clear:both; }
#container dl.fl > dt{float:left; width:45%; font-weight:normal !important;}
#container dl.fl > dd{float:right; width:47%; margin-left:8%;}
#container dl.fl > dd img{width:100%;}
#container dl.fl:after{clear:both; content:''; display:block;}

#container dl.fl2 {margin-top:0px; width:100%; clear:both; }
#container dl.fl2 > dt{float:left;width:60%; font-weight:normal !important;}
#container dl.fl2 > dt img{width:100%;}
#container dl.fl2 > dd{float:right;width: 32%;margin-left:8%;}
#container dl.fl2:after{clear:both; content:''; display:block;}

#container dl.fl3 {margin-top:0px; width:100%; clear:both; }
#container dl.fl3 > dt{float:left; width:60%; font-weight:normal !important;}
#container dl.fl3 > dd{float:right; width:30%; margin-left:8%;}
#container dl.fl3:after{clear:both; content:''; display:block;}


#container dl.fl8 {margin-top:0px; width:45%; float:left; margin-right:7.5%;}
#container dl.fl8 > dt{float:left; width:100%; margin-bottom:15px;}
#container dl.fl8 > dt img{width:100%;}
#container dl.fl8 > dd{float:right; width:100%;}
#container dl.fl8:after{clear:both; content:''; display:block;}
.bt_a {margin-top:20px; width:182px;}
.bt_a a{display:block; color:#215726; text-align:center; font-size:16.5px; padding:0px 10px; line-height:36px; height:36px;border:1px solid #215726;   border-radius: 25px !important;  -webkit-border-radius: 25px !important; -moz-border-radius: 25px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bt_a a:hover {border-color:#0f9f42; background:#0f9f42; color:#fff;}