@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,400;1,500;1,600&family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
/* line 14, ../sass/top.scss */
a:hover {
  text-decoration: none;
}
/* line 16, ../sass/top.scss */
a:hover img {
  opacity: 1;
}

/* line 21, ../sass/top.scss */
body {
  overflow-x: hidden;
}
/* line 24, ../sass/top.scss */
body main section {
  background-color: #fff;
  width: 100%;
  position: relative;
  z-index: 2;
}
/* line 29, ../sass/top.scss */
body main section .inner {
  padding: 0;
}
@media screen and (max-width: 1920px) {
  /* line 29, ../sass/top.scss */
  body main section .inner {
    width: 62.5vw;
  }
}
@media screen and (max-width: 1200px) {
  /* line 29, ../sass/top.scss */
  body main section .inner {
    width: 100%;
    padding: 0 1em;
  }
}
/* line 41, ../sass/top.scss */
body main section .inner .flex {
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  /* line 45, ../sass/top.scss */
  body main section .inner .spC {
    width: 100%;
    text-align: center;
  }
}
/* line 52, ../sass/top.scss */
body main section .anm_btn {
  display: inline-block;
  padding: 10px 20px 10px 60px;
  color: #005713;
  font-family: Montserrat;
  text-decoration: none;
  font-size: 16px;
  outline: none;
  font-weight: 600;
  position: relative;
  transition: .3s ease-out;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  /* line 52, ../sass/top.scss */
  body main section .anm_btn {
    color: #fff;
    transition: .3s ease-out;
    transition-delay: 0.2s;
  }
}
/* line 69, ../sass/top.scss */
body main section .anm_btn span {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  left: 0;
  position: absolute;
  transition: .3s ease-out;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  z-index: 5;
  transition: .3s ease-out;
}
/* line 84, ../sass/top.scss */
body main section .anm_btn span img {
  opacity: 0;
  transition: .3s ease-out;
}
@media screen and (max-width: 768px) {
  /* line 84, ../sass/top.scss */
  body main section .anm_btn span img {
    opacity: 1;
  }
}
/* line 91, ../sass/top.scss */
body main section .anm_btn span:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #ffe500;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
  transition: .3s ease-out;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  /* line 91, ../sass/top.scss */
  body main section .anm_btn span:after {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    transition: .3s ease-out;
  }
}
/* line 112, ../sass/top.scss */
body main section .anm_btn:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-color: #398f45;
  border-radius: 25px;
  box-shadow: 0px 0px 9px -4px black;
  position: absolute;
  transition: .3s ease-out;
  left: 0;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s ease-out;
}
@media screen and (max-width: 768px) {
  /* line 112, ../sass/top.scss */
  body main section .anm_btn:before {
    width: 100%;
    border-radius: 25px;
    transition: .3s ease-out;
  }
}
@media screen and (min-width: 768px) {
  /* line 135, ../sass/top.scss */
  body main section .anm_btn:hover {
    color: #fff;
    transition: .3s ease-out;
    transition-delay: 0.2s;
  }
  /* line 139, ../sass/top.scss */
  body main section .anm_btn:hover:before {
    width: 100%;
    border-radius: 25px;
    transition: .3s ease-out;
  }
  /* line 145, ../sass/top.scss */
  body main section .anm_btn:hover span img {
    opacity: 1;
    transition: .3s ease-out;
  }
  /* line 149, ../sass/top.scss */
  body main section .anm_btn:hover span:after {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    transition: .3s ease-out;
  }
}
/* line 171, ../sass/top.scss */
body main section h2 {
  font-family: "Noto Sans JP";
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 60px;
}
@media screen and (max-width: 1920px) {
  /* line 171, ../sass/top.scss */
  body main section h2 {
    margin-bottom: 3.125vw;
    padding: 0.52083vw;
    font-size: clamp(32px, 2.39583vw, 46px);
  }
}
@media screen and (max-width: 768px) {
  /* line 171, ../sass/top.scss */
  body main section h2 {
    font-size: clamp(34px, 4.94792vw, 38px);
    margin-bottom: 16vw;
  }
}
/* line 186, ../sass/top.scss */
body main section h2 span {
  display: block;
  color: #009635;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (max-width: 1920px) {
  /* line 186, ../sass/top.scss */
  body main section h2 span {
    font-size: clamp(16px, 1.04167vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  /* line 186, ../sass/top.scss */
  body main section h2 span {
    font-size: clamp(15px, 2.34375vw, 18px);
  }
}
/* line 202, ../sass/top.scss */
body main #main_visual {
  max-width: 1920px;
  height: 1200px;
  padding: 0;
  margin: 0 auto;
  margin: 0 auto;
  z-index: 0;
}
@media screen and (max-width: 1920px) {
  /* line 202, ../sass/top.scss */
  body main #main_visual {
    height: 62.5vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 202, ../sass/top.scss */
  body main #main_visual {
    margin-top: 13.33333vw;
    height: 177.86667vw;
  }
}
/* line 220, ../sass/top.scss */
body main #main_visual .message {
  width: 530px;
  position: absolute;
  top: 40%;
  left: 2%;
  transform: translateY(-50%);
  z-index: 999;
}
@media screen and (max-width: 1920px) {
  /* line 220, ../sass/top.scss */
  body main #main_visual .message {
    min-width: 385px;
    width: 27.60417vw;
  }
}
@media screen and (max-width: 1400px) {
  /* line 220, ../sass/top.scss */
  body main #main_visual .message {
    top: 30%;
  }
}
@media screen and (max-width: 1080px) {
  /* line 220, ../sass/top.scss */
  body main #main_visual .message {
    top: 50%;
  }
}
@media screen and (max-width: 768px) {
  /* line 220, ../sass/top.scss */
  body main #main_visual .message {
    position: static;
    transform: translate(0);
    padding: 20px;
  }
}
/* line 242, ../sass/top.scss */
body main #main_visual .message h1 {
  font-family: "Noto Sans JP";
  font-size: 64px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin-bottom: 44px;
}
@media screen and (max-width: 1920px) {
  /* line 242, ../sass/top.scss */
  body main #main_visual .message h1 {
    font-size: clamp(36px, 3.33333vw, 64px);
    margin-bottom: 2.29167vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 242, ../sass/top.scss */
  body main #main_visual .message h1 {
    font-size: clamp(34px, 2.1875vw, 42px);
    margin-bottom: 25px;
  }
}
/* line 258, ../sass/top.scss */
body main #main_visual .message p {
  font-family: "Noto Sans JP";
  font-size: 23px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 1920px) {
  /* line 258, ../sass/top.scss */
  body main #main_visual .message p {
    font-size: clamp(19px, 1.19792vw, 23px);
  }
}
/* line 269, ../sass/top.scss */
body main #main_visual .bg_art {
  width: 2174px;
  position: absolute;
  right: -254px;
  top: 0;
  height: 100%;
  z-index: -1;
  text-align: center;
}
@media screen and (max-width: 1920px) {
  /* line 269, ../sass/top.scss */
  body main #main_visual .bg_art {
    width: 113.22917vw;
    right: -13.22917vw;
  }
}
@media screen and (max-width: 1400px) {
  /* line 269, ../sass/top.scss */
  body main #main_visual .bg_art {
    height: 85.71429vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 269, ../sass/top.scss */
  body main #main_visual .bg_art {
    width: 100%;
    position: static;
    top: 0;
    right: 0;
    height: auto;
  }
}
/* line 292, ../sass/top.scss */
body main #main_visual .bg_art .pc {
  display: block;
}
@media screen and (max-width: 999px) {
  /* line 292, ../sass/top.scss */
  body main #main_visual .bg_art .pc {
    display: none;
  }
}
/* line 298, ../sass/top.scss */
body main #main_visual .bg_art .tablet {
  display: none;
}
@media screen and (max-width: 999px) {
  /* line 298, ../sass/top.scss */
  body main #main_visual .bg_art .tablet {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  /* line 298, ../sass/top.scss */
  body main #main_visual .bg_art .tablet {
    display: none;
  }
}
/* line 307, ../sass/top.scss */
body main #main_visual .bg_art .sp {
  display: none;
}
@media screen and (max-width: 768px) {
  /* line 307, ../sass/top.scss */
  body main #main_visual .bg_art .sp {
    display: block;
  }
}
/* line 318, ../sass/top.scss */
body main #main_visual .help_area {
  position: absolute;
  text-align: center;
  margin: 30px 0 60px;
  cursor: pointer;
  animation: fuwafuwa 2s infinite;
}
@media screen and (max-width: 1920px) {
  /* line 318, ../sass/top.scss */
  body main #main_visual .help_area {
    width: 3.125vw;
    height: 5.20833vw;
    margin: 1.5625vw 0 3.125vw;
  }
}
@media screen and (max-width: 999px) {
  /* line 318, ../sass/top.scss */
  body main #main_visual .help_area {
    display: none;
  }
}
/* line 332, ../sass/top.scss */
body main #main_visual .help_area:before {
  position: absolute;
  opacity: 0;
  top: -76px;
  left: 50%;
  transform: translateX(-50%);
  width: 170px;
  height: 76px;
  background-image: url(../img/img_top_pc_fukidasi.svg);
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 33px;
  transition: 0.5s;
  z-index: 9999;
}
@media screen and (max-width: 1920px) {
  /* line 332, ../sass/top.scss */
  body main #main_visual .help_area:before {
    width: 8.85417vw;
    height: 3.95833vw;
    top: -3.95833vw;
    padding-top: 1.71875vw;
    font-size: clamp(10px, 0.72917vw, 14px);
  }
}
/* line 355, ../sass/top.scss */
body main #main_visual .help_area:hover:before {
  opacity: 1;
  transition: 0.5s;
}
/* line 361, ../sass/top.scss */
body main #main_visual .help_area.active:before {
  opacity: 0;
}
/* line 364, ../sass/top.scss */
body main #main_visual .help_area.active .tooliplink {
  display: block !important;
}
/* line 367, ../sass/top.scss */
body main #main_visual .help_area.active .tooltip {
  display: block;
}
/* line 371, ../sass/top.scss */
body main #main_visual .help_area.mente {
  top: 265px;
  right: 973px;
  z-index: 110;
}
@media screen and (max-width: 1920px) {
  /* line 371, ../sass/top.scss */
  body main #main_visual .help_area.mente {
    top: 13.80208vw;
    right: 50.67708vw;
  }
}
/* line 379, ../sass/top.scss */
body main #main_visual .help_area.mente:before {
  content: "メンテナンス";
}
/* line 382, ../sass/top.scss */
body main #main_visual .help_area.mente .tooltip {
  top: -100px;
  left: 100px;
}
@media screen and (max-width: 1920px) {
  /* line 382, ../sass/top.scss */
  body main #main_visual .help_area.mente .tooltip {
    top: -5.20833vw;
    left: 5.20833vw;
  }
}
/* line 389, ../sass/top.scss */
body main #main_visual .help_area.mente .tooltip:after {
  top: 40%;
  left: -40px;
  clip-path: polygon(60% 50%, 100% 0, 100% 100%);
}
@media screen and (max-width: 1920px) {
  /* line 389, ../sass/top.scss */
  body main #main_visual .help_area.mente .tooltip:after {
    left: -2.08333vw;
  }
}
/* line 399, ../sass/top.scss */
body main #main_visual .help_area.mente .tooltip .tooltip_inner .icon:before {
  background-image: url(../img/img_top_division_01.svg);
}
/* line 406, ../sass/top.scss */
body main #main_visual .help_area.plant {
  top: 445px;
  right: 483px;
}
@media screen and (max-width: 1920px) {
  /* line 406, ../sass/top.scss */
  body main #main_visual .help_area.plant {
    top: 23.17708vw;
    right: 25.15625vw;
  }
}
/* line 413, ../sass/top.scss */
body main #main_visual .help_area.plant:before {
  content: "プラント・設備";
}
/* line 416, ../sass/top.scss */
body main #main_visual .help_area.plant .tooltip {
  left: -515px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1920px) {
  /* line 416, ../sass/top.scss */
  body main #main_visual .help_area.plant .tooltip {
    left: -26.82292vw;
  }
}
/* line 423, ../sass/top.scss */
body main #main_visual .help_area.plant .tooltip:after {
  top: 40%;
  right: -50px;
  clip-path: polygon(40% 50%, 0 0, 0 100%);
}
@media screen and (max-width: 1920px) {
  /* line 423, ../sass/top.scss */
  body main #main_visual .help_area.plant .tooltip:after {
    right: -2.60417vw;
  }
}
/* line 433, ../sass/top.scss */
body main #main_visual .help_area.plant .tooltip .tooltip_inner .icon:before {
  background-image: url(../img/img_top_division_02.svg);
}
/* line 440, ../sass/top.scss */
body main #main_visual .help_area.metal {
  top: 723px;
  right: 635px;
}
@media screen and (max-width: 1920px) {
  /* line 440, ../sass/top.scss */
  body main #main_visual .help_area.metal {
    top: 37.65625vw;
    right: 33.07292vw;
  }
}
/* line 447, ../sass/top.scss */
body main #main_visual .help_area.metal:before {
  content: "船舶部品";
}
/* line 450, ../sass/top.scss */
body main #main_visual .help_area.metal .tooltip {
  left: -225px;
  top: -335px;
}
@media screen and (max-width: 1920px) {
  /* line 450, ../sass/top.scss */
  body main #main_visual .help_area.metal .tooltip {
    left: -11.71875vw;
    top: -17.44792vw;
  }
}
/* line 457, ../sass/top.scss */
body main #main_visual .help_area.metal .tooltip:after {
  top: 100%;
  left: 50%;
  clip-path: polygon(50% 40%, 2% 0, 100% 0);
}
/* line 464, ../sass/top.scss */
body main #main_visual .help_area.metal .tooltip .tooltip_inner .icon:before {
  background-image: url(../img/img_top_division_03.svg);
}
/* line 471, ../sass/top.scss */
body main #main_visual .help_area.infra {
  top: 606px;
  right: 497px;
}
@media screen and (max-width: 1920px) {
  /* line 471, ../sass/top.scss */
  body main #main_visual .help_area.infra {
    top: 31.5625vw;
    right: 25.88542vw;
  }
}
/* line 478, ../sass/top.scss */
body main #main_visual .help_area.infra:before {
  content: "社会インフラ";
}
/* line 481, ../sass/top.scss */
body main #main_visual .help_area.infra .tooltip {
  top: 50%;
  left: -515px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1920px) {
  /* line 481, ../sass/top.scss */
  body main #main_visual .help_area.infra .tooltip {
    left: -26.82292vw;
  }
}
/* line 488, ../sass/top.scss */
body main #main_visual .help_area.infra .tooltip:after {
  top: 40%;
  right: -50px;
  clip-path: polygon(40% 50%, 0 0, 0 100%);
}
@media screen and (max-width: 1920px) {
  /* line 488, ../sass/top.scss */
  body main #main_visual .help_area.infra .tooltip:after {
    right: -2.60417vw;
  }
}
/* line 498, ../sass/top.scss */
body main #main_visual .help_area.infra .tooltip .tooltip_inner .icon:before {
  background-image: url(../img/img_top_division_04.svg);
}
/* line 505, ../sass/top.scss */
body main #main_visual .help_area.food {
  top: 158px;
  right: 547px;
}
@media screen and (max-width: 1920px) {
  /* line 505, ../sass/top.scss */
  body main #main_visual .help_area.food {
    top: 8.22917vw;
    right: 28.48958vw;
  }
}
/* line 512, ../sass/top.scss */
body main #main_visual .help_area.food:before {
  content: "調理装置・食品機械";
}
@media screen and (max-width: 1400px) {
  /* line 512, ../sass/top.scss */
  body main #main_visual .help_area.food:before {
    top: unset;
    bottom: -4.64286vw;
    padding-top: 2.35714vw;
    background-image: url(../img/img_top_pc_fukidasi_b.svg);
  }
}
/* line 521, ../sass/top.scss */
body main #main_visual .help_area.food .tooltip {
  bottom: -330px;
  right: -195px;
}
@media screen and (max-width: 1920px) {
  /* line 521, ../sass/top.scss */
  body main #main_visual .help_area.food .tooltip {
    bottom: -17.1875vw;
    right: -10.15625vw;
  }
}
/* line 528, ../sass/top.scss */
body main #main_visual .help_area.food .tooltip:after {
  bottom: 100%;
  left: 50%;
  clip-path: polygon(50% 60%, 0 100%, 100% 100%);
}
/* line 535, ../sass/top.scss */
body main #main_visual .help_area.food .tooltip .tooltip_inner .icon:before {
  background-image: url(../img/img_top_division_05.svg);
}
/* line 542, ../sass/top.scss */
body main #main_visual .help_area.water {
  top: 248px;
  right: 280px;
}
@media screen and (max-width: 1920px) {
  /* line 542, ../sass/top.scss */
  body main #main_visual .help_area.water {
    top: 12.91667vw;
    right: 14.58333vw;
  }
}
/* line 549, ../sass/top.scss */
body main #main_visual .help_area.water:before {
  content: "水処理機器";
}
/* line 552, ../sass/top.scss */
body main #main_visual .help_area.water .tooltip {
  left: -515px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1920px) {
  /* line 552, ../sass/top.scss */
  body main #main_visual .help_area.water .tooltip {
    left: -26.82292vw;
  }
}
/* line 559, ../sass/top.scss */
body main #main_visual .help_area.water .tooltip:after {
  top: 40%;
  right: -50px;
  clip-path: polygon(40% 50%, 0 0, 0 100%);
}
@media screen and (max-width: 1920px) {
  /* line 559, ../sass/top.scss */
  body main #main_visual .help_area.water .tooltip:after {
    right: -2.60417vw;
  }
}
/* line 569, ../sass/top.scss */
body main #main_visual .help_area.water .tooltip .tooltip_inner .icon:before {
  background-image: url(../img/img_top_division_06.svg);
}
/* line 576, ../sass/top.scss */
body main #main_visual .help_area.forest {
  top: 729px;
  right: 241px;
}
@media screen and (max-width: 1920px) {
  /* line 576, ../sass/top.scss */
  body main #main_visual .help_area.forest {
    top: 37.96875vw;
    right: 12.55208vw;
  }
}
/* line 583, ../sass/top.scss */
body main #main_visual .help_area.forest:before {
  content: "木質ペレット";
}
/* line 586, ../sass/top.scss */
body main #main_visual .help_area.forest .tooltip {
  top: -335px;
  left: -225px;
}
@media screen and (max-width: 1920px) {
  /* line 586, ../sass/top.scss */
  body main #main_visual .help_area.forest .tooltip {
    top: -17.44792vw;
    left: -11.71875vw;
  }
}
/* line 593, ../sass/top.scss */
body main #main_visual .help_area.forest .tooltip:after {
  top: 100%;
  left: 50%;
  clip-path: polygon(50% 40%, 2% 0, 100% 0);
}
/* line 600, ../sass/top.scss */
body main #main_visual .help_area.forest .tooltip .tooltip_inner .icon:before {
  background-image: url(../img/img_top_division_07.svg);
}
/* line 607, ../sass/top.scss */
body main #main_visual .help_area a {
  display: inline-block;
  transition: 0.3s ease-in-out;
}
/* line 611, ../sass/top.scss */
body main #main_visual .help_area .tooltip {
  position: absolute;
  border-radius: 20px;
  width: 480px;
  padding: 20px 40px 40px 40px;
  background: #009635;
  filter: drop-shadow(0px 3px 6px #989898);
  display: none;
  animation-name: fade-in;
  animation-duration: 0.5s;
  z-index: 10;
}
@media screen and (max-width: 1920px) {
  /* line 611, ../sass/top.scss */
  body main #main_visual .help_area .tooltip {
    width: 25vw;
    padding: 1.04167vw 1.5625vw 1.5625vw 1.5625vw;
  }
}
/* line 626, ../sass/top.scss */
body main #main_visual .help_area .tooltip:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #009635;
  margin-left: -10px;
}
@media screen and (max-width: 1920px) {
  /* line 626, ../sass/top.scss */
  body main #main_visual .help_area .tooltip:after {
    width: 2.60417vw;
    height: 2.60417vw;
    margin-left: -0.52083vw;
  }
}
/* line 639, ../sass/top.scss */
body main #main_visual .help_area .tooltip .close_btn {
  display: flex;
  width: 64px;
  height: 64px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  border-radius: 70px;
  background: #D3D3D3;
  position: absolute;
  right: -30px;
  top: -30px;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 652, ../sass/top.scss */
