@charset "utf-8";
/* CSS Document */
#main_contents {
    width: auto;
    float:none;
    margin-bottom: 50px; 
}

#sub_contents {
    float:none;
    width:auto;
    margin:0;    clear: both;
}

#sub_contents .sub_list04{
    padding: 0 0 10px;
    display: flex;
    flex-wrap: wrap;
}
#sub_contents .sub_list04 > li {
    width: calc(25% - 8px);
    margin: 4px; display: inline-block;
    padding: 1%;
}

#sub_contents .sub_list04 > li ul{display:none!important;}
#sub_contents .sub_list04 > ul > li ul{display:none;}

#sub_contents .bnr_area2 ul{    padding: 0 0 10px;
    display: flex;
    flex-wrap: wrap;}
#sub_contents .bnr_area2 ul > li{
    width: calc(25% - 8px);
    margin: 4px;
}
#sub_contents ul ul.w25{    width: calc(25% - 8px);
    margin: 4px;display:block;    display: inline-block;
    padding: 1%;}
#sub_contents .sub_list04 li.green > a, #sub_contents .sub_list02 li.green > a {
    background:#fff url(../../common/images/ic_arrow_list02_on.png) no-repeat 10px 1.4em;
}
#sub_contents .sub_list04 li a, #sub_contents .sub_list02 li a {
    width:100%;
    border: 1px solid #D4D4D3;
    padding: 10px;
    padding-left: 20px;
    background:#fff url(../../common/images/ic_arrow_list02.png) no-repeat 10px 1.4em;
    text-decoration: none;
    font-size: 14.6px;
}
#sub_contents_wrap{background:#fcfcfc;padding:50px 0;clear: both;    position: relative;}
#sub_contents_wrap:before {
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    margin: 0 calc(50% - 50vw);
    background-color: #fcfcfc;
    width: 100vw;
    content: '';
}

#sub_contents .listtl{    background: #444;
    color: #fff;position:relative;}
#sub_contents .listtl:before{content:'';position:absolute;z-index:1;left:0;top:0;height:100%;width:10px;background:#FF4D00;}
#sub_contents .listtl:after{content:'';position:absolute;z-index:1;left:10px;top:0;height:100%;width:10px;background:#009E91;}
#sub_contents .sub_list04 li a span {
    display: inline;
    height: auto;
    line-height: inherit;
}

#sub_contents .listtl h1, #sub_contents .listtl > div{font-size:16px;background:none;positon:relative;}

.media-pagination span, .media-pagination a{    line-height: unset;}
a.media-archive-btn,a.media-new-archive-btn{    border-radius: 20px;}
a.media-new-archive-btn,a.media-archive-btn{color: #fff !important;}
.media-new-archive-name {
    font-size: 92%;
    line-height: 30px;
}
h2.media-new-archive-name{margin-bottom:0;color:#000;}

#topicpath{margin-bottom:80px;}
/**/
.subtl01 h3, .subtl01 h4{    font-size: 137.7% !important;}
.subtl01 {
    border-bottom: 2px solid #2A2823;
    padding-left: 0px;
    position: relative;
}
.texttl {
    background:none;
}
.texttl h2, .texttl h3{    border-left: none;    font-size: 178.5% !important;letter-spacing:1px;
}

.pg_kankyo-1 .texttl h3{border-bottom: 2px solid #2A2823;
    padding-bottom: 15px;padding-left:0;}

.video_center{margin:0 auto;display:block;}
.box_11 {
  /*  padding: 40px 60px;
    background: #fdfaf0;
    border: 2px solid #ccc;
    border-radius: 10px;
    margin-bottom: 30px;*/
}
/*トップメッセージ*/

.ajiwai_wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
}
.wood_ajiwai .ajiwai_left {
    clear: both;
    width: 30%;
    float: none;
    padding-bottom: 35px;
}

.wood_ajiwai .ajiwai_right{width:64%;
    float: none;
    padding-bottom: 35px;}

.woman_info table{margin:0 auto;width:100%;max-width:500px;}
.woman_info .js-scrollable{overflow:hidden!important;}
.woman_info h5{margin:0 auto;text-align:center;}
.woman_info td{ 
    padding: 10px;
    border-bottom: 1px solid #ccc;}

.bbox{
    padding: 25px;
    background: #F1EADA;height:100%;}

.eigyosyo section h4 {
    border-left: 4px solid #2A2823;
    padding: 0 0 0 8px;
    font-size: 107.7%;
    font-weight: bold;
    margin: 0 0 20px;
}
/**/
#main_contents .news .main_l {
    float: none;
    width: auto;width:60%;
}

#main_contents .news .main_r {
    float: none;width:34%;
}
#main_contents .main_l .ir_rib li {
    float: none;
    width: 100%;
}
.ir_info img{max-width:400px;margin:0 auto;}

