@charset "UTF-8";


/***************************************************

	sustainability

***************************************************/


main{
    overflow: hidden;
}

#page_anchor_block {
    margin-top: 0;
}

#page_anchor_block ul li {
    width: 376px;
}


#sust_head{
    width: 1920px;
    margin: 0 auto 120px;
}

#sust_head .image_box{

}

#sust_head .text_area{
    width: 1600px;
    margin: -160px auto 0;
}

#sust_head .text_area .catch{
    font-size: 80px;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 80px;
}

#sust_head .text_area .catch strong{
    font-weight: 500;
    color: #0090C5;
}

#sust_head .text_area .caption_box p{
    font-size: 24px;
    font-weight: 400;
    line-height: 2.0;
    margin-bottom: 1em;
}

#sust_head .text_area .caption_box p:last-of-type{
    margin-bottom: 0;
}


.sust_main_wrapp{
    width: 1920px;
    margin: 0 auto 240px;
}

.sust_main_wrapp .section_wrapp{
    margin-bottom: 240px;
}

.sust_main_wrapp .section_wrapp:last-of-type{
    margin-bottom: 0;
}

.sust_main_wrapp .cont_wrapp .title_area{
    width: 1600px;
    margin: 0 auto 122px;
}

.sust_main_wrapp .cont_wrapp .title_area h2{
    position: relative;
    line-height: 1;
}

.sust_main_wrapp .cont_wrapp .title_area h2::after{
    content: '';
    display: inline-block;
    width: 80px;
    height: 2px;
    background: #0090C5;
    position: absolute;
    bottom: -40px;
    left: 0;
}

.sust_main_wrapp .cont_wrapp .title_area h2 small{
    font-size: 48px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 12px;
}

.sust_main_wrapp .cont_wrapp .title_area h2 strong{
    font-size: 64px;
    font-weight: 400;
    line-height: 1.6;
}

.sust_main_wrapp .in_cont{
    margin-bottom: 80px;
}

.sust_main_wrapp .in_cont:last-of-type{
    margin-bottom: 0;
}

