body,
html {
  font-family: "Zen Kaku Gothic New", sans-serif;
  margin: 0;
  padding: 0;
  color: #333;
}
* {
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  font-weight: 400;
}
a {
  text-transform: none;
  transition: all 0.3s;
}
ul {
  margin: 0;
  padding: 0;
}
img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}

.font-zen {
  font-family: "Zen Old Mincho", serif;
}
.text-center {
  text-align: center;
}
.list-flex {
  display: flex;
}
.flex-middle {
  align-items: center;
}
.flex-center {
  justify-content: space-between;
}
.color-white {
  color: #fff;
}
.color-blue {
  color: #0544a8;
}
.font500 {
  font-weight: 500;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.bg-pc {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.wapper {
  max-width: 450px;
  margin: 0 auto;
  background: #fff;
  position: relative;
}
#header {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 9.6px 19.2px;
  border-bottom: 1.2px solid #abc9e4;
  .logo {
    width: 156px;
    img {
      height: auto;
    }
  }
  .title-site {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
  }
}
.fv {
  .fv-top {
    .chatbox-circle {
      right: 2.4px;
      bottom: 7px;
      width: 197px;
    }
  }
}
.benefits {
  .box-chatbot a{
    display: block;
    background-color: #fff;
  }
  .box {
    background: url(../images/benefits/bg.webp) no-repeat top center/cover;
  }
  .fixed-point{
    top: 50%;
  }
  .fv-video {
    background: linear-gradient(180deg, #ebeff5 0%, #ffffff 100%);
    .video {
      bottom: 69.6px;
      left: 33.6px;
      right: 33.6px;
    }
    #myvideo{
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 20px;
    }
    .video-label {
      bottom: 48px;
      width: 295.2px;
      left: 0;
      right: 0;
      margin: 0 auto;
    }
  }
  .top {
    padding-top: 36px;
    .title-label {
      height: 26.4px;
      width: auto;
      margin: 0 auto 22.8px;
    }
    .title {
      margin-bottom: 37px;

      .title-label {
        font-size: 24px;
        line-height: 1;
        margin-bottom: -1.2px;
      }
      h2 {
        font-size: 43px;
        line-height: 1;
        letter-spacing: 0.2em;

        span {
          font-size: 48px;
        }
      }
    }
    .information {
      padding: 0 28px 38.4px;
      .featured {
        border-radius: 9.6px;
        margin-bottom: 14px;
      }
      .description {
        font-size: 15.6px;
        line-height: 1.5;
        letter-spacing: 0.02em;
        text-align: left;
      }
    }
  }
}
.box-chatbot {
  .btn-chatbox {
    width:100%;
    animation: floatAnimation 2s infinite ease-in-out;
  }
}
.slick-arrow:before {
  display: none;
}
.swiper-button-prev {
  left: 12px;
  bottom: 0;
  width: 57px;
  height: 57px;
  box-shadow: 1.2px 1.2px 24px 0px #1951ad40;
  background: url(../images/slider-left.svg) no-repeat center center / 100% auto !important;
  top: auto;
  transform: none;
  z-index: 5;
  border-radius: 50%;
  &::after{
    display: none;
  }
}
.swiper-button-next {
  right: 12px;
  bottom: 0;
  width: 57px;
  height: 57px;
  box-shadow: 1.2px 1.2px 24px 0px #1951ad40;
  background: url(../images/slider-right.svg) no-repeat center center/100% auto !important;
  top: auto;
  transform: none;
  z-index: 5;
  border-radius: 50%;
  &::after{
    display: none;
  }
}
.experience {
  .first-all {
    padding-top: 28px;
    .title {
      h2 {
        font-size:29px;
        line-height: 1.5;
        letter-spacing: 0.02em;
        margin-bottom:29px;
        .text-small {
          font-size: 19.2px;
        }
      }
    }
  }
  .experience-slider {
    padding-bottom:9px;
    margin-top: -15.6px;
    padding-left: 13px;
    .item {
      margin: 0 6px;
      width: 216px;
    }
    .experience-prev, .experience-next{
      bottom: 27px;
    }
    .swiper-slide-prev{
      opacity: 0;
      transition: opacity 1s ease-in-out;
    }
  }
  .note {
    padding: 38.2px 0 0 19.2px;
    color: #566884;
    font-size: 14px;
    line-height: 1.5;
    span {
      letter-spacing: 0.02em;
    }
  }
  .voice {
    background: url(../images/experience/voice-bg.webp) no-repeat top
      center/100% auto;
    margin-top: 19.2px;
    .note {
      padding-top: 4px;
    }
    .title-banner {
      position: relative;
      z-index: 3;
    }
    .voice-list {
      position: relative;
      z-index: 3;
      .item {
        margin-top: -43px;
        &:nth-child(2) {
          margin-top: -97.2px;
        }
        &:nth-child(3) {
          margin-top: -60px;
        }
      }
    }
    .bottom {
      padding-top: 40.8px;
      background: #e1eaf7;
    }
  }
  .box-chatbot {
    background: #f8f9fb;
    padding-top: 12px;
  }
}
.features-slider {
	margin-bottom: 38px !important;
  padding-bottom: 32px;
	.swiper-pagination {
	  .swiper-pagination-bullet {
	    margin: 0 4.8px;
	    width: 9.6px;
	    height: 9.6px;
	    border-radius: 50%;
	    background: #0544a833;
      opacity: 1;
	    &.swiper-pagination-bullet-active {
	      background: #0544a8;
	    }
	  }
	}
	.swiper-button-next, .swiper-button-prev {
	  top: 50%;
	  transform: translateY(-50%);
    box-shadow: 1px 1px 20px #1951AD40;
	}
	.item {
	  opacity: 0.6;
	  transform: scale(0.9);
	  transition: all 0.6s ease-in-out;
    width: calc(100% - 130px);
	  &.swiper-slide-active  {
	    transform: scale(1);
      transition: all 0.6s ease-in-out;
	    opacity: 1;
	  }
	}
}
.features {
  margin-top: -9.6px;
  .top {
    margin-bottom: -24px;
  }
  .value-item {
    .title-banner {
      margin-bottom: 11px;
    }
  }
  .bottom {
    margin-top: -25.2px;
  }
  .value02 {
    margin-top: -2.4px;
    margin-bottom: -2.4px;
  }
}
.session-list {
	.session-item {
	    margin-bottom:29px;
	    padding: 0 32.4px;
  		.description {
		    p {
		      font-size: 16.8px;
		      line-height: 1.5;
		      letter-spacing: 0.02em;
		      margin-bottom: 4.8px;
		      b {
		        font-weight: 500;
		      }
		      small {
		        font-size: 12px;
		        color: #566884;
		        display: block;
		      }
		    }
		}
	   .featured {
		    max-width: 75%;
		    margin: 12px auto 0;
	   }
		&.session-item02{
		    .featured {
		        max-width: 100%;
				margin-top: 18px;
		    }
		    .description p small{
		    	font-size: 14px;
		    }
		}
	}
	.number {
	  height: 38.4px;
	  width: auto;
	  margin: 0 auto;
	}
	.title {
	  h2 {
	    font-size:29px;
	    line-height: 1.5;
	    letter-spacing: 0.1em;
	    margin-bottom: 19.2px;
	  }
	}
}
.session {
  background: #f1f4fa;
  margin-top: -2.4px;
  .top{
  	 margin-bottom: 13.2px;
  }
  .box-chatbot{
  	padding-top: 12px;
    padding-bottom: 25.2px;
  }
  .banner-bottom {
    padding-top: 67.2px;
  }
  .banner-bottom02 {
    padding-top: 66px;
  }
  .box-bg {
    background: #f4f8ff;
  }
}
.body-make {
	.accordion {
	  margin-top: 7px;
	  margin-bottom: 24px;
	  .accordion-content {
	    h4 b {
	      color: #333;
	    }
	    .list-dots {
	      margin-bottom: 9.6px;
	      li {
	        display: block;
	        font-size: 16.8px;
	        line-height: 1.5;
	        letter-spacing: 0.02em;
	        padding-left: 24px;
	        position: relative;
	        &:before {
	          width: 4px;
	          height: 4px;
	          border-radius: 50%;
	          background: #333;
	          position: absolute;
	          left: 11px;
	          top: 9.6px;
	          content: "";
	        }
	      }
	    }
	    p {
	      margin-bottom: 9.6px;
	    }
	  }
	}
}
.plans {
	.accordion {
	  margin-top: 18px;
	  margin-bottom: 12px;
	  .studios {
	    margin: 0 -24px;
	  }
	}
}
  
.faq {
  margin-top: 38px;
  padding: 38.4px 19.2px 88.8px;
  box-shadow: 1.2px 1.2px 24px 0px #1951ad1a;
  border-radius: 19.2px 19.2px 0 0;
  .title {
    border: 1.2px solid #0544a8;
    border-radius: 48px;
    padding: 0 21px;
    font-size:29px;
    line-height: 1.4;
    letter-spacing: 0.1em;
    display: inline-block;
    margin: 0 auto 38.4px;
    background: #fff;
  }
  .faq-item {
    border-radius: 48px;
    background: #fff;
    padding: 12px;
    margin-bottom: 19.2px;
    &:last-child {
      margin-bottom: 0;
    }
    &.show {
      border-radius: 24px;
      .question:after {
        transform: rotate(180deg) translateY(50%);
      }
    }
  }
   .question {
      padding-left: 48px;
      min-height: 38.4px;
      position: relative;
      padding-right: 33.6px;
      cursor: pointer;
      display: flex;
        align-items: center;
      &:before {
        position: absolute;
        background: url(../images/question.svg) no-repeat top center/100% auto;
        top: 50%;
        left: 0;
        content: "";
        width: 38.4px;
        height: 38.4px;
        transform: translateY(-50%);
      }
      &:after {
        position: absolute;
        background: url(../images/down-gray.svg) no-repeat top center/100% auto;
        top: 50%;
        right: 0;
        content: "";
        width: 24px;
        height: 24px;
        transform: translateY(-50%);
      }
      h3 {
        font-size: 19.2px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: 0.02em;
      }
    }
    .answer {
      padding-top: 9.6px;
      padding-left: 48px;
      display: none;
      a {
        color: #0b5bc1;
        text-decoration: underline;
      }
      p {
        font-size: 16.8px;
        line-height: 1.5;
        letter-spacing: 0.02em;
        margin-bottom: 9px;
        &:last-child{
          margin-bottom: 0;
        }
      }
      small{
        color: #566884;
      }
    }
}
.line-box {
  padding: 0 19.2px;
}
.accordion {
  margin: 0 33px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 1.2px 1.2px 12px 0px #1951ad33;
  transition: all 0.3s ease-in-out;
  &.show {
    .accordion-title h3:before {
      transform: rotate(180deg);
    }
  }
  .accordion-title {
    padding: 12px 18px;
    text-align: center;
    cursor: pointer;
    h3 {
      font-size: 19.2px;
      line-height: 1.5;
      letter-spacing: 0.02em;
      font-weight: 500;
      position: relative;
      padding-left: 33.6px;
      display: inline-block;
      &:before {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        position: absolute;
        top: 2.4px;
        left: 0;
        content: "";
        background: url(../images/toggle-down.svg) no-repeat top center/100%
          auto;
      }
    }
  }
  .accordion-content {
    padding: 7px 24px 60px;
    display: none;
    .plan-list {
      margin: 0 -6px;
      img {
        margin-bottom: 19.2px;
        &:last-child {
          margin-bottom: 0;
        }
      }
    }
    .list-tick {
      margin: 0 6.6px 9.6px;
      li {
        padding-left: 26.4px;
        background: url(../images/tick-gray.svg) no-repeat top 6px left / 19.2px
          auto;
        font-size: 19.2px;
        line-height: 1.5;
        letter-spacing: 0.02em;
        font-weight: 500;
        margin-bottom: 12px;
        display: block;
        ul {
          margin: 4.8px 0 0;
          li {
            font-size: 16.8px;
            line-height: 1.5;
            letter-spacing: 0.02em;
            font-weight: 400;
            margin-bottom: 0;
            background: none;
            padding: 0;
          }
        }
      }
    }
    p {
      color: #566884;
      font-size: 16.8px;
      letter-spacing: 0.02em;
      line-height: 1.5;
      margin-bottom: 4.8px;
      &:last-child {
        margin-bottom: 0;
      }
    }
    h4 {
      color: #566884;
      font-size: 19.2px;
      letter-spacing: 0.02em;
      line-height: 1.5;
      margin-bottom: 4.8px;
    }
    .accordion-close {
      bottom: 12px;
      left: 0;
      right: 0;
      text-align: center;
      cursor: pointer;
      h3 {
        font-size: 19.2px;
        line-height: 1.5;
        letter-spacing: 0.02em;
        font-weight: 500;
        position: relative;
        padding-left: 33.6px;
        display: inline-block;
        &:before {
          width: 24px;
          height: 24px;
          border-radius: 50%;
          position: absolute;
          top: 2.4px;
          left: 0;
          content: "";
          background: url(../images/toggle-down.svg) no-repeat top center/100%
            auto;
          transform: rotate(180deg);
        }
      }
    }
  }
}
.price {
  background: #f4f8ff;
  border-radius: 19.2px 19.2px 0 0;
  box-shadow: 1.2px 1.2px 24px 0px #1951ad1a;
  padding-top: 38.4px;
  margin-top: -12px;
  .title-border {
    border: 1.2px solid #0544a8;
    border-radius: 48px;
    padding: 0 24px;
    font-size:29px;
    line-height: 1.4;
    letter-spacing: 0.1em;
    display: inline-block;
    margin: 0 auto 38.4px;
    background: #fff;
  }
  .title-small {
    font-size: 19.2px;
    line-height: 1.5;
    letter-spacing: 0.02em;
    margin-bottom: 38.4px;
    span {
      margin: 0 6px;
    }
  }
  .featured {
    padding: 0 30px;
  }
  .note {
    padding: 9.6px 19.2px 26.4px;
    text-align: left;
    color: #566884;
    font-size: 14px;
    line-height: 1.5;
  }
  .accordion {
    margin-bottom: 37.2px;
  }
  .note-bottom {
    padding: 9.6px 19.2px 0;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.02em;
    color: #566884;
  }
  .banner-bottom03 {
    margin-top: 38.4px;
  }
}
#footer {
  background: #f4f8ff;
  padding-bottom: 137px;
  .ft-top {
    padding: 38.4px 0 42px;
    h3 {
      color: #2b5caa;
      font-size: 19.2px;
      line-height: 1.5;
      font-weight: 500;
      margin-bottom: 9.6px;
    }
    .ft-logo {
      height: 97.2px;
      margin-bottom: 12px;
      img {
        height: 100%;
        width: auto;
        margin: 0 auto;
      }
    }
    .ft-menu {
      ul {
        display: flex;
        justify-content: center;
        li {
          padding: 0 12px;
          border-left: 1.2px solid #566884;
          font-size: 14px;
          line-height: 1;
          color: #566884;
          letter-spacing: 0.02em;
          font-weight: 500;
          display: block;
          a {
            color: #566884;
            text-decoration: none;
          }
          &:first-child {
            border: none;
          }
        }
      }
    }
  }
  .ft-bottom {
    background: #0544a8;
    padding: 12px 0;
    p {
      font-size: 14.4px;
      line-height: 1.5;
      color: #fff;
      letter-spacing: 0.02em;
      font-weight: 500;
    }
  }
}
.section-fixed{
	transform: translateY(100%);
	transition: all 0.3s;
}
.section-fixed.fixed{
	position: fixed;
    bottom: -10px;
    left: 0;
    right: 0;
    z-index: 100;
    max-width: 450px;
    margin: 0 auto;
    background-color: #fff;
    transform: translateY(0);
}
#content{
	    background: #F8F9FB;
}
.fade-in-top{
	opacity: 0;
    transform: translateY(20%);
    -webkit-transform: translateY(20%);
    transition: all 1.5s ease-in-out 0s;
    -webkit-transition: all 1.5s ease-in-out 0s;
    &.active{
		opacity: 1;
	    transform: translateY(0);
	    -webkit-transform: translateY(0);
    }
}
@keyframes scaleAnimation {
    0%, 100% {
        transform: scale(1); 
    }
    50% {
        transform: scale(1.05); 
    }
}
.up-and-down{
	opacity: 0;
    &.active{
		  opacity: 1;
	    animation: floatAnimation 2s infinite ease-in-out;
    }
}
@keyframes floatAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

