/* ディレクトリリニューアルのためscss管理対象外 CSSをそのまま修正してください */
.relative {
  position: relative;
}
.hr-top {
  border-top: 1px solid #aaa;
}
.z-index-1 {
  z-index: 1;
}
@media only screen and (max-width: 691px) {
  .mt0_sp {
    margin-top: 0;
  }
}
@media only screen and (max-width: 691px) {
  .pt0_sp {
    padding-top: 0;
  }
}
.js-lightbox {
  position: relative;
}
.js-lightbox::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  bottom: 10px;
  right: 10px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%20fill%3D%22%2300A228%22%2F%3E%3Cpath%20d%3D%22M19.4445%2013.6656C19.4445%2014.9404%2019.0307%2016.118%2018.3335%2017.0734L21.8497%2020.5924C22.1969%2020.9395%2022.1969%2021.5033%2021.8497%2021.8505C21.5025%2022.1977%2020.9387%2022.1977%2020.5915%2021.8505L17.0754%2018.3316C16.12%2019.0315%2014.9424%2019.4425%2013.6676%2019.4425C10.4764%2019.4425%207.89062%2016.8568%207.89062%2013.6656C7.89062%2010.4744%2010.4764%207.88867%2013.6676%207.88867C16.8588%207.88867%2019.4445%2010.4744%2019.4445%2013.6656ZM13.6676%2017.665C14.1928%2017.665%2014.7128%2017.5616%2015.1981%2017.3606C15.6833%2017.1596%2016.1242%2016.865%2016.4956%2016.4936C16.8669%2016.1222%2017.1615%2015.6813%2017.3625%2015.1961C17.5635%2014.7109%2017.667%2014.1908%2017.667%2013.6656C17.667%2013.1404%2017.5635%2012.6203%2017.3625%2012.1351C17.1615%2011.6499%2016.8669%2011.209%2016.4956%2010.8376C16.1242%2010.4662%2015.6833%2010.1716%2015.1981%209.97063C14.7128%209.76964%2014.1928%209.66619%2013.6676%209.66619C13.1423%209.66619%2012.6223%209.76964%2012.137%209.97063C11.6518%2010.1716%2011.2109%2010.4662%2010.8395%2010.8376C10.4682%2011.209%2010.1736%2011.6499%209.97258%2012.1351C9.77159%2012.6203%209.66814%2013.1404%209.66814%2013.6656C9.66814%2014.1908%209.77159%2014.7109%209.97258%2015.1961C10.1736%2015.6813%2010.4682%2016.1222%2010.8395%2016.4936C11.2109%2016.865%2011.6518%2017.1596%2012.137%2017.3606C12.6223%2017.5616%2013.1423%2017.665%2013.6676%2017.665Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E")
    no-repeat 50% 50% / contain;
}
.js-lightbox:hover {
  opacity: 1;
}
body.is-prod-modal-open {
  overflow: hidden;
}
body {
  overflow-x: clip;
}
.prod-modal {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.prod-modal:not(.is-open) {
  display: none;
}
.prod-modal.is-open {
  visibility: visible;
  z-index: 10000;
}
.prod-modal-container {
  position: relative;
  width: 96%;
  max-width: 800px;
  max-height: 90dvh;
  padding: 40px;
  background-color: #fff;
  border-radius: 10px;
  z-index: 2;
}
@media only screen and (max-width: 691px) {
  .prod-modal-container {
    padding: 40px 16px;
  }
}
.prod-modal__close {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  width: 32px;
  height: 32px;
  font-size: 0;
  border: 1px solid #00a228;
  border-radius: 50%;
  top: 10px;
  right: 10px;
}
@media only screen and (max-width: 691px) {
  .prod-modal__close {
    width: 20px;
    height: 20px;
  }
}
.prod-modal__close::before,
.prod-modal__close::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 50%;
  border-radius: 2px;
  background-color: #00a228;
  top: 50%;
  left: 50%;
}
.prod-modal__close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.prod-modal__close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.prod-modal-container__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.mx-auto {
  margin-inline: auto;
}
.palt {
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}
.palt-normal {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
.shadow {
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
}
.note {
  position: relative;
  padding-left: 1em;
}
.note::before {
  position: absolute;
  content: "※";
  top: 0;
  left: 0;
}
.font-mincho {
  font-family:
    游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN",
    "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, "Noto Serif JP", serif;
}
.font-mulish {
  font-family: "Mulish", sans-serif;
}
.ls-0 {
  letter-spacing: 0;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.text-blk {
  color: #333;
}
.text-wht {
  color: #fff;
}
.text-green {
  color: #00a228;
}
.text-gray-aaa {
  color: #aaa;
}
.bg-wht {
  background-color: #fff;
}
.bg-gray {
  background-color: #666;
}
.bg-green {
  background-color: #00a228;
}
.bg-light-gray {
  background-color: #f3f3f3;
}
.bg-light-green {
  background-color: #f5fff7;
}
.Fs16 {
  font-size: calc(12px + 0.2vw);
}
.prod-img-border img {
  border: 1px solid #ddd;
}
.prod-rounded5 {
  border-radius: 5px;
}
.prod-rounded5 img {
  border-radius: 5px;
}
.prod-rounded10 {
  border-radius: 10px;
}
.prod-rounded10 img {
  border-radius: 10px;
}
.prod-rounded-none {
  border-radius: 0;
}
.prod-rounded-none img {
  border-radius: 0;
}
.overflow-hidden {
  overflow: hidden;
}
.bttn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px 16px;
}
.bttn-wrap.txt_c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-bttn a,
.new-bttn .--nolink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  min-height: 3em;
  font-size: calc(14px + 0.2vw);
  font-weight: 700;
  color: #333;
  line-height: 1.2;
  border: 1px solid #333;
  border-radius: 100rem;
  padding: 0.4444444444em 1.3333333333em;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  gap: 10px;
}
.new-bttn a .--icon,
.new-bttn .--nolink .--icon {
  display: block;
  width: 1.3888888889em;
  height: 1.3888888889em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.new-bttn a .--icon::before,
.new-bttn .--nolink .--icon::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #333;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.new-bttn a .--mail::before,
.new-bttn .--nolink .--mail::before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2225%22%20height%3D%2218%22%20viewBox%3D%220%200%2025%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.08381%2017.9998C1.54077%2018.0067%201.01717%2017.7944%200.626867%2017.4092C0.236569%2017.0241%200.0112081%2016.4972%200%2015.9434V2.05662C0.0112081%201.50281%200.236569%200.975945%200.626867%200.590771C1.01717%200.205597%201.54077%20-0.00668378%202.08381%200.000160511H22.9162C23.4592%20-0.00668378%2023.9828%200.205597%2024.3731%200.590771C24.7634%200.975945%2024.9888%201.50281%2025%202.05662V15.9419C24.9892%2016.496%2024.764%2017.0232%2024.3737%2017.4087C23.9833%2017.7942%2023.4595%2018.0067%2022.9162%2017.9998H2.08381ZM2.08381%2015.9434H22.9176V2.05662H2.08525L2.08381%2015.9434ZM20.6132%2015.1259L15.9309%2010.5L15.8867%2010.4535L15.8147%2010.5255C14.9219%2011.3946%2013.735%2011.8796%2012.5007%2011.8796C11.2665%2011.8796%2010.0796%2011.3946%209.18669%2010.5255L9.1147%2010.4535L9.07054%2010.5L4.38376%2015.1274C4.18586%2015.3207%203.92245%2015.4285%203.64847%2015.4285C3.37448%2015.4285%203.11107%2015.3207%202.91317%2015.1274C2.81667%2015.0337%202.73984%2014.9209%202.68734%2014.796C2.63484%2014.6711%202.60782%2014.5366%202.60782%2014.4007C2.60782%2014.2647%202.63484%2014.1302%202.68734%2014.0053C2.73984%2013.8804%202.81667%2013.7676%202.91317%2013.6739L7.59995%209.0465L7.64699%209L2.91317%204.32608C2.81663%204.23223%202.73986%204.11936%202.68734%203.99431C2.63483%203.86926%202.60764%203.73464%202.60764%203.5986C2.60764%203.46256%202.63483%203.32794%202.68734%203.20289C2.73986%203.07784%202.81663%202.96497%202.91317%202.87111C3.11125%202.67819%203.37459%202.57054%203.64847%202.57054C3.92234%202.57054%204.18569%202.67819%204.38376%202.87111L10.6603%209.0675C11.1562%209.54844%2011.8143%209.81663%2012.4986%209.81663C13.1828%209.81663%2013.8409%209.54844%2014.3368%209.0675L20.6132%202.87111C20.8111%202.67785%2021.0745%202.56997%2021.3485%202.56997C21.6225%202.56997%2021.8859%202.67785%2022.0838%202.87111C22.1803%202.96497%2022.2573%203.07784%2022.3098%203.20289C22.3623%203.32794%2022.3893%203.46256%2022.3893%203.5986C22.3893%203.73464%2022.3623%203.86926%2022.3098%203.99431C22.2573%204.11936%2022.1803%204.23223%2022.0838%204.32608L17.353%209L17.4%209.0435L22.0868%2013.6709C22.1833%2013.7646%2022.2602%2013.8774%2022.3127%2014.0023C22.3652%2014.1272%2022.3922%2014.2617%2022.3922%2014.3977C22.3922%2014.5336%2022.3652%2014.6681%2022.3127%2014.793C22.2602%2014.9179%2022.1833%2015.0307%2022.0868%2015.1244C21.8891%2015.318%2021.6256%2015.4261%2021.3515%2015.4261C21.0774%2015.4261%2020.814%2015.318%2020.6162%2015.1244L20.6132%2015.1259Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2225%22%20height%3D%2218%22%20viewBox%3D%220%200%2025%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.08381%2017.9998C1.54077%2018.0067%201.01717%2017.7944%200.626867%2017.4092C0.236569%2017.0241%200.0112081%2016.4972%200%2015.9434V2.05662C0.0112081%201.50281%200.236569%200.975945%200.626867%200.590771C1.01717%200.205597%201.54077%20-0.00668378%202.08381%200.000160511H22.9162C23.4592%20-0.00668378%2023.9828%200.205597%2024.3731%200.590771C24.7634%200.975945%2024.9888%201.50281%2025%202.05662V15.9419C24.9892%2016.496%2024.764%2017.0232%2024.3737%2017.4087C23.9833%2017.7942%2023.4595%2018.0067%2022.9162%2017.9998H2.08381ZM2.08381%2015.9434H22.9176V2.05662H2.08525L2.08381%2015.9434ZM20.6132%2015.1259L15.9309%2010.5L15.8867%2010.4535L15.8147%2010.5255C14.9219%2011.3946%2013.735%2011.8796%2012.5007%2011.8796C11.2665%2011.8796%2010.0796%2011.3946%209.18669%2010.5255L9.1147%2010.4535L9.07054%2010.5L4.38376%2015.1274C4.18586%2015.3207%203.92245%2015.4285%203.64847%2015.4285C3.37448%2015.4285%203.11107%2015.3207%202.91317%2015.1274C2.81667%2015.0337%202.73984%2014.9209%202.68734%2014.796C2.63484%2014.6711%202.60782%2014.5366%202.60782%2014.4007C2.60782%2014.2647%202.63484%2014.1302%202.68734%2014.0053C2.73984%2013.8804%202.81667%2013.7676%202.91317%2013.6739L7.59995%209.0465L7.64699%209L2.91317%204.32608C2.81663%204.23223%202.73986%204.11936%202.68734%203.99431C2.63483%203.86926%202.60764%203.73464%202.60764%203.5986C2.60764%203.46256%202.63483%203.32794%202.68734%203.20289C2.73986%203.07784%202.81663%202.96497%202.91317%202.87111C3.11125%202.67819%203.37459%202.57054%203.64847%202.57054C3.92234%202.57054%204.18569%202.67819%204.38376%202.87111L10.6603%209.0675C11.1562%209.54844%2011.8143%209.81663%2012.4986%209.81663C13.1828%209.81663%2013.8409%209.54844%2014.3368%209.0675L20.6132%202.87111C20.8111%202.67785%2021.0745%202.56997%2021.3485%202.56997C21.6225%202.56997%2021.8859%202.67785%2022.0838%202.87111C22.1803%202.96497%2022.2573%203.07784%2022.3098%203.20289C22.3623%203.32794%2022.3893%203.46256%2022.3893%203.5986C22.3893%203.73464%2022.3623%203.86926%2022.3098%203.99431C22.2573%204.11936%2022.1803%204.23223%2022.0838%204.32608L17.353%209L17.4%209.0435L22.0868%2013.6709C22.1833%2013.7646%2022.2602%2013.8774%2022.3127%2014.0023C22.3652%2014.1272%2022.3922%2014.2617%2022.3922%2014.3977C22.3922%2014.5336%2022.3652%2014.6681%2022.3127%2014.793C22.2602%2014.9179%2022.1833%2015.0307%2022.0868%2015.1244C21.8891%2015.318%2021.6256%2015.4261%2021.3515%2015.4261C21.0774%2015.4261%2020.814%2015.318%2020.6162%2015.1244L20.6132%2015.1259Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
}
.new-bttn a .--arrow,
.new-bttn .--nolink .--arrow {
  display: block;
  width: 1.1666666667em;
  height: 1.1666666667em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.new-bttn a .--arrow::before,
.new-bttn .--nolink .--arrow::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%227%22%20viewBox%3D%220%200%2021%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.1516%200L21%207H0V4.96227H14.1516V0Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%227%22%20viewBox%3D%220%200%2021%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.1516%200L21%207H0V4.96227H14.1516V0Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
  background-color: #333;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.new-bttn a .--txt,
.new-bttn .--nolink .--txt {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}
.new-bttn a:hover,
.new-bttn .--nolink:hover {
  color: #fff;
  letter-spacing: 2px;
  text-decoration: none;
  background-color: #333;
}
.new-bttn a:hover .--icon::before,
.new-bttn a:hover .--arrow::before,
.new-bttn .--nolink:hover .--icon::before,
.new-bttn .--nolink:hover .--arrow::before {
  background-color: #fff;
}
.new-bttn.blk a,
.new-bttn.blk .--nolink {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.new-bttn.blk a .--icon::before,
.new-bttn.blk a .--arrow::before,
.new-bttn.blk .--nolink .--icon::before,
.new-bttn.blk .--nolink .--arrow::before {
  background-color: #fff;
}
.new-bttn.blk a:hover,
.new-bttn.blk .--nolink:hover {
  color: #333;
  background-color: #fff;
}
.new-bttn.blk a:hover .--icon::before,
.new-bttn.blk a:hover .--arrow::before,
.new-bttn.blk .--nolink:hover .--icon::before,
.new-bttn.blk .--nolink:hover .--arrow::before {
  background-color: #333;
}
.new-bttn.grn a,
.new-bttn.grn .--nolink {
  color: #fff;
  background-color: #00a228;
  border-color: #00a228;
}
.new-bttn.grn a .--icon::before,
.new-bttn.grn a .--arrow::before,
.new-bttn.grn .--nolink .--icon::before,
.new-bttn.grn .--nolink .--arrow::before {
  background-color: #fff;
}
.new-bttn.grn a:hover,
.new-bttn.grn .--nolink:hover {
  color: #00a228;
  background-color: #fff;
}
.new-bttn.grn a:hover .--icon::before,
.new-bttn.grn a:hover .--arrow::before,
.new-bttn.grn .--nolink:hover .--icon::before,
.new-bttn.grn .--nolink:hover .--arrow::before {
  background-color: #00a228;
}
.new-bttn.border-grn a,
.new-bttn.border-grn .--nolink {
  color: #00a228;
  border-color: #00a228;
}
.new-bttn.border-grn a .--icon::before,
.new-bttn.border-grn a .--arrow::before,
.new-bttn.border-grn .--nolink .--icon::before,
.new-bttn.border-grn .--nolink .--arrow::before {
  background-color: #00a228;
}
.new-bttn.border-grn a:hover,
.new-bttn.border-grn .--nolink:hover {
  color: #fff;
  background-color: #00a228;
}
.new-bttn.border-grn a:hover .--icon::before,
.new-bttn.border-grn a:hover .--arrow::before,
.new-bttn.border-grn .--nolink:hover .--icon::before,
.new-bttn.border-grn .--nolink:hover .--arrow::before {
  background-color: #fff;
}
.new-bttn.--shadow a,
.new-bttn.--shadow .--nolink {
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
}
.new-bttn.--shadow a:hover,
.new-bttn.--shadow .--nolink:hover {
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
}
.new-bttn.bttn-w320 {
  width: 100%;
  max-width: 320px;
}
.new-bttn.bttn-w360 {
  width: 100%;
  max-width: 360px;
}
.new-bttn.bttn-w424 {
  width: 100%;
  max-width: 424px;
}
.new-bttn[class*="bttn-w"] a:hover,
.new-bttn[class*="bttn-w"] .--nolink:hover {
  letter-spacing: 2px;
}
.new-bttn-s a,
.new-bttn-s .--nolink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  min-height: 54px;
  font-size: calc(13px + 0.1vw);
  font-weight: 400;
  color: #333;
  line-height: 1.2;
  border: 1px solid #333;
  border-radius: 100rem;
  padding: calc(8 / 10 * 1rem) calc(14 / 10 * 1rem);
  -webkit-transition: 0.6s;
  transition: 0.6s;
  gap: 10px;
}
.new-bttn-s a .--icon,
.new-bttn-s .--nolink .--icon {
  display: block;
  width: 17px;
  height: 17px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.new-bttn-s a .--icon::before,
.new-bttn-s .--nolink .--icon::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #333;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.new-bttn-s a .--mail::before,
.new-bttn-s .--nolink .--mail::before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2212%22%20viewBox%3D%220%200%2017%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.41699%2012.0001C1.04773%2012.0047%200.691672%2011.8631%200.42627%2011.6064C0.160867%2011.3496%200.00762148%2010.9983%200%2010.6291V1.37111C0.00762148%201.00189%200.160867%200.650641%200.42627%200.393854C0.691672%200.137067%201.04773%20-0.00445593%201.41699%200.000107009H15.583C15.9523%20-0.00445593%2016.3083%200.137067%2016.5737%200.393854C16.8391%200.650641%2016.9924%201.00189%2017%201.37111V10.6281C16.9926%2010.9975%2016.8395%2011.349%2016.5741%2011.606C16.3087%2011.863%2015.9524%2012.0047%2015.583%2012.0001H1.41699ZM1.41699%2010.6291H15.584V1.37111H1.41797L1.41699%2010.6291ZM14.017%2010.0841L10.833%207.00011L10.803%206.96911L10.754%207.01711C10.1469%207.59657%209.33978%207.91987%208.50049%207.91987C7.66119%207.91987%206.85411%207.59657%206.24695%207.01711L6.198%206.96911L6.16797%207.00011L2.98096%2010.0851C2.84638%2010.214%202.66727%2010.2859%202.48096%2010.2859C2.29465%2010.2859%202.11553%2010.214%201.98096%2010.0851C1.91533%2010.0226%201.86309%209.94746%201.82739%209.86417C1.79169%209.78089%201.77332%209.69122%201.77332%209.60061C1.77332%209.50999%201.79169%209.42032%201.82739%209.33704C1.86309%209.25376%201.91533%209.17859%201.98096%209.11611L5.16797%206.03111L5.19995%206.00011L1.98096%202.88411C1.91531%202.82154%201.8631%202.74629%201.82739%202.66292C1.79168%202.57955%201.77319%202.4898%201.77319%202.39911C1.77319%202.30841%201.79168%202.21866%201.82739%202.1353C1.8631%202.05193%201.91531%201.97668%201.98096%201.91411C2.11565%201.78549%202.29472%201.71372%202.48096%201.71372C2.66719%201.71372%202.84627%201.78549%202.98096%201.91411L7.24902%206.04511C7.58622%206.36574%208.03372%206.54454%208.49902%206.54454C8.96432%206.54454%209.41183%206.36574%209.74902%206.04511L14.017%201.91411C14.1515%201.78526%2014.3307%201.71334%2014.517%201.71334C14.7033%201.71334%2014.8824%201.78526%2015.017%201.91411C15.0826%201.97668%2015.1349%202.05193%2015.1707%202.1353C15.2064%202.21866%2015.2247%202.30841%2015.2247%202.39911C15.2247%202.4898%2015.2064%202.57955%2015.1707%202.66292C15.1349%202.74629%2015.0826%202.82154%2015.017%202.88411L11.8%206.00011L11.832%206.02911L15.019%209.11411C15.0847%209.17659%2015.1369%209.25176%2015.1726%209.33504C15.2083%209.41833%2015.2267%209.50799%2015.2267%209.59861C15.2267%209.68922%2015.2083%209.77889%2015.1726%209.86217C15.1369%209.94546%2015.0847%2010.0206%2015.019%2010.0831C14.8846%2010.2122%2014.7054%2010.2843%2014.519%2010.2843C14.3327%2010.2843%2014.1535%2010.2122%2014.019%2010.0831L14.017%2010.0841Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2212%22%20viewBox%3D%220%200%2017%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.41699%2012.0001C1.04773%2012.0047%200.691672%2011.8631%200.42627%2011.6064C0.160867%2011.3496%200.00762148%2010.9983%200%2010.6291V1.37111C0.00762148%201.00189%200.160867%200.650641%200.42627%200.393854C0.691672%200.137067%201.04773%20-0.00445593%201.41699%200.000107009H15.583C15.9523%20-0.00445593%2016.3083%200.137067%2016.5737%200.393854C16.8391%200.650641%2016.9924%201.00189%2017%201.37111V10.6281C16.9926%2010.9975%2016.8395%2011.349%2016.5741%2011.606C16.3087%2011.863%2015.9524%2012.0047%2015.583%2012.0001H1.41699ZM1.41699%2010.6291H15.584V1.37111H1.41797L1.41699%2010.6291ZM14.017%2010.0841L10.833%207.00011L10.803%206.96911L10.754%207.01711C10.1469%207.59657%209.33978%207.91987%208.50049%207.91987C7.66119%207.91987%206.85411%207.59657%206.24695%207.01711L6.198%206.96911L6.16797%207.00011L2.98096%2010.0851C2.84638%2010.214%202.66727%2010.2859%202.48096%2010.2859C2.29465%2010.2859%202.11553%2010.214%201.98096%2010.0851C1.91533%2010.0226%201.86309%209.94746%201.82739%209.86417C1.79169%209.78089%201.77332%209.69122%201.77332%209.60061C1.77332%209.50999%201.79169%209.42032%201.82739%209.33704C1.86309%209.25376%201.91533%209.17859%201.98096%209.11611L5.16797%206.03111L5.19995%206.00011L1.98096%202.88411C1.91531%202.82154%201.8631%202.74629%201.82739%202.66292C1.79168%202.57955%201.77319%202.4898%201.77319%202.39911C1.77319%202.30841%201.79168%202.21866%201.82739%202.1353C1.8631%202.05193%201.91531%201.97668%201.98096%201.91411C2.11565%201.78549%202.29472%201.71372%202.48096%201.71372C2.66719%201.71372%202.84627%201.78549%202.98096%201.91411L7.24902%206.04511C7.58622%206.36574%208.03372%206.54454%208.49902%206.54454C8.96432%206.54454%209.41183%206.36574%209.74902%206.04511L14.017%201.91411C14.1515%201.78526%2014.3307%201.71334%2014.517%201.71334C14.7033%201.71334%2014.8824%201.78526%2015.017%201.91411C15.0826%201.97668%2015.1349%202.05193%2015.1707%202.1353C15.2064%202.21866%2015.2247%202.30841%2015.2247%202.39911C15.2247%202.4898%2015.2064%202.57955%2015.1707%202.66292C15.1349%202.74629%2015.0826%202.82154%2015.017%202.88411L11.8%206.00011L11.832%206.02911L15.019%209.11411C15.0847%209.17659%2015.1369%209.25176%2015.1726%209.33504C15.2083%209.41833%2015.2267%209.50799%2015.2267%209.59861C15.2267%209.68922%2015.2083%209.77889%2015.1726%209.86217C15.1369%209.94546%2015.0847%2010.0206%2015.019%2010.0831C14.8846%2010.2122%2014.7054%2010.2843%2014.519%2010.2843C14.3327%2010.2843%2014.1535%2010.2122%2014.019%2010.0831L14.017%2010.0841Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}
.new-bttn-s a .--arrow,
.new-bttn-s .--nolink .--arrow {
  display: block;
  width: 15px;
  height: 15px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.new-bttn-s a .--arrow::before,
.new-bttn-s .--nolink .--arrow::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%227%22%20viewBox%3D%220%200%2021%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.1516%200L21%207H0V4.96227H14.1516V0Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%227%22%20viewBox%3D%220%200%2021%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.1516%200L21%207H0V4.96227H14.1516V0Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
  background-color: #333;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.new-bttn-s a .--txt,
.new-bttn-s .--nolink .--txt {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}
.new-bttn-s a:hover,
.new-bttn-s .--nolink:hover {
  color: #fff;
  text-decoration: none;
  background-color: #333;
  letter-spacing: 2px;
}
.new-bttn-s a:hover .--icon::before,
.new-bttn-s a:hover .--arrow::before,
.new-bttn-s .--nolink:hover .--icon::before,
.new-bttn-s .--nolink:hover .--arrow::before {
  background-color: #fff;
}
.new-bttn-s.blk a,
.new-bttn-s.blk .--nolink {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.new-bttn-s.blk a .--icon::before,
.new-bttn-s.blk a .--arrow::before,
.new-bttn-s.blk .--nolink .--icon::before,
.new-bttn-s.blk .--nolink .--arrow::before {
  background-color: #fff;
}
.new-bttn-s.blk a:hover,
.new-bttn-s.blk .--nolink:hover {
  color: #333;
  background-color: #fff;
}
.new-bttn-s.blk a:hover .--icon::before,
.new-bttn-s.blk a:hover .--arrow::before,
.new-bttn-s.blk .--nolink:hover .--icon::before,
.new-bttn-s.blk .--nolink:hover .--arrow::before {
  background-color: #333;
}
.new-bttn-s.grn a,
.new-bttn-s.grn .--nolink {
  color: #fff;
  background-color: #00a228;
  border-color: #00a228;
}
.new-bttn-s.grn a .--icon::before,
.new-bttn-s.grn a .--arrow::before,
.new-bttn-s.grn .--nolink .--icon::before,
.new-bttn-s.grn .--nolink .--arrow::before {
  background-color: #fff;
}
.new-bttn-s.grn a:hover,
.new-bttn-s.grn .--nolink:hover {
  color: #00a228;
  background-color: #fff;
}
.new-bttn-s.grn a:hover .--icon::before,
.new-bttn-s.grn a:hover .--arrow::before,
.new-bttn-s.grn .--nolink:hover .--icon::before,
.new-bttn-s.grn .--nolink:hover .--arrow::before {
  background-color: #00a228;
}
.new-bttn-s.border-grn a,
.new-bttn-s.border-grn .--nolink {
  color: #00a228;
  border-color: #00a228;
}
.new-bttn-s.border-grn a .--icon::before,
.new-bttn-s.border-grn a .--arrow::before,
.new-bttn-s.border-grn .--nolink .--icon::before,
.new-bttn-s.border-grn .--nolink .--arrow::before {
  background-color: #00a228;
}
.new-bttn-s.border-grn a:hover,
.new-bttn-s.border-grn .--nolink:hover {
  color: #fff;
  background-color: #00a228;
}
.new-bttn-s.border-grn a:hover .--icon::before,
.new-bttn-s.border-grn a:hover .--arrow::before,
.new-bttn-s.border-grn .--nolink:hover .--icon::before,
.new-bttn-s.border-grn .--nolink:hover .--arrow::before {
  background-color: #fff;
}
.new-bttn-s.--shadow a,
.new-bttn-s.--shadow .--nolink {
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
}
.new-bttn-s.--shadow a:hover,
.new-bttn-s.--shadow .--nolink:hover {
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
}
.new-bttn-s.--center a .--txt,
.new-bttn-s.--center .--nolink .--txt {
  -webkit-box-flex: inherit;
  -ms-flex: inherit;
  flex: inherit;
}
.new-bttn-s.--sm-bttn a,
.new-bttn-s.--sm-bttn .--nolink {
  min-height: 46px;
  padding: calc(4 / 10 * 1rem) calc(10 / 10 * 1rem);
}
.new-bttn-s.--xs-bttn a,
.new-bttn-s.--xs-bttn .--nolink {
  min-height: 40px;
  padding: calc(4 / 10 * 1rem) calc(10 / 10 * 1rem);
}
.new-bttn-s[class*="bttn-w"] a:hover,
.new-bttn-s[class*="bttn-w"] .--nolink:hover {
  letter-spacing: 2px;
}
.new-bttn-arrow a,
.new-bttn-arrow .--nolink {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: calc(16px + 0.19vw);
  font-weight: 700;
  color: #666;
  line-height: 1.2;
  border-bottom: 1px solid #666;
  padding-right: 2em;
  padding-bottom: 0.6em;
  gap: 12px;
}
.new-bttn-arrow a::before,
.new-bttn-arrow .--nolink::before {
  position: absolute;
  display: block;
  content: "";
  width: 1.35em;
  height: 1.2em;
  top: calc(50% - 6px);
  right: 0;
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226.615%22%20height%3D%2224%22%20viewBox%3D%220%200%2026.615%2024%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_145%22%20data-name%3D%22%E3%83%91%E3%82%B9%20145%22%20d%3D%22M-1133.567%2C5046.364h1.078a10.969%2C10.969%2C0%2C0%2C0%2C2.326%2C3.414%2C10.92%2C10.92%2C0%2C0%2C0%2C7.778%2C3.222%2C10.922%2C10.922%2C0%2C0%2C0%2C7.778-3.222%2C10.926%2C10.926%2C0%2C0%2C0%2C3.223-7.777%2C10.929%2C10.929%2C0%2C0%2C0-3.223-7.778%2C10.923%2C10.923%2C0%2C0%2C0-7.778-3.223%2C10.921%2C10.921%2C0%2C0%2C0-7.778%2C3.223%2C10.968%2C10.968%2C0%2C0%2C0-2.468%2C3.759h-1.064a12.005%2C12.005%2C0%2C0%2C1%2C11.31-7.982%2C12%2C12%2C0%2C0%2C1%2C12%2C12%2C12%2C12%2C0%2C0%2C1-12%2C12A12%2C12%2C0%2C0%2C1-1133.567%2C5046.364Zm-3.434-3.125v-1h15.635l-4.03-4.34.733-.681%2C5.589%2C6.022Z%22%20transform%3D%22translate(1137%20-5030)%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226.615%22%20height%3D%2224%22%20viewBox%3D%220%200%2026.615%2024%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_145%22%20data-name%3D%22%E3%83%91%E3%82%B9%20145%22%20d%3D%22M-1133.567%2C5046.364h1.078a10.969%2C10.969%2C0%2C0%2C0%2C2.326%2C3.414%2C10.92%2C10.92%2C0%2C0%2C0%2C7.778%2C3.222%2C10.922%2C10.922%2C0%2C0%2C0%2C7.778-3.222%2C10.926%2C10.926%2C0%2C0%2C0%2C3.223-7.777%2C10.929%2C10.929%2C0%2C0%2C0-3.223-7.778%2C10.923%2C10.923%2C0%2C0%2C0-7.778-3.223%2C10.921%2C10.921%2C0%2C0%2C0-7.778%2C3.223%2C10.968%2C10.968%2C0%2C0%2C0-2.468%2C3.759h-1.064a12.005%2C12.005%2C0%2C0%2C1%2C11.31-7.982%2C12%2C12%2C0%2C0%2C1%2C12%2C12%2C12%2C12%2C0%2C0%2C1-12%2C12A12%2C12%2C0%2C0%2C1-1133.567%2C5046.364Zm-3.434-3.125v-1h15.635l-4.03-4.34.733-.681%2C5.589%2C6.022Z%22%20transform%3D%22translate(1137%20-5030)%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
  background-color: #666;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.new-bttn-arrow a:hover,
.new-bttn-arrow .--nolink:hover {
  color: #333;
}
.new-bttn-arrow a:hover::before,
.new-bttn-arrow .--nolink:hover::before {
  background-color: #333;
  right: -4px;
}
.new-anchor-bttn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 103px;
  font-size: clamp(14/10 * 1rem, 2.6086956522vw, 18/10 * 1rem);
  font-weight: 700;
  text-align: center;
  background-color: #f3f3f3;
  border: 2px solid #f3f3f3;
  padding: 12px 2px 16px;
  margin-bottom: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 980px) {
  .new-anchor-bttn a {
    min-height: 60px;
    padding: 8px 2px 12px;
  }
}
.new-anchor-bttn a::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  left: 50%;
  bottom: -15px;
  background-color: #00a228;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 980px) {
  .new-anchor-bttn a::before {
    width: 20px;
    height: 20px;
    bottom: -10px;
  }
}
.new-anchor-bttn a::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #fff;
  left: 50%;
  bottom: -3px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 980px) {
  .new-anchor-bttn a::after {
    width: 4px;
    height: 4px;
    bottom: -2px;
  }
}
.new-anchor-bttn a:hover {
  text-decoration: none;
  border-color: #00a228;
}
.new-anchor-bttn a:hover::before {
  bottom: -20px;
}
@media only screen and (max-width: 980px) {
  .new-anchor-bttn a:hover::before {
    bottom: -14px;
  }
}
.new-anchor-bttn a:hover::after {
  bottom: -8px;
}
@media only screen and (max-width: 980px) {
  .new-anchor-bttn a:hover::after {
    bottom: -6px;
  }
}
.prod-case-filter-bttn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  min-height: 42px;
  font-size: calc(14 / 10 * 1rem);
  font-weight: 400;
  color: #666;
  background-color: #ddd;
  border-radius: 5px;
  padding: calc(8 / 10 * 1rem) calc(20 / 10 * 1rem);
  -webkit-transition: 0.6s;
  transition: 0.6s;
  gap: 10px;
}
@media only screen and (max-width: 691px) {
  .prod-case-filter-bttn {
    min-height: 30px;
    font-size: calc(12 / 10 * 1rem);
    line-height: 1.2;
    padding: calc(2 / 10 * 1rem) calc(8 / 10 * 1rem);
  }
}
.prod-case-filter-bttn.is-active {
  color: #fff;
  background-color: #00a228;
}
.js-prod-case-filter-container .prod-card__item.is-hidden {
  display: none !important;
}
.prod-case-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  margin-top: 40px;
}
.prod-case-pager[hidden] {
  display: none;
}
.prod-case-pager__bttn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  color: #666;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: calc(8 / 10 * 1rem) calc(12 / 10 * 1rem);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.prod-case-pager__bttn:hover:not(:disabled),
.prod-case-pager__bttn.is-active {
  color: #fff;
  background-color: #00a228;
  border-color: #00a228;
}
.prod-case-pager__bttn:disabled {
  cursor: default;
  opacity: 0.45;
}
.new-txt-link a {
  position: relative;
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 2px;
  margin-left: 12px;
}
.new-txt-link a::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  top: calc(0.9em - 3px);
  left: -12px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: currentColor;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.headline-icon-title {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.headline-icon-title__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 47px;
  font-size: calc(16px + 0.19vw);
  font-weight: 900;
  line-height: 1;
  aspect-ratio: 1/1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.headline-icon-title__icon .sm {
  font-size: calc(8px + 0.2vw);
  font-weight: 700;
}
.headline-lb {
  position: relative;
  padding-left: 0.48em;
}
.headline-lb::before {
  content: "";
  display: block;
  width: 3px;
  background-color: #00a228;
  height: calc(100% - 6px);
  position: absolute;
  top: 3px;
  left: 0;
  z-index: 1;
}
.headline-bb {
  position: relative;
  border-bottom: 1px solid;
  padding-bottom: 0.48em;
}
.headline-bb::before {
  content: "";
  display: block;
  width: 3em;
  background-color: #00a228;
  height: 3px;
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 1;
}
.headline-main {
  font-size: calc(36px + 1.24vw);
}
@media only screen and (max-width: 691px) {
  .headline-main {
    line-height: 1.2;
  }
}
.headline02 {
  font-size: calc(18px + 0.5vw);
}
.headline03 {
  font-size: calc(17px + 0.42vw);
}
.headline04 {
  font-size: calc(16px + 0.19vw);
}
.headline05 {
  font-size: calc(14px + 0.2vw);
}
.headline06 {
  font-size: calc(13px + 0.1vw);
}
.headline-rounded {
  position: relative;
  padding-left: 0.9375em;
}
.headline-rounded::before {
  position: absolute;
  content: "";
  width: 0.625em;
  height: 0.625em;
  background-color: #00a228;
  top: 0.7em;
  left: 0;
  border-radius: 50%;
}
.prod-txt {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  line-height: 1.75;
}
.list-rounded-check li {
  position: relative;
  padding-left: 1.75em;
}
.list-rounded-check li::before {
  position: absolute;
  content: "";
  width: 1.25em;
  height: 1.25em;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20fill%3D%22%2300A228%22%2F%3E%3Cpath%20d%3D%22M8.41997%2012.4722L13.9006%207.18708C14.03%207.06236%2014.1809%207%2014.3533%207C14.5258%207%2014.6767%207.06236%2014.806%207.18708C14.9353%207.3118%2015%207.46001%2015%207.63171C15%207.80342%2014.9353%207.95142%2014.806%208.07572L8.87265%2013.8129C8.74332%2013.9376%208.59242%2014%208.41997%2014C8.24752%2014%208.09663%2013.9376%207.96729%2013.8129L5.18654%2011.1314C5.05721%2011.0067%204.99512%2010.8587%205.0003%2010.6874C5.00547%2010.5161%205.07294%2010.3679%205.20271%2010.2428C5.33248%2010.1176%205.48618%2010.0553%205.6638%2010.0557C5.84142%2010.0561%205.9949%2010.1185%206.12424%2010.2428L8.41997%2012.4722Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E")
    no-repeat 50% 50% / contain;
  top: 0.2em;
  left: 0;
}
@media only screen and (min-width: 1120px) {
  :has(.gnavi-megamenu-toggle) header .gnavi_area ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 1120px) {
  :has(.gnavi-megamenu-toggle) header .gnavi_area ul li {
    height: 100%;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    margin-left: clamp(10/10 * 1rem, 2.027027027vw, 30/10 * 1rem);
  }
}
:has(.gnavi-megamenu-toggle) header .gnavi_area ul li .new-bttn-s a {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  padding: calc(8 / 10 * 1rem) calc(14 / 10 * 1rem);
}
:has(.gnavi-megamenu-toggle) header .gnavi_area ul li .new-bttn-s.blk a {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  color: #fff;
}
:has(.gnavi-megamenu-toggle) header .gnavi_area ul li .new-bttn-s.blk a:hover {
  color: #333;
}
:has(.gnavi-megamenu-toggle)
  header
  .gnavi_area
  ul
  li
  .new-bttn-s.blk
  a:hover::after {
  display: none;
}
:has(.gnavi-megamenu-toggle) header .gnavi_area ul li .new-bttn-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
:has(.gnavi-megamenu-toggle) header .gnavi_area ul li .new-bttn-arrow a {
  min-width: 240px;
  font-size: calc(20 / 10 * 1rem);
  font-weight: 700;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  color: #666;
  padding: 0 calc(40 / 10 * 1rem) calc(12 / 10 * 1rem) 0;
}
:has(.gnavi-megamenu-toggle) header .gnavi_area ul li .new-bttn-arrow a:hover {
  color: #333;
}
@media only screen and (max-width: 1120px) {
  :has(.gnavi-megamenu-toggle) header .gnavi_area {
    max-height: calc(100dvh - 92px);
    overflow-y: auto;
  }
}
:has(.gnavi-megamenu-toggle) .gnavi-megamenu-toggle {
  line-height: 1.2;
}
@media only screen and (max-width: 1120px) {
  :has(.gnavi-megamenu-toggle) .gnavi-megamenu-toggle {
    width: 100%;
    height: 100%;
    padding: 12px 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    color: inherit;
  }
}
@media only screen and (max-width: 1120px) {
  :has(.gnavi-megamenu-toggle) .gnavi-megamenu-toggle::after {
    right: 10px;
  }
}
.gnavi-megamenu-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  outline: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font-size: 15px;
  font-weight: 300;
  color: #333;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0.1em;
  white-space: nowrap;
  padding-right: 20px;
  transition: all 0.3s ease 0s;
}
.gnavi-megamenu-toggle::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #333;
  left: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.gnavi-megamenu-toggle::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #333;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.gnavi-megamenu-toggle.active {
  color: #aaa;
}
.gnavi-megamenu-toggle.active::before {
  opacity: 1;
}
.gnavi-megamenu-toggle.active::after {
  border-color: #aaa;
}
.gnavi-megamenu-container {
  background-color: #f3f3f3;
}
@media only screen and (min-width: 980px) {
  .gnavi-megamenu-container {
    position: fixed;
    width: 100%;
    top: 78px;
    left: 0;
  }
}
.gnavi-megamenu__inner {
  width: 94%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  padding-block: 50px;
  overflow-y: auto;
}
@media only screen and (min-width: 980px) {
  .gnavi-megamenu__inner {
    max-height: calc(100dvh - 78px);
  }
}
@media only screen and (max-width: 980px) {
  .gnavi-megamenu__inner {
    padding-block: 24px;
  }
}
.gnavi-megamenu__prod {
  display: grid;
  grid-template-columns: 190px 1fr 190px;
  gap: 16px 30px;
}
@media only screen and (max-width: 980px) {
  .gnavi-megamenu__prod {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 980px) {
  .gnavi-megamenu__prod__main {
    padding-inline: 30px;
    border-width: 0 1px;
    border-style: solid;
    border-color: #ddd;
  }
}
@media only screen and (max-width: 980px) {
  .gnavi-megamenu__prod__main {
    padding-block: 16px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ddd;
  }
}
.gnavi-megamenu__prod__title {
  font-size: clamp(20/10 * 1rem, 1.8461538462vw, 24/10 * 1rem);
  font-weight: 700;
}
.gnavi-megamenu__prod__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
@media only screen and (max-width: 691px) {
  .gnavi-megamenu__prod__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
  }
}
.gnavi-megamenu__prod__item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 5px;
  padding: 0 !important;
  overflow: hidden;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.gnavi-megamenu__prod__item::after {
  display: none !important;
}
.gnavi-megamenu__prod__item:hover {
  color: #fff !important;
  background-color: #333 !important;
}
.gnavi-megamenu__prod__item:hover img {
  opacity: 1;
}
.gnavi-megamenu__prod__item__img {
  width: 40.8163265306%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.gnavi-megamenu__prod__item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: bottom;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.gnavi-megamenu__prod__item__title {
  width: 59.1836734694%;
  font-size: calc(16 / 10 * 1rem);
  font-weight: 400;
  padding: calc(8 / 10 * 1rem);
}
@media only screen and (max-width: 691px) {
  .gnavi-megamenu__prod__item__title {
    font-size: calc(13 / 10 * 1rem);
    padding: calc(4 / 10 * 1rem);
  }
}
.gnavi-megamenu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.gnavi-megamenu__link a {
  position: relative;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  font-size: calc(18 / 10 * 1rem) !important;
  color: #666 !important;
  padding: 0 0 0 calc(12 / 10 * 1rem) !important;
}
@media only screen and (max-width: 691px) {
  .gnavi-megamenu__link a {
    font-size: calc(16 / 10 * 1rem) !important;
  }
}
.gnavi-megamenu__link a::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #666;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.gnavi-megamenu__link a:hover {
  color: #333 !important;
}
.gnavi-megamenu__link a:hover::before {
  border-color: #333;
}
.gnavi-megamenu__link + .gnavi-megamenu__link {
  margin-top: calc(16 / 10 * 1rem);
}
.gnavi-megamenu__link + .gnavi-megamenu__sublink {
  margin-top: calc(8 / 10 * 1rem);
}
.gnavi-megamenu__sublink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.gnavi-megamenu__sublink a {
  position: relative;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  font-size: calc(14 / 10 * 1rem) !important;
  color: #666 !important;
  padding: 0 0 0 calc(16 / 10 * 1rem) !important;
}
.gnavi-megamenu__sublink a::before {
  position: absolute;
  content: "";
  width: 12px;
  height: 1px;
  background-color: #666;
  top: 0.6em;
  left: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.gnavi-megamenu__sublink a:hover {
  color: #333 !important;
}
.gnavi-megamenu__sublink a:hover::before {
  background-color: #333;
}
.gnavi-megamenu__sublink + .gnavi-megamenu__sublink {
  margin-top: calc(8 / 10 * 1rem);
}
.gnavi-megamenu__sublink + .gnavi-megamenu__link {
  margin-top: calc(16 / 10 * 1rem);
}
.gnavi-megamenu-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 1120px) {
  header .header_area .inn.--wide {
    width: calc(100% - 260px);
  }
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.jc-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 691px) {
  .jc-sp-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.flex-col-1 .flex-cell {
  width: calc((100% - var(--row-flex-gap, 0px) * (1 - 1)) / 1);
}
.flex-col-2 .flex-cell {
  width: calc((100% - var(--row-flex-gap, 0px) * (2 - 1)) / 2);
}
.flex-col-3 .flex-cell {
  width: calc((100% - var(--row-flex-gap, 0px) * (3 - 1)) / 3);
}
.flex-col-4 .flex-cell {
  width: calc((100% - var(--row-flex-gap, 0px) * (4 - 1)) / 4);
}
.flex-col-5 .flex-cell {
  width: calc((100% - var(--row-flex-gap, 0px) * (5 - 1)) / 5);
}
.flex-col-6 .flex-cell {
  width: calc((100% - var(--row-flex-gap, 0px) * (6 - 1)) / 6);
}
.flex-col-7 .flex-cell {
  width: calc((100% - var(--row-flex-gap, 0px) * (7 - 1)) / 7);
}
.flex-col-8 .flex-cell {
  width: calc((100% - var(--row-flex-gap, 0px) * (8 - 1)) / 8);
}
@media only screen and (max-width: 980px) {
  .flex-col-tb-1 .flex-cell {
    width: calc((100% - var(--row-flex-gap, 0px) * (1 - 1)) / 1);
  }
  .flex-col-tb-2 .flex-cell {
    width: calc((100% - var(--row-flex-gap, 0px) * (2 - 1)) / 2);
  }
  .flex-col-tb-3 .flex-cell {
    width: calc((100% - var(--row-flex-gap, 0px) * (3 - 1)) / 3);
  }
  .flex-col-tb-4 .flex-cell {
    width: calc((100% - var(--row-flex-gap, 0px) * (4 - 1)) / 4);
  }
  .flex-col-tb-5 .flex-cell {
    width: calc((100% - var(--row-flex-gap, 0px) * (5 - 1)) / 5);
  }
  .flex-col-tb-6 .flex-cell {
    width: calc((100% - var(--row-flex-gap, 0px) * (6 - 1)) / 6);
  }
  .flex-col-tb-7 .flex-cell {
    width: calc((100% - var(--row-flex-gap, 0px) * (7 - 1)) / 7);
  }
  .flex-col-tb-8 .flex-cell {
    width: calc((100% - var(--row-flex-gap, 0px) * (8 - 1)) / 8);
  }
}
@media only screen and (max-width: 691px) {
  .flex-col-sp-1 .flex-cell {
    width: calc((100% - var(--row-flex-gap, 0px) * (1 - 1)) / 1);
  }
  .flex-col-sp-2 .flex-cell {
    width: calc((100% - var(--row-flex-gap, 0px) * (2 - 1)) / 2);
  }
  .flex-col-sp-3 .flex-cell {
    width: calc((100% - var(--row-flex-gap, 0px) * (3 - 1)) / 3);
  }
  .flex-col-sp-4 .flex-cell {
    width: calc((100% - var(--row-flex-gap, 0px) * (4 - 1)) / 4);
  }
  .flex-col-sp-5 .flex-cell {
    width: calc((100% - var(--row-flex-gap, 0px) * (5 - 1)) / 5);
  }
  .flex-col-sp-6 .flex-cell {
    width: calc((100% - var(--row-flex-gap, 0px) * (6 - 1)) / 6);
  }
  .flex-col-sp-7 .flex-cell {
    width: calc((100% - var(--row-flex-gap, 0px) * (7 - 1)) / 7);
  }
  .flex-col-sp-8 .flex-cell {
    width: calc((100% - var(--row-flex-gap, 0px) * (8 - 1)) / 8);
  }
}
.d-grid {
  display: grid;
}
.grid-col-img-txt {
  grid-template-columns: 30.2491103203% 1fr;
}
.grid-col-txt-img {
  grid-template-columns: 1fr 30.2491103203%;
}
.grid-col-1frx462 {
  grid-template-columns: 1fr 41.103202847%;
}
.grid-col-462x1fr {
  grid-template-columns: 41.103202847% 1fr;
}
.grid-col-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-col-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-col-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-col-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-col-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-col-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-col-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-col-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
@media only screen and (max-width: 980px) {
  .grid-col-tb-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-col-tb-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-col-tb-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-col-tb-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-col-tb-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-col-tb-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-col-tb-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-col-tb-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 691px) {
  .grid-col-sp-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-col-sp-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-col-sp-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-col-sp-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-col-sp-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-col-sp-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-col-sp-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-col-sp-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
.gap-4 {
  gap: 4px;
  --row-flex-gap: 4px;
  --column-flex-gap: 4px;
}
.gap-5 {
  gap: 5px;
  --row-flex-gap: 5px;
  --column-flex-gap: 5px;
}
.row-gap-4 {
  row-gap: 4px;
  --row-flex-gap: 4px;
}
.row-gap-5 {
  row-gap: 5px;
  --row-flex-gap: 5px;
}
.column-gap-4 {
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  --flex-gap: 4px;
  --column-flex-gap: 4px;
}
.column-gap-5 {
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  --column-flex-gap: 5px;
}
.gap-8 {
  gap: 8px;
  --row-flex-gap: 8px;
  --column-flex-gap: 8px;
}
.gap-10 {
  gap: 10px;
  --row-flex-gap: 10px;
  --column-flex-gap: 10px;
}
.row-gap-8 {
  row-gap: 8px;
  --row-flex-gap: 8px;
}
.row-gap-10 {
  row-gap: 10px;
  --row-flex-gap: 10px;
}
.column-gap-8 {
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  --flex-gap: 8px;
  --column-flex-gap: 8px;
}
.column-gap-10 {
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  --column-flex-gap: 10px;
}
.gap-12 {
  gap: 12px;
  --row-flex-gap: 12px;
  --column-flex-gap: 12px;
}
.gap-15 {
  gap: 15px;
  --row-flex-gap: 15px;
  --column-flex-gap: 15px;
}
.row-gap-12 {
  row-gap: 12px;
  --row-flex-gap: 12px;
}
.row-gap-15 {
  row-gap: 15px;
  --row-flex-gap: 15px;
}
.column-gap-12 {
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  --flex-gap: 12px;
  --column-flex-gap: 12px;
}
.column-gap-15 {
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  --column-flex-gap: 15px;
}
.gap-16 {
  gap: 16px;
  --row-flex-gap: 16px;
  --column-flex-gap: 16px;
}
.row-gap-16 {
  row-gap: 16px;
  --row-flex-gap: 16px;
}
.column-gap-16 {
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  --flex-gap: 16px;
  --column-flex-gap: 16px;
}
.gap-20 {
  gap: 20px;
  --row-flex-gap: 20px;
  --column-flex-gap: 20px;
}
.gap-25 {
  gap: 25px;
  --row-flex-gap: 25px;
  --column-flex-gap: 25px;
}
.row-gap-20 {
  row-gap: 20px;
  --row-flex-gap: 20px;
}
.row-gap-25 {
  row-gap: 25px;
  --row-flex-gap: 25px;
}
.column-gap-20 {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  --flex-gap: 20px;
  --column-flex-gap: 20px;
}
.column-gap-25 {
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px;
  --column-flex-gap: 25px;
}
.gap-24 {
  gap: 24px;
  --row-flex-gap: 24px;
  --column-flex-gap: 24px;
}
.gap-30 {
  gap: 30px;
  --row-flex-gap: 30px;
  --column-flex-gap: 30px;
}
.row-gap-24 {
  row-gap: 24px;
  --row-flex-gap: 24px;
}
.row-gap-30 {
  row-gap: 30px;
  --row-flex-gap: 30px;
}
.column-gap-24 {
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  --flex-gap: 24px;
  --column-flex-gap: 24px;
}
.column-gap-30 {
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  --column-flex-gap: 30px;
}
.gap-28 {
  gap: 28px;
  --row-flex-gap: 28px;
  --column-flex-gap: 28px;
}
.gap-35 {
  gap: 35px;
  --row-flex-gap: 35px;
  --column-flex-gap: 35px;
}
.row-gap-28 {
  row-gap: 28px;
  --row-flex-gap: 28px;
}
.row-gap-35 {
  row-gap: 35px;
  --row-flex-gap: 35px;
}
.column-gap-28 {
  -webkit-column-gap: 28px;
  -moz-column-gap: 28px;
  column-gap: 28px;
  --flex-gap: 28px;
  --column-flex-gap: 28px;
}
.column-gap-35 {
  -webkit-column-gap: 35px;
  -moz-column-gap: 35px;
  column-gap: 35px;
  --column-flex-gap: 35px;
}
.gap-32 {
  gap: 32px;
  --row-flex-gap: 32px;
  --column-flex-gap: 32px;
}
.row-gap-32 {
  row-gap: 32px;
  --row-flex-gap: 32px;
}
.column-gap-32 {
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px;
  --flex-gap: 32px;
  --column-flex-gap: 32px;
}
.gap-36 {
  gap: 36px;
  --row-flex-gap: 36px;
  --column-flex-gap: 36px;
}
.gap-45 {
  gap: 45px;
  --row-flex-gap: 45px;
  --column-flex-gap: 45px;
}
.row-gap-36 {
  row-gap: 36px;
  --row-flex-gap: 36px;
}
.row-gap-45 {
  row-gap: 45px;
  --row-flex-gap: 45px;
}
.column-gap-36 {
  -webkit-column-gap: 36px;
  -moz-column-gap: 36px;
  column-gap: 36px;
  --flex-gap: 36px;
  --column-flex-gap: 36px;
}
.column-gap-45 {
  -webkit-column-gap: 45px;
  -moz-column-gap: 45px;
  column-gap: 45px;
  --column-flex-gap: 45px;
}
.gap-40 {
  gap: 40px;
  --row-flex-gap: 40px;
  --column-flex-gap: 40px;
}
.gap-50 {
  gap: 50px;
  --row-flex-gap: 50px;
  --column-flex-gap: 50px;
}
.row-gap-40 {
  row-gap: 40px;
  --row-flex-gap: 40px;
}
.row-gap-50 {
  row-gap: 50px;
  --row-flex-gap: 50px;
}
.column-gap-40 {
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  --flex-gap: 40px;
  --column-flex-gap: 40px;
}
.column-gap-50 {
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
  --column-flex-gap: 50px;
}
.gap-44 {
  gap: 44px;
  --row-flex-gap: 44px;
  --column-flex-gap: 44px;
}
.gap-55 {
  gap: 55px;
  --row-flex-gap: 55px;
  --column-flex-gap: 55px;
}
.row-gap-44 {
  row-gap: 44px;
  --row-flex-gap: 44px;
}
.row-gap-55 {
  row-gap: 55px;
  --row-flex-gap: 55px;
}
.column-gap-44 {
  -webkit-column-gap: 44px;
  -moz-column-gap: 44px;
  column-gap: 44px;
  --flex-gap: 44px;
  --column-flex-gap: 44px;
}
.column-gap-55 {
  -webkit-column-gap: 55px;
  -moz-column-gap: 55px;
  column-gap: 55px;
  --column-flex-gap: 55px;
}
.gap-48 {
  gap: 48px;
  --row-flex-gap: 48px;
  --column-flex-gap: 48px;
}
.row-gap-48 {
  row-gap: 48px;
  --row-flex-gap: 48px;
}
.column-gap-48 {
  -webkit-column-gap: 48px;
  -moz-column-gap: 48px;
  column-gap: 48px;
  --flex-gap: 48px;
  --column-flex-gap: 48px;
}
.gap-52 {
  gap: 52px;
  --row-flex-gap: 52px;
  --column-flex-gap: 52px;
}
.gap-65 {
  gap: 65px;
  --row-flex-gap: 65px;
  --column-flex-gap: 65px;
}
.row-gap-52 {
  row-gap: 52px;
  --row-flex-gap: 52px;
}
.row-gap-65 {
  row-gap: 65px;
  --row-flex-gap: 65px;
}
.column-gap-52 {
  -webkit-column-gap: 52px;
  -moz-column-gap: 52px;
  column-gap: 52px;
  --flex-gap: 52px;
  --column-flex-gap: 52px;
}
.column-gap-65 {
  -webkit-column-gap: 65px;
  -moz-column-gap: 65px;
  column-gap: 65px;
  --column-flex-gap: 65px;
}
.gap-56 {
  gap: 56px;
  --row-flex-gap: 56px;
  --column-flex-gap: 56px;
}
.gap-70 {
  gap: 70px;
  --row-flex-gap: 70px;
  --column-flex-gap: 70px;
}
.row-gap-56 {
  row-gap: 56px;
  --row-flex-gap: 56px;
}
.row-gap-70 {
  row-gap: 70px;
  --row-flex-gap: 70px;
}
.column-gap-56 {
  -webkit-column-gap: 56px;
  -moz-column-gap: 56px;
  column-gap: 56px;
  --flex-gap: 56px;
  --column-flex-gap: 56px;
}
.column-gap-70 {
  -webkit-column-gap: 70px;
  -moz-column-gap: 70px;
  column-gap: 70px;
  --column-flex-gap: 70px;
}
.gap-60 {
  gap: 60px;
  --row-flex-gap: 60px;
  --column-flex-gap: 60px;
}
.gap-75 {
  gap: 75px;
  --row-flex-gap: 75px;
  --column-flex-gap: 75px;
}
.row-gap-60 {
  row-gap: 60px;
  --row-flex-gap: 60px;
}
.row-gap-75 {
  row-gap: 75px;
  --row-flex-gap: 75px;
}
.column-gap-60 {
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
  --flex-gap: 60px;
  --column-flex-gap: 60px;
}
.column-gap-75 {
  -webkit-column-gap: 75px;
  -moz-column-gap: 75px;
  column-gap: 75px;
  --column-flex-gap: 75px;
}
.gap-64 {
  gap: 64px;
  --row-flex-gap: 64px;
  --column-flex-gap: 64px;
}
.row-gap-64 {
  row-gap: 64px;
  --row-flex-gap: 64px;
}
.column-gap-64 {
  -webkit-column-gap: 64px;
  -moz-column-gap: 64px;
  column-gap: 64px;
  --flex-gap: 64px;
  --column-flex-gap: 64px;
}
.gap-68 {
  gap: 68px;
  --row-flex-gap: 68px;
  --column-flex-gap: 68px;
}
.gap-85 {
  gap: 85px;
  --row-flex-gap: 85px;
  --column-flex-gap: 85px;
}
.row-gap-68 {
  row-gap: 68px;
  --row-flex-gap: 68px;
}
.row-gap-85 {
  row-gap: 85px;
  --row-flex-gap: 85px;
}
.column-gap-68 {
  -webkit-column-gap: 68px;
  -moz-column-gap: 68px;
  column-gap: 68px;
  --flex-gap: 68px;
  --column-flex-gap: 68px;
}
.column-gap-85 {
  -webkit-column-gap: 85px;
  -moz-column-gap: 85px;
  column-gap: 85px;
  --column-flex-gap: 85px;
}
.gap-72 {
  gap: 72px;
  --row-flex-gap: 72px;
  --column-flex-gap: 72px;
}
.gap-90 {
  gap: 90px;
  --row-flex-gap: 90px;
  --column-flex-gap: 90px;
}
.row-gap-72 {
  row-gap: 72px;
  --row-flex-gap: 72px;
}
.row-gap-90 {
  row-gap: 90px;
  --row-flex-gap: 90px;
}
.column-gap-72 {
  -webkit-column-gap: 72px;
  -moz-column-gap: 72px;
  column-gap: 72px;
  --flex-gap: 72px;
  --column-flex-gap: 72px;
}
.column-gap-90 {
  -webkit-column-gap: 90px;
  -moz-column-gap: 90px;
  column-gap: 90px;
  --column-flex-gap: 90px;
}
.gap-76 {
  gap: 76px;
  --row-flex-gap: 76px;
  --column-flex-gap: 76px;
}
.gap-95 {
  gap: 95px;
  --row-flex-gap: 95px;
  --column-flex-gap: 95px;
}
.row-gap-76 {
  row-gap: 76px;
  --row-flex-gap: 76px;
}
.row-gap-95 {
  row-gap: 95px;
  --row-flex-gap: 95px;
}
.column-gap-76 {
  -webkit-column-gap: 76px;
  -moz-column-gap: 76px;
  column-gap: 76px;
  --flex-gap: 76px;
  --column-flex-gap: 76px;
}
.column-gap-95 {
  -webkit-column-gap: 95px;
  -moz-column-gap: 95px;
  column-gap: 95px;
  --column-flex-gap: 95px;
}
.gap-80 {
  gap: 80px;
  --row-flex-gap: 80px;
  --column-flex-gap: 80px;
}
.row-gap-80 {
  row-gap: 80px;
  --row-flex-gap: 80px;
}
.column-gap-80 {
  -webkit-column-gap: 80px;
  -moz-column-gap: 80px;
  column-gap: 80px;
  --flex-gap: 80px;
  --column-flex-gap: 80px;
}
@media only screen and (max-width: 980px) {
  .gap-tb-4 {
    gap: 4px;
    --flex-gap: 4px;
  }
  .gap-tb-5 {
    gap: 5px;
    --flex-gap: 5px;
  }
  .row-gap-tb-4 {
    row-gap: 4px;
    --row-flex-gap: 4px;
  }
  .row-gap-tb-5 {
    row-gap: 5px;
    --row-flex-gap: 5px;
  }
  .column-gap-tb-4 {
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    --flex-gap: 4px;
    --column-flex-gap: 4px;
  }
  .column-gap-tb-5 {
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    --column-flex-gap: 5px;
  }
  .gap-tb-8 {
    gap: 8px;
    --flex-gap: 8px;
  }
  .gap-tb-10 {
    gap: 10px;
    --flex-gap: 10px;
  }
  .row-gap-tb-8 {
    row-gap: 8px;
    --row-flex-gap: 8px;
  }
  .row-gap-tb-10 {
    row-gap: 10px;
    --row-flex-gap: 10px;
  }
  .column-gap-tb-8 {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    --flex-gap: 8px;
    --column-flex-gap: 8px;
  }
  .column-gap-tb-10 {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    --column-flex-gap: 10px;
  }
  .gap-tb-12 {
    gap: 12px;
    --flex-gap: 12px;
  }
  .gap-tb-15 {
    gap: 15px;
    --flex-gap: 15px;
  }
  .row-gap-tb-12 {
    row-gap: 12px;
    --row-flex-gap: 12px;
  }
  .row-gap-tb-15 {
    row-gap: 15px;
    --row-flex-gap: 15px;
  }
  .column-gap-tb-12 {
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    --flex-gap: 12px;
    --column-flex-gap: 12px;
  }
  .column-gap-tb-15 {
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    --column-flex-gap: 15px;
  }
  .gap-tb-16 {
    gap: 16px;
    --flex-gap: 16px;
  }
  .row-gap-tb-16 {
    row-gap: 16px;
    --row-flex-gap: 16px;
  }
  .column-gap-tb-16 {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    --flex-gap: 16px;
    --column-flex-gap: 16px;
  }
  .gap-tb-20 {
    gap: 20px;
    --flex-gap: 20px;
  }
  .gap-tb-25 {
    gap: 25px;
    --flex-gap: 25px;
  }
  .row-gap-tb-20 {
    row-gap: 20px;
    --row-flex-gap: 20px;
  }
  .row-gap-tb-25 {
    row-gap: 25px;
    --row-flex-gap: 25px;
  }
  .column-gap-tb-20 {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    --flex-gap: 20px;
    --column-flex-gap: 20px;
  }
  .column-gap-tb-25 {
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
    --column-flex-gap: 25px;
  }
  .gap-tb-24 {
    gap: 24px;
    --flex-gap: 24px;
  }
  .gap-tb-30 {
    gap: 30px;
    --flex-gap: 30px;
  }
  .row-gap-tb-24 {
    row-gap: 24px;
    --row-flex-gap: 24px;
  }
  .row-gap-tb-30 {
    row-gap: 30px;
    --row-flex-gap: 30px;
  }
  .column-gap-tb-24 {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    --flex-gap: 24px;
    --column-flex-gap: 24px;
  }
  .column-gap-tb-30 {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    --column-flex-gap: 30px;
  }
  .gap-tb-28 {
    gap: 28px;
    --flex-gap: 28px;
  }
  .gap-tb-35 {
    gap: 35px;
    --flex-gap: 35px;
  }
  .row-gap-tb-28 {
    row-gap: 28px;
    --row-flex-gap: 28px;
  }
  .row-gap-tb-35 {
    row-gap: 35px;
    --row-flex-gap: 35px;
  }
  .column-gap-tb-28 {
    -webkit-column-gap: 28px;
    -moz-column-gap: 28px;
    column-gap: 28px;
    --flex-gap: 28px;
    --column-flex-gap: 28px;
  }
  .column-gap-tb-35 {
    -webkit-column-gap: 35px;
    -moz-column-gap: 35px;
    column-gap: 35px;
    --column-flex-gap: 35px;
  }
  .gap-tb-32 {
    gap: 32px;
    --flex-gap: 32px;
  }
  .row-gap-tb-32 {
    row-gap: 32px;
    --row-flex-gap: 32px;
  }
  .column-gap-tb-32 {
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
    --flex-gap: 32px;
    --column-flex-gap: 32px;
  }
  .gap-tb-36 {
    gap: 36px;
    --flex-gap: 36px;
  }
  .gap-tb-45 {
    gap: 45px;
    --flex-gap: 45px;
  }
  .row-gap-tb-36 {
    row-gap: 36px;
    --row-flex-gap: 36px;
  }
  .row-gap-tb-45 {
    row-gap: 45px;
    --row-flex-gap: 45px;
  }
  .column-gap-tb-36 {
    -webkit-column-gap: 36px;
    -moz-column-gap: 36px;
    column-gap: 36px;
    --flex-gap: 36px;
    --column-flex-gap: 36px;
  }
  .column-gap-tb-45 {
    -webkit-column-gap: 45px;
    -moz-column-gap: 45px;
    column-gap: 45px;
    --column-flex-gap: 45px;
  }
  .gap-tb-40 {
    gap: 40px;
    --flex-gap: 40px;
  }
  .gap-tb-50 {
    gap: 50px;
    --flex-gap: 50px;
  }
  .row-gap-tb-40 {
    row-gap: 40px;
    --row-flex-gap: 40px;
  }
  .row-gap-tb-50 {
    row-gap: 50px;
    --row-flex-gap: 50px;
  }
  .column-gap-tb-40 {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    --flex-gap: 40px;
    --column-flex-gap: 40px;
  }
  .column-gap-tb-50 {
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    --column-flex-gap: 50px;
  }
  .gap-tb-44 {
    gap: 44px;
    --flex-gap: 44px;
  }
  .gap-tb-55 {
    gap: 55px;
    --flex-gap: 55px;
  }
  .row-gap-tb-44 {
    row-gap: 44px;
    --row-flex-gap: 44px;
  }
  .row-gap-tb-55 {
    row-gap: 55px;
    --row-flex-gap: 55px;
  }
  .column-gap-tb-44 {
    -webkit-column-gap: 44px;
    -moz-column-gap: 44px;
    column-gap: 44px;
    --flex-gap: 44px;
    --column-flex-gap: 44px;
  }
  .column-gap-tb-55 {
    -webkit-column-gap: 55px;
    -moz-column-gap: 55px;
    column-gap: 55px;
    --column-flex-gap: 55px;
  }
  .gap-tb-48 {
    gap: 48px;
    --flex-gap: 48px;
  }
  .row-gap-tb-48 {
    row-gap: 48px;
    --row-flex-gap: 48px;
  }
  .column-gap-tb-48 {
    -webkit-column-gap: 48px;
    -moz-column-gap: 48px;
    column-gap: 48px;
    --flex-gap: 48px;
    --column-flex-gap: 48px;
  }
  .gap-tb-52 {
    gap: 52px;
    --flex-gap: 52px;
  }
  .gap-tb-65 {
    gap: 65px;
    --flex-gap: 65px;
  }
  .row-gap-tb-52 {
    row-gap: 52px;
    --row-flex-gap: 52px;
  }
  .row-gap-tb-65 {
    row-gap: 65px;
    --row-flex-gap: 65px;
  }
  .column-gap-tb-52 {
    -webkit-column-gap: 52px;
    -moz-column-gap: 52px;
    column-gap: 52px;
    --flex-gap: 52px;
    --column-flex-gap: 52px;
  }
  .column-gap-tb-65 {
    -webkit-column-gap: 65px;
    -moz-column-gap: 65px;
    column-gap: 65px;
    --column-flex-gap: 65px;
  }
  .gap-tb-56 {
    gap: 56px;
    --flex-gap: 56px;
  }
  .gap-tb-70 {
    gap: 70px;
    --flex-gap: 70px;
  }
  .row-gap-tb-56 {
    row-gap: 56px;
    --row-flex-gap: 56px;
  }
  .row-gap-tb-70 {
    row-gap: 70px;
    --row-flex-gap: 70px;
  }
  .column-gap-tb-56 {
    -webkit-column-gap: 56px;
    -moz-column-gap: 56px;
    column-gap: 56px;
    --flex-gap: 56px;
    --column-flex-gap: 56px;
  }
  .column-gap-tb-70 {
    -webkit-column-gap: 70px;
    -moz-column-gap: 70px;
    column-gap: 70px;
    --column-flex-gap: 70px;
  }
  .gap-tb-60 {
    gap: 60px;
    --flex-gap: 60px;
  }
  .gap-tb-75 {
    gap: 75px;
    --flex-gap: 75px;
  }
  .row-gap-tb-60 {
    row-gap: 60px;
    --row-flex-gap: 60px;
  }
  .row-gap-tb-75 {
    row-gap: 75px;
    --row-flex-gap: 75px;
  }
  .column-gap-tb-60 {
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    --flex-gap: 60px;
    --column-flex-gap: 60px;
  }
  .column-gap-tb-75 {
    -webkit-column-gap: 75px;
    -moz-column-gap: 75px;
    column-gap: 75px;
    --column-flex-gap: 75px;
  }
  .gap-tb-64 {
    gap: 64px;
    --flex-gap: 64px;
  }
  .row-gap-tb-64 {
    row-gap: 64px;
    --row-flex-gap: 64px;
  }
  .column-gap-tb-64 {
    -webkit-column-gap: 64px;
    -moz-column-gap: 64px;
    column-gap: 64px;
    --flex-gap: 64px;
    --column-flex-gap: 64px;
  }
  .gap-tb-68 {
    gap: 68px;
    --flex-gap: 68px;
  }
  .gap-tb-85 {
    gap: 85px;
    --flex-gap: 85px;
  }
  .row-gap-tb-68 {
    row-gap: 68px;
    --row-flex-gap: 68px;
  }
  .row-gap-tb-85 {
    row-gap: 85px;
    --row-flex-gap: 85px;
  }
  .column-gap-tb-68 {
    -webkit-column-gap: 68px;
    -moz-column-gap: 68px;
    column-gap: 68px;
    --flex-gap: 68px;
    --column-flex-gap: 68px;
  }
  .column-gap-tb-85 {
    -webkit-column-gap: 85px;
    -moz-column-gap: 85px;
    column-gap: 85px;
    --column-flex-gap: 85px;
  }
  .gap-tb-72 {
    gap: 72px;
    --flex-gap: 72px;
  }
  .gap-tb-90 {
    gap: 90px;
    --flex-gap: 90px;
  }
  .row-gap-tb-72 {
    row-gap: 72px;
    --row-flex-gap: 72px;
  }
  .row-gap-tb-90 {
    row-gap: 90px;
    --row-flex-gap: 90px;
  }
  .column-gap-tb-72 {
    -webkit-column-gap: 72px;
    -moz-column-gap: 72px;
    column-gap: 72px;
    --flex-gap: 72px;
    --column-flex-gap: 72px;
  }
  .column-gap-tb-90 {
    -webkit-column-gap: 90px;
    -moz-column-gap: 90px;
    column-gap: 90px;
    --column-flex-gap: 90px;
  }
  .gap-tb-76 {
    gap: 76px;
    --flex-gap: 76px;
  }
  .gap-tb-95 {
    gap: 95px;
    --flex-gap: 95px;
  }
  .row-gap-tb-76 {
    row-gap: 76px;
    --row-flex-gap: 76px;
  }
  .row-gap-tb-95 {
    row-gap: 95px;
    --row-flex-gap: 95px;
  }
  .column-gap-tb-76 {
    -webkit-column-gap: 76px;
    -moz-column-gap: 76px;
    column-gap: 76px;
    --flex-gap: 76px;
    --column-flex-gap: 76px;
  }
  .column-gap-tb-95 {
    -webkit-column-gap: 95px;
    -moz-column-gap: 95px;
    column-gap: 95px;
    --column-flex-gap: 95px;
  }
  .gap-tb-80 {
    gap: 80px;
    --flex-gap: 80px;
  }
  .row-gap-tb-80 {
    row-gap: 80px;
    --row-flex-gap: 80px;
  }
  .column-gap-tb-80 {
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    --flex-gap: 80px;
    --column-flex-gap: 80px;
  }
}
@media only screen and (max-width: 691px) {
  .gap-sp-4 {
    gap: 4px;
    --flex-gap: 4px;
  }
  .gap-sp-5 {
    gap: 5px;
    --flex-gap: 5px;
  }
  .row-gap-sp-4 {
    row-gap: 4px;
    --row-flex-gap: 4px;
  }
  .row-gap-sp-5 {
    row-gap: 5px;
    --row-flex-gap: 5px;
  }
  .column-gap-sp-4 {
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    --flex-gap: 4px;
    --column-flex-gap: 4px;
  }
  .column-gap-sp-5 {
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    --column-flex-gap: 5px;
  }
  .gap-sp-8 {
    gap: 8px;
    --flex-gap: 8px;
  }
  .gap-sp-10 {
    gap: 10px;
    --flex-gap: 10px;
  }
  .row-gap-sp-8 {
    row-gap: 8px;
    --row-flex-gap: 8px;
  }
  .row-gap-sp-10 {
    row-gap: 10px;
    --row-flex-gap: 10px;
  }
  .column-gap-sp-8 {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    --flex-gap: 8px;
    --column-flex-gap: 8px;
  }
  .column-gap-sp-10 {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    --column-flex-gap: 10px;
  }
  .gap-sp-12 {
    gap: 12px;
    --flex-gap: 12px;
  }
  .gap-sp-15 {
    gap: 15px;
    --flex-gap: 15px;
  }
  .row-gap-sp-12 {
    row-gap: 12px;
    --row-flex-gap: 12px;
  }
  .row-gap-sp-15 {
    row-gap: 15px;
    --row-flex-gap: 15px;
  }
  .column-gap-sp-12 {
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    --flex-gap: 12px;
    --column-flex-gap: 12px;
  }
  .column-gap-sp-15 {
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    --column-flex-gap: 15px;
  }
  .gap-sp-16 {
    gap: 16px;
    --flex-gap: 16px;
  }
  .row-gap-sp-16 {
    row-gap: 16px;
    --row-flex-gap: 16px;
  }
  .column-gap-sp-16 {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    --flex-gap: 16px;
    --column-flex-gap: 16px;
  }
  .gap-sp-20 {
    gap: 20px;
    --flex-gap: 20px;
  }
  .gap-sp-25 {
    gap: 25px;
    --flex-gap: 25px;
  }
  .row-gap-sp-20 {
    row-gap: 20px;
    --row-flex-gap: 20px;
  }
  .row-gap-sp-25 {
    row-gap: 25px;
    --row-flex-gap: 25px;
  }
  .column-gap-sp-20 {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    --flex-gap: 20px;
    --column-flex-gap: 20px;
  }
  .column-gap-sp-25 {
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
    --column-flex-gap: 25px;
  }
  .gap-sp-24 {
    gap: 24px;
    --flex-gap: 24px;
  }
  .gap-sp-30 {
    gap: 30px;
    --flex-gap: 30px;
  }
  .row-gap-sp-24 {
    row-gap: 24px;
    --row-flex-gap: 24px;
  }
  .row-gap-sp-30 {
    row-gap: 30px;
    --row-flex-gap: 30px;
  }
  .column-gap-sp-24 {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    --flex-gap: 24px;
    --column-flex-gap: 24px;
  }
  .column-gap-sp-30 {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    --column-flex-gap: 30px;
  }
  .gap-sp-28 {
    gap: 28px;
    --flex-gap: 28px;
  }
  .gap-sp-35 {
    gap: 35px;
    --flex-gap: 35px;
  }
  .row-gap-sp-28 {
    row-gap: 28px;
    --row-flex-gap: 28px;
  }
  .row-gap-sp-35 {
    row-gap: 35px;
    --row-flex-gap: 35px;
  }
  .column-gap-sp-28 {
    -webkit-column-gap: 28px;
    -moz-column-gap: 28px;
    column-gap: 28px;
    --flex-gap: 28px;
    --column-flex-gap: 28px;
  }
  .column-gap-sp-35 {
    -webkit-column-gap: 35px;
    -moz-column-gap: 35px;
    column-gap: 35px;
    --column-flex-gap: 35px;
  }
  .gap-sp-32 {
    gap: 32px;
    --flex-gap: 32px;
  }
  .row-gap-sp-32 {
    row-gap: 32px;
    --row-flex-gap: 32px;
  }
  .column-gap-sp-32 {
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
    --flex-gap: 32px;
    --column-flex-gap: 32px;
  }
  .gap-sp-36 {
    gap: 36px;
    --flex-gap: 36px;
  }
  .gap-sp-45 {
    gap: 45px;
    --flex-gap: 45px;
  }
  .row-gap-sp-36 {
    row-gap: 36px;
    --row-flex-gap: 36px;
  }
  .row-gap-sp-45 {
    row-gap: 45px;
    --row-flex-gap: 45px;
  }
  .column-gap-sp-36 {
    -webkit-column-gap: 36px;
    -moz-column-gap: 36px;
    column-gap: 36px;
    --flex-gap: 36px;
    --column-flex-gap: 36px;
  }
  .column-gap-sp-45 {
    -webkit-column-gap: 45px;
    -moz-column-gap: 45px;
    column-gap: 45px;
    --column-flex-gap: 45px;
  }
  .gap-sp-40 {
    gap: 40px;
    --flex-gap: 40px;
  }
  .gap-sp-50 {
    gap: 50px;
    --flex-gap: 50px;
  }
  .row-gap-sp-40 {
    row-gap: 40px;
    --row-flex-gap: 40px;
  }
  .row-gap-sp-50 {
    row-gap: 50px;
    --row-flex-gap: 50px;
  }
  .column-gap-sp-40 {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    --flex-gap: 40px;
    --column-flex-gap: 40px;
  }
  .column-gap-sp-50 {
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    --column-flex-gap: 50px;
  }
  .gap-sp-44 {
    gap: 44px;
    --flex-gap: 44px;
  }
  .gap-sp-55 {
    gap: 55px;
    --flex-gap: 55px;
  }
  .row-gap-sp-44 {
    row-gap: 44px;
    --row-flex-gap: 44px;
  }
  .row-gap-sp-55 {
    row-gap: 55px;
    --row-flex-gap: 55px;
  }
  .column-gap-sp-44 {
    -webkit-column-gap: 44px;
    -moz-column-gap: 44px;
    column-gap: 44px;
    --flex-gap: 44px;
    --column-flex-gap: 44px;
  }
  .column-gap-sp-55 {
    -webkit-column-gap: 55px;
    -moz-column-gap: 55px;
    column-gap: 55px;
    --column-flex-gap: 55px;
  }
  .gap-sp-48 {
    gap: 48px;
    --flex-gap: 48px;
  }
  .row-gap-sp-48 {
    row-gap: 48px;
    --row-flex-gap: 48px;
  }
  .column-gap-sp-48 {
    -webkit-column-gap: 48px;
    -moz-column-gap: 48px;
    column-gap: 48px;
    --flex-gap: 48px;
    --column-flex-gap: 48px;
  }
  .gap-sp-52 {
    gap: 52px;
    --flex-gap: 52px;
  }
  .gap-sp-65 {
    gap: 65px;
    --flex-gap: 65px;
  }
  .row-gap-sp-52 {
    row-gap: 52px;
    --row-flex-gap: 52px;
  }
  .row-gap-sp-65 {
    row-gap: 65px;
    --row-flex-gap: 65px;
  }
  .column-gap-sp-52 {
    -webkit-column-gap: 52px;
    -moz-column-gap: 52px;
    column-gap: 52px;
    --flex-gap: 52px;
    --column-flex-gap: 52px;
  }
  .column-gap-sp-65 {
    -webkit-column-gap: 65px;
    -moz-column-gap: 65px;
    column-gap: 65px;
    --column-flex-gap: 65px;
  }
  .gap-sp-56 {
    gap: 56px;
    --flex-gap: 56px;
  }
  .gap-sp-70 {
    gap: 70px;
    --flex-gap: 70px;
  }
  .row-gap-sp-56 {
    row-gap: 56px;
    --row-flex-gap: 56px;
  }
  .row-gap-sp-70 {
    row-gap: 70px;
    --row-flex-gap: 70px;
  }
  .column-gap-sp-56 {
    -webkit-column-gap: 56px;
    -moz-column-gap: 56px;
    column-gap: 56px;
    --flex-gap: 56px;
    --column-flex-gap: 56px;
  }
  .column-gap-sp-70 {
    -webkit-column-gap: 70px;
    -moz-column-gap: 70px;
    column-gap: 70px;
    --column-flex-gap: 70px;
  }
  .gap-sp-60 {
    gap: 60px;
    --flex-gap: 60px;
  }
  .gap-sp-75 {
    gap: 75px;
    --flex-gap: 75px;
  }
  .row-gap-sp-60 {
    row-gap: 60px;
    --row-flex-gap: 60px;
  }
  .row-gap-sp-75 {
    row-gap: 75px;
    --row-flex-gap: 75px;
  }
  .column-gap-sp-60 {
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    --flex-gap: 60px;
    --column-flex-gap: 60px;
  }
  .column-gap-sp-75 {
    -webkit-column-gap: 75px;
    -moz-column-gap: 75px;
    column-gap: 75px;
    --column-flex-gap: 75px;
  }
  .gap-sp-64 {
    gap: 64px;
    --flex-gap: 64px;
  }
  .row-gap-sp-64 {
    row-gap: 64px;
    --row-flex-gap: 64px;
  }
  .column-gap-sp-64 {
    -webkit-column-gap: 64px;
    -moz-column-gap: 64px;
    column-gap: 64px;
    --flex-gap: 64px;
    --column-flex-gap: 64px;
  }
  .gap-sp-68 {
    gap: 68px;
    --flex-gap: 68px;
  }
  .gap-sp-85 {
    gap: 85px;
    --flex-gap: 85px;
  }
  .row-gap-sp-68 {
    row-gap: 68px;
    --row-flex-gap: 68px;
  }
  .row-gap-sp-85 {
    row-gap: 85px;
    --row-flex-gap: 85px;
  }
  .column-gap-sp-68 {
    -webkit-column-gap: 68px;
    -moz-column-gap: 68px;
    column-gap: 68px;
    --flex-gap: 68px;
    --column-flex-gap: 68px;
  }
  .column-gap-sp-85 {
    -webkit-column-gap: 85px;
    -moz-column-gap: 85px;
    column-gap: 85px;
    --column-flex-gap: 85px;
  }
  .gap-sp-72 {
    gap: 72px;
    --flex-gap: 72px;
  }
  .gap-sp-90 {
    gap: 90px;
    --flex-gap: 90px;
  }
  .row-gap-sp-72 {
    row-gap: 72px;
    --row-flex-gap: 72px;
  }
  .row-gap-sp-90 {
    row-gap: 90px;
    --row-flex-gap: 90px;
  }
  .column-gap-sp-72 {
    -webkit-column-gap: 72px;
    -moz-column-gap: 72px;
    column-gap: 72px;
    --flex-gap: 72px;
    --column-flex-gap: 72px;
  }
  .column-gap-sp-90 {
    -webkit-column-gap: 90px;
    -moz-column-gap: 90px;
    column-gap: 90px;
    --column-flex-gap: 90px;
  }
  .gap-sp-76 {
    gap: 76px;
    --flex-gap: 76px;
  }
  .gap-sp-95 {
    gap: 95px;
    --flex-gap: 95px;
  }
  .row-gap-sp-76 {
    row-gap: 76px;
    --row-flex-gap: 76px;
  }
  .row-gap-sp-95 {
    row-gap: 95px;
    --row-flex-gap: 95px;
  }
  .column-gap-sp-76 {
    -webkit-column-gap: 76px;
    -moz-column-gap: 76px;
    column-gap: 76px;
    --flex-gap: 76px;
    --column-flex-gap: 76px;
  }
  .column-gap-sp-95 {
    -webkit-column-gap: 95px;
    -moz-column-gap: 95px;
    column-gap: 95px;
    --column-flex-gap: 95px;
  }
  .gap-sp-80 {
    gap: 80px;
    --flex-gap: 80px;
  }
  .row-gap-sp-80 {
    row-gap: 80px;
    --row-flex-gap: 80px;
  }
  .column-gap-sp-80 {
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    --flex-gap: 80px;
    --column-flex-gap: 80px;
  }
}
.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}
.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}
@media only screen and (max-width: 980px) {
  .order-tb-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-tb-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-tb-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-tb-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-tb-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
}
@media only screen and (max-width: 691px) {
  .order-sp-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sp-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sp-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sp-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sp-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
}
.wide-container {
  position: relative;
  margin-inline: calc((100vw - 100%) / 2 * -1);
  padding-inline: calc((100vw - 100%) / 2);
}
.wide-container__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.wide-container__bg img {
  width: 100%;
  max-width: inherit !important;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.prod-fv {
  position: relative;
  padding-block: clamp(40px, 7.1174377224vw, 80px);
  margin-top: 78px;
  margin-inline: calc((100vw - 100%) / 2 * -1);
  padding-inline: calc((100vw - 100%) / 2);
  z-index: 0;
}
.prod-fv__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  row-gap: 24px;
}
@media only screen and (min-width: 980px) {
  .prod-fv__img {
    width: 50.4448398577%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (max-width: 980px) {
  .prod-fv__img {
    width: 100%;
  }
}
.prod-fv__img .slick-dotted.slick-slider {
  margin-bottom: 20px;
}
@media only screen and (min-width: 980px) {
  .prod-fv__detail {
    width: 46.8861209964%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media only screen and (max-width: 980px) {
  .prod-fv__detail {
    width: 100%;
  }
}
.prod-fv__title {
  font-size: clamp(32/10 * 1rem, 4.4483985765vw, 50/10 * 1rem);
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0;
}
.prod-fv__title .--palt {
  letter-spacing: -0.5em;
}
.prod-fv__text {
  line-height: 1.6;
  margin-top: calc(20 / 10 * 1rem);
}
.prod-fv__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  margin-top: calc(40 / 10 * 1rem);
}
@media only screen and (max-width: 691px) {
  .prod-fv__btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.prod-fv__btn .new-bttn {
  width: 100%;
  max-width: 303px;
}
.prod-fv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.prod-fv__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 100%;
  object-position: 50% 100%;
}
.prod-casestudy {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.prod-casestudy__bg {
  position: absolute;
  width: 100%;
  max-width: inherit !important;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.prod-casestudy__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 100%;
  object-position: 50% 100%;
}
.prod-slick {
  position: relative;
}
.prod-slick:not(.prod-casestudy-slick) {
  margin-left: -10px;
  margin-right: -10px;
}
@media only screen and (min-width: 1340px) {
  .prod-slick:not(.prod-casestudy-slick) .slick-prev {
    left: -100px;
  }
}
@media only screen and (min-width: 1340px) {
  .prod-slick:not(.prod-casestudy-slick) .slick-next {
    right: -100px;
  }
}
.prod-slick-wrap {
  overflow: hidden;
}
.prod-slick .slick-list {
  overflow: visible;
}
.prod-slick .slick-prev,
.prod-slick .slick-next {
  position: absolute;
  width: 60px;
  height: 60px;
  font-size: 0;
  background-color: #333;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 691px) {
  .prod-slick .slick-prev,
  .prod-slick .slick-next {
    width: 50px;
    height: 50px;
  }
}
.prod-slick .slick-prev::before,
.prod-slick .slick-next::before {
  position: absolute;
  content: "";
  width: 53.3333333333%;
  height: 16.6666666667%;
  top: 50%;
  left: 50%;
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2210%22%20viewBox%3D%220%200%2032%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.4357%200L0%2010H32V7.08895H10.4357V0Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2210%22%20viewBox%3D%220%200%2032%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.4357%200L0%2010H32V7.08895H10.4357V0Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-color: #fff;
  border-radius: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.prod-slick .slick-prev::after,
.prod-slick .slick-next::after {
  display: none !important;
}
.prod-slick .slick-prev:hover,
.prod-slick .slick-next:hover {
  background-color: #fff;
}
.prod-slick .slick-prev:hover::before,
.prod-slick .slick-next:hover::before {
  background-color: #333;
}
@media only screen and (max-width: 691px) {
  .prod-slick .slick-prev {
    left: -15px;
  }
}
.prod-slick .slick-prev::before {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 691px) {
  .prod-slick .slick-next {
    right: -15px;
  }
}
.prod-slick .slick-next::before {
  -webkit-transform: translate(-50%, -50%) scalex(-1);
  transform: translate(-50%, -50%) scalex(-1);
}
.prod-slick .prod-card__item {
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-inline: 10px;
}
.prod-casestudy-slick {
  max-width: 1300px;
  width: 90vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.prod-casestudy-slick .prod-card__detail {
  padding: 10px 25px 20px;
}
.prod-column-slick .slick-list {
  overflow: visible;
}
.prod-column-slick .slick-prev,
.prod-column-slick .slick-next {
  position: absolute;
  width: 60px;
  height: 60px;
  font-size: 0;
  background-color: #333;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 691px) {
  .prod-column-slick .slick-prev,
  .prod-column-slick .slick-next {
    width: 50px;
    height: 50px;
  }
}
.prod-column-slick .slick-prev::before,
.prod-column-slick .slick-next::before {
  position: absolute;
  content: "";
  width: 53.3333333333%;
  height: 16.6666666667%;
  top: 50%;
  left: 50%;
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2210%22%20viewBox%3D%220%200%2032%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.4357%200L0%2010H32V7.08895H10.4357V0Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2210%22%20viewBox%3D%220%200%2032%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.4357%200L0%2010H32V7.08895H10.4357V0Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-color: #fff;
  border-radius: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.prod-column-slick .slick-prev::after,
.prod-column-slick .slick-next::after {
  display: none !important;
}
.prod-column-slick .slick-prev:hover,
.prod-column-slick .slick-next:hover {
  background-color: #fff;
}
.prod-column-slick .slick-prev:hover::before,
.prod-column-slick .slick-next:hover::before {
  background-color: #333;
}
@media only screen and (max-width: 691px) {
  .prod-column-slick .slick-prev {
    left: -15px;
  }
}
.prod-column-slick .slick-prev::before {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 691px) {
  .prod-column-slick .slick-next {
    right: -15px;
  }
}
.prod-column-slick .slick-next::before {
  -webkit-transform: translate(-50%, -50%) scalex(-1);
  transform: translate(-50%, -50%) scalex(-1);
}
@media only screen and (max-width: 691px) {
  .prod-column-slick .prod-card__item {
    margin-inline: 10px;
  }
}
.wide-container:has(.prod-column-slick) {
  overflow: hidden;
}
.title-align-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.prod-card__item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  border-radius: 5px;
  border-bottom: 12px solid #00a228;
  background-color: #fff;
  padding: 0;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}
.prod-card__item:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
}
.prod-card__img {
  aspect-ratio: 300/160;
  overflow: hidden;
}
.prod-card__img img {
  width: 100%;
  height: 100%;
  max-width: inherit !important;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.prod-card__detail {
  padding: 10px 10px 20px;
}
.prod-card__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: calc(12 / 10 * 1rem);
  color: #aaa;
  text-align: right;
  border-top: 1px solid;
  padding-top: 8px;
  margin-top: 8px;
  gap: 16px;
}
.prod-card__date .prod-card__date__in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.prod-card__in {
  padding: 20px;
}
.prod-icon-card {
  padding: 20px;
  border-radius: 5px;
}
.tab-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(2px, 0.8695652174vw, 6px);
}
.tab-switch__btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: clamp(30px, 8.4057971014vw, 58px);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: clamp(2px, 0.8695652174vw, 6px);
  border-radius: 5px;
  border: 0;
  outline: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tab-switch__btn:not(.active) {
  color: #666;
  background-color: #ddd;
}
.tab-switch__btn.active {
  color: #fff;
  background-color: #00a228;
}
@media only screen and (max-width: 691px) {
  .tab-switch__btn.active {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  }
}
.tab-switch-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tab-switch-tag.txt_c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tab-switch-tag__btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  font-size: calc(14 / 10 * 1rem);
  padding: 10px 20px;
  border-radius: 5px;
  border: 0;
  outline: 0;
}
@media only screen and (max-width: 691px) {
  .tab-switch-tag__btn {
    line-height: 1.2;
    padding: 6px 12px;
  }
}
.tab-switch-tag__btn:not(.active) {
  color: #666;
  background-color: #ddd;
}
.tab-switch-tag__btn.active {
  color: #fff;
  background-color: #00a228;
}
@media only screen and (max-width: 691px) {
  .tab-switch-tag__btn.active {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  }
}
.tab-container:not(.active) {
  display: none;
}
.prod-tab-item {
  position: relative;
  display: block;
  color: #fff;
  aspect-ratio: 368/260;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  z-index: 0;
}
.prod-tab-item__img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.prod-tab-item__title {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: clamp(16/10 * 1rem, 2.8985507246vw, 20/10 * 1rem);
  top: 0;
  left: 0;
  padding: clamp(4px, 1.4492753623vw, 10px);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(72, 72, 72, 0.9)),
    to(rgba(72, 72, 72, 0))
  );
  background: linear-gradient(
    0deg,
    rgba(72, 72, 72, 0.9) 0%,
    rgba(72, 72, 72, 0) 100%
  );
}
.prod-tab-item__title::before,
.prod-tab-item__title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(72, 72, 72, 0.95)),
    to(rgba(72, 72, 72, 0))
  );
  background: linear-gradient(
    180deg,
    rgba(72, 72, 72, 0.95) 0%,
    rgba(72, 72, 72, 0) 100%
  );
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.prod-tab-item[href]:hover {
  color: #fff;
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
}
.prod-tab-item[href]:hover .prod-tab-item__title {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(72, 72, 72, 0.95)),
    to(rgba(72, 72, 72, 0))
  );
  background: linear-gradient(
    0deg,
    rgba(72, 72, 72, 0.95) 0%,
    rgba(72, 72, 72, 0) 100%
  );
}
.prod-tab-item[href]:hover .prod-tab-item__title::before {
  opacity: 1;
}
.prod-tab-item[href]:hover img {
  opacity: 1;
}
.prod-search {
  position: relative;
  z-index: 0;
}
.prod-search__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.prod-search__bg img {
  width: 100%;
  max-width: inherit !important;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 100% 50%;
  object-position: 100% 50%;
}
.prod-service-tab {
  border-radius: 10px;
  background-color: #fff;
  padding: clamp(16px, 4.0816326531vw, 40px);
}
.prod-service-tab__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 60px;
  background-color: #f3f3f3;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.prod-service-tab__item:hover {
  color: #fff;
  background-color: #00a228;
  text-decoration: none;
}
.prod-service-tab__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 60px);
  line-height: 1.4;
  padding: clamp(1px, 0.5797101449vw, 4px) clamp(4px, 1.1594202899vw, 8px);
}
@media only screen and (max-width: 691px) {
  .prod-service-tab__title {
    width: calc(100% - 50px);
  }
}
.prod-service-tab__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #00a228;
  width: 60px;
  height: 100%;
}
@media only screen and (max-width: 691px) {
  .prod-service-tab__icon {
    width: 50px;
  }
}
.prod-service-tab__icon img {
  max-width: inherit !important;
  -o-object-fit: contain;
  object-fit: contain;
}
.prod-service-tab__icon:not([class*="--w"]) img {
  width: 60%;
  height: 60%;
}
.prod-service-tab__icon.--w32 img {
  width: 53.3333333333%;
  height: 53.3333333333%;
}
.prod-service-tab__icon.--w34 img {
  width: 56.6666666667%;
  height: 56.6666666667%;
}
.prod-service-tab__icon.--w38 img {
  width: 56.6666666667%;
  height: 56.6666666667%;
}
.prod-service-tab__icon.--w40 img {
  width: 66.6666666667%;
  height: 66.6666666667%;
}
.prod-service-tab__icon.--w46 img {
  width: 76.6666666667%;
  height: 76.6666666667%;
}
.faq-list__item__title {
  font-weight: 700;
  padding-block: 24px;
  border-bottom: 1px solid #2c3e50;
}
.faq-list__item__answer {
  position: relative;
  min-height: 46px;
  padding-left: 55px;
  padding-top: 24px;
}
.faq-list__item__answer::before {
  content: "A";
  position: absolute;
  font-family: "Mulish", sans-serif;
  font-size: calc(29 / 10 * 1rem);
  font-weight: 400;
  line-height: 1;
  left: 0;
  top: 26px;
}
.faq-list__item__answer__box {
  padding: clamp(16px, 3.2653061224vw, 32px);
  border-radius: 5px;
  background-color: #f5fff7;
}
.faq-list:not(.not-counter) {
  counter-reset: faq;
}
.faq-list:not(.not-counter) .faq-list__item {
  counter-increment: faq;
}
.faq-list:not(.not-counter) .faq-list__item__title {
  position: relative;
  min-height: 46px;
  padding-left: 68px;
}
.faq-list:not(.not-counter) .faq-list__item__title::before {
  content: "Q" counter(faq) ".";
  position: absolute;
  font-family: "Mulish", sans-serif;
  font-size: calc(29 / 10 * 1rem);
  font-weight: 400;
  color: #00a228;
  line-height: 1;
  left: 0;
  top: 26px;
}
.faq-list.not-counter .faq-list__item__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.faq-list.not-counter .faq-list__item__title__num {
  width: 68px;
  font-family: "Mulish", sans-serif;
  font-size: calc(29 / 10 * 1rem);
  font-weight: 400;
  line-height: 1;
  color: #00a228;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.faq-list.not-counter .faq-list__item__title__txt {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}
:not(.faq_page) .set-show-3faq .faq-list .faq-list__item:nth-child(n + 4) {
  display: none !important;
}
.js-faq-toggle {
  position: relative;
  cursor: pointer;
  padding-right: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.js-faq-toggle::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #00a228;
  top: 50%;
  right: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.js-faq-toggle:hover {
  color: #00a228;
  border-color: #00a228;
}
.js-faq-toggle[aria-expanded="true"]::after {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
}
.js-faq-toggle:not([aria-expanded])::after,
.js-faq-toggle[aria-expanded="false"]::after {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.prod-wave {
  position: relative;
  padding-top: clamp(100px, 19.6428571429vw, 330px);
  background: linear-gradient(
    0deg,
    rgb(245, 255, 247) 0%,
    rgb(245, 255, 247) calc(100% - 330px),
    rgba(245, 255, 247, 0) calc(100% - 330px),
    rgba(245, 255, 247, 0) 100%
  );
  z-index: 0;
}
@media only screen and (max-width: 1680px) {
  .prod-wave {
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(rgb(245, 255, 247)),
      color-stop(rgb(245, 255, 247)),
      color-stop(rgba(245, 255, 247, 0)),
      to(rgba(245, 255, 247, 0))
    );
    background: linear-gradient(
      0deg,
      rgb(245, 255, 247) 0%,
      rgb(245, 255, 247) calc(100% - 19.6428571429vw),
      rgba(245, 255, 247, 0) calc(100% - 19.6428571429vw),
      rgba(245, 255, 247, 0) 100%
    );
  }
}
@media only screen and (max-width: 691px) {
  .prod-wave {
    background: linear-gradient(
      0deg,
      rgb(245, 255, 247) 0%,
      rgb(245, 255, 247) calc(100% - 70px),
      rgba(245, 255, 247, 0) calc(100% - 70px),
      rgba(245, 255, 247, 0) 100%
    );
  }
}
.prod-wave::before {
  position: absolute;
  content: "";
  width: 100%;
  aspect-ratio: 1680/582;
  background: url(../other/new_product_wave_bg.svg) no-repeat 50% 0 / contain;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.prod-cta {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 100px;
  padding-bottom: 80px;
  background: url(../image/new_product_cta.webp) no-repeat 50% 50% / cover;
  overflow: hidden;
  z-index: 0;
}
.prod-cta::before {
  position: absolute;
  content: "";
  width: 150%;
  height: 150%;
  top: 0;
  left: -20%;
  background: linear-gradient(
    165deg,
    rgb(245, 255, 247) 30%,
    rgba(245, 255, 247, 0.25) 100%
  );
  z-index: -1;
}
.prod-cta__inner {
  width: 94%;
  max-width: 1124px;
  background-color: hsla(0, 0%, 100%, 0.7);
  padding: clamp(16px, 4.2704626335vw, 48px);
  border-radius: 10px;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  margin-inline: auto;
}
.js-tab-container:not(.active),
.js-faq-container:not([aria-hidden="false"]) {
  display: none;
}
:has(#dcms_contents_header_wrap) .js-tab-container:not(.active),
:has(#dcms_contents_header_wrap) .js-faq-container:not([aria-hidden="false"]),
#tinymce .js-tab-container:not(.active),
#tinymce .js-faq-container:not([aria-hidden="false"]) {
  display: block;
}
.prod-point-card {
  position: relative;
  display: grid;
  grid-template-columns: 62.7394636015% 1fr;
  border-radius: 5px;
  border: 2px solid #00a228;
  padding: 60px 40px 40px;
  gap: 20px;
}
@media only screen and (max-width: 691px) {
  .prod-point-card {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: 40px 16px 15px;
  }
}
.prod-point-card__point {
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 5px;
  padding: 6px 12px;
}
@media only screen and (max-width: 691px) {
  .prod-point-card__point {
    padding: 2px 6px;
  }
}
.prod-point-card__in {
  border-radius: 5px;
  padding: 20px;
}
@media only screen and (max-width: 691px) {
  .prod-point-card__in {
    padding: 12px;
  }
}
.prod-support-card {
  overflow: hidden;
  border-radius: 5px;
}
.prod-support-card__img {
  position: relative;
}
.prod-support-card__img__caption {
  position: absolute;
  font-size: calc(14 / 10 * 1rem);
  bottom: 10px;
  left: 10px;
}
.prod-support-card__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 72px;
  background-color: #f3f3f3;
}
.prod-support-card__title .--point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 73px;
  font-size: calc(14px + 0.2vw);
  font-weight: 900;
  line-height: 1.1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.prod-support-card__title .--point .sm {
  font-size: calc(10px + 0.2vw);
  font-weight: 700;
}
.prod-support-card__title .--txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  margin: 0;
  padding: 10px;
}
.prod-support-card__detail {
  padding: clamp(16px, 2.8985507246vw, 20px);
}
.prod-effect-list__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 0;
}
.prod-effect-list__icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 120px;
  aspect-ratio: 1/1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 5px;
  z-index: 1;
}
@media only screen and (max-width: 691px) {
  .prod-effect-list__icon {
    width: 90px;
  }
}
.prod-effect-list__icon img {
  width: 58.3333333333%;
  height: 58.3333333333%;
  max-width: inherit;
  -o-object-fit: contain;
  object-fit: contain;
}
.prod-effect-list__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  min-height: 98px;
  padding: 10px;
  z-index: 0;
}
@media only screen and (max-width: 691px) {
  .prod-effect-list__title {
    min-height: 75px;
  }
}
.prod-effect-list__title::before {
  position: absolute;
  content: "";
  width: calc(100% + 10px);
  height: 100%;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  top: 0;
  right: 0;
  border-radius: 5px;
  z-index: -1;
}
.prod-relation-card {
  border-radius: 5px;
  overflow: hidden;
}
.prod-relation-card img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.prod-relation-card__detail {
  padding: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.prod-relation-card__detail:not([class*="bg-"]) {
  background-color: #f3f3f3;
}
.prod-relation-card:hover {
  text-decoration: none;
}
.prod-relation-card:hover .prod-relation-card__detail {
  color: #fff;
  background-color: #00a228;
}
.prod-bg-card {
  position: relative;
  padding: 16px;
  border-radius: 5px;
  z-index: 0;
}
.prod-bg-card__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.prod-bg-card__bg {
  position: absolute;
  width: 72.2222222222%;
  height: 85.1851851852%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}
.prod-bg-card__bg.--w136 {
  width: 62.962962963%;
  height: 85.1851851852%;
}
.prod-bg-card__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.prod-imgTxt-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 691px) {
  .prod-imgTxt-btn {
    min-height: 52px;
  }
}
.prod-imgTxt-btn:hover {
  color: #fff;
  text-decoration: none;
  background-color: #00a228;
}
.prod-imgTxt-btn:hover img {
  opacity: 1;
}
.prod-imgTxt-btn__img {
  width: 100px;
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 691px) {
  .prod-imgTxt-btn__img {
    width: 60px;
  }
}
.prod-imgTxt-btn__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: bottom;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.prod-imgTxt-btn__title {
  width: calc(100% - 100px);
  font-weight: 400;
  padding: calc(8 / 10 * 1rem);
}
@media only screen and (max-width: 691px) {
  .prod-imgTxt-btn__title {
    width: calc(100% - 60px);
    line-height: 1.2;
  }
}
.prod-card-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.prod-card-reverse.--align-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.js-imgChange-thumb .is-active {
  border: 1px solid #00a228;
}
.prod-step__card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 691px) {
  .prod-step__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.prod-step__step {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: calc(16px + 0.19vw);
  font-weight: 900;
  text-align: center;
  line-height: 1.1;
  padding: 10px 10px 6px;
  z-index: 0;
}
@media only screen and (min-width: 691px) {
  .prod-step__step {
    padding: 10px 10px 6px;
    aspect-ratio: 2/1;
  }
}
@media only screen and (max-width: 691px) {
  .prod-step__step {
    width: 80px;
    padding: 10px 0 10px 20px;
    aspect-ratio: 2/3;
  }
}
.prod-step__step .sm {
  font-size: calc(13px + 0.1vw);
}
.prod-step__step::before {
  position: absolute;
  content: "";
  background-color: #00a228;
  border-radius: 50%;
  z-index: -1;
}
@media only screen and (min-width: 691px) {
  .prod-step__step::before {
    top: 0;
    left: 50%;
    width: 100%;
    height: 200%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 691px) {
  .prod-step__step::before {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 150%;
    height: 100%;
  }
}
.prod-step__detail {
  position: relative;
  padding: 20px;
  z-index: 1;
}
@media only screen and (min-width: 691px) {
  .prod-step__detail {
    width: 100%;
  }
}
@media only screen and (max-width: 691px) {
  .prod-step__detail {
    width: calc(100% - 80px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
  }
}
.prod-step__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 691px) {
  .prod-step__title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.prod-tag-card {
  position: relative;
}
.prod-tag-card-wrap {
  padding: 40px;
}
@media only screen and (max-width: 691px) {
  .prod-tag-card-wrap {
    padding: 20px;
  }
}
.prod-tag-card__tag {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 5px 5px 0 0;
  margin-left: 10px;
}
.prod-tag-card__container:not(.--pd-lg) {
  padding: 20px 40px 20px 20px;
}
.prod-tag-card__container.--pd-lg {
  padding: 40px;
}
.prod-tag-card__container:has(.prod-tag-card__img) {
  display: grid;
  grid-template-columns: 1fr 200px;
  gap: 20px;
}
@media only screen and (max-width: 691px) {
  .prod-tag-card__container:has(.prod-tag-card__img) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.prod-tag-card__arrow {
  width: clamp(100px, 28.9855072464vw, 200px);
  height: 30px;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  margin-inline: auto;
}
.prod-inTag-card {
  position: relative;
  padding: 0 20px 20px;
}
.prod-inTag-card__tag {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 5px 0 5px 0;
  margin-left: -20px;
}
.prod-img-w300 {
  width: 64%;
  max-width: 300px;
}
.prod-beforeAfter-item__in {
  padding: 10px;
}
.prod-beforeAfter-item__arrow {
  width: 60px;
  aspect-ratio: 60/70;
  clip-path: polygon(
    33.33% 0%,
    33.33% 57.1428571429%,
    0% 57.1428571429%,
    50% 100%,
    100% 57.1428571429%,
    66.66% 57.1428571429%,
    66.66% 0%
  );
  margin-inline: auto;
}
.prod-card-pd48 {
  padding: clamp(20px, 4.8979591837vw, 48px);
}
.prod-step-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40px;
}
.prod-step-box__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width: 691px) {
  .prod-step-box__img {
    width: 42.1455938697%;
    padding-right: 3.8314176245%;
    border-right: 1px solid #aaa;
  }
}
@media only screen and (max-width: 691px) {
  .prod-step-box__img {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #aaa;
  }
}
.prod-step-box__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.prod-step-box__step__tag {
  padding: 0.5em 1em;
  border: 1px solid #666;
  border-radius: 100rem;
}
.prod-step-box__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width: 691px) {
  .prod-step-box__detail {
    width: 57.8544061303%;
    padding-left: 3.8314176245%;
  }
}
@media only screen and (max-width: 691px) {
  .prod-step-box__detail {
    width: 100%;
    padding-top: 20px;
  }
}
.prod-dl-card[href]:hover .new-bttn-s a,
.prod-dl-card[href]:hover .new-bttn-s .--nolink {
  color: #fff;
  text-decoration: none;
  background-color: #333;
}
.prod-dl-card[href]:hover .new-bttn-s a .--icon::before,
.prod-dl-card[href]:hover .new-bttn-s a .--arrow::before,
.prod-dl-card[href]:hover .new-bttn-s .--nolink .--icon::before,
.prod-dl-card[href]:hover .new-bttn-s .--nolink .--arrow::before {
  background-color: #fff;
}
.prod-dl-card[href]:hover .new-bttn-s.blk a,
.prod-dl-card[href]:hover .new-bttn-s.blk .--nolink {
  color: #333;
  background-color: #fff;
}
.prod-dl-card[href]:hover .new-bttn-s.blk a .--icon::before,
.prod-dl-card[href]:hover .new-bttn-s.blk a .--arrow::before,
.prod-dl-card[href]:hover .new-bttn-s.blk .--nolink .--icon::before,
.prod-dl-card[href]:hover .new-bttn-s.blk .--nolink .--arrow::before {
  background-color: #333;
}
.prod-dl-card[href]:hover .new-bttn-s.grn a,
.prod-dl-card[href]:hover .new-bttn-s.grn .--nolink {
  color: #00a228;
  background-color: #fff;
}
.prod-dl-card[href]:hover .new-bttn-s.grn a .--icon::before,
.prod-dl-card[href]:hover .new-bttn-s.grn a .--arrow::before,
.prod-dl-card[href]:hover .new-bttn-s.grn .--nolink .--icon::before,
.prod-dl-card[href]:hover .new-bttn-s.grn .--nolink .--arrow::before {
  background-color: #00a228;
}
.prod-dl-card[href]:hover .new-bttn-s.border-grn a,
.prod-dl-card[href]:hover .new-bttn-s.border-grn .--nolink {
  color: #fff;
  background-color: #00a228;
}
.prod-dl-card[href]:hover .new-bttn-s.border-grn a .--icon::before,
.prod-dl-card[href]:hover .new-bttn-s.border-grn a .--arrow::before,
.prod-dl-card[href]:hover .new-bttn-s.border-grn .--nolink .--icon::before,
.prod-dl-card[href]:hover .new-bttn-s.border-grn .--nolink .--arrow::before {
  background-color: #fff;
}
.prod-dl-card[href]:hover .new-bttn-s.--shadow a,
.prod-dl-card[href]:hover .new-bttn-s.--shadow .--nolink {
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
}
.prod-form-container {
  grid-template-columns: 400px 1fr;
}
@media only screen and (max-width: 980px) {
  .prod-form-container {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
#tinymce .prod-fv__bg,
:has(#dcms_contents_header_wrap) .prod-fv__bg {
  position: static;
}
#tinymce .prod-modal,
:has(#dcms_contents_header_wrap) .prod-modal {
  position: relative;
  display: block;
}
#tinymce .prod-tab-item__img,
:has(#dcms_contents_header_wrap) .prod-tab-item__img {
  position: static;
}
#tinymce .prod-tab-item__title,
:has(#dcms_contents_header_wrap) .prod-tab-item__title {
  position: static;
  height: auto;
  color: #333;
  background: rgba(0, 0, 0, 0);
}
#tinymce .prod-tab-item[href]:hover,
:has(#dcms_contents_header_wrap) .prod-tab-item[href]:hover {
  color: #fff;
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
}
#tinymce .prod-tab-item[href]:hover .prod-tab-item__title,
:has(#dcms_contents_header_wrap)
  .prod-tab-item[href]:hover
  .prod-tab-item__title {
  background-color: rgba(0, 0, 0, 0);
}
#tinymce .prod-tab-item[href]:hover .prod-tab-item__title::before,
:has(#dcms_contents_header_wrap)
  .prod-tab-item[href]:hover
  .prod-tab-item__title::before {
  display: none;
}
#dcms_layoutPageBlock > .js-prod-form-detail__in {
  max-width: 400px;
}