@charset "UTF-8";
/*color*/
/*addcolor*/
/*font-family*/
/*左カタカナ平仮名、右漢字*/
/*filler color*/
/*brightness(106%)*/
/*text-shadow*/
/*media query break point*/
/*mainBP*/
/*gHeader用*/
/*追加*/
/*topObi*/
/*topMV*/
/*members*/
/*topMV*/
/*topScroll*/
/*grid settings*/
/* media query */
.p-bg {
  background-image: url(../../../assets/images/login/lim_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.p-bg.verW {
  background-color: #efefef !important;
  color: #231815 !important;
  background-image: none;
}

.js-hidden {
  display: none;
}

.p-plan {
  padding: 150px 0;
}
.p-plan:nth-of-type(1) {
  padding-bottom: 50px;
}
.p-plan:nth-of-type(2) {
  padding-top: 20px;
}
.verQuality .p-plan:nth-of-type(2) {
  padding-top: 0;
}
@media only screen and (max-width: 768px) {
  .p-plan {
    padding: 75px 0;
  }
}
.p-plan dt {
  text-align: center;
}
.p-plan dt h2 {
  text-align: center;
  font-size: 3rem;
}
.p-plan dt h2 span {
  display: block;
  font-size: 0.6em;
}
.p-plan dd {
  margin-top: 3rem;
  text-align: center;
}
.p-plan__ttl {
  margin-top: 4rem;
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
}
@media (max-width: 768px) {
  .p-plan__ttl {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .p-plan__ttl {
    font-size: 2rem;
  }
}
.p-plan__subttl {
  color: #fff;
  background-color: #8E763C;
  text-align: center;
  padding: 0.3rem 3rem;
  max-width: 1080px;
  margin: 2rem auto 0;
}
.p-plan__subttl--blu {
  background-color: #2A3C4E;
}
.p-plan__list {
  margin: 4rem auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 94rem;
  gap: 2rem;
}
@media only screen and (max-width: 1080px) {
  .p-plan__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .p-plan__list {
    gap: 1rem;
  }
}
@media only screen and (max-width: 380px) {
  .p-plan__list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
}
.p-plan__list--1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4rem auto;
  gap: 2rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1080px) {
  .p-plan__list--1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .p-plan__list--1 {
    gap: 1rem;
  }
}
.p-plan__list--1 .p-plan__list__item {
  min-width: 35rem;
}
@media only screen and (max-width: 1080px) {
  .p-plan__list--1 .p-plan__list__item {
    min-width: unset;
  }
}
.p-plan__list--2 {
  margin: 4rem auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  max-width: 1080px;
  gap: 2rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1080px) {
  .p-plan__list--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .p-plan__list--2 {
    gap: 1rem;
  }
}
.p-plan__list--2 .p-type__btn__box {
  background-color: #2A3C4E;
}
.p-plan__list--2 .p-type:hover .p-type__btn__box {
  background-color: #415b76;
}
.p-plan__list__item {
  min-width: 30rem;
}
@media only screen and (max-width: 768px) {
  .p-plan__list__item {
    min-width: unset;
  }
}
.p-plan__list__item .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8rem 8rem 0 0;
  border-color: #8E763C transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .p-plan__list__item .triangle {
    border-width: 5.2rem 5.2rem 0 0;
  }
}
.p-plan__list__item .triangle-text {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-0.2rem, 1.8rem) rotate(-45deg);
}
@media only screen and (max-width: 768px) {
  .p-plan__list__item .triangle-text {
    font-size: 1rem;
    transform: translate(-0.2rem, 1.2rem) rotate(-45deg);
  }
}
.p-plan__list__item.premium {
  min-width: 35rem;
}
@media only screen and (max-width: 1080px) {
  .p-plan__list__item.premium {
    min-width: unset;
  }
}
.p-plan__list__item.banner {
  grid-column: span 3;
}
.p-plan__list__item.banner img {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
@media only screen and (max-width: 1080px) {
  .p-plan__list__item.banner {
    grid-column: span 2;
  }
}
.p-plan__list.premium {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1080px) {
  .p-plan__list.premium {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
  }
}
.p-plan__line {
  width: 1px;
  height: 54px;
  background: #8E763C;
  margin: 0 auto;
}
.p-plan__end__ttl {
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  margin: 3rem auto 2rem;
}
@media (max-width: 768px) {
  .p-plan__end__ttl {
    font-size: 19px;
  }
}
@media (max-width: 768px) {
  .p-plan__end__ttl {
    font-size: 1.9rem;
  }
}
.p-plan__end__btn a {
  max-width: 40rem;
  font-size: 18px;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .p-plan__end__btn a {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .p-plan__end__btn a {
    font-size: 1.6rem;
  }
}
.p-plan__special__ttl {
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
  line-height: 2;
}
@media (max-width: 768px) {
  .p-plan__special__ttl {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .p-plan__special__ttl {
    font-size: 2rem;
  }
}
.p-plan__special__ttl-en {
  letter-spacing: 0.6em;
  line-height: 1;
  color: #A58947;
  font-size: 0.7em;
  display: block;
  border: 1px solid;
  border-left: unset;
  border-right: unset;
  border-top: unset;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 2rem 4rem 1rem;
}
.p-plansp__list {
  margin: 1rem auto 4rem;
  height: 4rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  max-width: 90rem;
}
@media only screen and (max-width: 768px) {
  .p-plansp__list {
    gap: 0;
  }
}
.p-plansp__list__item {
  position: relative;
  font-size: 15px;
  font-size: 1.5rem;
  border-right: 1px solid #8E763C;
  padding: 0 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media (max-width: 768px) {
  .p-plansp__list__item {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .p-plansp__list__item {
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-plansp__list__item {
    border: none;
    padding: 0;
    text-align: center;
    line-height: 1.2;
    margin-right: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-plansp__list__item::after {
    content: "";
    width: 1px;
    height: 4rem;
    background-color: #8E763C;
    position: absolute;
    right: -1rem;
  }
}
.p-plansp__list__item em {
  font-size: 1.2em;
}
.p-plansp__list__item em.em-num {
  font-size: 1.5em;
}
.p-plansp__list__item:last-of-type {
  border: none;
  margin-right: 0;
}
.p-plansp__list__item:last-of-type::after {
  content: none;
}

.p-type {
  background-color: #fff;
  padding: 4rem 0 3rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  transition: 0.3s;
  position: relative;
}
@media only screen and (max-width: 1080px) {
  .p-type {
    padding: 5rem 0;
  }
}
@media only screen and (max-width: 768px) {
  .p-type {
    padding: 2rem 0 1rem;
    gap: 0;
  }
}
.p-type__label.limited {
  position: absolute;
  top: 0;
  background-color: #8E763C;
  color: #fff;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  padding: auto;
  margin: 0rem auto;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
}
@media (max-width: 768px) {
  .p-type__label.limited {
    font-size: 10px;
  }
}
@media (max-width: 768px) {
  .p-type__label.limited {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-type__label.limited {
    height: 2rem;
    line-height: 2rem;
  }
}
.p-type__label.layout {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #b59a5b;
  color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0 0 10px 10px;
  padding: 0 1rem;
  height: 3rem;
  line-height: 3rem;
  margin: 0rem auto;
  text-align: center;
  letter-spacing: normal;
  white-space: nowrap;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .p-type__label.layout {
    font-size: 10px;
  }
}
@media (max-width: 768px) {
  .p-type__label.layout {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-type__label.layout {
    border-radius: 0 0 5px 5px;
    padding: 0 0.8rem;
    height: 2rem;
    line-height: 2rem;
  }
}
.p-type__label.price {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fff;
  border-radius: 50px;
  border: 1px solid #415b76;
  margin: 0 auto;
  padding: 5px 40px;
  white-space: nowrap;
  color: #2A3C4E;
  line-height: 1;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
}
.p-type__label.price-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -105%);
}
@media (max-width: 768px) {
  .p-type__label.price {
    font-size: 10px;
  }
}
@media (max-width: 768px) {
  .p-type__label.price {
    font-size: 1rem;
  }
}
.p-type__label.price::after {
  position: absolute;
  content: "";
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  bottom: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 8px 4px 0 4px;
}
.p-type__label.price::before {
  position: absolute;
  content: "";
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  bottom: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #415b76 transparent transparent transparent;
  border-width: 8px 4px 0 4px;
}
.p-type__left {
  padding-left: 3rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  .p-type__left {
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
}
.p-type__ttl {
  color: #A58947;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1;
  letter-spacing: initial;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .p-type__ttl {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .p-type__ttl {
    font-size: 1.8rem;
  }
}
.p-type__ttl em {
  font-size: 1.5em;
}
.p-type__ldk {
  color: #231815;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .p-type__ldk {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .p-type__ldk {
    font-size: 1.6rem;
  }
}
.p-type__ldk__sm {
  display: block;
  font-size: 0.7em;
}
.p-type__m2 {
  color: #231815;
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .p-type__m2 {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .p-type__m2 {
    font-size: 2.8rem;
  }
}
.p-type__img {
  position: absolute;
  right: 1.5rem;
  aspect-ratio: 139/187;
  display: flex;
  justify-content: center;
  max-width: 13rem;
}
@media only screen and (max-width: 768px) {
  .p-type__img {
    position: static;
    max-width: 60%;
    padding-top: 1rem;
    margin: 0 auto;
  }
}
.p-type__img img {
  -o-object-fit: contain;
     object-fit: contain;
}
.p-type__btn {
  position: relative;
  width: 100%;
  margin-top: 2rem;
}
.p-type__btn__box {
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.5rem 0;
  background-color: #8E763C;
  width: 90%;
  margin: 0 auto;
  max-width: 23rem;
  min-width: 16rem;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .p-type__btn__box {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .p-type__btn__box {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-type__btn__box {
    min-width: 12rem;
  }
}
.p-type:hover {
  background-color: rgba(142, 118, 60, 0.1);
}
.p-type:hover .p-type__ttl {
  letter-spacing: 0.1em;
}
.p-type:hover .p-type__btn__box {
  background-color: rgb(106.1485148515, 88.2079207921, 44.8514851485);
}

/* 詳細ページ */
/* オンライン商談ご案内 */
.p-rec__ttl {
  background-color: #2A3C4E;
  max-width: 1000px;
  margin: 4rem auto;
  padding: 1rem 3rem;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .p-rec__ttl {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .p-rec__ttl {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-rec__ttl {
    margin: 4rem auto 2rem;
  }
}
.p-rec__txt {
  margin: 0 auto;
  text-align: center;
  padding: 2rem;
}
@media only screen and (max-width: 768px) {
  .p-rec__txt {
    padding: 2rem 0;
  }
}
.p-rec__txt__chu {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .p-rec__txt__chu {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .p-rec__txt__chu {
    font-size: 1.2rem;
  }
}
.p-rec__txt em {
  font-size: 1.3em;
  display: inline-block;
  border-bottom: 2px solid #8E763C;
}
@media only screen and (max-width: 768px) {
  .p-rec__txt em {
    padding-bottom: 0.5rem;
    display: inline;
  }
}
.p-rec__inf {
  max-width: 1000px;
  width: 90%;
  margin: 6rem auto;
  padding-bottom: 1px;
  border: 1px solid #fff;
}
@media only screen and (max-width: 768px) {
  .p-rec__inf {
    margin: 5rem auto 3rem;
    width: 100%;
  }
}
.p-rec__inf__ttl {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  margin: -2rem auto 2rem;
  padding: 0.2rem 1rem;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #fff;
  background-color: #2A3C4E;
}
@media (max-width: 768px) {
  .p-rec__inf__ttl {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .p-rec__inf__ttl {
    font-size: 1.8rem;
  }
}
.p-rec__inf__list {
  margin: 1rem auto 4rem;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  flex-wrap: wrap;
  gap: 4rem 0;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .p-rec__inf__list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    gap: unset;
  }
}
.p-rec__inf__list__item {
  position: relative;
}
.p-rec__inf__chu {
  text-align: center;
  margin: -1rem 0 3rem;
  padding: 0 2rem;
  font-size: 1.4rem;
}
@media only screen and (max-width: 768px) {
  .p-rec__inf__chu {
    text-align: left;
    font-size: 1.2rem;
  }
}
.p-rec__flow {
  margin: 4rem auto;
}
.p-rec__flow__ttl {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .p-rec__flow__ttl {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .p-rec__flow__ttl {
    font-size: 1.8rem;
  }
}
.p-rec__flow__ttl-eng {
  display: block;
  color: #A58947;
  font-size: 0.7em;
  line-height: 1;
  margin: 1rem 0;
}
.p-rec__flow__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
  align-items: start;
  max-width: 1080px;
  margin: 2rem auto;
}
@media only screen and (max-width: 768px) {
  .p-rec__flow__list {
    grid-template-columns: 1fr;
  }
}
.p-rec__flow__list__item {
  background-color: #262626;
  position: relative;
  height: 100%;
}
.p-rec-line {
  display: block;
  width: 15rem;
  height: 1px;
  margin: 2rem auto;
  background-color: #8E763C;
}
.p-rec__btn {
  margin: 0 auto 2rem;
  max-width: 60rem;
}
.p-rec__btn-a {
  background-color: #2A3C4E;
  padding: 1.5rem 0;
  border-radius: 1px;
  gap: 1rem;
}
.p-rec__btn-a .u-arw--ku {
  width: 1rem;
  height: 1rem;
}
.p-rec__btn-a--red {
  background-color: #682718;
}
.p-rec__prep {
  margin: 6rem auto;
}
.p-rec__prep-wrap {
  display: grid;
  align-items: center;
  justify-content: space-between;
  gap: 2%;
  grid-template-columns: 30% 68%;
}
@media only screen and (max-width: 768px) {
  .p-rec__prep-wrap {
    grid-template-columns: 1fr;
  }
}
.p-rec__prep__dev {
  padding: 0 0 0 2rem;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .p-rec__prep__dev {
    padding: 0;
  }
}
.p-rec__prep__dev__ttl {
  background-color: #8E763C;
  color: #fff;
  padding: 10px;
  font-size: min(1.3vw, 1.2em);
}
@media only screen and (max-width: 768px) {
  .p-rec__prep__dev__ttl {
    font-size: 1.5rem;
  }
}
.p-rec__prep__dev__img {
  background-color: #fff;
  padding: 4rem 2rem;
}
.p-rec__prep__dev__img img {
  width: 100%;
  height: auto;
}
.p-rec__prep__info {
  padding: 0 2rem;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .p-rec__prep__info {
    padding: 0;
  }
}
.p-rec__osu {
  max-width: 1080px;
  margin: 4rem auto;
}
.p-rec__osu__list__item {
  display: flex;
  align-items: center;
  background-color: #2A3C4E;
  padding: 1.5rem;
  border-radius: 5px;
  margin-bottom: 1rem;
}
.p-rec__now {
  background-color: #393329;
  padding: 4rem 0;
  margin: 0 auto;
}
.verQuality .p-rec__now {
  margin: 0 auto 6rem;
  max-width: 780px;
}
.p-rec__now__txt {
  margin: 0 auto;
  text-align: center;
  padding: 2rem;
  font-size: 1.8rem;
}
.p-rec__now__subtxt {
  margin-top: 1rem;
  font-size: 1.3rem;
  display: block;
}
.p-rec__now .p-rec__btn {
  width: 90%;
}

.p-osu__img {
  margin-right: 1.5rem;
  width: 3rem;
  height: 3rem;
}
@media only screen and (max-width: 768px) {
  .p-osu__img {
    margin-right: 1rem;
    width: 2rem;
    height: 2rem;
  }
}
.p-osu__txt {
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  .p-osu__txt {
    width: calc(100% - 3rem);
  }
}

.p-inf {
  width: 17vw;
  max-width: 20rem;
  height: 10rem;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  text-align: center;
  gap: 0.5rem;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  flex-direction: column;
  border-right: 1px solid #8E763C;
}
@media only screen and (max-width: 768px) {
  .p-inf {
    width: 100%;
    height: unset;
    padding: 1rem 0;
    max-width: unset;
    flex-direction: row;
    gap: 1rem;
    border-right: unset;
    border-bottom: 1px solid #8E763C;
  }
}
.p-inf:last-of-type, .p-inf:nth-of-type(4) {
  border: none;
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  .p-inf:nth-of-type(4) {
    border-bottom: 1px solid #8E763C;
  }
}
.p-inf__icon {
  width: 3rem;
  height: 3rem;
  display: block;
}
@media only screen and (max-width: 768px) {
  .p-inf__icon {
    width: 2rem;
    height: 2rem;
  }
}
.p-inf__txt {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 3.5rem);
  font-size: min(1.7vw, 1.6rem);
}
@media only screen and (max-width: 768px) {
  .p-inf__txt {
    flex-direction: row;
    height: unset;
    font-size: 1.4rem;
  }
}

.p-flow {
  display: grid;
  grid-template-rows: max-content 1fr;
}
@media only screen and (max-width: 768px) {
  .p-flow {
    grid-template-rows: unset;
    grid-template-columns: 1fr;
  }
}
.p-flow:before {
  content: "";
  position: absolute;
  right: -3rem;
  top: 50%;
  transform: translateY(-50%);
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid white;
}
@media only screen and (max-width: 768px) {
  .p-flow:before {
    right: unset;
    top: unset;
    bottom: -3.5rem;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
}
.p-flow__img {
  position: relative;
  width: 100%;
  aspect-ratio: 1.4685714286;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .p-flow__img {
    aspect-ratio: 3.3333333333;
    position: relative;
  }
}
.p-flow__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .p-flow__img img {
    position: absolute;
    width: 100%;
    height: unset;
    bottom: -4rem;
    -o-object-fit: unset;
       object-fit: unset;
  }
}
.p-flow__img-chu {
  position: absolute;
  font-size: 12px;
  bottom: 0;
  right: 5px;
}
.p-flow__txt {
  background-color: #2A3C4E;
  color: white;
  padding: 1rem 2rem 2rem;
  font-size: min(1.3vw, 1.6rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .p-flow__txt {
    font-size: 1.4rem;
    padding: 1rem;
  }
}
.p-flow__txt p {
  margin: 0;
}
.p-flow__txt__btn-a {
  background-color: #A58947;
  padding: 1rem 0;
  border-radius: 5px;
  gap: 1rem;
}
.p-flow__txt__btn-a .u-arw--ku {
  width: 1rem;
  height: 1rem;
}

.no-arrow::before {
  display: none;
}

.p-prep__ttl {
  font-size: 1.2em;
  display: flex;
  align-items: center;
}
.p-prep__ttl-gld {
  color: #A58947;
  margin-right: 10px;
}
.p-prep__txt {
  margin-top: 10px;
}
.p-prep__txt p {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 10px 0;
  position: relative;
  padding-left: 20px;
}
@media (max-width: 768px) {
  .p-prep__txt p {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .p-prep__txt p {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-prep__txt p {
    font-size: 1.4rem;
    margin: 2rem 0;
    letter-spacing: 0.1rem;
  }
}
.p-prep__txt-gld {
  position: absolute;
  left: -0.2rem;
  color: #A58947;
}

.p-cont__tabbtn {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin: 2rem auto;
  max-width: 1080px;
}
@media only screen and (max-width: 768px) {
  .p-cont__tabbtn {
    gap: 0.1rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-cont__tabbtn__item .tab-btn {
    display: flex;
    flex-direction: column;
    gap: 0;
    height: 5rem;
  }
  .p-cont__tabbtn__item .tab-btn-mid {
    display: none;
  }
  .p-cont__tabbtn__item .tab-btn-sm {
    order: 2;
    font-size: 1rem;
    letter-spacing: 0rem;
  }
  .p-cont__tabbtn__item .tab-btn-main {
    order: 1;
    height: 1.9rem;
  }
}
.p-cont__tabbtn__item button.active {
  background-color: #415b76;
}
.p-cont__tabbtn__item button:hover {
  background-color: #415b76;
}
.p-cont__tabbtn__item button {
  width: 100%;
  transition: 0.3s;
  display: block;
  padding: 1rem;
  color: #fff;
  text-align: center;
  background-color: #2A3C4E;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.p-cont__tabbtn__item button .u-arw--ku {
  position: absolute;
  right: 1rem;
  rotate: 90deg;
  transition: 0.3s;
}

.p-new {
  position: absolute;
  z-index: 1;
  left: -1rem;
  top: -0.75rem;
  background-color: #aa420e;
  width: 4rem;
  height: 4rem;
  padding: 0rem 1rem;
  font-size: 1rem;
  border-radius: 50px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-obi__btn {
  margin: 0 auto 2rem;
}
.p-obi__btn-wrap {
  max-width: 1000px;
  margin: 0 auto 3rem;
}
.p-obi__btn a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 0;
  border-radius: 1px;
}
.p-obi__btn a span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.p-obi__btn a span .u-arw--ku {
  width: 1rem;
  height: 1rem;
}

.p-sec {
  background-color: #2A3C4E;
  color: #fff;
  padding: 2rem 0;
  line-height: 1.3;
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
}
@media (max-width: 768px) {
  .p-sec {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .p-sec {
    font-size: 2rem;
  }
}
.p-sec span {
  display: block;
  font-size: 0.6em;
}
.p-sec__qua {
  width: 100%;
  max-width: 108rem;
  aspect-ratio: 108/20;
  background-color: white;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .p-sec__qua {
    aspect-ratio: 30/12;
  }
}

.p-menu__tabbtn {
  margin: 2rem auto 7rem;
  max-width: 100rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
@media only screen and (max-width: 768px) {
  .p-menu__tabbtn {
    gap: 0.3rem;
    margin: 2rem auto 3rem;
  }
}

.p-tabbtn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #8E763C;
  line-height: 1.2;
  height: 5rem;
  pointer-events: all;
  transition: 0.3s;
}
@media only screen and (max-width: 1080px) {
  .p-tabbtn {
    font-size: 1.4rem;
  }
}
.p-tabbtn:focus {
  background-color: #8E763C;
}
.p-tabbtn:hover {
  background-color: #2A3C4E;
  transition: 0.3s;
}
.p-tabbtn.active {
  background-color: #927d3f;
  pointer-events: none;
}
.p-tabbtn span {
  text-align: center;
}

html:lang(en) #top .p-mv__catch .main .tate {
  writing-mode: initial;
}
html:lang(en) #top .p-mv__catch-wrap {
  transform: scale(0.7);
}
@media only screen and (max-width: 768px) {
  html:lang(en) #top .p-mv__catch-wrap {
    transform: scale(0.8);
    width: 42rem;
    max-width: unset;
    margin-left: -2rem;
  }
}
html:lang(en) #top .verTxt .p-mv__catch-wrap {
  gap: 2rem;
  transform: scale(0.8);
  max-width: 97rem;
  padding: 0rem 0;
  margin-left: 0vw;
}
html:lang(en) #top .p-mv__catch .main .sub {
  transform: scale(0.4);
  margin-left: -1rem;
}
html:lang(en) #top .p-mv__catch .main {
  font-size: min(6vw, 3rem);
}
@media only screen and (max-width: 768px) {
  html:lang(en) #top .p-mv__catch .main {
    font-size: 2.6rem;
  }
}
html:lang(en) #top .p-obi__price-wrap {
  max-width: unset;
  display: flex;
  flex-direction: column;
}
html:lang(en) #top .p-obi__price:nth-of-type(2)::after, html:lang(en) #top .p-obi__price:nth-of-type(3)::after {
  display: none;
}
html:lang(en) #top .p-obi__sok-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 1500px) {
  html:lang(en) #top .p-obi__sok-wrap {
    max-width: 120rem;
  }
}
@media only screen and (max-width: 768px) {
  html:lang(en) #top .p-obi__sok-wrap {
    display: flex;
    grid-template-columns: unset;
  }
}
html:lang(en) #top .p-obi__sok--1 {
  justify-content: center;
}
html:lang(en) #top .p-obi__sok--2 {
  border-right: unset;
}
html:lang(en) #top .p-obi__sok__top {
  grid-template-columns: 1fr;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  html:lang(en) #top .p-obi__sok__top {
    display: block;
    white-space: initial;
    text-align: center;
  }
}
html:lang(en) #top .p-obi__sok__top .amo, html:lang(en) #top .p-obi__sok__bot .amo {
  display: block;
}
html:lang(en) #top .p-obi__sok__top .amo span {
  writing-mode: initial;
}
html:lang(en) #top .p-obi__sok__bot .amo span {
  writing-mode: initial;
}
@media only screen and (max-width: 1500px) {
  html:lang(en) #top .p-obi__sok:nth-of-type(2) {
    justify-content: flex-start;
  }
}
html:lang(en) #top .p-obi__sok__top.access2 {
  white-space: normal;
}
@media only screen and (max-width: 768px) {
  html:lang(en) #top .p-obi__sok__top.access2 {
    display: block;
  }
}
html:lang(en) #top .p-obi__sok__top.access2 .amo {
  display: block;
}
html:lang(en) #top .p-obi__sok--3 .h4 {
  flex-direction: column;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  html:lang(en) #top .p-obi__sok--3 .h4 {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  html:lang(en) #top .p-obi__sok--3 .p {
    display: block;
  }
}
html:lang(en) #top .p-obi__sok--3 .h4 span {
  writing-mode: initial;
}
@media only screen and (max-width: 768px) {
  html:lang(en) #top .p-obi__price--2 .h4, html:lang(en) #top .p-obi__price--3 .h4, html:lang(en) #top .p-obi__price--4 .h4 {
    white-space: initial;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  html:lang(en) #top .p-obi__price--2 .h4 u, html:lang(en) #top .p-obi__price--3 .h4 u, html:lang(en) #top .p-obi__price--4 .h4 u {
    display: block;
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  html:lang(en) #top .p-obi__sok__bot {
    display: block;
    white-space: initial;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  html:lang(en) #top .p-obi__sok__bot .sta1 {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  html:lang(en) #top .p-obi__sok__bot.access2 {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  html:lang(en) #top .p-obi__sok:nth-of-type(3) {
    display: block;
    text-align: center;
  }
}
html:lang(en) .brandContents .anchorBtnWrap {
  background-color: #e6e6e6;
  padding: 30px 0;
  position: sticky;
  top: 0;
  z-index: 90;
}
@media only screen and (max-width: 768px) {
  html:lang(en) html:lang(en) .brandContents .anchorBtnWrap {
    position: static;
  }
}
html:lang(en) .brandContents .anchorBtn {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  html:lang(en) html:lang(en) .brandContents .anchorBtn {
    flex-direction: column;
    gap: 1px;
  }
}
html:lang(en) .brandContents .anchorBtn li {
  width: 19%;
}
@media only screen and (max-width: 768px) {
  html:lang(en) html:lang(en) .brandContents .anchorBtn li {
    width: 100%;
  }
}
html:lang(en) #lp .p-info__intro {
  width: 95%;
  max-width: 1000px;
}
html:lang(en) #lp .p-info__intro .top-box .right {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content 0 min-content;
}
html:lang(en) #lp .p-info__intro .bottom .left {
  grid-template-rows: 1fr 1fr 0;
}
html:lang(en) #lp .p-info__intro .top-box .center span {
  font-size: 1.5em;
}
html:lang(en) #lp .p-info__intro .bottom .amo {
  display: grid;
  grid-auto-rows: min-content 0 min-content 0 min-content;
}
@media only screen and (max-width: 768px) {
  html:lang(en) #lp .p-info__intro .bottom .amo {
    font-size: 1.5em;
  }
}
html:lang(en) #lp .p-info__intro .bottom .left .amo .vertical {
  writing-mode: unset;
}
@media only screen and (max-width: 768px) {
  html:lang(en) #lp .p-info__intro .bottom .right .sta {
    font-size: 1.4em;
  }
}
@media only screen and (max-width: 768px) {
  html:lang(en) #lp .p-info__intro .top-box .center span {
    font-size: 1.3em;
  }
}
html:lang(en) #lp #data > div.c-databox.u-bgcircle.left.org.typesquare_option > p {
  margin-top: 6rem;
}
@media only screen and (max-width: 768px) {
  html:lang(en) #lp #data > div.c-databox.u-bgcircle.left.org.typesquare_option > p {
    margin-top: 3rem;
  }
}
html:lang(en) #lp .c-databox .rank .ico::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
html:lang(en) #lp .rank {
  margin-bottom: 5rem;
  line-height: 1.5;
}
html:lang(en) #lp .rank:first-of-type {
  margin-top: 5rem;
}
@media only screen and (max-width: 768px) {
  html:lang(en) #lp .rank:first-of-type {
    margin-top: 10rem;
  }
}
@media only screen and (max-width: 768px) {
  html:lang(en) #lp .rank {
    margin-bottom: 5rem;
  }
}
html:lang(en) #lp #rarity > div.p-rarity__ttltxt.typesquare_option > ul > li:nth-child(5) > span:nth-child(2) > em {
  white-space: nowrap;
}
html:lang(en) #lp .p-rarity__ttltxt ul {
  flex-direction: column;
  line-height: 1.7;
}
html:lang(en) #lp .p-rarity__ttltxt ul li {
  display: grid;
  grid-template-rows: min-content 0 min-content;
  justify-items: center;
}
@media only screen and (max-width: 768px) {
  html:lang(en) .p-members .p-menu__tabbtn__item .p-tabbtn .p-tabbtn-eng {
    display: block !important;
  }
}
@media only screen and (max-width: 768px) {
  html:lang(en) .p-members .p-menu__tabbtn__item .p-tabbtn .p-tabbtn-jp {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  html:lang(en) .p-members .p-booklet__list .p-book__ttl {
    white-space: initial;
  }
}
@media only screen and (max-width: 768px) {
  html:lang(en) .quality .p-ttl__tabbtn {
    grid-template-columns: 1fr 1fr;
  }
}
html:lang(en) .quality .p-ttl__tabbtn .p-tabbtn-jp {
  display: none;
}
html:lang(en) .quality .p-ttl__tabbtn .p-tabbtn-eng {
  display: block !important;
}
html:lang(en) .quality .p-tabbtn {
  display: grid;
  grid-template-rows: 1fr 0;
}
html:lang(en) .obj--jp {
  display: none;
}
html:lang(en) .obj--en {
  display: block;
}
html:lang(en) .obj--en.u-sp {
  display: none;
}
@media only screen and (max-width: 768px) {
  html:lang(en) .obj--en.u-sp {
    display: block;
  }
}
html:lang(en) .obj--en.u-pc {
  display: block;
}
@media only screen and (max-width: 768px) {
  html:lang(en) .obj--en.u-pc {
    display: none;
  }
}/*# sourceMappingURL=members.css.map */