@media(width < 450px){
	.wapper {
	  max-width: 100vw;
	}
	#header {
	  padding: 2.13vw 4.27vw;
	  border-bottom: 0.27vw solid #abc9e4;
	  .logo {
	    width: 34.67vw;
	  }
	  .title-site {
	    font-size: 3.2vw;
	  }
	}
	.fv {
	  .fv-top {
	    .chatbox-circle {
	      right: 0.53vw;
	      bottom: 1.6vw;
	      width: 43.73vw;
	    }
	  }
	}
	.benefits {
	  .fv-video {
	    .video {
	      bottom: 15.47vw;
	      left: 7.47vw;
	      right: 7.47vw;
	    }
	    .video-label {
	      bottom: 10.67vw;
	      width: 65.6vw;
	    }
	  }
	  .top {
	    padding-top: 8vw;
	    .title-label {
	      height: 5.87vw;
	      margin: 0 auto 5.07vw;
	    }
	    .title {
	      margin-bottom: 8.27vw;
	      .title-label {
	        font-size: 5.33vw;
	        margin-bottom: -0.27vw;
	      }
	      h2 {
	        font-size: 9.6vw;
	        span {
	          font-size: 10.67vw;
	        }
	      }
	    }
	    .information {
	      padding: 0 6.4vw 8.53vw;
	      .featured {
	        border-radius: 2.13vw;
	        margin-bottom: 3.2vw;
	      }
	      .description {
	        font-size: 3.47vw;
	      }
	    }
	  }
	}
	.slick-prev {
	  left: 2.67vw;
	  width: 12.8vw;
	  height: 12.8vw;
	  box-shadow: 0.27vw 0.27vw 5.33vw 0vw #1951ad40;
	}
	.slick-next {
	  right: 2.67vw;
	  width: 12.8vw;
	  height: 12.8vw;
	  box-shadow: 0.27vw 0.27vw 5.33vw 0vw #1951ad40;
	}
	.experience {
	  .first-all {
	    padding-top: 6.13vw;
	    .title {
	      h2 {
	        font-size: 6.4vw;
	        margin-bottom: 6.4vw;
	        .text-small {
	          font-size: 4.27vw;
	        }
	      }
	    }
	  }
	  .experience-slider {
	    padding-bottom: 1vw;
	    margin-top: -3.47vw;
      padding-left: 2.889vw;
	    .item {
	      margin: 0 1.33vw;
        width: 48vw;
	    }
      .experience-prev, .experience-next{
        bottom: 5vw;
      }
	  }
	  .note {
	    padding: 9.27vw 0 0 4.27vw;
	    font-size: 3.2vw;
	  }
	  .voice {
	    margin-top: 4.27vw;
	    .note {
	      padding-top:2.8vw;
	    }
	    .voice-list {
	      .item {
	        margin-top: -9.6vw;
	        &:nth-child(2) {
	          margin-top: -21.6vw;
	        }
	        &:nth-child(3) {
	          margin-top: -14.2vw;
	        }
	      }
	    }
	    .bottom {
	      padding-top: 9.07vw;
	    }
	  }
	  .box-chatbot {
	    padding-top: 2.67vw;
	  }
	}
	.features-slider {
	  margin-bottom: 8.4vw !important;
    padding-bottom: 7.1vw;
	  .slick-dots {
	    bottom: -9.33vw;
	    li {
	      margin: 0 1.07vw;
	      width: 2.13vw;
	      height: 2.13vw;
	    }
	  }
	}
	.features {
	  margin-top: -2.13vw;
	  .top {
	    margin-bottom: -5.33vw;
	  }
	  .value-item {
	    .title-banner {
	      margin-bottom: 2.4vw;
	    }
	  }
	  .bottom {
	    margin-top: -5.6vw;
	  }
	  .value02 {
	    margin-top: -0.27vw;
	    margin-bottom: -0.53vw;
	  }
	}
	.session-list {
	  .session-item {
	    margin-bottom: 6.4vw;
	    padding: 0 7.2vw;
	    .description {
	      p {
	        font-size: 3.73vw;
	        margin-bottom: 1.07vw;
	        small {
	          font-size: 2.67vw;
	        }
	      }
	    }
	    .featured {
	      margin: 2.67vw auto 0;
	    }
	    &.session-item02 {
	      .featured {
	        margin-top: 4vw;
	      }
	      .description p small {
	        font-size: 3.2vw;
	      }
	    }
	  }
	  .number {
	    height: 8.53vw;
	  }
	  .title {
	    h2 {
	      font-size: 6.4vw;
	      margin-bottom: 4.27vw;
	    }
	  }
	}
	.session {
	  margin-top: -0.53vw;
	  .top {
	    margin-bottom: 2.93vw;
	  }
	  .box-chatbot {
	    padding-top: 2.67vw;
	    padding-bottom: 5.6vw;
	  }
	  .banner-bottom {
	    padding-top: 14.93vw;
	  }
	  .banner-bottom02 {
	    padding-top: 14.67vw;
	  }
	}
	.body-make {
	  .accordion {
	    margin-top: 1.6vw;
	    margin-bottom: 5.33vw;
	    .accordion-content {
	      .list-dots {
	        margin-bottom: 2.13vw;
	        li {
	          font-size: 3.73vw;
	          padding-left: 5.33vw;
	          &:before {
	            width: 0.8vw;
	            height: 0.8vw;
	            left: 2.4vw;
	            top: 2.13vw;
	          }
	        }
	      }
	      p {
	        margin-bottom: 2.13vw;
	      }
	    }
	  }
	}
	.plans {
	  .accordion {
	    margin-top: 4vw;
	    margin-bottom: 2.67vw;
	    .studios {
	      margin: 0 -5.33vw;
	    }
	  }
	}
	.faq {
	  margin-top: 9.07vw;
	  padding: 8.53vw 4.27vw 19.73vw;
	  box-shadow: 0.27vw 0.27vw 5.33vw 0vw #1951ad1a;
	  border-radius: 4.27vw 4.27vw 0 0;
	  .title {
	    border: 0.27vw solid #0544a8;
	    border-radius: 10.67vw;
	    padding: 0 5.33vw;
	    font-size: 6.4vw;
	    margin: 0 auto 8.53vw;
	  }
	  .faq-item {
	    border-radius: 10.67vw;
	    padding: 2.67vw;
	    margin-bottom: 4.27vw;
	    &.show {
	      border-radius: 5.33vw;
	    }
	  }
	  .question {
	    padding-left: 10.67vw;
	    min-height: 8.53vw;
	    padding-right: 7.47vw;
	    &:before {
	      width: 8.53vw;
	      height: 8.53vw;
	    }
	    &:after {
	      width: 5.33vw;
	      height: 5.33vw;
	    }
	    h3 {
	      font-size: 4.27vw;
	    }
	  }
	  .answer {
	    padding-top: 2.13vw;
	    padding-left: 10.67vw;
	    p {
	      font-size: 3.73vw;
        margin-bottom: 2vw;
	    }
	  }
	}
	.line-box {
	  padding: 0 4.27vw;
	}
	.accordion {
	  margin: 0 7.33vw;
	  border-radius: 10.67vw;
	  box-shadow: 0.27vw 0.27vw 2.67vw 0vw #1951ad33;
	  &.show {
	    border-radius: 5.33vw;
	  }
	  .accordion-title {
	    padding: 2.67vw 4vw;
	    h3 {
	      font-size: 4.27vw;
	      padding-left: 7.47vw;
	      &:before {
	        width: 5.33vw;
	        height: 5.33vw;
	        top: 0.53vw;
	      }
	    }
	  }
	  .accordion-content {
	    padding: 1.6vw 5.33vw 13.33vw;
	    .plan-list {
	      margin: 0 -1.33vw;
	      img {
	        margin-bottom: 4.27vw;
	      }
	    }
	    .list-tick {
	      margin: 0 1.47vw 2.13vw;
	      li {
	        padding-left: 5.87vw;
	        background: url(../images/tick-gray.svg) no-repeat top 1.33vw left /
	          4.27vw auto;
	        font-size: 4.27vw;
	        margin-bottom: 2.67vw;
	        ul {
	          margin: 1.07vw 0 0;
	          li {
	            font-size: 3.73vw;
	            line-height: 1.5;
	          }
	        }
	      }
	    }
	    p {
	      font-size: 3.73vw;
	      margin-bottom: 1.07vw;
	    }
	    h4 {
	      font-size: 4.27vw;
	      margin-bottom: 1.07vw;
	    }
	    .accordion-close {
	      bottom: 2.67vw;
	      h3 {
	        font-size: 4.27vw;
	        padding-left: 7.47vw;
	        &:before {
	          width: 5.33vw;
	          height: 5.33vw;
	          top: 0.53vw;
	        }
	      }
	    }
	  }
	}
	.price {
	  border-radius: 4.27vw 4.27vw 0 0;
	  box-shadow: 0.27vw 0.27vw 5.33vw 0vw #1951ad1a;
	  padding-top: 8.53vw;
	  margin-top: -2.67vw;
	  .title-border {
	    border: 0.27vw solid #0544a8;
	    border-radius: 10.67vw;
	    padding: 0 5.33vw;
	    font-size: 6.4vw;
	    margin: 0 auto 8.53vw;
	  }
	  .title-small {
	    font-size: 4.27vw;
	    margin-bottom: 8.53vw;
	    span {
	      margin: 0 1.33vw;
	    }
	  }
	  .featured {
	    padding: 0 6.67vw;
	  }
	  .note {
	    padding: 2.13vw 4.27vw 5.87vw;
	    font-size: 3.2vw;
	  }
	  .accordion {
	    margin-bottom: 7.93vw;
	  }
	  .note-bottom {
	    padding: 2.13vw 4.27vw 0;
	    font-size: 2.67vw;
	  }
	  .banner-bottom03 {
	    margin-top: 8.53vw;
	  }
	}
	#footer {
	  padding-bottom: 29.5vw;
	  .ft-top {
	    padding: 8.53vw 0 9.33vw;
	    h3 {
	      font-size: 4.27vw;
	      margin-bottom: 2.13vw;
	    }
	    .ft-logo {
	      height: 21.6vw;
	      margin-bottom: 2.67vw;
	    }
	    .ft-menu {
	      ul {
	        li {
	          padding: 0 2.67vw;
	          border-left: 0.27vw solid #566884;
	          font-size: 3.2vw;
	        }
	      }
	    }
	  }
	  .ft-bottom {
	    padding: 2.67vw 0;
	    p {
	      font-size: 3.2vw;
	    }
	  }
	}
	.section-fixed.fixed {
	  max-width: 100vw;
    bottom: -3vw;
	}
  .swiper-button-prev {
    left: 2.667vw;
    width: 12.667vw;
    height: 12.667vw;
    box-shadow: 0.267vw 0.267vw 5.333vw 0px #1951ad40;
  }
  .swiper-button-next {
    right: 2.667vw;
    bottom: 0;
    width: 12.667vw;
    height: 12.667vw;
    box-shadow: 0.267vw 0.267vw 5.333vw 0px #1951ad40;
  }

}