body main #main_visual .help_area .tooltip .close_btn:hover {
  background: #FFE500;
}
/* line 654, ../sass/top.scss */
body main #main_visual .help_area .tooltip .close_btn:hover img {
  filter: invert(100%);
}
@media screen and (max-width: 1920px) {
  /* line 639, ../sass/top.scss */
  body main #main_visual .help_area .tooltip .close_btn {
    width: 3.33333vw;
    height: 3.33333vw;
    border-radius: 3.64583vw;
    padding: 1.04167vw;
    right: -1.5625vw;
    top: -1.5625vw;
  }
}
/* line 667, ../sass/top.scss */
body main #main_visual .help_area .tooltip .tooltip_inner {
  color: #fff;
  text-align: left;
}
/* line 670, ../sass/top.scss */
body main #main_visual .help_area .tooltip .tooltip_inner .icon {
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  margin-bottom: 20px;
}
@media screen and (max-width: 1920px) {
  /* line 670, ../sass/top.scss */
  body main #main_visual .help_area .tooltip .tooltip_inner .icon {
    font-size: clamp(16px, 1.25vw, 24px);
    gap: 1.04167vw;
    margin-bottom: 1.04167vw;
  }
}
/* line 685, ../sass/top.scss */
body main #main_visual .help_area .tooltip .tooltip_inner .icon:before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 135px;
  height: 104px;
}
@media screen and (max-width: 1920px) {
  /* line 685, ../sass/top.scss */
  body main #main_visual .help_area .tooltip .tooltip_inner .icon:before {
    width: 6.25vw;
    height: 4.27083vw;
  }
}
/* line 698, ../sass/top.scss */
body main #main_visual .help_area .tooltip .tooltip_inner img {
  width: 30%;
  padding-right: 7%;
}
/* line 702, ../sass/top.scss */
body main #main_visual .help_area .tooltip .tooltip_inner p {
  text-align: left;
  margin: 0;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media screen and (max-width: 1920px) {
  /* line 702, ../sass/top.scss */
  body main #main_visual .help_area .tooltip .tooltip_inner p {
    font-size: clamp(12px, 0.83333vw, 16px);
    margin-bottom: 1.04167vw;
  }
}
/* line 713, ../sass/top.scss */
body main #main_visual .help_area .tooltip .tooltip_inner .box_btn {
  display: inline-block;
  padding: 10px 20px 10px 60px;
  font-family: Montserrat;
  color: #fff;
  text-decoration: none;
  outline: none;
  font-weight: 600;
  position: relative;
  transition: .3s ease-out;
}
@media screen and (max-width: 1920px) {
  /* line 713, ../sass/top.scss */
  body main #main_visual .help_area .tooltip .tooltip_inner .box_btn {
    font-size: clamp(12px, 0.83333vw, 16px);
    padding: 0.52083vw 1.04167vw 0.52083vw 3.125vw;
  }
}
/* line 727, ../sass/top.scss */
body main #main_visual .help_area .tooltip .tooltip_inner .box_btn span {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  left: 0;
  position: absolute;
  transition: .3s ease-out;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  transition: .3s ease-out;
}
@media screen and (max-width: 1920px) {
  /* line 727, ../sass/top.scss */
  body main #main_visual .help_area .tooltip .tooltip_inner .box_btn span {
    width: 2.60417vw;
    height: 2.60417vw;
  }
}
/* line 745, ../sass/top.scss */
body main #main_visual .help_area .tooltip .tooltip_inner .box_btn span img {
  opacity: 0;
  transition: .3s ease-out;
}
/* line 749, ../sass/top.scss */
body main #main_visual .help_area .tooltip .tooltip_inner .box_btn span:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #ffe500;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
  transition: .3s ease-out;
  z-index: -1;
}
@media screen and (max-width: 1920px) {
  /* line 749, ../sass/top.scss */
  body main #main_visual .help_area .tooltip .tooltip_inner .box_btn span:after {
    width: 0.52083vw;
    height: 0.52083vw;
  }
}
/* line 768, ../sass/top.scss */
body main #main_visual .help_area .tooltip .tooltip_inner .box_btn:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-color: white;
  border-radius: 25px;
  box-shadow: 0px 0px 9px -4px black;
  position: absolute;
  transition: .3s ease-out;
  left: 0;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s ease-out;
}
@media screen and (max-width: 1920px) {
  /* line 768, ../sass/top.scss */
  body main #main_visual .help_area .tooltip .tooltip_inner .box_btn:before {
    width: 2.60417vw;
    height: 2.60417vw;
  }
}
/* line 788, ../sass/top.scss */
body main #main_visual .help_area .tooltip .tooltip_inner .box_btn:hover {
  color: #005713;
  transition: .3s ease-out;
  transition-delay: 0.2s;
}
/* line 792, ../sass/top.scss */
body main #main_visual .help_area .tooltip .tooltip_inner .box_btn:hover:before {
  width: 100%;
  border-radius: 25px;
  transition: .3s ease-out;
}
/* line 798, ../sass/top.scss */
body main #main_visual .help_area .tooltip .tooltip_inner .box_btn:hover span img {
  opacity: 1;
  transition: .3s ease-out;
}
/* line 802, ../sass/top.scss */
body main #main_visual .help_area .tooltip .tooltip_inner .box_btn:hover span:after {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  transition: .3s ease-out;
}
@media screen and (max-width: 1920px) {
  /* line 802, ../sass/top.scss */
  body main #main_visual .help_area .tooltip .tooltip_inner .box_btn:hover span:after {
    width: 2.60417vw;
    height: 2.60417vw;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fuwafuwa {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
  }
}
/* line 842, ../sass/top.scss */
#sec01 {
  padding: 150px 0;
  position: relative;
}
@media screen and (max-width: 1920px) {
  /* line 842, ../sass/top.scss */
  #sec01 {
    padding: 7.8125vw 3.90625vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 842, ../sass/top.scss */
  #sec01 {
    padding: 13.33333vw 5.33333vw;
  }
}
/* line 862, ../sass/top.scss */
#sec01:before {
  content: "";
  display: block;
  width: 100%;
  height: 300px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  position: absolute;
  top: -300px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  /* line 862, ../sass/top.scss */
  #sec01:before {
    height: 15.625vw;
    top: -15.625vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 862, ../sass/top.scss */
  #sec01:before {
    height: 40vw;
    top: -40vw;
  }
}

