@charset "UTF-8";
form {
  max-width: 400px;
  margin: 0 auto;
  font-family: Arial, sans-serif;
}

.form-group {
  margin-bottom: 15px;
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type="text"],
input[type="email"],
textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
}
.btw {
  display: inline-block;
  vertical-align: middle;
  font-size: var(--CPT-FS, 1em);
  font-family: var(--font-family, var(--CPT-FF));
  font-weight: var(--font-weight, 800);
  color: var(--color, CurrentColor);
  background-color: var(--background-color, #fff);
  box-shadow: var(--border-color, var(--CPT-BDC)) 0 0 0 var(--CPT-BDW) inset,
    var(--shadow-color, transparent) 0 0 0.5em;
  border-radius: var(--CPT-BDR);
  position: relative;
  text-decoration: none;
  cursor: pointer;
  transition: var(--CPT-TST);
  -webkit-tap-highlight-color: transparent;
}
.btw > span {
  display: flex;
  justify-content: center;
  gap: calc(var(--CPT-FS) / 2);
  align-items: center;
  line-height: var(--line-height, 2);
  padding: var(--padding-block, 0.5em) var(--padding-inline, 2em);
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btw > span[icon]::before {
  content: attr(icon);
  flex: none;
  display: block;
  font-size: var(--icon-size, calc(var(--CPT-FS) * 2));
}
.btw > span[icon-brand]::before {
  flex: none;
  display: block;
  font-size: var(--icon-size, calc(var(--CPT-FS) * 2));
}
.btw > span[icon-only] {
  display: block;
  line-height: var(--CPT-UH);
  overflow: hidden;
  width: var(--CPT-UH);
  height: var(--CPT-UH);
  padding: calc((var(--CPT-UH) - var(--CPT-FS) * 2) / 2);
}
.btw > span[icon-only]::before {
  content: attr(icon-only);
  flex: none;
  display: block;
  font-size: var(--icon-size, calc(var(--CPT-FS) * 2));
}
textarea {
  resize: vertical;
}
#contact_form {
  margin: 0 auto;
  max-width: 400px; /* Adjust the width as needed */
}
#contact_form label {
  display: block;
  text-align: left;
  margin-bottom: 5px;
  font-weight: bold;
}
button {
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
}

