@charset "UTF-8";

/*-------------------------
__hoge_style
-------------------------*/

.page_ttl{background-image: url("/company/common/images/sustainability/page_ttl.jpg");}

#top_copy .inner{display: flex;align-items: center;}
#top_copy .inner .block_left{width: calc(100% - 400px);box-sizing: border-box;padding-right: var(--inner_p);}
#top_copy .inner .block_left img{width: 100%;height: 100%;object-fit: contain;}
#top_copy .inner .block_right{width: 400px;}
#top_copy .inner .block_right .top_copy_img{width: 100%;aspect-ratio: 4.5 / 3;border-radius: 10px;overflow: hidden;}
#top_copy .inner .block_right .top_copy_img img{width: 100%;height: 100%;object-fit: cover;}
#top_copy .inner .block_right .top_copy_txt{width: 100%;font-size: 2em;line-height: 2em;text-align: left;font-weight: 700;padding-top: var(--inner_p);box-sizing: border-box;}
@media only screen and (max-width: 1199px) {
    #top_copy .inner .block_right{width: 33.333%;}
    #top_copy .inner .block_right .top_copy_txt{font-size: 1.5vw;;}
    #top_copy .inner .block_left{width: 66.666%;}
}
@media only screen and (max-width: 999px) {
    #top_copy .inner{flex-direction: column;}
    #top_copy .inner .block_left{width: 100%;max-width: 800px;padding: 0 0 var(--inner_p);}
    #top_copy .inner .block_right{width: 100%;display: flex;}
    #top_copy .inner .block_right .top_copy_txt{font-size: max(1.6em, 1.8vw);padding: 0 0 0 var(--inner_p);}
}
@media only screen and (max-width: 767px) {
    #top_copy .inner{flex-direction: column;}
    #top_copy .inner .top_copy_img{width: 100%;}
    #top_copy .inner .block_right{flex-direction: column-reverse;}
    #top_copy .inner .block_right .top_copy_txt{width: 100%;text-align: center;padding: 0 0 var(--inner_p);}
}
@media only screen and (max-width: 374px) {
    #top_copy .inner .block_right .top_copy_txt{font-size: 1.5em;text-align: left;}
    #top_copy .inner .block_right .top_copy_txt .nowrap{display: inline;}
}

#block01{background-color: var(--green05);}
#block01 .inner .block_inner_bg{background-color: #fff;padding: var(--inner_p);display: flex;}
#block01 .inner .block_inner_bg::before{content: none;}
#block01 .inner .block_inner_bg .intv_txt_wrap{width: calc(100% - 320px);padding-right: var(--inner_p);box-sizing: border-box;}
#block01 .inner .block_inner_bg .intv_txt_wrap .block_ttl02{padding-bottom: calc(var(--inner_p) / 2);}
#block01 .inner .block_inner_bg .intv_txt_wrap .intv_txt {font-size: 1.6em;line-height: 2.2em;text-align: left;}
#block01 .inner .block_inner_bg .intv_txt_wrap .intv_txt .name{text-align: right;padding-top: 1em;display: block;}
#block01 .inner .block_inner_bg .intv_txt_wrap .intv_txt .name img{width: 100%;max-width: 21em;height: auto;}
#block01 .inner .block_inner_bg .intv_pic{width: 320px;height: 240px;border-radius: 10px;overflow: hidden;}
#block01 .inner .block_inner_bg .intv_pic img{width: 100%;height: 100%;object-fit: cover;}
@media only screen and (max-width: 999px) {
    #block01 .inner .block_inner_bg .intv_txt_wrap{width: calc(100% - 240px);}
    #block01 .inner .block_inner_bg .intv_txt_wrap .intv_txt{font-size: 1.4em;}
    #block01 .inner .block_inner_bg .intv_pic{width: 240px;}
}
@media only screen and (max-width: 767px) {
    #block01 .inner .block_inner_bg{flex-direction: column;}
    #block01 .inner .block_inner_bg .intv_txt_wrap{width: 100%;padding: 0 0 var(--inner_p);}
    #block01 .inner .block_inner_bg .intv_pic{width: 100%;height: auto;aspect-ratio: 4 / 3;}
}

