/* header-global-nav wrap
******************************************************* */
@media print,screen and (min-width:768px) {
.header-global-nav-wrap .global-nav-item:nth-child(5)>.global-nav-item-button{color:#14a83b;text-decoration:none}
.header-global-nav-wrap .global-nav-item:nth-child(5)>.global-nav-item-button:after,.header-global-nav-wrap .global-nav-item:nth-child(5)>.global-nav-item-button:before{width:13px}
}

/* main-content
******************************************************* */
.main-content { font-size: 1.2857em; line-height: 1.7777; position: relative; padding-bottom: 80px; }
.main-content.pageBody { padding-top: 0; }
@media (min-width:768px){
.main-content .spOnly { display: none; }
}
@media only screen and (max-width:767px){
.main-content { font-size: 1.2142em; line-height: 1.7647; padding-bottom: 50px; }
.main-content .pcOnly { display: none; }
}

/* elemnts init
******************************************************* */
.main-content img { display: inline; vertical-align: top; width: auto; max-width: 100%; height: auto; }
.main-content figure { margin: 0; }
.main-content figcaption { font-size: 0.8333em; margin-top: 8px; }
.main-content sub,
.main-content sup { font-size: 0.6666em; vertical-align: baseline; }
.main-content a,
.main-content a:link,
.main-content a:visited,
.main-content a:hover,
.main-content a:link:hover,
.main-content a:visited:hover { color: #3C7DBE; text-decoration: underline; }
.main-content p + p { margin-top: 0; }
@media only screen and (min-width:768px){
.main-content a:hover,
.main-content a:link:hover,
.main-content a:visited:hover { text-decoration: none; }
}
@media only screen and (max-width:767px){
.main-content img { width: 100%; }
.main-content figcaption { font-size: 0.88.2352em; margin-top: 5px; }
.main-content sub,
.main-content sup { font-size: 0.7058em; }
}

/* breadcrumbs
******************************************************* */
.main-content .breadcrumbs { font-size: 0.7777em; line-height: 1.531; }
.main-content .breadcrumbs ul { max-width: none; }
.main-content .breadcrumbs ul li:nth-of-type(1) { padding-left: 0; }

/* container
******************************************************* */
.main-content .container { text-align: left; position: relative; margin-left: auto; margin-right: auto; padding: 0 20px; max-width: 1160px; }
@media only screen and (max-width:767px){
.main-content .container { margin-left: 0; margin-right: 0; max-width: none; }
}

/* section
******************************************************* */
.main-content .section { margin-top: 50px; }
.main-content .section + .section { margin-top: 80px; }
@media only screen and (max-width:767px){
.main-content .section { margin-top: 25px; }
.main-content .section + .section { margin-top: 80px; }
}

/* margin
******************************************************* */
.main-content .mt-lv1 { margin-top: 40px; }
.main-content .mt-lv2 { margin-top: 25px; }
.main-content .mt-lv3 { margin-top: 10px; }
@media only screen and (max-width:767px){
.main-content .mt-lv1 { margin-top: 30px; }
.main-content .mt-lv2 { margin-top: 25px; }
.main-content .mt-lv3 { margin-top: 8px; }
}

/* m-color
******************************************************* */
.main-content .m-color--A { color: #fff; }
.main-content .m-color--B { color: #3C7DBE; }

/* m-align
******************************************************* */
.main-content .m-align--L { text-align: left; }
.main-content .m-align--C { text-align: center; }
.main-content .m-align--R { text-align: right; }

/* m-fsize
******************************************************* */
.main-content .m-fsize--S { font-size: 0.8333em; }
@media only screen and (max-width:767px){
.main-content .m-fsize--S { font-size: 0.88.2352em; }
}

/* m-link
******************************************************* */
.main-content a.m-link--A { box-sizing: border-box; background-color: #3C7DBE; border: 1px solid #3C7DBE; border-radius: 10px; color: #fff; display: inline-flex; align-items: center; font-weight: 700; line-height: 1.16666; text-align: center; text-decoration: none; vertical-align: top; position: relative; padding: 0 50px; min-width: 460px; max-width: 100%; height: 65px; }
.main-content a.m-link--A.is-liquid { min-width: 0%; width: 460px; }
.main-content a.m-link--A:hover { color: #fff; text-decoration: none; }
.main-content a.m-link--A::before { background-color: #fff; border-radius: 8px; content: ""; position: absolute; top: 0px; left: 0px; width: 0%; height: 100%; }
.main-content a.m-link--A > span:nth-of-type(1) { display: block; width: 100%; z-index: +1; }
.main-content a.m-link--B { box-sizing: border-box; background-color: #D93924; border: 1px solid #D93924; border-radius: 5px; color: #fff; display: inline-flex; align-items: center; font-size: 0.7222em; font-weight: 700; line-height: 1.16666; text-align: left; text-decoration: none; vertical-align: top; position: relative; padding: 0 50px 0 10px; width: 260px; max-width: 100%; height: 39px; }
.main-content a.m-link--B:hover { color: #fff; text-decoration: none; }
.main-content a.m-link--B::before { background-color: #fff; border-radius: 3px; content: ""; position: absolute; top: 0px; left: 0px; width: 0%; height: 100%; }
.main-content a.m-link--B > span:nth-of-type(1) { display: block; position: relative; width: 100%; z-index: +1; }
@media only screen and (min-width:768px){
.main-content a.m-link--A { transition: color .3s ease-in-out; }
.main-content a.m-link--A:hover { color: #3C7DBE; }
.main-content a.m-link--A::before { transition: width .3s ease-in-out; }
.main-content a.m-link--A:hover::before { width: 100%; }
.main-content a.m-link--B { transition: color .3s ease-in-out; }
.main-content a.m-link--B:hover { color: #D93924; }
.main-content a.m-link--B::before { transition: width .3s ease-in-out; }
.main-content a.m-link--B:hover::before { width: 100%; }
}
@media only screen and (max-width:767px){
.main-content a.m-link--A { display: flex; font-size: 0.8235em; border-radius: 5px; text-align: left; padding: 5px 40px 5px 15px; min-width: 0%; height: 60px; }
.main-content a.m-link--A.is-liquid { min-width: 0%; width: auto; }
.main-content a.m-link--B { display: flex; font-size: 0.7647em; padding: 5px 40px 5px 10px; width: auto; height: 40px; }
}

/* m-arw
******************************************************* */
.main-content .m-arw--A { width: 23px; height: 23px; border: 1px solid #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 20px; bottom: 0; margin: auto; }
.main-content .m-arw--A .inner { position: relative; }
.main-content .m-arw--A .inner:after, .main-content .m-arw--A .inner:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }
.main-content .m-arw--A .inner:before { left: -6px; width: 12px; height: 1px; background-color: #fff; }
.main-content .m-arw--A .inner:after { left: 0px; width: 4px; height: 4px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }
.main-content .m-arw--B { width: 21px; height: 21px; border: 1px solid #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 10px; bottom: 0; margin: auto; }
.main-content .m-arw--B .inner { position: relative; }
.main-content .m-arw--B .inner:after, .main-content .m-arw--B .inner:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }
.main-content .m-arw--B .inner:before { left: -6px; width: 12px; height: 1px; background-color: #fff; }
.main-content .m-arw--B .inner:after { left: 0px; width: 4px; height: 4px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }
@media only screen and (min-width:768px){
.main-content a .m-arw--A { transition: border .3s ease-in-out; }
.main-content a:hover .m-arw--A { border: 1px solid #3C7DBE; }
.main-content a .m-arw--A .inner:after,
.main-content a .m-arw--A .inner:before { transition: background-color .3s ease-in-out, border .3s ease-in-out; }
.main-content a:hover .m-arw--A .inner:before { background-color: #3C7DBE; }
.main-content a:hover .m-arw--A .inner:after { border-top: 1px solid #3C7DBE; border-right: 1px solid #3C7DBE; }
.main-content a .m-arw--B { transition: border .3s ease-in-out; }
.main-content a:hover .m-arw--B { border: 1px solid #D93924; }
.main-content a .m-arw--B .inner:after,
.main-content a .m-arw--B .inner:before { transition: background-color .3s ease-in-out, border .3s ease-in-out; }
.main-content a:hover .m-arw--B .inner:before { background-color: #D93924; }
.main-content a:hover .m-arw--B .inner:after { border-top: 1px solid #D93924; border-right: 1px solid #D93924; }
}
@media only screen and (max-width:767px){
.main-content .m-arw--A { right: 15px; }
}

/* m-heading
******************************************************* */
.m-heading__A { font-size: 2.2222em; font-weight: 700; line-height: 1.25; }
.m-heading__A small { display: block; font-size: 0.65em; margin-top: 5px; }
.m-heading__A small.large { font-size: 100%; margin-top: 0; }
.m-heading__B { color: #3C7DBE; font-size: 1.6666em; font-weight: 700; line-height: 1.4; text-align: center; }
.m-heading__C { color: #3C7DBE; font-size: 1.1111em; font-weight: 700; line-height: 1.4; }
@media only screen and (max-width:767px){
.m-heading__A { font-size: 1.647em; }
.m-heading__A small { font-size: 0.5714em; }
.m-heading__B { font-size: 1.2941em; line-height: 1.3636; }
.m-heading__C { font-size: 1.0588em; }
.m-heading__A.palt,
.m-heading__B.palt,
.m-heading__C.palt { font-feature-settings: "palt"; }
}

/* m-page-title
******************************************************* */
.m-page-title { display: flex; align-items: center; position: relative; margin-top: 5px; padding: 0 20px 15px 20px; }
.m-page-title__text { display: flex; align-items: center; font-weight: 700; margin-right: 10px; }
.m-page-title__text small { display: block; font-size: 1.1111em; }
.m-page-title__text h1 { display: block; font-size: 1.4444em; }
.m-page-title__icon { width: 52px; }
.m-page-title__icon img { width: 100%; }
.m-page-title__line { position: absolute; bottom: 0px; left: 50%; width: 2400px; }
.m-page-title__line img { position: absolute; bottom: 0px; left: -1200px; width: 100%; }
@media only screen and (max-width:767px){
.m-page-title { padding: 0 20px 13px 20px; }
.m-page-title__text { order: 2; flex: 1; display: block; line-height: 1.25; margin: 0 0 0 5px; }
.m-page-title__text small { font-size: 0.75em; }
.m-page-title__text h1 { font-size: 0.9375em; }
.m-page-title__icon { order: 1; width: 36px; }
}

/* m-column
******************************************************* */
/* 2列（右画像420px） */
.m-column-A { display: flex; align-items: flex-start; justify-content: space-between; }
.m-column-A .m-column-A__cell { width: 58.6206%; }
.m-column-A .m-column-A__cell--illust { box-sizing: border-box; padding: 0 1.7241%; width: 36.2068%; }
.m-column-A .m-column-A__cell--img { width: 36.2068%; }
/* 2列（右画像350px：白枠内用） */
.m-column-C { display: flex; align-items: flex-start; justify-content: space-between; }
.m-column-C .m-column-C__cell { width: 61.5384%; }
.m-column-C .m-column-C__cell--img { width: 33.6538%; }
/* 3列 */
.m-column-B { display: flex; align-items: flex-start; justify-content: space-between; }
.m-column-B .m-column-B__cell { width: 30.1724%; }
/* 2列センター寄せ */
.m-column-D { display: flex; align-items: flex-start; justify-content: center; }
.m-column-D .m-column-D__cell { width: 36.2068%; }
.m-column-D .m-column-D__cell + .m-column-D__cell { margin-left: 5.1724%; }
@media only screen and (max-width:767px){
.m-column-A { display: block; }
.m-column-A .m-column-A__cell { width: auto; }
.m-column-A .m-column-A__cell--illust { margin-top: 25px; padding: 0; width: auto; }
.m-column-A .m-column-A__cell--img { margin-top: 25px; width: auto; }
.m-column-B { display: block; }
.m-column-B .m-column-B__cell { width: auto; }
.m-column-B .m-column-B__cell:nth-of-type(n+2) { margin-top: 15px; }
.m-column-C { display: block; }
.m-column-C .m-column-C__cell { width: auto; }
.m-column-C .m-column-C__cell--img { margin-top: 25px; width: auto; }
.m-column-D { display: block; }
.m-column-D .m-column-D__cell { width: auto; }
.m-column-D .m-column-D__cell + .m-column-D__cell { margin: 15px 0 0 0; }
}

/* m-sdgs
******************************************************* */
.m-sdgs { overflow: hidden; }
.m-sdgs ul { display: flex; flex-wrap: wrap; margin: -12px -12px 0 0; }
.m-sdgs li { margin-right: 12px; margin-top: 12px; width: 80px; }
@media only screen and (max-width:767px){
.m-sdgs ul { margin: -8px -8px 0 0; }
.m-sdgs li { margin-right: 8px; margin-top: 8px; }
}

/* m-hash
******************************************************* */
.m-hash { color: #3C7DBE; overflow: hidden; }
.m-hash ul { display: flex; flex-wrap: wrap; margin: 0 -1em 0 0; }
.m-hash li { margin-right: 1em; }

/* m-relation
******************************************************* */
.m-relation dt { font-weight: 700; }
.m-relation dd ul li { position: relative; padding-left: 17px; }
.m-relation dd ul li::before { background-color: #A8A8A8; content: ""; position: absolute; top: 0.8888em; left: 0px; width: 10px; height: 1px; }
@media only screen and (max-width:767px){
.m-relation dd ul li::before { top: 0.8823em; }
}

/* m-caption
******************************************************* */
.m-caption--dot { position: relative; padding-left: 1em; }
.m-caption--dot > span { position: absolute; top: 0px; left: 0px; }

/* m-bg
******************************************************* */
.m-bg__city--blue { position: relative; margin-bottom: -30px; padding-bottom: 100px; }
.m-bg__city--blue::after { background: url("/sustainable/shared/img/bg_city_blue.png") center bottom repeat-x; content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 70px; }
@media only screen and (max-width:767px){
.m-bg__city--blue { padding-bottom: 80px; }
}

/* m-fill
******************************************************* */
.m-fill { overflow: hidden; position: relative; padding: 50px 0; }
.m-fill .container { z-index: +1; }
.m-fill--b { background-color: #E2F6FF; }
.m-fill--dt { padding: 45px 0 50px 0; }
.m-fill--bt::before { background-color: #E2F6FF; content: ""; position: absolute; left: 0px; top: 15px; width: 100%; height: calc(100% - 30px); }
.m-fill--bt::after { background: url("/sustainable/shared/img/bg_blue_top.png") center top/100% 15px no-repeat; content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.m-fill--btb::before { background: url("/sustainable/shared/img/bg_blue_top.png") center top/100% 15px no-repeat, url("/sustainable/shared/img/bg_blue_bottom.png") center bottom/100% 15px no-repeat; content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.m-fill--btb::after { background-color: #E2F6FF; content: ""; position: absolute; left: 0px; top: 14px; width: 100%; height: calc(100% - 28px); }
.m-fill--db { background-color: #23AFE2; }
.m-fill--dbt { padding: 45px 0 50px 0; }
.m-fill--dbt::before { background: url("/sustainable/shared/img/bg_dark_blue_top.png") center top/100% 15px no-repeat; content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.m-fill--dbt::after { background-color: #23AFE2; content: ""; position: absolute; left: 0px; top: 14px; width: 100%; height: calc(100% - 28px); }
.m-fill--dbtb::before { background: url("/sustainable/shared/img/bg_dark_blue_top.png") center top/100% 15px no-repeat, url("/sustainable/shared/img/bg_dark_blue_bottom.png") center bottom/100% 15px no-repeat; content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.m-fill--dbtb::after { background-color: #23AFE2; content: ""; position: absolute; left: 0px; top: 14px; width: 100%; height: calc(100% - 28px); }
.m-fill--g { background-color: #F8F8F8; }
.m-fill--gt { padding: 45px 0 50px 0; }
.m-fill--gt::before { background: url("/sustainable/shared/img/bg_gray_top.png") center top/100% 15px no-repeat; content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.m-fill--gt::after { background-color: #F8F8F8; content: ""; position: absolute; left: 0px; top: 14px; width: 100%; height: calc(100% - 28px); }
.m-fill--gtb::before { background: url("/sustainable/shared/img/bg_gray_top.png") center top/100% 15px no-repeat, url("/sustainable/shared/img/bg_gray_bottom.png") center bottom/100% 15px no-repeat; content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.m-fill--gtb::after { background-color: #F8F8F8; content: ""; position: absolute; left: 0px; top: 14px; width: 100%; height: calc(100% - 28px); }
.m-fill--inner { background-color: #F7F5ED; margin: 50px 0 -50px 0; }
@media only screen and (max-width:767px){
.m-fill { padding: 50px 0; }
.m-fill--narrow { padding: 25px 0; }
.m-fill--bt { padding: 45px 0 50px 0; }
.m-fill--bt::after { left: calc(50% - 700px); width: 1400px; }
.m-fill--btb::after { left: calc(50% - 700px); width: 1400px; }
.m-fill--dbt { padding: 45px 0 50px 0; }
.m-fill--dbt::after { left: calc(50% - 700px); width: 1400px; }
.m-fill--dbtb::after { left: calc(50% - 700px); width: 1400px; }
.m-fill--gt { padding: 45px 0 50px 0; }
.m-fill--gt::after { left: calc(50% - 700px); width: 1400px; }
.m-fill--gtb::after { left: calc(50% - 700px); width: 1400px; }
.m-fill--inner { margin: 50px 0 -50px 0; }
}

/* m-icon
******************************************************* */
.m-icon__truck { position: relative; margin: 0 auto; max-width: 1160px; z-index: +1; }
.m-icon__truck img { position: absolute; bottom: -8px; left: 0px; height: 46px; }
.m-icon__finger { position: relative; margin: 0 auto; max-width: 1160px; z-index: +1; }
.m-icon__finger img { position: absolute; bottom: -31px; left: calc(50% - 22px); height: 76px; }
.m-icon__earth { position: relative; margin: 0 auto; max-width: 1160px; z-index: +1; }
.m-icon__earth img { position: absolute; bottom: -35px; left: calc(50% - 38px); height: 76px; }
.main-content .m-icon__blank { vertical-align: middle; margin: -3px 0 0 5px; width: 14px; }
@media only screen and (max-width:767px){
.m-icon__truck { margin: 0; max-width: none; }
.m-icon__truck img { bottom: -3px; left: 20px; width: auto; height: 38px; }
.m-icon__finger { margin: 0; max-width: none; }
.m-icon__finger img { bottom: -40px; left: calc(50% - 19px); width: auto; height: 64px; }
.m-icon__earth { margin: 0; max-width: none; }
.m-icon__earth img { bottom: -31px; left: calc(50% - 33px); width: auto; height: 66px; }
}

/* m-img-truck
******************************************************* */
.main-content .m-img-truck { height: 46px; }
@media only screen and (max-width:767px){
.main-content .m-img-truck { width: auto; height: 38px; }
}

/* m-white-box
******************************************************* */
.m-white-box { background-color: #fff; border-radius: 10px; position: relative; padding: 40px 60px; z-index: +1; }
@media only screen and (max-width:767px){
.m-white-box { padding: 25px 20px; }
}

/* m-info-area
******************************************************* */
.m-info-area__relation { text-align: center; }
.m-info-area__bnr { text-align: center; margin-left: auto; margin-right: auto; max-width: 716px; }
.m-info-area__bnr a { display: block; overflow: hidden; position: relative; padding-bottom: 39.1061%; }
.m-info-area__bnr a::before { background: url("/sustainable/shared/img/bg_town.png") center center/cover no-repeat; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.m-info-area__bnr a img { position: absolute; top: 6%; left: calc(50% - 13.4%); width: 26.8156%; }
.m-info-area__relation + .m-info-area__bnr { margin-top: 40px; }
@media only screen and (min-width:768px){
.m-info-area__bnr  a::before { transition: transform 1s cubic-bezier(.165,.84,.44,1); }
.m-info-area__bnr a:hover::before { transform: scale(1.08) rotate(.1deg); }
}
@media only screen and (max-width:767px){
.main-content .section.m-info-area { margin-top: 50px; }
.m-info-area__bnr { margin-left: -20px; margin-right: -20px; max-width: none; }
.m-info-area__bnr a { padding-bottom: 87.5%; }
.m-info-area__bnr a::before { background: url("/sustainable/shared/img/bg_town_sp.png") center center/cover no-repeat; }
.m-info-area__bnr a img { position: absolute; top: 5%; left: calc(50% - 29.8%); width: 59.6875%; }
}