/* line 883, ../sass/top.scss */
#sec02 {
  padding: 150px 0;
}
@media screen and (max-width: 1920px) {
  /* line 883, ../sass/top.scss */
  #sec02 {
    padding: 7.8125vw 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 883, ../sass/top.scss */
  #sec02 {
    padding: 13.33333vw 0;
  }
}

/* line 892, ../sass/top.scss */
#sec03 {
  padding: 150px 0;
}
@media screen and (max-width: 1920px) {
  /* line 892, ../sass/top.scss */
  #sec03 {
    padding: 7.8125vw 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 892, ../sass/top.scss */
  #sec03 {
    padding: 13.33333vw 0 13.33333vw;
  }
}
/* line 900, ../sass/top.scss */
#sec03 .inner {
  position: relative;
  z-index: 2;
}
/* line 903, ../sass/top.scss */
#sec03 .inner:before {
  content: "";
  width: 1765px;
  height: 1378px;
  background-image: url(../img/bg_top_news.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 1765px;
  position: absolute;
  left: -950px;
  top: -300px;
  z-index: -1;
}
@media screen and (max-width: 1920px) {
  /* line 903, ../sass/top.scss */
  #sec03 .inner:before {
    width: 91.92708vw;
    background-size: 91.92708vw;
    height: 71.77083vw;
    left: -49.47917vw;
    top: -15.625vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 903, ../sass/top.scss */
  #sec03 .inner:before {
    width: 125.33333vw;
    background-size: 125.33333vw;
    height: 115.46667vw;
    left: -38.66667vw;
    top: -28.26667vw;
  }
}
/* line 930, ../sass/top.scss */
#sec03 .inner .anm_btn {
  margin-top: 60px;
}
@media screen and (max-width: 1920px) {
  /* line 930, ../sass/top.scss */
  #sec03 .inner .anm_btn {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 930, ../sass/top.scss */
  #sec03 .inner .anm_btn {
    margin-top: 8vw;
  }
}

