@charset "UTF-8";
main section.strategy {
  background: #d3ebdb;
  padding-block: 10rem;
  position: relative;
  z-index: -2;
}
@media screen and (width <= 769px) {
  main section.strategy {
    padding-block: 3rem;
  }
}
main section.strategy h2 {
  color: #2b2b2b;
  font-size: 5rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
@media screen and (width <= 769px) {
  main section.strategy h2 {
    font-size: 2rem;
  }
}
main section.strategy h2 span {
  color: #fff;
  background: #50b072;
  font-size: 3rem;
  font-weight: 500;
  padding-inline: 5rem 3rem;
  padding-block: 1.5rem;
  border-radius: 4rem;
  position: relative;
  border: solid 6px #fff;
}
main section.strategy h2 span:before {
  content: "▶︎";
  rotate: 90deg;
  display: block;
  color: #50b072;
  position: absolute;
  bottom: -3rem;
  left: 50%;
  translate: -50% 0;
  font-size: 3.5rem;
  z-index: 2;
}
main section.strategy h2 span:after {
  content: "▶︎";
  rotate: 90deg;
  display: block;
  color: #fff;
  position: absolute;
  bottom: -4rem;
  left: 50%;
  translate: -50% 0;
  z-index: -1;
  font-size: 4rem;
}
@media screen and (width <= 769px) {
  main section.strategy h2 span {
    font-size: 1.8rem;
    border: solid 2px #fff;
    padding-inline: 2rem 1rem;
    letter-spacing: 0.1em;
    padding-block: 0.2rem;
  }
  main section.strategy h2 span:before {
    content: "▶︎";
    rotate: 90deg;
    display: block;
    color: #50b072;
    position: absolute;
    bottom: -1.5rem;
    left: 50%;
    translate: -50% 0;
    font-size: 1.5rem;
    z-index: 2;
  }
  main section.strategy h2 span:after {
    content: "▶︎";
    rotate: 90deg;
    display: block;
    color: #fff;
    position: absolute;
    bottom: -2rem;
    left: 50%;
    translate: -50% 0;
    z-index: -1;
    font-size: 2rem;
  }
}
main section.strategy .container {
  margin-top: 8rem;
  padding-inline: 10rem;
}
@media screen and (width <= 769px) {
  main section.strategy .container {
    padding-inline: 0;
    margin-top: 3rem;
  }
}
main section.strategy .container .strategy_items {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5rem;
  max-width: 160rem;
  margin-inline: auto;
}
@media screen and (width <= 769px) {
  main section.strategy .container .strategy_items {
    flex-direction: column;
    gap: 0;
  }
}
main section.strategy .container .strategy_items .strategy_item {
  width: 50%;
}
@media screen and (width <= 769px) {
  main section.strategy .container .strategy_items .strategy_item {
    width: 80%;
  }
}
main section.strategy .container .strategy_items .strategy_item picture img {
  width: 100%;
  border-radius: 2rem;
}
@media screen and (width <= 769px) {
  main section.strategy .container .strategy_items .strategy_item picture img {
    border-radius: 1rem;
  }
}
main section.strategy .container .strategy_items .strategy_item .strategy_item_list {
  margin-top: 2rem;
  flex-direction: column;
  display: none;
  gap: 1rem;
}
@media screen and (width <= 769px) {
  main section.strategy .container .strategy_items .strategy_item .strategy_item_list {
    display: flex;
  }
}
main section.strategy .container .strategy_items .strategy_item .strategy_item_list li {
  font-size: 1.6rem;
  padding-left: 3rem;
  position: relative;
  color: #404040;
  font-weight: 600;
  line-height: 1.4;
}
main section.strategy .container .strategy_items .strategy_item .strategy_item_list li:before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 0;
  top: 0;
  translate: 0 0;
  background: url("data:image/svg+xml,%3csvg%20width='30'%20height='50'%20viewBox='0%200%2030%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='30'%20height='50'%20fill='url(%23pattern0_1_886)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_1_886'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_1_886'%20transform='scale(0.0333333%200.02)'/%3e%3c/pattern%3e%3cimage%20id='image0_1_886'%20width='30'%20height='50'%20preserveAspectRatio='none'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAyCAYAAABLXmvvAAAAAXNSR0IArs4c6QAAA59JREFUWEe9mF2IVGUYx3//dZUMktTStSVTCayEys47a5skipRCHyR0kQhBEYUUkQh5IdEHEkHRB1REXRQUddFFBQYZUUoh5jkz2YV9EK2sa6JlJhFsLOs8cU7TNrNzzpz3nGZ6rhb2+f9/5/1+nhFdCjvIAH0cBH5nkvW6lpOdrNUlLhbxGbA28RMbFbCn52CLuAnY3QBNMpNBXcXP/wf4V2BeA/S1HFfnzeR/nmqLeArYMQUyXleFu3sKtkMMMsmxFoh4QAEv9RYcsg+xZhp4WAEHega2kFsRH0wDjDPBfF3HeO/AEaeBudNGGypgKA/694krERbxDLC9TWq8qgr3+VgWBttXLOEsR1LNxb0KeK034IgvgNUZYKeAatfBFnEb8F6G8R/MZr5WMNEL8G/A+RnGn8tNO1odvsB7jS3kOcRDmV7G86qwzWe03rvaQpYhfuxoatypCm92FxzxJeSczz5W6Bq+6RrYQm5HvJtjeIqABRLmA7YaF3VcYzNElTPAnBzDN+S4qznHIhYBizGWIpYCyxp/XwIs6QyOeAF40GMUcREQn+/LsGQ/LAYGgZlZ2kywVbkU4wcPaKmUbHBEBASlXD1EqWALuQPxjoe+bMreNrAZfY0NdV5Z11xdH4Pt4JAXEffnissn7JLjkRawhSxHfFfeM1d5Uo6BtivTImrAylx5+YQNcnzcArYqWzDeKu+Zq/xUjvX/ZCVTbYeZxXhyQ83OlZdNqLNIQ5xoBVd5BfOrlUpxxWMKeLxZK6txBXUOlzL0E52QS+7tlpBFyVN2uZ9HkhVXIWMNTeZdPOVn3KAKn6SB056yX4CjGKOIEWAEcQRxlBmMMsFCxPdAf84H75FjY1qOLGQ14kbET9QZoZ9RzjCmdfyZZWohmxFv587SJANZDbp3zdUMsYiXga054EfleCIrpyw4bspWdQAfl0ve48woDLaIc4G4ET8n09VYpwp7uwuuMUyd/R1MP5Tj5rz1LzPieG3jNU6Ps1ygVcmMdIwy4LgpuyfVVexUwJN50Pj/ZcBZL9gxOS72gRYG2wHm0M+p1OqxzloNsa834BprqKea75bjFl9o8RGHbEM82waYxTxdmdzh3lFojS1KCoUtLe7iYQU87U1sJBYFf5t0C//GmFzSNRQOb7DVuJB68otss+Z6uaR1KRz+4CobMD5qIrwvx6bCxKJTbSE7EbumQDOYq5VJnVYq/Eccsh8x3KBsl0vZ3QU+4S9M1f+vNoJZ7QAAAABJRU5ErkJggg=='/%3e%3c/defs%3e%3c/svg%3e")
    no-repeat center center/contain;
}
main section.strategy .container .strategy_message {
  margin-top: 7rem;
  max-width: 160rem;
  margin-inline: auto;
}
@media screen and (width <= 769px) {
  main section.strategy .container .strategy_message {
    width: 90%;
    padding-block: 5rem;
    margin-top: 2rem;
  }
}
main section.strategy .container .strategy_message h2 {
  letter-spacing: 0.05em;
  position: relative;
  font-size: 4rem;
  z-index: 2;
  margin-bottom: 5rem;
}
@media screen and (width <= 769px) {
  main section.strategy .container .strategy_message h2 {
    font-size: 2rem;
    margin-bottom: 0;
  }
}
main section.strategy .container .strategy_message h2:after {
  content: "";
  display: block;
  position: absolute;
  top: -5rem;
  right: 10rem;
  width: 24.4rem;
  height: 14.3rem;
  background: url(./up-D-lcoXGD.svg) no-repeat center center/contain;
}
@media screen and (width <= 769px) {
  main section.strategy .container .strategy_message h2:after {
    z-index: -1;
    top: -1rem;
    right: 7rem;
    width: 10rem;
    height: 5rem;
  }
}
main section.strategy .container .strategy_message .message_content {
  background: #fff;
  padding-top: 4rem;
}
main section.strategy .container .strategy_message .message_content p {
  font-size: 2.2rem;
  max-width: 90rem;
  margin-inline: auto;
  line-height: 1.8;
}
@media screen and (width <= 769px) {
  main section.strategy .container .strategy_message .message_content p {
    font-size: 1rem;
    padding-inline: 2rem;
    line-height: 2.6;
    margin-top: 2rem;
  }
}
main section.strategy .container .strategy_message .message_content .message_main {
  max-width: 90rem;
  margin-inline: auto;
  margin-top: 4rem;
  padding: 2rem 0 4rem;
  border-top: solid 1px #2b2b2b;
  position: relative;
}
@media screen and (width <= 769px) {
  main section.strategy .container .strategy_message .message_content .message_main {
    width: 90%;
    margin-top: 1rem;
    padding: 1rem 0 4rem;
  }
}
main section.strategy .container .strategy_message .message_content .message_main:after {
  content: "";
  display: block;
  width: 16rem;
  height: 23.5rem;
  background: url(./earth-CB6bMTdR.svg) no-repeat center center/contain;
  position: absolute;
  bottom: 3rem;
  right: -10rem;
}
@media screen and (width <= 769px) {
  main section.strategy .container .strategy_message .message_content .message_main:after {
    width: 4rem;
    height: 4rem;
    right: -15px;
    bottom: 10px;
  }
}
main section.strategy .container .strategy_message .message_content .message_main p {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-bottom: 1rem;
}
@media screen and (width <= 769px) {
  main section.strategy .container .strategy_message .message_content .message_main p {
    font-size: 1.3rem;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 1rem;
    padding-inline: 0;
  }
}
main section.strategy .container .strategy_message .message_content .message_main p .orange {
  font-size: 3.6rem;
  color: #f06a2b;
}
@media screen and (width <= 769px) {
  main section.strategy .container .strategy_message .message_content .message_main p .orange {
    font-size: 1.5rem;
  }
}
main section.strategy .container .strategy_message .message_content .message_main p .center {
  text-align: center;
  display: block;
}
main section.strategy .container .strategy_message .message_content .message_main p .red {
  font-size: 4rem;
  color: #e9081d;
  line-height: 1.8;
}
@media screen and (width <= 769px) {
  main section.strategy .container .strategy_message .message_content .message_main p .red {
    font-size: 1.7rem;
  }
}
main section.strategy .container .strategy_message .message_content .message_main p:last-child {
  padding-left: 2rem;
  letter-spacing: 0.1em;
  font-size: 3.4rem;
}
@media screen and (width <= 769px) {
  main section.strategy .container .strategy_message .message_content .message_main p:last-child {
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.8;
    padding-top: 0;
    padding-left: 0;
  }
}
main section.why {
  background: url(./bg_why-sDz-ksZ5.jpg) no-repeat center center/cover;
  padding-block: 10rem;
  position: relative;
  z-index: -2;
}
@media screen and (width <= 769px) {
  main section.why {
    background: url(./bg_why_sp-B_TKHAXA.png) no-repeat center center/cover;
    padding-block: 3rem;
  }
}
main section.why .wrapper {
  max-width: 90rem;
  margin-inline: auto;
}
main section.why .wrapper h2 {
  letter-spacing: 0.05em;
  position: relative;
  font-size: 5rem;
  text-align: center;
  font-weight: 600;
}
@media screen and (width <= 769px) {
  main section.why .wrapper h2 {
    font-size: 2rem;
  }
}
main section.why .wrapper h3 {
  margin-top: 4rem;
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 4rem;
}
@media screen and (width <= 769px) {
  main section.why .wrapper h3 {
    font-size: 1.6rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
main section.why .wrapper h3 .green {
  color: #50b072;
}
main section.why .wrapper p {
  text-align: center;
  font-size: 2rem;
}
@media screen and (width <= 769px) {
  main section.why .wrapper p {
    font-size: 1.3rem;
    text-align: left;
    padding: 0 2rem;
    line-height: 1.8;
  }
}
main section.why .wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 75%;
  margin-inline: auto;
  margin-top: 5rem;
}
@media screen and (width <= 769px) {
  main section.why .wrapper ul {
    max-width: 90%;
    padding-left: 2rem;
  }
}
main section.why .wrapper ul li {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-weight: 600;
  color: #2b2b2b;
  font-size: 2rem;
  letter-spacing: 0.1em;
}
main section.why .wrapper ul li.why1 {
  &:before {
    content: "";
    display: block;
    width: 25rem;
    height: 17rem;
    position: absolute;
    top: 20rem;
    right: 15rem;
    background: url(./why1.png) no-repeat center center/contain;
  }
}
main section.why .wrapper ul li.why2 {
  &:before {
    content: "";
    display: block;
    width: 30rem;
    height: 21rem;
    position: absolute;
    top: 40rem;
    right: 16rem;
    background: url(./why2.png) no-repeat center center/contain;
  }
}
@media screen and (width <= 769px) {
  main section.why .wrapper ul li {
    font-size: 1.4rem;
    align-items: flex-start;
    line-height: 1.8;
    position: relative;
    letter-spacing: inherit;
  }
  main section.why .wrapper ul li.why1 {
    &:before {
      content: "";
      display: block;
      width: 10rem;
      height: 7rem;
      position: absolute;
      top: -1rem;
      right: 1rem;
      background: url(./why1.png) no-repeat center center/contain;
    }
  }
  main section.why .wrapper ul li.why2 {
    &:before {
      content: "";
      display: block;
      width: 8rem;
      height: 8rem;
      position: absolute;
      top: 1.5rem;
      right: 2rem;
      background: url(./why2.png) no-repeat center center/contain;
    }
  }
}
main section.why .wrapper ul li span {
  background: #50b072;
  border-radius: 100vmax;
  width: 2.5rem;
  height: 2.5rem;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
@media screen and (width <= 769px) {
  main section.why .wrapper ul li span {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.2rem;
    margin-top: 0.5rem;
  }
}
main section.why .wrapper picture {
  display: block;
  text-align: center;
  margin-top: 5rem;
}
@media screen and (width <= 769px) {
  main section.why .wrapper picture {
    margin-top: 3rem;
  }
}
main section.why .wrapper picture img {
  width: 50%;
}
@media screen and (width <= 769px) {
  main section.why .wrapper picture img {
    width: 65%;
  }
}
main section.why .wrapper .start_container {
  text-align: center;
}
@media screen and (width <= 769px) {
  main section.why .wrapper .start_container {
    padding-top: 2rem;
  }
}
main section.why .wrapper .start_container .start {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: center;
  margin-top: 5rem;
  border-bottom: solid 8px #ffcc00;
  display: inline-block;
  margin-inline: auto;
}
@media screen and (width <= 769px) {
  main section.why .wrapper .start_container .start {
    font-size: 1.6rem;
    margin-top: 3rem;
    display: inline;
  }
}
main section.data {
  background: url(./bg_data-DvB4FJc3.png) no-repeat center center/cover;
  padding-block: 10rem;
  position: relative;
  z-index: -2;
}
@media screen and (width <= 769px) {
  main section.data {
    background: url(./bg_data_sp-C0Mu7oxY.png) no-repeat center center/cover;
    padding-block: 3rem;
  }
}
main section.data .wrapper {
  max-width: 120rem;
  margin-inline: auto;
}
@media screen and (width <= 769px) {
  main section.data .wrapper {
    width: 90%;
  }
}
main section.data .wrapper h2 {
  letter-spacing: 0.05em;
  position: relative;
  font-size: 5rem;
  text-align: center;
  font-weight: 600;
}
@media screen and (width <= 769px) {
  main section.data .wrapper h2 {
    font-size: 2rem;
  }
}
main section.data .wrapper picture {
  display: block;
  margin-top: 5rem;
}
@media screen and (width <= 769px) {
  main section.data .wrapper picture {
    margin-top: 3rem;
  }
}
main section.voice {
  background: url(./bg_voice-BDyS5OrG.png) no-repeat center center/cover;
  padding-block: 10rem;
  position: relative;
  z-index: -2;
}
@media screen and (width <= 769px) {
  main section.voice {
    background: url(./bg_voice_sp-DkCtyogQ.png) no-repeat center center/cover;
    padding-block: 3rem;
  }
}
main section.voice h2 {
  letter-spacing: 0.05em;
  position: relative;
  font-size: 5rem;
  text-align: center;
  font-weight: 600;
}
@media screen and (width <= 769px) {
  main section.voice h2 {
    font-size: 2rem;
  }
}
main section.voice dl {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 120rem;
  margin-inline: auto;
}
@media screen and (width <= 769px) {
  main section.voice dl {
    display: none;
  }
}
main section.voice dl .voice_item {
  border: solid 1px #dad9d9;
  background: #fff;
  width: 80%;
  margin-inline: auto;
  border-radius: 1rem;
  position: relative;
  padding: 2rem 5rem 2rem 16rem;
}
@media screen and (width <= 769px) {
  main section.voice dl .voice_item {
    width: 70%;
    padding: 4rem 0;
    text-align: center;
    border-radius: 0;
  }
}
main section.voice dl .voice_item.item1:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(data:image/jpeg;base64,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)
    no-repeat center center/contain;
  position: absolute;
  top: 50%;
  left: 3rem;
  translate: 0 -50%;
  width: 10rem;
  height: 10rem;
}
@media screen and (width <= 769px) {
  main section.voice dl .voice_item.item1:before {
    width: 5rem;
    height: 5rem;
    left: 50%;
    top: 0;
    translate: -50% -50%;
    border-radius: 100vmax;
  }
}
main section.voice dl .voice_item.item2:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcFBQYFBAcGBgYIBwcICxILCwoKCxYPEA0SGhYbGhkWGRgcICgiHB4mHhgZIzAkJiorLS4tGyIyNTEsNSgsLSz/2wBDAQcICAsJCxULCxUsHRkdLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCz/wAARCACKAIoDASIAAhEBAxEB/8QAHAABAAIDAQEBAAAAAAAAAAAAAAYHAwQFAQII/8QAPhAAAAYBAQUFBgQEBAcAAAAAAAECAwQFEQYSEyExUQcUQWFxFSIjMlSBFkKRojNSU2InNJLRQ2OCobHB8P/EABkBAQADAQEAAAAAAAAAAAAAAAABAwQCBf/EACMRAQACAgICAgIDAAAAAAAAAAABAgMREjETIRRBBFEiMmH/2gAMAwEAAhEDEQA/AP0iAAAAAAAAAAA8EGLtQqpesI+naiM/ZPOOm26+1gm2cfMeT548gE6IBp2E+NWV70yW+lhhlBqW4vgSSIQXsv15J1OmZX2ZF31hRusubGxvmFGewePAy5CP8NLGAAEgAAAAAAAAAAAAAAAABDE44hlpTjikoQksmZ8CIiGUVr2tWSEN1tTLWtiqlGt2ctGS3iEFkmcl/MfAR0Q+L/tKZs62dB07XyZ6XWlslOSommSMyxlKlY2seQrinmvQJNdZVezFcjRjiLQtHMuSzLoeeORqqVJs1on2K+6MN8WYqPdSykuRehF4DKiY05B74athn+/hy/8AuA87LmtP9WzHjiO31IbkzkNt2VpOsWWf4bMh3KS6cPEZosuzrLPv9TMbiPqZ7utxSNrCOful9hjacS6yh1PAllkvQfRGRpI0qyR8sDL5bxO13Cutadqu11rKtkJV7TjWbZmRGxJQTWfIllyFq6W1hB1M082hDkOxinsSYL/B1k/TxI/Ay4CjZEdqVHUy8nLZ/b9BkiJtZFrBYqbSc9qVts2oW0hOyhj8225zMi6Dd+Pn5fxszZcevcP0kA4ulqeXSaejwZ9k9ZSkll195WTUo+ePIvAdobmYAAAAAAAAAAAAABTfa3ZLnaogUPyxYrXfXUf1F8kF9hcYoTteVKb1/vjfb3bEAnGzMv8ALkZ4PlzyfIV5N8dQ6p2jUhMaVPJCosyW+XAmWWlKSZ/YsCwdGdm0qylItdUxEsxWyMo1YrjzLG25jx6F4CYdmteUDQFaS47rDi0G6vf/ADZM858iPwLwIbM7tC0lWSO7y9QQWns42d5nB/bkK8eGK6d2vM9Kh1Bpiz0RJW1JYdlUuT7vMbTtbtJ/kcIuWOvIR5hRxUKXXramwj47tCi2m/TyH6h+G8z+Vbai+xkIPqWj7PKOZEtLuLBr3jd+EvGxtqLyIRb8eJncJrlmPUqTRYYmOPsJdcbMi3rK04NHQ0+H2HUjpkS7uCxXOKjWqMyYK1cCNaeO6+5cMC7HGtL6409Kgxn4cyK8jZX3dRZR0PhxIyPkKDrtiffQap7e2aESu7FuPhOOER4J1B/lUnA48HGYmHXk3Ew/TFa+/Kq4z8mMqK860lS2T5tqMuKeHQbowR2e7xWmdtTm7SSdtXE1YLGTGcbGcAAAAAAAAAAAAAeEIH2m21RX0EmDJaJyysIy246EM7xXDjk8ckkYnorzVLKYvajSyHE/CtIEitz4EvG2kvvyETHrRD3Qmr6OfohqFMs1E9DjJalFOUTajIyxteGUn4GQ6NY3oKniQYtemnbZnOG1GJGyrerLmRHxyYgEXTB3/Zrpuzh1LVnY0jxsusLURG+yhSkqb6dMZHcbtqkmoKU9mVqh6tcN2M0UNJEws+ZpPOBIstiTGeccaYfacUyewtCFEewfQyLkOZa3GnmK9Uu0mQO6suE0bjqkqShZ8MeRiA1PZ/I1NfWt9ZQpWmW5ZFuY0aRsumvxdc2eGehDUqqxemqB3TV9oJ+3i77eqlxEk6mUZK91xSc5JWMAaTqMxouo1I7LjnVwrVbRIc2FpbWpHzFlJY/8CsaWXp2R2zLuIs/ukDvRtx/gmbMh1ScHsrLgnJ8iHYvq9GvJ8WLC0NJgm4+0cqymspZ2GUGW0kvzHlJYIcttpmZSMV0FpLabjU6u7NknBIZZVxMi8iSIF6gACQAAAAAAAAAAAAABwdVacb1LTlFJ84sqO4l+LIRzYdTxSov9ug7wAK+7KjfhxLylnOJcm19iverQWEr2yJe0ReBHkWCK81YmTovU341hoU9XPISxcMJ5kgvkeSXVPIy6CUy3pN1phT+nbBhp6QglxpJp3iP06eADV1JM1XEfZ/D1TBsGTQe837+6UlXhjwwOzAOUquYVOQ23KNBb1DXFJK8SLyEMRcdo0P4UnTNZOxw30eZsEf8A0qLgNmoPXljcx37Nuup61oz3kVk9869w4FtcCSXoAlFpMRXVEuWvghhlTn6EK67KtISEwq7UdrJ3qzjmcGKScJipcPaWZ9Vn16DZ1XZq1vfHoWndT3YsLuJSFfw2v6Sf7lcj6ELCYYbjRm2GUpQ20kkISXIiIsEQDOAAAAAAAAAAAAAAAAAZHFvdV0emo+8trFiL0QaveP0SXEQ2T2hX14k0aYo+7MHwKfZ/DT6pb5mJiN9Im0R2kfaQX+G94ZcyjKMvsIpVad1BpSuiWmjt1Kr5Udt2TTPrwklGkjNTKvy56chyZNVY6r1TKpLm33k06kjgOIy2wpZnhxRtpxnHD7C3auKcGpiQ1KJRsMobyXI9kiIRMaKzExuEPR2mqZTsTdJX8Z8ubZRd4X2UngNZ+frTWeYlfXOaWrVcHZsrByTT0bbL5T8z5CxgBKtND0cHT/aZe1te1u2IsGOXHipajyZqUfiZiyxVms41hQaxatYM/crupUWPsIT72y2Rmsj8jIZS1RrOklvLkQ4uoYG0Zl3XDMhtPTZPgrAmKTMbhxN4idSs4BE6HtF07fu92amdzmlziSy3LpeWD/8AQlYh29AAAAAAAAABxtR6jr9L0zllZOmhlGEpQhOVOKPklJeJn4EIm3H1zrBO9ekJ0jVr+RhsicmKT/crkj0LkMF5JRY9rcdl5CX4lBF7wTfgT7nBJn6J5dBKPxOr6b9w7rSZ9wqtkrWdS1qTs407Su94KF32afOXMVvnT+6uX2HfOogHzjtjk/ihX0v7h7+J1fS/uHUY7x04nLjntH+0CG1p9+k1XFaS2VVKJuTs/wBBz3FfoeBYCFJWglJPJGXD0ERtrBm9p5VVKh/AltKZX73LJYL9BGtGdptfV0rNLqR5yDMrT7o4+4gzaXs8E+8XI8YHFqTHayl629VWsAjxa60qbO9LUFdsdd+kcmb2taQhoc3Nn35TZZNMVpTmCLzIsEOVjWtUov8Atiq4GxvI1LEXLe6E4v3EF+nETH2PAznurYr7Qk5+PGnagmRdqdevd5Pw3bJcGk/YhLfxOr6X9wtil/pROTH9slvozT94zu7Cpjv45KNOFF6KLiQjh6N1Npkt5pPUDkiOjlW2nxEY6Jc+ZI7/AOJ1fS/uHn4pV9L+4PHYjNjjpraV1qi7lv1NjBcqbyIRG9Dd8U/ztq5KR6CWCqteWJNvU+p2WdxKqJaCW4X52FnsrQflyFpoUS0EpPIy4CuazX1K2totG4fYAAh0AAAILL0wqsvLe4Je8KxcbM/+WSU4x6DBkhPloSpOyosl0Gn7Ig/TNi+mXjGmTJg5TuENyQZITP2PB+lbD2PB+lbHfmhX8aULyQ4i5LOmtbx7N9La6e72YU4lkRpbeL+E4ZcuPyizvY0D6Zv9BpW+laq5pZVbJjJ3EhBoVjmXQy8y8BxbJFo07xYbUnb6PSOnDXtnQ12evdkf7CFa+VHlT4OiqppqKUrEiwNlBJ3cZJ/Lw/mPh6EPajXStJ0ljT6pWpVrRpImj8Z7R8G1N9VHwIy8DHX0RpV5mFJudQNJcu7le+kkr/gp/IyXkkv+4prpqtvXpq+4SSShKUISREgi8CLgRBkhM/Y8H6Vseex4H0zY0eaGL40obkgyQmfseD9K2HseD9M2J80HxpQqTQHqSpmVfyIfb2dvwQfgf2E7iRyjQ2mCPaJptLeT8iwPpiO1HRsMoSguhDMKL35NWLHwjQAAOFoAAAAAAMakqNGEnsmOTK9ss8WltPF5I4jtEPkTX05mEVXc2rR4c2UeqBj9vz/52/8ASJQ8kjQeSIxxp0dlJ8GkF6JIaKan6YrzaPtwZxR7KdFnT4EOVLhHtRnltcWz8h0Pb9h/O3/pGiZFtDoRW0ZL3E/oLeFf0q52/bxN5ZK4JUhXogb0Z27kflQ2XVacDqMNobSWwhKfQsDaSM9piOoaccTPcsMdDyEfGd3ivIsENgeeI9FLVAAACQAAB//Z)
    no-repeat center center/contain;
  position: absolute;
  top: 50%;
  left: 3rem;
  translate: 0 -50%;
  width: 10rem;
  height: 10rem;
}
@media screen and (width <= 769px) {
  main section.voice dl .voice_item.item2:before {
    width: 5rem;
    height: 5rem;
    left: 50%;
    top: 0;
    translate: -50% -50%;
    border-radius: 100vmax;
  }
}
main section.voice dl .voice_item.item3:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcFBQYFBAcGBgYIBwcICxILCwoKCxYPEA0SGhYbGhkWGRgcICgiHB4mHhgZIzAkJiorLS4tGyIyNTEsNSgsLSz/2wBDAQcICAsJCxULCxUsHRkdLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCz/wAARCACKAIoDASIAAhEBAxEB/8QAHAABAAMBAQEBAQAAAAAAAAAAAAUGBwQDAgEI/8QAQhAAAAYBAQQGBwUGBAcAAAAAAAECAwQFBhEHEiExExQiQVFhMkJScXKBkRUjM7GyJDdDdaHBJVNighYnRFV0kuH/xAAaAQEAAgMBAAAAAAAAAAAAAAAAAQIDBQYE/8QAIhEAAgMAAgIBBQAAAAAAAAAAAAECAxEEIRIxMgUTIjRB/9oADAMBAAIRAxEAPwD+kQAAAAAAAAAAAFYzHLCxiAwiNGOfazXOhgw0cDdX5+CS7zFTdp7FX3mTZ9Ki2Ki16vW6NsseRFoZnp5iNBfby/rcaqV2FpJTGjI0LU+ajPklJFzM+4iFZb2r0iHUHPgWtXHcMiblS4ikNHry49wozM2a/miys7Fq/Rj6CKE8tG4XSLL01p5Gsi4D7k22X3jb7VlbNwYTpG2cVlpKjNPLiZl3kKuaI1G2NOtvspdaWlbai1JSeJGXkPYYrjthdYPXl1B9y4p4RayK5xP37LX+YyfrEXen6DXauziXFZHsIDyX4shJONuI5KIxZPSTtAAEgAAAAAAAAAAAAAAAADJs52iSWrqXjkaYiiQxp0051O+taDL+CkuGvvAHHklrLb2xLegSGJbkWMTJmZalBQfpEXd0ij+hDx01WpR9tauZnzMVuJEK2j9QqGH4dLv70iW5+NKV7/PvMSZyJNrOKixxCZM9REhbieLcNHLeWrxIuRDA+2UZ6FZVbb8lvrUZl5o9HiX2T1/uONd2ucaouPo62/yXIPgywXj5n5DXomC0aa2ExYQY9k/EaJvrEhojWrTvMxwStlOJSnzdKuVG3uJojuqaSfySegt4E+JnldaQcMXCN2cp91pziXpLe19LgXd5C44e8zi2azMaaVpU2qPtKp9ktfxW0+4+0ReAqFniqcByVDO4l6ss16RZa06rYc/ylH4H3GPm9mOJhQWJaHUV8N03SmRS/aoDnquI8UeKfAF+LwLro3gBUcHupFjVf4he1Ns8avuXYXZNaNPWQZ8FeItwylgAAAAAAAAAAAAAAAyPahSyae2Xl0ZhiVFUyliUw5wNJkeiFp4fLQa4KttFrm7TBrCK5MYhakRpefPRCVEepaiGgZNLhps7+rgPdelOzN0l1kV3o0ob9ZZmXIiG30lBV49AKHVQmojJeqhPP3n3ihbFoBOU1heSCS7NlyVN9YPmptGhaF4J110ExKoc4RNffiZhHJlbhm0w9CTuoT3J1IRFYiEi8AIHGSyRMd9GSKr1uIWXQuQ94iWnTmolchzZG3l70xlvH3qyJE3NXX5SVLWSvAklw00FiTn2m1DtxgNgxGjuPymyS6whsu1vpPUtBldbYTk428tyO5JtIOrT0dfBRqLuP5DVKWjy2NbsyrPK2psMiPfjtxEtkepcNDLloKRnSa6o2kqeZmtxnJsTpZrK+BGaeDa0n7XDkKSWohro69lOMU02UvK1Sokq19DoI6dxMPXmk0897zMvcNbFP2bNG/h8S4lNMnZT29+Q+hom1OkRmSd7TwIXAWRIAAEgAAAAAAAAAAADP9pjLCp2KqnIJyt+1ENvtrLVBmotEbxctCMaAILLsebynGZVWpzoluESmnC/huEeqVfIyAEFsxQiJDvqtBbpQbZ9BI7iSeikkXloYnMqxaHl1OVbNekssk6l3WO50atUnwL3Co7OH7NvMslh3rLUWzd6CS42yrVC+zub6fI93kNMAHm22TbZILkkiL6Diuqlm8pJdXIW621KbNpa2VbqiI/A+4ceSZGeORmHjqp9g24vdX1JrpDb4czLwHVR2iriqanKgyK/pNfuJKd1ZEXLUu4AfVFUMUNHEqoy3XGYjZNJW6reUZF4mMmzdMCZbZ5LmR0P9RgxorOqdTQ4riW74HqZchtQxmkp5+Y5ZaOdEhGPfbByXnzV2pC2ewhoi7kkZcQCNVo2FRcfgMLLRbUZtCiItOJJLXgJEAAAAAAAAAAAAAAAAAAAABn+atyMYyODm0RhT8Zlrqlmy2ntdAZ6k4Rf6D/oLk3OROqCnVikSkutdIzorsr4cOI8ryXDh0kpc2U1FZNpSN91RJLiWneMmwM8hxTEK+3qI7t3SyiUqRXl+NHMlGW+z4pP2foALWztKlwUk1fYhcwX0+l0DPTt/wC1Se4faM/s7aS3Gx7ErF7VaScfnI6u02nvPjz4ciIdkLaniEtneXcNwnC9JqWk2Vo8jJRDknbUID7vUsViP5FYq4JQwgyZR5rcMtCIvIASeb5WeOVaI8Jrrd1PPoYEVHNaz7z8ElzMx14Zj/8AwxisOsW70z6E7zzntuHxUf1GcMRHcb2qUdplls0qxmRnjdcNW5HZ9VDTevIvzGxpUSkkpKtUny0AH2AAAAAAAAAAAAAAADzUpLaFKUpKSSXEz4ERChv7Qpt1Kch4TTKuOjPcXOeV0URB+SvX+QAvqlEhOp8CIVC22l0dfM+z4Ju3NjyKLAR0qi+Iy4J+YgrHFpsqL1vO8ndfY/7fC+4YM/Z4dpYjTsWo0JdfRxGqaCZbhEwkiWfDTVRkMka3L0eO/l109P2R6ZMzMLe7vJ+Pfaz9KtuNHp+nI0MkZauLLTsrc8voLdslu6xzDIdSmagrGNvE9Ec7DjZmoz03T48CFZ2Ly4tFNt6iykIiT33kqabcVp0ySL0kn3jR77BseyRZO2NchchHoSEdh0vcpOhjHmHqjJSWolJFPWy170mvivr9pxpJn+Q9WY8WCzoyw1HbL2Ekki+gpqNnEyIncrs0vorZeihbpOkX/sQ+T2YtT9E32R3NwyX8Bx/o2z96U6akBYgbqXDzLaZAbq65GQV8RlcSwWenV2iUZcSWfA1EXcQ5MJzp/HKyVWSK2ZY1FVKcjJmR/vVsIJXZJxHpaEXIxqDbdNitKTaExayvjly4NoQQwvFXJUfIrS4r3+hjOuuE0+jgUgjXvErdPuIhaEHJ4jDddGqPkzcaLKaXJI/S1NgxKIuaUK7SfenmQmBkpQccyaWhVpE+y7b1LCEroVqP3p/uJgmM/wAXTrFkMZZAL+G/ozKSXkouyr5hKDj0yKb4WrYmhgKxi+cVmTuPREE7BtI/40CUW4838u8vMhZxUzgAAAAAABQtoi3rWTTYiw6torl4+tLb4KKMgt5ZF4a8hPz5cDEqFtqNHQ0yyRNMR2y0LyIhAxP8U22zXN7eRTVyGi8luHqf9CHFnks3btmMXoMN66eZ/wDwZK4+UsPHzLvs1eSIKdPlWUo5Ete+vuL1UF4EQ5gAbJLFiOQlJzes55tdDsmSamx0vEj0O40fCZch7VtxlGM6HV2P2rET/wBDOVxIvBDnP6j6D1Ve4/yFJ1xl7PTx+TZU+n0apimQM5VjkW3YaWwl8uLa+aDLgZCq5nnllAvF49QRGjmttJdflSPw2Eny0SXpGO7ZDw2aV3vc/WYp+VFptatP/AZ/Mxr4R8pYdRyLXXU5oiX61yzklKvp79w+XEie4Mo+FsuA7vAuRFwIi5EQANlGCj0jkbLp2PZM/NCNOh8haMWyh2C+3Bmr34yz3W3D5tn3Efl+QrA/FFqjQROCksZai6VUtiXLaXT7tS3lNagm7ijMpDTqOBraL8Rs/FJp7hcq2c1Z1caczxbktJdT7jLURlYZXmHIbe49ZjG0v5lumIrZRKW9s8hR3U6OQVuRFl8CjIv6aDVtY8OzrkpRUkXQAAC4AAAEBTY6VVfXdl0nSHaOoc+Ekp3dBQsjeN/Jpyj9RZJL5FoNaMtSFEyTEHunenQfvOkPfW33/IZ6GlLs1f1Kudla8V6KaA/VJNJ7qk6GXcPwbA5bAHqL+A/yAD9BfwH+QqTH5F42RFpsyrf9/wCoxUct4bWbH+Xs/mYt+yP92dX7lfqMVHMC/wCbE7+WtfqMeCr5nW8z9dnIAANicgAATtFi8q1WTjiVNR/bPv8AcQrKSitZmqqla/GKLPgDprx82z9R1Sf7ifg18atZUzFaS2hbinDSXtGepmFfXR6yKTEZG4gh1jWSevTsaIOutRf8P0AAVM4AAAAAAAQ1rjcC1Tq43uue2jgYp1hhNhFNSo27Ib8uB/QaSXIfh8hkhbJHiv4dVnbRi70R+Oe68wts/NOg8T/DX8J/kNgktoWgyUlKi8DLUVK9hxm0ObkdpPZPkgi7h7Yzckc/bx41y6Z0bJP3Y1Xwq/UYqWZfvWmfy1r9Ri67MkknZzVkRERdGfL4jEbbxmF7RpBrZbUfUkcTSR+sY8dfyOg5S2hoqLba3D3UIUs/JImIGJ2c4iPoOgR4ucP6DQIsdlgtGmW2y/0pIhJI9EZ52tdI1XG4MJ9srdThkKAonHv2hwva5F8hZEkSU6EWhD97wLkPK5OXs3ldMKVkUfQAAqZgAAAP/9k=)
    no-repeat center center/contain;
  position: absolute;
  top: 50%;
  left: 3rem;
  translate: 0 -50%;
  width: 10rem;
  height: 10rem;
}
@media screen and (width <= 769px) {
  main section.voice dl .voice_item.item3:before {
    width: 5rem;
    height: 5rem;
    left: 50%;
    top: 0;
    translate: -50% -50%;
    border-radius: 100vmax;
  }
}
main section.voice dl .voice_item dt {
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}
@media screen and (width <= 769px) {
  main section.voice dl .voice_item dt {
    font-size: 1.6rem;
    color: #50b072;
    border-bottom: dashed 1px black;
    display: inline-block;
    padding-bottom: 0.5rem;
    width: 80%;
  }
}
main section.voice dl .voice_item dd {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  margin-top: 1.5rem;
  font-size: 1.7rem;
  text-align: left;
  line-height: 1.4;
}
@media screen and (width <= 769px) {
  main section.voice dl .voice_item dd {
    margin-inline: auto;
    width: 90%;
  }
}
main section.voice .sp_wrapper {
  display: none;
}
@media screen and (width <= 769px) {
  main section.voice .sp_wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 5rem 1rem 0;
  }
}


