@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");
#container #contents #first-view {
  position: relative;
  width: 100%;
  height: calc(100svh - 80px);
  min-height: 550px;
  display: flex;
  justify-content: start;
  align-items: start;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #container #contents #first-view {
    height: calc(50svh - 60px);
    min-height: 300px;
  }
}
#container #contents #first-view .video_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
#container #contents #first-view .video_bg video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#container #contents #first-view .main_visual {
  position: absolute;
  width: 40%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  animation: fadeIn 1s ease-in forwards;
  animation-delay: 1s;
}
@media screen and (max-width: 767px) {
  #container #contents #first-view .main_visual {
    width: 70%;
  }
}
#container #contents #first-view .main_visual img {
  width: 100%;
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
#container #contents #first-view .white_bg1 {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  bottom: 0;
}
#container #contents #first-view .white_bg1 img {
  width: 100%;
}
#container #contents #main-catch {
  background-color: #fff;
  padding: 0 5%;
}
@media screen and (max-width: 767px) {
  #container #contents #main-catch {
    padding: 0 3%;
  }
}
#container #contents #main-catch .ttl {
  padding: 7% 0 0 0;
  font-size: 3rem;
  text-align: center;
  letter-spacing: 0.25em;
}
@media screen and (max-width: 767px) {
  #container #contents #main-catch .ttl {
    font-size: 1.4rem;
  }
}
#container #contents #main-catch .sub_ttl {
  padding: 2% 0 7% 0;
  font-size: 1.2rem;
  line-height: 2.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #container #contents #main-catch .sub_ttl {
    font-size: inherit;
  }
}
#container #contents #main-catch-after {
  background-color: #e8ebe8;
}
#container #contents #main-catch-after .white_bg2 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
#container #contents #main-catch-after .white_bg2 img {
  width: 100%;
  vertical-align: baseline;
}
#container #contents #about {
  background-color: #e8ebe8;
  padding-bottom: 10%;
}
@media screen and (max-width: 767px) {
  #container #contents #about {
    padding-bottom: 20%;
  }
}
#container #contents #about .about1, #container #contents #about .about3 {
  display: flex;
  justify-content: start;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #container #contents #about .about1, #container #contents #about .about3 {
    display: block;
    padding-top: 15%;
  }
}
#container #contents #about .about1 .ttl_area, #container #contents #about .about3 .ttl_area {
  position: relative;
  width: 40%;
}
@media screen and (max-width: 767px) {
  #container #contents #about .about1 .ttl_area, #container #contents #about .about3 .ttl_area {
    width: 100%;
  }
}
#container #contents #about .about1 .ttl_area .about_ttl, #container #contents #about .about3 .ttl_area .about_ttl {
  position: absolute;
  right: -30%;
  z-index: 1;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 4rem;
  color: #c2c2c2;
  line-height: 0;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  #container #contents #about .about1 .ttl_area .about_ttl, #container #contents #about .about3 .ttl_area .about_ttl {
    right: inherit;
    left: 3%;
  }
}
@media screen and (max-width: 450px) {
  #container #contents #about .about1 .ttl_area .about_ttl, #container #contents #about .about3 .ttl_area .about_ttl {
    right: inherit;
    font-size: 3rem;
  }
}
#container #contents #about .about1 .txt_area, #container #contents #about .about3 .txt_area {
  position: relative;
  width: 60%;
}
@media screen and (max-width: 767px) {
  #container #contents #about .about1 .txt_area, #container #contents #about .about3 .txt_area {
    width: 100%;
  }
}
#container #contents #about .about1 .txt_area .bg, #container #contents #about .about3 .txt_area .bg {
  position: relative;
}
#container #contents #about .about1 .txt_area .bg img, #container #contents #about .about3 .txt_area .bg img {
  width: 100%;
  height: auto;
}
#container #contents #about .about1 .txt_area .txt_unit, #container #contents #about .about3 .txt_area .txt_unit {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 25% 10% 25% 25%;
}
@media screen and (max-width: 767px) {
  #container #contents #about .about1 .txt_area .txt_unit, #container #contents #about .about3 .txt_area .txt_unit {
    padding: 0 5% 0 15%;
  }
}
#container #contents #about .about1 .txt_area .txt_unit .about_lead, #container #contents #about .about3 .txt_area .txt_unit .about_lead {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 1.5;
  padding-bottom: 2%;
}
@media screen and (max-width: 767px) {
  #container #contents #about .about1 .txt_area .txt_unit .about_lead, #container #contents #about .about3 .txt_area .txt_unit .about_lead {
    font-size: 1.6rem;
  }
}
#container #contents #about .about1 .txt_area .txt_unit .about_txt, #container #contents #about .about3 .txt_area .txt_unit .about_txt {
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  #container #contents #about .about1 .txt_area .txt_unit .about_txt, #container #contents #about .about3 .txt_area .txt_unit .about_txt {
    font-size: inherit;
  }
}
#container #contents #about .about1 .about_lead {
  letter-spacing: 0.3em;
}
#container #contents #about .about3 .about_lead {
  letter-spacing: 0;
}
#container #contents #about .about2 {
  display: flex;
  justify-content: start;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #container #contents #about .about2 {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 15%;
  }
}
#container #contents #about .about2 .ttl_area {
  position: relative;
  width: 40%;
}
@media screen and (max-width: 767px) {
  #container #contents #about .about2 .ttl_area {
    width: 100%;
  }
}
#container #contents #about .about2 .ttl_area .about_ttl {
  position: absolute;
  left: -20%;
  z-index: 1;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 4rem;
  color: #c2c2c2;
  line-height: 0;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  #container #contents #about .about2 .ttl_area .about_ttl {
    left: 5%;
  }
}
@media screen and (max-width: 450px) {
  #container #contents #about .about2 .ttl_area .about_ttl {
    font-size: 3rem;
  }
}
#container #contents #about .about2 .txt_area {
  position: relative;
  width: 60%;
}
@media screen and (max-width: 767px) {
  #container #contents #about .about2 .txt_area {
    width: 100%;
  }
}
#container #contents #about .about2 .txt_area .bg {
  position: relative;
}
#container #contents #about .about2 .txt_area .bg img {
  width: 100%;
  height: auto;
}
#container #contents #about .about2 .txt_area .txt_unit {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 25% 20% 25% 10%;
}
@media screen and (max-width: 767px) {
  #container #contents #about .about2 .txt_area .txt_unit {
    padding: 0 5% 0 10%;
  }
}
#container #contents #about .about2 .txt_area .txt_unit .about_lead {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 1.5;
  letter-spacing: 0.3em;
  padding-bottom: 2%;
}
@media screen and (max-width: 767px) {
  #container #contents #about .about2 .txt_area .txt_unit .about_lead {
    font-size: 1.6rem;
  }
}
#container #contents #about .about2 .txt_area .txt_unit .about_txt {
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  #container #contents #about .about2 .txt_area .txt_unit .about_txt {
    font-size: inherit;
  }
}
#container #contents #about .about2 .txt_area .txt_unit .about2_txt {
  display: flex;
  justify-content: start;
  align-items: start;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  #container #contents #about .about2 .txt_area .txt_unit .about2_txt {
    font-size: inherit;
  }
}
#container #contents #mechanism {
  background-color: #e8ebe8;
  padding: 0 10% 10% 10%;
}
@media screen and (max-width: 767px) {
  #container #contents #mechanism {
    padding: 0 3% 20% 3%;
  }
}
#container #contents #mechanism .mechanism_inner {
  background-color: #fff;
  padding: 5%;
  border-radius: 1rem;
}
#container #contents #mechanism .mechanism_inner .ttl {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 2.7rem;
  color: #6b6b6b;
  text-align: center;
  letter-spacing: 0.1em;
  padding-bottom: 2%;
}
@media screen and (max-width: 450px) {
  #container #contents #mechanism .mechanism_inner .ttl {
    font-size: 2rem;
  }
}
#container #contents #mechanism .mechanism_inner .txt_area {
  text-align: center;
  padding-bottom: 7%;
}
#container #contents #mechanism .mechanism_inner .txt_area p {
  padding-bottom: 3%;
}
@media screen and (max-width: 450px) {
  #container #contents #mechanism .mechanism_inner .txt_area {
    text-align: left;
  }
}
#container #contents #mechanism .mechanism_inner .mechanism_detail_inner {
  padding: 0 10%;
}
@media screen and (max-width: 450px) {
  #container #contents #mechanism .mechanism_inner .mechanism_detail_inner {
    padding: 0;
  }
}
#container #contents #mechanism .mechanism_inner .mechanism_detail_inner .detail_ttl {
  border: 1px solid #6b6b6b;
  border-radius: 0.3rem;
  padding: 0.5%;
  margin-bottom: 3%;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
