@charset "UTF-8";
/*---------------------------
ナビゲーション
-----------------------------*/
#header{
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
}
#header .nav_conte{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 15px;
}
#header .nav_conte .logo{
  width: 100px;
}
#header .nav_conte .hbg_btn{
  position: relative;
  width: 85px;
  height: 53px;
  z-index: 1005;
}
#header .nav_conte .hbg_btn.active{
  cursor: pointer;
}
#header .hbg_conte{
  position: fixed;
  top: 0;
  right: 0;
  width: 580px;
  height: 790px;
  margin-left: auto;
  margin-right: 0;
  background: url(../images/bg_hbg.webp) no-repeat center center;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translateX(100%);
  transition: transform 0.4s ease;
  pointer-events: none;
}
#header.menu-open .hbg_conte{
  transform: translateX(0);
  pointer-events: auto;
}
#header .hbg_conte .inner{
  width: 366px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 100px;
}
#header .hbg_conte .nav_lists{
  width: 100%;
  font-size: 22px;
}
#header .hbg_conte .nav_lists li{
  position: relative;
  line-height: 1;
  letter-spacing: 0.05em;
  margin-bottom: 1.5em;
  opacity: 0 !important;
  transform: translateX(5em);
}
#header .hbg_conte .nav_lists li::after{
  content: '';
  position: absolute;
  bottom: .15em;
  left: 0;
  width: 100%;
  height: .5px;
  background: #fff;
}
#header .hbg_conte .nav_lists li:last-child{
  margin-bottom: 0;
}
#header.menu-open .hbg_conte .nav_lists li{
  opacity: 1 !important;
  transform: translateX(0);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
#header.menu-open .hbg_conte .nav_lists li.no-link {
  opacity: .5 !important;
}
#header.menu-open .hbg_conte .nav_lists li:nth-child(1){ transition-delay: 0.2s; }
#header.menu-open .hbg_conte .nav_lists li:nth-child(2){ transition-delay: 0.3s; }
#header.menu-open .hbg_conte .nav_lists li:nth-child(3){ transition-delay: 0.4s; }
#header.menu-open .hbg_conte .nav_lists li:nth-child(4){ transition-delay: 0.5s; }
#header.menu-open .hbg_conte .nav_lists li:nth-child(5){ transition-delay: 0.6s; }
#header.menu-open .hbg_conte .nav_lists li:nth-child(6){ transition-delay: 0.7s; }
#header.menu-open .hbg_conte .nav_lists li:nth-child(7){ transition-delay: 0.8s; }
#header .btn_wrap .btn_txt_lists{
  display: flex;
  gap: 2em;
  font-size: 15px;
  margin-bottom: 2em;
}
#header .btn_wrap .btn_txt_lists li{
  position: relative;
  line-height: 1;
  padding-left: .8em;
}
#header .btn_wrap .btn_txt_lists li::before{
  content: '>';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 12px;
  line-height: 1;
}
#header .btn_wrap{
  width: 100%;
  opacity: 0;
  transform: translateX(4em);
}
#header.menu-open .hbg_conte .btn_wrap{
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.6s ease, transform 0.6s ease;
  transition-delay: 0.9s;
}
#header .btn_wrap .btn_lists{
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 5%;
}
#header .btn_wrap .btn_lists li{
  width: 46%;
}
#header .btn_wrap .btn_lists li a{
  display: block;
}
@media screen and (max-width: 1400px) {
  #header .nav_conte{
    padding-top: 1.07vw;
  }
  #header .nav_conte .logo{
    width: 7.14vw;
  }
  #header .nav_conte .hbg_btn{
    width: 6.07vw;
    height: 3.78vw;
  }
  #header .hbg_conte{
    width: 41.42vw;
    height: 56.42vw;
  }
  #header .hbg_conte .inner{
    width: 26.14vw;
    gap: 7.14vw;
  }
  #header .hbg_conte .nav_lists{
    font-size: 1.57vw;
  }
  #header .btn_wrap .btn_txt_lists{
    font-size: 1.07vw;
  }
  #header .btn_wrap .btn_txt_lists li::before{
    font-size: 0.85vw;
  }
}
@media screen and (max-width: 750px) {
  #header .nav_conte{
    width: 90vw;
    padding-top: 3.06vw;
  }
  #header .nav_conte .logo{
    width: 16.13vw;
  }
  #header .nav_conte .hbg_btn{
    width: 11.33vw;
    height: 7.06vw;
  }
  #header .hbg_conte{
    width: 75vw;
    height: 63vh;
    overflow: scroll;
  }
  #header .hbg_conte .inner{
    width: 100%;
    gap: 15vw;
  }
  #header .hbg_conte .nav_lists{
    font-size: 4vw;
    width: 75%;
  }
  #header .btn_wrap .btn_txt_lists{
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.2vw;
  }
  #header .btn_wrap .btn_txt_lists li::before{
    font-size: 2.9vw;
  }
  #header .btn_wrap .btn_lists{
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  #header .btn_wrap .btn_lists li{
    width: 60%;
  }
  #header .btn_wrap .btn_lists li:nth-child(2){
    margin-top: 3vw;
  }
}


