@charset "UTF-8";
@import "style.css";
@import "style02.css";
html {
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 768px) {
  html {
    font-size: clamp(12px, 1.1111111111vw, 36px);
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: clamp(12px, 3.8888888889vw, 27px);
  }
}
@media screen and (max-width: 1280px) {
  html {
    font-size: clamp(12px, 1.25vw, 36px);
  }
}

.wrapper {
  display: grid;
  grid-template-columns: 1fr 23.6111111111vw;
  gap: 0;
  overflow: hidden;
}
.wrapper .color-green {
  color: #32964B;
}
@media screen and (max-width: 767px) {
  .wrapper .media-pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .media-sp {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .wrapper .media-monitor {
    display: none !important;
  }
}
.wrapper .contents-width {
  margin: 0 auto;
  max-width: 872px;
  padding: 0 16px;
}
@media screen and (min-width: 1441px) {
  .wrapper .contents-width {
    max-width: 60.5555555556vw;
    padding: 0 1.1111111111vw;
  }
}
.wrapper .manga-contents-width {
  max-width: 804px;
}
@media screen and (min-width: 1441px) {
  .wrapper .manga-contents-width {
    max-width: 55.8333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .vp-font-size {
    font-size: clamp(12px, 1.1111111111vw, 36px);
  }
}
@media screen and (max-width: 767px) {
  .wrapper .vp-font-size {
    font-size: clamp(12px, 3.8888888889vw, 27px);
  }
}
@media screen and (max-width: 1280px) {
  .wrapper .vp-font-size {
    font-size: clamp(12px, 1.25vw, 36px);
  }
}
@media screen and (min-width: 768px) {
  .wrapper .vp-font-size .small {
    font-size: clamp(9px, 0.8333333333vw, 27px);
  }
}
@media screen and (max-width: 767px) {
  .wrapper .vp-font-size .small {
    font-size: clamp(9px, 2.9166666667vw, 20.25px);
  }
}
@media screen and (max-width: 1280px) {
  .wrapper .vp-font-size .small {
    font-size: clamp(9px, 0.9375vw, 27px);
  }
}
.wrapper .btn-link {
  display: block;
}
@media screen and (min-width: 768px) {
  .wrapper .btn-link {
    position: relative;
  }
  .wrapper .btn-link img {
    position: relative;
    z-index: 10;
    transition: all 0.3s ease;
  }
  .wrapper .btn-link:hover img {
    transform: translateY(12px);
  }
  .wrapper .btn-link.type-a::after, .wrapper .btn-link.type-b::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: #333;
    z-index: 1;
  }
  .wrapper .btn-link.type-c::before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .btn-link.type-a::after {
    border-radius: 0 0 8px 8px;
  }
}
@media screen and (min-width: 1441px) {
  .wrapper .btn-link.type-a::after {
    border-radius: 0 0 0.5555555556vw 0.5555555556vw;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .btn-link.type-b::after {
    border-radius: 0 0 20px 20px;
  }
}
@media screen and (min-width: 1441px) {
  .wrapper .btn-link.type-b::after {
    border-radius: 0 0 1.3888888889vw 1.3888888889vw;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .btn-link.type-c {
    position: absolute;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .btn-link.type-c::before {
    border-radius: 5vw;
  }
}
@media screen and (max-width: 1024px) {
  .wrapper {
    display: block;
  }
}
.wrapper .column-1 {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.1111111111vw;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui {
    position: relative;
    margin-top: 8px;
    padding: 0 8px;
    height: 40vw;
  }
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab {
  display: block;
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab {
    position: absolute;
    bottom: 0;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab.active, .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab:hover {
    z-index: 3;
  }
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab.active .btn-object::before, .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab:hover .btn-object::before {
  opacity: 0;
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab.active .btn-object::after, .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab:hover .btn-object::after {
  opacity: 1;
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab:hover::before {
  transform: translateY(-10px);
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab .btn-object {
  display: block;
  position: relative;
  width: 28.4722222222vw;
  height: 12.2916666667vw;
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab .btn-object {
    width: 53.3333333333vw;
    height: 40vw;
  }
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab .btn-object::before, .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab .btn-object::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab .btn-object::before, .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab .btn-object::after {
    transition: opacity 0.3s ease 0.3s, transform 0.3s ease;
    width: 28.4722222222vw;
    height: 12.2916666667vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab .btn-object::before, .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab .btn-object::after {
    width: 53.3333333333vw;
    height: 40vw;
    background-position: center bottom;
  }
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab .btn-object::before {
  opacity: 1;
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab .btn-object::after {
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab.tab-a {
    left: 8px;
  }
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab.tab-a .btn-object::before {
  background-image: url(../images/tab-solar-panel_off.png);
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab.tab-a .btn-object::before {
    background-image: url(../images/tab-solar-panel-sp_off.png);
  }
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab.tab-a .btn-object::after {
  background-image: url(../images/tab-solar-panel_on.png);
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab.tab-a .btn-object::after {
    background-image: url(../images/tab-solar-panel-sp_on.png);
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab.tab-b {
    right: 8px;
  }
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab.tab-b .btn-object::before {
  background-image: url(../images/tab-battery_off.png);
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab.tab-b .btn-object::before {
    background-image: url(../images/tab-battery-sp_off.png);
  }
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab.tab-b .btn-object::after {
  background-image: url(../images/tab-battery_on.png);
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab.tab-b .btn-object::after {
    background-image: url(../images/tab-battery-sp_on.png);
  }
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-tab-ui .select-tab .btn-label {
  display: none;
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-contents .manga-contents-inner {
  display: none;
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-contents .manga-contents-inner.manga-a {
  background-color: #32964B;
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-contents .manga-contents-inner.manga-b {
  background-color: #5F95C3;
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-contents .manga-contents-inner.active {
  display: block;
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-contents .manga-contents-inner .contents-width {
  padding: 64px 16px;
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-contents .manga-contents-inner .manga-list {
  background-color: #fff;
  padding: 40px;
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-1 .manga-wrapper .manga-contents .manga-contents-inner .manga-list {
    padding: 2.1333333333vw;
  }
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-contents .manga-contents-inner .manga-list .manga-page:not(:first-child) {
  margin-top: 2.2222222222vw;
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-1 .manga-wrapper .manga-contents .manga-contents-inner .manga-list .manga-page:not(:first-child) {
    margin-top: 8.5333333333vw;
  }
}
.wrapper .column-1 .section-1 .manga-wrapper .manga-contents .manga-contents-inner .btn-manga-change {
  width: 28.4722222222vw;
  margin: 1rem auto 0;
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-1 .manga-wrapper .manga-contents .manga-contents-inner .btn-manga-change {
    width: 85.3333333333vw;
    margin-top: 13.3333333333vw;
  }
}
.wrapper .column-1 .section-2 {
  background-color: #eee;
  background-image: linear-gradient(#f8f8f8, #f8f8f8 50%, transparent 50%, transparent 100%), linear-gradient(90deg, #f8f8f8, #f8f8f8 50%, transparent 50%, transparent 100%), linear-gradient(-45deg, #f8f8f8, #f8f8f8 25%, transparent 25%, transparent 50%, #f8f8f8 50%, #f8f8f8 75%, transparent 75%, transparent);
  background-size: 6px 6px, 6px 6px, 12px 12px;
  padding-top: 3.8888888889vw;
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-2 {
    padding-top: 10.6666666667vw;
  }
}
.wrapper .column-1 .section-2 .section-p-text {
  margin-top: 1.5rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-2 .section-p-text {
    margin-top: 6.4vw;
    padding: 0 4.2666666667vw;
  }
}
.wrapper .column-1 .section-2 .section-p-image {
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-2 .section-p-image {
    margin-top: 6.4vw;
    padding: 0 4.2666666667vw;
  }
}
.wrapper .column-1 .voice-slider {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: #fcf1d8;
  background-size: contain, 6px 6px, 6px 6px, 12px 12px;
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .voice-slider {
    background-image: url(../images/bg-voice.png), linear-gradient(#fffce7, #fffce7 50%, transparent 50%, transparent 100%), linear-gradient(90deg, #fffce7, #fffce7 50%, transparent 50%, transparent 100%), linear-gradient(-45deg, #fffce7, #fffce7 25%, transparent 25%, transparent 50%, #fffce7 50%, #fffce7 75%, transparent 75%, transparent);
    padding-top: 3.8888888889vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .voice-slider {
    background-image: url(../images/bg-voice-sp.png), linear-gradient(#fffce7, #fffce7 50%, transparent 50%, transparent 100%), linear-gradient(90deg, #fffce7, #fffce7 50%, transparent 50%, transparent 100%), linear-gradient(-45deg, #fffce7, #fffce7 25%, transparent 25%, transparent 50%, #fffce7 50%, #fffce7 75%, transparent 75%, transparent);
    padding-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .voice-slider .contents-width-voice {
    max-width: 76.3888888889vw;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .section-title {
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper {
    padding-bottom: 7.8472222222vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper {
    padding-bottom: 16.2666666667vw;
  }
}
.wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-wrapper .swiper-slide {
  transition: transform 0.6s ease;
  transform: scale(0);
  transform-origin: center bottom;
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-wrapper .swiper-slide {
    padding: 0 20.8333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-wrapper .swiper-slide {
    padding: 0 6.4vw;
  }
}
.wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-prev,
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-next {
    width: 5vw;
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-prev,
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-next {
    width: 12.8vw;
    height: 13.3333333333vw;
    top: auto;
    bottom: 7.4666666667vw;
    z-index: 12;
  }
}
.wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-prev::after,
.wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-next::after {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 3;
  content: "";
  display: block;
  position: absolute;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-prev::after,
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-next::after {
    width: 5vw;
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-prev::after,
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-next::after {
    width: 12.8vw;
    height: 13.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-prev:hover::after,
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-next:hover::after {
    transform: translateY(6px);
  }
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-prev {
    left: 9.7222222222vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-prev {
    left: 4.5333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-prev::after {
    background-image: url(../images/icon-arrow-left.svg);
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-prev::after {
    background-image: url(../images/button-arrow-left-sp.png);
  }
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-next {
    right: 9.7222222222vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-next {
    right: 4.5333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-next::after {
    background-image: url(../images/icon-arrow-right.svg);
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-button-next::after {
    background-image: url(../images/button-arrow-right-sp.png);
  }
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-pagination {
    bottom: 3.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-pagination {
    bottom: 10.1333333333vw;
  }
}
.wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-pagination .swiper-pagination-bullet {
    width: 1.1111111111vw;
    height: 1.1111111111vw;
    margin: 0 1.1111111111vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-pagination .swiper-pagination-bullet {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin: 0 2.1333333333vw;
  }
}
.wrapper .column-1 .voice-slider .contents-width-voice .swiper .swiper-control .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #FFF87A;
}
.wrapper .column-1 .section-3 {
  background-image: url(../images/bg-section-3-2.png);
  background-repeat: repeat;
  background-position: center;
  background-size: 100%;
  padding: 5.5555555556vw 1.1111111111vw;
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-3 {
    padding: 10.6666666667vw 4.2666666667vw;
  }
}
.wrapper .column-1 .section-3 .contents-width {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  background-image: url(../images/bg-section-3.png);
  padding: 3.8888888889vw;
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-3 .contents-width {
    background-image: url(../images/bg-section-3-sp.png);
    padding: 10.6666666667vw 6.4vw;
  }
}
.wrapper .column-1 .section-3 .contents-width .section-3-inner-section {
  position: relative;
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .section-3 .contents-width .section-3-inner-section {
    display: flex;
    gap: 2.2222222222vw;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-3 .contents-width .section-3-inner-section {
    margin-top: 8.5333333333vw;
  }
}
.wrapper .column-1 .section-3 .contents-width .section-3-inner-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 1px;
  background-color: #ccc;
}
.wrapper .column-1 .section-3 .contents-width .section-3-inner-section:not(:last-child) {
  padding-bottom: 2.7777777778vw;
  margin-bottom: 2.7777777778vw;
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-3 .contents-width .section-3-inner-section:not(:last-child) {
    padding-bottom: 10.6666666667vw;
    margin-bottom: 10.6666666667vw;
  }
}
.wrapper .column-1 .section-3 .contents-width .section-3-inner-section .section-inner-text-block .inner-section-text {
  line-height: 1.6;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .section-3 .contents-width .section-3-inner-section .section-inner-image-block {
    flex-shrink: 0;
    width: 19.4444444444vw;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .section-3 .contents-width .section-3-inner-section .section-inner-image-block {
    margin-top: 1rem;
    width: 100%;
    padding: 0 6.4vw;
  }
}
.wrapper .column-1 .section-3 .contents-width .section-3-inner-section.layout-left .section-inner-text-block {
  order: 1;
}
.wrapper .column-1 .section-3 .contents-width .section-3-inner-section.layout-left .section-inner-image-block {
  order: 2;
}
.wrapper .column-1 .section-3 .contents-width .section-3-inner-section.layout-right .section-inner-text-block {
  order: 2;
}
.wrapper .column-1 .section-3 .contents-width .section-3-inner-section.layout-right .section-inner-image-block {
  order: 1;
}
.wrapper .column-1 .cta-link-area {
  background-color: #FFF87A;
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .cta-link-area {
    background-image: url(../images/bg-cta-area.png);
    background-size: 100% 100%;
    padding: 2.7777777778vw 0 4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .cta-link-area {
    background-image: url(../images/bg-cta-area-sp.png);
    background-size: cover;
    padding: 10.6666666667vw 4.2666666667vw;
  }
}
.wrapper .column-1 .cta-link-area .cta-link-btn {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .cta-link-area .cta-link-btn {
    width: 38.1944444444vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .cta-link-area .cta-link-btn {
    width: 85.3333333333vw;
  }
}
.wrapper .column-1 .form-area {
  padding: 5.5555555556vw 0;
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .form-area {
    padding: 10.6666666667vw 4.2666666667vw;
  }
}
.wrapper .column-1 .form-area .section-title {
  margin: 0 auto 3.3333333333vw;
  max-width: 22.1527777778vw;
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .form-area .section-title {
    max-width: 70.4vw;
    margin: 0 auto 10.6666666667vw;
  }
}
.wrapper .column-1 .form-area .display-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.wrapper .column-1 .form-area .display-column .call-information {
  background-color: #F7F7F7;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin-top: 1rem;
}
@media screen and (max-width: 1024px) {
  .wrapper .column-1 .form-area .display-column .call-information {
    width: auto;
    padding: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .form-area .display-column .call-information {
    padding: 9.6153846154%;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .form-area .display-column .call-information .call-title {
    font-size: clamp(10.8px, 1vw, 32.4px);
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .form-area .display-column .call-information .call-title {
    font-size: clamp(10.8px, 3.5vw, 24.3px);
  }
}
@media screen and (max-width: 1280px) {
  .wrapper .column-1 .form-area .display-column .call-information .call-title {
    font-size: clamp(10.8px, 1.125vw, 32.4px);
  }
}
.wrapper .column-1 .form-area .display-column .call-information .call-number-block {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .form-area .display-column .call-information .call-number-block {
    font-size: clamp(18px, 1.6666666667vw, 54px);
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .form-area .display-column .call-information .call-number-block {
    font-size: clamp(18px, 5.8333333333vw, 40.5px);
  }
}
@media screen and (max-width: 1280px) {
  .wrapper .column-1 .form-area .display-column .call-information .call-number-block {
    font-size: clamp(18px, 1.875vw, 54px);
  }
}
.wrapper .column-1 .form-area .display-column .call-information .call-number-block .call-icon {
  display: block;
  margin-right: 2px;
}
@media screen and (max-width: 1024px) {
  .wrapper .column-1 .form-area .display-column .call-information .call-number-block .call-icon {
    width: 3.02734375vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .form-area .display-column .call-information .call-number-block .call-icon {
    width: 8.2666666667vw;
  }
}
.wrapper .column-1 .form-area .display-column .call-information .call-number-block .call-number {
  font-weight: bold;
}
.wrapper .column-1 .form-area .display-column .call-information .call-text {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .form-area .display-column .call-information .call-text {
    font-size: clamp(9px, 0.8333333333vw, 27px);
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .form-area .display-column .call-information .call-text {
    font-size: clamp(9px, 2.9166666667vw, 20.25px);
  }
}
@media screen and (max-width: 1280px) {
  .wrapper .column-1 .form-area .display-column .call-information .call-text {
    font-size: clamp(9px, 0.9375vw, 27px);
  }
}
.wrapper .column-1 .form-area .display-column .cta-link {
  margin-top: 1rem;
}
.wrapper .column-1 .form-area .display-column .cta-link .cta-link-text {
  color: #3496ea;
}
@media screen and (min-width: 768px) {
  .wrapper .column-1 .form-area .display-column .cta-link .cta-link-text {
    font-size: clamp(9px, 0.8333333333vw, 27px);
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .form-area .display-column .cta-link .cta-link-text {
    font-size: clamp(9px, 2.9166666667vw, 20.25px);
  }
}
@media screen and (max-width: 1280px) {
  .wrapper .column-1 .form-area .display-column .cta-link .cta-link-text {
    font-size: clamp(9px, 0.9375vw, 27px);
  }
}
.wrapper .column-1 .form-area .display-column .cta-link .cta-link-text::after {
  position: relative;
  top: 1px;
  display: inline-block;
  content: "";
  background: url(../images/ico_external_link_blue.svg) no-repeat;
  background-size: contain;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin-left: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .wrapper .column-1 .form-area .display-column .cta-link .cta-link-text::after {
    width: 1.171875vw;
    height: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .form-area .display-column .cta-link .cta-link-text::after {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
}
.wrapper .column-1 .footer {
  max-width: 76.3888888889vw;
  width: 100%;
  margin: 0;
  padding: 1.6666666667vw 9.0277777778vw 2.7777777778vw;
}
@media screen and (min-width: 1441px) {
  .wrapper .column-1 .footer {
    max-width: 76.3888888889vw;
  }
}
@media screen and (max-width: 1024px) {
  .wrapper .column-1 .footer {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-1 .footer {
    padding: 6.4vw 4.2666666667vw 28.8vw;
  }
}
.wrapper .column-1 .footer .footer__copy {
  margin-top: 0;
}
.wrapper .column-2 {
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  .wrapper .column-2 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-2 {
    display: block;
  }
}
.wrapper .column-2 .display-column {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.7777777778vw;
  box-sizing: border-box;
  width: 23.6111111111vw;
}
.wrapper .column-2 .call-information {
  background-color: #F7F7F7;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 9.6153846154%;
  box-sizing: border-box;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .wrapper .column-2 .call-information .call-title {
    font-size: clamp(10.8px, 1vw, 32.4px);
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-2 .call-information .call-title {
    font-size: clamp(10.8px, 3.5vw, 24.3px);
  }
}
@media screen and (max-width: 1280px) {
  .wrapper .column-2 .call-information .call-title {
    font-size: clamp(10.8px, 1.125vw, 32.4px);
  }
}
.wrapper .column-2 .call-information .call-number-block {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .wrapper .column-2 .call-information .call-number-block {
    font-size: clamp(18px, 1.6666666667vw, 54px);
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-2 .call-information .call-number-block {
    font-size: clamp(18px, 5.8333333333vw, 40.5px);
  }
}
@media screen and (max-width: 1280px) {
  .wrapper .column-2 .call-information .call-number-block {
    font-size: clamp(18px, 1.875vw, 54px);
  }
}
@media screen and (max-width: 1280px) {
  .wrapper .column-2 .call-information .call-number-block {
    font-size: 1.640625vw;
  }
}
.wrapper .column-2 .call-information .call-number-block .call-icon {
  display: block;
  width: 2.1527777778vw;
  margin-right: 2px;
}
.wrapper .column-2 .call-information .call-number-block .call-number {
  font-weight: bold;
}
.wrapper .column-2 .call-information .call-text {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .wrapper .column-2 .call-information .call-text {
    font-size: clamp(9px, 0.8333333333vw, 27px);
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-2 .call-information .call-text {
    font-size: clamp(9px, 2.9166666667vw, 20.25px);
  }
}
@media screen and (max-width: 1280px) {
  .wrapper .column-2 .call-information .call-text {
    font-size: clamp(9px, 0.9375vw, 27px);
  }
}
.wrapper .column-2 .cta-link {
  margin-top: 1rem;
}
.wrapper .column-2 .cta-link .cta-link-text {
  color: #3496ea;
}
@media screen and (min-width: 768px) {
  .wrapper .column-2 .cta-link .cta-link-text {
    font-size: clamp(9px, 0.8333333333vw, 27px);
  }
}
@media screen and (max-width: 767px) {
  .wrapper .column-2 .cta-link .cta-link-text {
    font-size: clamp(9px, 2.9166666667vw, 20.25px);
  }
}
@media screen and (max-width: 1280px) {
  .wrapper .column-2 .cta-link .cta-link-text {
    font-size: clamp(9px, 0.9375vw, 27px);
  }
}
.wrapper .column-2 .cta-link .cta-link-text::after {
  position: relative;
  top: 1px;
  display: inline-block;
  content: "";
  background: url(../images/ico_external_link_blue.svg) no-repeat;
  background-size: contain;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 0.6944444444vw;
  height: 0.6944444444vw;
  margin-left: 0.5rem;
}
.wrapper .column-2 .cta-banner {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); /* 既存の黄色背景を削除したうえでこれを記述 */
  padding-top: 16px; /*グラデがゆるやかになるように白背景を増やす。単位はvwのほうがいいのかも？任せます */
}
.wrapper.form-complete {
  display: block;
}
.wrapper.form-complete .column-1 {
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
.wrapper.form-complete .column-1 .corporate-logo {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .wrapper.form-complete .column-1 .corporate-logo {
    width: 24.5833333333vw;
    padding-top: 2.7777777778vw;
    margin-bottom: 4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper.form-complete .column-1 .corporate-logo {
    width: 76.5333333333vw;
    padding-top: 5.3333333333vw;
    margin-bottom: 17.0666666667vw;
  }
}
.wrapper.form-complete .column-1 .form-thanks .form-thanks-title {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .wrapper.form-complete .column-1 .form-thanks .form-thanks-title {
    width: 22.1527777778vw;
    margin-bottom: 2.7777777778vw;
  }
}
@media screen and (max-width: 767px) {
  .wrapper.form-complete .column-1 .form-thanks .form-thanks-title {
    width: 70.4vw;
    margin-bottom: 10.6666666667vw;
  }
}
.wrapper.form-complete .column-1 .form-thanks .form-thanks-text {
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .wrapper.form-complete .column-1 .form-thanks .form-thanks-text {
    font-size: clamp(14.4px, 1.3333333333vw, 43.2px);
  }
}
@media screen and (max-width: 767px) {
  .wrapper.form-complete .column-1 .form-thanks .form-thanks-text {
    font-size: clamp(14.4px, 4.6666666667vw, 32.4px);
  }
}
@media screen and (max-width: 1280px) {
  .wrapper.form-complete .column-1 .form-thanks .form-thanks-text {
    font-size: clamp(14.4px, 1.5vw, 43.2px);
  }
}
@media screen and (min-width: 768px) {
  .wrapper.form-complete .column-1 .form-thanks .form-thanks-text {
    text-align: center;
  }
}
.wrapper.form-complete .column-1 .form-thanks .form-thanks-text + .form-thanks-text {
  margin-top: 1.6em;
}
.wrapper.form-complete .footer {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .wrapper.form-complete .footer {
    padding: 6.4vw 4.2666666667vw 8.5333333333vw;
  }
}

/*# sourceMappingURL=manga-lp-style.css.map */