#container #contents #mechanism .mechanism_inner .mechanism_detail_inner .detail_txt {
  padding-bottom: 3%;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 450px) {
  #container #contents #mechanism .mechanism_inner .mechanism_detail_inner .detail_txt {
    text-align: left;
  }
}
#container #contents #mechanism .mechanism_inner .mechanism_detail_inner img {
  width: 100%;
}
#container #contents #mechanism .mechanism_inner .mechanism_detail_inner .deomagic_inner {
  display: flex;
  justify-content: start;
  align-items: start;
  padding-bottom: 3%;
}
@media screen and (max-width: 450px) {
  #container #contents #mechanism .mechanism_inner .mechanism_detail_inner .deomagic_inner {
    display: block;
  }
}
#container #contents #mechanism .mechanism_inner .mechanism_detail_inner .deomagic_inner .left {
  width: 60%;
}
@media screen and (max-width: 450px) {
  #container #contents #mechanism .mechanism_inner .mechanism_detail_inner .deomagic_inner .left {
    width: 100%;
  }
}
#container #contents #mechanism .mechanism_inner .mechanism_detail_inner .deomagic_inner .right {
  width: 40%;
}
@media screen and (max-width: 450px) {
  #container #contents #mechanism .mechanism_inner .mechanism_detail_inner .deomagic_inner .right {
    width: 100%;
  }
}
#container #contents #mechanism .mechanism_inner .mechanism_detail_inner .deomagic_inner .left .deomagic_txt, #container #contents #mechanism .mechanism_inner .mechanism_detail_inner .deomagic_inner .right .deomagic_txt {
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
#container #contents #mechanism .mechanism_inner .mechanism_detail_inner img {
  width: 100%;
}
#container #contents #mechanism .mechanism_inner .movie_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
#container #contents #mechanism .mechanism_inner .movie_wrap .movie {
  width: 60%;
  margin: 10% 0 5% 0;
}
#container #contents #mechanism .mechanism_inner .movie_wrap .movie:hover {
  opacity: 0.8;
}
#container #contents #mechanism .mechanism_inner .movie_wrap .movie img {
  width: 100%;
}
#container #contents #mechanism .mechanism_inner .movie_wrap .movie:hover {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #container #contents #mechanism .mechanism_inner .movie_wrap .movie {
    width: 90%;
  }
}
#container #contents #video-modal .modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100svh;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 9999;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  box-sizing: border-box;
  animation: fadeInOverlay 0.3s ease forwards;
}
@media screen and (max-width: 767px) {
  #container #contents #video-modal .modal {
    padding: 0;
  }
}
@keyframes fadeInOverlay {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInContent {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
#container #contents #video-modal .modal .video_inner {
  position: relative;
  width: 80%;
  animation: fadeInContent 0.3s ease forwards;
}
@media screen and (max-width: 767px) {
  #container #contents #video-modal .modal .video_inner {
    width: 90%;
  }
}
#container #contents #video-modal .modal .video_inner video {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#container #contents #video-modal .modal .video_inner .close-btn {
  position: absolute;
  top: 0;
  right: -5%;
  width: 1.5rem;
  height: 1.5rem;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}
