@charset "utf-8";
@media screen and (min-width: 1920px) {
}
@media screen and (max-width: 1800px) {
}
@media screen and (max-width: 1760px) {
  .under-mv-img {
    width: 55%;
  }
}
/* ====================================================================
-------------------------------1680
==================================================================== */
@media screen and (max-width: 1680px) {
  .inquiry .under-mv .flex .txt-area::after {
    width: 20rem;
  }
}
@media screen and (max-width: 1560px) {
  .sec02 {
    margin-bottom: 18rem;
  }
  .sec05 .movie {
    width: 50%;
  }
  .sec05 .movie iframe {
    width: 100%;
    height: auto;
  }
  .under-mv .flex .txt-area {
    margin: 0 4rem 6rem 6rem;
  }
}
@media screen and (max-width: 1440px) {
  .sec06 iframe {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .contents2Wrap {
    gap: 0 4rem;
  }
  .contents2Wrap .box {
    width: calc((100% - 4rem) / 2);
  }
}
@media screen and (max-width: 1368px) {
  .layout .txt-area {
    padding: 3.5rem;
  }
  .mv .mv-txt p:nth-child(2) {
    font-size: 2.2rem;
    margin-bottom: 5.5rem;
  }
  .mv .mv-txt {
    top: 50%;
  }
  .sec04 .txt-area {
    width: 70%;
  }
  .under-mv .flex .txt-area {
    margin: 0 4rem 0rem 6rem;
  }
}
@media screen and (max-width: 1280px) {
  .sec06 iframe {
    height: 25rem;
  }
  .wrapper {
    width: 100%;
  }
  .mv .mv-txt {
    left: 58%;
  }
}
/* ====================================================================
-------------------------------1024
==================================================================== */
@media screen and (max-width: 1024px) {
  .layout .txt-area {
    width: 90%;
    top: inherit;
    margin-top: -3em;
    right: 50%;
    transform: translateX(50%);
  }
  .sec02 {
    margin-bottom: 28rem;
  }
  .sec07,
  .sec04 .txt-area {
    width: 100%;
  }
  .mv .mv-txt {
    left: 64%;
  }
  .sec05 .flex {
    flex-direction: column-reverse;
  }
  .sec05 .movie {
    width: 100%;
    margin-top: 2rem;
  }
  .sec05 .txt-area::after {
    width: 20.5rem;
    height: 35.2rem;
  }
  .sec05 .txt-area h2,
  .sec05 .txt-area h2 + p {
    text-align: center;
    margin-bottom: 10.5rem;
  }
  .sec06 .contents2Wrap {
    gap: 4rem;
  }
  .contents2Wrap .box {
    width: 100%;
  }
  .contents2Wrap .box img {
    width: 100%;
  }
  .about .layout .txt-area {
    position: static;
    transform: inherit;
    margin: -6rem auto 5rem;
  }
  .about .layout {
    display: flex;
    flex-direction: column;
  }
  .about .layout-r {
    flex-direction: column-reverse;
  }
  .about-sec03 {
    width: 100%;
  }
  .about-sec03 .chart-img img {
    width: calc((100% - 3rem) / 2);
  }
  .about-sec03 iframe {
    width: 100%;
    height: 35rem;
  }
  .under-mv .flex {
    flex-direction: column;
    align-items: center;
  }
  .under-mv .flex .txt-area {
    margin-right: 0;
    padding: 0;
    margin-left: 0;
  }
  .under-mv .flex .txt-area {
    margin-bottom: 6rem;
  }
  .under-mv-img {
    width: 83.5%;
  }

  .chart dl dd {
    text-align: left;
    padding-left: 1rem;
  }
  .about-sec01 p:first-child + p {
    text-align: left;
  }
  .about-sec03 .chart dl dd {
    width: 32%;
    padding-left: 0;
  }
  .about-sec03 .chart dl dt {
    width: 68%;
  }
  .about-sec03 iframe {
    height: 25rem;
  }
  .form-contents {
    width: 100%;
  }
  .contact-form input[type="button"],
  .contact-form input[type="submit"] ,.error input[type="button"]{
    width: 100%;
  }
  .inquiry .under-mv .flex .txt-area {
    margin-bottom: 9rem;
  }
}
/* ====================================================================
-------------------------------559
==================================================================== */
@media screen and (max-width: 559px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .container {
    margin-left: 0;
  }
  .wrapper {
    padding: 0 3%;
  }
  /*top*/
  main {
    padding: 1rem;
   margin-bottom: 0;
  }
  .mv img {
    border-radius: 0.8rem;
    height: 56rem;
  }
  .mv .mv-txt p:last-child {
    letter-spacing: 0.2em;
    font-size: 1.2rem;
  }
  .mv .mv-txt {
    left: 50%;
    top: 60%;
  }
  .mv .mv-txt p:nth-child(2) {
    font-size: 1.4rem;
    margin-bottom: 9.5rem;
  }
  /*   .mv .mv-txt p:first-child {
      font-size: 5.1rem;
   }
   .mv .mv-txt p:nth-child(2) {
      font-size: 1.4rem;
   }*/
  header ul.headerColorScroll {
    border: none;
  }
  .sec01 p {
    letter-spacing: 0.1em;
  }
  .catch {
    padding-left: 0;
  }
  .mv {
    margin-bottom: 4rem;
    height: 56rem;
    object-fit: cover;
    padding-bottom: 0;
  }
  .sec-ttl::after {
    width: 8.9rem;
    height: 13.2rem;
  }
  .sec02 {
    margin-bottom: 37rem;
  }
  .sec03 .box {
    margin-bottom: 4rem;
  }
  .sec05 .txt-area h2,
  .sec05 .txt-area h2 + p {
    margin-bottom: 2rem;
  }
  .sec05 .txt-area {
    margin-bottom: 4rem;
  }
  .sec05 h2 + p + p {
    width: 68%;
    margin: auto;
  }
  .sec-ttl02::after {
    width: 6.8rem;
    height: 11.7rem;
  }
  .sec-ttl02 {
    margin-bottom: 5.5rem;
  }
  .sec06 p.center {
    text-align: left;
  }
  .sec06 .contents2Wrap {
    gap: 2rem 0;
  }
  .sec06 iframe {
    height: 21rem;
  }
  .sec07 {
    margin-bottom: 8rem;
  }
  footer ul {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  footer ul li {
    margin-bottom: 3.5rem;
  }
  footer {
    padding-top: 5.5rem;
  }
  small {
    font-size: 1rem;
  }
  footer ul li {
    width: 10rem;
    text-align: center;
  }
  footer ul li:not(:last-child) {
    margin-right: 0;
  }
  footer ul li:nth-child(3) {
    margin-right: 0;
  }
 .sec03 .box img + p {
    margin: 1rem 0;
}
  .sec05 .movie iframe {
    height: 20rem;
  }
  .sec04 h3 {
    letter-spacing: 0;
  }
  .mv_logo {
    z-index: 10;
    position: absolute;
    top: 1.5rem;
    left: 0;
  }
  .mv_logo .logo a {
    color: #fff;
  }
  /*about*/
  .under-mv-img {
    margin-left: 0;
  }
  .under-mv {
    padding: 0 3%;
    margin-top: 15.5rem;
  }
  .under .mv_logo .logo a {
    color: #1a1a1a;
  }
  .under-mv .flex {
    width: 100%;
    margin-left: 0;
  }
  .under-mv-img {
    width: 100%;
  }
  /*under-header*/
  .under header {
   width: auto;
   margin: 0;
   left: 0;
   top: 0;
   position: absolute;
}
  .about .layout .txt-area{
   margin-bottom: 0;
   position: static;
   transform: inherit;
   background:rgba(255, 255, 255, 0.8);
  }
  .about .layout-r .txt-area {
   z-index: 20;
}
.about .layout-r .layout-img{
   z-index: 10;
   position: relative;
}
 .about-sec02 .wrapper {
    padding: 0;
}
 .layout .txt-area{
  width: 90%;
 }
  .about-sec03 .chart-img img {
    width: 100%;
  }
  .about-sec03 .chart-img {
    gap: 2rem;
  }
  .about-sec01 p:first-child {
    width: 100%;
  }
  .about-sec01 p img {
   width: 40%;
}
  /*inquiry*/
  .contact-form table td.flex div:first-child {
    margin-right: 0;
  }
  .layout-img img {
    z-index: -1;
  }
  .contact-form table td.flex {
    flex-direction: column;
    gap: 2rem;
  }
  .contact-form table td.flex div {
    width: 100%;
    margin: 0;
  }
  .contact-form table td.flex div input {
    width: 87%;
  }
 /**/.privacy-sec01{
  margin-bottom: 8rem;
 }
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}
@media screen and (max-width: 361px) {
}