html, body
{height:100%;}

::-webkit-scrollbar {
    width:7px;
  height:3px;
}

::-webkit-scrollbar-track {
    background:#f1f1f1; 
}
 
::-webkit-scrollbar-thumb {
    background:#888; 
  border-radius:20px;
}

::-webkit-scrollbar-thumb:hover {
    background:#555; 
}



.is-hello body
{overflow-y:auto;}

.is-hello .top .l-loading {
    -webkit-transition-delay: 1450ms;
    transition-delay: 1450ms;
}
.is-hello .l-loading {
     -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transition: -webkit-transform 650ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
    transition: -webkit-transform 650ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
    transition: transform 650ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
    transition: transform 650ms cubic-bezier(0.77, 0, 0.175, 1) 100ms, -webkit-transform 650ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
}
.l-loading {
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  color:#fff;
  text-align:center;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999999999999;
  background: #fff;
}

.l-loading span
{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.l-loading img
{
  -webkit-animation: rotating 3s linear infinite;
  -moz-animation: rotating 3s linear infinite;
  -ms-animation: rotating 3s linear infinite;
  -o-animation: rotating 3s linear infinite;
  animation: rotating 3s linear infinite;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



/*animation*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}



@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}



@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



.revealBx
{display: inline-block;}

.animated .reveal_in
{
  width:100%; 
  position:relative;
  transform:scaleX(0);
  transform-origin:left;
  animation:reveal 0.2s ease-in-out forwards;
  animation-delay:0.4s;
}

.animated .reveal_in:after
{
  content:"";
  width:100%;
  height:100%;
  position:absolute; top:0; left:0;
  background:#121212;
  z-index:1;
  animation:reveal 0.2s reverse forwards;
  animation-delay:1s;
  transform-origin:right;
}

.delay1 .reveal_in
{animation-delay:0.6s;}

.delay1 .reveal_in:after
{animation-delay:1.2s;}

.delay2 .reveal_in
{animation-delay:0.8s;}

.delay2 .reveal_in:after
{animation-delay:1.4s;}

.delay3 .reveal_in
{animation-delay:1s;}

.delay3 .reveal_in:after
{animation-delay:1.6s;}

@keyframes reveal
{
  0%
  {
    transform:scaleX(0);
  }
  
  100%
  {
    transform:scaleX(1);
  }
}
@-webkit-keyframes sonarEffect {
  0%
  {
    transform:scaleX(0);
  }
  
  100%
  {
    transform:scaleX(1);
  }
}
@-moz-keyframes sonarEffect {
  0%
  {
    transform:scaleX(0);
  }
  
  100%
  {
    transform:scaleX(1);
  }
}



.headAni
{width: 100%; overflow: hidden;}

.headAni .fadeUp
{transform: translateY(100%); transition: .8s cubic-bezier(.4,.47,.17,.98);}

.headAni .animated.fadeUp
{transform: translateY(0);}

.headAni .delay2
{transition-delay: 0.2s;}


.picEffectBx
{opacity: 1 !important; visibility: visible !important;}

.picEffect
{overflow: hidden;}

.picEffect img
{max-width: initial; 
transform: scale(1.2, 1.2) rotate(2deg);
    -moz-transform: scale(1.2, 1.2) rotate(2deg);
    -webkit-transform: scale(1.2, 1.2) rotate(2deg);
    -o-transform: scale(1.2, 1.2) rotate(2deg);
    -ms-transform: scale(1.2, 1.2) rotate(2deg);
    transition: .8s cubic-bezier(.4,.47,.17,.98);
    transition-delay: 0.5s;
}

.animated .picEffect img
{transform: scale(1);}

.picEffect video
{max-width: initial; 
transform: scale(1.2, 1.2) rotate(2deg);
    -moz-transform: scale(1.2, 1.2) rotate(2deg);
    -webkit-transform: scale(1.2, 1.2) rotate(2deg);
    -o-transform: scale(1.2, 1.2) rotate(2deg);
    -ms-transform: scale(1.2, 1.2) rotate(2deg);
    transition: .8s cubic-bezier(.4,.47,.17,.98);
    transition-delay: 0.5s;
}

.animated .picEffect video
{transform: scale(1);}



/* toggle menu style */
.clear-menu-btn
{position:relative; z-index:999; top:5px;}

.clear-menu-btn {
  
  width:30px;
  height:30px;
  z-index:999999;
  -webkit-transition:.4s; -moz-transition:.4s; -khtml-transition:.4s; -o-transition:.4s;
}

.clear-menu-btn .menu_tglbtn_checkbox {
  filter: alpha(opacity=0);
  opacity: 0;
  width: 100%;
  height: 100%;
}

.clear-menu-btn .menu_tglbtn_checkbox:hover { cursor: pointer; }

.clear-menu-btn .menu_tglbtn_checkbox_check ~ .top, .clear-menu-btn .menu_tglbtn_checkbox_check ~ .bottom { top:46%; }

.clear-menu-btn .menu_tglbtn_checkbox_check ~ .top {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.clear-menu-btn .menu_tglbtn_checkbox_check ~ .bottom {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.clear-menu-btn .menu_tglbtn_checkbox_check ~ .middle {
  filter: alpha(opacity=0);
  opacity: 0;
}

.clear-menu-btn .menu_tglbtn_checkbox_check ~ .circle {
  filter: alpha(opacity=100);
  opacity: 0;
}

.clear-menu-btn span {
  position: absolute;
  display: block;
  width:20%;
  height:2px;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
  right:25px;
  top:0;
}

.clear-menu-btn .top { top: 29px; }

.clear-menu-btn .middle { top: 38px; }

.clear-menu-btn .bottom { top: 47px;}

.clearmenubtn_active .bottom
{width:20%;}

.clear-menu-btn .circle {
  display: block;
  position:absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  filter: alpha(opacity=0);
  opacity: 0;
  width:28px;
  height:16px;
  background-color: transparent;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  z-index: -1;
  left:14px;
  top:10px;
}



/*main slider*/
.slider-container {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  height: 100vh;
  width: 100vw;
}

.slider-container h1 {
  color: #fff;
  font-size: 100px;
  letter-spacing: 5px;
  position: relative;
  z-index: 100;
  text-align: center;
}

.slideItem {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
  transform: scale(1.15);
  transition: opacity 3s ease;
}

.slideItem.active {
  animation: grow 8s linear forwards;
  opacity: 1;
}

@keyframes grow {
  0%, 20% {
    transform: scale(1);
  }
  
  75%, 100% {
    transform: scale(1.15);
  }
}

.controls-container {
  position: absolute;
  top: 50%;
  right: 10px;
  display: flex;
  flex-direction: column;
  transform: translateY(-50%);
  z-index: 2;
  display: none;
}

.control {
  background-color: #fff;
  cursor: pointer;
  opacity: 0.5;
  margin: 6px;
  height: 40px;
  width: 5px;
  transition: opacity 0.3s, background-color 0.3s, transform 0.3s;
}

.control.active, .control:hover {
  background-color: #fff;
  opacity: 1;
  transform: scale(1.2);
}



/*silk slider start*/
.slick-slider
{
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list
{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus
{outline: none;}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track
{
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after
{display: table; content: '';}
.slick-track:after
{clear: both;}
.slick-loading .slick-track
{visibility: hidden;}
.slick-slide
{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{float: right;}
.slick-slide img
{display: block;}
.slick-slide.slick-loading img
{display: none;}
.slick-slide.dragging img
{pointer-events: none;}
.slick-initialized .slick-slide
{display: block;padding: 0 15px 0 15px;}
.slick-loading .slick-slide
{visibility: hidden;}
.slick-vertical .slick-slide
{display: block; height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden 
{display: none;}
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #333;
    border: none;
    outline: none;
    background: #fff;
    z-index: 99;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled
{opacity: 0; visibility: hidden;}

.slick-prev
{left: -50px;}

.slick-prev:after
{content: ""; width: 20px; height: 20px; background: url(../images/chevron-back-outline.svg) no-repeat; background-size: 20px; position: absolute; top: 11px; left: 8px; opacity: 0.7;}

.slick-next
{right:-50px;}

.slick-next:after
{content: ""; width: 20px; height: 20px; background: url(../images/chevron-forward-outline.svg) no-repeat; background-size: 20px; position: absolute; top: 11px; left: 11px; opacity: 0.7;}

.slick-dotted.slick-slider
{margin-bottom: 0;}
.slick-dots
{
    position: absolute;
    bottom: 25px;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    font-size: 0;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 20px;
    padding: 0;
    cursor: pointer;
    transition: .4s cubic-bezier(.4,.47,.17,.98);
    position: relative;
}

.slick-dots li:after
{content: ""; width: 22px; height: 22px; border: 1px solid #142C4D; border-radius: 50%; position: absolute; top: -8px; left: -8px; transition: .4s cubic-bezier(.4,.47,.17,.98); opacity: 0;}

.slick-dots li.slick-active:after
{opacity: 1;}

.slick-dots li:hover:after
{opacity: 1;}

.slick-dots li button
{display: none;}

.subsideisPgSec2Row4, .subsideisPgSec2Row4Sec2{
	display:none;
}

.banner{
  width: 14vw !important;
}
.banner + .banner{
  margin-left: 0 !important;
}
.banner-area{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 73vw;
  gap: 1vw;

}
.banner-area1{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1vw;

}
.banner-area2{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1vw;

}
.info-card{
  position: relative;
}
.info-card__img{
  position: absolute;
  right: 4vw;
}
.info-card__img img{
  /* width: 17vw;
  height: 18vw; */
  object-fit: cover;
  width: 12em;
    height: 16em;
}
.acsess{
  position: relative;
}
.acsess-tower{
  position: absolute;
  z-index: -1;
  top: -8vw;
  right: -10vw;
}
.acsess-tower img{
  width: 25vw;
}
.access-map{
  margin-inline: auto;
  width: 80%;
}


/* -----------
    yagish
--------------*/

.fv {
  background: url(../img/fv-bg@2x.png) no-repeat center top/cover;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 701px) {
  .fv {
    height: 100%;
  }
}

.fv-inner {
  padding-block: 30px;
  padding-inline: 10px 0;
}
@media screen and (min-width: 701px) {
  .fv-inner {
    padding-block: 3.935vw 3.443vw;
    padding-inline: 9.838vw 34.432vw;
  }
}

.fv-woman {
  position: absolute;
  bottom: 0;
  right: -16px;
}
.fv-woman img {
  width: 200px;
}
@media screen and (min-width: 701px) {
  .fv-woman {
    right: 0;
  }
  .fv-woman img {
    width: 33.94vw;
  }
}

.fv-container {
  position: relative;
}

.fv-text1 {
  font-size: 28px;
  font-weight: 600;
}
.fv-text1 span {
  padding: 10px;
  width: 80px;
  height: 70px;
  background: #2e5184;
  border-radius: 0.984vw;
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  line-height: 200%;
}
@media screen and (min-width: 701px) {
  .fv-text1 {
    font-size: 4.427vw;
  }
  .fv-text1 span {
    padding: 0.984vw 1.476vw;
    width: 9.198vw;
    height: 8.411vw;
    font-size: 5.411vw;
    line-height: 150%;
  }
}

.fv-text2 {
  margin-top: 10px;
  margin-left: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.984vw;
}
.fv-text2 img {
  width: 150px;
}
.fv-text2 span {
  margin-top: 10px;
  font-size: 20px;
  font-weight: 600;
}
@media screen and (min-width: 701px) {
  .fv-text2 {
    margin-top: 0;
    margin-left: 0;
  }
  .fv-text2 img {
    width: 32.71vw;
  }
  .fv-text2 span {
    margin-top: 0.984vw;
    font-size: 3.443vw;
    font-weight: 600;
  }
}

.fv-text3 {
  margin-left: -20px;
  font-size: 20px;
  font-weight: 600;
}
@media screen and (min-width: 701px) {
  .fv-text3 {
    margin-left: 1.968vw;
    font-size: 3.443vw;
  }
}

.fv-text4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 701px) {
  .fv-text4 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.fv-text4__logo {
  margin-right: 100px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fv-text4__logo img {
  width: 150px;
}
@media screen and (min-width: 701px) {
  .fv-text4__logo {
    margin-right: 0;
  }
  .fv-text4__logo img {
    width: 16.576vw;
  }
}

.fv-btn {
  margin-top: 20px;
  padding-block: 10px;
  width: 300px;
  height: 60px;
  background: url(../img/fv-btn.png) no-repeat center/cover;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  display: block;
}
@media screen and (min-width: 701px) {
  .fv-btn {
    margin-top: 0;
    padding-block: 1.476vw;
    width: 37.678vw;
    height: 7.378vw;
    font-size: 2.459vw;
  }
}

.onayami {
  margin-top: 50px;
  padding-block: 50px;
  background: url(../img/onayami-bg.png) no-repeat center/cover;
}
@media screen and (min-width: 701px) {
  .onayami {
    margin-top: 6.099vw;
    padding-block: 5.312vw 5.755vw;
  }
}

.onayami-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1.181vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.onayami-head p {
  font-size: 16px;
}
.onayami-head p span {
  padding-block: 2.213vw 2.509vw;
  padding-inline: 2.951vw;
  font-size: 20px;
  color: #fff;
  background: url(../img/onayami-head.png) no-repeat center/cover;
}
@media screen and (min-width: 701px) {
  .onayami-head p {
    font-size: 2.902vw;
  }
  .onayami-head p span {
    font-size: 3.919vw;
  }
}

.onayami-tag {
  position: absolute;
  top: -30px;
  left: 40px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.476vw;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
.onayami-tag::before {
  content: "";
  background: #525252;
  width: 0.246vw;
  height: 3.443vw;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}
.onayami-tag::after {
  content: "";
  background: #525252;
  width: 0.246vw;
  height: 3.443vw;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}
@media screen and (min-width: 701px) {
  .onayami-tag {
    font-size: 2.804vw;
    top: -4.771vw;
    left: 14.757vw;
  }
}

.onayami-container {
  margin-top: 4.673vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3.492vw;
}
.onayami-container img {
  width: 130px;
}
@media screen and (min-width: 701px) {
  .onayami-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .onayami-container img {
    width: 29.021vw;
  }
}

.onayami-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.672vw;
}

.onayami-card {
  padding-block: 20px;
  padding-inline: 1.968vw 1.131vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background: #fff;
  width: 320px;
  position: relative;
}
.onayami-card img {
  width: 20px;
}
.onayami-card p {
  font-size: 14px;
  text-align: left;
}
.onayami-card p span {
  color: #dd4565;
}
@media screen and (min-width: 701px) {
  .onayami-card {
    padding-block: 2.509vw;
    width: 59.764vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.984vw;
  }
  .onayami-card img {
    width: 2.755vw;
  }
  .onayami-card p {
    font-size: 2.164vw;
  }
  .onayami-card p span {
    color: #dd4565;
  }
  .onayami-card::after {
    content: "";
    width: 58.042vw;
    height: 7.378vw;
    border: 3px solid #d2d2d2;
    position: absolute;
    top: 0.492vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.yagioffer {
  margin-top: 5vw;
  padding-bottom: 5vw;
}

.yagioffer-head {
  color: #A38C52;
  font-size: 20px;
  font-weight: 600;
}
.yagioffer-head img {
  margin-top: -0.937vw;
  width: 110px;
}
.yagioffer-head span {
  padding-inline: 0.938vw;
  color: #DF5853;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (min-width: 701px) {
  .yagioffer-head {
    font-size: 2.5vw;
  }
  .yagioffer-head img {
    width: 15.859vw;
  }
  .yagioffer-head span {
    font-size: 3.438vw;
  }
}

.yagioffer-body {
  margin-top: 40px;
  padding-inline: 20px;
  position: relative;
}
@media screen and (min-width: 701px) {
  .yagioffer-body {
    margin-top: 5.391vw;
    padding-inline: 10.078vw 25.703vw;
  }
}

.yagioffer-bg {
  position: absolute;
  z-index: -1;
  right: 0;
  top: -35px;
}
.yagioffer-bg img {
  width: 300px;
}
@media screen and (min-width: 701px) {
  .yagioffer-bg {
    top: 0;
  }
  .yagioffer-bg img {
    width: 57.734vw;
  }
}

.yagioffer-body__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.719vw;
}

.yagioffer-body__head1 {
  padding-inline: 20px;
  padding-block: 1.094vw;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  background: url(../img/yadioffer-head1.png) no-repeat center/contain;
}
@media screen and (min-width: 701px) {
  .yagioffer-body__head1 {
    font-size: 3.125vw;
    padding-inline: 4.531vw 5vw;
  }
}

.yagioffer-body__head2 {
  padding-inline: 20px;
  padding-block: 1.094vw;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  background: url(../img/yagioffer-head2.png) no-repeat center/contain;
}
@media screen and (min-width: 701px) {
  .yagioffer-body__head2 {
    padding-inline: 4.531vw 5vw;
    font-size: 3.125vw;
  }
}

.yagioffer-body__content {
  margin-top: 40px;
  padding-block: 2.344vw 3.359vw;
  padding-inline: 2.5vw;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  width: 320px;
  height: 185px;
  text-align: left;
}
.yagioffer-body__content p {
  color: #2A4271;
  font-size: 14px;
  font-weight: 600;
}
.yagioffer-body__content p span {
  color: #DF5853;
  font-weight: 600;
}
@media screen and (min-width: 701px) {
  .yagioffer-body__content {
    margin-top: 4.297vw;
    width: 59.062vw;
    height: 22.438vw;
  }
  .yagioffer-body__content p {
    font-size: 1.875vw;
  }
}

.yagioffer-body__content-head span {
  color: #2A4271;
  font-size: 16px;
  font-weight: 600;
}
.yagioffer-body__content-head img {
  width: 50px;
}
@media screen and (min-width: 701px) {
  .yagioffer-body__content-head span {
    font-size: 2.5vw;
  }
  .yagioffer-body__content-head img {
    width: 7.187vw;
  }
}

.yagioffer-body__flex {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.344vw;
}
@media screen and (min-width: 701px) {
  .yagioffer-body__flex {
    margin-top: 4.219vw;
  }
}

.yagioffer-card {
  width: 100%;
  height: 120px;
  background: #2A4271;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.938vw;
}
.yagioffer-card img {
  width: 50px;
}
.yagioffer-card p {
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
}
.yagioffer-card p span {
  color: #C8B076;
  font-size: 16px;
  font-weight: 700;
}
.yagioffer-card p .gold {
  color: #C8B076;
  font-size: 12px;
}
.yagioffer-card:nth-of-type(2) {
  gap: 1.797vw;
}
.yagioffer-card:nth-of-type(2) img {
  width: 83px;
}
.yagioffer-card:nth-of-type(3) {
  gap: 1.797vw;
}
.yagioffer-card:nth-of-type(3) img {
  width: 50px;
}
@media screen and (min-width: 701px) {
  .yagioffer-card {
    width: 18.906vw;
    height: 17.969vw;
  }
  .yagioffer-card img {
    width: 9.141vw;
  }
  .yagioffer-card p {
    color: #FFF;
    font-size: 1.406vw;
    font-weight: 600;
  }
  .yagioffer-card p span {
    color: #C8B076;
    font-size: 2.5vw;
    font-weight: 700;
  }
  .yagioffer-card p .gold {
    color: #C8B076;
    font-size: 1.406vw;
  }
  .yagioffer-card:nth-of-type(2) {
    gap: 1.797vw;
  }
  .yagioffer-card:nth-of-type(2) img {
    width: 12.891vw;
  }
  .yagioffer-card:nth-of-type(3) {
    gap: 1.797vw;
  }
  .yagioffer-card:nth-of-type(3) img {
    width: 7.109vw;
  }
}

.price {
  margin-top: 7.378vw;
}
.price img {
  width: 350px;
}
@media screen and (min-width: 701px) {
  .price img {
    width: 70vw;
  }
}

.youtube {
  margin-top: 50px;
}
.youtube iframe {
  width: 320px;
  height: 200px;
}
@media screen and (min-width: 701px) {
  .youtube {
    margin-top: 10vw;
  }
  .youtube iframe {
    width: 70vw;
    height: 40vw;
  }
}

.cta1 {
  margin-top: 16.281vw;
  position: relative;
}

.cta1-woman {
  position: absolute;
  bottom: 0;
  right: 0;
}
.cta1-woman img {
  width: 100px;
}
@media screen and (min-width: 701px) {
  .cta1-woman {
    right: 5.903vw;
  }
  .cta1-woman img {
    width: 21.84vw;
  }
}

.cta1-top {
  padding-block: 2.509vw 1.623vw;
  padding-inline: 9.838vw 24.594vw;
  background: #2e5184;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.cta1-top span {
  font-size: 20px;
  font-weight: 600;
  -webkit-text-emphasis: filled red;
          text-emphasis: filled red;
}
@media screen and (min-width: 701px) {
  .cta1-top {
    font-size: 3.443vw;
  }
  .cta1-top span {
    font-size: 3.935vw;
  }
}

.cta1-bottom {
  padding-block: 2.755vw 3.443vw;
  padding-inline: 9.838vw 24.594vw;
  background: url(../img/gold-bg.png) no-repeat center/cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cta1-bottom span {
  padding-block: 1.181vw;
  color: #dd4565;
  background: #fff;
  border-radius: 2.951vw;
  border: 1px solid #dd4565;
  font-size: 14px;
  width: 260px;
  position: relative;
}
.cta1-bottom a {
  margin-top: -1.476vw;
  padding-block: 12px;
  background: url(../img/cta-btn.png) no-repeat center/cover;
  width: 300px;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  border-radius: 2.459vw;
}
@media screen and (min-width: 701px) {
  .cta1-bottom span {
    font-size: 2.312vw;
    width: 44.417vw;
  }
  .cta1-bottom a {
    padding-block: 2.312vw;
    background: url(../img/cta-btn.png) no-repeat center/contain;
    font-size: 2.705vw;
    width: 52.484vw;
  }
}

.exsample {
  margin-top: 9.1vw;
}
.exsample img {
  width: 350px;
}
@media screen and (min-width: 701px) {
  .exsample img {
    width: 81.653vw;
  }
}

.achievements {
  margin-top: 70px;
}
@media screen and (min-width: 701px) {
  .achievements {
    margin-top: 7.231vw;
  }
}

.achievements-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 701px) {
  .achievements-container {
    gap: 6.394vw;
  }
}

.achievements-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.achievements-content img {
  width: 200px;
}
@media screen and (min-width: 701px) {
  .achievements-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.574vw;
  }
  .achievements-content img {
    width: 29.759vw;
  }
  .achievements-content:nth-of-type(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.achievements-body {
  width: 320px;
}
.achievements-body p {
  margin-top: 3.05vw;
  padding-inline: 1.476vw;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
}
@media screen and (min-width: 701px) {
  .achievements-body {
    width: 50.664vw;
  }
  .achievements-body p {
    margin-top: 3.05vw;
    padding-inline: 1.476vw;
    font-size: 1.574vw;
  }
}

.achievements-head {
  padding-block: 0.836vw;
  padding-inline: 68px 7px;
  background: #2e5184;
  width: 330px;
  position: relative;
  text-align: left;
}
.achievements-head span {
  padding-block: 15px;
  position: absolute;
  top: -19px;
  left: -6px;
  background: #3874da;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  line-height: 100%;
  text-align: center;
}
.achievements-head p {
  margin-top: 0;
  padding-inline: 0;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
@media screen and (min-width: 701px) {
  .achievements-head {
    padding-inline: 9.247vw 1.82vw;
    width: 50.664vw;
  }
  .achievements-head span {
    padding-block: 1.722vw;
    font-size: 2.164vw;
    top: -1.476vw;
    left: 0.984vw;
    width: 7.427vw;
    height: 7.427vw;
  }
  .achievements-head p {
    font-size: 2.164vw;
  }
}

.surport {
  margin-top: 8.657vw;
  padding-top: 70px;
  padding-bottom: 70px;
  background: url(../img/serport-bg.png) no-repeat center/cover;
}
@media screen and (min-width: 701px) {
  .surport {
    padding-top: 6.739vw;
    padding-bottom: 8.067vw;
  }
}

.surport-head {
  margin-inline: auto;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.surport-head p {
  color: #ac9145;
  font-size: 20px;
  font-weight: 600;
}
.surport-head p span {
  color: #2e5184;
  font-weight: 600;
}
@media screen and (min-width: 701px) {
  .surport-head p {
    font-size: 4.181vw;
  }
}

.surport-head__tag {
  position: absolute;
  top: -26px;
  left: -6px;
  z-index: -1;
}
.surport-head__tag img {
  width: 70px;
}
@media screen and (min-width: 701px) {
  .surport-head__tag {
    top: -3.656vw;
    left: -0.344vw;
  }
  .surport-head__tag img {
    width: 9.838vw;
  }
}

.surport-container {
  margin-top: 4.329vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
}
@media screen and (min-width: 701px) {
  .surport-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2.705vw;
  }
}

.surport-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}
.surport-img .surport-img1 {
  width: 80px;
  position: absolute;
  top: -20px;
  left: -30px;
}
.surport-img .surport-img2 {
  width: 130px;
}
.surport-img .surport-img3 {
  margin-top: 20px;
  width: 180px;
}
@media screen and (min-width: 701px) {
  .surport-img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .surport-img .surport-img1 {
    width: 13.084vw;
    position: absolute;
    top: -7.969vw;
    left: 4.919vw;
  }
  .surport-img .surport-img2 {
    margin-left: 11.215vw;
    width: 18.544vw;
  }
  .surport-img .surport-img3 {
    margin-top: 0;
    width: 27.644vw;
  }
}

.surport-body {
  padding-bottom: 3.345vw;
  background: #fff;
  width: 320px;
  border: 1px solid #000;
}
.surport-body h3 {
  padding-top: 2.755vw;
  padding-block: 2.066vw;
  font-size: 18px;
  color: #fff;
  background: #2e5184;
}
.surport-body p {
  margin-top: 2.755vw;
  padding-inline: 1.377vw;
  font-size: 14px;
}
@media screen and (min-width: 701px) {
  .surport-body {
    width: 50.369vw;
  }
  .surport-body h3 {
    font-size: 3.05vw;
  }
  .surport-body p {
    font-size: 2.213vw;
    line-height: 120%;
  }
}

.surport-body__contents {
  padding-inline: 10px;
}
@media screen and (min-width: 701px) {
  .surport-body__contents {
    padding-inline: 5.903vw;
  }
}

.surport-body__card {
  padding-block: 2.656vw 0.344vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.886vw;
  border-bottom: 1px solid #535353;
}
.surport-body__card span {
  font-size: 16px;
  color: #2e5184;
  width: 80px;
  text-align: left;
}
.surport-body__card p {
  margin-top: 0;
  padding-inline: 0;
}
@media screen and (min-width: 701px) {
  .surport-body__card span {
    font-size: 2.066vw;
    width: 8.854vw;
  }
}

.cta2 {
  padding-inline: 18vw 1.838vw;
}
@media screen and (min-width: 701px) {
  .cta2 {
    padding-inline: 30.594vw 1.838vw;
  }
}

.cta2-woman {
  bottom: 0;
  right: auto;
  left: -30px;
}
.cta2-woman img {
  width: 130px;
}
@media screen and (min-width: 701px) {
  .cta2-woman {
    left: 4.919vw;
  }
  .cta2-woman img {
    width: 31.972vw;
  }
}

/* .suisen {
  margin-top: 5.706vw;
  padding-top: 70px;
  padding-bottom: 70px;
  background: url(../img/suisen-bg.png) repeat center/contain;
} */
@media screen and (min-width: 701px) {
  /* .suisen {
    margin-top: 0;
    padding-top: 5.214vw;
    padding-bottom: 5.509vw;
    background: url(../img/suisen-bg.png) no-repeat center/cover;
  } */
}

.suisen-inner h3 {
  padding-bottom: 0.984vw;
  font-family: "hiragino-mincho-pron", sans-serif;
  background: url(../img/suisen-head.png) no-repeat center bottom/contain;
  font-size: 20px;
  font-weight: 600;
  color: #2e5184;
  display: inline;
}
@media screen and (min-width: 701px) {
  .suisen-inner h3 {
    font-size: 3.935vw;
  }
}

.suisen-text {
  margin-top: 30px;
  margin-inline: auto;
  padding-block: 20px;
  padding-inline: 20px;
  background: #fff;
  width: 350px;
  border-radius: 30px;
  font-size: 14px;
  text-align: left;
}
.suisen-text span {
  color: #dd4565;
}
.suisen-text .line {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, yellow));
  background: linear-gradient(transparent 70%, yellow 70%);
}
@media screen and (min-width: 701px) {
  .suisen-text {
    margin-top: 1.869vw;
    padding-block: 3.886vw 1.672vw;
    padding-inline: 2.459vw 0.984vw;
    width: 73.045vw;
    border-radius: 0.984vw;
    font-size: 2.213vw;
  }
}

.suisen-container {
  margin-top: 3.935vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.361vw;
}
@media screen and (min-width: 701px) {
  .suisen-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.suisen-card {
  padding-block: 20px;
  padding-inline: 2.804vw 1.574vw;
  display: block;
  width: 300px;
  height: 330px;
  background: #2e5184;
  color: #fff;
  border-radius: 20px;
}
.suisen-card img {
  width: 250px;
}
.suisen-card span {
  /* margin-top: 1.476vw;
  padding-bottom: 0.984vw; */
  font-size: 16px;
  display: block;
}
.suisen-card p {
  font-size: 14px;
}
.suisen-card:nth-of-type(3) p {
  /* margin-top: 20px; */
}
@media screen and (min-width: 701px) {
  .suisen-card {
    padding-block: 1.672vw 0.639vw;
    width: 27.644vw;
    height: 33.268vw;
    border-radius: 1.476vw;
    text-align: left;
  }
  .suisen-card img {
    width: 21.495vw;
  }
  .suisen-card span {
    /* margin-top: 1.476vw;
    padding-bottom: 0.984vw; */
    font-size: 2.066vw;
    display: block;
  }
  .suisen-card p {
    font-size: 1.722vw;
  }
  .suisen-card:nth-of-type(3) p {
    margin-top: 0;
  }
}

.media {
  padding-block: 70px;
  background: url(../img/media-bg.png) no-repeat center top/cover;
}
@media screen and (min-width: 701px) {
  .media {
    padding-block: 8.854vw 8.313vw;
  }
}

.media-head {
  position: relative;
}
.media-head img {
  position: absolute;
  width: 50px;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.media-head span {
  padding-bottom: 10px;
  color: #ac9145;
  font-size: 20px;
  font-weight: 600;
  border-bottom: 5px dotted #2e5184;
}
@media screen and (min-width: 701px) {
  .media-head img {
    width: 6.05vw;
    top: -4.083vw;
    left: 50%;
  }
  .media-head span {
    padding-bottom: 0.492vw;
    font-size: 3.935vw;
    border-bottom: 10px dotted #2e5184;
  }
}

.media-container {
  margin-top: 50px;
  margin-inline: auto;
  width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.media-container:nth-of-type(3) .media-content span {
  padding-inline: 2.017vw 1.918vw;
}
@media screen and (min-width: 701px) {
  .media-container {
    margin-top: 6.64vw;
    width: 71.766vw;
    gap: 5.755vw;
  }
}

.media-content {
  position: relative;
}
.media-content span {
  padding-block: 5px;
  padding-inline: 3.837vw 3.689vw;
  font-size: 18px;
  color: #234473;
  background: #fff;
  border: 2px solid #234473;
  border-radius: 4.919vw;
  display: block;
  position: absolute;
  top: -30px;
  left: -3.935vw;
}
@media screen and (min-width: 701px) {
  .media-content span {
    padding-block: 1.3vw 3vw;
    font-size: 2.459vw;
    border: 5px solid #234473;
    height: 6.788vw;
    top: -3.345vw;
  }
}

.media-grid {
  padding-block: 5.804vw 5.165vw;
  padding-inline: 4.132vw 5.066vw;
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 10px;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  background: #eeeeee;
  border-radius: 2.459vw;
}
.media-grid img {
  width: 100%;
  height: 70px;
}
@media screen and (min-width: 701px) {
  .media-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 1.574vw;
    -webkit-column-gap: 0.639vw;
       -moz-column-gap: 0.639vw;
            column-gap: 0.639vw;
  }
  .media-grid img {
    width: 15.248vw;
    height: 6.985vw;
  }
}

.hikaku {
  margin-top: 5vw;
}
.hikaku img {
  width: 100%;
}