#footer{
  background: url(../images/bg_2.webp);
  background-size: 100% auto;
  background-repeat: repeat-y;
  background-position: center;
  color: #fff;
}
#footer .cv_conte,
#cv .cv_conte{
  background: url(../images/bg_4.webp);
  background-size: 100% 100%;
  background-position: center;
  padding-top: 25px;
  padding-bottom: 25px;
  color: #fff;
}
#footer .cv_conte .wrap,
#cv .cv_conte .wrap{
  width: 1030px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#footer .cv_conte .wrap .ttl,
#cv .cv_conte .wrap .ttl{
  font-size: 33px;
  letter-spacing: 0.08em;
}
#footer .cv_conte .wrap .btn,
#cv .cv_conte .wrap .btn{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 355px;
  height: 54px;
  background: rgba(12, 107, 176, .4);
  border: 1px solid #fff;
  font-size: 22px;
  letter-spacing: 0.08em;
  color: #fff;
}
#footer .cv_conte .wrap .btn::after,
#cv .cv_conte .wrap .btn::after{
  content: '＞';
  position: absolute;
  top: 50%;
  right: 2.7em;
  transform: translateY(-50%);
  font-size: 21px;
  letter-spacing: 0;
  font-family: inherit;
  pointer-events: none;
}
#footer .main_conte{
  padding-top: 100px;
  padding-bottom: 80px;
}
#footer .main_conte .main_logo{
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
#footer .main_conte .nav_lists{
  width: 1050px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-top: 1px solid #fff;
  padding-top: 1.5em;
}
#footer .main_conte .nav_lists li{
  text-align: center;
  border-left: 1px solid #fff;
  padding-left: 1.5em;
  padding-right: 1.5em;
  letter-spacing: 0.04em;
}
#footer .main_conte .nav_lists li:last-child{
  border-right: 1px solid #fff;
}
#footer .bottom_conte{
  width: 1050px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 45px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#footer .bottom_conte .left_conte{
  display: flex;
  justify-content: start;
  align-items: flex-start;
}
#footer .bottom_conte .left_conte .txt{
  font-size: 11px;
  line-height: 1.5;
}
#footer .bottom_conte .left_conte .txt span{
  font-size: 10px;
}
#footer .bottom_conte .left_conte .tel{
  font-size: 30px;
  margin-left: .5em;
  letter-spacing: 0.08em;
  line-height: 1;
}
#footer .bottom_conte .right_conte{
  width: 254px;
}
@media screen and (max-width: 1400px) {
  #footer .cv_conte,
  #cv .cv_conte{
    padding-top: 1.78vw;
    padding-bottom: 1.78vw;
  }
  #footer .cv_conte .wrap,
  #cv .cv_conte .wrap{
    width: 73.57vw;
  }
  #footer .cv_conte .wrap .ttl,
  #cv .cv_conte .wrap .ttl{
    font-size: 2.35vw;
  }
  #footer .cv_conte .wrap .btn,
  #cv .cv_conte .wrap .btn{
    width: 25.35vw;
    height: 3.85vw;
    font-size: 1.57vw;
  }
  #footer .cv_conte .wrap .btn::after,
  #cv .cv_conte .wrap .btn::after{
    font-size: 1.5vw;
  }
  #footer .main_conte{
    padding-top: 7.14vw;
    padding-bottom: 5.71vw;
  }
  #footer .main_conte .main_logo{
    width: 7.14vw;
    margin-bottom: 2.14vw;
  }
  #footer .main_conte .nav_lists{
    width: 75vw;
    font-size: 1.28vw;
  }
  #footer .bottom_conte{
    width: 75vw;
    margin-top: 3.21vw;
  }
  #footer .bottom_conte .left_conte .txt{
    font-size: 0.78vw;
  }
  #footer .bottom_conte .left_conte .txt span{
    font-size: 0.71vw;
  }
  #footer .bottom_conte .left_conte .tel{
    font-size: 2.14vw;
  }
  #footer .bottom_conte .right_conte{
    width: 18.14vw;
  }
}
@media screen and (max-width: 750px) {
  #footer .cv_conte,
  #cv .cv_conte{
    background: url(../images/bg_4_sp.webp);
    background-size: 100% 100%;
    background-position: center;
    padding-top: 6vw;
    padding-bottom: 6vw;
    text-align: center;
  }
  #footer .cv_conte .wrap,
  #cv .cv_conte .wrap{
    width: 100%;
    display: block;
  }
  #footer .cv_conte .wrap .ttl,
  #cv .cv_conte .wrap .ttl{
    font-size: 6vw;
    letter-spacing: 0.04em;
    margin-bottom: .5em;
  }
  #footer .cv_conte .wrap .btn,
  #cv .cv_conte .wrap .btn{
    width: 65.06vw;
    height: 9.86vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 4vw;
    letter-spacing: 0.04em;
    background: rgba(12, 107, 176, .6);
  }
  #footer .cv_conte .wrap .btn::after,
  #cv .cv_conte .wrap .btn::after{
    right: 2.7em;
    font-size: 4vw;
  }
  #footer .main_conte{
    padding-top: 12.66vw;
    padding-bottom: 6.66vw;
  }
  #footer .main_conte .main_logo{
    width: 19.46vw;
    margin-bottom: 6.66vw;
  }
  #footer .main_conte .nav_lists{
    width: 81.33vw;
    font-size: 2.8vw;
    flex-wrap: wrap;
    gap: 0.8em 0;
  }
  #footer .main_conte .nav_lists li{
    padding-left: 1.4em;
    padding-right: 1.4em;
    letter-spacing: 0.02em;
  }
  #footer .main_conte .nav_lists li:nth-child(3){
    border-right: 1px solid #fff;
  }
  #footer .bottom_conte{
    width: 100%;
    margin-top: 10vw;
    display: block;
  }
  #footer .bottom_conte .left_conte{
    display: block;
    text-align: center;
  }
  #footer .bottom_conte .left_conte .txt._01{
    font-size: 2.66vw;
    line-height: 1;
    margin-bottom: 1em;
    letter-spacing: 0.06em;
  }
  #footer .bottom_conte .left_conte .txt._02{
    font-size: 2vw;
    line-height: 1;
    letter-spacing: 0.08em;
    margin-top: 1.2em;
  }
  #footer .bottom_conte .left_conte .tel{
    font-size: 8vw;
    margin-left: 0;
    letter-spacing: 0.04em;
  }
  #footer .bottom_conte .right_conte{
    width: 65.06vw;
    margin-top: 10vw;
    margin-left: auto;
    margin-right: auto;
  }
}

