@charset "UTF-8";
/* CSS Document */
#feature .container { height: 100%; padding: 0px; }

/* activity */
#feature a { text-decoration: none; }
#feature .top { margin-bottom: 80px; }
#feature .top .colWrap { -webkit-align-items: center; align-items: center; }
#feature .bg_top { position: relative; background-repeat: no-repeat; }
#feature .top .right {  }
#feature .title-B {  }
#feature .desc { margin-bottom: 0px; }


@media (min-width: 768px) {
    
    #feature .bgPhoto { background-image: url(images/bg_activity_ttl.jpg) ; }
    #feature .bg_top {  background-size: 285px 305px;  background-image: url(images/bg_activity_top.png); }
    #feature .top .left { width: 285px;  height: 310px; }
    #feature .title-B { /* padding-left: 70px; */  position: relative; }
    #feature .top .right { width: 660px; }
    #feature .post_title-B { padding-left: 75px; }
}

@media (max-width: 767px) {
    #feature .container {  margin: 0px 40px;  }
    #feature .top .colWrap { -webkit-align-items: center; align-items: center; margin-bottom: 60px; }
    #feature .bgPhoto { background-image: url(images/bg_activity_ttl-sp.jpg); }
    #feature .bg_top { background-size: 165px 175px;  background-image: url(images/bg_activity_top-sp.png); padding-left: 60px;}
    #feature .top .left { width: 100%; background-size: 70%; background-repeat: no-repeat; }
    #feature .title-B { padding-left: 0px; text-align: left;}
    #feature .top .right { width: 100%; }
}

#feature .top .colWrap { -webkit-align-items: center; align-items: center; margin-bottom: 60px; }


/* single */

.detail_catch { color: #231815; }

/* #feature.single .contents h2 { padding: 10px 0px; text-align: center; color: #75856e; background: #e4f5f5; font-weight: normal; } */
#feature.single .contents h2 { padding: 10px 0px; text-align: center; color: #55ADB3; background: #E2F4F4; font-weight: normal; }
#feature.single .contents h3 { font-size: 20px; position: relative; padding-left: 50px; margin-bottom: 20px; font-weight: normal; }
#feature.single .contents h4 { font-size: 17px; position: relative; padding-left: 50px; margin-bottom: 20px; font-weight: normal; }
#feature.single .contents h5 { font-weight: normal; line-height: 1.5; margin-bottom: 20px; }

#feature.single .contents p + h2, #feature.single .contents img + h2, #feature.single .contents table + h2 {  }
#feature.single .contents p + h3, #feature.single .contents img + h3, #feature.single .contents table + h3 {  }
#feature.single .contents p + h4, #feature.single .contents img + h4, #feature.single .contents table + h4 {  }

#feature.single .contents h3:before{counter-increment: list; content: "";  display: block; position: absolute; left: 0px; height: 20px; width: 20px; border-radius: 0%; background: #333; top: 50%; -moz-transform: translateY(-50%);   -webkit-transform: translateY(-50%);  -o-transform: translateY(-50%); -ms-transform: translateY(-50%);  transform: translateY(-50%); }
#feature.single .contents h4:before{counter-increment: list; content: "";  display: block; position: absolute; left: 0px; height: 17px; width: 17px; border-radius: 0%; background: #333; top: 50%; -moz-transform: translateY(-50%);   -webkit-transform: translateY(-50%);  -o-transform: translateY(-50%); -ms-transform: translateY(-50%);  transform: translateY(-50%); }

#feature.single .contents ul{ counter-reset:list; list-style-type:none !important; font: 14px/1.6 'arial narrow', sans-serif; padding:0; }
#feature.single .contents ul li{ position:relative; padding: 0 0 0 20px; font-weight: bold; font-size:14px; }
#feature.single .contents ul li:before{counter-increment: list; content: "";  display: block; position: absolute; left: 0px; height: 5px; width: 5px; border-radius: 50%; background: #76ABB1;  top: 50%; -moz-transform: translateY(-50%);   -webkit-transform: translateY(-50%);  -o-transform: translateY(-50%); -ms-transform: translateY(-50%);  transform: translateY(-50%); }


#feature.single .contents { max-width: 840px; margin: 0 auto; }
#feature.single .contents table { width: 100% !important; font-size: 1.8rem; }

/* #feature.single .contents table tr {border-bottom: 1px solid #7b8c74; } */
#feature.single .contents table tr {border-bottom: 1px solid #55ADB3; }
#feature.single .contents table td { padding: 25px 0px; }
/* #feature.single .contents table td:first-child { color: #7b8c74; } */
#feature.single .contents table td:first-child { color: #55ADB3; }
#feature.single .contents table td:last-child {  }

/* #feature.single .contents table caption { text-align: center; color: #fff; background: #7b8c74; width:100%; padding: 10px 0; caption-side: top; } */
#feature.single .contents table caption { text-align: center; color: #fff; background: #55ADB3; width:100%; padding: 10px 0; caption-side: top; }

/* #feature.single .tag_wrap { margin-top: 20px; }
#feature.single .category { display: inline-block; width: 160px; padding: 5px 0px; background: #55ADB3; text-align: center; color: #fff; border-radius: 10px; margin-right: 5px; margin-bottom: 10px; caption-side: top; } */



@media (min-width: 768px) {

    #feature.single .contents h2 { font-size: 2.8rem; margin-bottom: 35px; }
    #feature.single .contents p + h2, #feature.single .contents img + h2, #feature.single .contents table + h2 { margin-top: 30px; }
    #feature.single .contents p + h3, #feature.single .contents img + h3, #feature.single .contents table + h3 { margin-top: 20px; }
    #feature.single .contents p + h4, #feature.single .contents img + h4, #feature.single .contents table + h4 { margin-top: 20px; } 

    #feature.single .contents { font-size: 1.4rem; }
    #feature.single .contents table { font-size: 1.8rem; }
    #feature.single .contents table td:first-child { width: 20% !important; text-align: center; }
    #feature.single .contents table td:last-child { width: 80% !important; }
    #feature.single .contents table tr { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; }
    #feature.single .contents h5 { font-size: 1.4rem; }
    #feature.single .contents h5 img { margin-bottom: 10px; }
}


@media (max-width: 768px) {
    #feature.single .contents h2 { font-size: 2.0rem; margin-bottom: 20px; }
    #feature.single .contents p + h2, #feature.single .contents img + h2, #feature.single .contents table + h2 { margin-top: 20px; }
    #feature.single .contents p + h3, #feature.single .contents img + h3, #feature.single .contents table + h3 { margin-top: 10px; }
    #feature.single .contents p + h4, #feature.single .contents img + h4, #feature.single .contents table + h4 { margin-top: 10px; } 
    #feature.single .contents h5 { font-size: 1.2rem; }
    #feature.single .contents h5 img { margin-bottom: 5px; }

    #feature.single .contents { font-size: 1.6rem; }
    

    #feature.single main .container { margin: auto; padding: 0px 15px; line-height: 27px; }

    #feature.single .contents table { font-size: 2.0rem; }

    #feature.single .contents table td:first-child { width: 30% !important; display: inline-block; }
    #feature.single .contents table td:last-child { width: 70% !important; display: inline-block; }
    #feature.single .contents table tr { display: -webkit-flex; display: flex;-webkit-justify-content: flex-start; justify-content: flex-start;-webkit-align-items: center; align-items: center; overflow-wrap: break-word; }
}