main section.reason {
  background: #f5f5f5;
  padding-block: 10rem;
  position: relative;
  z-index: -2;
}
@media screen and (width <= 769px) {
  main section.reason {
    padding-block: 5rem;
  }
}
main section.reason .wrapper {
  max-width: 120rem;
  margin-inline: auto;
}
@media screen and (width <= 769px) {
  main section.reason .wrapper {
    width: 90%;
  }
}
main section.reason h2 {
  letter-spacing: 0.05em;
  position: relative;
  font-size: 5rem;
  text-align: center;
  font-weight: 600;
}
@media screen and (width <= 769px) {
  main section.reason h2 {
    font-size: 2rem;
  }
}
main section.reason ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
  margin-top: 5rem;
}
@media screen and (width <= 769px) {
  main section.reason ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
main section.reason ul li {
  background: #d3ebdb;
  padding: 4rem 1rem;
  border-radius: 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media screen and (width <= 769px) {
  main section.reason ul li {
    padding: 1rem;
  }
}
main section.reason ul li .text_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
main section.reason ul li .text_container span {
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: 2rem;
}
@media screen and (width <= 769px) {
  main section.reason ul li .text_container span {
    font-size: 1.6rem;
  }
}
main section.reason ul li .text_container h4 {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: 2rem;
  line-height: 1.6;
}
@media screen and (width <= 769px) {
  main section.reason ul li .text_container h4 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
}
main section.reason ul li picture img {
  width: 80%;
}
@media screen and (width <= 769px) {
  main section.reason ul li picture img {
    width: 45%;
  }
}
main section.sdgs {
  background: url(./bg_sdgs-CGzYPrpq.png) no-repeat center center/cover;
  padding-block: 10rem;
  position: relative;
  z-index: -2;
}
@media screen and (width <= 769px) {
  main section.sdgs {
    background: url(./bg_sdgs_sp-BjxMdJo8.png) no-repeat center center/cover;
    padding-block: 3rem;
  }
}
main section.sdgs .wrapper {
  max-width: 90rem;
  margin-inline: auto;
}
main section.sdgs h2 {
  letter-spacing: 0.05em;
  position: relative;
  font-size: 5rem;
  text-align: center;
  font-weight: 600;
}
@media screen and (width <= 769px) {
  main section.sdgs h2 {
    font-size: 2rem;
  }
}
main section.sdgs p {
  text-align: center;
  margin-top: 5rem;
  line-height: 1.8;
}
@media screen and (width <= 769px) {
  main section.sdgs p {
    font-size: 1.2rem;
    width: 90%;
    margin-inline: auto;
    text-align: left;
  }
}
main section.sdgs .graph_container {
  background: #fff;
  border-radius: 1rem;
  margin-top: 5rem;
  padding: 2rem 2rem 5rem;
}
@media screen and (width <= 769px) {
  main section.sdgs .graph_container {
    padding: 2rem;
    margin: 1rem;
    border: solid 1px #50b072;
  }
}
main section.sdgs .graph_container .graph_images {
  display: flex;
  justify-content: center;
  gap: 5rem;
}
@media screen and (width <= 769px) {
  main section.sdgs .graph_container .graph_images {
    flex-direction: column;
  }
}
main section.sdgs .graph_container .graph_images picture img {
  width: 100%;
  border-radius: 1rem;
}
main section.sdgs .graph_text p {
  font-size: 1.4rem;
  font-weight: 400;
  text-align: start;
  text-align: center;
}
@media screen and (width <= 769px) {
  main section.sdgs .graph_text p {
    font-size: 1.2rem;
    width: 90%;
    margin-inline: auto;
    text-align: left;
    margin-top: 0;
  }
}
main section.sdgs dl {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (width <= 769px) {
  main section.sdgs dl {
    gap: 5rem;
    width: 90%;
    margin-inline: auto;
  }
}
main section.sdgs dl .sdgs_item dt {
  background: #50b072;
  color: #fff;
  font-size: 2.8rem;
  font-weight: 600;
  padding: 1.5rem 2rem;
  text-align: center;
}
@media screen and (width <= 769px) {
  main section.sdgs dl .sdgs_item dt {
    font-size: 1.2rem;
    padding: 1rem 1.5rem;
  }
}
main section.sdgs dl .sdgs_item dd {
  font-size: 2.2rem;
  background: #fff;
  padding-block: 2rem;
  text-align: center;
  font-weight: 600;
  line-height: 1.8;
}
@media screen and (width <= 769px) {
  main section.sdgs dl .sdgs_item dd {
    font-size: 1rem;
    padding: 1rem 1.5rem;
    text-align: left;
  }
}
main section.sdgs h3 {
  color: #01204c;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 5rem;
  line-height: 1.8;
}
@media screen and (width <= 769px) {
  main section.sdgs h3 {
    font-size: 1.2rem;
    margin-top: 2rem;
  }
}
main section.sdgs h3 span.red {
  color: #f45b69;
  font-size: 2.4rem;
}
@media screen and (width <= 769px) {
  main section.sdgs h3 span.red {
    font-size: 1.6rem;
  }
}
main section.sdgs h3 span.yellow {
  border-bottom: solid 8px #ffcc00;
}
main section.strong_point {
  background: url(./bg_strong_point-BuK2eX2Q.png) no-repeat center center/cover;
  position: relative;
  margin: 5rem 10rem;
  border-radius: 1rem;
}
@media screen and (width <= 769px) {
  main section.strong_point {
    background: url(./bg_strong_point_sp-gbl8a7UT.png) no-repeat center center/cover;
    margin: 2rem;
  }
}
main section.strong_point .wrapper {
  max-width: 90rem;
  margin-inline: auto;
  padding-block: 5rem 8rem;
}
@media screen and (width <= 769px) {
  main section.strong_point .wrapper {
    padding-block: 5rem;
  }
}
main section.strong_point h2 {
  letter-spacing: 0.05em;
  position: relative;
  font-size: 5rem;
  text-align: center;
  font-weight: 600;
}
@media screen and (width <= 769px) {
  main section.strong_point h2 {
    font-size: 2rem;
  }
}
main section.strong_point h3 {
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 3rem;
}
@media screen and (width <= 769px) {
  main section.strong_point h3 {
    font-size: 1.6rem;
  }
}
main section.strong_point picture {
  display: block;
  text-align: center;
  margin-top: 2rem;
}
@media screen and (width <= 769px) {
  main section.strong_point picture {
    /* margin-top: 2rem; */
  }
}
main section.strong_point picture img {
  width: 70%;
}
@media screen and (width <= 769px) {
  main section.strong_point picture img {
    width: 85%;
  }
}
main section.cta_yellow {
  padding-block: 5rem 10rem;
  .btn_container {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    picture {
      display: block;
    }
  }
}
@media screen and (width <= 769px) {
  main section.cta_yellow {
    padding: 2rem 2rem 5rem;
  }
}
main section.sample {
  background: #f5f5f5;
  padding-block: 10rem;
  position: relative;
  z-index: -2;
}
@media screen and (width <= 769px) {
  main section.sample {
    padding-block: 5rem;
  }
}
main section.sample .wrapper {
  max-width: 95rem;
  margin-inline: auto;
  text-align: center;
}
@media screen and (width <= 769px) {
  main section.sample .wrapper {
    max-width: 90%;
  }
}
main section.sample h2 {
  letter-spacing: 0.05em;
  position: relative;
  font-size: 5rem;
  text-align: center;
  font-weight: 600;
}
@media screen and (width <= 769px) {
  main section.sample h2 {
    font-size: 2rem;
  }
}
main section.sample h3 {
  margin-top: 5rem;
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: center;
  border-bottom: solid 8px #ffcc00;
  display: inline-block;
  margin-inline: auto;
}
@media screen and (width <= 769px) {
  main section.sample h3 {
    font-size: 1.6rem;
    margin-top: 2rem;
  }
}
main section.sample p {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 2rem;
  position: relative;
  width: 40%;
  margin-inline: auto;
  &.description {
    width: 100%;
    margin-top: 2rem;
    line-height: 1.8;
    text-align: left;
  }
}
@media screen and (width <= 769px) {
  main section.sample p {
    font-size: 1.6rem;
    width: 90%;
    &.description {
      font-weight: 400;
      font-size: 1rem;
    }
  }
}
main section.sample p.title:before {
  content: "";
  display: block;
  width: 4rem;
  height: 2rem;
  background: url("data:image/svg+xml,%3csvg%20width='26'%20height='36'%20viewBox='0%200%2026%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.13135%201.58398L24.2219%2035.1285L2.13135%201.58398Z'%20stroke='%232B2B2B'%20stroke-width='3'/%3e%3c/svg%3e")
    no-repeat center center/contain;
  position: absolute;
  top: 0;
  left: 0;
}
main section.sample p.title:after {
  content: "";
  display: block;
  width: 4rem;
  height: 2rem;
  background: url("data:image/svg+xml,%3csvg%20width='26'%20height='36'%20viewBox='0%200%2026%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M23.7671%201.58398L1.67651%2035.1285L23.7671%201.58398Z'%20stroke='%232B2B2B'%20stroke-width='3'/%3e%3c/svg%3e")
    no-repeat center center/contain;
  position: absolute;
  top: 0;
  right: 0;
}
main section.sample ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5rem;
  margin-top: 5rem;
  &.filter {
    width: 70rem;
    margin: 0 auto;
    padding-top: 2rem;
  }
}
@media screen and (width <= 769px) {
  main section.sample ul {
    gap: 1rem;
    &.filter {
      gap: 1rem;
      width: 100%;
    }
  }
}
main section.sample ul li {
  width: 70%;
  &.front {
    width: 100%;
  }
  &.kitchen {
    width: 46%;
  }
}
@media screen and (width <= 769px) {
  main section.sample ul li {
    &.front {
      display: none;
    }
  }
}
main section.spec {
  background: url(./bg_spec-CgI_ddDI.png) no-repeat center center/cover;
  padding-block: 10rem;
  position: relative;
  z-index: -2;
}
@media screen and (width <= 769px) {
  main section.spec {
    background: url(./bg_spec_sp-DOwulOea.png) no-repeat center center/cover;
    padding-block: 5rem;
  }
}
main section.spec .wrapper {
  max-width: 90rem;
  margin-inline: auto;
}
main section.spec h2 {
  letter-spacing: 0.05em;
  position: relative;
  font-size: 5rem;
  text-align: center;
  font-weight: 600;
}
@media screen and (width <= 769px) {
  main section.spec h2 {
    font-size: 2rem;
  }
}
main section.spec ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5rem;
  margin-top: 2rem;
}
@media screen and (width <= 769px) {
  main section.spec ul {
    flex-direction: column-reverse;
    gap: 0;
  }
}
main section.spec ul li {
  width: 100%;
}
main section.spec picture {
  display: block;
  text-align: center;
  margin-top: 5rem;
}
main section.spec picture img {
  width: 100%;
}
@media screen and (width <= 769px) {
  main section.spec picture img {
    width: 80%;
  }
}
main section.faq {
  background: #d3ebdb;
  padding-block: 10rem;
}
@media screen and (width <= 769px) {
  main section.faq {
    padding-block: 5rem;
  }
}
main section.faq .wrapper {
  max-width: 70rem;
  margin-inline: auto;
}
@media screen and (width <= 769px) {
  main section.faq .wrapper {
    width: 90%;
  }
}
main section.faq h2 {
  letter-spacing: 0.05em;
  position: relative;
  font-size: 5rem;
  text-align: center;
  font-weight: 600;
}
@media screen and (width <= 769px) {
  main section.faq h2 {
    font-size: 2rem;
  }
}
main section.faq .faq_item {
  background: #fff;
  margin-top: 2rem;
  border-radius: 1rem;
}
main section.faq .faq_item details {
  border-radius: 1rem 1rem 0 0;
  display: block;
}
main section.faq .faq_item details summary {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: center;
  list-style: none;
  display: flex;
  align-items: center;
  padding-left: 5rem;
  padding-block: 2rem;
  position: relative;
}
@media screen and (width <= 769px) {
  main section.faq .faq_item details summary {
    font-size: 1.2rem;
    padding-left: 2rem;
  }
}
main section.faq .faq_item details summary:before {
  content: "Q";
  display: block;
  font-size: 2.5rem;
  color: #50b072;
  padding-right: 5rem;
}
@media screen and (width <= 769px) {
  main section.faq .faq_item details summary:before {
    font-size: 1.6rem;
    padding-right: 2rem;
  }
}
main section.faq .faq_item details summary:after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3csvg%20width='29'%20height='16'%20viewBox='0%200%2029%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.9349%200.99088C8.96468%204.83844%204.99542%208.68495%201.02766%2012.5306C-0.605864%2014.1152%202.04815%2016.4774%203.68764%2014.8859C7.21925%2011.4633%2010.7504%208.03908%2014.2838%204.61651C17.9376%208.0567%2021.5959%2011.4977%2025.2524%2014.9379C26.9169%2016.5049%2029.5718%2014.1437%2027.9115%2012.5827C23.8053%208.71747%2019.6997%204.85417%2015.5948%200.99088C14.9129%200.350668%2013.6088%200.335146%2012.9349%200.99088Z'%20fill='%2350B072'/%3e%3c/svg%3e")
    no-repeat center center/contain;
  padding-left: 5rem;
  position: absolute;
  right: 5rem;
  top: 50%;
  translate: 0 -50%;
  transition: transform 0.3s;
  transform: rotate(180deg);
}
@media screen and (width <= 769px) {
  main section.faq .faq_item details summary:after {
    width: 1rem;
    height: 0.5rem;
    right: 1rem;
  }
}
main section.faq .faq_item details[open] summary:after {
  transform: rotate(0);
}
main section.faq .faq_item .faq_answer {
  background: #f3f1f1;
  padding: 2rem;
  border-radius: 0 0 1rem 1rem;
}
main section.faq .faq_item .faq_answer p {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding-left: 5rem;
}
@media screen and (width <= 769px) {
  main section.faq .faq_item .faq_answer p {
    font-size: 1.2rem;
    padding-left: 2rem;
  }
}
main section.cta {
  background: #f5f5f5;
  padding-block: 10rem;
}
@media screen and (width <= 769px) {
  main section.cta {
    padding-block: 5rem;
  }
}
main section.cta .wrapper {
  max-width: 90rem;
  margin-inline: auto;
}
main section.cta h2 {
  letter-spacing: 0.05em;
  position: relative;
  font-size: 4rem;
  text-align: center;
  font-weight: 600;
  margin-bottom: 5rem;
}
@media screen and (width <= 769px) {
  main section.cta h2 {
    font-size: 1.7rem;
    line-height: 1.8;
  }
}
main section.cta h3 {
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 3rem;
}
@media screen and (width <= 769px) {
  main section.cta h3 {
    font-size: 1.6rem;
  }
}
main section.cta h3 span {
  font-size: 4rem;
}
@media screen and (width <= 769px) {
  main section.cta h3 span {
    font-size: 2.4rem;
  }
}
main section.cta h3 span.price {
  color: #f45b69;
  padding-left: 3rem;
  font-style: italic;
  font-family: Inter, sans-serif;
  letter-spacing: 0.2em;
}
main section.cta h3 span.tax {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: center;
}
main section.cta p {
  font-size: 2.4rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 2rem;
  position: relative;
  margin-inline: auto;
  letter-spacing: 0.2em;
}
@media screen and (width <= 769px) {
  main section.cta p {
    font-size: 1.6rem;
  }
}
main section.cta p.cta_price {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-align: center;
  margin-top: 2rem;
}
@media screen and (width <= 769px) {
  main section.cta p.cta_price {
    font-size: 1.6rem;
  }
}
main section.cta p:first-of-type {
  width: 40%;
  letter-spacing: 0.05em;
}
@media screen and (width <= 769px) {
  main section.cta p:first-of-type {
    width: 70%;
  }
}
main section.cta p:first-of-type:before {
  content: "";
  display: block;
  width: 4rem;
  height: 2rem;
  background: url("data:image/svg+xml,%3csvg%20width='26'%20height='36'%20viewBox='0%200%2026%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.13135%201.58398L24.2219%2035.1285L2.13135%201.58398Z'%20stroke='%232B2B2B'%20stroke-width='3'/%3e%3c/svg%3e")
    no-repeat center center/contain;
  position: absolute;
  top: 0;
  left: 0;
}
main section.cta p:first-of-type:after {
  content: "";
  display: block;
  width: 4rem;
  height: 2rem;
  background: url("data:image/svg+xml,%3csvg%20width='26'%20height='36'%20viewBox='0%200%2026%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M23.7671%201.58398L1.67651%2035.1285L23.7671%201.58398Z'%20stroke='%232B2B2B'%20stroke-width='3'/%3e%3c/svg%3e")
    no-repeat center center/contain;
  position: absolute;
  top: 0;
  right: 0;
}
main section.cta p span {
  color: #f45b69;
  font-size: 4rem;
  font-weight: 600;
}
@media screen and (width <= 769px) {
  main section.cta p span {
    font-size: 2.4rem;
  }
}
main section.cta ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5rem;
  max-width: 60rem;
  gap: 3rem;
  margin-inline: auto;
}
@media screen and (width <= 769px) {
  main section.cta ul {
    gap: 1rem;
    width: 80%;
  }
}
main section.cta ul li {
  text-align: center;
}
main section.cta ul li picture img {
  width: 100%;
  border-radius: 100vmax;
}
main section.cta .cta_images h2 {
  color: #50b072;
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 2rem;
}
@media screen and (width <= 769px) {
  main section.cta .cta_images h2 {
    font-size: 2rem;
  }
}
main section.cta .cta_images picture {
  display: block;
  margin-top: 5rem;
}
main section.cta .cta_messages {
  margin-top: 5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media screen and (width <= 769px) {
  main section.cta .cta_messages {
    gap: 1rem;
  }
}
main section.cta .cta_messages picture {
  display: block;
  margin-inline: auto;
  width: 70%;
  &.cta_last_btn {
    width: 100%;
  }
}
@media screen and (width <= 769px) {
  main section.cta .cta_messages picture {
    &.cta_last_btn {
      width: 90%;
    }
  }
}
body.about {
  font-family: Helvetica Neue, sans-serif;
  background-color: #f7f7f7;
  padding-block: 5rem 0;
}
body.about header {
  background: #fff;
}
body.about header .header_logo {
  padding-block: 2rem;
  margin-top: 0;
}
body.about .content {
  max-width: 120rem;
  margin-inline: auto;
  background: #fff;
  padding: 5rem 3rem;
  margin-top: 10rem;
  text-align: center;
  margin-bottom: 5rem;
}
body.about h1 {
  text-align: center;
  font-size: 4rem;
  color: #0d2d63;
  margin-bottom: 30px;
  border-bottom: 3px solid #f26c6c;
  display: inline-block;
  padding-bottom: 5px;
  margin-inline: auto;
}
body.about table {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  border-collapse: collapse;
  background: #fff;
  box-shadow: 0 2px 8px #0000000d;
}
body.about th,
body.about td {
  padding: 16px;
  text-align: left;
  border: 1px solid #50b072;
  vertical-align: top;
}
body.about th {
  width: 20%;
  background-color: #d3ebdb;
  font-weight: 700;
}
body.about td ul {
  margin: 0;
  padding-left: 20px;
}
body.about td ul li {
  margin-bottom: 4px;
}
@media (max-width: 600px) {
  body.about th,
  body.about td {
    display: block;
    width: 100%;
  }
  body.about th {
    background: #f0f0f0;
  }
  body.about tr {
    margin-bottom: 1rem;
    display: block;
    border-bottom: 2px solid #50b072;
  }
}
body.privacy {
  font-family: sans-serif;
  line-height: 1.8;
  margin: auto;
  background-color: #f9f9f9;
  color: #333;
  padding-block: 5rem 0;
}
body.privacy header {
  background: #fff;
}
body.privacy header .header_logo {
  padding-block: 2rem;
  margin-top: 0;
}
body.privacy .content {
  max-width: 120rem;
  margin-inline: auto;
  background: #fff;
  padding: 5rem 3rem;
  margin-top: 10rem;
  text-align: center;
  margin-bottom: 5rem;
}
@media screen and (width <= 769px) {
  body.privacy .content {
    margin-top: 2rem;
    margin-bottom: 0;
  }
}
body.privacy h1 {
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  color: #0d2d63;
  margin-bottom: 30px;
  border-bottom: 3px solid #f26c6c;
  display: inline-block;
  padding-bottom: 5px;
  margin-inline: auto;
}
@media screen and (width <= 769px) {
  body.privacy h1 {
    font-size: 3rem;
  }
}
body.privacy h2 {
  font-size: 1.6rem;
  margin-top: 2rem;
  color: #333;
  padding-left: 0.5rem;
  text-align: left;
  font-weight: 700;
}
body.privacy h2:first-of-type {
  background: #ebe9e9;
  padding: 1rem;
}
body.privacy h2:not(:first-of-type) {
  border-bottom: 1px dashed #3c3a3a;
  margin-top: 5rem;
}
body.privacy p {
  margin-top: 1rem;
  text-align: left;
  padding-left: 1rem;
  position: relative;
}
body.privacy p:has(span) {
  padding-left: 3rem;
}
body.privacy p span {
  display: inline-block;
  position: absolute;
  left: 1.2rem;
  top: 0;
}
body.tokutei {
  font-family: sans-serif;
  line-height: 1.8;
  margin: auto;
  background: #ebe9e9;
  padding-block: 5rem 0;
}
body.tokutei header {
  background: #fff;
}
body.tokutei header .header_logo {
  padding-block: 2rem;
  margin-top: 0;
}
body.tokutei .content {
  max-width: 80rem;
  margin-inline: auto;
  background: #fff;
  padding: 5rem 3rem;
  margin-top: 10rem;
  text-align: center;
  margin-bottom: 5rem;
}
@media screen and (width <= 769px) {
  body.tokutei .content {
    margin-top: 2rem;
    margin-bottom: 0;
  }
}
body.tokutei h1 {
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  color: #0d2d63;
  margin-bottom: 30px;
  border-bottom: 3px solid #f26c6c;
  display: inline-block;
  padding-bottom: 5px;
  margin-inline: auto;
  width: auto;
}
@media screen and (width <= 769px) {
  body.tokutei h1 {
    font-size: 3rem;
  }
}
body.tokutei h2 {
  font-size: 1.6rem;
  margin-top: 5rem;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.2rem;
  text-align: left;
  font-weight: 700;
}
body.tokutei p {
  margin-left: 1rem;
  text-align: left;
  margin-top: 1rem;
}
body.tokutei .note {
  font-size: 0.9rem;
  color: #555;
  text-align: left;
}
body.tokutei {
  .col {
    text-align: left;
  }
}
*,
:before,
:after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
}
main {
  display: block;
}
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
dd {
  margin-left: 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}
