@charset "UTF-8";
/* =====
 * LAYOUT :: ALL DEVICE
=================================================================== */
#Main .block-billboard-01 {background-image: url("../img/sustainability-report2023/resource/resource_bg01.webp");}
#Main .wrap-style-01::after {background: var(--sustainability-green-bg);}
#Main .block .ttl-style-01::before {background: var(--sustainability-green);}
#Main .block-sustainability-report2023-resource-01 .box01 {justify-content: space-between;}
#Main .block-sustainability-report2023-resource-01 .box01 > div {box-sizing: border-box;}
#Main .block-sustainability-report2023-resource-01 .box01 > div:nth-child(1) {border-radius: 0.5em 0 0 0.5em;overflow: hidden;}
#Main .block-sustainability-report2023-resource-01 .box01 > div:nth-child(2) {padding: 1.5em 2em 0;}
#Main .block-sustainability-report2023-resource-01 .box01 > div:nth-child(2) p {font-weight: bold;}
#Main .block-sustainability-report2023-resource-01 .box02 figure:nth-of-type(1) {max-width: 955px;margin: 3em auto 0;}
#Main .block-sustainability-report2023-resource-01 .box02 figure:nth-of-type(2) {max-width: 820px;margin: 3em auto 0;}
#Main .block-sustainability-report2023-resource-01 .box03 {padding: 3em 2em;margin-top: 3em;background: #f2f7eb;border-radius: 0.5em;}
#Main .block-sustainability-report2023-resource-01 .box03 p:nth-of-type(1) {color: var(--sustainability-green);font-size: 156.25%;font-weight: bold;padding: 0 0 0.5em 3em;letter-spacing: 0.1em;position: relative;}
#Main .block-sustainability-report2023-resource-01 .box03 p:nth-of-type(1)::before {display: block;content: '';width: 2.75em;height: 4.25em;background: url("../img/sustainability-report2023/resource/resource_img04_pc.webp")no-repeat left bottom/contain;position: absolute;left: 0;bottom: 0.5em;}
#Main .block-sustainability-report2023-resource-01 .box03 p:nth-of-type(1)::after {display: block;content: '';width: 100%;height: 2px;background-image: linear-gradient(to right, var(--sustainability-green) 10px, transparent 10px);background-size: 16px 2px;background-repeat: repeat-x;background-position: left bottom;position: absolute;left: 0;bottom: 0;}
#Main .block-sustainability-report2023-resource-01 .box03 p:nth-of-type(2) {font-weight: bold;}
#Main .block-sustainability-report2023-resource-01 .box03 figure:nth-of-type(1) {max-width: 905px;margin: 3em auto 0;}
#Main .block-sustainability-report2023-resource-01 .box03 figure:nth-of-type(2) {max-width: 890px;margin: 1em auto 0;}
#Main .block-sustainability-report2023-resource-02 .box01 > div {box-sizing: border-box;}
#Main .block-sustainability-report2023-resource-02 .box01 > div:nth-of-type(1) {border-radius: 0.5em 0 0 0.5em;overflow: hidden;}
#Main .block-sustainability-report2023-resource-02 .box01 > div:nth-of-type(2) {padding: 2.5em 3em 0;position: relative;}
#Main .block-sustainability-report2023-resource-02 .box01 > div:nth-of-type(2)::after {display: block;content: '';width: 6em;height: 6em;background: url("../img/sustainability-report2023/resource/resource_img12.webp")no-repeat bottom/contain; position: absolute;right: 0;bottom: 0;}
#Main .block-sustainability-report2023-resource-02 .box01 > div:nth-of-type(2) img:nth-of-type(1) {max-width: 119px;}
#Main .block-sustainability-report2023-resource-02 .box01 > div:nth-of-type(2) p:nth-of-type(1) {font-weight: bold;margin-top: 1em;}
#Main .block-sustainability-report2023-resource-02 .box01 > div:nth-of-type(2) a {max-width: 23em;}
#Main .block-sustainability-report2023-resource-02 .box01 > figure:nth-of-type(1) {margin-top: 2em;}
#Main .block-sustainability-report2023-resource-02 .box02 {margin-top: 2em;}
#Main .block-sustainability-report2023-resource-02 .box02 ul {justify-content: space-between;margin-top: 1.5em;}
#Main .block-sustainability-report2023-resource-02 .box02 ul li {border-radius: 0 2em 0 0;overflow: hidden;}
#Main .block-sustainability-report2023-resource-02 .box02 ul li p {text-align: center;font-weight: bold;margin-top: 0.5em;}
#Main .block-sustainability-report2023-resource-02 .box03 {margin-top: 2em;}
#Main .block-sustainability-report2023-resource-02 .box03 ul {justify-content: space-between;margin-top: 1.5em;}
#Main .block-sustainability-report2023-resource-02 .box03 ul li > p {color: #fff;font-family: 'Jost', sans-serif;text-align: center;padding: 0.4em 0 0.25em;margin-bottom: 0;border-radius: 1.5em 1.5em 0 0;background: #74a799;}
#Main .block-sustainability-report2023-resource-02 .box03 ul li div {padding: 1em;background: #dfe7e5;}
#Main .block-sustainability-report2023-resource-02 .box03 ul li div p:nth-of-type(1) {color: #74a799;font-size: 156.25%;font-weight: bold;text-align: center;margin-bottom: 0;}
#Main .block-sustainability-report2023-resource-02 .box03 ul li div p:nth-of-type(2) {margin: 0.5em 0 0;}
#Main .block-sustainability-report2023-resource-02 .box03 ul li div img {margin-top: 1em;}
#Main .wrap-style-01 .bg {bottom: 0;mix-blend-mode: multiply;position: absolute;}
#Main .wrap-style-01 .bg01 {width: 18em;height: 8em;background: url("../img/sustainability-report2023/resource/resource_bg02.webp")no-repeat left bottom/contain;left: 0;}
#Main .wrap-style-01 .bg02 {width: 22em;height: 7em;background: url("../img/sustainability-report2023/resource/resource_bg03.webp")no-repeat right bottom/contain;right: 0;}
/* =====
* LAYOUT :: PC
=================================================================== */
@media only screen and (min-width: 769px) {
  #Main .block-sustainability-report2023-resource-01 .box01 > div:nth-child(1) {width: 40%;}
  #Main .block-sustainability-report2023-resource-01 .box01 > div:nth-child(2) {width: 60%;}
  #Main .block-sustainability-report2023-resource-02 .box01 > div:nth-child(1) {width: 30%;}
  #Main .block-sustainability-report2023-resource-02 .box01 > div:nth-child(2) {width: 70%;}
  #Main .block-sustainability-report2023-resource-02 .box02 ul li {width: 24%;}
  #Main .block-sustainability-report2023-resource-02 .box03 ul li {width: 32%;}
  #Main .block-sustainability-report2023-resource-02 .box03 ul li div p:nth-of-type(2) {min-height: 5.5em;}
  
}
@media only screen and (max-width:1024px) {}
/* =====
* LAYOUT :: SP
=================================================================== */
@media only screen and (max-width: 768px) {
  #Main .block-sustainability-report2023-resource-01 .box01 > div:nth-child(1) {border-radius: 0.5em 0.5em 0 0;}
  #Main .block-sustainability-report2023-resource-01 .box01 > div:nth-child(2) {padding: 1.5em 0 0;}
  #Main .block-sustainability-report2023-resource-01 .box03 {padding: 1em;}
  #Main .block-sustainability-report2023-resource-01 .box03 p:nth-of-type(1)::before {width: 2.5em;height: 4em;}
  #Main .block-sustainability-report2023-resource-01 .box03 p:nth-of-type(1) {font-size: 137.5%;line-height: 1.25;white-space: nowrap;padding: 0 0 0.75em 2.75em;}
  #Main .block-sustainability-report2023-resource-01 .box03 figure:nth-of-type(1) {margin-top: 1.5em;}
  #Main .block-sustainability-report2023-resource-02 .box01 > div:nth-of-type(1) {border-radius: 0.5em 0.5em 0 0;}
  #Main .block-sustainability-report2023-resource-02 .box01 > div:nth-child(2) {padding: 2em 0 0;}
  #Main .block-sustainability-report2023-resource-02 .box01 > div:nth-child(2)::after {top: 1em;bottom: auto;}
  #Main .block-sustainability-report2023-resource-02 .box01 > div:nth-child(2) .btn-style-10 span::after {left: calc(100% + 0.1em);}
  #Main .block-sustainability-report2023-resource-02 .box02 ul li {width: 48%;}
  #Main .wrap-style-01 .bg01 {width: 16em;height: 7em;}
  #Main .wrap-style-01 .bg02 {width: 16em;height: 5em;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {}