@charset "UTF-8";
/* CSS Document */
.billboard-style-02 {background: url("../img/advantage/advantage_mv_img01_pc.webp")no-repeat center/cover;}
.billboard-style-02 img {width: 17em;}
.billboard-style-02 h2 .sp01 {color: var(--color-06);}
.block-advantage-01 {position: relative;}
.block-advantage-01 .container:nth-child(1) {padding: 7em 0 5em;position: relative;}
.block-advantage-01 .container:nth-child(1) div > p:nth-child(1) {font-size: 187.5%;font-weight: 600;letter-spacing: 0.1em;line-height: 1.666;text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;}
.block-advantage-01 .container:nth-child(1) div > p:nth-child(2) {font-size: 112.5%;line-height: 2;text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;margin-top: 2em;}
.block-advantage-01 .container:nth-child(1) .bg01 {display: block;content: '';width: 50%;height: 52em;background: url("../img/advantage/advantage_bg01_pc.webp")no-repeat top right / contain;position: absolute;top: 0;right: 0;z-index: -1;opacity: 0;}
.block-advantage-01 .container:nth-child(1) .bg01.staging {opacity: 1;transition: 0.4s linear 0.1s;}
/*.block-advantage-01 .container:nth-child(1) .bg01::after {display: none;content: '';width: 100%;height: 100%;background: #fff;position: absolute;right: 0;bottom: 0;z-index: 1;}
.block-advantage-01 .container:nth-child(1) .bg01.staging::after {height: 0;transition: all 0.5s ease-out;}*/
.block-advantage-02 {padding-bottom: 5em;}
.block-advantage-02 .container {position: relative;}
.block-advantage-02 .container + .container {margin-top: 7em;}
.block-advantage-02 .container .bg03,
.block-advantage-02 .container .bg02 {display: block;width: 100%;height: 1.25em;background: url("../img/advantage/advantage_bg02_pc.webp")no-repeat center/cover;position: absolute;z-index: -2;}
.block-advantage-02 .container .bg03::after,
.block-advantage-02 .container .bg02::after {display: block;content: '';width: 100%;height: 110%;background: #fff;position: absolute;top: -5%;}
.block-advantage-02 .container .bg02 {transform: skewY(8deg);}
.block-advantage-02 .container .bg03 {transform: skewY(-8deg);}
.block-advantage-02 .container .bg02::after {right: 0;}
.block-advantage-02 .container .bg03::after {left: 0;}
.block-advantage-02 .container .bg03.staging::after,
.block-advantage-02 .container .bg02.staging::after {width: 0;transition: all 0.5s ease-out;}
.block-advantage-02 .container:nth-child(1) .bg02 {top: calc(100% + 10em);}
.block-advantage-02 .container:nth-child(2) .bg03 {width: 70%;top: calc(100% + 6em);right: 0;}
.block-advantage-02 .container:nth-child(3) .bg02 {width: 90%;top: calc(100% + 12em);}
.block-advantage-02 .container:nth-child(4) .bg03 {width: 70%;top: calc(100% + 8em);right: 0;}
.block-advantage-02 .container > div > div {max-width: 850px;}
.block-advantage-02 .container:nth-child(even) > div > div {margin: 0 0 0 auto;position: relative;}
.block-advantage-02 .container > div > div figure {position: relative;}
.block-advantage-02 .container > div > div figure picture img {width: auto;height: 15em;position: absolute;right: 100%;bottom: 0;}
.block-advantage-02 .container > div > div h3 {color: var(--color-12);font-size: 187.5%;font-weight: 600;letter-spacing: 0.1em;margin-top: 1em;}
.block-advantage-02 .container > div > div p {line-height: 2;margin-top: 1em;}
.block-advantage-02 .container > div > div p small {display: block;font-size: 81.25%;}
.block-advantage-02 .container:nth-child(1) > div > div figure picture img {right: calc(100% + 2em);}
.block-advantage-02 .container:nth-child(2) > div > div figure picture img {right: calc(100% - 2.5em);}
.block-advantage-02 .container:nth-child(3) > div > div figure picture img {right: calc(100% - 1.7em);}
.block-advantage-02 .container:nth-child(4) > div > div figure picture img {right: calc(100% - 2.3em);}
.block-advantage-02 .container:nth-child(5) > div > div figure picture img {right: calc(100% - 1.6em);}
.block-advantage-02 .container:nth-child(2) > div > div {padding-bottom: 6em;}
.block-advantage-02 .container:nth-child(2) > div > div p {width: 64%;}
.block-advantage-02 .container:nth-child(2) > div > div figure::after {display: block;content: '';width: 39%;height: 27em;background: url("../img/advantage/advantage_img04_pc.svg")no-repeat center/contain;position: absolute;top: calc(100% + 2em);right: 0;}
.block-advantage-02 .container:nth-child(4) > div > div div {display: flex;flex-wrap: wrap;max-width: 580px;margin-top: 1em;}
.block-advantage-02 .container:nth-child(4) > div > div div p {width: 100%;}
.block-advantage-02 .container:nth-child(4) > div > div div p span {color: var(--color-12);font-size: 125%;margin-right: 1em;}
.block-advantage-02 .container:nth-child(4) > div > div div p small {display: inline;font-size: 81.25%;}
.block-advantage-02 .container:nth-child(4) > div > div table {border-top: 2px solid var(--color-12);border-bottom: 2px solid var(--color-12);}
.block-advantage-02 .container:nth-child(4) > div > div table:nth-of-type(1) {width: 40%;}
.block-advantage-02 .container:nth-child(4) > div > div table:nth-of-type(2) {width: 55%;}
.block-advantage-02 .container:nth-child(4) > div > div table tr {border-bottom: 1px solid var(--color-12);}
.block-advantage-02 .container:nth-child(4) > div > div table tr td,
.block-advantage-02 .container:nth-child(4) > div > div table tr th {display: inline-block;font-size: 93.75%;text-align: left;padding: 0.5em 0;}
.block-advantage-02 .container:nth-child(4) > div > div table tr th {padding-left: 1em;position: relative;}
.block-advantage-02 .container:nth-child(4) > div > div table tr th::before {content: '■';font-size: 50%;position: absolute;top: 50%;left: 0;transform: translate(0,-50%);}
.block-advantage-02 .container:nth-child(4) > div > div table tr th::after {content: '：';}
.block-advantage-02 .container:nth-child(4) > div > div table tr:last-child {border: none;}
.block-advantage-03 {padding: 5em 0 0;margin-bottom: 6em;background: var(--color-11);}
.block-advantage-03 .container:nth-child(1) img {max-width: 850px;margin: 0 auto;}
.block-advantage-03 .container:nth-child(1) p:nth-of-type(1) {color: var(--color-12);font-size: 187.5%;font-weight: 600;letter-spacing: 0.1em;text-align: center;margin-top: 3em;} 
.block-advantage-03 .container:nth-child(1) p:nth-of-type(2) {line-height: 2;text-align: center;margin-top: 1em;}
.block-advantage-03 .container:nth-child(2) {margin-top: 4em;position: relative;}
.block-advantage-03 .container:nth-child(2) > div{display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 4em;position: relative;}
.block-advantage-03 .container:nth-child(2) > div::after {display: block;content: 'SDGs';color: #fff;font-size: 1625%;font-weight: 600;font-family: "Barlow Condensed", sans-serif;line-height: 0;position: absolute;right: 0;bottom: 0;transform: translateY(-0.4em);}
.block-advantage-03 .container:nth-child(2) > div > div {width: 48%;margin-bottom: 4em;}
.block-advantage-03 .container:nth-child(2) > div > div p:nth-child(1) {color: var(--color-12);font-size: 137.5%;font-weight: 600;letter-spacing: 0.1em;border-bottom: 1px solid #000;}
.block-advantage-03 .container:nth-child(2) > div > div p:nth-child(2) {line-height: 2;margin: 1em 0;}
.block-advantage-03 .container:nth-child(2) > div > div img {display: inline-block;width: 20%;}
.block-advantage-03 .container:nth-child(2) > div > div img + img {margin-left: 2%;}
@media only screen and (max-width: 1500px) {
  .block-advantage-02 .container > div > div {margin: 0 auto !important;}
}
@media only screen and (max-width: 1200px) {
  .billboard-style-02 h2::after {left: calc(50% - 3em);}
  .block-advantage-01 .container:nth-child(1) .bg01 {top: -24em;}
  .block-advantage-01 .container:nth-child(1) div > p:nth-child(2) {font-size: 100%;margin-top: 0.5em;}
  .block-advantage-02 .container > div > div figure picture img {right: 2em !important;}
  .block-advantage-02 .container:nth-child(2) > div > div p {width: 100%;}
  .block-advantage-02 .container:nth-child(2) > div > div p br {display: none !important;}
  .block-advantage-02 .container:nth-child(2) > div > div p br:nth-child(3) {display: block !important;}
}
@media only screen and (max-width: 1100px) {
  .block-advantage-01 .container:nth-child(1) {padding: 1em 0 2em;}
}
@media only screen and (max-width: 1000px) {
  .block-advantage-02 .container:nth-child(2) > div > div figure::after {display: none;}
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  #contentsWrap {font-size: 1.6vw;}
}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  .billboard-style-02 {background: url("../img/advantage/advantage_mv_img01_sp.webp")no-repeat center/cover;}
  .billboard-style-02 img {width: 12em !important;}
  .block-advantage-01 .container:nth-child(1) {padding: 2em 0;}
  .block-advantage-01 .container:nth-child(1) > div > p:nth-child(1) {font-size: 112.5%;font-weight: 600;letter-spacing: 0;line-height: 2;text-align: center;}
  .block-advantage-01 .container:nth-child(1) > div > p:nth-child(2) {line-height: 2;}
  .block-advantage-01 .container:nth-child(1) > div > p:nth-child(2) br {display: none;}
  .block-advantage-01 .container:nth-child(1) .bg01 {width: 60%;height: 62em;top: -13em;left: 2em;right: auto;transform: scaleX(-1) rotate(10deg);}
  .block-advantage-02 {padding-bottom: 3em;}
  .block-advantage-02 .container + .container {margin-top: 2em;}
  .block-advantage-02 .container:nth-child(2) > div > div {padding-bottom: 0;}
  .block-advantage-02 .container > div > div h3 {font-size: 112.5%;letter-spacing: 0;}
  .block-advantage-02 .container > div > div p {margin-top: 0.75em;}
  .block-advantage-02 .container > div > div figure picture img {height: 7em;right: 1em !important;}
  .block-advantage-02 .container:nth-child(4) > div > div figure picture img {right: 0 !important;}
  .block-advantage-02 .container:nth-child(4) > div > div div {margin-top: 0.5em;}
  .block-advantage-02 .container:nth-child(4) > div > div table {width: 100% !important;}
  .block-advantage-02 .container:nth-child(4) > div > div table:nth-of-type(1) {border-bottom-width: 1px;}
  .block-advantage-02 .container:nth-child(4) > div > div table:nth-of-type(2) {border-top: none;}
  .block-advantage-02 .container:nth-child(4) > div > div table tr td,
  .block-advantage-02 .container:nth-child(4) > div > div table tr th {padding: 0.75em 0;}
  .block-advantage-02 .container:nth-child(4) > div > div table tr th {padding-left: 1em;}
  .block-advantage-02 .container:nth-child(5) > div > div figure picture img {right: 0.5em !important;}
  .block-advantage-03 {padding: 3em 0 0;margin-bottom: 0;}
  .block-advantage-03 .container:nth-child(1) p:nth-of-type(1) {display: none;}
  .block-advantage-03 .container:nth-child(1) p:nth-of-type(2) {text-align: left;margin-top: 1.5em;}
  .block-advantage-03 .container:nth-child(2) {margin-top: 2em;overflow: hidden;}
  .block-advantage-03 .container:nth-child(2) > div {padding-bottom: 6em;}
  .block-advantage-03 .container:nth-child(2) > div > div {display: flex;flex-wrap: wrap;flex-direction: column-reverse;width: 100%;margin-bottom: 2em;}
  .block-advantage-03 .container:nth-child(2) > div > div p:nth-child(1) {font-size: 125%;text-align: center;border: none;}
  .block-advantage-03 .container:nth-child(2) > div > div div:nth-child(2) {display: flex;flex-wrap: wrap;justify-content: center;text-align: center;margin-bottom: 1.5em;}
  .block-advantage-03 .container:nth-child(2) > div > div div:nth-child(2) img {display: block;width: 30%;}
  .block-advantage-03 .container:nth-child(2) > div::after {font-size: 1000%;right: -8vw;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}