.sust_main_wrapp .in_cont .in_cont_wrapp{
    width: 1600px;
    margin: 0 auto;
    display: flex;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .image_area{
    width: 430px;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .image_area .sdgs{
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .image_area .sdgs li{
    width: 23%;
    margin: 0 2.5% 10px 0;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .image_area .sdgs li:nth-child(4n + 4){
    margin-right: 0;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .text_area{
    width: calc(100% - 430px);
    padding-left: 80px;
    box-sizing: border-box;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .text_area h3{
    font-size: 56px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 40px;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .text_area .caption_box p{
    font-size: 24px;
    font-weight: 400;
    line-height: 2.0;
    margin-bottom: 1em;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .text_area .caption_box p:last-of-type{
    margin-bottom: 0;
}

.sust_main_wrapp .in_cont .link_btn{
    margin-top: 80px;
    text-align: right;
    line-height: 1;
}

.sust_main_wrapp .in_cont .link_btn a{
    display: inline-block;
    padding-right: 207px;
    border-bottom: 1px solid #000;
}

.sust_main_wrapp .in_cont .link_btn a strong{
    display: inline-block;
    font-size: 36px;
    font-weight: 400;
    padding: 0 34px 24px 0;
    position: relative;
}

.sust_main_wrapp .in_cont .link_btn a strong::after{
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('../images/common/icon_link_arrow2.png') no-repeat 0 0 / contain;
    position: absolute;
    top: 16px;
    right: 0;
}






/********************************************************************************
	リッキド用 CSS
********************************************************************************/
@media (max-width: 1920px) {


#page_anchor_block ul li {
    width: 19.583333vw;
}


#sust_head{
    width: 100%;
    margin: 0 auto 6.25vw;
}

#sust_head .text_area{
    width: 83.333333vw;
    margin: -8.333333vw auto 0;
}

#sust_head .text_area .catch{
    font-size: 4.166667vw;
    margin-bottom: 4.166667vw;
}

#sust_head .text_area .caption_box p{
    font-size: 1.25vw;
}


.sust_main_wrapp{
    width: 100%;
    margin: 0 auto 12.5vw;
}

.sust_main_wrapp .section_wrapp{
    margin-bottom: 12.5vw;
}

.sust_main_wrapp .cont_wrapp .title_area{
    width: 83.333333vw;
    margin: 0 auto 6.354167vw;
}

.sust_main_wrapp .cont_wrapp .title_area h2::after{
    width: 4.166667vw;
    height: 0.104167vw;
    bottom: -2.083333vw;
}

.sust_main_wrapp .cont_wrapp .title_area h2 small{
    font-size: 2.5vw;
    margin-bottom: 0.625vw;
}

.sust_main_wrapp .cont_wrapp .title_area h2 strong{
    font-size: 3.333333vw;
}

.sust_main_wrapp .in_cont{
    margin-bottom: 4.166667vw;
}

.sust_main_wrapp .in_cont .in_cont_wrapp{
    width: 83.333333vw;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .image_area{
    width: 22.395833vw;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .image_area .sdgs{
    margin-top: 1.25vw;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .image_area .sdgs li{
    margin: 0 2.5% 0.520833vw 0;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .text_area{
    width: calc(100% - 22.395833vw);
    padding-left: 4.166667vw;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .text_area h3{
    font-size: 2.916667vw;
    margin-bottom: 2.083333vw;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .text_area .caption_box p{
    font-size: 1.25vw;
}

.sust_main_wrapp .in_cont .link_btn{
    margin-top: 4.166667vw;
}

.sust_main_wrapp .in_cont .link_btn a{
    padding-right: 10.78125vw;
}

.sust_main_wrapp .in_cont .link_btn a strong{
    font-size: 1.875vw;
    padding: 0 1.770833vw 1.25vw 0;
}

.sust_main_wrapp .in_cont .link_btn a strong::after{
    width: 0.9375vw;
    height: 0.9375vw;
    top: 0.833333vw;
}





}



/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width: 768px){



#page_anchor_block ul li {
    width: auto;
}


#sust_head{
    width: auto;
    margin: 0 5.333333vw 14.933333vw;
    display: flex;
    flex-direction: column-reverse;
}

#sust_head .image_box{

}

#sust_head .text_area{
    width: auto;
    margin: 0 auto 6.4vw;
}

#sust_head .text_area .catch{
    font-size: 8.533333vw;
    margin-bottom: 17.066667vw;
}

#sust_head .text_area .caption_box p{
    font-size: 4.266667vw;
}



.sust_main_wrapp{
    width: auto;
    margin: 0 auto 32vw;
}

.sust_main_wrapp .section_wrapp{
    margin-bottom: 32vw;
}

.sust_main_wrapp .cont_wrapp .title_area{
    width: auto;
    margin: 0 5.333333vw 24vw;
}

.sust_main_wrapp .cont_wrapp .title_area h2::after{
    width: 10.666667vw;
    height: 0.533333vw;
    bottom: -6.4vw;
}

.sust_main_wrapp .cont_wrapp .title_area h2 small{
    font-size: 4.8vw;
    margin-bottom: 2.133333vw;
}

.sust_main_wrapp .cont_wrapp .title_area h2 strong{
    font-size: 8.533333vw;
}

.sust_main_wrapp .in_cont{
    margin-bottom: 17.066667vw;
}

.sust_main_wrapp .in_cont .in_cont_wrapp{
    width: auto;
    display: block;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .image_area{
    width: auto;
    margin: 0 5.333333vw 4.266667vw;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .image_area .sdgs{
    margin-top: 4.266667vw;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .image_area .sdgs li{
    margin: 0 2.5% 1.6vw 0;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .image_area .sdgs li:nth-child(4n + 4){
    margin-right: 0;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .text_area{
    width: auto;
    padding-left: 0;
    margin: 0 5.333333vw;
    box-sizing: border-box;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .text_area h3{
    font-size: 7.466667vw;
    margin-bottom: 6.4vw;;
}

.sust_main_wrapp .in_cont .in_cont_wrapp .text_area .caption_box p{
    font-size: 4.266667vw;
}

.sust_main_wrapp .in_cont .link_btn{
    margin-top: 10.666667vw;
}

.sust_main_wrapp .in_cont .link_btn a{
    padding-right: 23.466667vw;
}

.sust_main_wrapp .in_cont .link_btn a strong{
    font-size: 4.8vw;
    padding: 0 8.533333vw 4.266667vw 0;
}

.sust_main_wrapp .in_cont .link_btn a strong::after{
    width: 4.266667vw;
    height: 4.266667vw;
    top: 1px;
}





}