pre {
  font-family: monospace, monospace;
  font-size: inherit;
}
address {
  font-style: inherit;
}
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}
abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img,
embed,
object,
iframe {
  vertical-align: bottom;
}
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}
[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}
[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
  cursor: default;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
select::-ms-expand {
  display: none;
}
option {
  padding: 0;
}
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}
legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
label[for] {
  cursor: pointer;
}
details {
  display: block;
}
summary {
  display: list-item;
}
[contenteditable] {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption {
  text-align: left;
}
td,
th {
  vertical-align: top;
  padding: 0;
}
th {
  text-align: left;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
html {
  background: #fff;
  font-size: 62.5%;
}
html/* HIDDEN SCROLLBAR REMOVED */
@media screen and (max-width: 1440px) {
  html {
    font-size: 0.6944444444vw;
  }
}
@media screen and (width <= 769px) {
  html {
    font-size: 2.6666666667vw;
  }
}
body {
  font-size: 1.6rem;
  color: #000;
  font-family: Noto Sans JP, serif;
  position: relative;
}
img {
  max-width: 100%;
  height: auto;
}
@media screen and (width <= 769px) {
  .pc {
    display: none;
  }
}
.sp {
  display: none;
}
@media screen and (width <= 769px) {
  .sp {
    display: block;
  }
}
.fixed_cta_container {
  position: fixed;
  top: 2rem;
  right: 5rem;
  z-index: 100;
  box-shadow: 0 4px 8px 5px #c3c4c5;
  border-radius: 0 0 10px 10px;
  background: #fff;
}
@media screen and (width <= 769px) {
  .fixed_cta_container {
    right: 0;
    top: inherit;
    bottom: -1px;
    width: 100%;
  }
}
.fixed_cta_container .fixed_cta {
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
@media screen and (width <= 769px) {
  .fixed_cta_container .fixed_cta {
    flex-direction: row;
  }
}
.fixed_cta_container .fixed_cta .cta_phone {
  width: 20rem;
  height: auto;
}
@media screen and (width <= 769px) {
  .fixed_cta_container .fixed_cta .cta_phone {
    height: 6rem;
  }
}
.fixed_cta_container .fixed_cta .cta_form {
  width: 20rem;
  height: auto;
}
@media screen and (width <= 769px) {
  .fixed_cta_container .fixed_cta .cta_form {
    height: 6rem;
  }
}
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
header .header_logo {
  width: 28.4rem;
  margin-left: 2dvw;
  margin-top: 4.5rem;
}
@media screen and (width <= 769px) {
  header .header_logo {
    margin-top: 1rem;
    width: 30%;
  }
}
footer {
  background: #fff;
  padding: 5rem 0;
}
@media screen and (width <= 769px) {
  footer {
    padding: 5rem 0 10rem;
  }
}
footer .wrapper {
  max-width: 120rem;
  margin-inline: auto;
}
footer .wrapper .footer_logo {
  text-align: center;
}
footer .wrapper .footer_logo picture img {
  width: 10rem;
}
@media screen and (width <= 769px) {
  footer .wrapper .footer_logo picture img {
    width: 8rem;
  }
}
footer .wrapper .footer_link {
  display: flex;
  gap: 4rem;
  margin-top: 2rem;
  justify-content: center;
  padding-left: 0;
}
@media screen and (width <= 769px) {
  footer .wrapper .footer_link {
    gap: 2rem;
    flex-direction: column;
    align-items: center;
  }
}
footer .wrapper .footer_link li a {
  color: #3c3a3a;
}


/* === Force visible scrollbars across browsers === */
html {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  scrollbar-width: auto; /* Firefox */
}

/* WebKit/Blink visible scrollbar */
html::-webkit-scrollbar {
  width: 12px;
}

html::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.08);
}

html::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.3);
  border-radius: 6px;
}