.nav_lists .switch{
  position: relative;
}
.nav_lists .switch a .en{
  display: inline-block;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.nav_lists .switch a .ja{
  display: inline-block;
  position: absolute;
  text-wrap: nowrap;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  position: absolute;
  left: 0;
  bottom: .15em;
  width: 100%;
}
#footer .nav_lists .switch a .ja{
  bottom: 0;
}
.nav_lists .switch a:hover .en{
  opacity: 0;
}
.nav_lists .switch a:hover .ja{
  opacity: 1;
}
.nav_lists .switch.no-link,
.nav_lists .switch.no-link a{
  pointer-events: auto;
  cursor: default;
}

/*---------------------------
common-style
-----------------------------*/
.pg_ttl_inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #002b69;
}

.pg_ttl_inner h1 {
  font-size: 4rem;
  font-family: "Bodoni Moda", serif;
  line-height: 1;
}

.pg_ttl_inner .ja {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  line-height: 1.8;
}

/* @media screen and (max-width: 768px) { */
@media screen and (max-width: 768px) {
  .pg_ttl {
    text-align: center;
  }

  .pg_ttl_inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #002b69;
  }

  .pg_ttl_inner h1 {
    font-size: 4rem;
    font-family: "Bodoni Moda", serif;
    line-height: 1;
  }

  .pg_ttl_inner .ja {
    font-size: 1.8rem;
    letter-spacing: 0.05em;
    line-height: 1.8;
  }
}

