@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&display=swap");
html {
  font-size: 0.0909090909vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}

dl dd {
  -webkit-margin-start: 0rem;
          margin-inline-start: 0rem;
}

select {
  /* 初期化 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #333;
  font-size: 16px;
  width: 100%;
  height: 100%;
  padding: 0 10px;
}

a {
  transition-duration: 0.3s;
}

a:hover {
  opacity: 0.6;
}

@media screen and (min-width: 1100px) {
  html {
    font-size: 1px;
  }
}
@media screen and (max-width: 860px) {
  html {
    font-size: 0.14765vw;
  }
}
dl {
  margin: 0px;
}
dl dt {
  margin: 0px;
}
dl dd {
  margin: 0px;
}

ul, ol {
  padding: 0px;
  margin: 0px;
}
ul li, ol li {
  list-style-type: none;
}

body {
  margin: 0px;
  font-size: 16rem;
}
@media screen and (max-width: 860px) {
  body {
    font-size: 24rem;
    line-height: 42rem;
  }
}

figure {
  margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0px;
  margin: 0px;
  font-weight: 200;
}

p {
  margin: 0px;
}

a {
  text-decoration: none;
  color: #000;
}
a:hover {
  opacity: 0.6;
}

.p-text-center {
  text-align: center;
}

.p-main-header {
  position: fixed;
  top: 0rem;
  left: 0rem;
  width: 100%;
  z-index: 300;
  box-sizing: border-box;
}

.p-list-style {
  padding-left: 20rem;
  box-sizing: border-box;
}
.p-list-style li {
  list-style-type: disc;
  margin-bottom: 20rem;
  font-weight: bold;
}
.p-list-style li:last-child {
  margin-bottom: 0rem;
}
.p-list-style.--number li {
  list-style-type: decimal;
}
.p-list-style.--number li:last-child {
  margin-bottom: 0rem;
}

.p-flex {
  display: flex;
  justify-content: space-between;
}
.p-flex.--align-center {
  align-items: center;
}
.p-flex.--text-right {
  justify-content: flex-end;
}
.p-flex.--text-left {
  justify-content: left;
}
.p-flex.--text-center {
  justify-content: center;
}
.p-flex.--align-bottom {
  align-items: flex-end;
}
.p-flex.--wrap {
  flex-wrap: wrap;
}
.p-flex.--justify-center {
  justify-content: center;
}
.p-flex.--justify-between {
  justify-content: space-between !important;
}
.p-flex.--justify-left {
  justify-content: flex-start;
}
.p-flex.--align-top {
  align-items: flex-start;
}
.p-flex li:last-child .c-text-link_1 {
  margin-right: 0px;
}
.p-flex.--column-2 li, .p-flex.--column-2 article {
  width: 535rem;
}
@media screen and (max-width: 860px) {
  .p-flex.--column-2 li, .p-flex.--column-2 article {
    width: 100%;
  }
}
.p-flex.--column-2 li figure, .p-flex.--column-2 article figure {
  width: 100%;
}
.p-flex.--column-2 li figure img, .p-flex.--column-2 article figure img {
  width: 100%;
}
.p-flex.--column-3 article, .p-flex.--column-3 li {
  width: 340rem;
  margin-right: calc((100% - 1020rem) / 2);
}
.p-flex.--column-3 article:nth-child(3n), .p-flex.--column-3 li:nth-child(3n) {
  margin-right: 0rem;
}
.p-flex.--column-3 article figure, .p-flex.--column-3 li figure {
  width: 100%;
}
.p-flex.--column-3 article figure img, .p-flex.--column-3 li figure img {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .p-flex.--column-3 article, .p-flex.--column-3 li {
    width: 30%;
  }
}
@media screen and (max-width: 860px) {
  .p-flex.--column-3 article, .p-flex.--column-3 li {
    width: 100%;
    margin-right: 0rem;
  }
}
.p-flex.--column-3_l article, .p-flex.--column-3_l li {
  width: 353rem;
}
@media screen and (max-width: 860px) {
  .p-flex.--column-3_l article, .p-flex.--column-3_l li {
    width: 100%;
  }
}
.p-flex.--column-3_l article figure, .p-flex.--column-3_l li figure {
  width: 100%;
}
.p-flex.--column-3_l article figure img, .p-flex.--column-3_l li figure img {
  width: 100%;
}
.p-flex.--column-4 li, .p-flex.--column-4 table, .p-flex.--column-4 article {
  width: 260rem;
  margin-right: 20rem;
  margin-bottom: 20rem;
}
.p-flex.--column-4 li:nth-child(4n), .p-flex.--column-4 table:nth-child(4n), .p-flex.--column-4 article:nth-child(4n) {
  margin-right: 0rem;
}
.p-flex.--column-4 li img, .p-flex.--column-4 table img, .p-flex.--column-4 article img {
  width: 100%;
}
.p-flex.--column-4 li figure, .p-flex.--column-4 table figure, .p-flex.--column-4 article figure {
  width: 100%;
}
.p-flex.--column-4 li figure img, .p-flex.--column-4 table figure img, .p-flex.--column-4 article figure img {
  width: 100%;
}
.p-flex.--column-4.--no-padding table {
  width: 265rem;
  margin-right: 10rem;
  margin-bottom: 0rem;
}
@media screen and (max-width: 860px) {
  .p-flex {
    display: block;
  }
  .p-flex.--flex-sp {
    display: flex;
    justify-content: left;
  }
  .p-flex.--flex-sp.--flex-sp-space_between {
    justify-content: space-between;
  }
}
.p-flex.--text-center {
  text-align: center;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 860px) {
  .p-flex.--text-center {
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
  }
}
.p-flex.--sp-column-2 {
  display: flex;
}
@media screen and (max-width: 860px) {
  .p-flex.--sp-column-2 li {
    width: 48% !important;
    margin-right: 0rem;
  }
}
.p-flex.--reverse {
  flex-direction: row-reverse;
}

img {
  max-width: 100%;
}

/*ここに書いてね*/
.p-gallery-1 li {
  width: 277rem;
}
@media screen and (max-width: 860px) {
  .p-gallery-1 li {
    width: calc(50% - 15rem);
  }
}
.p-gallery-1 li h3 {
  font-size: 14rem;
}
@media screen and (max-width: 860px) {
  .p-gallery-1 li h3 {
    font-size: 24rem;
    line-height: 38rem;
  }
}
.p-gallery-1 li p {
  font-size: 26rem;
  font-weight: bold;
  padding-top: 10rem;
}
@media screen and (max-width: 860px) {
  .p-gallery-1 li p {
    font-size: 28rem;
    padding-top: 10rem;
  }
}

.p-footer {
  background-color: #070D22;
  color: #fff;
  padding-top: 40rem;
  padding-bottom: 40rem;
  text-align: center;
}

.p-faq dt {
  font-size: 18rem;
  line-height: 28rem;
  font-weight: bold;
  padding: 15rem 30rem 15rem 30rem;
  border: 3px solid #6B9EFA;
  border-radius: 50rem;
  color: #6B9EFA;
}
@media screen and (max-width: 860px) {
  .p-faq dt {
    font-size: 24rem;
    line-height: 38rem;
    padding: 20rem 40rem 20rem 40rem;
  }
}
.p-faq dd {
  padding-top: 20rem;
  padding-bottom: 40rem;
  color: #6B9EFA;
  font-weight: bold;
}

.p-mail-box {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 20rem;
  border-radius: 10rem;
}
.p-mail-box a {
  display: inline-block;
  color: #fff;
  font-size: 24rem;
  font-weight: bold;
  text-decoration: none;
  box-sizing: border-box;
}

.p-footer-logo {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  text-align: center;
  padding-top: 80rem;
  padding-bottom: 80rem;
}
.p-footer-logo dl dt {
  padding-bottom: 30rem;
}

@media screen and (max-width: 860px) {
  .p-sp-width-full {
    width: 100% !important;
  }
}

.u-width-266 {
  width: 266rem;
}

/*C-はここから*/
.c-btn-base {
  text-align: center;
  width: 90%;
  font-size: 28rem;
  line-height: 38rem;
  box-sizing: border-box;
  display: block;
}
.c-btn-base.--style-1 {
  max-width: 513rem;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
  border-radius: 5rem;
  position: relative;
}
.c-btn-base.--style-1:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  z-index: 100;
  bottom: -5rem;
  right: -5rem;
  -o-border-image: linear-gradient(to right, #45DBFE, #856FF6) 1;
     border-image: linear-gradient(to right, #45DBFE, #856FF6) 1;
  border-width: 1px;
  border-style: solid;
  border-radius: 5rem;
}
.c-btn-base.--style-1 span {
  position: relative;
  z-index: 200;
  background: linear-gradient(to right, #45DBFE, #856FF6);
  display: block;
  border-radius: 5rem;
  box-sizing: border-box;
  padding: 20rem;
}
.c-btn-base.--style-1 span:before {
  content: "";
  display: inline-block;
  width: 8rem;
  height: 8rem;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg);
  margin-right: 15rem;
  position: relative;
  top: -5rem;
}
.c-btn-base.--style-1.--small {
  font-size: 16rem;
  max-width: 213rem;
}
.c-btn-base.--style-1.--small span {
  padding: 5rem;
}
.c-btn-base.--style-1.--small span:before {
  content: "";
  display: inline-block;
  width: 5rem;
  height: 5rem;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg);
  margin-right: 15rem;
  position: relative;
  top: -2rem;
}
@media screen and (max-width: 860px) {
  .c-btn-base.--style-1.--small {
    font-size: 28rem;
    line-height: 42rem;
    max-width: 70%;
  }
  .c-btn-base.--style-1.--small span {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
.c-btn-base.--style-1.--follow {
  position: fixed;
  bottom: 20rem;
  right: 20rem;
}
.c-btn-base.--center {
  margin-left: auto;
  margin-right: auto;
}
.c-btn-base.--style-2 {
  max-width: 357rem;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
  border-radius: 5rem;
  position: relative;
  background: linear-gradient(to right, #45DBFE, #856FF6);
  font-size: 18rem;
  line-height: 28rem;
  border-radius: 50rem;
  padding-top: 15rem;
  padding-bottom: 15rem;
}
@media screen and (max-width: 860px) {
  .c-btn-base.--style-2 {
    font-size: 28rem;
    line-height: 42rem;
    max-width: 70%;
  }
}
.c-btn-base.--style-2:before {
  content: "";
  display: inline-block;
  width: 8rem;
  height: 8rem;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg);
  margin-right: 15rem;
  position: relative;
  top: -2rem;
}

.c-white-box-3 {
  border: 6px solid #fff;
}
.c-white-box-3 dt {
  background: #fff;
  color: #2796DB;
  width: 243rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 24rem;
  font-weight: bold;
  line-height: 38rem;
  padding: 40rem;
  box-sizing: border-box;
}
@media screen and (max-width: 860px) {
  .c-white-box-3 dt {
    width: 100%;
    font-size: 28rem;
    list-style: 48rem;
    padding: 20rem;
    padding-bottom: 25rem;
  }
}
.c-white-box-3 dd {
  padding: 40rem;
  box-sizing: border-box;
  width: calc(100% - 243rem);
  color: #fff;
  font-size: 16rem;
  line-height: 34rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 860px) {
  .c-white-box-3 dd {
    width: 100%;
    padding: 40rem;
    font-size: 24rem;
    line-height: 42rem;
  }
}

.c-sp-center {
  margin-left: auto;
  margin-right: auto;
}

.c-white-box-4 {
  border: 6px solid #fff;
  background: #fff;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.06));
}
.c-white-box-4 dt {
  background: #6B9EFA;
  color: #fff;
  padding: 30rem;
  text-align: center;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 28rem;
}
.c-white-box-4 dd {
  padding: 40rem;
}

/*ここまで書いてね*/
.u-text-1 {
  font-size: 12rem;
  line-height: 24rem;
}
@media screen and (max-width: 860px) {
  .u-text-1 {
    font-size: 20rem;
    line-height: 38rem;
  }
}

.u-mb-50 {
  margin-bottom: 50rem;
}

.u-img-qr {
  width: 126rem;
  height: 126rem;
}

.p-text-qr {
  width: calc(100% - 156rem);
}

.u-pb-150 {
  padding-bottom: 150rem;
}

.u-mb-20 {
  margin-bottom: 20rem;
}

.u-bg-4 {
  background: url(../img/common/img_contact_1.png);
  background-size: cover;
}

.u-bg-gray-3 {
  background: #F6F6F6;
}

.u-bg-blue-1 {
  background: #070D22;
}

.u-pr-20 {
  padding-right: 20rem;
}

.u-width-350 {
  width: 350rem;
}
@media screen and (max-width: 860px) {
  .u-width-350 {
    width: 100%;
  }
}

.u-width-n-350 {
  width: calc(100% - 350rem);
  box-sizing: border-box;
}
@media screen and (max-width: 860px) {
  .u-width-n-350 {
    width: 100%;
    padding-right: 0rem !important;
  }
}

.u-white-link {
  color: #fff !important;
}

.u-option-text {
  color: #554B35;
  font-size: 130rem;
  line-height: 100rem;
}
.u-option-text.--white {
  color: #fff;
}
.u-option-text span {
  display: block;
}
.u-option-text span:first-child {
  font-size: 36rem;
  line-height: 48rem;
  padding-bottom: 20rem;
}
@media screen and (max-width: 860px) {
  .u-option-text {
    font-size: 94rem;
    line-height: 94rem;
  }
  .u-option-text span {
    font-size: 64rem;
    line-height: 64rem;
  }
}

.u-bg-trgl-left {
  overflow: hidden;
  position: relative;
}
.u-bg-trgl-left:before {
  content: "";
  display: block;
  width: 100%;
  height: 130%;
  background: #F8F8F8;
  position: absolute;
  top: -10%;
  left: -60%;
  z-index: -1;
  transform: rotate(-45deg);
}
@media screen and (max-width: 860px) {
  .u-bg-trgl-left:before {
    left: -40%;
    top: -5%;
    width: 100%;
    height: 500rem;
  }
}
.u-bg-trgl-left.--white:before {
  background: #F6F6F6 !important;
  z-index: 1;
  top: -520rem;
}
@media screen and (max-width: 860px) {
  .u-bg-trgl-left.--white:before {
    top: -5%;
  }
}
.u-bg-trgl-left.--pure-white:before {
  background: #fff !important;
  z-index: 1;
  top: -520rem;
}
@media screen and (max-width: 860px) {
  .u-bg-trgl-left.--pure-white:before {
    top: -5%;
  }
}
.u-bg-trgl-left * {
  position: relative;
  z-index: 100;
}

.u-bg-img-3 {
  background: url(../img/common/bg_footer.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.p-sns-list {
  position: fixed;
  top: 150rem;
  right: 0rem;
}
.p-sns-list li {
  padding: 15rem;
}
.p-sns-list li:first-child {
  background: #10448B;
}
.p-sns-list li:nth-child(2) {
  background: #135690;
}
.p-sns-list li:nth-child(3) {
  background: #1264A7;
}
.p-sns-list li:nth-child(4) {
  background: #237FC0;
}
@media screen and (max-width: 860px) {
  .p-sns-list {
    display: none;
  }
}

.u-bg-blue-2 {
  background: #0F1631;
}

.u-color-white {
  color: #fff;
}

.u-circle-white {
  border: 3px solid #fff;
  border-radius: 150rem;
  color: #fff;
  width: 124rem;
  height: 124rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 34rem;
}

.u-p-20 {
  padding: 20rem;
}
@media screen and (max-width: 860px) {
  .u-p-20 {
    padding: 30rem;
  }
}

.u-p-15 {
  padding: 15rem;
}

.u-ml-10 {
  margin-left: 10rem;
}

.u-bg-gray {
  background: #EFEFEF;
}

.u-bg-gray-2 {
  background: #F8F8F8;
}

.u-width-410 {
  max-width: 410rem;
}

.u-pl-10 {
  padding-left: 10rem;
}

.u-ml-20 {
  margin-left: 20rem;
}

.u-pt-260 {
  padding-top: 260rem;
}

.u-pt-360 {
  padding-top: 360rem;
}

.u-pr-30 {
  padding-right: 30rem;
}

.u-pl-30 {
  padding-left: 30rem;
}

.u-n-mt-100 {
  margin-top: -100rem;
}

.u-n-mt-150 {
  margin-top: -150rem;
}

.u-n-mt-50 {
  position: relative;
  top: -50rem;
}

.u-n-mt-40 {
  position: relative;
  top: -40rem;
}

.u-n-mt-26 {
  position: relative;
  top: -26rem;
}

@media screen and (max-width: 860px) {
  .u-sp-pb-40 {
    padding-bottom: 40rem;
  }
}

.u-n-mt-70 {
  position: relative;
  top: -70rem;
}

.u-sp-pb-20 {
  padding-bottom: 20rem;
}

.u-mt-n-200 {
  margin-top: -200rem;
}

.u-pb-60 {
  padding-bottom: 60rem;
}

.u-pb-100 {
  padding-bottom: 100rem;
}

.u-pb-60 {
  padding-bottom: 60rem;
}

.u-mb-60 {
  margin-bottom: 60rem;
}

.u-pb-50 {
  padding-bottom: 50rem;
}

.u-pt-20 {
  padding-top: 20rem;
}

.u-pt-10 {
  padding-top: 10rem;
}

.u-pt-80 {
  padding-top: 80rem;
}

.u-no-border-bottom {
  border-bottom: none !important;
}

@media screen and (max-width: 860px) {
  .u-sp-pt-80 {
    padding-top: 80rem;
  }
}

.u-mt-80 {
  margin-top: 80rem;
}

.u-mt-150 {
  margin-top: 150rem;
}

.u-mt-100 {
  margin-top: 100rem;
}

.u-width-60 {
  width: 60rem;
}

.u-ml-40 {
  margin-left: 40rem;
}

@media screen and (max-width: 860px) {
  .u-sp-width-100pc {
    width: 100% !important;
  }
}

.u-mt-200 {
  margin-top: 200rem;
}

.u-pb-200 {
  padding-bottom: 200rem;
}

.u-bg-lightred {
  background: #f6ebe8 !important;
}

.u-bg-lightblue {
  background: #d6e3f2 !important;
}

.u-pt-200 {
  padding-top: 200rem;
}

.u-pt-225 {
  padding-top: 225rem;
}

.u-position-relative {
  position: relative;
}

.u-top-n-50 {
  top: -50rem;
}

.u-mt-n-50 {
  margin-top: -50rem;
}

.u-mt-n-60 {
  position: relative;
  top: -60rem;
}

.u-mt-n-60-pc {
  position: relative;
  top: -60rem;
}
@media screen and (max-width: 860px) {
  .u-mt-n-60-pc {
    margin-top: 0rem;
  }
}

@media screen and (max-width: 860px) {
  .u-pt-40-sp {
    padding-top: 40rem;
  }
}

.u-p-60 {
  padding: 60rem;
}

.u-p-50 {
  padding: 50rem;
}

.u-pb-30 {
  padding-bottom: 30rem;
}
@media screen and (max-width: 860px) {
  .u-pb-30 {
    padding-bottom: 40rem;
  }
}

@media screen and (max-width: 860px) {
  .u-sp-pl-0 {
    padding-left: 0rem !important;
  }
}

.u-pt-60 {
  padding-top: 60rem;
}

.u-bottom-0 {
  bottom: 0rem;
}

.u-pt-50 {
  padding-top: 50rem;
}

.u-text-center {
  text-align: center;
}

.u-section-sub-title-1 {
  color: #8A7D60;
}
@media screen and (max-width: 860px) {
  .u-section-sub-title-1 {
    font-size: 20rem;
    line-height: 38rem;
    padding-right: 40rem;
    padding-left: 40rem;
  }
}

.u-section-title-1 {
  font-size: 28rem;
  line-height: 42rem;
  color: #fff;
  max-width: 750rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 860px) {
  .u-section-title-1 {
    font-size: 34rem;
    width: 100%;
    line-height: 54rem;
    padding-right: 40rem;
    padding-left: 40rem;
    box-sizing: border-box;
  }
}

.u-pl-60 {
  padding-left: 60rem;
}
@media screen and (max-width: 860px) {
  .u-pl-60 {
    padding-left: 0rem;
  }
}

.u-posiiton-r {
  position: relative;
}

.u-width-half {
  width: 50%;
}

.u-width-half_s {
  width: 48%;
}

.u-pt-20 {
  padding-top: 20rem;
}

.u-pb-20 {
  padding-bottom: 20rem !important;
}
@media screen and (max-width: 860px) {
  .u-pb-20 {
    padding-bottom: 40rem !important;
  }
}

.u-pb-10 {
  padding-bottom: 10rem;
}
@media screen and (max-width: 860px) {
  .u-pb-10 {
    padding-bottom: 20rem;
  }
}

.u-mt-100 {
  margin-top: 100rem;
}

.p-width-60 {
  display: inline-block;
  width: 60rem;
  margin-right: 20rem;
}
.p-width-60 img {
  width: 100%;
  height: 100%;
}

.u-position-absolute {
  position: absolute;
}

.u-z-100 {
  z-index: 100;
}

.u-mr-10 {
  margin-right: 10rem;
}

.u-mr-30 {
  margin-right: 30rem;
}

.u-pb-80 {
  padding-bottom: 80rem;
}

.u-font-size-16 {
  font-size: 16rem;
  line-height: 32rem !important;
}
@media screen and (max-width: 860px) {
  .u-font-size-16 {
    font-size: 24rem !important;
    line-height: 46rem !important;
  }
}
.u-font-size-16 p {
  font-size: 16rem !important;
  line-height: 32rem !important;
}
@media screen and (max-width: 860px) {
  .u-font-size-16 p {
    font-size: 24rem !important;
    line-height: 46rem !important;
  }
}

.u-font-size-18 {
  font-size: 18rem;
  line-height: 34rem;
}
@media screen and (max-width: 860px) {
  .u-font-size-18 {
    font-size: 24rem;
    line-height: 46rem;
  }
}

.u-n-left-100 {
  left: -100rem;
}
@media screen and (max-width: 860px) {
  .u-n-left-100 {
    left: -500rem;
  }
}

.u-mb-40 {
  margin-bottom: 40rem;
}

.u-text-box_1 {
  font-size: 14rem;
  line-height: 27rem;
}
@media screen and (max-width: 860px) {
  .u-text-box_1 {
    font-size: 24rem;
    line-height: 38rem;
  }
}

.u-footer-logo {
  max-width: 165rem;
  padding-bottom: 20rem;
}
.u-footer-logo img {
  border-radius: 5rem;
}

.u-p-30 {
  padding: 30rem;
}

.u-width-720 {
  width: 720rem;
}
@media screen and (max-width: 860px) {
  .u-width-720 {
    width: 100%;
  }
}

.u-border-b1gray {
  border-bottom: 1px solid #EDEDED;
}

.u-border-b2gray {
  border-bottom: 1px solid #C7C7C7;
}

.u-pt-40 {
  padding-top: 40rem;
}

.u-font-size-70 {
  font-size: 70rem;
  line-height: 80rem;
}

.u-font-size-28 {
  font-size: 28rem;
  line-height: 42rem;
}

.u-pt-30 {
  padding-top: 30rem;
}
@media screen and (max-width: 860px) {
  .u-pt-30 {
    padding-top: 60rem;
  }
}

.u-max-width-470 {
  max-width: 470rem;
}

.u-pb-120 {
  padding-bottom: 120rem;
}

.u-text-left {
  text-align: left;
}

.u-mt-n-80 {
  margin-top: -80rem;
}

.u-mt-n-140 {
  margin-top: -140rem;
}
@media screen and (max-width: 860px) {
  .u-mt-n-140.--sp-0 {
    margin-top: 0rem;
  }
}

.u-mt-n-90 {
  margin-top: -90rem;
}

.u-p-100 {
  padding: 100rem;
}
@media screen and (max-width: 860px) {
  .u-p-100.--sp-p-40 {
    padding: 40rem;
  }
}

.u-pb-180 {
  padding-bottom: 180rem;
}

.u-pr-40 {
  padding-right: 40rem;
}
.u-pr-40.--must {
  padding-right: 40rem !important;
}

.u-pr-60 {
  padding-right: 60rem;
}
.u-pr-60.--sp-0 {
  padding-right: 0rem;
}

@media screen and (max-width: 860px) {
  .u-sp-pb-60 {
    padding-bottom: 60rem;
  }
}

@media screen and (max-width: 860px) {
  .u-sp-pt-40 {
    padding-top: 40rem;
  }
}

.u-bg-white {
  background: #fff;
}

.u-bg-white-right_1:before {
  content: "";
  background: #fff;
  height: 430rem;
  display: block;
  border-radius: 10rem 0 0 10rem;
  position: absolute;
  top: 220rem;
  right: 0rem;
  width: calc(100% - (100% - 1100rem) / 2 + 80rem);
  opacity: 0.9;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.06));
}
@media screen and (max-width: 860px) {
  .u-bg-white-right_1.--sp-none:before {
    display: none;
  }
}

.u-bg-none {
  background: none;
}

.u-pt-160 {
  padding-top: 160rem;
}

.u-pt-100 {
  padding-top: 100rem;
}

.u-width-500 {
  width: 500rem;
}

.u-bg-pink_1 {
  position: relative;
}
.u-bg-pink_1:before {
  content: "";
  display: block;
  width: 100%;
  height: 430rem;
  background: url(../img/common/img_salon_2.png);
  position: absolute;
  bottom: 0rem;
  left: 0rem;
}

.u-bg-img_1 {
  position: relative;
}
.u-bg-img_1:before {
  content: "";
  display: block;
  width: 100%;
  height: 430rem;
  background: url(../img/common/img_faq.png);
  position: absolute;
  top: 0rem;
  left: 0rem;
}

.u-bg-img-2 {
  background: url(../img/common/img_resister.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.u-bg-blue {
  background: #0E4E8B;
  color: #fff;
}

.u-sp-only {
  display: none !important;
}
@media screen and (max-width: 860px) {
  .u-sp-only {
    display: block !important;
  }
}

.u-pc-only {
  display: block !important;
}
@media screen and (max-width: 860px) {
  .u-pc-only {
    display: none !important;
  }
}

.u-pc-only-flex {
  display: flex;
}
@media screen and (max-width: 860px) {
  .u-pc-only-flex {
    display: none;
  }
}

@media screen and (max-width: 860px) {
  .u-sp-none {
    display: none;
  }
}

@media screen and (max-width: 860px) {
  .u-sp-pb-0 {
    padding-bottom: 0rem !important;
  }
}

@media screen and (max-width: 860px) {
  .u-sp-pt-30 {
    padding-top: 30rem;
  }
}

@media screen and (max-width: 860px) {
  .u-sp-pb-20 {
    padding-bottom: 20rem;
  }
}

@media screen and (max-width: 860px) {
  .u-sp-pb-40 {
    padding-bottom: 40rem;
  }
}

@media screen and (max-width: 860px) {
  .p-sp-nav-list {
    position: fixed;
    top: 0rem;
    left: 0rem;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 100%;
  }
  .p-sp-nav-list ul {
    width: 100%;
  }
  .p-sp-nav-list ul li {
    font-size: 24rem;
    line-height: 38rem;
    padding-bottom: 40rem;
  }
  .p-sp-nav-list a {
    margin-top: 20rem;
    width: 50% !important;
  }
}

.u-z-300 {
  z-index: 300;
}

.u-pb-255 {
  padding-bottom: 255rem;
}

/*option*/
/*==================================================
　5-2-1 3本線が×に
===================================*/
/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn1 {
  position: relative; /*ボタン内側の基点となるためrelativeを指定*/
  background: #fff;
  cursor: pointer;
  width: 80rem;
  height: 80rem;
  z-index: 500;
  display: none;
}
@media screen and (max-width: 860px) {
  .openbtn1 {
    position: fixed;
    display: block;
    top: 0rem;
    right: 0rem;
    width: 105rem;
    height: 105rem;
  }
}

/*ボタン内側*/
.openbtn1 span {
  display: inline-block;
  transition: all 0.4s; /*アニメーションの設定*/
  position: absolute;
  left: 27.5%;
  height: 3px;
  border-radius: 2px;
  background: #000;
  width: 45%;
}

.openbtn1 span:nth-of-type(1) {
  top: 32.5%;
}

.openbtn1 span:nth-of-type(2) {
  top: 50%;
}

.openbtn1 span:nth-of-type(3) {
  top: 67.5%;
}

/*activeクラスが付与されると線が回転して×に*/
.openbtn1.active span:nth-of-type(1) {
  top: 38%;
  left: 33.5%;
  transform: translateY(6px) rotate(-45deg);
  width: 30%;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0; /*真ん中の線は透過*/
}

.openbtn1.active span:nth-of-type(3) {
  top: 58%;
  left: 34.5%;
  transform: translateY(-6px) rotate(45deg);
  width: 30%;
}

.u-pt-90 {
  padding-top: 90rem;
}

.u-pb-90 {
  padding-bottom: 90rem;
}

.u-text-base {
  font-size: 14rem;
  line-height: 28rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.u-text-base.--white {
  color: #fff;
}
.u-text-base.--size-m {
  font-size: 16rem;
  line-height: 26rem;
}
@media screen and (max-width: 860px) {
  .u-text-base.--size-m {
    font-size: 24rem;
    line-height: 46rem;
  }
}
.u-text-base.--size-l {
  font-size: 24rem;
  line-height: 38rem;
}
.u-text-base.--type-mincho {
  font-family: "Zen Old Mincho", serif;
}
@media screen and (max-width: 860px) {
  .u-text-base {
    font-size: 24rem;
    line-height: 46rem;
  }
}

.u-pb-40 {
  padding-bottom: 40rem;
}
@media screen and (max-width: 860px) {
  .u-pb-40 {
    padding-bottom: 80rem;
  }
}

@media screen and (max-width: 860px) {
  .p-sp-pt-40 {
    padding-top: 40rem;
  }
}

@media screen and (max-width: 860px) {
  .p-sp-pb-60 {
    padding-bottom: 60rem;
  }
}

@media screen and (max-width: 860px) {
  .u-sp-mr-0 {
    margin-right: 0rem;
  }
}

.ql-editor {
  font-family: "Zen Kaku Gothic New", sans-serif;
  word-break: break-all;
}
.ql-editor p {
  font-size: 16rem;
  padding-bottom: 40rem;
  line-height: 32rem;
}
.ql-editor p:last-child {
  padding-bottom: 0px;
}
@media screen and (max-width: 860px) {
  .ql-editor p {
    font-size: 28rem;
    padding-bottom: 60rem;
    line-height: 56rem;
  }
}
.ql-editor img {
  width: 100%;
  height: auto;
}
.ql-editor figure {
  width: 100%;
  margin-bottom: 30rem;
  border: 10rem solid #f1f1f6;
  box-sizing: border-box;
  border-radius: 10rem;
  line-height: 0rem;
  font-size: 0rem;
}
.ql-editor ul,
.ql-editor ol {
  background: #fff;
  padding: 40rem 40rem 40rem 60rem;
  box-sizing: border-box;
  margin: 0px 0px 40rem 0px;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.04));
}
.ql-editor ul li,
.ql-editor ol li {
  font-size: 16rem;
  line-height: 28rem;
  margin-bottom: 10rem;
}
@media screen and (max-width: 860px) {
  .ql-editor ul li,
.ql-editor ol li {
    font-size: 32rem;
    line-height: 46rem;
    margin-bottom: 20rem;
  }
}
.ql-editor ul li {
  list-style-type: disc;
}
.ql-editor ol li {
  list-style-type: decimal;
}
.ql-editor h2 {
  background: #11589D;
  font-size: 18rem;
  line-height: 30rem;
  color: #fff;
  padding: 15rem 20rem 15rem 20rem;
  border-radius: 10rem;
  margin-bottom: 50rem;
  margin-top: 20rem;
  font-weight: bold;
}
@media screen and (max-width: 860px) {
  .ql-editor h2 {
    font-size: 36rem;
    line-height: 50rem;
    padding: 30rem 40rem 30rem 40rem;
  }
}
.ql-editor h3 {
  font-size: 18rem;
  line-height: 30rem;
  margin-bottom: 50rem;
  border-bottom: 2rem solid #EFEFEF;
  margin-top: 20rem;
  padding-bottom: 15rem;
  position: relative;
  font-weight: bold;
}
@media screen and (max-width: 860px) {
  .ql-editor h3 {
    font-size: 36rem;
    line-height: 50rem;
    padding-bottom: 30rem;
  }
}
.ql-editor h3:after {
  content: "";
  position: absolute;
  display: block;
  border-bottom: 2px solid #11589D;
  width: 50rem;
  bottom: -2rem;
  left: 0rem;
}
.ql-editor h4 {
  font-size: 18rem;
  line-height: 30rem;
  padding-left: 20rem;
  margin-bottom: 50rem;
  border-left: 5rem solid #11589D;
  margin-top: 20rem;
  font-weight: bold;
}
@media screen and (max-width: 860px) {
  .ql-editor h4 {
    font-size: 36rem;
    line-height: 50rem;
  }
}
.ql-editor #table-of-contents {
  text-align: center;
  background: none;
  color: #000;
  font-size: 16rem;
  line-height: 28rem;
  font-weight: bold;
  padding-bottom: 10rem;
  padding-top: 10rem;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  margin-bottom: 20rem;
  border-radius: 0rem;
}
.ql-editor .wp-block-quote {
  background: #C7C7C7;
  padding: 40rem;
  box-sizing: border-box;
  margin: 0px 0px 40rem 0px;
}
.ql-editor a {
  color: #11589D;
}
.ql-editor .syntaxhighlighter * {
  font-size: 14rem !important;
  line-height: 26rem !important;
}
.ql-editor .hcb_wrap {
  margin-bottom: 40rem !important;
}
.ql-editor .wp-block-group {
  background: #C7C7C7;
  padding: 40rem 40rem 40rem 60rem;
  box-sizing: border-box;
  margin: 0px 0px 40rem 0px;
  font-size: 14rem;
  line-height: 26rem;
}
@media screen and (max-width: 860px) {
  .ql-editor .wp-block-group {
    font-size: 28rem;
    line-height: 42rem;
    margin-bottom: 60rem;
  }
}
.ql-editor .movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  margin-bottom: 50rem;
}
@media screen and (max-width: 860px) {
  .ql-editor .movie-wrap {
    margin-bottom: 60rem;
  }
}
.ql-editor .movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.ql-editor table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 40rem;
  border: 1px solid #EFEFEF;
  border-radius: 10rem;
  background: #fff;
}
.ql-editor table tr th {
  background: #EFEFEF;
  padding: 10rem;
  font-size: 14rem;
  line-height: 26rem;
  border-bottom: 1px solid #EFEFEF;
  border-right: 1px solid #EFEFEF;
  width: 200rem;
}
.ql-editor table tr td {
  padding: 10rem;
  font-size: 14rem;
  line-height: 26rem;
  border-bottom: 1px solid #EFEFEF;
  border-right: 1px solid #EFEFEF;
  width: calc(100% - 200rem);
}

.list-sns {
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.list-sns li {
  padding-right: 5rem;
  padding-left: 5rem;
}
.list-sns li a {
  width: 58rem;
  height: 58rem;
  display: block;
  padding: 5rem 20rem 5rem 20rem;
  color: #fff;
  text-decoration: none;
  border-radius: 40rem;
  font-size: 20rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
@media screen and (max-width: 750px) {
  .list-sns li a {
    width: 80rem;
    height: 80rem;
    font-size: 40rem;
    font-size: 24rem;
    padding: 10rem 30rem 10rem 30rem;
    box-sizing: border-box;
    border-radius: 40rem;
  }
}
.list-sns .tw {
  display: inline-block;
}
.list-sns .tw a {
  background: #4A99E9;
}
.list-sns .fb {
  display: inline-block;
}
.list-sns .fb a {
  background: #3975EA;
}
.list-sns .line {
  display: inline-block;
}
.list-sns .line a {
  background: #3CB035;
}
.list-sns .inst {
  display: inline-block;
}
.list-sns .inst a {
  background-image: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
@media screen and (max-width: 750px) {
  .list-sns.u-pt-40 {
    padding-top: 80rem;
  }
  .list-sns.u-pb-30 {
    padding-bottom: 60rem;
  }
}

.p-box-white-1 {
  background: #fff;
  padding: 60rem;
  box-sizing: border-box;
  border-radius: 10rem;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.06));
}
@media screen and (max-width: 750px) {
  .p-box-white-1 {
    padding: 40rem;
  }
}

.c-white-box-1 {
  border: 1px solid #D6DBFB;
  padding: 0rem 0rem 60rem 0rem;
  box-sizing: border-box;
  max-width: 380rem;
  background: #fff;
}
@media screen and (max-width: 750px) {
  .c-white-box-1 {
    padding: 0rem;
    max-width: 100%;
    margin-bottom: 80rem;
  }
}

.c-white-box-2 {
  width: 270rem;
  background: #fff;
  border: 1px solid #7985F8;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .c-white-box-2 {
    max-width: 100%;
    width: 100%;
    margin-bottom: 80rem;
  }
}

.c-list-1 li {
  margin-bottom: 5rem;
  text-indent: -20rem;
  margin-left: 20rem;
  font-size: 12rem;
  line-height: 22rem;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.1));
}
.c-list-1 li:before {
  content: "";
  display: inline-block;
  width: 8rem;
  height: 8rem;
  border-right: 1px solid #7985F8;
  border-bottom: 1px solid #7985F8;
  transform: rotate(-45deg);
  margin-right: 10rem;
}
@media screen and (max-width: 750px) {
  .c-list-1 li:before {
    margin-right: 20rem;
    top: -3rem;
    position: relative;
  }
}
@media screen and (max-width: 750px) {
  .c-list-1 li {
    font-size: 24rem;
    line-height: 38rem;
    margin-bottom: 20rem;
    margin-left: 30rem;
  }
}