button:hover {
  background-color: #0056b3;
}
#page_content {
  flex: auto;
  display: flex;
  align-items: center;
  padding: 2em;
}
#page_content > .inner {
  flex: auto;
  max-width: 80em;
  margin: 0 auto;
}
.bg_container {
  position: absolute;
  inset: 0;
  z-index: -1;
  max-height: var(--VHeight);
  --background-hue: calc(var(--h, 3) * 6);
  background-image: linear-gradient(
      180deg,
      var(--background-color-mask-a50, rgba(255 255 255/0)),
      var(--body-background-color, hsl(0 0% 97%)) min(100%, 1080px)
    ),
    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDgwIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDgwIj4KPGcgZmlsbD0iI2ZmZiI+Cgk8cGF0aCBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNMTExMS45IDBjLTE2OS4zIDIwMy4xLTE1NC43IDM0NC41IDEyMC42IDM5OC4yIDMzMi41IDYwLjYgMjg2LjkgMjc2LjkgODAuMSA0ODkuOS02My41IDU2LjctMTUwLjQgMTIxLjUtMjU0LjIgMTkxLjloNDYuNWMxMTUuOS03Ny42IDIxMi42LTE0OC43IDI4MS42LTIxMC40IDIwNi45LTIxMyAyNTIuNS00MjkuMy04MC4xLTQ4OS45LTI2Ni45LTUyLTI4OC44LTE4Ni42LTEzNS42LTM3OS43aC01OC45eiIvPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjEiIGQ9Ik0xMTExLjkgMGMtMTY5LjMgMjAzLjEtMTU0LjggMzQ0LjUgMTIwLjYgMzk4LjIgMzMyLjUgNjAuNiAyODYuOSAyNzYuOSA4MC4xIDQ4OS45LTYzLjUgNTYuNy0xNTAuNCAxMjEuNS0yNTQuMiAxOTEuOWg5Mi42YzEyOC4zLTg0LjggMjM0LjktMTYyLjMgMzA5LjQtMjI4LjggMjA2LjktMjEzIDI1Mi41LTQyOS4zLTgwLjEtNDg5LjktMjU4LjUtNTAuNC0yODcuMy0xNzgtMTUwLTM2MS4zaC0xMTguNHoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNMTExMS45IDBjLTE2OS4zIDIwMy4xLTE1NC43IDM0NC41IDEyMC42IDM5OC4yIDMzMi41IDYwLjYgMjg2LjkgMjc2LjkgODAuMSA0ODkuOS02My41IDU2LjctMTUwLjUgMTIxLjUtMjU0LjIgMTkxLjloMTM4LjNjMTQwLjgtOTIgMjU3LjYtMTc2IDMzNy40LTI0Ny4zIDIwNi45LTIxMyAyNTIuNS00MjkuMy04MC4xLTQ4OS45LTI0OS42LTQ4LjYtMjg0LjktMTY5LjQtMTYzLjItMzQyLjhoLTE3OC45eiIvPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjEiIGQ9Ik0xMTExLjkgMGMtMTY5LjMgMjAzLjEtMTU0LjcgMzQ0LjUgMTIwLjYgMzk4LjIgMzMyLjUgNjAuNiAyODYuOSAyNzYuOSA4MC4xIDQ4OS45LTYzLjUgNTYuNy0xNTAuNSAxMjEuNS0yNTQuMiAxOTEuOWgxODMuOGMxNTMuNS05OS4zIDI4MC43LTE4OS43IDM2NS44LTI2NS43IDIwNi45LTIxMyAyNTIuNS00MjkuMy04MC4xLTQ4OS45LTI0MC43LTQ3LTI4Mi4xLTE2MC45LTE3NS44LTMyNC40aC0yNDAuMnoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNMTExMS45IDBjLTE2OS4zIDIwMy4xLTE1NC44IDM0NC41IDEyMC42IDM5OC4yIDMzMi41IDYwLjYgMjg2LjkgMjc2LjkgODAuMSA0ODkuOS02My41IDU2LjctMTUwLjUgMTIxLjUtMjU0LjIgMTkxLjloMjI5YzE2Ni4zLTEwNi42IDMwNC4xLTIwMy41IDM5NC41LTI4NC4yIDIwNi45LTIxMyAyNTIuNS00MjkuMy04MC4xLTQ4OS45LTIzMS42LTQ1LjEtMjc4LjctMTUyLjMtMTg3LjMtMzA1LjloLTMwMi42eiIvPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjEiIGQ9Ik03MzkuNCAwaC0yNDJDMjYzLjEgMTU2LjQgOTkuNCAzMjcuOSA3My4xIDUyOC45Yy0zMC42IDI1NS44IDM4NyAxNDcuNCAzODcgMzEyLjUtMi45IDc4LTMxLjUgMTU3LjMtNzkuNyAyMzguNmgzMDcuMmM4NS4yLTExNC4yIDEzNy44LTIyMy43IDE0MS44LTMzMC45IDAtMTY1LjItNDE3LjYtNTYuNy0zODctMzEyLjVDNDYzLjYgMjc0LjQgNTc0LjMgMTMxLjQgNzM5LjQgMHoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNNzM5LjQgMEg1NDRDMzI0LjQgMTUxLjQgMTcyLjIgMzE3LjMgMTQ2LjkgNTEwLjRjLTMwLjYgMjU1LjggMzg3IDE0Ny40IDM4NyAzMTIuNS0zLjEgODMuOS0zNiAxNjkuMi05MSAyNTcuMWgyNDQuNmM4NS4yLTExNC4yIDEzNy44LTIyMy43IDE0MS44LTMzMC45IDAtMTY1LjItNDE3LjYtNTYuNy0zODctMzEyLjVDNDYzLjYgMjc0LjQgNTc0LjMgMTMxLjQgNzM5LjQgMHoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNNzM5LjQgMEg1OTEuNUMzODYuMSAxNDYuNCAyNDUuMSAzMDYuNyAyMjAuOCA0OTJjLTMwLjYgMjU1LjggMzg3IDE0Ny40IDM4NyAzMTIuNUM2MDQuNSA4OTQuMyA1NjcgOTg1LjcgNTA1IDEwODBoMTgyLjZjODUuMi0xMTQuMiAxMzcuOC0yMjMuNyAxNDEuOC0zMzAuOSAwLTE2NS4yLTQxNy42LTU2LjctMzg3LTMxMi41QzQ2My42IDI3NC40IDU3NC4zIDEzMS40IDczOS40IDB6Ii8+PHBhdGggZmlsbC1vcGFjaXR5PSIuMSIgZD0iTTczOS40IDBoLTk5LjVjLTE5MS41IDE0MS40LTMyMiAyOTYtMzQ1LjMgNDczLjUtMzAuNiAyNTUuOCAzODcgMTQ3LjQgMzg3IDMxMi41LTMuNSA5NS42LTQ1LjggMTkzLjEtMTE1LjMgMjk0aDEyMS4yYzg1LjItMTE0LjIgMTM3LjgtMjIzLjcgMTQxLjgtMzMwLjkgMC0xNjUuMi00MTcuNi01Ni43LTM4Ny0zMTIuNUM0NjMuNiAyNzQuNCA1NzQuMyAxMzEuNCA3MzkuNCAweiIvPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjEiIGQ9Ik03MzkuNCAwaC01MC4yQzUxMS4xIDEzNi40IDM5MC43IDI4NS4yIDM2OC41IDQ1NWMtMzAuNiAyNTUuOCAzODcgMTQ3LjQgMzg3IDMxMi41LTMuOCAxMDEuNS01MS4xIDIwNS0xMjguMyAzMTIuNWg2MC4zYzg1LjItMTE0LjIgMTM3LjgtMjIzLjcgMTQxLjgtMzMwLjkgMC0xNjUuMi00MTcuNi01Ni43LTM4Ny0zMTIuNUM0NjMuNiAyNzQuNCA1NzQuMyAxMzEuNCA3MzkuNCAweiIvPgo8L2c+Cjwvc3ZnPg==),
    linear-gradient(
      135deg,
      hsl(var(--background-hue) 15% 50%/75%),
      hsl(calc(var(--background-hue) + 20) 15% 90%/50%)
    );
  background-position: top center;
  background-size: 100%, auto, cover;
  background-repeat: no-repeat;
  /* animation: hue-rotate 60s linear infinite; */
}
@keyframes hue-rotate {
  100% {
    filter: hue-rotate(360deg);
  }
}
@media only screen and (max-width: 480px) {
  .bg_container {
    display: none;
  }
}
#site_upgrade {
  max-width: 60em;
  margin: auto;
  text-align: center;
  padding: 3em 4em;
  background: var(--background-color-L2, #fff);
  border-radius: 1em;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 2em;
}
#site_upgrade .img {
  width: 100%;
  max-width: 30em;
  margin: 0 auto;
}
#site_upgrade .img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 5/3;
  object-fit: contain;
}
#site_upgrade .msg {
  max-width: 40em;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#site_upgrade h1 {
  font-size: 2em;
  font-weight: 800;
  text-transform: uppercase;
}
#site_upgrade p {
  margin: 0;
}
#site_upgrade .btc {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2em;
}
#site_upgrade .btc > .btw {
  font-size: 1.166667em;
}
#site_upgrade .sns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1em;
}
#site_upgrade .sns h3 {
  font-size: 1em;
  opacity: 0.5;
}
#site_upgrade .sns_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#site_upgrade .sns_list .btw:not(:hover) {
  opacity: 0.5;
}
#site_upgrade .sns_list .btw:hover {
  color: var(--SiteTHM);
}
@media only screen and (max-width: 480px) {
  #site_upgrade {
    max-width: 30em;
    padding: 0;
    background: unset;
    border-radius: 0;
  }
}
#message_box {
  max-width: 50em;
  margin: auto;
  text-align: center;
  padding: 3em 4em;
  background: var(--background-color-L2, #fff);
  border-radius: 1em;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 2em;
}
#message_box .img {
  width: 100%;
  max-width: 30em;
  margin: 0 auto;
}
#message_box .img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 5/3;
  object-fit: contain;
}
#message_box h1 {
  font-size: 2em;
  font-weight: 800;
  text-transform: uppercase;
}
#message_box h2 {
  font-size: 1.5em;
  font-weight: 800;
  text-transform: uppercase;
}
#message_box p {
  margin: 0;
}
#message_box .btc {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2em;
}
#message_box .btc > .btw {
  font-size: 1.166667em;
}
@media only screen and (max-width: 480px) {
  #message_box {
    max-width: 30em;
    padding: 0;
    background: unset;
    border-radius: 0;
  }
}
#contact_us {
  display: grid;
  grid-template-columns: clamp(30em, 30%, 35em) 1fr;
  gap: 2em 4em;
  margin: 3em 0;
}
#contact_intro {
  max-width: 35em;
}
#contact_intro .art > img {
  vertical-align: top;
  width: auto;
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: contain;
}
#contact_intro .intro {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2em;
}
#contact_intro .intro h1 {
  font-size: 2em;
  font-weight: 800;
  text-transform: uppercase;
}
#contact_intro .intro p {
  margin: 0;
}
#contact_intro .intro .btw.livechat {
  font-size: 1.166667em;
}
#contact_list {
  padding: 2em;
  border-radius: 1em;
  background: var(--background-color-L3, #fff);
  text-align: center;
}
#contact_list > .inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3em;
  align-items: start;
  max-width: 60em;
  margin: 2em auto;
}
#contact_list h2 {
  font-size: 1.5em;
  font-weight: 800;
  text-transform: uppercase;
}
#contact_phone,
#contact_sns {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
  gap: 2em;
}
#contact_phone dl,
#contact_sns dl {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1em;
}
#contact_phone dt span,
#contact_sns dt span {
  opacity: 0.5;
}
#contact_phone h3,
#contact_sns h3 {
  font-size: 1em;
  font-weight: 800;
}
#seagm_map {
  position: relative;
  border-radius: 1em;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  background: var(--body-text-color-a5, rgba(0 0 0/5%));
}
#seagm_map::before {
  content: "";
  display: block;
  padding-block: 20%;
}
#seagm_map > iframe {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  border: none;
}
@media only screen and (max-width: 1000px) {
  #contact_us {
    grid-template-columns: 1fr;
    max-width: 50em;
    margin: 2em auto;
  }
  #contact_intro {
    margin-inline: auto;
  }
  #contact_intro .art {
    max-width: 30em;
    margin-inline: auto;
  }
  #contact_intro .intro {
    gap: 1em;
    text-align: center;
  }
  #contact_intro .intro h1 {
    font-size: 1.5em;
  }
  #contact_list > .inner {
    margin: 0 auto;
    gap: 2em;
  }
  #contact_list h2 {
    font-size: 1.25em;
  }
}
@media only screen and (max-width: 480px) {
  #contact_list {
    margin: 0 -2em;
    border-radius: unset;
  }
  #seagm_map::before {
    padding-block: 50%;
  }
}
#business_partnership {
  display: grid;
  grid-template-columns: 2fr 5fr;
  gap: 2em;
  margin: 3em 0;
}
#business_intro {
  max-width: 35em;
}
#business_intro .art > img {
  vertical-align: top;
  width: auto;
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: contain;
}
#business_intro .intro {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2em;
}
#business_intro .intro h1 {
  font-size: 2.5em;
  font-weight: 800;
  text-transform: uppercase;
}
#business_intro .intro h3 {
  font-size: 1.166667em;
  font-weight: 800;
}
#business_intro .intro p {
  margin: 0;
}
#business_form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em 3em;
  align-items: start;
  padding: 3em;
  border-radius: 1em;
  background: var(--background-color-L3, #fff);
  --CPT-BDR: 0.5em;
}
#business_form .block {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5em;
  align-items: start;
}
#business_form .block > div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1em;
}
#business_form .block > div.hide {
  display: none;
}
#business_form h2 {
  font-size: 1.333334em;
  font-weight: 800;
}
#business_form h3 {
  font-size: 1em;
  font-weight: 800;
}
#business_form h3 ~ p {
  margin: 0;
  opacity: 0.5;
}
#business_form .checkbox-group,
#business_form .radio-group {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10em, 1fr));
  gap: 1em;
}
#business_form .cpt-textarea > textarea {
  min-height: 6em;
}
#business_form .btc {
  grid-column: 1/-1;
  text-align: right;
}
#business_form .btc .btw {
  font-size: 1.166667em;
  text-transform: uppercase;
  --padding-inline: 4em;
}
@media only screen and (max-width: 1440px) {
  #business_form {
    grid-template-columns: 1fr;
  }
  #business_form > * {
    width: 100%;
    max-width: 40em;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1000px) {
  #business_partnership {
    grid-template-columns: 1fr;
    max-width: 50em;
    margin: 2em auto;
  }
  #business_intro {
    margin-inline: auto;
  }
  #business_intro .art {
    max-width: 30em;
    margin-inline: auto;
  }
  #business_intro .intro {
    gap: 1em;
    text-align: center;
  }
  #business_intro .intro h1 {
    font-size: 1.5em;
  }
  #business_form h2 {
    font-size: 1.25em;
  }
}
@media only screen and (max-width: 480px) {
  #business_form {
    margin: 0 -2em;
    padding: 2em;
    border-radius: unset;
  }
  #seagm_map::before {
    padding-block: 50%;
  }
}