@media (max-width: 769px) {
  html::-webkit-scrollbar {
    width: 8px;
  }
}
/* =========================
   CTA : 背景とボタンの重なり + 位置調整（統合版）
   ========================= */

/* ベース：背景とボタンを必ず同じグリッド上に重ねる */
.cta_btn .cta_btn_container{
  display: grid;
  grid-template-areas: "stack";
  place-items: center;
  padding: clamp(24px, 5vw, 80px) 0;
  position: relative;

  /* 中央基準の微調整ノブ（＋で右 / －で左） */
  --cta-x-shift: 35px;   /* PC基準の横補正 */
  --cta-y-gap: 25px;     /* 背景の下端からの距離（小さいほど下） */
}

/* 直下の子を同じレイヤーへ */
.cta_btn .cta_btn_container > *{
  grid-area: stack;
}

/* 背景（画像 or .bg） */
.cta_btn .cta_btn_container picture.bg,
.cta_btn .cta_btn_container .bg{
  width: 100%;
  max-width: 1100px;
}
.cta_btn .cta_btn_container picture.bg img{
  display:block; width:100%; height:auto;
}

/* ボタン（a/.btn/btn系クラスすべて拾う） */
.cta_btn .cta_btn_container :is(a, .btn, [class*="btn"]){
  justify-self: center;
  align-self: end;
  transform: translateX(var(--cta-x-shift));
  margin-bottom: var(--cta-y-gap);
  z-index: 1;
  text-decoration: none;
}
.cta_btn .cta_btn_container :is(a, .btn, [class*="btn"]) img{
  display:block;
  width: min(88%, 560px);
  height:auto;
}

