@charset "UTF-8";

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;
}
p {
  font-size: 18px;
  line-height: 26px;
}
h1, h2, p b {
  color: #0d6c29;
}
.border {
  border-bottom: 1px solid #cccccc;
  margin: 15px 0;
}
.banner_kv {
  background-color: #ffffff;
  background-image: url(banner.jpg);
}
.res_banner_kv {
  background-image: url(res_banner.jpg);
}
.main_banner_section.page_banner {
  background-position: center center;
}
.not-show-mobile {
  display: block;
}
.show-mobile {
  display: none;
}

@media screen and (max-width: 620px) {
.banner_kv {
  background-image: url(banner_m.jpg);
}
.res_banner_kv {
  background-image: url(res_banner_m.jpg);
}
.main_banner_section.page_banner {
  background-position: center center;
}
.not-show-mobile {
  display: none;
}
.show-mobile {
  display: block;
}
}

.sup-icon:before {
  content: "#";
  display: inline-block;
  margin-left: -12px;
  width: 12px;
}
.sup-icon1:before {
  content: "#";
  display: inline-block;
  margin-left: -12px;
  width: 12px;
}
.sup-icon2:before {
  content: "^";
  display: inline-block;
  margin-left: -12px;
  width: 12px;
}
.sup-icon3:before {
  content: "◆";
  display: inline-block;
  margin-left: -12px;
  width: 12px;
}
.sup-icon4:before {
  content: "▲";
  font-size: 7px;
  display: inline-block;
  margin-left: -12px;
  width: 12px;
}
.sup-icon5:before {
  content: "++";
  display: inline-block;
  margin-left: -12px;
  width: 12px;
}
.sup-icon6:before {
  content: "△";
  display: inline-block;
  margin-left: -12px;
  width: 12px;
}
.sup-icon7:before {
  font-size: 7px;
  content: "▼";
  display: inline-block;
  margin-left: -12px;
  width: 12px;
}
.sup-icon8:before {
  content: "▽";
  display: inline-block;
  margin-left: -12px;
  width: 12px;
}
.sup-icon9:before {
  content: "*";
  display: inline-block;
  margin-left: -12px;
  width: 12px;
}
.sup-icon10:before {
  content: "♦";
  display: inline-block;
  margin-left: -12px;
  width: 12px;
}
.sup-icon11:before {
  content: "~";
  display: inline-block;
  margin-left: -12px;
  width: 12px;
}
.sup-icon12:before {
  content: "*";
  display: inline-block;
  margin-left: -12px;
  width: 12px;
}
/* detail page */
.inner-detail { position:relative; padding-bottom:30px!important; }
.inner-detail .img-center { text-align:center; }
.inner-detail .img  { margin-top:15px; }
.inner-detail .logo, .inner-detail .img  { padding-left:0; padding-right:0; }
.inner-detail h2 { font-size:20px; color:#0d6c29; margin-bottom:10px; }
.inner-detail b { color:#0d6c29; }
.inner-detail ul { margin-left:20px; }
.inner-detail ul li { font-size: 16px;}
.inner-detail ul li ul { margin-left:0; }
.inner-detail .txt { margin-top:10px; }
.inner-detail .remark { margin-top:10px; margin-bottom:0; line-height: 18px;}
.inner-detail .remark a { color:#222222; text-decoration:underline !important; }
.inner-detail .remark a:hover { text-decoration:none !important; }
.inner-detail .btn_back a { background: #ffffff; border: 1px solid #0d6c29; color: #0d6c29; padding: 8px 15px; display:block; font-size:16px; text-align:center; line-height:16px; position:fixed; right:0; bottom:0; margin-top:-16px; width:100px; }
.inner-detail .btn_back a:hover { text-decoration:none !important; background: #0d6c29; color: #ffffff; }
.inner-detail .btn_back a:before { content: ''; display: inline-block; vertical-align: top; background: url(ico_top.png); width: 13px; height: 13px; margin-right: 5px; }
.inner-detail .btn_back a:hover:before { background: url(ico_top_w.png); }

.tncWrapper { position: relative; padding: 20px 10px; background-color: #EEEEEE; margin: 15px 0; display:none; }
.tncWrapper p.tncTitle { font-size: 11px; color: #000; font-weight: bold; margin-bottom: 0px !important; }
.tncWrapper ul.number { list-style: decimal; margin-left: 20px; margin-bottom:0; }
.tncWrapper ul li { font-size: 11px !important; line-height: 14px !important; }

.menuWrapper { position: relative; padding: 0px 0px; background-color: #ffffff; margin: 0px 0; display:none; margin-bottom:10px; }

.menuWrapper p { font-size: 16px; }

.menuWrapper ol { font-size: 16px; margin-left:20px; }


.telWrapper { position: relative; padding: 20px 10px; background-color: #EEEEEE; margin: 15px 0; display:none; }
.telWrapper p { font-size: 16px; }
.telWrapper p.ico:before { content: ''; display: inline-block; vertical-align: top; background: url(ico_phone.png); width: 15px; height: 9px; margin-top: 8px; margin-right: 8px; }

.view_daasc .remark { margin-top:0; }

.btn_menu {
  color: #0d6c29;
  height: 30px;
  line-height: 20px;
  font-weight: bold;
  display: inline-block;
  text-decoration: underline;
}
.btn_menu:after {
  content: ' ';
  text-indent: -999em;
  background: url(icn_stroke_non_hase_link_hase_green.svg) no-repeat;
  width: 22px;
  height: 22px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
}
.btn_menu:hover:after {
  background: url(icn_solid_non_hase_link_hase_green.svg) no-repeat;
}

.btn_menu_hto {
  color: #0d6c29;
  height: 21px;
  line-height: 20px;
  font-weight: bold;
  display: inline-block;
  text-decoration: underline;
}
.btn_menu_hto:after {
  content: ' ';
  text-indent: -999em;
  background: url(icn_stroke_non_hase_link_hase_green.svg) no-repeat;
  width: 22px;
  height: 22px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
}
.btn_menu_hto:hover:after {
  background: url(icn_solid_non_hase_link_hase_green.svg) no-repeat;
}

.btntn_detail { color: #20662a; }
.btn_detail:hover{ color: #20662a; }
.btn_detail:before { content: ' '; text-indent: -999em; background: url(/cms/emkt/pmo/common/img/icon_15px.png) no-repeat -30px -60px; width: 15px; height: 15px; margin-right: 5px; margin-top: -2px; display: inline-block; vertical-align: middle; }
.btn_detail:hover:before { background-position: -30px -75px; }

@media (max-width: 640px) {
.inner-detail .logo  { margin:24px auto; padding-right:15px; }
.inner-detail .img  { margin-top:0; }
}

.generaltncLink:after {
    content: ' ';
    text-indent: -999em;
    background: url(/cms/emkt/pmo/common/img/icon_15px.png) no-repeat 0px -90px;
    width: 15px;
    height: 15px;
    margin-left: 0px;
    display: inline-block;
    vertical-align: middle;
}
.generaltncLink.expanded:after {
    background-position: -15px -90px;
}

.ui-tab {
  border-bottom: 10px solid #0d6c29;
}
.ui-tab li.current, .btn_action {
  background-color: #0d6c29;
}

.tle-line{
  border-bottom: 1px solid currentColor;
  display: inline-block;
  line-height: 0.85;
}

.hto-box {
    border:1px solid #0d6c29;
    text-align: justify;
    letter-spacing: -0.012em;
    padding:5px 20px 15px 20px;
}

.hto a:link, a:visited {
  text-decoration: none;
}

.hto a:hover, a:active {
  border-bottom: 1px solid currentColor;
  display: inline-block;
  line-height: 0.85;
}

.oln-table {
    width:100%;
    border:0;
    cellspacing:0;
    cellpadding:0; 
}

.oln-table th {
    border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #0d6c29;
    color: #fff;
    font-size: 15px;
	line-height: 17px;
	border: 1px solid #9b9b9b;
    text-align: center;
    
}

.oln-table td {
    border-left: 1px solid #9b9b9b;
	border-right: 1px solid #9b9b9b;
	border-top: 1px solid #9b9b9b;
	border-bottom: 1px solid #9b9b9b;
	font-size: 15px;
	line-height: 17px;
    text-align: center;
}

.oln-table tr:nth-child(even) {
	background-color:#FFFFFF;
}

#noshow {
   background-color: #fff;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

.ui-tab li { 
    display:table-cell; outline:0; 
    vertical-align:middle; 
    background-color: #FFFFFF;
    border-right: 2px solid #0d6c29;
    border-top: 2px solid #0d6c29;
    border-left: 2px solid #0d6c29; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; 
}  

.ui-tab li a { color: #0d6c29;}
.ui-tab li.current a { color: #FFFFFF;}