@media screen and (max-width: 767px) {
  #container #contents #video-modal .modal .video_inner .close-btn {
    top: -15%;
    right: 0;
  }
}
#container #contents #video-modal .modal .video_inner .close-btn::before, #container #contents #video-modal .modal .video_inner .close-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 1.5px;
  background-color: #231815;
  transform-origin: center;
}
#container #contents #video-modal .modal .video_inner .close-btn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#container #contents #video-modal .modal .video_inner .close-btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#container #contents #product {
  padding: 5% 10%;
}
@media screen and (max-width: 767px) {
  #container #contents #product {
    padding: 10% 4%;
  }
}
#container #contents #product .ttl {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 2.7rem;
  color: #6b6b6b;
  text-align: center;
  letter-spacing: 0.1em;
  padding-bottom: 2%;
}
@media screen and (max-width: 450px) {
  #container #contents #product .ttl {
    font-size: 2rem;
  }
}
#container #contents #product .select_btn_unit {
  display: flex;
  justify-content: start;
  align-items: center;
  padding-bottom: 10%;
}
@media screen and (max-width: 767px) {
  #container #contents #product .select_btn_unit {
    display: block;
  }
}
#container #contents #product .select_btn_unit .industrial,
#container #contents #product .select_btn_unit .general {
  width: 50%;
  padding: 2%;
  background-color: #e8ebe8;
  font-size: 1.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.4rem;
}
@media screen and (max-width: 767px) {
  #container #contents #product .select_btn_unit .industrial,
  #container #contents #product .select_btn_unit .general {
    width: 100%;
    justify-content: center;
    padding-left: 5%;
  }
  #container #contents #product .select_btn_unit .industrial:first-child,
  #container #contents #product .select_btn_unit .general:first-child {
    margin-bottom: 5%;
  }
}
#container #contents #product .select_btn_unit .industrial::before,
#container #contents #product .select_btn_unit .general::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border: 2px solid;
  border-color: transparent transparent #231815 #231815;
  transform: rotate(-45deg);
  margin-right: 0.8rem;
  margin-top: -0.3rem;
}
#container #contents #product .select_btn_unit .industrial {
  margin-right: 5%;
}
#container #contents #product #industrial-use, #container #contents #product #general-use {
  padding: 5% 0;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use, #container #contents #product #general-use {
    padding: 10% 0;
  }
}
#container #contents #product #industrial-use .logo_wrap, #container #contents #product #general-use .logo_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 3%;
}
#container #contents #product #industrial-use .logo_wrap .deomagic_logo, #container #contents #product #general-use .logo_wrap .deomagic_logo {
  width: 30%;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .logo_wrap .deomagic_logo, #container #contents #product #general-use .logo_wrap .deomagic_logo {
    width: 50%;
  }
}
#container #contents #product #industrial-use .logo_wrap .deomagic_logo img, #container #contents #product #general-use .logo_wrap .deomagic_logo img {
  width: 100%;
}
#container #contents #product #industrial-use .product_ttl, #container #contents #product #general-use .product_ttl {
  font-size: 2.7rem;
  text-align: center;
  line-height: 1.5;
  padding-bottom: 3%;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .product_ttl, #container #contents #product #general-use .product_ttl {
    font-size: 2rem;
    padding-bottom: 5%;
  }
}
#container #contents #product #industrial-use .txt_area, #container #contents #product #general-use .txt_area {
  text-align: center;
  padding-bottom: 3%;
}
@media screen and (max-width: 450px) {
  #container #contents #product #industrial-use .txt_area, #container #contents #product #general-use .txt_area {
    text-align: left;
  }
}
#container #contents #product #industrial-use .features_wrap, #container #contents #product #general-use .features_wrap {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .features_wrap, #container #contents #product #general-use .features_wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
#container #contents #product #industrial-use .features_wrap .features_box, #container #contents #product #general-use .features_wrap .features_box {
  background-color: #e8ebe8;
  padding: 1rem;
  text-align: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#container #contents #product #industrial-use .features_wrap .features_box .features_txt, #container #contents #product #general-use .features_wrap .features_box .features_txt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