#block02{padding: calc(var(--inner_p) * 2) 0;}
#block02 .inner{padding: var(--inner_p);}
#block02 .inner .block_inner_bg .block_bottom{display: flex;align-items: strech;}
#block02 .inner .block_inner_bg .block_bottom .sust_txt_wrap{width: calc(100% - 400px - var(--inner_p));padding-right: var(--inner_p);display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;}
#block02 .inner .block_inner_bg .block_bottom .sust_txt_wrap .sust_txt{font-size: 1.6em;line-height: 2em;text-align: left;}
#block02 .inner .block_inner_bg .block_bottom .sust_txt_wrap .sust_btn {padding-top: var(--inner_p);}
#block02 .inner .block_inner_bg .block_bottom .sust_txt_wrap .sust_btn .btn02 {width: auto;background-color: var(--right_khaki);padding: 1.25em 2em;}
#block02 .inner .block_inner_bg .block_bottom .sust_txt_wrap .sust_btn .btn02>.link_arrow::before {background-color: var(--green02);}
#block02 .inner .block_inner_bg .block_bottom .sust_pic{width: 400px;aspect-ratio: 4 / 3;margin-top: calc(-4.2em - var(--inner_p));border-radius: 10px;overflow: hidden;}
#block02 .inner .block_inner_bg .block_bottom .sust_pic img{width: 100%;height: 100%;object-fit: cover;}
@media only screen and (min-width: 768px) {
    #block02 .inner .block_inner_bg .block_bottom .sust_txt_wrap .sust_btn .btn02:hover {background-color: var(--green02);}
    #block02 .inner .block_inner_bg .block_bottom .sust_txt_wrap .sust_btn .btn02:hover>.link_arrow{color: #fff;}
    #block02 .inner .block_inner_bg .block_bottom .sust_txt_wrap .sust_btn .btn02:hover>.link_arrow::before {background-color: #fff;}
}
@media only screen and (max-width: 1199px) {
    #block02 .inner .block_inner_bg .block_bottom .sust_txt_wrap .sust_txt{font-size: 1.4em;}
}
@media only screen and (max-width: 999px) {
    #block02 .inner .block_inner_bg .block_bottom{align-items: stretch;}
    #block02 .inner .block_inner_bg .block_bottom .sust_txt_wrap{width: calc(100% - 300px - var(--inner_p));}
    #block02 .inner .block_inner_bg .block_bottom .sust_pic{width: 300px;margin-top: 0;}
}
@media only screen and (max-width: 767px) {
    #block02 .inner .block_inner_bg{padding: 0;}
    #block02 .inner .block_inner_bg .block_top{padding: var(--inner_p);}
    #block02 .inner .block_inner_bg .block_bottom{padding-top: 0;flex-direction: column-reverse;}
    #block02 .inner .block_inner_bg .block_bottom .sust_txt_wrap{width: auto;padding: var(--inner_p) 0 0;align-items: center;}
    #block02 .inner .block_inner_bg .block_bottom .sust_pic{width: 100%;}
}

