/*! ======================================
sustainability index
====================================== */
.c-mainVisual--lv2 {background-image:url(../img/img_mv-1.jpg);background-repeat: no-repeat;background-size: cover;}
.c-mainVisual--lv2 .c-mainVisual__category+.c-mainVisual__title{color: #fff;}
.c-layerNav__inner {max-width: calc(1260px + 180px);}
.c-featureArea {background-color: #fff;padding-bottom: 53px;}
.c-featureArea__box {padding: 38px 45px 34px 32px;}
.c-featureArea__box .c-regularText {margin-top: 25px;}
.l-inner--normal {max-width: 1260px;margin: 0 auto;}
.img {max-width: 100%;vertical-align: middle;}
.column_group {display: flex;flex-wrap: wrap;justify-content: center;gap: calc(20 / 1260* 100%);margin-top: 42px;}
.column_group .col {display: flex;flex-direction: column;width: calc(406 / 1260* 100%);background-color: #fff;box-shadow: 0px 2px 8px rgba(27, 28, 29, 0.07);border-radius: 20px 0px;}
.column_group .col .col_img .img{border-radius: 20px 0 0 0;}
.column_group .col .col_body {display: flex;flex-direction: column;padding: 32px 24px 24px;flex-grow: 1;height: 100%;}
.column_group .col .col_body .col_text {line-height: 1.2;}
.column_group .col .col_body .col_btn {padding-top: 42px;margin-top: auto;}
.column_group .col .col_body .col_btn .c-btn {padding: 12px 2em;}
.column_group .col .col_body .col_btn .u-icons.u-icons--bulletRight::before {margin-right: .62em;}
.catalog_area {padding: 86px 64px 80px;}
.catalog_area.catalog_area--narrow {padding-top: 40px;padding-bottom: 40px;}
.catalog_area .catalog_subtext {width: calc(776 / 1132* 100%);margin-left: auto;}
.catalog_area .catalog_box {display: flex;justify-content: space-between;}
.catalog_area .catalog_col {width: 25.796%;margin-top: -35px;}
.catalog_area .catalog_col+.catalog_col {width: 68.552%;display: flex;flex-direction: column;margin-top: 0;}
.catalog_area .catalog_head {line-height: 1.3;margin-top: 12px;}
.catalog_area .catalog_text {line-height: 1.6;margin-top: 25px;}
.catalog_area .btn_wrap {display: flex;flex-direction: column;flex: 1;justify-content: flex-end;margin: 20px 0 12px;}
.catalog_area .catalog_btn {display: block;background-color: #ff0000;color: #fff;max-width: 199px;width: 100%;transition: all .25s ease-out;text-align: center;padding: 13px 10px 10px 10px;border-radius: 3px;}
.catalog_area .catalog_btn:hover {opacity: 0.7;}
.catalog_area .catalog_btn .u-icons.u-icons--bulletRight::before {color: #fff;margin-right: .8em}
.catalog_area .catalog_btn img {vertical-align: -.2em;margin-right: 12px;}
.document_area .document_box {display: flex;justify-content: center;gap: calc(20 / 1132* 100%);margin-top: 22px;}
.document_area .document_box .box {display: flex;flex-direction: column;width: calc(268 / 1132* 100%);background-color: #fff;border-radius: 20px 0px;padding: 32px 24px 24px;}
.document_area .document_box .sub_heading {line-height: 1.2;}
.document_area .document_box .document_text {line-height: 1.4;margin-top: 12px;}
.document_area .document_box .box_btn {display: flex
;flex-direction: column;flex: 1;justify-content: flex-end;margin-top: 23px;}
.document_area .document_box .box_btn .c-btn {max-width: 128px;width: 100%;padding: 7px 1em;}
.document_area .document_box .box_btn .u-icons.u-icons--bulletRight::before {margin-right: .6em;}
#survey .c-featureArea {background-color: #f2f2f2;padding-top: 50px;padding-bottom: 0;}
#survey .c-featureArea.c-featureArea--bottom {padding-top: 0;}
#survey .c-featureArea__box {padding: 33px 45px 26px 45px;background-color: #f8f8f8;box-shadow: inherit;}
#survey .c-featureArea__box::before {height: 4px;}
#survey .c-list.c-list--float {margin-top: 0;}
#survey .c-list--float .c-list__item {padding-top: 0;}
#survey hr {margin: 15px 0;border-top: 1px solid #cdcdcd;}
#survey .c-btn__wrapper {margin-top: 22px;}

@media screen and (min-width:768px) and (max-width:1100px){
.document_area .document_box .sub_heading,.document_area .document_box .document_text {word-break: break-word;}
.catalog_area {padding: 7.273vw 5.818vw;}
.column_group .col .col_body .col_btn .c-btn {max-width: 240px;width: 100%;}
}

@media screen and (max-width:767px){
.c-mainVisual--lv2 {background-image:url(../img/img_mv-1_sp.jpg);}
.c-featureArea__box {padding: 38px 30px 30px 30px;}
.column_group {display: block;margin-top: 30px;}
.column_group .col {width: 100%;}
.column_group .col+.col{margin-top: 40px;}
.column_group .col .col_body .col_btn {padding-top: 25px;}
.column_group .col .col_body .col_text {line-height: 1.5;}
.column_group .col .col_img .img {width: 100%;}
.catalog_area {padding: 30px 24px;}
.catalog_area .catalog_subtext {width: 100%;text-align: center;}
.catalog_area .catalog_box {display: block;}
.catalog_area .catalog_col {max-width: 146px;width: 100%;margin: 20px auto 0;}
.catalog_area .catalog_col+.catalog_col {width: 100%;display: block;max-width: 100%;margin: 0;}
.catalog_area .catalog_head {margin-top: 20px;}
.catalog_area .catalog_text {margin-top: 20px;line-height: 1.5;}
.catalog_area .btn_wrap {display: block;margin: 25px 0 0;}
.catalog_area .catalog_btn {max-width: 100%;}
.document_area .document_box {display: block;}
.document_area .document_box .box {display: block;width: 100%;padding: 30px 24px;}
.document_area .document_box .box+.box {margin-top: 20px;}
.document_area .document_box .sub_heading {line-height: 1.5;}
#survey .c-featureArea {padding-top: 40px;}
#survey .c-featureArea__box {padding: 22px 20px 22px 20px;}
#survey .c-headingLv3 {line-height:1.24;}
#survey hr {margin: 5px 0;}
#survey .c-radioButton__text {padding-left: 1.5em;}
#survey .c-btn__wrapper {margin-top: 14px;}
}