@charset "UTF-8";
/* base module */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.1em;
}
.s-blue {
    color: #418fab;
}
.aqua {
    color: #339dbe;
}
.green {
    color: #64a531;
}
.purple {
    color: #866699;
}
.pink {
    color: #d35760;
}
.orange {
    color: #c88c1f;
}
.yellow {
    color: #deac00;
}
.mright-2r {
    margin-right: 2rem;
}
.width-fit {
    width: fit-content;
    margin: 0 auto;
}
.inline {
    display: inline-block
}
.dotted-line {
    border-top: 3px dotted #17191a;
}
@media only screen and (min-width:1025px) {
    .nowrap-md {
        white-space: nowrap;
    }
}
/* base module */

/* s-icon */
.s-icon_Lv1_1p {
    display: block;
    width: 100%;
    padding-right: 115px;
    position: relative;
    overflow-wrap: break-word;
}
.s-icon_Lv1_2p {
    display: block;
    width: 100%;
    padding-right: 180px;
    position: relative;
    overflow-wrap: break-word;
}
.s-icon_Lv2_1p {
    display: block;
    width: 100%;
    padding-right: 100px;
    position: relative;
    overflow-wrap: break-word;
}
.s-icon_Lv2_2p {
    display: block;
    width: 100%;
    padding-right: 170px;
    position: relative;
    overflow-wrap: break-word;
}
.s-icon_Lv3_1p {
    display: block;
    width: 100%;
    padding-right: 70px;
    position: relative;
    overflow-wrap: break-word;
}
.s-icon_Lv3_2p {
    display: block;
    width: 100%;
    padding-right: 130px;
    position: relative;
    overflow-wrap: break-word;
}
.s-icon_Lv1_1p::after {
    content: "";
    display: block;
    width: 145px;
    height: 145px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.s-icon_Lv1_2p::after {
    content: "";
    display: block;
    width: 180px;
    height: 180px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.s-icon_Lv2_1p::after {
    content: "";
    display: block;
    width: 150px;
    height: 150px;
    position: absolute;
    right: 0;
    top: 80%;
    transform: translateY(-50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.s-icon_Lv2_2p::after {
    content: "";
    display: block;
    width: 210px;
    height: 210px;
    position: absolute;
    right: 24px;
    top: 80%;
    transform: translateY(-50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.s-icon_Lv3_1p::after {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.s-icon_Lv3_2p::after {
    content: "";
    display: block;
    width: 120px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.i_tit_01::after {
    background-image: url("/uploads/i_tit_01.png");
}
.i_tit_02::after {
    background-image: url("/uploads/i_tit_02.png");
}
.i_tit_03::after {
    background-image: url("/uploads/i_tit_03.png");
}
.i_tit_04::after {
    background-image: url("/uploads/i_tit_04.png");
}
.i_tit_05::after {
    background-image: url("/uploads/i_tit_05.png");
}
.i_tit_06::after {
    background-image: url("/uploads/i_tit_06.png");
}
.i_tit_07::after {
    background-image: url("/uploads/i_tit_07.png");
}
.i-2_tit_01::after {
    background-image: url("/uploads/i-2_tit_01.png");
}
.i_notit_01::after {
    background-image: url("/uploads/i_notit_01.png");
}
.i_notit_02::after {
    background-image: url("/uploads/i_notit_02.png");
}
.i_notit_03::after {
    background-image: url("/uploads/i_notit_03.png");
}
.i_notit_04::after {
    background-image: url("/uploads/i_notit_04.png");
}
.i_notit_05::after {
    background-image: url("/uploads/i_notit_05.png");
}
.i_notit_06::after {
    background-image: url("/uploads/i_notit_06.png");
}
.i_notit_07::after {
    background-image: url("/uploads/i_notit_07.png");
}
.i-2_notit_01::after {
    background-image: url("/uploads/i-2_notit_01.png");
}
.i_only_01::after {
    background-image: url("/uploads/i_only_01.png");
}
.i_only_02::after {
    background-image: url("/uploads/i_only_02.png");
}
.i_only_03::after {
    background-image: url("/uploads/i_only_03.png");
}
.i_only_04::after {
    background-image: url("/uploads/i_only_04.png");
}
.i_only_05::after {
    background-image: url("/uploads/i_only_05.png");
}
.i_only_06::after {
    background-image: url("/uploads/i_only_06.png");
}
.i_only_07::after {
    background-image: url("/uploads/i_only_07.png");
}
.i-2_only_01::after {
    background-image: url("/uploads/i-2_only_01.png");
}
@media only screen and (max-width: 767px) {
    .s-icon_Lv1_1p::after {
    width: 115px;
    height: 115px;
    }
    .s-icon_Lv1_2p::after {
    width: 140px;
    height: 140px;
    right: 24px;
    }
    .s-icon_Lv2_1p::after {
    width: 100px;
    height: 100px;
    top: 80%;
    }
    .s-icon_Lv2_2p::after {
    width: 140px;
    height: 140px;
    top: 80%;
    right: 17px;
    }
}
/* s-icon */

/* sustainable */
.c-card-sustainable {
    font-size: 2.6rem;
    display: block;
    text-decoration: none;
    color: #17191a;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.c-card-sustainable_list {
    margin-right: -8px;
    margin-left: -8px;
}

.c-card-sustainable_list .c-card-sustainable_item {
    padding: 0px 8px;
}

.c-card-sustainable_img {
    overflow: hidden;
    margin-top: auto;
}

.c-card-sustainable_img img {
    display: block;
    -webkit-transition: .2s;
    transition: .2s;
}

.c-card-sustainable:hover .c-card-sustainable_img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.c-card-sustainable_subText {
    font-size: 1.4rem;
    position: relative;
    display: block;
    margin-top: -5px;
    letter-spacing: 2px;
    color: #6e777a;
}

.c-card-sustainable:hover .c-card-sustainable_subText {
    color: #418fab;
}
/* sustainable */

/* sustainable top */
.c-catchText-sustainable {
    font-family: DINNextLTPro-Regular, "FP-こぶりなゴシック StdN W3", sans-serif;
    font-size: 1.6rem;
    line-height: 32px;
    margin-top: 28px
}
 
.c-catchText-sustainable:first-child {
    margin-top: 0
}
.c-card-sustainable:hover .u-icon-forward::before {
    background-image: url(/assets/img/icons/ic_forward_blue.svg)
}
.l-beforeBg_top1::before {
    top: -30px;
    bottom: 0;
}
.l-beforeBg_top2::before {
    top: -30px;
    bottom: 0;
}
.l-beforeBg_top3::before {
    top: -30px;
    bottom: 10px;
}
@media only screen and (min-width: 768px) {
    .l-beforeBg_top1::before {
    top: -50px;
    bottom: 130px;
    right: 200px;
    }
    .l-beforeBg_top2::before {
    top: -50px;
    bottom: 130px;
    left: 150px;
    }
    .l-beforeBg_top3::before {
    top: -50px;
    bottom: 30px;
    right: 75px;
    }
    .c-card-sustainable_list_top {
    width: 85%;
    margin: 0 auto;
    }
}
/* sustainable top */

/* dialog */
.p-dialog_linkList {
    margin-top: 64px;
    margin-bottom: -40px
}

.p-dialog_linkListItem {
    margin-bottom: 40px
}

.p-dialog_linkListLink {
    display: block;
    text-decoration: none
}

.p-dialog_linkListDate {
    font-family: DINNextLTPro-Regular, "FP-こぶりなゴシック StdN W3", sans-serif;
    font-size: 1.4rem;
    line-height: 1.8;
    line-height: 1;
    position: relative;
    z-index: 5;
    top: 1em;
    display: inline-block;
    padding: 8px 8px 4px 8px;
    -webkit-transition: .2s;
    transition: .2s;
    color: #fff;
    background: #6e777a
}

.p-dialog_linkListLink:hover .p-dialog_linkListDate {
    background-color: #418fab
}

.p-dialog_linkListImage {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 12px
}

.p-dialog_linkListImage img {
    -webkit-transition: .2s;
    transition: .2s
}

.p-dialog_linkListLink:hover .p-dialog_linkListImage img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.p-dialog_linkListText {
    font-family: DINNextLTPro-Regular, "FP-こぶりなゴシック StdN W3", sans-serif;
    font-size: 1.6rem;
    line-height: 1.5
}
@media only screen and (min-width: 768px) {
    .c-card-sustainable_list_dialog {
        margin: 50px auto 0;
        justify-content: space-evenly;
    }
    .c-card-sustainable_list_dialog > .l-tile_item {
        width: 41%;
    }
    .c-card-sustainable_list_dialog > .l-tile_item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
}
@media only screen and (max-width: 767px) {
    .u-width-295-sm {
        width: 295px;
    }
    .u-mbottom-20-sm {
        margin-bottom: 20px !important
    }
}
/* feature01 */
@media only screen and (max-width: 767px) {
    .l-grid_item-10per-sp {
        width: 10% !important;
    }
    .l-grid_item-40per-sp {
        width: 40% !important;
    }
}
/* feature01 */
/* dialog */

/* statement */
@media only screen and (max-width: 767px) {
    .u-width-295-sm {
        width: 295px;
    }
    .u-mbottom-20-sm {
        margin-bottom: 20px !important
    }
}
/* statement */

/* percent */
.pct0{width:0% !important;}.pct1{width:1% !important;}.pct2{width:2% !important;}.pct3{width:3% !important;}.pct4{width:4% !important;}.pct5{width:5% !important;}.pct6{width:6% !important;}.pct7{width:7% !important;}.pct8{width:8% !important;}.pct9{width:9% !important;}.pct10{width:10% !important;}.pct11{width:11% !important;}.pct12{width:12% !important;}.pct13{width:13% !important;}.pct14{width:14% !important;}.pct15{width:15% !important;}.pct16{width:16% !important;}.pct17{width:17% !important;}.pct18{width:18% !important;}.pct19{width:19% !important;}.pct20{width:20% !important;}.pct21{width:21% !important;}.pct22{width:22% !important;}.pct23{width:23% !important;}.pct24{width:24% !important;}.pct25{width:25% !important;}.pct26{width:26% !important;}.pct27{width:27% !important;}.pct28{width:28% !important;}.pct29{width:29% !important;}.pct30{width:30% !important;}.pct31{width:31% !important;}.pct32{width:32% !important;}.pct33{width:33% !important;}.pct34{width:34% !important;}.pct35{width:35% !important;}.pct36{width:36% !important;}.pct37{width:37% !important;}.pct38{width:38% !important;}.pct39{width:39% !important;}.pct40{width:40% !important;}.pct41{width:41% !important;}.pct42{width:42% !important;}.pct43{width:43% !important;}.pct44{width:44% !important;}.pct45{width:45% !important;}.pct46{width:46% !important;}.pct47{width:47% !important;}.pct48{width:48% !important;}.pct49{width:49% !important;}.pct50{width:50% !important;}.pct51{width:51% !important;}.pct52{width:52% !important;}.pct53{width:53% !important;}.pct54{width:54% !important;}.pct55{width:55% !important;}.pct56{width:56% !important;}.pct57{width:57% !important;}.pct58{width:58% !important;}.pct59{width:59% !important;}.pct60{width:60% !important;}.pct61{width:61% !important;}.pct62{width:62% !important;}.pct63{width:63% !important;}.pct64{width:64% !important;}.pct65{width:65% !important;}.pct66{width:66% !important;}.pct67{width:67% !important;}.pct68{width:68% !important;}.pct69{width:69% !important;}.pct70{width:70% !important;}.pct71{width:71% !important;}.pct72{width:72% !important;}.pct73{width:73% !important;}.pct74{width:74% !important;}.pct75{width:75% !important;}.pct76{width:76% !important;}.pct77{width:77% !important;}.pct78{width:78% !important;}.pct79{width:79% !important;}.pct80{width:80% !important;}.pct81{width:81% !important;}.pct82{width:82% !important;}.pct83{width:83% !important;}.pct84{width:84% !important;}.pct85{width:85% !important;}.pct86{width:86% !important;}.pct87{width:87% !important;}.pct88{width:88% !important;}.pct89{width:89% !important;}.pct90{width:90% !important;}.pct91{width:91% !important;}.pct92{width:92% !important;}.pct93{width:93% !important;}.pct94{width:94% !important;}.pct95{width:95% !important;}.pct96{width:96% !important;}.pct97{width:97% !important;}.pct98{width:98% !important;}.pct99{width:99% !important;}.pct100{width:100% !important;}
/* percent */