#main_contents .main_l .ir_rib li {
    float: none;
}
#main_contents .main_l .ir_rib li{max-width:400px;margin:0 auto;}
#main_contents .main_l .ir_rib li.last {
    margin-left: auto;
}
.newslist dt{    width: 85px;}

#main_contents .news .main_l .newslist dd {
    width: calc(100% - 120px);
}
#main_contents .main_l .ir_info{    margin-top: 50px;}

#main_contents .news .main_r.kabunushi img{width:100%;}
#main_contents .main_r.kabunushi li {
    margin-bottom: 3px;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 4px;
}
#main_contents .news .main_r.kabunushi li a{display:block;}

.ir_list .subtl01 h3,.ir_list .subtl01 h4 {
    font-size: 137.7% !important;
    text-align: left;
}

.newslist dl{display:flex;    flex-wrap: wrap;}
.newslist dt {
    font-size: 16px!important;
    background: url(../images/ic_arrow_list01.gif) no-repeat left 12px;
    font-weight: bold;line-height:1.4;
}
.newslist dt{float:none;width:120px;margin:0;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ccc;}
.newslist dd{float:none;width:calc(100% - 150px);margin:0;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ccc;    font-size: 16px;}

.attention{    font-size: 13px;}

.term-calender .newslist{    padding: 30px;
    background: #f0eada;
    margin-bottom: 20px;}

.page-company-socialmedia{}


#voc4{padding-top:100px;margin-top:-100px;}

.subtl01 h3, .subtl01 h4{    padding: 0 0 0 0px;border-left:none;text-align:left;}

.list_sns_wrap{    border: 2px solid #009F95;
    padding: 20px;
    margin-bottom: 20px;}