/* タブレット */
@media (max-width: 1199px){
  .cta_btn .cta_btn_container{ --cta-x-shift: 16px; }
}

/* スマホ */
@media (max-width: 767px){
  .cta_btn .cta_btn_container{
    padding: clamp(16px, 6vw, 48px) 0;
    --cta-x-shift: 90px;   /* スマホは完全中央 */
    --cta-y-gap: 12px;
  }
  .cta_btn .cta_btn_container picture.bg,
  .cta_btn .cta_btn_container .bg{
    width: 100% !important;
    max-width: 100% !important;
  }
  .cta_btn .cta_btn_container :is(a, .btn, [class*="btn"]) img{
    /* 例：最小200px、通常は背景幅の70%、最大320px */
    width: clamp(200px, 60%, 320px) !important;
  }
}

/* =========================
   横はみ出しガード（1回だけ定義）
   ========================= */
html, body{
  width:100%;
  max-width:100%;
  overflow-x: clip; /* 必要なら hidden */
}
main, section, .wrapper, .container{ max-width: 100vw; }
img, picture, video, canvas, svg{ max-width:100%; height:auto; }

@media screen and (min-width: 768px) {
  .price-img {
    width: 60%;       /* PCのとき小さく */
    max-width: 600px; /* 最大サイズ制限 */
    height: auto;
    display: block;
    margin: 0 auto;
  }
}

.logo_block {
  display: flex;
  justify-content: center; 
  align-items: center;
  gap: 110px;               
  margin-top: 24px;
}

.logo_block img {
  max-height: 110px; 
  width: auto;
}

.single_logo_block--sdgs {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.single_logo_block--sdgs img {
  max-height: 72px; 
  width: auto;
}

.sdgs_goals {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;        
  margin-top: 12px; 
}

.sdgs_goals img {
  max-height: 80px; 
  width: auto;
}

/* 会社概要セクション内だけ適用 */
.content .company_name {
  display: flex;
  align-items: center;
  gap: 20px;         /* 文字とロゴの間隔 */
  font-size: 18px;
  font-weight: normal; 
}

.content .company_name .company_logo {
  height: 30px !important;  
  width: auto !important;
  flex: 0 0 auto;
  display: inline-block;
}
