@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------
共通
--------------------------------------------------------*/
/*pc非表示　*/
.pc_none {display: none;}
@media screen and (max-width: 780px) {
    .sp_none {display: none;}
    .pc_none {display: block;}
}

/*--------------------------------------------------------
メインイメージ
--------------------------------------------------------*/
.head_img{margin-top:10vh;}
.head_img img{width: 100%; border-bottom:solid 1px #595757;}


/*--------------------------------------------------------
SDGsへの取り組み sec1
--------------------------------------------------------*/
.sec1 .inner_wrap{width:100%; max-width: 960px; margin: 95px auto; text-align: center;}
.sec1 .inner_wrap h2{font-size:34px; color:#009fa3;}
.sec1 .inner_wrap p{margin:60px 0 0; font-size:20px;}

/*スマホ*/
@media screen and (max-width: 768px) {
    .sec1 .inner_wrap{margin: 30px auto 50px;}
    .sec1 .inner_wrap h2{font-size:19px;}
    .sec1 .inner_wrap p{margin:10px 20px 0; line-height: 1.5em; font-size:14px;}
}

/*--------------------------------------------------------
 内容　sec2
--------------------------------------------------------*/
.sec2 .inner_wrap{width:100%; max-width: 960px; margin: 0px auto; }

/*タイトル*/
.sec2 .inner_wrap .title{margin: 0 0 10px 0;}
.sec2 .inner_wrap .title .icon_img{display: inline-block; vertical-align: middle;}
.sec2 .inner_wrap .title .sec_text{display: inline-block; vertical-align: middle; font-size:30px; font-weight: bold; color:#009fa3;}

/*内容*/
.sec2 .inner_wrap .col_wrap{border-bottom: 1px #595757 solid; padding:0 0 80px; margin:0 0 30px;}
.sec2 .inner_wrap .bd_b_none{border-bottom: none!important;}
.sec2 .inner_wrap .col_wrap .col{display: inline-block; vertical-align: top;}
.sec2 .inner_wrap .col_wrap .col:nth-child(1){width: 68%;}
.sec2 .inner_wrap .col_wrap .col:nth-child(2){width: 26%; padding-left: 7%;}

.sec2 .inner_wrap .col_wrap .col:nth-child(1) p{font-size:16px; line-height: 29px; text-indent: -1em; padding-left: 1em; margin:0 0 20px 0;}
.sec2 .inner_wrap .col_wrap .col:nth-child(1) span{color:#8fc31f;}

.sec2 .inner_wrap .col_wrap .col:nth-child(2) figure{width: 243px;}
.sec2 .inner_wrap .col_wrap .col:nth-child(2) figure img{width: 100%;}

/*スマホ*/
@media screen and (max-width: 768px) {
    /*タイトル*/
    .sec2 .inner_wrap .title{margin: 0 10px 0 -1em ; text-align: center;}
    .sec2 .inner_wrap .title .icon_img img{width: 80%;}
    .sec2 .inner_wrap .title .sec_text{font-size:21px;}
    /*内容*/
    .sec2 .inner_wrap .col_wrap{padding:0 0 40px; margin:0 0 50px;}
    .sec2 .inner_wrap .col_wrap .col{display: inline-block; vertical-align: top;}
    .sec2 .inner_wrap .col_wrap .col:nth-child(1){width: 100%; padding: 0% 20px;}
    .sec2 .inner_wrap .col_wrap .col:nth-child(2){width: 100%; padding: 0% 20px;}
    .sec2 .inner_wrap .col_wrap .col:nth-child(1) p{font-size:13px; line-height: 1.8em; margin:15px 0 25px;}
    .sec2 .inner_wrap .col_wrap .col:nth-child(2) figure{width:90%; max-width: 640px; margin: 0 auto;}
}

/*--------------------------------------------------------
 リンクバナー　sec3
--------------------------------------------------------*/
.sec3 .inner_wrap{width:100%; max-width: 960px; margin: 70px auto 100px;  text-align: center;}

/*スマホ*/
@media screen and (max-width: 768px) {
    .sec3 .inner_wrap{margin: 50px auto; padding:0 20px;  text-align: center;}
    .sec3 .inner_wrap a img{width:100%;}
}