.claim {
  background: url("../../common/images/bg_3.webp") repeat-y center/100% auto;
  color: #002b69;
  isolation: isolate;
  overflow: hidden;
  color: #002b69;
}

.claim .claim_inner {
  position: relative;
  width: 100%;
  max-width: 136.6rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.claim .claim_inner .img_box {
  width: 50%;
}

.claim .claim_inner .img_box figure {
  width: 100%;
}

.claim .claim_inner .img_box figure img {
  width: 100%;
}

.claim .claim_inner .img_box figure figcaption {
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 2em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
}

.claim .claim_inner .content {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.claim .claim_inner .content .txt_box p {
  font-size: 2.3rem;
  letter-spacing: 0.05em;
  line-height: 2.2;
}

.claim .claim_inner .content .txt_box .flex_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.4rem;
  margin-top: min(2.4rem, 1.756954612vw);
}

.claim .claim_inner .content .txt_box .flex_item .txt_item a {
  display: inline-block;
  font-size: 2.3rem;
  letter-spacing: 0.05em;
  line-height: 2.2;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.claim .claim_inner .content .txt_box .flex_item .txt_item a:hover {
  opacity: 0.5;
}

.claim .claim_inner .content .txt_box .flex_item .txt_item small {
  display: block;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1.6;
}

.claim .claim_inner .content .txt_box .flex_item .btn_item {
  position: relative;
  display: block;
  width: 10.6rem;
  height: 10.6rem;
  z-index: 100;
}

.claim .claim_inner .content .txt_box .flex_item .btn_item img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

.claim .claim_inner .content .txt_box .flex_item .btn_item img.side_ic {
  -webkit-animation: side_ic_anim 10s linear infinite;
  animation: side_ic_anim 10s linear infinite;
}

@-webkit-keyframes side_ic_anim {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes side_ic_anim {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.claim .claim_inner .content .txt_box .flex_item .btn_item img.side_txt {
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
  -webkit-animation: side_txt_anim 20s linear infinite;
  animation: side_txt_anim 20s linear infinite;
}

@-webkit-keyframes side_txt_anim {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes side_txt_anim {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.claim .claim_inner .content .txt_box .model_room {
  display: inline-block;
  font-size: 1.9rem;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #002b69;
  padding-bottom: 0.4rem;
  margin-top: 2.4rem;
}

/* @media screen and (max-width: 768px) { */
@media screen and (max-width: 768px) {
  .claim .claim_inner {
    display: block;
  }

  .claim .claim_inner .img_box {
    width: 100%;
  }

  .claim .claim_inner .img_box figure figcaption {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    left: 2em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
  }

  .claim .claim_inner .content {
    width: 100%;
    display: block;
    text-align: center;
    padding: 8.5333333333vw 0;
  }

  .claim .claim_inner .content .txt_box {
    display: inline-block;
    text-align: left;
  }

  .claim .claim_inner .content .txt_box p {
    font-size: 1.4rem;
  }

  .claim .claim_inner .content .txt_box .flex_item {
    margin-top: 1.6rem;
    gap: 2.4rem;
  }

  .claim .claim_inner .content .txt_box .flex_item .txt_item a {
    font-size: 1.4rem;
  }

  .claim .claim_inner .content .txt_box .flex_item .txt_item small {
    font-size: 1rem;
  }

  .claim .claim_inner .content .txt_box .flex_item .btn_item {
    width: 8rem;
    height: 8rem;
  }

  .claim .claim_inner .content .txt_box .model_room {
    font-size: 1.2rem;
    padding-bottom: 0.4rem;
    margin-top: 1.6rem;
  }
}

.side_item {
  width: 10.6rem;
  height: 10.6rem;
  position: fixed;
  bottom: 3rem;
  right: 3rem;
  z-index: 100;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  pointer-events: none;
}
.side_item img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.side_item img.side_ic {
  -webkit-animation: side_ic_anim 10s linear infinite;
          animation: side_ic_anim 10s linear infinite;
}
@keyframes side_ic_anim {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
.side_item img.side_txt {
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
  -webkit-animation: side_txt_anim 20s linear infinite;
          animation: side_txt_anim 20s linear infinite;
}
@keyframes side_txt_anim {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
.side_item.active {
  opacity: 1;
  pointer-events: auto;
}
.side_item.off {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0 !important;
  pointer-events: none !important;
}
.side_item .side_link {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  white-space: nowrap;
  -webkit-transform: translate(calc(-100% - 1em), 0);
          transform: translate(calc(-100% - 1em), 0);
  font-size: 2.3rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  mix-blend-mode: multiply;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.side_item .side_link:hover {
  opacity: 0.5;
}
.side_item .side_link.off {
  opacity: 0;
  pointer-events: none;
}

/* @media screen and (max-width: 768px) { */
@media screen and (max-width: 768px) {
  .side_item {
    width: 8rem;
    height: 8rem;
    bottom: 2rem;
    right: 2rem;
  }
  .side_item .side_link {
    font-size: 1.4rem;
    text-align: right;
    bottom: 0.8rem;
    -webkit-transform: translate(calc(-100% - 1em), 0);
            transform: translate(calc(-100% - 1em), 0);
  }
}

.relative{
  position: relative;
}
.img_note{
  position: absolute;
  bottom: .5em;
  left: 1em;
  line-height: 1;
  font-size: 12px;
  color: #231815;
}
.img_note.right{
  right: 1em;
  left: auto;
}
.img_note.white{
  color: #fff;
}
.img_note.shadow{
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}

@media screen and (max-width: 1400px) {
  .img_note{
    font-size: 0.85vw;
  }
}
@media screen and (max-width: 750px) {
  .img_note{
    font-size: 2vw;
  }
}

#page_mv{
  position: relative;
}
#page_mv .mv_head{
  position: absolute;
  top:  134px;
  left: 0;
}

#page_head{
  text-align: center;
  color: #002b69;
  margin-top: 145px;
}
#page_head .head_ttl{
  font-size: 27px;
  margin-bottom: 2em;
  letter-spacing: 0.1em;
}
#page_head .head_txt{
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.8;
}

#note{
  background: #FFF;
  color: #231815;
  text-align: justify;
  font-size: 12px;
  padding: 2.5em 0;
  line-height: 1.45;
}
#note .note_txt{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1400px) {
  #page_mv .mv_head{    position: absolute;
    top:  9.57vw;
  }
  
  #page_head{
    margin-top: 10.35vw;
  }
  #page_head .head_ttl{
    font-size: 1.92vw;
  }
  #page_head .head_txt{
    font-size: 1vw;
  }

  #note{
    font-size: 0.85vw;
  }
}

@media screen and (max-width: 750px) {
  #page_mv .mv_head{
    top: 16.66vw;
  }
  
  #page_head{
    margin-top: 13.33vw;
  }
  #page_head .head_ttl{
    font-size: 4.66vw;
  }
  #page_head .head_txt{
    font-size: 3.33vw;
  }

  #note{
    font-size: 2.25vw;
  }
}

#luxy {
  will-change: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}