/* line 941, ../sass/top.scss */
#sec04 {
  padding: 150px 0 200px;
}
@media screen and (max-width: 1920px) {
  /* line 941, ../sass/top.scss */
  #sec04 {
    padding: 7.8125vw 0 10.41667vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 941, ../sass/top.scss */
  #sec04 {
    padding: 13.33333vw 0 0;
  }
}

/* line 953, ../sass/top.scss */
.sec_box {
  margin-bottom: 150px;
}
@media screen and (max-width: 1920px) {
  /* line 953, ../sass/top.scss */
  .sec_box {
    margin-bottom: 7.8125vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 953, ../sass/top.scss */
  .sec_box {
    margin-bottom: 20vw;
  }
}
/* line 961, ../sass/top.scss */
.sec_box:last-of-type {
  margin-bottom: 0;
}
/* line 967, ../sass/top.scss */
.sec_box .inner .flex .flex_box h3 {
  font-family: "Noto Sans JP";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (max-width: 1920px) {
  /* line 967, ../sass/top.scss */
  .sec_box .inner .flex .flex_box h3 {
    font-size: clamp(24px, 1.66667vw, 32px);
  }
}
/* line 976, ../sass/top.scss */
.sec_box .inner .flex .flex_box.image {
  width: 57%;
}
@media screen and (max-width: 768px) {
  /* line 976, ../sass/top.scss */
  .sec_box .inner .flex .flex_box.image {
    width: 100%;
    order: 1;
  }
}
/* line 983, ../sass/top.scss */
.sec_box .inner .flex .flex_box.cont {
  width: 41%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 60px;
}
@media screen and (max-width: 1920px) {
  /* line 983, ../sass/top.scss */
  .sec_box .inner .flex .flex_box.cont {
    gap: 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 983, ../sass/top.scss */
  .sec_box .inner .flex .flex_box.cont {
    width: 100%;
    order: 2;
    gap: 8vw;
  }
}
/* line 1002, ../sass/top.scss */
.sec_box.bgright .inner {
  position: relative;
  z-index: 2;
}
/* line 1005, ../sass/top.scss */
.sec_box.bgright .inner:before {
  content: "";
  width: 720px;
  height: 612px;
  background-image: url(../img/img_top_aboutus_bg.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 720px;
  position: absolute;
  right: -725px;
  top: -60px;
  z-index: -1;
}
@media screen and (max-width: 1920px) {
  /* line 1005, ../sass/top.scss */
  .sec_box.bgright .inner:before {
    width: 37.5vw;
    height: 31.875vw;
    background-size: 37.5vw;
    right: -37.76042vw;
    top: -3.125vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1005, ../sass/top.scss */
  .sec_box.bgright .inner:before {
    width: 64vw;
    height: 54.4vw;
    background-size: 64vw;
    right: -32vw;
    top: -37.33333vw;
  }
}
/* line 1035, ../sass/top.scss */
.sec_box.bgleft .inner {
  position: relative;
  z-index: 2;
}
/* line 1038, ../sass/top.scss */
.sec_box.bgleft .inner:before {
  content: "";
  width: 720px;
  height: 612px;
  background-image: url(../img/img_top_aboutus_bg.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 720px;
  position: absolute;
  left: -588px;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 1920px) {
  /* line 1038, ../sass/top.scss */
  .sec_box.bgleft .inner:before {
    width: 37.5vw;
    height: 31.875vw;
    background-size: 37.5vw;
    left: -37.76042vw;
    top: -3.125vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1038, ../sass/top.scss */
  .sec_box.bgleft .inner:before {
    width: 64vw;
    height: 54.4vw;
    background-size: 64vw;
    left: -32vw;
    top: -4vw;
  }
}

/* line 1068, ../sass/top.scss */
.bnr {
  padding: 150px 0;
  position: relative;
  margin-bottom: 150px;
}
@media screen and (max-width: 1920px) {
  /* line 1068, ../sass/top.scss */
  .bnr {
    padding: 7.8125vw 0;
    margin-bottom: 7.8125vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1068, ../sass/top.scss */
  .bnr {
    padding: 16vw 0 26.66667vw;
  }
}
/* line 1079, ../sass/top.scss */
.bnr:after {
  content: "";
  background-image: url(../img/img_hisigatapart.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 238px;
  position: absolute;
  left: -200px;
  bottom: -50px;
  width: 238px;
  height: 147px;
}
@media screen and (max-width: 1920px) {
  /* line 1079, ../sass/top.scss */
  .bnr:after {
    width: 11.97917vw;
    height: 7.65625vw;
    left: -10.41667vw;
    bottom: -2.60417vw;
    background-size: 12.39583vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1079, ../sass/top.scss */
  .bnr:after {
    width: 30.66667vw;
    height: 18.93333vw;
    background-size: contain;
    bottom: 0;
    left: 5.33333vw;
  }
}
/* line 1105, ../sass/top.scss */
.bnr a {
  display: block;
  margin-bottom: 20px;
}
/* line 1108, ../sass/top.scss */
.bnr a img {
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 1112, ../sass/top.scss */
.bnr a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
/* line 1117, ../sass/top.scss */
.bnr p {
  font-family: "Noto Sans JP";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  /* 41.6px */
}
@media screen and (max-width: 1920px) {
  /* line 1117, ../sass/top.scss */
  .bnr p {
    font-size: clamp(22px, 1.35417vw, 26px);
  }
}
@media screen and (max-width: 768px) {
  /* line 1117, ../sass/top.scss */
  .bnr p {
    font-size: clamp(16px, 2.34375vw, 18px);
  }
}

/* line 1131, ../sass/top.scss */
.outer {
  width: 1420px;
  margin: 0 auto;
  border-radius: 100px;
  background: #F8F8F8;
  padding: 150px 0 180px;
  position: relative;
}
@media screen and (max-width: 1920px) {
  /* line 1131, ../sass/top.scss */
  .outer {
    width: 73.95833vw;
    border-radius: 5.20833vw;
    padding: 7.8125vw 0 9.375vw;
  }
}
@media screen and (max-width: 1200px) {
  /* line 1131, ../sass/top.scss */
  .outer {
    width: 95%;
  }
}
@media screen and (max-width: 768px) {
  /* line 1131, ../sass/top.scss */
  .outer {
    width: 100%;
    padding: 26.66667vw 0 26.66667vw;
  }
}
/* line 1150, ../sass/top.scss */
.outer:before {
  content: "";
  background-image: url(../img/img_hisigatapart.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 238px;
  position: absolute;
  left: -150px;
  top: 60px;
  width: 238px;
  height: 147px;
}
@media screen and (max-width: 1920px) {
  /* line 1150, ../sass/top.scss */
  .outer:before {
    width: 11.97917vw;
    height: 7.65625vw;
    left: -7.8125vw;
    top: 3.125vw;
    background-size: 12.39583vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1150, ../sass/top.scss */
  .outer:before {
    width: 30.66667vw;
    height: 18.93333vw;
    background-size: contain;
    left: 5.33333vw;
    top: -5.33333vw;
  }
}
/* line 1176, ../sass/top.scss */
.outer:after {
  content: "";
  background-image: url(../img/img_hisigatapart.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 238px;
  position: absolute;
  right: -150px;
  bottom: -45px;
  width: 238px;
  height: 147px;
}
@media screen and (max-width: 1920px) {
  /* line 1176, ../sass/top.scss */
  .outer:after {
    width: 11.97917vw;
    height: 7.65625vw;
    right: -7.8125vw;
    bottom: -2.34375vw;
    background-size: 12.39583vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1176, ../sass/top.scss */
  .outer:after {
    width: 30.66667vw;
    height: 18.93333vw;
    background-size: contain;
    right: 5.33333vw;
    bottom: -5.33333vw;
  }
}
/* line 1203, ../sass/top.scss */
.outer .inner .product {
  display: flex;
  width: 374px;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  position: relative;
  text-decoration: none;
  margin-bottom: 60px;
}
@media screen and (max-width: 1920px) {
  /* line 1203, ../sass/top.scss */
  .outer .inner .product {
    width: 31%;
    gap: 0.78125vw;
    margin-bottom: 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1203, ../sass/top.scss */
  .outer .inner .product {
    width: 48%;
    margin-bottom: 8vw;
    gap: 1.86667vw;
  }
}
@media screen and (min-width: 768px) {
  /* line 1226, ../sass/top.scss */
  .outer .inner .product:hover .thmb img {
    transform: scale(1.1);
    transition: 0.5s;
  }
  /* line 1232, ../sass/top.scss */
  .outer .inner .product:hover .info .info_btn {
    color: #fff;
    transition: .3s ease-out;
    transition-delay: 0.2s;
  }
  /* line 1236, ../sass/top.scss */
  .outer .inner .product:hover .info .info_btn:before {
    width: 100%;
    border-radius: 25px;
    transition: .3s ease-out;
  }
  /* line 1242, ../sass/top.scss */
  .outer .inner .product:hover .info .info_btn span img {
    opacity: 1;
    transition: .3s ease-out;
  }
  /* line 1246, ../sass/top.scss */
  .outer .inner .product:hover .info .info_btn span:after {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    transition: .3s ease-out;
  }
}
@media screen and (min-width: 768px) and (max-width: 1920px) {
  /* line 1246, ../sass/top.scss */
  .outer .inner .product:hover .info .info_btn span:after {
    width: 2.60417vw;
    height: 2.60417vw;
    border-radius: 2.60417vw;
  }
}

/* line 1262, ../sass/top.scss */
.outer .inner .product .thmb {
  display: block;
  overflow: hidden;
  transition: 0.5s;
}
/* line 1268, ../sass/top.scss */
.outer .inner .product .info .name {
  display: block;
  font-family: "Noto Sans JP";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 10px;
}
@media screen and (max-width: 1920px) {
  /* line 1268, ../sass/top.scss */
  .outer .inner .product .info .name {
    font-size: clamp(17px, 1.35417vw, 26px);
    margin-bottom: 0.52083vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1268, ../sass/top.scss */
  .outer .inner .product .info .name {
    font-size: clamp(16px, 2.86458vw, 22px);
    margin-bottom: 2.66667vw;
  }
}
/* line 1284, ../sass/top.scss */
.outer .inner .product .info .info_btn {
  display: inline-block;
  font-family: Montserrat;
  padding: 10px 20px 10px 60px;
  color: #005713;
  text-decoration: none;
  font-size: 16px;
  outline: none;
  font-weight: 600;
  position: relative;
  transition: .3s ease-out;
  z-index: 10;
}
@media screen and (max-width: 1920px) {
  /* line 1284, ../sass/top.scss */
  .outer .inner .product .info .info_btn {
    padding: 0.52083vw 1.04167vw 0.52083vw 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1284, ../sass/top.scss */
  .outer .inner .product .info .info_btn {
    color: #fff;
    padding: 2.66667vw 5.33333vw 2.66667vw 8vw;
  }
}
/* line 1303, ../sass/top.scss */
.outer .inner .product .info .info_btn span {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  left: 0;
  position: absolute;
  transition: .3s ease-out;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  transition: .3s ease-out;
}
@media screen and (max-width: 1920px) {
  /* line 1303, ../sass/top.scss */
  .outer .inner .product .info .info_btn span {
    width: 2.60417vw;
    height: 2.60417vw;
    z-index: 10;
  }
}
@media screen and (max-width: 768px) {
  /* line 1303, ../sass/top.scss */
  .outer .inner .product .info .info_btn span {
    width: 6.66667vw;
    height: 6.66667vw;
  }
}
/* line 1326, ../sass/top.scss */
.outer .inner .product .info .info_btn span img {
  opacity: 0;
  transition: .3s ease-out;
}
@media screen and (max-width: 768px) {
  /* line 1326, ../sass/top.scss */
  .outer .inner .product .info .info_btn span img {
    opacity: 1;
  }
}
/* line 1333, ../sass/top.scss */
.outer .inner .product .info .info_btn span:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #ffe500;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
  transition: .3s ease-out;
  z-index: -1;
}
@media screen and (max-width: 1920px) {
  /* line 1333, ../sass/top.scss */
  .outer .inner .product .info .info_btn span:after {
    width: 0.52083vw;
    height: 0.52083vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1333, ../sass/top.scss */
  .outer .inner .product .info .info_btn span:after {
    width: 6.66667vw;
    height: 6.66667vw;
    border-radius: 6.66667vw;
  }
}
/* line 1357, ../sass/top.scss */
.outer .inner .product .info .info_btn:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-color: #398f45;
  border-radius: 25px;
  box-shadow: 0px 0px 9px -4px black;
  position: absolute;
  transition: .3s ease-out;
  left: 0;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s ease-out;
}
@media screen and (max-width: 1920px) {
  /* line 1357, ../sass/top.scss */
  .outer .inner .product .info .info_btn:before {
    width: 2.60417vw;
    height: 2.60417vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1357, ../sass/top.scss */
  .outer .inner .product .info .info_btn:before {
    width: 100%;
    height: 6.66667vw;
    border-radius: 25px;
    transition: .3s ease-out;
  }
}
/* line 1384, ../sass/top.scss */
.outer .inner .product .info .icon {
  position: absolute;
  right: 5px;
  bottom: 0;
}
@media screen and (max-width: 1920px) {
  /* line 1384, ../sass/top.scss */
  .outer .inner .product .info .icon {
    width: 4.01042vw;
    height: 3.64583vw;
    right: 5px;
  }
}
@media screen and (max-width: 768px) {
  /* line 1384, ../sass/top.scss */
  .outer .inner .product .info .icon {
    display: none;
  }
}
/* line 1399, ../sass/top.scss */
.outer .inner .div_flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-top: 60px;
  margin-left: -30%;
  margin-right: -30%;
  gap: 40px;
}
@media screen and (max-width: 1920px) {
  /* line 1399, ../sass/top.scss */
  .outer .inner .div_flex {
    margin-top: 3.125vw;
    gap: 2.08333vw;
  }
}
@media screen and (max-width: 1200px) {
  /* line 1399, ../sass/top.scss */
  .outer .inner .div_flex {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 1399, ../sass/top.scss */
  .outer .inner .div_flex {
    margin-top: 8vw;
  }
}
/* line 1420, ../sass/top.scss */
.outer .inner .div_flex .division {
  display: flex;
  background-color: #fff;
  width: 400px;
  padding: 30px 15px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
  border-radius: 20px;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1920px) {
  /* line 1420, ../sass/top.scss */
  .outer .inner .div_flex .division {
    width: 20.83333vw;
    gap: 1.04167vw;
    border-radius: 1.04167vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1420, ../sass/top.scss */
  .outer .inner .div_flex .division {
    width: 48%;
    border-radius: 5.33333vw;
  }
}
@media screen and (max-width: 600px) {
  /* line 1420, ../sass/top.scss */
  .outer .inner .div_flex .division {
    width: 100%;
    margin-bottom: 5.33333vw;
  }
}
/* line 1446, ../sass/top.scss */
.outer .inner .div_flex .division:hover .icon img {
  opacity: 1;
}
/* line 1449, ../sass/top.scss */
.outer .inner .div_flex .division:hover .icon:before {
  background-color: #FFE500;
}
/* line 1454, ../sass/top.scss */
.outer .inner .div_flex .division .icon {
  display: block;
  position: relative;
  z-index: 3;
  margin: 60px 0;
}
@media screen and (max-width: 600px) {
  /* line 1454, ../sass/top.scss */
  .outer .inner .div_flex .division .icon {
    margin-bottom: 8vw;
  }
}
/* line 1462, ../sass/top.scss */
.outer .inner .div_flex .division .icon:before {
  content: "";
  width: 260px;
  height: 260px;
  background-color: #f2f2f2;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  z-index: -1;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 1920px) {
  /* line 1462, ../sass/top.scss */
  .outer .inner .div_flex .division .icon:before {
    width: 13.54167vw;
    height: 13.54167vw;
  }
}
@media screen and (max-width: 520px) {
  /* line 1462, ../sass/top.scss */
  .outer .inner .div_flex .division .icon:before {
    width: 64vw;
    height: 64vw;
  }
}
/* line 1486, ../sass/top.scss */
.outer .inner .div_flex .division .div_info {
  display: block;
}
/* line 1488, ../sass/top.scss */
.outer .inner .div_flex .division .div_info .name {
  display: block;
  font-family: "Noto Sans JP";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 1920px) {
  /* line 1488, ../sass/top.scss */
  .outer .inner .div_flex .division .div_info .name {
    font-size: clamp(20px, 1.35417vw, 26px);
    margin-bottom: 1.04167vw;
  }
}
/* line 1500, ../sass/top.scss */
.outer .inner .div_flex .division .div_info .lead {
  display: block;
  text-overflow: ellipsis;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
@media screen and (max-width: 1920px) {
  /* line 1500, ../sass/top.scss */
  .outer .inner .div_flex .division .div_info .lead {
    font-size: clamp(12px, 0.83333vw, 16px);
  }
}

/*スクロールダウン*/
/* line 1521, ../sass/top.scss */
.scrolldown2 {
  position: absolute;
  top: 65%;
  left: 3%;
}
@media screen and (max-width: 1920px) {
  /* line 1521, ../sass/top.scss */
  .scrolldown2 {
    top: 65%;
    left: 5%;
  }
}
@media screen and (max-width: 1080px) {
  /* line 1521, ../sass/top.scss */
  .scrolldown2 {
    top: unset;
    bottom: 4.62963vw;
  }
}
@media screen and (max-width: 999px) {
  /* line 1521, ../sass/top.scss */
  .scrolldown2 {
    top: unset;
    bottom: 2.5025vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1521, ../sass/top.scss */
  .scrolldown2 {
    bottom: 18.66667vw;
    left: 13.33333vw;
  }
}
/* line 1541, ../sass/top.scss */
.scrolldown2 span {
  position: absolute;
  display: block;
  width: 7em;
  top: -80px;
  left: -25px;
  color: #009635;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
}
/* line 1551, ../sass/top.scss */
.scrolldown2:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #009635;
  animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
}
/* line 1564, ../sass/top.scss */
.scrolldown2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 50px;
  background: #009635;
}

@keyframes circlemove {
  0% {
    bottom: 45px;
  }
  100% {
    bottom: -5px;
  }
}
@keyframes cirlemovehide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
/* line 1588, ../sass/top.scss */
.picup {
  width: 1420px;
  margin: 0 auto;
  background-color: #F8E855;
  border-radius: 100px;
  padding: 100px 0 140px;
}
@media screen and (max-width: 1920px) {
  /* line 1588, ../sass/top.scss */
  .picup {
    padding: 5.20833vw 0 7.29167vw;
    border-radius: 5.20833vw;
  }
}
@media screen and (max-width: 1420px) {
  /* line 1588, ../sass/top.scss */
  .picup {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  /* line 1588, ../sass/top.scss */
  .picup {
    width: 100%;
    border-radius: 0;
    padding: 26.66667vw 0 18.66667vw;
  }
}
/* line 1607, ../sass/top.scss */
.picup .inner .mds {
  text-align: center;
}
/* line 1609, ../sass/top.scss */
.picup .inner .mds h2 {
  display: inline-block;
  position: relative;
}
/* line 1612, ../sass/top.scss */
.picup .inner .mds h2::before {
  content: "";
  display: inline-block;
  background-image: url(../img/img_top_pickup_01.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 170px;
  height: 151px;
  position: absolute;
  left: -230px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1920px) {
  /* line 1612, ../sass/top.scss */
  .picup .inner .mds h2::before {
    width: 8.85417vw;
    height: 7.86458vw;
    left: -11.97917vw;
    background-size: contain;
  }
}
@media screen and (max-width: 768px) {
  /* line 1612, ../sass/top.scss */
  .picup .inner .mds h2::before {
    width: 16.53333vw;
    height: 14.13333vw;
    left: -10.4vw;
    top: -2.66667vw;
    background-size: contain;
  }
}
/* line 1638, ../sass/top.scss */
.picup .inner .mds h2::after {
  content: "";
  display: inline-block;
  background-image: url(../img/img_top_pickup_02.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 168px;
  height: 145px;
  position: absolute;
  right: -230px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1920px) {
  /* line 1638, ../sass/top.scss */
  .picup .inner .mds h2::after {
    width: 8.75vw;
    height: 7.55208vw;
    right: -11.97917vw;
    background-size: contain;
  }
}
@media screen and (max-width: 768px) {
  /* line 1638, ../sass/top.scss */
  .picup .inner .mds h2::after {
    width: 16.53333vw;
    height: 14.13333vw;
    right: -10.4vw;
    top: -2.66667vw;
    background-size: contain;
  }
}
/* line 1667, ../sass/top.scss */
.picup .inner .flex .pic_item {
  margin-bottom: 40px;
  width: 31%;
  display: block;
}
@media screen and (max-width: 1920px) {
  /* line 1667, ../sass/top.scss */
  .picup .inner .flex .pic_item {
    margin-bottom: 2.08333vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1667, ../sass/top.scss */
  .picup .inner .flex .pic_item {
    width: 100%;
    margin-bottom: 5.33333vw;
  }
}
/* line 1678, ../sass/top.scss */
.picup .inner .flex .pic_item.no_thmb {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  /* line 1678, ../sass/top.scss */
  .picup .inner .flex .pic_item.no_thmb {
    margin-bottom: 5.33333vw;
  }
}
/* line 1683, ../sass/top.scss */
.picup .inner .flex .pic_item.no_thmb .pic_link {
  padding: 20px 60px 20px 20px;
  margin: 0;
}
@media screen and (max-width: 1920px) {
  /* line 1683, ../sass/top.scss */
  .picup .inner .flex .pic_item.no_thmb .pic_link {
    padding: 1.04167vw 3.125vw 1.04167vw 2.08333vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1683, ../sass/top.scss */
  .picup .inner .flex .pic_item.no_thmb .pic_link {
    padding: 5.33333vw 8vw 5.33333vw 5.33333vw;
  }
}
/* line 1692, ../sass/top.scss */
.picup .inner .flex .pic_item.no_thmb .pic_link span {
  top: 50%;
}
/* line 1695, ../sass/top.scss */
.picup .inner .flex .pic_item.no_thmb .pic_link:before {
  top: 50%;
}
/* line 1702, ../sass/top.scss */
.picup .inner .flex .pic_item:hover .thmb img {
  transform: scale(1.1);
  transition: 0.5s;
}
/* line 1707, ../sass/top.scss */
.picup .inner .flex .pic_item:hover .pic_link {
  color: #000;
  transition: .3s ease-out;
  transition-delay: 0.2s;
}
/* line 1712, ../sass/top.scss */
.picup .inner .flex .pic_item:hover .pic_link span img {
  opacity: 1;
  transition: .3s ease-out;
}
/* line 1716, ../sass/top.scss */
.picup .inner .flex .pic_item:hover .pic_link span:after {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  transition: .3s ease-out;
}
@media screen and (max-width: 1920px) {
  /* line 1716, ../sass/top.scss */
  .picup .inner .flex .pic_item:hover .pic_link span:after {
    width: 2.60417vw;
    height: 2.60417vw;
    border-radius: 1.30208vw;
  }
}
/* line 1730, ../sass/top.scss */
.picup .inner .flex .pic_item .thmb {
  width: 90%;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
/* line 1737, ../sass/top.scss */
.picup .inner .flex .pic_item .thmb img {
  transform: scale(1);
  transition: 0.5s;
}
/* line 1742, ../sass/top.scss */
.picup .inner .flex .pic_item .pic_link {
  width: 100%;
  margin-top: -30px;
  font-size: 24px;
  background-color: #F8F8F8;
  display: inline-block;
  padding: 60px 60px 30px 20px;
  border-radius: 20px;
  color: #000;
  text-decoration: none;
  outline: none;
  font-weight: 600;
  position: relative;
  transition: .3s ease-out;
}
@media screen and (max-width: 1920px) {
  /* line 1742, ../sass/top.scss */
  .picup .inner .flex .pic_item .pic_link {
    margin-top: -1.5625vw;
    padding: 3.125vw 3.125vw 1.5625vw 1.04167vw;
    border-radius: 1.04167vw;
    font-size: clamp(16px, 1.25vw, 24px);
  }
}
@media screen and (max-width: 768px) {
  /* line 1742, ../sass/top.scss */
  .picup .inner .flex .pic_item .pic_link {
    margin-top: -5.33333vw;
    border-radius: 2.66667vw;
    padding: 8vw 8vw 5.33333vw 4vw;
    font-size: clamp(16px, 2.86458vw, 22px);
  }
}
/* line 1768, ../sass/top.scss */
.picup .inner .flex .pic_item .pic_link span {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  position: absolute;
  transition: .3s ease-out;
  top: 60%;
  right: 20px;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  transition: .3s ease-out;
}
@media screen and (max-width: 1920px) {
  /* line 1768, ../sass/top.scss */
  .picup .inner .flex .pic_item .pic_link span {
    width: 2.1875vw;
    height: 2.1875vw;
    right: 1.04167vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1768, ../sass/top.scss */
  .picup .inner .flex .pic_item .pic_link span {
    width: 8.53333vw;
    height: 8.53333vw;
    right: 5.33333vw;
  }
}
/* line 1792, ../sass/top.scss */
.picup .inner .flex .pic_item .pic_link span img {
  opacity: 0;
  transition: .3s ease-out;
}
/* line 1796, ../sass/top.scss */
.picup .inner .flex .pic_item .pic_link span:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #ffe500;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transition: .3s ease-out;
  z-index: -1;
}
@media screen and (max-width: 1920px) {
  /* line 1796, ../sass/top.scss */
  .picup .inner .flex .pic_item .pic_link span:after {
    width: 0.52083vw;
    height: 0.52083vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1796, ../sass/top.scss */
  .picup .inner .flex .pic_item .pic_link span:after {
    width: 3.2vw;
    height: 3.2vw;
  }
}
/* line 1819, ../sass/top.scss */
.picup .inner .flex .pic_item .pic_link:before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background-color: #398f45;
  border-radius: 50%;
  box-shadow: 0px 0px 9px -4px black;
  position: absolute;
  transition: .3s ease-out;
  right: 20px;
  z-index: 0;
  top: 60%;
  transform: translateY(-50%);
  transition: .3s ease-out;
}
@media screen and (max-width: 1920px) {
  /* line 1819, ../sass/top.scss */
  .picup .inner .flex .pic_item .pic_link:before {
    width: 2.1875vw;
    height: 2.1875vw;
    right: 1.04167vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1819, ../sass/top.scss */
  .picup .inner .flex .pic_item .pic_link:before {
    width: 8.53333vw;
    height: 8.53333vw;
    right: 5.33333vw;
  }
}

/* line 1854, ../sass/top.scss */
.news .news_item {
  border-radius: 10px;
  background: #F9F9F9;
  display: block;
  padding: 10px 110px 10px 90px;
  margin-bottom: 40px;
  position: relative;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 1862, ../sass/top.scss */
.news .news_item:hover {
  background-color: #D1EDD9;
}
@media screen and (max-width: 1920px) {
  /* line 1854, ../sass/top.scss */
  .news .news_item {
    padding: 1.04167vw 5.72917vw 1.04167vw 4.6875vw;
    margin-bottom: 2.08333vw;
    border-radius: 0.52083vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1854, ../sass/top.scss */
  .news .news_item {
    padding: 5.33333vw 5.33333vw 5.33333vw 10.66667vw;
    margin-bottom: 5.33333vw;
    border-radius: 2.66667vw;
  }
}
/* line 1875, ../sass/top.scss */
.news .news_item:before {
  content: "";
  display: block;
  width: 8px;
  height: 85%;
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1920px) {
  /* line 1875, ../sass/top.scss */
  .news .news_item:before {
    width: 0.41667vw;
    left: 2.60417vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1875, ../sass/top.scss */
  .news .news_item:before {
    width: 2.13333vw;
    left: 4.8vw;
    height: 80%;
  }
}
/* line 1895, ../sass/top.scss */
.news .news_item.info::before {
  background-color: #70C662;
}
/* line 1898, ../sass/top.scss */
.news .news_item.info .cat {
  background-color: #70C662;
}
/* line 1903, ../sass/top.scss */
.news .news_item.press::before {
  background-color: #FF7F63;
}
/* line 1906, ../sass/top.scss */
.news .news_item.press .cat {
  background-color: #FF7F63;
}
/* line 1911, ../sass/top.scss */
.news .news_item.event::before {
  background-color: #0C79C4;
}
/* line 1914, ../sass/top.scss */
.news .news_item.event .cat {
  background-color: #0C79C4;
}
/* line 1919, ../sass/top.scss */
.news .news_item.tech::before {
  background-color: #FFA500;
}
/* line 1922, ../sass/top.scss */
.news .news_item.tech .cat {
  background-color: #FFA500;
}
/* line 1927, ../sass/top.scss */
.news .news_item.report::before {
  background-color: #00BFE7;
}
/* line 1930, ../sass/top.scss */
.news .news_item.report .cat {
  background-color: #00BFE7;
}
/* line 1934, ../sass/top.scss */
.news .news_item .item_inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
@media screen and (max-width: 1920px) {
  /* line 1934, ../sass/top.scss */
  .news .news_item .item_inner {
    gap: 1.04167vw;
  }
}
/* line 1942, ../sass/top.scss */
.news .news_item .item_inner .title {
  display: block;
  color: #000;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (max-width: 1920px) {
  /* line 1942, ../sass/top.scss */
  .news .news_item .item_inner .title {
    font-size: clamp(15px, 0.9375vw, 18px);
  }
}
/* line 1953, ../sass/top.scss */
.news .news_item .item_inner .date {
  display: block;
  color: #B7B7B7;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}
@media screen and (max-width: 1920px) {
  /* line 1953, ../sass/top.scss */
  .news .news_item .item_inner .date {
    font-size: clamp(15px, 0.9375vw, 18px);
  }
}
/* line 1965, ../sass/top.scss */
.news .news_item .cat {
  display: flex;
  width: 158px;
  padding: 2px 30px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: absolute;
  right: 18px;
  bottom: 23px;
  color: #FFF;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  /* line 1965, ../sass/top.scss */
  .news .news_item .cat {
    display: inline-block;
    width: auto;
  }
}

@media screen and (max-width: 999px) {
  /* line 1990, ../sass/top.scss */
  .is-fixed .hamburger .hamburger_line {
    background-color: #fff !important;
  }
}