#container #contents #product #industrial-use .lineup_wrap, #container #contents #product #industrial-use .howto_wrap, #container #contents #product #industrial-use .scene_wrap, #container #contents #product #industrial-use .user_wrap, #container #contents #product #industrial-use .purchase_wrap, #container #contents #product #general-use .lineup_wrap, #container #contents #product #general-use .howto_wrap, #container #contents #product #general-use .scene_wrap, #container #contents #product #general-use .user_wrap, #container #contents #product #general-use .purchase_wrap {
  padding-top: 10%;
}
#container #contents #product #industrial-use .lineup_wrap .lineup_ttl, #container #contents #product #industrial-use .lineup_wrap .howto_ttl, #container #contents #product #industrial-use .lineup_wrap .scene_ttl, #container #contents #product #industrial-use .lineup_wrap .user_ttl, #container #contents #product #industrial-use .lineup_wrap .purchase_ttl, #container #contents #product #industrial-use .howto_wrap .lineup_ttl, #container #contents #product #industrial-use .howto_wrap .howto_ttl, #container #contents #product #industrial-use .howto_wrap .scene_ttl, #container #contents #product #industrial-use .howto_wrap .user_ttl, #container #contents #product #industrial-use .howto_wrap .purchase_ttl, #container #contents #product #industrial-use .scene_wrap .lineup_ttl, #container #contents #product #industrial-use .scene_wrap .howto_ttl, #container #contents #product #industrial-use .scene_wrap .scene_ttl, #container #contents #product #industrial-use .scene_wrap .user_ttl, #container #contents #product #industrial-use .scene_wrap .purchase_ttl, #container #contents #product #industrial-use .user_wrap .lineup_ttl, #container #contents #product #industrial-use .user_wrap .howto_ttl, #container #contents #product #industrial-use .user_wrap .scene_ttl, #container #contents #product #industrial-use .user_wrap .user_ttl, #container #contents #product #industrial-use .user_wrap .purchase_ttl, #container #contents #product #industrial-use .purchase_wrap .lineup_ttl, #container #contents #product #industrial-use .purchase_wrap .howto_ttl, #container #contents #product #industrial-use .purchase_wrap .scene_ttl, #container #contents #product #industrial-use .purchase_wrap .user_ttl, #container #contents #product #industrial-use .purchase_wrap .purchase_ttl, #container #contents #product #general-use .lineup_wrap .lineup_ttl, #container #contents #product #general-use .lineup_wrap .howto_ttl, #container #contents #product #general-use .lineup_wrap .scene_ttl, #container #contents #product #general-use .lineup_wrap .user_ttl, #container #contents #product #general-use .lineup_wrap .purchase_ttl, #container #contents #product #general-use .howto_wrap .lineup_ttl, #container #contents #product #general-use .howto_wrap .howto_ttl, #container #contents #product #general-use .howto_wrap .scene_ttl, #container #contents #product #general-use .howto_wrap .user_ttl, #container #contents #product #general-use .howto_wrap .purchase_ttl, #container #contents #product #general-use .scene_wrap .lineup_ttl, #container #contents #product #general-use .scene_wrap .howto_ttl, #container #contents #product #general-use .scene_wrap .scene_ttl, #container #contents #product #general-use .scene_wrap .user_ttl, #container #contents #product #general-use .scene_wrap .purchase_ttl, #container #contents #product #general-use .user_wrap .lineup_ttl, #container #contents #product #general-use .user_wrap .howto_ttl, #container #contents #product #general-use .user_wrap .scene_ttl, #container #contents #product #general-use .user_wrap .user_ttl, #container #contents #product #general-use .user_wrap .purchase_ttl, #container #contents #product #general-use .purchase_wrap .lineup_ttl, #container #contents #product #general-use .purchase_wrap .howto_ttl, #container #contents #product #general-use .purchase_wrap .scene_ttl, #container #contents #product #general-use .purchase_wrap .user_ttl, #container #contents #product #general-use .purchase_wrap .purchase_ttl {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 2.5rem;
  color: #6b6b6b;
  text-align: center;
  letter-spacing: 0.1em;
  padding-bottom: 2%;
}
@media screen and (max-width: 450px) {
  #container #contents #product #industrial-use .lineup_wrap .lineup_ttl, #container #contents #product #industrial-use .lineup_wrap .howto_ttl, #container #contents #product #industrial-use .lineup_wrap .scene_ttl, #container #contents #product #industrial-use .lineup_wrap .user_ttl, #container #contents #product #industrial-use .lineup_wrap .purchase_ttl, #container #contents #product #industrial-use .howto_wrap .lineup_ttl, #container #contents #product #industrial-use .howto_wrap .howto_ttl, #container #contents #product #industrial-use .howto_wrap .scene_ttl, #container #contents #product #industrial-use .howto_wrap .user_ttl, #container #contents #product #industrial-use .howto_wrap .purchase_ttl, #container #contents #product #industrial-use .scene_wrap .lineup_ttl, #container #contents #product #industrial-use .scene_wrap .howto_ttl, #container #contents #product #industrial-use .scene_wrap .scene_ttl, #container #contents #product #industrial-use .scene_wrap .user_ttl, #container #contents #product #industrial-use .scene_wrap .purchase_ttl, #container #contents #product #industrial-use .user_wrap .lineup_ttl, #container #contents #product #industrial-use .user_wrap .howto_ttl, #container #contents #product #industrial-use .user_wrap .scene_ttl, #container #contents #product #industrial-use .user_wrap .user_ttl, #container #contents #product #industrial-use .user_wrap .purchase_ttl, #container #contents #product #industrial-use .purchase_wrap .lineup_ttl, #container #contents #product #industrial-use .purchase_wrap .howto_ttl, #container #contents #product #industrial-use .purchase_wrap .scene_ttl, #container #contents #product #industrial-use .purchase_wrap .user_ttl, #container #contents #product #industrial-use .purchase_wrap .purchase_ttl, #container #contents #product #general-use .lineup_wrap .lineup_ttl, #container #contents #product #general-use .lineup_wrap .howto_ttl, #container #contents #product #general-use .lineup_wrap .scene_ttl, #container #contents #product #general-use .lineup_wrap .user_ttl, #container #contents #product #general-use .lineup_wrap .purchase_ttl, #container #contents #product #general-use .howto_wrap .lineup_ttl, #container #contents #product #general-use .howto_wrap .howto_ttl, #container #contents #product #general-use .howto_wrap .scene_ttl, #container #contents #product #general-use .howto_wrap .user_ttl, #container #contents #product #general-use .howto_wrap .purchase_ttl, #container #contents #product #general-use .scene_wrap .lineup_ttl, #container #contents #product #general-use .scene_wrap .howto_ttl, #container #contents #product #general-use .scene_wrap .scene_ttl, #container #contents #product #general-use .scene_wrap .user_ttl, #container #contents #product #general-use .scene_wrap .purchase_ttl, #container #contents #product #general-use .user_wrap .lineup_ttl, #container #contents #product #general-use .user_wrap .howto_ttl, #container #contents #product #general-use .user_wrap .scene_ttl, #container #contents #product #general-use .user_wrap .user_ttl, #container #contents #product #general-use .user_wrap .purchase_ttl, #container #contents #product #general-use .purchase_wrap .lineup_ttl, #container #contents #product #general-use .purchase_wrap .howto_ttl, #container #contents #product #general-use .purchase_wrap .scene_ttl, #container #contents #product #general-use .purchase_wrap .user_ttl, #container #contents #product #general-use .purchase_wrap .purchase_ttl {
    font-size: 2rem;
  }
}
#container #contents #product #industrial-use .list_wrap, #container #contents #product #general-use .list_wrap {
  padding-top: 3%;
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry, #container #contents #product #general-use .list_wrap .list_inner_industry {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .list_wrap .list_inner_industry, #container #contents #product #general-use .list_wrap .list_inner_industry {
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem;
    padding: 5%;
  }
}
#container #contents #product #industrial-use .list_wrap .list_inner_general, #container #contents #product #general-use .list_wrap .list_inner_general {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .list_wrap .list_inner_general, #container #contents #product #general-use .list_wrap .list_inner_general {
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem;
    padding: 5%;
  }
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box {
  background-color: #fff;
  padding: 1rem;
  text-align: center;
  display: flex;
  align-items: start;
  justify-content: center;
  box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1), 10px 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box {
    padding: 1.5rem;
  }
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .lead, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .lead, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .lead, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .lead {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .lead, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .lead, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .lead, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .lead {
    font-size: 1.2rem;
  }
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .image_wrap_industry, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .image_wrap_industry, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .image_wrap_industry, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .image_wrap_industry {
  padding: 10%;
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .image_wrap_industry img, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .image_wrap_industry img, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .image_wrap_industry img, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .image_wrap_industry img {
  width: 100%;
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .image_wrap_general, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .image_wrap_general, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .image_wrap_general, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .image_wrap_general {
  padding: 5%;
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .image_wrap_general img, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .image_wrap_general img, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .image_wrap_general img, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .image_wrap_general img {
  width: 100%;
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .product_name, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .product_name, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .product_name, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .product_name {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.5;
  padding-bottom: 5%;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .product_name, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .product_name, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .product_name, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .product_name {
    font-size: 1.5rem;
  }
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .product_name .registered, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .product_name .registered, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .product_name .registered, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .product_name .registered {
  font-size: 1em;
  vertical-align: bottom;
  position: relative;
  top: -0.3em;
  line-height: 0;
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .product_txt_industry, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .product_txt_industry, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .product_txt_industry, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .product_txt_industry {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
  text-align: left;
  line-height: 1.7;
  min-height: 7rem;
  padding-bottom: 5%;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .product_txt_industry, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .product_txt_industry, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .product_txt_industry, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .product_txt_industry {
    font-size: 1rem;
    min-height: initial;
  }
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .product_txt_general, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .product_txt_general, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .product_txt_general, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .product_txt_general {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
  text-align: left;
  line-height: 1.7;
  padding-bottom: 5%;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .product_txt_general, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .product_txt_general, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .product_txt_general, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .product_txt_general {
    font-size: 1rem;
    min-height: initial;
  }
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .download_link, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .download_link, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .download_link, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .download_link {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #b30b00;
  padding: 2%;
  border-radius: 0.4rem;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .download_link, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .download_link, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .download_link, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .download_link {
    padding: 3%;
  }
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .download_link .pdf_icon, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .download_link .pdf_icon, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .download_link .pdf_icon, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .download_link .pdf_icon {
  width: 15%;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .download_link .pdf_icon, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .download_link .pdf_icon, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .download_link .pdf_icon, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .download_link .pdf_icon {
    width: 10%;
  }
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .download_link .pdf_icon img, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .download_link .pdf_icon img, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .download_link .pdf_icon img, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .download_link .pdf_icon img {
  width: 100%;
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .download_link .download_txt, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .download_link .download_txt, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .download_link .download_txt, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .download_link .download_txt {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
  padding-left: 0.5rem;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .download_link .download_txt, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .download_link .download_txt, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .download_link .download_txt, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .download_link .download_txt {
    font-size: 1rem;
  }
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .general_link, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .general_link, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .general_link, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .general_link {
  margin: 0 20% 5% 20%;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .general_link, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .general_link, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .general_link, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .general_link {
    margin: 0;
  }
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .color01, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .color01, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .color01, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .color01 {
  color: #0097d8;
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .color02, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .color02, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .color02, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .color02 {
  color: #75c170;
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .color03, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .color03, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .color03, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .color03 {
  color: #f4a34f;
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .color04, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .color04, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .color04, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .color04 {
  color: #c9727b;
}
#container #contents #product #industrial-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .color05, #container #contents #product #industrial-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .color05, #container #contents #product #general-use .list_wrap .list_inner_industry .lineup_box .lineup_box_inner .color05, #container #contents #product #general-use .list_wrap .list_inner_general .lineup_box .lineup_box_inner .color05 {
  color: #e2c847;
}
#container #contents #product #industrial-use .howto_detail_wrap, #container #contents #product #general-use .howto_detail_wrap {
  background-color: #e8ebe8;
  border-radius: 0.4rem;
  padding: 3%;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .howto_detail_wrap, #container #contents #product #general-use .howto_detail_wrap {
    padding: 5%;
  }
}
#container #contents #product #industrial-use .howto_detail_wrap .howto_detail_txt_area .howto_detail_txt, #container #contents #product #general-use .howto_detail_wrap .howto_detail_txt_area .howto_detail_txt {
  display: flex;
  justify-content: start;
  align-items: start;
}
#container #contents #product #industrial-use .howto_detail_wrap .howto_detail_txt_area .howto_detail_txt::before, #container #contents #product #general-use .howto_detail_wrap .howto_detail_txt_area .howto_detail_txt::before {
  content: "・";
}
#container #contents #product #industrial-use .howto_detail_wrap .movie_wrap, #container #contents #product #general-use .howto_detail_wrap .movie_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
#container #contents #product #industrial-use .howto_detail_wrap .movie_wrap .movie, #container #contents #product #general-use .howto_detail_wrap .movie_wrap .movie {
  width: 60%;
  margin: 5% 0 2% 0;
}
#container #contents #product #industrial-use .howto_detail_wrap .movie_wrap .movie:hover, #container #contents #product #general-use .howto_detail_wrap .movie_wrap .movie:hover {
  opacity: 0.8;
}
#container #contents #product #industrial-use .howto_detail_wrap .movie_wrap .movie img, #container #contents #product #general-use .howto_detail_wrap .movie_wrap .movie img {
  width: 100%;
}
#container #contents #product #industrial-use .howto_detail_wrap .movie_wrap .movie:hover, #container #contents #product #general-use .howto_detail_wrap .movie_wrap .movie:hover {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .howto_detail_wrap .movie_wrap .movie, #container #contents #product #general-use .howto_detail_wrap .movie_wrap .movie {
    width: 90%;
  }
}
#container #contents #product #industrial-use .scene_detail_wrap .scene_detail_inner, #container #contents #product #general-use .scene_detail_wrap .scene_detail_inner {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .scene_detail_wrap .scene_detail_inner, #container #contents #product #general-use .scene_detail_wrap .scene_detail_inner {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}
#container #contents #product #industrial-use .scene_detail_wrap .scene_detail_inner .scene_detail_box, #container #contents #product #general-use .scene_detail_wrap .scene_detail_inner .scene_detail_box {
  text-align: center;
}
#container #contents #product #industrial-use .scene_detail_wrap .scene_detail_inner .scene_detail_box .scene_detail_ttl, #container #contents #product #general-use .scene_detail_wrap .scene_detail_inner .scene_detail_box .scene_detail_ttl {
  padding-bottom: 0.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 0.8rem;
  color: #767676;
  letter-spacing: 0.2em;
}
#container #contents #product #industrial-use .scene_detail_wrap .scene_detail_inner .scene_detail_box .scene_detail_image, #container #contents #product #general-use .scene_detail_wrap .scene_detail_inner .scene_detail_box .scene_detail_image {
  padding-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .scene_detail_wrap .scene_detail_inner .scene_detail_box .scene_detail_image, #container #contents #product #general-use .scene_detail_wrap .scene_detail_inner .scene_detail_box .scene_detail_image {
    padding-bottom: 0;
  }
}
#container #contents #product #industrial-use .scene_detail_wrap .scene_detail_inner .scene_detail_box .scene_detail_image img, #container #contents #product #general-use .scene_detail_wrap .scene_detail_inner .scene_detail_box .scene_detail_image img {
  width: 100%;
}
#container #contents #product #industrial-use .user_wrap .user_inner, #container #contents #product #general-use .user_wrap .user_inner {
  display: grid;
  gap: 2.5rem;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .user_wrap .user_inner, #container #contents #product #general-use .user_wrap .user_inner {
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem;
    padding: 5%;
  }
}
#container #contents #product #industrial-use .user_wrap .user_inner .user_box, #container #contents #product #general-use .user_wrap .user_inner .user_box {
  background-color: #e8ebe8;
  border-radius: 1rem;
  padding: 10%;
}
#container #contents #product #industrial-use .user_wrap .user_inner .user_box .user_icon, #container #contents #product #general-use .user_wrap .user_inner .user_box .user_icon {
  padding: 0 30%;
}
#container #contents #product #industrial-use .user_wrap .user_inner .user_box .user_icon img, #container #contents #product #general-use .user_wrap .user_inner .user_box .user_icon img {
  width: 100%;
}
#container #contents #product #industrial-use .user_wrap .user_inner .user_box .user_lead, #container #contents #product #general-use .user_wrap .user_inner .user_box .user_lead {
  padding-top: 5%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .user_wrap .user_inner .user_box .user_lead, #container #contents #product #general-use .user_wrap .user_inner .user_box .user_lead {
    font-size: 1.2rem;
  }
}
#container #contents #product #industrial-use .user_wrap .user_inner .user_box .user_age, #container #contents #product #general-use .user_wrap .user_inner .user_box .user_age {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .user_wrap .user_inner .user_box .user_age, #container #contents #product #general-use .user_wrap .user_inner .user_box .user_age {
    font-size: 0.9rem;
  }
}
#container #contents #product #industrial-use .user_wrap .user_inner .user_box .user_txt, #container #contents #product #general-use .user_wrap .user_inner .user_box .user_txt {
  padding-top: 5%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .user_wrap .user_inner .user_box .user_txt, #container #contents #product #general-use .user_wrap .user_inner .user_box .user_txt {
    font-size: 1rem;
  }
}
#container #contents #product #industrial-use .purchase_wrap .purchase_inner, #container #contents #product #general-use .purchase_wrap .purchase_inner {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .purchase_wrap .purchase_inner, #container #contents #product #general-use .purchase_wrap .purchase_inner {
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem;
    padding: 5%;
  }
}
#container #contents #product #industrial-use .purchase_wrap .purchase_inner .purchase_box, #container #contents #product #general-use .purchase_wrap .purchase_inner .purchase_box {
  background-color: #fff;
  padding: 1rem 4rem;
  text-align: center;
  display: flex;
  align-items: start;
  justify-content: center;
  box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1), 10px 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 0.4rem;
}
@media screen and (max-width: 767px) {
  #container #contents #product #industrial-use .purchase_wrap .purchase_inner .purchase_box, #container #contents #product #general-use .purchase_wrap .purchase_inner .purchase_box {
    padding: 1.5rem;
  }
}
#container #contents #product #industrial-use .purchase_wrap .purchase_inner .purchase_box img, #container #contents #product #general-use .purchase_wrap .purchase_inner .purchase_box img {
  width: 100%;
}
#container #contents #partners-faq-before .gray_bg1 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
#container #contents #partners-faq-before .gray_bg1 img {
  width: 100%;
}
#container #contents #partners-faq {
  background-color: #e8ebe8;
  padding: 0 10% 10% 10%;
}
@media screen and (max-width: 767px) {
  #container #contents #partners-faq {
    padding: 0 3% 20% 3%;
  }
}
#container #contents #partners-faq #partners .ttl {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 2.7rem;
  color: #6b6b6b;
  text-align: center;
  letter-spacing: 0.1em;
  padding-top: 3%;
  padding-bottom: 2%;
}
@media screen and (max-width: 450px) {
  #container #contents #partners-faq #partners .ttl {
    padding-top: 10%;
    font-size: 2rem;
  }
}
#container #contents #partners-faq #partners .txt_area {
  text-align: center;
  padding-bottom: 4%;
}
@media screen and (max-width: 450px) {
  #container #contents #partners-faq #partners .txt_area {
    text-align: left;
    padding-bottom: 2%;
  }
}
#container #contents #partners-faq #partners .partners_inner {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  #container #contents #partners-faq #partners .partners_inner {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5rem;
    padding-top: 5%;
  }
}
#container #contents #partners-faq #partners .partners_inner .partners_box {
  text-align: center;
}
#container #contents #partners-faq #partners .partners_inner .partners_box .partners_ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #767676;
  letter-spacing: 0.2em;
}
#container #contents #partners-faq #partners .partners_inner .partners_box .partners_logo1 {
  display: block;
}
#container #contents #partners-faq #partners .partners_inner .partners_box .partners_logo1 img {
  width: 100%;
}
#container #contents #partners-faq #partners .partners_inner .partners_box .partners_logo2 {
  display: block;
  margin-top: 0.5rem;
}
#container #contents #partners-faq #partners .partners_inner .partners_box .partners_logo2 img {
  width: 100%;
}
#container #contents #partners-faq #faq .faq_ttl {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 2.7rem;
  color: #6b6b6b;
  text-align: center;
  letter-spacing: 0.1em;
  padding-top: 3%;
  padding-bottom: 5%;
}
@media screen and (max-width: 450px) {
  #container #contents #partners-faq #faq .faq_ttl {
    padding-top: 10%;
    font-size: 2rem;
  }
}
#container #contents #partners-faq #faq .faq_accordion-area {
  list-style: none;
  margin: 0 auto;
  padding: 0 1%;
}
@media screen and (max-width: 767px) {
  #container #contents #partners-faq #faq .faq_accordion-area {
    padding: 0 4% 0 3%;
  }
}
#container #contents #partners-faq #faq .faq_accordion-area li {
  display: block;
  padding: 2%;
  background-color: #fff;
  border-radius: 0.4rem;
  margin-bottom: 3%;
}
@media screen and (max-width: 767px) {
  #container #contents #partners-faq #faq .faq_accordion-area li {
    padding: 5%;
  }
}
#container #contents #partners-faq #faq .faq_accordion-area section {
  border-bottom: 0px;
}
#container #contents #partners-faq #faq .faq_title {
  position: relative;
  line-height: 1.5;
  transition: all 0.5s ease;
  cursor: pointer;
}
#container #contents #partners-faq #faq .faq_title p {
  display: flex;
  align-items: start;
  justify-content: start;
  width: 90%;
}
#container #contents #partners-faq #faq .faq_title p::before {
  content: "Q.";
  margin-right: 0.3rem;
}
#container #contents #partners-faq #faq .faq_title::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border: 2px solid;
  border-color: transparent transparent #231815 #231815;
  transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
  #container #contents #partners-faq #faq .faq_title::after {
    top: 5%;
    right: 4%;
  }
}
#container #contents #partners-faq #faq .faq_title.close::after {
  margin-top: 0.5rem;
  transform: rotate(135deg);
}
#container #contents #partners-faq #faq .faq_box {
  display: none;
}
#container #contents #partners-faq #faq .faq_box .faq_txt {
  position: relative;
  margin-top: 0.5rem;
  padding-left: 1.5rem;
  font-size: 0.8rem;
  width: 90%;
}
#container #contents #partners-faq #faq .faq_box .faq_txt a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
@media screen and (max-width: 767px) {
  #container #contents #partners-faq #faq .faq_box .faq_txt {
    font-size: 1rem;
    width: 100%;
  }
}
#container #contents #partners-faq #faq .faq_box .faq_txt::before {
  content: "A.";
  position: absolute;
  left: 0;
  top: -0.25rem;
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  #container #contents #partners-faq #faq .faq_box .faq_txt::before {
    top: 0;
  }
}
#container #contents #partners-faq-after .gray_bg2 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
#container #contents #partners-faq-after .gray_bg2 img {
  width: 100%;
  vertical-align: baseline;
}
#container #contents #contact {
  padding: 5% 10%;
}
@media screen and (max-width: 767px) {
  #container #contents #contact {
    padding: 10% 4%;
  }
}
#container #contents #contact .ttl {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 2.7rem;
  color: #6b6b6b;
  text-align: center;
  letter-spacing: 0.1em;
  padding-bottom: 2%;
}
@media screen and (max-width: 450px) {
  #container #contents #contact .ttl {
    font-size: 2rem;
  }
}
#container #contents #contact .txt_area {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-align: center;
  padding-bottom: 5%;
}
@media screen and (max-width: 450px) {
  #container #contents #contact .txt_area {
    text-align: left;
    padding-bottom: 10%;
  }
}
#container #contents #contact .btn_area {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 5%;
}
@media screen and (max-width: 450px) {
  #container #contents #contact .btn_area {
    padding-bottom: 10%;
  }
}
#container #contents #contact .btn_area .contact_btn {
  width: 40%;
  display: block;
  text-align: center;
  background-color: #bbcfe1;
  border-radius: 0.4rem;
  padding: 1%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 1.3rem;
}
@media screen and (max-width: 450px) {
  #container #contents #contact .btn_area .contact_btn {
    width: 70%;
    padding: 2%;
  }
}
#container #contents #contact .note {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
  text-align: center;
  padding-bottom: 5%;
}
@media screen and (max-width: 450px) {
  #container #contents #contact .note {
    padding-bottom: 10%;
  }
}/*# sourceMappingURL=top-page.css.map */