.list_sns_wrap > div{padding:10px;border-bottom:1px solid #ccc;}
.list_sns_wrap > div:last-child{border-bottom:none;}

.link_tit1{display: flex;}
.tit1{    min-width:220px;}
.link1{width: calc(100% - 100px);}

.movieArea {
    width: 100%;max-width:800px;
    height: auto;
    margin: 0 auto;
    background-color: #000;
    margin-bottom: 30px;
}

.flex_list{display:flex;    justify-content: space-between;}
/*.media-categories_wrap{order:2;width:200px;}
.list_post{order:1;width:calc(100% - 240px);}*/

.media-new-archive-label{    border: 1px solid #cccccc;
    background:#fff;
    color: #252420;
    display: inline-block;
    font-size: 92%;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 80px;
    border-left: 2px solid #252420;
    border-right: 2px solid #252420;}
.media-archive-label {
    background-color: #252420;
    font-size: 92%;
    line-height: 24px;
    margin-bottom:6px;
    text-align: center;
    width: 80px;
    border: 1px solid #cccccc;
    background: #fff;
    color: #252420;
    display: inline-block;
    font-size: 92%;
    left: 0;
    line-height: 30px;
    /* position: absolute; */
    text-align: center;
    top: 0;
    width: 80px;
    border-left: 2px solid #252420;
    border-right: 2px solid #252420;
}
.media-heading-archive:before {
    content: "";
    height: 30px;
    width: 4px;
    background-color: #252420;
    position: absolute;
    left: 0;
    top: 0;
}
.media-heading-archive{font-weight:bold;}
.media-archive-image img {
    max-width: 100%;
    width:100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 16 / 10;
}
.media-new-archive > li {
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
    border-radius: 20px;
    padding: 30px;
    border: 3px solid #ccc;
}
.media-new-archive-image img {
    border-radius: 10px;
    max-width: 100%;
    height: auto;
    object-fit: cover;
 aspect-ratio: 16 / 10;
}
.media-archive-name{    font-size: 96%;}

.archive-media{display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;}
.archive-media {
    margin-left: -2%;
}
.archive-media > li{width:31%;float:none;    margin-left: 2%;    margin-bottom: 50px;}

.cat_broadcaster{}
.media-categories dd {
    display: inline-block;
    margin: 0;
    padding: 2%;
    width: 48%;
    border: 1px solid #ccc;
    margin: 1%;
}
.media-categories.cat_broadcaster dd {
    display: inline-block;
    margin: 0;
    width: 100%;
    padding: 6px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
.media-single-contents .media-heading-contents-inner {
    font-size: 68%;
}
.media-single-heading{  padding-top: 0;}

.pg_mori h2{text-align:center;}
.pg_tv_cm h2{text-align:center;}
.img_center{text-align:center;}
.pg_mori .subtl_wrap {
    /* border: 3px solid #ccc; */
   /* padding: 20px;*/
    /* border-radius: 10px; */
    margin-bottom: 20px;
    height: 100%;
    /* padding: 40px 60px; */
    /* background: #fdfaf0; */
    /* border: 2px solid #ccc; */
    /* border-radius: 10px; */
    margin-bottom: 30px;
}
.pg_mori .fsc_table{width:100%;}
.pg_mori .fsc_table_wrap{max-width:680px;width:100%;margin:0 auto;}


.str_btn .link{display:flex;    flex-wrap: wrap;}
.str_btn li {
    float: none;
    margin: 0;    width: 32%;
}
.str_btn a {
    display: block;
    line-height: 1.5;height:100%;
    background-color:#fff;
    padding: 9px 0px 9px 0px;
}

.str_btn a{background:none!important;}
.str_btn a:hover{background:none!important;}
.str_btn li{height:100%;}

.kankyo-1-box{   /* border-radius: 20px;
    border: 3px solid #ccc;*/
  /*  padding: 30px;*/
    text-align: center;}

    /*クリーンウッド法への取り組みについて kankyo/cleanwood/*/

    .link_waku{
        padding: 14px;
        border: 1px solid #ccc;
        display: table;
        margin-top: 20px;
        margin: 0 auto;
        margin-top: 20px;
    }
.link_waku:hover{background:#efefef;}
.parent_strength table.tblType02 td{background:#fff;}

.pg_brandmovie header{height:0!important;padding-top:30px!important;box-shadow: none!important;    background-color: inherit!important;}

@media (max-width: 768px) {
    .pg_kankyo-1 .texttl h3 {
    font-size: 100.5%!important;
}
    .str_btn li{width:100%;}
    
    body.pg_brandmovie {
        padding-top: 0!important;
    }
    body.pg_brandmovie .header {
        padding-top: 10px!important;}
    
    #sub_contents .sub_list04 > li{width: calc(50% - 8px);}
    #sub_contents ul ul.w25 {
    width: calc(50% - 8px);}
    
    #sub_contents .sub_list04 li a, #sub_contents .sub_list02 li a {
    padding: 10px 3px;
    padding-left: 20px;
    background: #fff url(../../common/images/ic_arrow_list02.png) no-repeat 10px 1.4em;
    font-size: 13px;padding-top: 7px;
}
    #topicpath {
    margin-bottom: 40px;
}
    .tblType02_wrap{ display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }
    
    .archive-media > li{width: 50%;padding: 0 5px;}
        [class^="page-strength-"] .archive-media > li {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
        [class^="page-strength-"] .media-archive-image, [class^="page-strength-"] .media-archive-name {
        height: auto !important;
        line-height: 1.6;
    }.media-pagination > li {
    display: inline-block;
    margin: 4px;
}
    .media-new-archive-label{width:70px;}
    .media-new-archive-info {
    padding-left: 80px;
}.media-pagination span, .media-pagination a {
    display: block;
    text-decoration: none;
    font-size: 110%;}
        .category li {
        padding-right: 3px;
        padding-left: 3px;
    }
    #pagetl {
    font-size: 20px;
}.archive-media {
    margin-left: 0;
}
    .media-new-archive > li{padding:16px;}
}

.media-categories_wrap{margin-bottom:40px;}
.list_post {
    order: 1;
    width: auto;
}
.media-single-contents a.media-heading-contents-link {
    font-size: 63%;
}


@media (min-width: 768px) {
.media-categories dd {
    padding: 1%;
    width: 12.2%;
    border: 1px solid #ccc;
    margin: 1%;
}
    .media-categories.cat_broadcaster dd {
    display: inline-block;
    margin: 0;
    width: 23%;
    margin: 1%;
    padding: 6px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
    
    
}
.cw-contents a{text-decoration:underline;}
.cw-contents .cw-menu a{text-decoration:none;}

.obfit img{    object-fit: cover;
    aspect-ratio: 4 / 3;}

.form_select{    margin-bottom: 20px;
    display: flex;
    flex-direction: row-reverse;}

@media (max-width: 800px) {
    video {
      width: 100%;
      height: auto;
      max-width: 100%;
      display: block;
    }
}