.c-img-box {
  width: 586rem;
  color: #fff;
  padding: 40rem;
  border-radius: 10rem;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  .c-img-box {
    max-width: 100%;
    width: 100%;
  }
}
.c-img-box dt {
  font-size: 28rem;
  padding-bottom: 20rem;
  font-weight: bold;
}
.c-img-box dd ul {
  padding-left: 20rem;
}
.c-img-box dd ul li {
  padding-bottom: 5rem;
  font-size: 16rem;
  line-height: 28rem;
  list-style-type: disc;
}
@media screen and (max-width: 750px) {
  .c-img-box dd ul li {
    font-size: 24rem;
    line-height: 38rem;
  }
}
.c-img-box.--bg-1 {
  background: url(../img/common/shenzhen_1.png);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10rem;
}
.c-img-box.--bg-2 {
  background: url(../img/common/shenzhen_2.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.c-img-box.--bg-3 {
  background: url(../img/common/shenzhen_3.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.c-img-box.--bg-4 {
  background: url(../img/common/shenzhen_4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.c-img-box.--bg-5 {
  background: url(../img/common/shenzhen_5.png);
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 750px) {
  .c-sp-overflow-w {
    overflow-x: scroll;
  }
  .c-sp-overflow-w figure {
    width: 1500rem;
  }
  .c-sp-overflow-w img {
    width: 100%;
  }
}

.c-article-1 {
  background: #fff;
  max-width: 590rem;
}
@media screen and (max-width: 750px) {
  .c-article-1 {
    margin-bottom: 40rem;
  }
}
.c-article-1 dl dt {
  background: #F4F4F4;
  padding: 20rem;
  box-sizing: border-box;
  font-size: 12rem;
  line-height: 24rem;
}
@media screen and (max-width: 750px) {
  .c-article-1 dl dt {
    font-size: 24rem;
    line-height: 38rem;
    padding: 40rem;
  }
}
.c-article-1 dl dd {
  padding: 20rem;
  font-size: 16rem;
  line-height: 28rem;
}
@media screen and (max-width: 750px) {
  .c-article-1 dl dd {
    font-size: 24rem;
    line-height: 38rem;
    padding: 40rem;
  }
}
.c-article-1 figure {
  font-size: 0rem;
  line-height: 0rem;
}

.c-form-base {
  padding-bottom: 20rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  display: flex;
  align-items: center;
  align-content: center;
}
.c-form-base input {
  width: 100%;
  padding: 10rem 20rem 10rem 20rem;
  box-sizing: border-box;
  border-radius: 40rem;
  border: none;
  background: #EFEFEF;
  font-size: 14rem;
  line-height: 28rem;
}
@media screen and (max-width: 750px) {
  .c-form-base input {
    font-size: 24rem;
    line-height: 38rem;
    padding: 20rem;
  }
}
.c-form-base.--width-half input {
  width: calc(50% - 5rem) !important;
}
.c-form-base textarea {
  width: 100%;
  padding: 10rem 20rem 10rem 20rem;
  box-sizing: border-box;
  border-radius: 10rem;
  border: none;
  background: #EFEFEF;
  font-size: 14rem;
  line-height: 28rem;
  min-height: 200rem;
}
@media screen and (max-width: 750px) {
  .c-form-base textarea {
    font-size: 24rem;
    line-height: 38rem;
    padding: 20rem;
  }
}
.c-form-base.--align-top {
  align-items: flex-start;
}
.c-form-base dt {
  width: 260rem;
  padding-right: 30rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 16rem;
}
.c-form-base dt span {
  color: #F00;
  display: inline-block;
  margin-left: 10rem;
  font-size: 12rem;
}
@media screen and (max-width: 750px) {
  .c-form-base dt span {
    font-size: 20rem;
    line-height: 34rem;
  }
}
.c-form-base dd {
  width: calc(100% - 260rem);
}
@media screen and (max-width: 750px) {
  .c-form-base {
    display: block;
    padding-bottom: 20rem;
  }
  .c-form-base dt {
    width: 100%;
    padding-right: 0rem;
    margin-bottom: 20rem;
    font-size: 24rem;
    line-height: 38rem;
  }
  .c-form-base dd {
    width: 100%;
  }
}

.c-title-1 {
  display: flex;
  align-items: center;
}
.c-title-1:after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid #7887F9;
  margin-left: 40rem;
}

.c-title-2 {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.c-title-2:after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid #fff;
  margin-left: 40rem;
}
@media screen and (max-width: 750px) {
  .c-title-2 {
    margin-bottom: 40rem;
    padding-left: 40rem;
  }
}

.c-title-3 {
  text-align: center;
  position: relative;
  font-weight: bold;
}
.c-title-3:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 18rem;
  height: 1px;
  border-bottom: 1px solid #000;
  margin-right: 40rem;
}
.c-title-3 span {
  font-size: 28rem;
  line-height: 38rem;
  display: inline-block;
  background: #fff;
  position: relative;
  z-index: 200;
  padding-right: 20rem;
  padding-left: 20rem;
}

.c-pop-box {
  display: none;
  position: fixed;
  width: 100%;
  z-index: 300;
  top: 10rem;
  box-sizing: border-box;
  height: 100%;
}
.c-pop-box .c-pop-box-inner {
  background: #fff;
  width: 96%;
  max-width: 800rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem;
  box-sizing: border-box;
  overflow: auto;
  height: calc(100% - 80rem);
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 750px) {
  .c-pop-box .c-pop-box-inner {
    padding: 40rem;
  }
}

.c-pop-box-title {
  font-size: 24rem;
  font-weight: bold;
  padding-bottom: 40rem;
}
@media screen and (max-width: 750px) {
  .c-pop-box-title {
    font-size: 38rem;
    line-height: 54rem;
  }
}

.c-pop-box-profile {
  padding-bottom: 20rem;
  font-size: 14rem;
  line-height: 28rem;
}
@media screen and (max-width: 750px) {
  .c-pop-box-profile {
    padding-bottom: 40rem;
    font-size: 24rem;
    line-height: 38rem;
  }
}

.c-pop-box-editor h3 {
  font-size: 18rem;
  font-weight: bold;
  padding-bottom: 20rem;
}
@media screen and (max-width: 750px) {
  .c-pop-box-editor h3 {
    font-size: 28rem;
    line-height: 44rem;
  }
}
.c-pop-box-editor p {
  padding-bottom: 40rem;
  font-size: 14rem;
  line-height: 28rem;
}
@media screen and (max-width: 750px) {
  .c-pop-box-editor p {
    font-size: 24rem;
    line-height: 38rem;
  }
}

.c-pop-box-caution {
  background: #F4F4F4;
  padding: 30rem;
  box-sizing: border-box;
  margin-bottom: 40rem;
  font-size: 14rem;
  line-height: 28rem;
}
.c-pop-box-caution dt {
  padding-bottom: 10rem;
}

.c-pop-box-day {
  text-align: right;
}

.c-pop-box-img {
  padding-bottom: 20rem;
}
.c-pop-box-img img {
  width: 100%;
  height: auto;
}

.p-center {
  max-width: 1200rem;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}
.p-center.--size-m {
  max-width: 900rem;
}
@media screen and (max-width: 750px) {
  .p-center.--size-m {
    max-width: 100%;
  }
}
.p-center.--size-s {
  max-width: 800rem;
}

@media screen and (max-width: 750px) {
  .p-mv-copy {
    font-size: 24rem;
    line-height: 38rem;
  }
}

.p-share-title {
  padding-bottom: 15rem;
  font-size: 18rem;
  font-weight: bold;
}
.p-share-title:before {
  content: "";
  width: 3rem;
  height: 20rem;
  display: inline-block;
  transform: rotate(-45deg);
  background: #000;
  border-radius: 10rem;
  margin-left: 15rem;
  margin-right: 15rem;
}
@media screen and (max-width: 750px) {
  .p-share-title:before {
    width: 6rem;
    height: 40rem;
    margin-left: 30rem;
    margin-right: 30rem;
  }
}
.p-share-title:after {
  content: "";
  width: 3rem;
  height: 20rem;
  display: inline-block;
  transform: rotate(45deg);
  background: #000;
  border-radius: 10rem;
  margin-left: 15rem;
  margin-right: 15rem;
}
@media screen and (max-width: 750px) {
  .p-share-title:after {
    width: 6rem;
    height: 40rem;
    margin-left: 30rem;
    margin-right: 30rem;
  }
}
@media screen and (max-width: 750px) {
  .p-share-title {
    font-size: 28rem;
  }
}

.c-btn-close {
  text-align: right;
  font-size: 40rem;
  line-height: 40rem;
  padding-bottom: 10rem;
}

.c-text-base {
  font-size: 14rem;
  line-height: 28rem;
}
@media screen and (max-width: 750px) {
  .c-text-base {
    font-size: 24rem;
    line-height: 46rem;
  }
}
.c-text-base.--font-size-16 {
  font-size: 16rem;
  line-height: 28rem;
}
@media screen and (max-width: 750px) {
  .c-text-base.--font-size-16 {
    font-size: 24rem;
    line-height: 38rem;
  }
}

.c-box-1 {
  border: 6px solid #2F3B7C;
  width: 351rem;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .c-box-1 {
    width: 100%;
  }
}

.c-box-1-inner {
  padding-right: 30rem;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .c-box-1-inner {
    padding-right: 0rem;
  }
}

@media screen and (max-width: 750px) {
  .u-sp-text-left {
    text-align: left;
  }
}

.u-mb-0 {
  margin-bottom: 0rem !important;
}

.u-max-width-400 {
  max-width: 550rem;
}

.u-mb-100 {
  margin-bottom: 100rem;
}

.u-pl-40 {
  padding-left: 40rem;
}

.u-width-376 {
  max-width: 376rem;
}

.u-p-40 {
  padding: 40rem;
}

.u-pl-80 {
  padding-left: 80rem;
}

.u-pr-80 {
  padding-right: 80rem;
}

.u-bottom-line-1:after {
  content: "";
  display: block;
  width: 1px;
  border-right: 1px solid #4E5680;
  height: 20rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.u-pb-0 {
  padding-bottom: 0rem !important;
}

.u-pt-30 {
  padding: 30rem;
}

.u-pt-230 {
  padding-top: 230rem;
}

.u-pb-230 {
  padding-bottom: 230rem;
}

.u-width-569 {
  width: 569rem;
}

.u-bg-style-1 {
  background: url(../img/common/bg_mv.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: hidden;
}

.background-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
  transform: translateX(-50%) translateY(-50%) scale(1.5);
}

.u-font-familly-oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.u-font-weight-bold {
  font-weight: bold;
}

.u-font-size-38 {
  font-size: 27rem;
  line-height: 50rem;
}
@media screen and (max-width: 860px) {
  .u-font-size-38 {
    font-size: 48rem;
    line-height: 58rem;
  }
}

.u-font-size-24 {
  font-size: 24rem;
  line-height: 24rem;
}
@media screen and (max-width: 860px) {
  .u-font-size-24 {
    font-size: 34rem;
    line-height: 48rem;
  }
}

.u-font-size-60 {
  font-size: 40rem;
  line-height: 70rem;
}
@media screen and (max-width: 860px) {
  .u-font-size-60 {
    font-size: 100rem;
    line-height: 100rem;
  }
}

.u-width-1200 {
  max-width: 1200rem;
}

.u-width-1100 {
  max-width: 1100rem;
}

.u-bg-gradation-1 {
  background: linear-gradient(90deg, #45DBFE 0%, #856FF6 100%);
}

.u-bg-gradation-2 {
  background: linear-gradient(90deg, #A8A8FC 0%, #8178F7 100%);
}

.u-dropshadow-1 {
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
}

.u-n-mt-60 {
  top: -60rem;
  position: relative;
}

.u-position-relative {
  position: relative;
}

.u-position-absolute {
  position: absolute;
}

.u-bottom-0 {
  bottom: 0rem;
}

.u-font-size-120 {
  font-size: 120rem;
  line-height: 140rem;
}

.u-pt-140 {
  padding-top: 140rem;
}

.u-width-545 {
  width: 545rem;
}
@media screen and (max-width: 860px) {
  .u-width-545 {
    width: 100%;
  }
}

.u-text-align-right {
  text-align: right;
}

.u-display-inline-block {
  display: inline-block;
}

.u-text-align-left {
  text-align: left;
}

.u-font-size-20 {
  font-size: 20rem;
  line-height: 38rem;
}
@media screen and (max-width: 860px) {
  .u-font-size-20 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
.u-font-size-20.--small {
  line-height: 25rem;
}

.u-pb-40 {
  padding-bottom: 40rem;
}

.u-pb-100 {
  padding-bottom: 100rem;
}

.u-pb-140 {
  padding-bottom: 140rem;
}

.u-font-size-50 {
  font-size: 50rem;
  line-height: 60rem;
}

.u-color-gradation-1 {
  background: linear-gradient(to right, #45DBFE, #856FF6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.u-bg-inline-text-1 {
  display: inline;
  background-color: #fff;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 5rem 10rem;
  line-height: 1.8;
}

.u-line-font-0 {
  font-size: 0rem;
  line-height: 0rem;
}

.u-font-size-120 {
  font-size: 120rem;
  line-height: 140rem;
}

.u-font-size-60 {
  font-size: 40rem;
  line-height: 50rem;
}
@media screen and (max-width: 860px) {
  .u-font-size-60 {
    font-size: 100rem;
    line-height: 100rem;
  }
}

.u-color-blue {
  color: #7887F9;
}

.u-color-blue-2 {
  color: #4E5680;
}

.u-text-align-center {
  text-align: center;
}

.u-font-size-34 {
  font-size: 34rem;
  line-height: 50rem;
}

.u-font-size-30 {
  font-size: 30rem;
  line-height: 40rem;
}
@media screen and (max-width: 860px) {
  .u-font-size-30 {
    font-size: 38rem;
    line-height: 54rem;
  }
}

.u-pt-0 {
  padding-top: 0rem;
}

.u-gap-40 {
  gap: 40rem;
}

.u-font-size-220 {
  font-size: 220rem;
  line-height: 220rem;
  color: #fff;
  font-weight: bold;
}

.u-text-line-white {
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
  font-family: "Oswald", sans-serif;
  overflow: hidden;
}

.u-text-line-blue {
  -webkit-text-stroke: 1px #8CC5FF;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
  font-family: "Oswald", sans-serif;
  overflow: hidden;
}

.u-font-size-48 {
  font-size: 48rem;
  line-height: 48rem;
}

.u-text-color-white {
  opacity: 0.2;
  color: #fff;
  white-space: nowrap;
  font-family: "Oswald", sans-serif;
  overflow: hidden;
}

.u-text-color-gray {
  color: #F5F7F9;
  white-space: nowrap;
  font-family: "Oswald", sans-serif;
  overflow: hidden;
}

.u-bg-blue-3 {
  background: #F3F9FF;
}

.u-mb-30 {
  margin-bottom: 30rem;
}

.u-width-full {
  width: 100%;
}

.u-width-617 {
  width: 617rem;
  box-sizing: border-box;
}
@media screen and (max-width: 860px) {
  .u-width-617 {
    width: 100%;
  }
}

.u-width-583 {
  width: 583rem;
}
@media screen and (max-width: 860px) {
  .u-width-583 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 860px) {
  .u-sp-mb-40 {
    margin-bottom: 40rem;
  }
}

.u-height-305 {
  height: 305rem;
}

.u-object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.u-gap-30 {
  gap: 30rem;
}

.u-gap-20 {
  gap: 20rem;
}

@media screen and (max-width: 860px) {
  .u-sp-plr-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}

.u-overflow-hiden {
  overflow: hidden;
}

.u-pb-320 {
  padding-bottom: 320rem;
}

.u-pt-120 {
  padding-top: 120rem;
}

.u-pr-10 {
  padding-right: 10rem;
}

.u-n-mt-1070 {
  margin-top: -1070rem;
}
@media screen and (max-width: 860px) {
  .u-n-mt-1070 {
    margin-top: -870rem;
  }
}

.u-n-mt-936 {
  margin-top: -936rem;
}
@media screen and (max-width: 860px) {
  .u-n-mt-936 {
    margin-top: -870rem;
  }
}

.u-n-mt-756 {
  margin-top: -756rem;
}
@media screen and (max-width: 860px) {
  .u-n-mt-756 {
    margin-top: -870rem;
  }
}

.u-n-mt-556 {
  margin-top: -556rem;
}
@media screen and (max-width: 860px) {
  .u-n-mt-556 {
    margin-top: -430rem;
  }
}

.u-n-mt-756 {
  margin-top: -756rem;
}
@media screen and (max-width: 860px) {
  .u-n-mt-756 {
    margin-top: -870rem;
  }
}

.u-pt-150 {
  padding-top: 150rem;
}

.u-p-0 {
  padding: 0rem !important;
}

.u-width-423 {
  width: 423rem;
}
@media screen and (max-width: 860px) {
  .u-width-423 {
    width: 100%;
    box-sizing: border-box;
  }
}

.u-n-width-423 {
  width: calc(100% - 423rem);
}
@media screen and (max-width: 860px) {
  .u-n-width-423 {
    width: 100%;
    box-sizing: border-box;
  }
}

.u-pb-140 {
  padding-bottom: 140rem;
}

.u-font-0 {
  font-size: 0rem;
  line-height: 0rem;
}

@media screen and (max-width: 860px) {
  .u-sp-p-20 {
    padding: 20rem !important;
  }
}

@media screen and (max-width: 860px) {
  .u-sp-font-size-34 {
    font-size: 34rem;
    line-height: 50rem;
  }
}

@media screen and (max-width: 860px) {
  .u-sp-pt-0 {
    padding-top: 0rem;
  }
}

.u-letter-spacing-1 {
  letter-spacing: -15rem;
}

#google_translate_element {
  position: absolute;
  top: 20rem;
  right: 20rem;
  z-index: 200;
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
  max-width: 500px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  z-index: 1001;
}

.popup-content {
  margin-bottom: 20px;
}

.popup h2 {
  color: #2c3e50;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  border-bottom: 2px solid #3498db;
  padding-bottom: 10px;
}

.popup p {
  margin-bottom: 15px;
}

.popup strong {
  color: #000;
}

.popup em {
  color: #000;
  font-style: normal;
  font-weight: 500;
}

.close-btn {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #3498db;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s ease;
}

.close-btn:hover {
  background-color: #2980b9;
}
/*# sourceMappingURL=styles.css.map */