.case #top_page_link .inner .page_link_wrap .page_link .btn01{min-width: 10em;}
.case .block{margin-top: calc(var(--inner_p) * 2);padding-top: var(--inner_p);}
.case .block:not(:last-child){padding-bottom: 0;}
.case .block .block_inner_bg .block_ttl02{padding-bottom: var(--inner_p);}
.case .block .block_inner_bg .sust_txt_box{padding: var(--inner_p) 0;border-style: solid;border-width: 1px 0 0;border-color: #ebe2d9;}
.case .block .block_inner_bg .sust_txt_box .sust_txt_box_flex{display: flex;align-items: flex-start;}
.case .block .block_inner_bg .sust_txt_box .box_txt{width: calc(100% - 320px);padding-right: var(--inner_p);box-sizing: border-box;}
.case .block .block_inner_bg .sust_txt_box .sust_txt_box_flex:has(.w241) .box_txt {width: calc(100% - 241px);}
.case .block .block_inner_bg .sust_txt_box .sust_txt_box_flex:has(.veartical) .box_txt {width: calc(100% - 300px);}
.case .block .block_inner_bg .box_ttl01,
.case .block .block_inner_bg .sust_txt{text-align: left;}
.case .block .block_inner_bg .sust_txt_box .box_ttl01{font-size: 2em;line-height: 1em;font-weight: 700;}
.case .block .block_inner_bg .sust_txt_box .box_ttl01>span{font-size: 1.5em;line-height: 1em;color: var(--green02);padding-right: 0.5em;padding-bottom: 1em;display: inline-block;}
.case .block .block_inner_bg .sust_txt_box .sust_txt{font-size: 1.6em;line-height: 2em;}
.case .block .block_inner_bg .sust_txt_box .sust_btn{text-align: left;padding-top: var(--inner_p);}
.case .block .block_inner_bg .sust_txt_box .sust_btn .btn02{background-color: var(--right_khaki);}
.case .block .block_inner_bg .sust_txt_box .sust_btn .btn02>.link_arrow::before{background-color: var(--green02);}
.case .block .block_inner_bg .sust_txt_box .box_pic{width: 320px;border-radius: 10px;overflow: hidden;}
.case .block .block_inner_bg .sust_txt_box .box_pic.w241{width: 241px;}
.case .block .block_inner_bg .sust_txt_box .box_pic.veartical{width: 300px;}
.case .block .block_inner_bg .sust_txt_box .box_pic img{width: 100%;height: 100%;object-fit: cover;}
.case .block .block_inner_bg .sust_txt_box .sust_table{width: 100%;padding-top: var(--inner_p);border-style: solid;border-color: var(--green05);border-width: 1px 0 0 1px;border-collapse: collapse;}
.case .block .block_inner_bg .sust_txt_box .table_ttl01 + .sust_table{padding-top: 0;}
.case .block .block_inner_bg .sust_txt_box .sust_table th,
.case .block .block_inner_bg .sust_txt_box .sust_table td{font-size: 1.6em;line-height: 1.5em;text-align: left;border-style: solid;border-color: var(--green05);border-width: 0 1px 1px 0;padding: 1em;box-sizing: border-box;}
.case .block .block_inner_bg .sust_txt_box .sust_table th.table_head{color: #fff;font-weight: 700;text-align: center;background-color: var(--green03);}
.case .block .block_inner_bg .sust_txt_box .sust_table tr:nth-child(2n) th:not(.table_head),
.case .block .block_inner_bg .sust_txt_box .sust_table tr:nth-child(2n) td{background-color: rgba(214,231,230,0.3);}
.case .block .block_inner_bg .sust_txt_box .box_txt .sust_text_list li:not(:last-child){padding-bottom: 2.4em;}
.case .block .block_inner_bg .sust_txt_box .box_txt .sust_text_list li dl dt{padding-right: 1.5em;font-weight: 700;color: var(--green02);display: inline-block;position: relative;}
.case .block .block_inner_bg .sust_txt_box .box_txt .sust_text_list li dl dt::before{content: "";width: 0.5em;height: 0.5em;background-color: var(--green02);clip-path: polygon(0 0, 100% 50%, 0 100%);position: absolute;right: 0.5em;top: 0.75em;}
.case .block .block_inner_bg .sust_txt_box .box_txt .sust_text_list li dl dd{padding-left: 1em;}
@media only screen and (min-width: 768px) {
    .case .block .block_inner_bg .sust_txt_box .sust_btn .btn02:hover{background-color: var(--green02);}
    .case .block .block_inner_bg .sust_txt_box .sust_btn .btn02:hover>.link_arrow{color: #fff;}
    .case .block .block_inner_bg .sust_txt_box .sust_btn .btn02:hover>.link_arrow::before{background-color: #fff;}
}
@media only screen and (max-width: 999px) {
    .case .block .block_inner_bg .sust_txt_box .box_txt{width: calc(100% - 240px)!important;}
    .case .block .block_inner_bg .sust_txt_box .box_ttl01{font-size: 1.8em;}
    .case .block .block_inner_bg .sust_txt_box .sust_txt{font-size: 1.4em;}
    .case .block .block_inner_bg .sust_txt_box .box_pic{width: 240px!important;}
    .case .block .block_inner_bg .sust_txt_box .sust_table th,
    .case .block .block_inner_bg .sust_txt_box .sust_table td{font-size: 1.4em;}
}
@media only screen and (max-width: 767px) {
    .case #top_page_link .inner .page_link_wrap .page_link .btn01{width: 100%;min-width: inherit;}
    .case .block .block_inner_bg{padding: 0;}
    .case .block .block_inner_bg .block_ttl02{padding: var(--inner_p);}
    .case .block .block_inner_bg .sust_txt_box .sust_txt_box_flex{flex-direction: column;}
    .case .block .block_inner_bg .sust_txt_box .box_ttl01{font-size: 1.6em;}
    .case .block .block_inner_bg .sust_txt_box .box_txt{width: 100%!important;padding: 0 0 var(--inner_p);}
    .case .block .block_inner_bg .sust_txt_box .sust_btn{text-align: center;}
    .case .block .block_inner_bg .sust_txt_box .box_pic{width: 100%!important;}
    .case .block .block_inner_bg .sust_txt_box .box_pic.w241{max-width: 241px;margin: 0 auto;}
    .case .block .block_inner_bg .sust_txt_box .box_pic.veartical{max-width: 300px;margin: 0 auto;}
    .case .block .block_inner_bg .sust_txt_box .sust_table th,
    .case .block .block_inner_bg .sust_txt_box .sust_table td{padding: 0.5em;}
    .case .block .block_inner_bg .sust_txt_box .sust_table tbody th.table_head{writing-mode: vertical-rl;}
    .case .block .block_inner_bg .sust_txt_box .box_txt .sust_text_list li dl dd{padding-left: 0;}
}
@media only screen and (max-width: 767px) {
    .case .block .block_inner_bg .sust_txt_box .sust_table th,
    .case .block .block_inner_bg .sust_txt_box .sust_table td{font-size: 1.2em;}
}