@charset "UTF-8";



/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}




button {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* ゴシック体 */

.sans-serif {
  font-family: "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/* 明朝体 */

.serif {
  font-family: "Noto Serif JP", serif;
}

.font-mont-b {
  font-family: "Montserrat-SemiBold", sans-serif;
}

.f-msM {
  font-family: "Montserrat-Medium", sans-serif;
}

@font-face {
  font-family: "Montserrat-Light";
  src: url("../fonts/Montserrat-Light.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Montserrat-Regular";
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Montserrat-Medium";
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Gotham-Medium";
  src: url("../fonts/Gotham-Medium.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Gotham-Medium-add";
  src: url("../fonts/gotham-add.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "NotoSansCJK-DemiLight";
  src: local("Noto Sans CJK JP DemiLight"), url("../fonts/NotoSansCJKjp-DemiLight.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "NotoSansCJK-Regular";
  src: local("Noto Sans CJK JP Regular"), url("../fonts/NotoSansCJKjp-Regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "NotoSansCJK-Medium";
  src: local("Noto Sans CJK JP Medium"), url("../fonts/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "NotoSansCJK-Bold";
  src: local("Noto Sans CJK JP Bold"), url("../fonts/NotoSansCJKjp-Bold.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "KozGothic-Regular";
  src: url("../fonts/KozGoPr6N-Regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "DINN-Regular";
  src: url("../fonts/DINNextLTPro-Regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "quantico";
  src: url("../fonts/quantico.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "quanticoBold";
  src: url("../fonts/quanticoBold.woff2") format("woff2");
  font-display: swap;
}

/* YUU 追加style */
.f-big {
  font-size: large;
  }

.f-small {
  font-size: x-small;
  }

.parent.up .child {
  transform: translateY(6px);
}

.parent.down .child {
  transform: translateY(-6px);
}

.parent.left .child {
  transform: translateX(40px);
}

.parent.right .child {
  transform: translateX(-40px);
}

.parent .child {
  transition: all 0.8s;
  opacity: 0;
}

.parent.is-show .child {
  opacity: 1;
  transform: none;
}

.parent.is-show .child:nth-child(1) {
  transition-delay: 0.1s;
}

.parent.is-show .child:nth-child(2) {
  transition-delay: 0.2s;
}

.parent.is-show .child:nth-child(3) {
  transition-delay: 0.3s;
}

.parent.is-show .child:nth-child(4) {
  transition-delay: 0.4s;
}

.parent.is-show .child:nth-child(5) {
  transition-delay: 0.5s;
}

.parent.is-show .child:nth-child(6) {
  transition-delay: 0.6s;
}

.parent.is-show .child:nth-child(7) {
  transition-delay: 0.7s;
}

.parent.is-show .child:nth-child(8) {
  transition-delay: 0.8s;
}

.parent.is-show .child:nth-child(9) {
  transition-delay: 0.9s;
}

.parent.is-show .child:nth-child(10) {
  transition-delay: 1s;
}


* {
/*  outline-color: #0074e0;*/
  outline-color: #FF66CC;
}



body.is-drawerActive {
  overflow-y: hidden;
}

a:hover,
a:active {
  opacity: 0.7;
  transition: opacity 0.4s cubic-bezier(0, 0.55, 0.45, 1);
}

.sr-only {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  margin: -1px;
}

.is-pc {
  display: none;
}

.is-sp {
  display: block;
}

.js-scroll-effect {
  opacity: 0;
  transform: translateY(50px);
  transition: all 1s cubic-bezier(0, 0.55, 0.45, 1);
}

.js-scroll-effect.is-show {
  opacity: 1;
  transform: translateY(0) !important;
  transition: transform opacity 1s cubic-bezier(0, 0.55, 0.45, 1);
}

.p-top-kv {
  position: relative;
}

.p-top-kv__title {
  position: absolute;
  bottom: -1.3020833333vw;
  left: 1.18rem;
  z-index: 3;
  width: 17.9rem;
}

.p-top-kv .main-visual__slider {
  width: 100%;
  height: 100%;
  position: relative;
}

@-webkit-keyframes loadedShow {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes loadedShow {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.p-top-kv .swiper-wrapper {
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.p-top-kv .swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
}

.p-top-kv .swiper-bgimg,
.p-top-kv .swiper__boby {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}



.p-top-kv .swiper-container-main {
  position: relative;
  height: 30.72rem;
  min-height: auto;
  max-height: 55.6rem;
  transition: opacity 0.6s ease, transform 0.3s ease;
}

.p-top-kv .swiper-container-nav {
  width: 13.75rem;
  height: 5.3rem;
  position: relative;
  margin-right: 0;
  margin-left: auto;
  margin-top: 0.5rem;
  z-index: 2;
}

.p-top-kv .swiper-container-nav .swiper-slide {
  cursor: pointer;
}

.p-top-kv .swiper-container-nav .swiper-slide:nth-child(2) {
  display: none;
}

.main-visual__slider.is-show .swiper-container-nav {
  -webkit-animation: loadedShow 0.5s cubic-bezier(0, 0.55, 0.45, 1) forwards;
  animation: loadedShow 0.5s cubic-bezier(0, 0.55, 0.45, 1) forwards;
}

.swiper-container-nav {
  opacity: 0;
}

.swiper-container-nav::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #fff;
  z-index: 2;
  width: 5px;
  right: 6.6rem;
}

.swiper-container-nav::before {
  z-index: 2;
  left: 0;
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #fff;
}

.swiper-container-nav .swiper-slide.is-change {
  margin-right: 0 !important;
}

.swiper-container-nav .swiper-slide.is-change > div.swiper__boby {
  transition-duration: 1600ms;
  transform: translate3d(100%, 0px, 0px) !important;
  z-index: 0;
}

.swiper-container-nav .swiper-bgimg.__1,
.swiper-container-nav .swiper__boby.__1 {
  opacity: 0;
  -webkit-animation: lateShow 1s ease forwards;
  animation: lateShow 1s ease forwards;
}

@-webkit-keyframes lateShow {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes lateShow {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.p-top-kv {
  margin-bottom: 4.6875vw;
}

.p-top-headline {
  text-align: left;
  margin-bottom: 16.796875vw;
}

.p-headline-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.p-headline-tag {
  font-family: "Montserrat-SemiBold", sans-serif;
  font-size: 3.125vw;
  min-width: 2.8645833333vw;
  margin-right: 2.6041666667vw;
}

.p-headline-tag__new {
  padding-right: 1.5625vw;
}

.p-headline-tag__new img {
  width: auto;
  height: 3.6458333333vw;
}

.p-headline-date {
  display: inline-block;
  min-width: 5.5em;
}

.p-headline-date a {
  text-align: justify;
  text-justify: inter-word;
  display: inline-flex;
}

.p-headline-text {
  font-family: "NotoSansCJK-Regular", sans-serif;
  font-size: 3.3854166667vw;
  line-height: 1.7;
}

.p-top-info__title {
  text-align: center;
  font-family: "Montserrat-Light", sans-serif;
  font-size: 7.8125vw;
  margin-bottom: 7.03125vw;
  letter-spacing: 0.1em;
}

.p-top-info-archive {
  text-align: right;
  font-family: "NotoSansCJK-Medium", sans-serif;
  font-size: 3.3854166667vw;
  margin-bottom: 5vw;
}

.p-top-btn__more {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 7.8125vw;
  margin-bottom: 25.390625vw;
  width: 42.96875vw;
  padding: 3.90625vw;
  cursor: pointer;
  position: relative;
  background-image: url(../img/ic-arrow-black.svg);
  background-position: center right 1em;
  background-size: 1.2em;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.p-top-btn__more:hover {
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  background-color: #000;
  color: #ffffff;
  opacity: 1;
  background-image: url(../img/ic-arrow-white.svg);
}

.p-top-btn__more.is-open::after {
  transform: rotate(0);
}

.p-top-accordion-content {
  display: none;
  width: 100%;
  flex: 0 0 auto;
  padding: 5.2083333333vw 0 0;
}

.top-accordion-inner {
  border: 1px solid #d5d6d6;
  padding: 3.6458333333vw;
  line-height: 2;
  font-size: 3.125vw;
}

.top-accordion-inner p:not(:last-of-type) {
  margin-bottom: 1em;
}

.top-info-accordion-btn {
  background-color: #000;
  width: 9.8958333333vw;
  height: 9.8958333333vw;
  flex: 0 0 auto;
  border: 1px solid #000;
  position: relative;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
}

.top-info-accordion-btn::before {
  content: "";
  position: absolute;
  width: 4.1666666667vw;
  height: 1px;
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.top-info-accordion-btn::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 4.1666666667vw;
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: center center;
}

.top-info-accordion-btn.is-open {
  background-color: #fff;
}

.top-info-accordion-btn.is-open::before {
  opacity: 0;
}

.top-info-accordion-btn.is-open::after {
  background-color: #000;
  transform: translateY(-50%) rotate(90deg);
}

.p-top-bbs {
  position: relative;
}

.p-top-bbs-title {
  width: 76.5625vw;
  max-height: 9.71rem;
}

.p-top-bbs-title img {
  max-height: 9.71rem;
  vertical-align: top;
}

.p-top-bbs__bg-pc {
  display: none;
}

.p-top-bbs__bg {
  background-size: 52.0833333333vw;
  background-position: right top 2.6041666667vw;
  min-height: 43.6197916667vw;
  margin-top: 0.78125vw;
}

.p-top-bbs-inner {
  font-size: 3.3854166667vw;
  text-align: left;
  line-height: 1.8;
  padding-top: 5.5208333333vw;
  margin-bottom: 5.9895833333vw;
}

p.p-top-bbs-tag {
  font-family: "Montserrat-Medium", sans-serif;
  margin-bottom: 2.6041666667vw;
}

p.p-top-bbs-tag .time,
p.p-top-bbs-tag .update {
  vertical-align: middle;
  margin-left: 0.5208333333vw;
}

p.p-top-bbs-tag .update {
  font-family: "Montserrat-Regular", sans-serif;
  background-color: #e4002c;
  color: #ffffff;
  padding: 0 0.2em;
  margin-left: 2.0833333333vw;
  font-size: 2.6041666667vw;
}

.p-top-bbs-text {
  letter-spacing: 0.075em;
  font-family: "NotoSansCJK-Medium", sans-serif;
  display: block;
}

.p-top-supporters {
  background-color: #eaeaeb;
  overflow: hidden;
}

.p-top-supporters {
  margin-top: 22.1354166667vw;
  padding-bottom: 21.875vw;
}

.p-top-supporters__title {
  background-color: #000;
  text-align: center;
  padding: 3.90625vw;
}

.p-top-supporters__title img {
  width: 64.3229166667vw;
}





.p-top-article-new {
  position: absolute;
  top: -1.5rem;
  left: -3.125vw;
  display: inline-block;
  z-index: 2;
}

.p-top-article-new img {
  width: 11.71875vw;
  height: auto;
}

.p-top-article-img {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 0;
  padding-top: 100%;
}

.p-top-article-date {
  padding-top: 2.0833333333vw;
  font-family: "Montserrat-Medium", sans-serif;
  color: #727171;
}

.p-top-article-date .new {
  color: #e4002c;
  font-size: 2.8645833333vw;
  font-family: "Montserrat-SemiBold", sans-serif;
  letter-spacing: 0.05em;
}

.p-top-article-date .year {
  font-size: 2.8645833333vw;
}

.p-top-article-date .date {
  font-size: 3.6458333333vw;
}

.p-top-photolog-viewall {
  left: 50%;
  transform: translate(-50%, -50%);
}

.p-top-blog {
  position: relative;
  background-color: #ffffff;
  overflow-x: hidden;
  padding-bottom: 7.03125vw;
}

.p-top-wave-inner {
  width: 100%;
  height: 20.2083333333vw;
  background-color: #eaeaeb;
}

.p-top-wave-gray {
  height: 4px;
  margin: 0 -20px;
  background: url("data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0%2C0 v2 c10%2C6.92 10%2C-6.92 20%2C0 v-2 z%22 fill%3D%22%23eaeaeb%22%2F%3E%3C%2Fsvg%3E") repeat-x;
}

.p-top-wave-white {
  height: 4px;
  margin: 0 -20px;
  background: url("data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0%2C0 v2 c10%2C6.92 10%2C-6.92 20%2C0 v-2 z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") repeat-x;
}

div.p-top-blog__inner {
  width: 75.5%;
}

.p-top-blog-title {
  letter-spacing: 0.05em;
  margin-left: auto;
  text-align: right;
  margin-bottom: 0vw;
  transform: translateY(-60%);
  position: relative;
  margin-right: -3.0729166667vw;
}

.p-top-blog-title img {
  width: 10.9375vw;
  vertical-align: middle;
  margin-left: 3.3854166667vw;
  transform: translateY(-0.78125vw);
}

.p-top-blog-item__img,
.p-top-mtv-item__img {
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 0;
  padding-top: 60%;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.p-top-blog-item__img:hover,
.p-top-mtv-item__img:hover {
  opacity: 0.7;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.p-top-blog-item__text {
  margin-top: 5.2083333333vw;
  margin-bottom: 5.2083333333vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.p-top-blog-item__text .blog-date {
  font-family: "Montserrat-SemiBold", sans-serif;
  border-right: 0.390625vw solid #000;
  margin-right: 3.125vw;
  padding-right: 3.125vw;
}

.p-top-blog-item__text .blog-date span {
  display: block;
}

.p-top-blog-item__text .blog-date .small {
  font-size: 2.8645833333vw;
  letter-spacing: 0.04;
}

.p-top-blog-item__text .blog-date .large {
  font-size: 7.8125vw;
}

.p-top-blog-item__text .blog-title {
  font-family: "NotoSansCJK-Bold", sans-serif;
  font-size: 3.3854166667vw;
  letter-spacing: 0.1em;
}

.p-top-blog-viewall {
  left: 50%;
  transform: translateX(-50%);
}

.p-top-mtv {
  overflow-x: hidden;
}

.p-top-mtv__inner {
  background-color: #ffffff;
  margin-top: 26.0416666667vw;
  border-radius: 14px;
  padding: 9.8958333333vw 0 15.1041666667vw;
}

.p-top-mtv-title {
  width: 73.1770833333vw;
  margin: -19.7916666667vw auto 6.5104166667vw;
  transform: translateX(2.6041666667vw);
}

.p-top-mtv-item {
  width: 71.6145833333vw;
  margin: 0 auto;
}

.p-top-mtv-item__img {
  width: 71.6145833333vw;
  margin: 0 auto;
  padding-top: 57.37%;
  border: 4px solid #000;
}

.p-top-mtv-item__text .mtv-date {
  font-family: "Montserrat-SemiBold", sans-serif;
  font-size: 2.8645833333vw;
  color: #727171;
  margin-top: 3.3854166667vw;
  letter-spacing: 0.05em;
}

.p-top-mtv-item__text .mtv-title {
  margin-top: 1.5625vw;
  font-family: "NotoSansCJK-Bold", sans-serif;
  font-size: 3.3854166667vw;
}

.p-top-mtv-new {
  position: absolute;
  top: 20px;
  left: 40px;
  z-index: 1;
}

.p-top-mtv-viewall {
  z-index: 1;
}

.alert-container {
  width: 100%;
  margin-bottom: 13.0208333333vw;
}

.alert-inner {
  display: flex;
  align-items: center;
  background-color: #000;
  color: #ffffff;
}

.alert-img {
  flex: 0 0 auto;
  padding: 2.8645833333vw 1.8229166667vw;
  border-right: 1.5px solid #ffffff;
}

.alert-img img {
  width: 13.0208333333vw;
  max-width: 62px;
}

.alert-text p {
  line-height: 1.7;
  font-family: "NotoSansCJK-Regular", sans-serif;
  font-size: 3.125vw;
  padding: 0 3.90625vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.p-login-form {
  max-width: 500px;
  width: 65.1041666667vw;
  margin: 0 auto 3.90625vw;
}

.p-login-form:last-child {
  margin-bottom: 4.5572916667vw;
}

.p-login-form > input {
  width: 100%;
  height: 7.2916666667vw;
  line-height: 7.2916666667vw;
  padding: 2.6041666667vw 1.8229166667vw;
  border-color: #000;
  border-width: 1px;
  border-radius: 0;
}

.p-login-submit {
  text-align: right;
  max-width: 500px;
  width: 65.1041666667vw;
  margin: 0 auto 15.8854166667vw;
}

.p-login-submit button[type=submit] {
  cursor: pointer;
  width: 26.0416666667vw;
  height: 10.4166666667vw;
  line-height: 10.4166666667vw;
  padding: 0;
  background: #000;
  border: none;
  color: #ffffff;
  font-size: 3.3854166667vw;
  font-family: "Montserrat-Medium", sans-serif;
  letter-spacing: 0.05em;
}

.p-login-submit button[type=submit]:focus {
/*  outline: solid 3px #0074e0;*/
  outline: solid 3px #FF66CC;
}

.p-login-btn-container {
  padding-bottom: 10.4166666667vw;
}

.p-login-btn-round {
  width: 58.59375vw;
  height: 9.1145833333vw;
  line-height: 9.1145833333vw;
  display: block;
  font-size: 3.3854166667vw;
  font-family: "NotoSansCJK-Medium", sans-serif;
  margin: 0 auto;
}

.p-login-btn-round:not(:last-child) {
  margin-bottom: 5.2083333333vw;
}

.p-signup-inner {
  font-family: "NotoSansCJK-Regular", sans-serif;
  width: 74.21875vw;
  margin: 0 auto;
}

.p-signup-desc {
  font-size: 3.125vw;
  line-height: 2.2;
  margin-bottom: 7.2916666667vw;
}

.p-signup-benefits {
  margin-bottom: 19.7916666667vw;
}

.p-signup-benefits__title {
  width: 65.1041666667vw;
  margin: 0 auto;
  margin-bottom: 7.6302083333vw;
}

.p-benefit-flex {
  display: block;
  margin-bottom: 7.8125vw;
}

.p-benefit-item {
  width: 65.1041666667vw;
  margin: 0 auto 7.8125vw;
  border: 1px solid #000;
  text-align: left;
}

.p-benefit-item__title {
  font-size: 3.3854166667vw;
  font-family: "NotoSansCJK-Bold", sans-serif;
  border-bottom: 1px dashed #000;
  padding: 5.078125vw 0 5.078125vw 10.15625vw;
  position: relative;
  width: 100%;
}

.p-benefit-item .p-title-icon {
  position: absolute;
  top: -3px;
  left: -4px;
  text-align: center;
  width: 14.3229166667vw;
  height: 17.578125vw;
  background-size: cover;
  transform: translateX(-45%);
}



.p-benefit-item__content {
  padding: 4.4270833333vw 4.375vw 0;
  text-align: justify;
  font-size: 3.125vw;
  line-height: 1.83;
}

.p-benefit-item__content .img {
  width: 100%;
  margin: 0 auto;
}

.p-benefit-item__content.__1 {
  padding-bottom: 10.6770833333vw;
}

.p-benefit-item__content.__1 .text {
  margin-bottom: 7.2916666667vw;
}

.p-benefit-item__content.__1 .img {
  width: 33.3333333333vw;
}

.p-benefit-item__content.__2 {
  padding-bottom: 4.9479166667vw;
}

.p-benefit-item__content.__2 .text {
  line-height: 1.85;
  margin-bottom: 4.4270833333vw;
}

.p-benefit-item__content.__3 {
  padding-bottom: 6.25vw;
}

.p-benefit-item__content.__3 .text {
  margin-bottom: 2.6041666667vw;
}

.p-benefit-item__content.__3 .img {
  width: 38.5416666667vw;
}

.p-benefit-item__content.__4 {
  padding-bottom: 4.9479166667vw;
}

.p-benefit-item__content.__4 .text {
  margin-bottom: 5.2083333333vw;
}

.p-benefit-item__content.__5 {
  padding-top: 2.0833333333vw;
  padding-bottom: 5.2083333333vw;
}

.p-benefit-item__content.__5 .img:first-of-type {
  margin-bottom: 1.171875vw;
}

.p-benefit-item__content.__5 .img:last-of-type {
  margin-bottom: 4.9479166667vw;
}

.p-benefit-item__content.__5 .text {
  font-size: 2.6041666667vw;
}

.p-benefit-item__content.__6 {
  padding-bottom: 3.90625vw;
}

.p-benefit-item__content.__6 .text:first-of-type {
  font-size: 2.6041666667vw;
  margin-bottom: 3.3854166667vw;
  white-space: nowrap;
  letter-spacing: -0.05em;
}

.p-benefit-item__content.__6 .img {
  margin-bottom: 6.5104166667vw;
}

.p-benefit-item__content.__7 {
  padding-bottom: 4.9479166667vw;
}

.p-benefit-item__content.__7 .text {
  margin-bottom: 6.25vw;
}

.p-benefit-item__content.__8 {
  padding-bottom: 5.2083333333vw;
}

.p-benefit-item__content.__8 .text {
  margin-bottom: 1.3020833333vw;
}

.p-signup-borderset {
  border-bottom: 0.1302083333vw solid #d5d6d6;
  padding-bottom: 3.90625vw;
}

.p-signup-borderset__title {
  font-size: 3.90625vw;
  font-family: "NotoSansCJK-Bold", sans-serif;
  border-bottom: 0.5208333333vw solid #000;
  padding-bottom: 0.3em;
  margin-bottom: 7.03125vw;
  letter-spacing: 0.03em;
}

.p-signup-borderset__title .title-icon {
  display: inline-block;
  width: 4.9479166667vw;
  margin-left: 1.3020833333vw;
  vertical-align: middle;
}

.p-signup-borderset.__price {
  margin-bottom: 18.4895833333vw;
}

.p-signup-borderset.__price .price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 6.7708333333vw;
  font-size: 3.3854166667vw;
  font-family: "NotoSansCJK-Medium", sans-serif;
}

.p-signup-borderset.__price .price dt {
  letter-spacing: 0.05em;
  margin-right: 3.3854166667vw;
}

.p-signup-borderset.__price .price dd {
  font-family: "NotoSansCJK-Regular", sans-serif;
}

.p-signup-borderset.__price .price-howto {
  font-size: 3.125vw;
  font-family: "NotoSansCJK-Regular", sans-serif;
  line-height: 1.83;
}

.p-signup-borderset.__price .price-howto .item {
  position: relative;
  padding-left: 0.5em;
}

.p-signup-borderset.__price .price-howto .item::before {
  content: "・";
  position: absolute;
  left: -1.0416666667vw;
}

.p-signup-borderset.__bbs {
  margin-bottom: 11.1979166667vw;
  padding-bottom: 3.90625vw;
}

.p-signup-borderset.__bbs .p-signup-borderset__title {
  margin-bottom: 6.25vw;
}

.p-signup-borderset.__bbs .text {
  font-size: 3.125vw;
  font-family: "NotoSansCJK-Regular", sans-serif;
  line-height: 1.83;
  margin-bottom: 5.2083333333vw;
}

.p-signup-borderset.__meeting {
  margin-bottom: 18.2291666667vw;
  padding-bottom: 3.90625vw;
}

.p-signup-borderset.__meeting .p-signup-borderset__title {
  margin-bottom: 5.2083333333vw;
  line-height: 1.4;
  padding-bottom: 0.4em;
}

.p-signup-borderset.__meeting .title-icon {
  width: 4.5572916667vw;
  margin-left: -1.0416666667vw;
  vertical-align: text-top;
  display: inline-block;
  transform: translateY(-3px);
}

.p-signup-together {
  text-align: center;
  font-family: "NotoSansCJK-Medium", sans-serif;
  font-size: 3.125vw;
  margin-bottom: 3.90625vw;
}

.p-signup-together .inner {
  display: inline-block;
  position: relative;
}

.p-signup-together .inner::before,
.p-signup-together .inner::after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 1.2em;
  background-color: #000;
}

.p-signup-together .inner::before {
  transform: rotate(-42deg);
  left: -1em;
}

.p-signup-together .inner::after {
  transform: rotate(42deg);
  right: -1em;
}

.p-btn__signup {
  font-family: "NotoSansCJK-Medium", sans-serif;
  font-size: 3.3854166667vw;
  width: 60.9375vw;
  height: 13.0208333333vw;
  margin: 0 auto 16.9270833333vw;
  line-height: 13.0208333333vw;
  letter-spacing: 0.1em;
}

div.p-btn__anchor-white {
  background-color: #ffffff;
}

main.p-info-main {
  width: 100%;
  background-color: #eaeaeb;
}

.p-info-inner {
  background-color: #ffffff;
}

.p-info-title {
  padding-top: 9.1145833333vw;
  margin-bottom: 10.4166666667vw;
  letter-spacing: 0.05em;
}

.p-info-tab-container {
  width: 88%;
  margin: 0 auto 11.71875vw;
}

.tab-menu {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8.8541666667vw;
}

.tab-trigger {
  text-align: center;
  cursor: pointer;
  display: block;
  position: relative;
  width: 19.6614583333vw;
  height: 15.3645833333vw;
  z-index: 1;
  background-color: #ffffff;
  background-size: contain;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.tab-trigger.__all {
  background-image: url(../img/btn-all-sp.svg);
}

.tab-trigger.__all.is-active {
  background-image: url(../img/btn-all-sp-active.svg);
}

.tab-trigger.__news {
  background-image: url(../img/btn-news-sp.svg);
}

.tab-trigger.__news.is-active {
  background-image: url(../img/btn-news-sp-active.svg);
}

.tab-trigger.__media {
  background-image: url(../img/btn-media-sp.svg);
}

.tab-trigger.__media.is-active {
  background-image: url(../img/btn-media-sp-active.svg);
}

.tab-trigger.__game {
  background-image: url(../img/btn-game-sp.svg);
}

.tab-trigger.__game.is-active {
  background-image: url(../img/btn-game-sp-active.svg);
}

.tab-img {
  position: relative;
  z-index: 2;
}

.p-photo-kv {
  width: 100%;
  height: 32.5520833333vw;
  background-size: 22.0052083333vw;
  background-position: top 45% center;
  border-bottom: 0.6510416667vw dashed #000;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.05em;
}

.p-photo-kv__title {
  font-family: "Montserrat-SemiBold", sans-serif;
  font-size: 9.1145833333vw;
  text-align: center;
}

.p-photo-container {
  width: 100%;
  background-color: #eaeaeb;
  padding-top: 9.1145833333vw;
}

.p-photo-item {
  width: 87.24%;
  max-width: 74rem;
  margin: 0 auto 8.0208333333vw;
  background-color: #ffffff;
  border: 1px solid #d5d6d6;
}

.p-photo-item:last-of-type {
  margin-bottom: 13.0208333333vw;
}

.p-photo-item__inner {
  width: 74.21875vw;
  max-width: 74rem;
  margin: 0 auto;
  padding: 6.7708333333vw 0 6.5104166667vw;
}

.p-photo-item__inner .text-container {
  font-family: "NotoSansCJK-Regular", sans-serif;
  font-size: 13px;
}

.p-photo-item__inner .text-container .sentence {
  line-height: 1.6;
  margin-bottom: 7.8125vw;
}

.p-photo-item__inner .text-container .sentence p {
  margin-bottom: 5.2083333333vw;
}

.p-photo-item__inner .text-container .author {
  margin-bottom: 12.5vw;
}

.p-photo-item__inner .p-photo-btn-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.p-photo-item__inner .p-photo-btn__comment {
  width: 33.8541666667vw;
  height: 9.6354166667vw;
  line-height: 9.6354166667vw;
  padding-left: 3.3854166667vw;
}

.p-photo-item__inner .p-photo-btn__comment::before {
  right: 2.6041666667vw;
}

.img-container {
  margin-top: 2.6041666667vw;
  margin-bottom: 8.59375vw;
  position: relative;
  height: 74.21875vw;
}

.img-container .photo-slider {
  padding-bottom: 4.6875vw;
}

.img-container .photo-slider .swiper-slide-next img,
.img-container .photo-slider .swiper-slide-prev img {
  width: 98%;
}

.img-container .swiper-slide {
  box-shadow: none !important;
}

.img-container .swiper-slide-inner {
  overflow: hidden;
  width: 100%;
  margin-left: 0;
  margin-right: auto;
  height: 74.21875vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
}

.img-container .swiper-slide-inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.img-container .swiper-pagination {
  bottom: 0.78125vw;
  display: none;
  height: 1.5625vw;
  line-height: 1.5625vw;
}

.img-container .swiper-pagination .swiper-pagination-bullet {
  width: 1.5625vw;
  height: 1.5625vw;
  vertical-align: middle;
  margin: 0 1.3020833333vw;
}

.img-container .swiper-counter {
  display: none;
  position: absolute;
  z-index: 2;
  top: 2.6041666667vw;
  right: 2.6041666667vw;
  width: 12.2395833333vw;
  height: 5.859375vw;
  line-height: 5.859375vw;
  border-radius: 5.859375vw;
  color: #000;
  font-family: "Montserrat-SemiBold", sans-serif;
  font-size: 3.3854166667vw;
  text-align: center;
  background-color: rgba(200, 200, 200, 0.7);
}

.img-container .swiper-counter span + span {
  margin-left: 1.6927083333vw;
}

.img-container .swiper-counter span.slash {
  font-size: 0.8em;
}

.img-container .swiper-pagination-bullet-active {
  background-color: #000;
}

.img-container .swiper-button-prev,
.img-container .swiper-button-next {
  display: none;
  color: #000;
  z-index: 3;
  width: 2rem;
  height: 4.6rem;
}

.img-container .swiper-button-prev {
  left: 4.9rem;
}

.img-container .swiper-button-next {
  right: 4.9rem;
}

.img-container .is-active.photo-slider .swiper-counter {
  display: inline-block;
}

.img-container .is-active.photo-slider .swiper-pagination {
  display: block;
}

div.p-photo-pagination {
  margin-bottom: 0;
  padding-bottom: 19.53125vw;
}

.p-blog-kv {
  height: 16.9270833333vw;
  background-color: #ffffff;
  position: relative;
}

.p-blog-inner.p-blog-page-inner {
  width: 93.75vw;
}

.p-blog-container {
  background-color: #eaeaeb;
  overflow-x: hidden;
}

.p-blog-wave {
  margin-bottom: 10.6770833333vw;
}

.p-blog-line-items {
  background-color: #eaeaeb;
  width: 97.65625vw;
  max-width: 106rem;
  padding-bottom: 1.3020833333vw;
}

.p-blog-line-item {
  background-color: #ffffff;
  width: 87.5vw;
  height: 1.2630208333vw;
  display: inline-block;
  transform: skewX(-32.7deg);
}

.p-blog-line-item:nth-of-type(1) {
  margin-left: 4.0364583333vw;
}

.p-blog-line-item:nth-of-type(2) {
  margin-left: 2.4739583333vw;
}

.p-blog-line-item:nth-of-type(3) {
  margin-left: 1.0416666667vw;
}

.p-blog-line-item + .p-blog-line-item {
  margin-bottom: 1.0286458333vw;
}

.p-blog-inner {
  width: 87.2395833333vw;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  margin-bottom: 13.0208333333vw;
}

.p-blog-title {
  position: absolute;
  bottom: 0;
  left: 52%;
  transform: translate(-50%, 50%);
  text-align: center;
  font-size: 9.1145833333vw;
  font-family: "Montserrat-SemiBold", sans-serif;
  background-image: url(../img/ic-blog-title-pen.svg);
  background-size: 0.53em;
  padding-right: 0.7em;
  background-position: right top 30%;
}

.p-blog-page-item {
  background-position: right center;
  width: 88.5416666667vw;
  max-width: 92rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.p-blog-page-item + .p-blog-page-item {
  border-top: 0.2604166667vw solid #d5d6d6;
}

.p-blog-page-item .p-top-blog-item__text {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0.5em;
}

.p-blog-page-item .blog-date {
  height: 8.203125vw;
  padding-right: 2.0833333333vw;
  border-right: 0.390625vw solid #000;
}

.p-blog-page-item .blog-date .small {
  font-size: 2.34375vw;
}

.p-blog-page-item .blog-date .large {
  font-size: 7.2916666667vw;
  line-height: 0.9;
}

.p-blog-page-item .blog-title {
  font-size: 3.125vw;
  line-height: 1.66;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-line-clamp: 3;
}

.p-blog-page-item__img {
  flex-shrink: 0;
  display: inline-block;
  width: 16.9270833333vw;
  height: 16.9270833333vw;
  background-size: cover;
  background-position: center;
  margin-top: 1.3020833333vw;
  margin-bottom: 1.3020833333vw;
}

main.p-mtv-main {
  max-width: 100%;
}

.p-mtv-page-kv {
  width: 100%;
  height: 16.9270833333vw;
  background-color: #ffffff;
}

.p-mtv-page-kv .title {
  width: 66.25vw;
  margin-left: auto;
  margin-right: auto;
  transform: translate(5%, 60%);
}

.p-mtv-page-container {
  background-color: #eaeaeb;
}

.p-mtv-page-inner {
  width: 87.24%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  padding-top: 2.8645833333vw;
}

.p-mtv-page-inner .mtv-item {
  width: 63.8020833333vw;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  padding: 9.1145833333vw 0 7.2916666667vw;
  border-bottom: 2px dashed #d5d6d6;
}

.p-mtv-page-inner .mtv-item__img {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 57%;
  background-size: cover;
  background-position: top center;
  border: 0.9895833333vw solid #000;
  margin-bottom: 3.125vw;
}

.p-mtv-page-inner .mtv-item__text__title {
  margin-top: 1.0416666667vw;
  font-size: 3.3854166667vw;
  font-family: "NotoSansCJK-Bold", sans-serif;
  line-height: 1.77;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

div.p-mtv-pagination {
  margin-top: 13.0208333333vw;
  margin-bottom: 0;
  padding-bottom: 19.53125vw;
}

div.p-btn-mtv__anchor {
  background-color: #ffffff;
}

main.p-bbs-page-main {
/*  background-color: #eaeaeb;*/
  background-color: #000000;
  margin-left: auto;
  margin-right: auto;
}

.p-bbs-page-container {
  width: 87.24%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}

.p-bbs-page-container div.p-btn__anchor-white {
  padding-bottom: 8.59375vw;
}

.p-bbs-page-inner .title-area {
  text-align: center;
  padding-top: 4.5572916667vw;
  margin-bottom: 10.4166666667vw;
}

.p-bbs-page-inner .title-area .title {
  width: 73.1770833333vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7.8125vw;
  transform: translateX(-2.8645833333vw);
}

.p-bbs-page-inner .title-area .title-desc {
  font-family: "NotoSansCJK-Medium", sans-serif;
  font-size: 13px;
  line-height: 2;
  margin-bottom: 9.6354166667vw;
}

.p-bbs-page-inner .title-area .p-btn-bbs-desc {
  font-family: "NotoSansCJK-Medium", sans-serif;
  width: 48.1770833333vw;
  height: 10.9375vw;
  line-height: 10.9375vw;
  letter-spacing: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.p-bbs-page-inner .title-area .p-btn-bbs-desc:not(:first-of-type) {
  margin-top: 5.2083333333vw;
}

.p-bbs-page-inner div.detail-btn > a.c-btn__viewall {
  display: inline-block;
  width: 42%;
}

.p-bbs-page-inner div.detail-btn > a.c-btn__viewall:last-of-type {
  margin-top: 0;
}

.p-bbs-topic-items {
  width: 74.21875vw;
  max-width: 82rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 12.5vw;
}

.p-bbs-topic-item {
  padding-top: 5.2083333333vw;
  padding-bottom: 3.90625vw;
  border-top: 1px solid #d5d6d6;
}

.p-bbs-topic-item:last-of-type {
  border-bottom: 1px solid #d5d6d6;
}

.topic-title-inner {
  font-family: "NotoSansCJK-Medium", sans-serif;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 2.6041666667vw;
  width: 100%;
}

.topic-title-inner__icon {
  min-width: 0;
  margin-right: 1.8229166667vw;
  align-self: flex-start;
  flex-shrink: 0;
}

.topic-title-inner__icon .topic-icon-new {
  font-family: "Montserrat-SemiBold", sans-serif;
  font-size: 2.6041666667vw;
  letter-spacing: 0.1em;
  color: #e4002c;
  margin-right: 1.0416666667vw;
  vertical-align: middle;
}

.topic-title-inner__icon .topic-icon-uniform {
  display: inline-block;
  width: 4.9479166667vw;
  vertical-align: middle;
}

.topic-title-inner__heading {
  font-size: 3.3854166667vw;
  max-width: 100%;
}

.topic-title-inner__heading .topic-heading {
  vertical-align: middle;
  margin-right: 1.3020833333vw;
  line-height: 1.77;
}

.topic-title-inner__heading .topic-count {
  font-size: 2.8645833333vw;
  vertical-align: middle;
}

.topic-desc {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-wrap: wrap;
}

.topic-desc .topic-author {
  font-family: "NotoSansCJK-Regular", sans-serif;
  font-size: 2.8645833333vw;
  margin-bottom: 5.7291666667vw;
  white-space: nowrap;
}

.topic-desc .topic-author .author-name {
  display: inline-block;
  padding-left: 1em;
  white-space: pre-line;
  vertical-align: top;
  line-height: 1;
}

.topic-desc p.p-bbs-topic-date {
  font-family: "Montserrat-Medium", sans-serif;
  margin-bottom: 0;
}

.topic-desc p.p-bbs-topic-date .time,
.topic-desc p.p-bbs-topic-date .update {
  vertical-align: middle;
  margin-left: 0.5208333333vw;
}

.topic-desc p.p-bbs-topic-date .update {
  font-family: "Montserrat-Regular", sans-serif;
  background-color: #e4002c;
  color: #ffffff;
  padding: 0 0.2em;
  font-size: 2.6041666667vw;
  margin-left: 2.6041666667vw;
}

div.p-bbs-pagination {
  margin-bottom: 18.75vw;
}

.p-bbs-rule-container {
  width: 95%;
}

.p-bbs-rule-inner {
  font-family: "NotoSansCJK-Regular", sans-serif;
  width: 87.24%;
  max-width: 82rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10.15625vw;
}

.p-bbs-rule-inner.p-bbs-page-inner.p-bbs-faq-inner {
  width: 92%;
  padding-bottom: 2rem;
}

.rule-title-area {
  margin-bottom: 10.6770833333vw;
}

.rule-title-area .title {
  font-family: "NotoSansCJK-Bold", sans-serif;
  font-size: 4.4270833333vw;
  padding-bottom: 0.5em;
  text-align: center;
  margin-bottom: 5.2083333333vw;
  letter-spacing: 0.07em;
  border-bottom: 0.9114583333vw solid #000;
}

.rule-title-area .desc {
  font-size: 13px;
  line-height: 2;
}

.rule-items:not(:last-of-type) {
  margin-bottom: 10.4166666667vw;
}

.rule-items:last-of-type {
  margin-bottom: 15.625vw;
}

.rule-items__title {
  font-family: "NotoSansCJK-Bold", sans-serif;
  border: 1px dashed #000;
  display: inline-block;
  padding: 2.8645833333vw 3.125vw;
  font-size: 13px;
  margin-bottom: 3.125vw;
  letter-spacing: 0.05em;
}

.rule-items .desc {
  font-size: 13px;
  line-height: 2;
  margin-bottom: 5.7291666667vw;
}

.rule-items .desc:last-of-type {
  margin-bottom: 0;
}

.rule-item {
  line-height: 2;
  margin-bottom: 6.25vw;
}

.rule-item__title {
  font-size: 13px;
  margin-bottom: 0;
}

.rule-item .desc-items {
  font-size: 13px;
}

.rule-item .desc-items.list-dot li::before {
  content: "・";
  letter-spacing: -0.1em;
}

.last-desc {
  font-size: 13px;
  line-height: 2;
}

.faq-title-area {
  border-bottom: 1px solid #d5d6d6;
  padding-bottom: 3.90625vw;
  margin-bottom: 11.71875vw;
}

.faq-title-area .title.__faq {
  text-align: left;
  letter-spacing: 0.05em;
  margin-bottom: 4.1666666667vw;
  border-bottom: 0.5208333333vw solid #000;
  font-size: 4.6875vw;
}

.faq-title-area .desc.__faq {
  font-size: 13px;
}

.faq-title-area p.desc.warning {
  margin-top: 6.25vw;
  font-size: 13px;
}

.faq-title-area .desc-items {
  line-height: 2;
  font-size: 13px;
  margin-bottom: 5.7291666667vw;
}

.faq-title-area .desc-items.list-dot li::before {
  content: "・";
  letter-spacing: -0.1em;
}

.faq-title-area .desc-items.list-dot li.red {
  color: #e4002c;
}

.faq-title-area .renewal-link {
  line-height: 2;
  font-size: 13px;
  margin-bottom: 5.7291666667vw;
}

.faq-title-area .renewal-link a {
  color: #0074e0;
  text-decoration: underline;
}

.faq-title-area .p-faq-title-bottom-btn {
  text-align: right;
}

a.p-faq-btn__more {
  display: block;
  width: 20vw;
  height: 9.6354166667vw;
  line-height: 9.6354166667vw;
  font-size: 3.125vw;
  padding-left: 4.1666666667vw;
  background-position: center right 3.90625vw;
  background-size: 1.1em;
  margin-right: 0;
  margin-left: auto;
  background-repeat: no-repeat;
  border-radius: 10px;
  border: 1px solid #ff66cc;
  color: #FFFFFF;
}

a.p-faq-btn__more::before {
  background: none;
}

.p-faq-latest-container {
  margin-bottom: 10.4166666667vw;
}

.p-faq-latest-comment .title {
  font-family: "Montserrat-SemiBold", sans-serif;
  font-size: 16px;
  margin-bottom: 2.0833333333vw;
  letter-spacing: 0.05em;
}

.p-faq-latest-comment .comment-content {
/*  color: #0074e0;*/
  color: #FF66CC;
}

.p-faq-comment-inner {
  border: 0.2604166667vw solid #d5d6d6;
  padding: 3.90625vw 2.6041666667vw 6.5104166667vw;
  margin-bottom: 5.2083333333vw;
  background-color:#FFFFFF;
}

.p-faq-comment-inner .comment-author {
  margin-bottom: 3.125vw;
}

.p-faq-comment-inner .comment-author .author-id {
  font-family: "quanticoBold", sans-serif;
  font-size: 2.8645833333vw;
  background-size: 4.4270833333vw;
  background-position: left center;
  color: #e4002c;
}

.p-faq-comment-inner .comment-author .author-id__number {
  vertical-align: middle;
}

.p-faq-comment-inner .comment-author .author-owner {
  font-family: "NotoSansCJK-Bold", sans-serif;
  font-size: 15px;
  padding: 0 0 1em 0em;
  background-size: 5.078125vw;
  background-position: left top;
/*  color: #0074e0;*/
  color: #FF66CC;
  margin-top: -0.5208333333vw;
}

.p-faq-comment-inner .comment-author .author-visitor {
  font-family: "NotoSansCJK-Bold", sans-serif;
  font-size: 3.3854166667vw;
}

.p-faq-comment-inner .comment-content {
  font-family: "NotoSansCJK-Regular", sans-serif;
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 5.7291666667vw;
}

.comment-wrapper {
  margin: 10px 15px;
}

@media screen and (min-width: 1025px) {
  .comment-wrapper {
    margin: 30px 25%;
    padding: 0px 2%;
    zoom: 1.3;
  }
}



@media screen and (max-width:767px) {
  .comment-wrapper {
    margin: 10px 15px;
  }
  .c-btn__ballcounter {
    border-radius: 7px!important;
    min-width: 18.2291666667vw;
    height: 9.6354166667vw;
    line-height: 9.6354166667vw;
  }

  .c-btn__ballcounter:has(.noCnt){
    border-radius: 7px!important;
    min-width: 10vw;
    height: 6vw;
    line-height: 5.9vw;
  }

  .c-btn__ballcounter:has(.noCnt) span{
    padding-left: 4vw
  }

}

.p-faq-comment-btn-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 5.2083333333vw;
}

.p-faq-comment-btn-container .c-btn__viewall {
  width: 33.8541666667vw;
  height: 9.6354166667vw;
  line-height: 9.6354166667vw;
  font-size: 3.125vw;
  margin-bottom: 1.0416666667vw;
  border-radius: 10px;
}

.p-faq-comment-btn-container .comment-btn :first-child {
  margin-right: 5.2083333333vw;
}

.desc-reload {
  font-family: "NotoSansCJK-Regular", sans-serif;
  line-height: 1.63;
  font-size: 2vw;
  text-indent: -1em;
  padding-left: 1em;
  letter-spacing: -0.05em;
}

.comment-container {
  margin-bottom: 12.2395833333vw;
}

.comment-item__inner {
  position: relative;
  border-width: 0;
  background-color: #f6f6f6;
  margin-bottom: 7.8125vw;
}

.comment-item__inner .comment-author {
  margin-bottom: 5.7291666667vw;
}

.comment-item__inner .comment-content {
  margin-bottom: 3.90625vw;
}

.comment-item__inner .comment-data {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.comment-item__inner .comment-date {
  margin-bottom: 0;
}

.p-faq-title-date {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.p-faq-title-date .date {
  display: inline-block;
  color: #727171;
  font-size: 3.125vw;
  letter-spacing: 0.05em;
  font-family: "Montserrat-SemiBold", sans-serif;
}

.p-comment-page-container {
  width: 87.24%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}

div.p-comment-page-inner {
  width: 74.21875vw;
  max-width: 82rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 27.34375vw;
}

.p-comment-content {
  font-family: "NotoSansCJK-Regular", sans-serif;
}

.p-comment-content .title {
  font-family: "NotoSansCJK-Bold", sans-serif;
  border-bottom: 2px solid #000;
  padding-bottom: 0.4em;
  font-size: 3.90625vw;
  margin-bottom: 6.25vw;
}

.p-comment-content .title .icon {
  display: inline-block;
  width: 4.9479166667vw;
  height: auto;
  margin-left: 1.8229166667vw;
  vertical-align: middle;
}

.p-comment-content .comment-form-area {
  margin-bottom: 3.125vw;
}

.p-comment-content .comment-form-area dl .name {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 5.2083333333vw;
  margin-bottom: 7.2916666667vw;
  border-bottom: 0.5px solid #d5d6d6;
}

.p-comment-content .comment-form-area dl .name dt {
  margin-right: 4.6875vw;
  flex-shrink: 0;
}

.p-comment-content .comment-form-area dl .name dd {
  flex-grow: 1;
}

.p-comment-content .comment-form-area dl .name dd input {
  width: 100%;
  border-width: 0;
  font-size: 13px;
}

.p-comment-content .comment-form-area dl .name dd input:focus {
  outline-width: 0;
}

.p-comment-content .comment-form-area dl .content {
  width: 100%;
}

.p-comment-content .comment-form-area dl .content dt {
  margin-bottom: 2.0833333333vw;
}

.p-comment-content .comment-form-area dl .content dt br {
  display: none;
}

.p-comment-content .comment-form-area dl .content dd textarea {
  border: 1px solid #000;
  border-radius: 0;
  resize: none;
  padding: 0.5em;
  font-family: "NotoSansCJK-Regular", sans-serif;
  line-height: 1.67;
}

.p-comment-content .comment-form-area dt {
  font-family: "NotoSansCJK-Bold", sans-serif;
  font-size: 13px;
}

.p-comment-content .comment-form-area dt label > span {
  font-family: "NotoSansCJK-Regular", sans-serif;
}

.p-comment-content .comment-form-area dd {
  font-size: 13px;
  line-height: 2;
}

.p-comment-content .comment-form-area dd input {
  font-family: "NotoSansCJK-Regular", sans-serif;
}

.p-comment-content .comment-form-area dd input::-moz-placeholder {
  color: #aeaeaf;
  font-family: "NotoSansCJK-Regular", sans-serif;
}

.p-comment-content .comment-form-area dd input:-ms-input-placeholder {
  color: #aeaeaf;
  font-family: "NotoSansCJK-Regular", sans-serif;
}

.p-comment-content .comment-form-area dd input::placeholder {
  color: #aeaeaf;
  font-family: "NotoSansCJK-Regular", sans-serif;
}

.p-comment-content .comment-form-area dd input:focus {
/*  border-color: #0074e0;*/
  border-color: #FF66CC;
}

.p-comment-content .comment-form-area dd textarea {
  width: 100%;
  height: 46.875vw;
  font-size: 13px;
  line-height: 1.5;
}

.p-comment-content .comment-form-area dd textarea::-moz-placeholder {
  color: #aeaeaf;
}

.p-comment-content .comment-form-area dd textarea:-ms-input-placeholder {
  color: #aeaeaf;
}

.p-comment-content .comment-form-area dd textarea::placeholder {
  color: #aeaeaf;
}

.p-comment-content .comment-form-area dl .area5,
.p-comment-content .comment-form-area dl .area6,
.p-comment-content .comment-form-area dl .area7 {
  border-bottom: 1px solid #d5d6d6;
  padding: 26px 0 18px;
}

.p-comment-content .comment-form-area dl .area5 dt,
.p-comment-content .comment-form-area dl .area6 dt,
.p-comment-content .comment-form-area dl .area7 dt {
  margin-bottom: 8px;
}

.p-comment-content .comment-form-area dl .area5 dd {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.p-comment-content .comment-form-area dl .area5 dd label {
  width: 27%;
  display: inline-block;
  margin-bottom: 12px;
}

.p-comment-content .comment-form-area dl .area5 dd label input {
  transform: scale(1.2) translateY(10%);
  margin-right: 10px;
  padding-top: 2px;
}

.p-comment-content .comment-form-area dl .area5 dd::after {
  content: "";
  display: inline-block;
  width: 27%;
}

.p-comment-content .comment-form-area dl .area6 dd {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.p-comment-content .comment-form-area dl .area6 dd label {
  width: 27%;
  display: inline-block;
  margin-bottom: 12px;
}

.p-comment-content .comment-form-area dl .area6 dd label input {
  transform: scale(1.2) translateY(10%);
  margin-right: 10px;
  padding-top: 2px;
}

.p-comment-content .comment-form-area dl .area6 dd::after {
  content: "";
  display: inline-block;
  width: 27%;
}

.p-comment-content .comment-form-area dl .area7 {
  padding-bottom: 32px;
}

.p-comment-content .comment-form-area dl .area7 dt {
  margin-bottom: 16px;
}

.p-comment-content .comment-form-area dl .area7 dd select {
  font-size: 14px;
  line-height: 1.7 !important;
  border-radius: 4px;
  padding: 4px 16px 4px 4px;
}

.p-comment-content .comment-form-area dl .area7 dd select option {
  padding: 10px !important;
}

.p-comment-content .comment-attention {
  font-size: 13px;
  line-height: 2;
  margin-bottom: 3.125vw;
}

.p-comment-content .p-comment-confirm-btn {
  display: block;
  margin-right: 0;
  margin-left: auto;
  width: 48.1770833333vw;
  height: 10.9375vw;
  line-height: 10.9375vw;
  border-radius: 11px;
}

.p-comment-confirm-page-inner .title .icon {
  width: 4.1666666667vw;
  vertical-align: top;
}

.p-comment-confirm-page-inner .p-comment-content .comment-form-area {
  padding-bottom: 5.2083333333vw;
  border-bottom: 0.5px solid #d5d6d6;
  margin-bottom: 10.4166666667vw;
}

.p-comment-confirm-page-inner .p-comment-content .comment-form-area dl .content dt {
  margin-bottom: 5.7291666667vw;
}

.p-comment-confirm-page-inner .p-comment-confirm-btn-container a.p-comment-confirm-btn:first-of-type {
  margin-bottom: 5.2083333333vw;
}

.topic-name dt {
  min-width: 5em;
}

.p-mypage-inner h1.img-title {
  margin-top: 9.375vw;
  margin-bottom: 10.15625vw;
}

.p-mypage-inner h1.text-title {
  font-family: "NotoSansCJK-Bold", sans-serif;
  font-size: 3.90625vw;
  text-align: center;
  margin-top: 9.375vw;
  margin-bottom: 10.15625vw;
}

.p-mypage-inner .p-mypage-uniform-img {
  width: 49.7395833333vw;
  height: auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7.03125vw;
  max-width: 31.6rem;
}

.p-mypage-inner .p-mypage-supporter-days {
  text-align: center;
  font-size: 3.6458333333vw;
  margin-bottom: 10.15625vw;
  display: inline-block;
  margin-left: 18.4895833333vw;
}

.p-mypage-inner .p-mypage-supporter-days > .text {
  font-family: "NotoSansCJK-Bold", sans-serif;
  background-size: 5.2083333333vw;
  padding-right: 7.8125vw;
  background-position: right center;
  margin-right: 2.6041666667vw;
}

.p-mypage-inner .p-mypage-supporter-days > .number {
  display: inline-block;
  font-family: "NotoSansCJK-Regular", sans-serif;
  min-width: 14.3229166667vw;
}

.p-mypage-inner .p-mypage-btn-en {
  font-family: "Montserrat-SemiBold", sans-serif;
  letter-spacing: 0.08em;
}

.p-mypage-inner .p-mypage-btn-en .bg-icon {
  background-image: url(../img/ic-external-link-black.svg);
  background-size: 3.90625vw;
  background-position: right 1px center;
  padding-right: 6.5104166667vw;
}

/*
//====================================================
// select page
//====================================================
 */

.p-mypage-inner h1.text-title {
  margin-bottom: 10.15625vw;
  margin-top: 10.4166666667vw;
}

.p-mypage-uniform-select {
  width: 100%;
  padding-bottom: 10.4166666667vw;
}

.p-mypage-uniform-select .p-comment-confirm-btn-container {
  text-align: center;
}

.p-mypage-uniform-select .p-comment-confirm-btn-container .p-comment-confirm-btn {
  width: 48.1770833333vw;
  height: 10.9375vw;
  line-height: 10.9375vw;
}

.uniform-select-items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6.7708333333vw;
  /* PC second rows adjust */
}

.uniform-select-items::after {
  display: block;
  content: "";
  width: 45.6%;
}

.uniform-select-item {
  width: 45.6%;
  height: auto;
  margin-bottom: 8.3333333333vw;
  position: relative;
}

.uniform-select-item input[type=radio] {
  /* 透明度0 */
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
}


/*
//====================================================
// confirm page
//====================================================
 */

.p-mypage-confirm-inner h1.text-title {
  margin-bottom: 13.28125vw;
}

.p-mypage-confirm-inner .p-mypage-uniform-select__confirm-img {
  width: 49.7395833333vw;
  max-width: 31.6rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 8.8541666667vw;
}

.p-mypage-confirm-inner .p-mypage-supporter-days {
  background-size: 5.2083333333vw;
  display: inline-block;
  margin-left: 18.4895833333vw;
}

.p-mypage-confirm-inner .p-mypage-supporter-days .text {
  padding-right: 8.3333333333vw;
}

.p-mypage-confirm-inner .p-mypage-supporter-days .number {
  min-width: 0;
  font-family: "Montserrat-Medium", sans-serif;
}

.p-mypage-confirm-inner .p-comment-confirm-btn:first-of-type {
  margin-bottom: 5.2083333333vw;
}

h1.p-mypage-title-add {
  text-align: center;
  font-family: "Montserrat-SemiBold", sans-serif;
  font-size: 4.1666666667vw;
  width: 100%;
  letter-spacing: 0.05em;
}

.p-profile-main.l-main {
  overflow: visible;
}

.p-profile-inner {
  height: 100%;
  position: relative;
  padding-top: 7.8125vw;
  width: 74.21875vw;
  max-width: 82rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 27.34375vw;
}

.p-profile-content-container {
  position: relative;
  height: 100%;
}

.p-profile-bgimg-container {
  position: fixed;
  top: 35.15625vw;
  z-index: 0;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.p-profile-bgimg-container .bgimg {
  position: relative;
  overflow: hidden;
  width: 54.6875vw;
  max-width: 35.9rem;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}

.p-profile-bgimg-container .bgimg::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  opacity: 0;
}

.p-profile-bgimg-container .bgimg.is-show::before {
  -webkit-animation: img-wrap-off 0.4s cubic-bezier(0, 0.55, 0.45, 1) forwards;
  animation: img-wrap-off 0.4s cubic-bezier(0, 0.55, 0.45, 1) forwards;
}

.p-profile-bgimg-container .bgimg.is-hidden::before {
  -webkit-animation: img-wrap-on 0.4s cubic-bezier(0, 0.55, 0.45, 1) forwards;
  animation: img-wrap-on 0.4s cubic-bezier(0, 0.55, 0.45, 1) forwards;
}

@-webkit-keyframes img-wrap-on {
  from {
    opacity: 0;
    transform: translateY(100%);
  }

  to {
    opacity: 0.8;
    transform: translateY(0%);
  }
}

@keyframes img-wrap-on {
  from {
    opacity: 0;
    transform: translateY(100%);
  }

  to {
    opacity: 0.8;
    transform: translateY(0%);
  }
}

@-webkit-keyframes img-wrap-off {
  from {
    opacity: 0.8;
    transform: translateY(0%);
  }

  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}

@keyframes img-wrap-off {
  from {
    opacity: 0.8;
    transform: translateY(0%);
  }

  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}

.p-profile-text-container {
  height: 100%;
  z-index: 1;
  transform: translate3d(0, 0, 0);
}

.p-profile-text-container .title {
  display: inline-block;
  width: 23.9583333333vw;
  text-align: left;
  font-size: 3.3854166667vw;
  padding-left: 1.8229166667vw;
  height: 4.1666666667vw;
  line-height: 4.1666666667vw;
  font-family: "Montserrat-Medium", sans-serif;
  color: #ffffff;
  background-color: #000;
  margin-bottom: 84.375vw;
}

.p-profile-text-container .profile-item {
  margin-bottom: 10.4166666667vw;
}

.p-profile-text-container .profile-item dt {
  color: #828282;
  font-family: "NotoSansCJK-DemiLight", sans-serif;
  font-size: 3.3854166667vw;
  position: relative;
  margin-bottom: 2.0833333333vw;
}

.p-profile-text-container .profile-item dt.en {
  font-family: "Montserrat-Medium", sans-serif;
}

.p-profile-text-container .profile-item > dt:first-child {
  letter-spacing: 0.05em;
}

.p-profile-text-container .profile-item > dt:first-child::before {
  content: "";
  display: inline-block;
  width: 1.4322916667vw;
  height: 0.2604166667vw;
  top: 50%;
  left: -0.7em;
  transform: translateY(-50%);
  background-color: #828282;
  position: absolute;
}

.p-profile-text-container .profile-item dd {
  font-size: 3.3854166667vw;
}

.p-profile-text-container .profile-item dd.name .ja {
  font-family: "NotoSansCJK-Medium", sans-serif;
  font-size: 3.90625vw;
  letter-spacing: 0.1em;
  margin-right: 3.125vw;
}

.p-profile-text-container .profile-item dd.name .en {
  font-family: "Montserrat-Light", sans-serif;
  font-size: 2.8645833333vw;
  letter-spacing: 0.05em;
}

.p-profile-text-container .profile-item.data {
  margin-bottom: 9.6354166667vw;
}

.p-profile-text-container .profile-item.data > dt:first-child {
  margin-bottom: 3.90625vw;
}

.p-profile-text-container .profile-item.data > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 4.4270833333vw;
}

.p-profile-text-container .profile-item.data > div dt {
  width: 5em;
  margin-bottom: 0;
  margin-right: 3.6458333333vw;
}

.p-profile-text-container .profile-item.data > div dd {
  font-family: "NotoSansCJK-Medium", sans-serif;
}

.p-profile-text-container .profile-item.career {
  margin-bottom: 6.25vw;
}

.p-profile-text-container .profile-item.career dt {
  line-height: 2;
  margin-bottom: 1.0416666667vw;
}

.p-profile-text-container .profile-item.career p {
  line-height: 2;
  text-align: left;
  font-family: "NotoSansCJK-Regular", sans-serif;
}

.p-profile-text-container .profile-item.career p:not(:last-of-type) {
  margin-bottom: 6.5104166667vw;
}

.p-profile-text-container .career-latest {
  font-size: 3.3854166667vw;
  line-height: 2;
  font-family: "NotoSansCJK-Regular", sans-serif;
}

.p-common-inner {
  padding-top: 8.8541666667vw;
}

.common-article {
  border-bottom: 1px solid #d5d6d6;
  padding-bottom: 3.90625vw;
  margin-bottom: 24.3489583333vw;
}

.common-article__title {
  width: 100%;
  border-bottom: 2px solid #000;
  line-height: 1.66;
  margin-bottom: 3.90625vw;
  display: flex;
  flex-direction: column;
}

.common-article__title h1 {
  display: inline-block;
  font-size: 4.4270833333vw;
  font-family: "NotoSansCJK-Bold", sans-serif;
  letter-spacing: 0.05em;
}

.common-article__title .common-article__title__date {
  flex-shrink: 0;
  width: auto;
  margin-right: 0;
  margin-left: auto;
  display: inline-block;
  text-align: right;
  background-position: left center;
}

.common-article__content {
  font-family: "NotoSansCJK-Regular", sans-serif;
  font-size: 13px;
  line-height: 1.7;
  padding-bottom: 6.25vw;
}

.common-article__content > * {
  max-width: 100%;
  margin-bottom: 6.5104166667vw;
}

.common-article__content p {
  word-break: break-all;
}

.common-article__content > div {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.common-article__content .p-photo-item {
  border-width: 0;
  margin-bottom: 0 !important;
}

.common-article__content .p-photo-item__inner {
  padding-bottom: 0;
}

.common-article__btn {
  text-align: right;
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 4.9rem;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}

.l-header__text-container {
  display: flex;
  align-items: center;
  padding: 0.85rem;
}

.l-header__text-container .l-header__logo {
  width: 3.28rem;
  height: auto;
}

.l-header__text-container .l-header__title {
  display: inline-block;
  width: 10.89rem;
  height: auto;
  vertical-align: middle;
  padding-left: 0.895rem;
}

.l-header .l-header__myinfo-inner {
  display: inline-block;
  padding-left: 0.85rem;
  font-family: "NotoSansCJK-Regular", sans-serif;
}

.l-header .l-header__myinfo-inner .myinfo-id,
.l-header .l-header__myinfo-inner .myinfo-days {
  white-space: nowrap;
}

.l-header .l-header__myinfo-inner .myinfo-id > dt,
.l-header .l-header__myinfo-inner .myinfo-id dd,
.l-header .l-header__myinfo-inner .myinfo-days > dt,
.l-header .l-header__myinfo-inner .myinfo-days dd {
  display: inline-block;
  vertical-align: middle;
}

.l-header .l-header__myinfo-inner .myinfo-id__text,
.l-header .l-header__myinfo-inner .myinfo-days__text {
  display: none !important;
  width: 9em;
  font-size: 0.8rem;
  padding-right: 0;
}

.l-header .l-header__myinfo-inner .myinfo-id__number,
.l-header .l-header__myinfo-inner .myinfo-days__number {
  font-size: 1rem;
  background-color: #000;
  color: #ffffff;
  padding: 0.3rem 0.7rem;
  min-width: 6em;
  font-family: "quantico", sans-serif;
}

.l-header__btn-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.l-header__sns-items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.l-header__sns-item {
  width: 2rem;
  height: auto;
  cursor: pointer;
}

.l-header__sns-item:not(:first-child) {
  margin-left: 1.5rem;
}

.l-header__sns-item.__twitter:hover,
.l-header__sns-item.__twitter:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-image: url(../img/ic-twitter-blue.svg);
  background-position: center;
  background-size: contain;
  height: 23.77px;
}

.l-header__sns-item.__twitter:hover img,
.l-header__sns-item.__twitter:active img {
  opacity: 0;
}

.l-header__sns-item.__line:hover,
.l-header__sns-item.__line:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-image: url(../img/ic-line-green.svg);
  background-position: center;
  background-size: contain;
  height: 29px;
}

.l-header__sns-item.__line:hover img,
.l-header__sns-item.__line:active img {
  opacity: 0;
}

.l-header__sns-item.__insta:hover,
.l-header__sns-item.__insta:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-image: url(../img/ic-insta-color.png);
  background-position: center;
  background-size: contain;
  height: 29px;
}

.l-header__sns-item.__insta:hover img,
.l-header__sns-item.__insta:active img {
  opacity: 0;
}

.l-header__nav {
  display: none;
}

.l-header__nav__items {
  display: flex;
  align-items: center;
}

.l-header__nav__item:not(:first-child) {
  margin-left: 1.3rem;
}

.l-header__home-btn {
  background-color: #727171;
  width: 4.9rem;
  height: 4.9rem;
  margin-left: 1.5rem;
}

.l-header__home-btn a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.l-header__home-btn a img {
  width: 1.8rem;
  height: 1.8rem;
}

.l-header__menu-btn {
  position: relative;
  z-index: 6;
}

.hamburger {
  display: inline-block;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  width: 4.9rem;
  height: 4.9rem;
  margin: auto;
  background-color: #000;
  outline: none;
  transition: all 0.2s ease-in-out;
}

.hamburger__line {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 2rem;
  height: 0.1rem;
  background-color: #ffffff;
  transition: inherit;
}

.hamburger__line::before,
.hamburger__line::after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: inherit;
  content: "";
  transition: inherit;
}

.hamburger__line::before {
  top: -0.85rem;
}

.hamburger__line::after {
  top: 0.85rem;
}

.hamburger[aria-expanded=true] .hamburger__line {
  width: 3rem;
  background-color: transparent;
}

.hamburger[aria-expanded=true] .hamburger__line::before,
.hamburger[aria-expanded=true] .hamburger__line::after {
  top: 0;
  background-color: #ffffff;
}

.hamburger[aria-expanded=true] .hamburger__line::before {
  transform: rotate(35deg);
}

.hamburger[aria-expanded=true] .hamburger__line::after {
  transform: rotate(-35deg);
}

.l-modal-container {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #ffffff;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0, 0.55, 0.45, 1);
  transform: translateX(10%);
}

body.is-drawerActive {
  height: 100vh;
}

body.is-drawerActive .l-modal-container {
  height: 100%;
  opacity: 1;
  visibility: visible;
  z-index: 5;
  transform: translateX(0);
  transition: all 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  overflow-y: hidden;
}

body.is-drawerActive .l-header {
  position: fixed;
  height: 100vh;
}

body.is-drawerActive .l-header .l-header__text-container,
body.is-drawerActive .l-header .l-header__sns-items,
body.is-drawerActive .l-header .l-header__nav__items {
  opacity: 0;
}

body.is-drawerActive .l-header .modal-member-nav > .l-header__nav__items {
  opacity: 1;
}

body.is-drawerActive .l-header__menu-btn {
  position: fixed;
  top: 0;
  margin-left: 0;
}

body.is-drawerActive .l-header__home-btn {
  position: fixed;
  top: 0;
  margin-left: 0;
}

.l-modal-inner {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.l-modal-inner__black {
  background-color: #000;
  color: #ffffff;
  padding-left: 23.9583333333vw;
  padding-top: 4.2rem;
  padding-bottom: 3rem;
}

.l-modal-inner__black .modal-item {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 1.7rem;
  letter-spacing: 0.03em;
  padding-left: 1.6rem;
  position: relative;
  transition: letter-spacing 0.4s cubic-bezier(0, 0.55, 0.45, 1);
}

.l-modal-inner__black .modal-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.8rem;
  height: 0.2rem;
  background-color: #ffffff;
  transform: translateY(-50%);
}

.l-modal-inner__black .modal-item:not(:last-child) {
  margin-bottom: 2.7rem;
}

.l-modal-inner__black .modal-item.__external-link a {
  padding-right: 2.2rem;
  background-image: url(../img/ic-external-link.svg);
  background-size: 1em;
  background-position: right;
}

.l-modal-inner__black .modal-item:hover {
  letter-spacing: 0.08em;
}

.l-modal-inner__white {
  background-color: #ffffff;
  padding-top: 2rem;
  padding-bottom: 2.9rem;
}

.l-modal-inner__white .site-title {
  width: 17.9rem;
  margin: 0 auto;
}

.visitor-box {
  margin-top: 2.5rem;
  width: 87.24%;
  max-width: 33.6rem;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  transform: translateY(-0.4rem);
}

.visitor-box__title {
  width: 100%;
  margin: 0 auto;
}

.visitor-box__title .title {
  display: inline-block;
  width: 33%;
  font-size: 1.2rem;
  font-family: "Montserrat-Medium", sans-serif;
  letter-spacing: 0.05em;
  text-align: left;
  white-space: nowrap;
}

.visitor-box__title .underbar {
  display: inline-block;
  width: 67%;
  border-bottom: 1px solid #000;
}

.visitor-box .p-modal-login-btn {
  font-size: 1.2rem;
  width: 10rem;
  height: 4rem;
  line-height: 4rem;
}

.modal-page-nav {
  margin-top: 4.6rem;
  margin-bottom: 2.7rem;
}

.modal-page-nav.__logout {
  margin-top: 0.5rem;
}

.modal-member-nav ul.l-header__nav__items {
  justify-content: center;
}

.modal-member-nav li.l-header__nav__item:not(:first-child) {
  margin-left: 1.6rem;
}

.modal-member-nav li.l-header__nav__item a.c-btn__login,
.modal-member-nav li.l-header__nav__item a.c-btn__mypage {
  width: 11rem;
  height: 4.2rem;
  line-height: 4.2rem;
  font-size: 1.2rem;
}

.modal-member-nav li.l-header__nav__item a.c-btn__login::before {
  border-left: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #000;
}

.modal-member-nav li.l-header__nav__item a.c-btn__mypage {
  padding-left: 1.4rem;
}

.modal-member-nav li.l-header__nav__item a.c-btn__mypage::after {
  right: 1.2rem;
  width: 1.5rem;
  height: 1.1rem;
}

.modal-page-items {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.modal-page-flex:first-child {
  margin-right: 1.5rem;
}

.modal-page-flex > .modal-page-item:first-child {
  margin-bottom: 1.5rem;
}

.modal-page-item {
  font-family: "Montserrat-Medium", sans-serif;
  font-size: 1.3rem;
  text-align: left;
}

.visitor-items {
  display: flex;
  justify-content: center;
  align-items: center;
}

.visitor-items a.c-btn__login,
.visitor-items a.c-btn__signup {
  width: 11rem;
  height: 4.2rem;
  line-height: 4.2rem;
  font-size: 1.2rem;
}

.visitor-item:first-child {
  margin-right: 1.5rem;
}

.l-main {
  width: 100%;
}

.l-main-container {
  width: 87.24%;
  margin-right: auto;
  margin-left: auto;
}

.js-fc-link {
  opacity: 0;
  transform: matrix(1.1, 0, 0, 0.9, 10, 10);
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.js-fc-link.is-active {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.l-footer {
  width: 100%;
  background-color: #000;
  color: #ffffff;
  text-align: center;
  z-index: 4;
  transform: translate3d(0, 0, 0);
}

.l-footer-inner {
  width: 87.24%;
  display: flex;
  margin: 0 auto;
  padding: 9.375vw 0;
}

.l-footer-inner__left {
  width: 46%;
  padding-left: 3.90625vw;
}

.l-footer-nav-list {
  text-align: left;
}

.l-footer-nav-list__item {
  font-family: "NotoSansCJK-Medium", sans-serif;
  font-size: 2.8645833333vw;
  letter-spacing: 0.1em;
}

.l-footer-nav-list__item:not(:last-child) {
  margin-bottom: 5.8333333333vw;
}

.l-footer-inner__right {
  width: 54%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.l-footer-logo__sp {
  width: 12.890625vw;
  margin: 0 auto 8.5416666667vw 15.625vw;
  height: auto;
}

.l-footer-logo__pc {
  display: none;
}

.l-footer__copyright {
  font-family: "Montserrat-Medium", sans-serif;
  letter-spacing: 0.1em;
  font-size: 2.0833333333vw;
  display: inline-block;
  white-space: nowrap;
  margin-bottom: 0;
}

/* モーダルCSS */

.modalArea {
  display: none;
  position: fixed;
  z-index: 6;
  /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 30, 0.9);
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 500px;
  overflow-y: auto;
  padding: 40px;
  background-color: #fff;
}

.closeModal {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  font-size: 30px;
}

.modalContents {
  text-align: center;
}

.modalContents .en {
  font-family: "Montserrat-Medium", sans-serif;
  margin-bottom: 44px;
}

.modalContents .linkBtn {
  display: block;
  width: 100%;
  color: #ffffff;
  background-color: #4AB3F4;
  position: relative;
  padding-left: 1.5em;
  height: 40px;
  line-height: 40px;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
}

.modalContents .linkBtn:first-of-type {
  margin-bottom: 20px;
}

.modalContents .linkBtn .small {
  font-size: 90%;
  padding-right: 0.5em;
}

.modalContents .linkBtn::before {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../img/ic-twitter-white.svg);
  background-size: 1.2em;
  background-position: left 1em center;
}

.c-btn__login,
.c-btn__mypage,
.c-btn__signup {
  position: relative;
  display: inline-block;
  border: 1px solid #000;
  font-family: "Montserrat-SemiBold", sans-serif;
  letter-spacing: 0.1em;
  font-size: 0.9rem;
  width: 7.2rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.c-btn__login::before,
.c-btn__mypage::before,
.c-btn__signup::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0.2rem;
  right: 0.2rem;
  border-left: 0.34rem solid transparent;
  border-bottom: 0.34rem solid #000;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.c-btn__login:hover,
.c-btn__mypage:hover,
.c-btn__signup:hover {
  background-color: #000;
  color: #ffffff;
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.c-btn__login:hover::before,
.c-btn__mypage:hover::before,
.c-btn__signup:hover::before {
  border-bottom-color: #ffffff;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.c-btn__signup {
  color: #ffffff;
  background-color: #000;
  font-family: "NotoSansCJK-Medium", sans-serif;
  letter-spacing: 0.2em;
}

.c-btn__signup::before {
  border-bottom: 0.34rem solid #ffffff;
}

.c-btn__signup:hover {
  background-color: #ffffff;
  color: #000;
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.c-btn__signup:hover::before {
  border-bottom-color: #000;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.c-btn__mypage {
  color: #ffffff;
  background-color: #727171;
  letter-spacing: 0.1em;
  position: relative;
  text-align: left;
  padding-left: 1.7rem;
  border: none;
}

.c-btn__mypage::before {
  content: none;
}

.c-btn__mypage::after {
  content: "";
  background-image: url(../img/ic-external-link.svg);
  background-size: contain;
  background-position: right center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  width: 2.2rem;
  height: 2.1rem;
}

.c-btn__arrow {
  display: inline-block;
  position: relative;
  background-image: url(../img/ic-arrow-white.svg);
  background-position: center right;
  background-size: 1em;
  padding-right: 1.2em;
}

.c-btn__arrow::before {
  content: "";
  height: 0.390625vw;
  background-color: #000;
  width: 100%;
  position: absolute;
  bottom: -0.5em;
  left: 0;
}

.c-btn__more {
  display: inline-block;
  font-family: "Montserrat-Medium", sans-serif;
  font-size: 2.8645833333vw;
  border: 1px solid #000;
  letter-spacing: 0.1em;
}

.c-btn__viewall {
  display: inline-block;

  background-color: #000;
  color: #ffffff;
  font-family: "Montserrat-Medium", sans-serif;
  font-size: 3.125vw;
  width: 42.96875vw;
  height: 11.71875vw;
  line-height: 11.71875vw;
  text-align: left;
  padding-left: 3.6458333333vw;
  letter-spacing: 0.1em;
  position: relative;
  transition: background color 0.4s cubic-bezier(0.16, 1, 0.3, 1);
/*  border: 1px solid transparent;*/
  border: 1px solid #ff66cc;
  border-radius: 10px;
}

.c-btn__viewall::before {
  content: "";
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  width: 1.1em;
  height: 1.1em;
/*  background-image: url(../img/ic-arrow-white.svg);*/
  background-image: url(../img/ic-arrow-white.svg);
  background-position: center right;
  background-size: 1.1em;
  transition: background color 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  background-repeat: no-repeat;
}

.c-btn__viewall:hover {
/*  background-color: #ffffff;*/
  background-color: #ffdbed;
  color: #000;
  opacity: 1;
  border: 1px solid #000;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.c-btn__viewall:hover::before {
  border-bottom-color: #ffffff;
  background-image: url(../img/ic-arrow-black.svg);
}

.c-btn__reload::before {
  background-image: url(../img/ic-btn-reload.svg);
  background-size: contain;
  right: 3.90625vw;
  transition: background color 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.c-btn__reload:hover {
  background-color: #000;
  color: #ffffff;
  border: 1px solid #ff66cc;
}

.c-btn__reload:hover::before {
  background-image: url(../img/ic-btn-reload.svg);
  background-size: 1em;
  box-sizing: border-box;
  background-repeat: no-repeat;
}

.c-btn__readmore,
.c-btn__drawer {
  display: inline-block;
  background-image: url(../img/ic-arrow-black.svg);
  background-size: 10px;
  background-position: center right 5px;
}

.c-btn__readmore:hover,
.c-btn__drawer:hover {
  background-color: #000;
  color: #ffffff;
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  background-image: url(../img/ic-arrow-white.svg);
}

.c-btn__drawer {
  font-family: "Montserrat-Medium", sans-serif;
  border: 1px solid #000;
  background-position: center right 0.8rem;
  background-size: 0.8em;
  width: 16rem;
  height: 4.2rem;
  line-height: 4.2rem;
  position: relative;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.c-btn__drawer img {
  vertical-align: middle;
  margin-left: 1.1rem;
  margin-bottom: 0.7rem;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.c-btn__drawer img.bbs {
  width: 2.14rem;
}

.c-btn__drawer img.blog {
  width: 2.059rem;
}

.c-btn__drawer img.photolog {
  width: 2.059rem;
}

.c-btn__drawer img.mtv {
  width: 1.87rem;
}

.c-btn__drawer span {
  position: absolute;
  top: 50%;
  left: 4.2rem;
  transform: translateY(-50%);
  letter-spacing: 0.05em;
}

.c-btn__drawer:hover {
  background-color: #000;
  color: #ffffff;
  opacity: 1;
  background-image: url(../img/ic-arrow-white.svg);
}

.c-btn__drawer:hover img {
  filter: invert(1);
}

.c-fc-container {
  position: fixed;
  z-index: 1;
  bottom: 4.9479166667vw;
  left: 50%;
  transform: translateX(-50%);
  overflow-y: visible;
  pointer-events: none;
}

/*span.cnt {*/
/*  width: 80%;*/
/*  box-sizing: border-box;*/
/*}*/

.c-btn__fc {
  text-align: right;
  margin-right: -1.3020833333vw;
}

.c-btn__fc a {
  pointer-events: all;
  display: inline-block;
  width: 10rem;
}

.c-btn__anchor {
  background-color: #eaeaeb;
  text-align: center;
  font-family: "Montserrat-Medium", sans-serif;
  font-size: 4.1666666667vw;
  letter-spacing: 0.09em;
  padding-bottom: 8.59375vw;
}

.c-btn__anchor .anchor-img {
  display: block;
  width: 10.4166666667vw;
  height: auto;
  margin: 0 auto;
  padding-bottom: 2.8645833333vw;
  transform: translate3d(0, 0, 0);
}

.c-btn__anchor span {
  display: block;
  transform: translate3d(0, 0, 0);
}

.c-btn__round {
  color: #000;
  background-color: #d5d6d6;
  border-radius: 3.5rem;
  text-align: center;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.c-btn__round:hover {
  opacity: 0.8;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.c-btn__black {
  background-color: #000;
  color: #ffffff;
  text-align: center;
  display: block;
}

.c-btn__ballcounter {
  display: inline-block;
  background-color: #ffffff;
  border: 2px solid #000000;
  border-radius: 5.5px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.c-btn__ballcounter span {
  display: inline-block;
  color: #000000;
  font-family: "quanticoBold", sans-serif;
  font-size: 4vw;
  padding-left: 5.2083333333vw;
  position: relative;
  vertical-align: middle;
  top: -1px;
}

.c-btn__ballcounter span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(../img/iine_black.png);
  background-size: 4vw;
  background-position: left top 47%;
  box-sizing: border-box;
  background-repeat: no-repeat;
}

.c-btn__ballcounter:active {
  background-color: #cc0000;
  opacity: 1;
}

.mySelf:active {
  background-color: #cc0000;
  opacity: 1;
}

.comm_like:active {
  background-color: #0033CC;
  opacity: 1;
}


.c-btn__ballcounter:active span {
  color: #ffffff;
}

.c-btn__ballcounter:active span::before {
  background-image: url(../img/iine_white.png);
  box-sizing: border-box;
  background-repeat: no-repeat;
}

.c-news-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 5.859375vw 0;
}

.c-news-item:first-child {
  border-top: 1px solid #d5d6d6;
  border-bottom: 1px solid #d5d6d6;
}

.c-news-item + .c-news-item {
  border-bottom: 1px solid #d5d6d6;
}

.c-news-item__img {
  width: 16%;
  height: auto;
  max-width: 8rem;
  flex: 0 0 auto;
}

.c-news-item__inner {
  cursor: pointer;
  width: 84%;
  padding-left: 3.6458333333vw;
  flex: 0 0 auto;
}

.c-news-tag {
  font-family: "Montserrat-SemiBold", sans-serif;
  line-height: 0.5;
  text-align: left;
}

.c-news-tag .new {
  font-size: 2.6041666667vw;
  color: #e4002c;
  letter-spacing: 0.11em;
  vertical-align: top;
  line-height: 1.2;
}

.c-news-tag .date {
  font-size: 3.125vw;
  color: #000;
  padding: 0 0.2em;
  vertical-align: top;
  line-height: 1.2;
  padding-left: 1.4em;
  position: relative;
  background-image: url(../img/ic-clock.svg);
  background-position: left center;
  background-size: 1em;
}

.c-news-tag .date.no-clock {
  padding-left: 0;
  background-image: none;
}

.c-news-title {
  font-family: "NotoSansCJK-Medium", sans-serif;
  line-height: 1.4;
  font-size: 3.3854166667vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: left;
}

.c-main {
  background-color: #eaeaeb;
  padding-top: 9.1145833333vw;
}

.c-border-inner {
  width: 87.24%;
  margin: 0 auto 27.6041666667vw;
  border-top: 1.953125vw solid #000;
  border-bottom: 1.953125vw solid #000;
  background-color: #ffffff;
}

.c-border-inner__title {
  width: 44.0104166667vw;
  margin: 5.4947916667vw auto 7.8125vw;
}

.c-dotted-inner {
  border: 1px dashed #000;
  padding: 2.6041666667vw;
}

.c-top-section-title {
  font-size: 11.71875vw;
  font-family: "Montserrat-SemiBold", sans-serif;
}

.c-section-title-img {
  height: auto;
}



.c-pagination {
  text-align: center;
  width: 100%;
  margin-bottom: 16.9270833333vw;
}

.c-pagination__items {
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-pagination__item {
  position: relative;
  font-family: "Montserrat-Medium", sans-serif;
  font-size: 3.6458333333vw;
}

.c-pagination__item.is-current ::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -50%;
  transform: translateX(-50%);
  background-color: #000;
  width: 0.8em;
  height: 0.6510416667vw;
}

.c-pagination__item.number {
  margin-right: 4.1666666667vw;
}

.c-pagination__item:nth-last-of-type(2) {
  margin-right: 0;
}

.c-pagination__item.dotted {
  margin-right: 1.8229166667vw;
  margin-left: -2.6041666667vw;
}

.c-pagination__item.prev,
.c-pagination__item.next {
  width: 7.8125vw;
}

.c-pagination__item.prev img,
.c-pagination__item.next img {
  vertical-align: middle;
}

.c-pagination__item.prev {
  margin-right: 5.46875vw;
}

.c-pagination__item.next {
  margin-left: 5.46875vw;
}

.c-article-date {
  font-family: "Montserrat-SemiBold", sans-serif;
  letter-spacing: 0.05em;
  margin-bottom: 2.6041666667vw;
  background-image: url(../img/ic-clock.svg);
  background-size: 1em;
  background-position: left center;
  padding-left: 1.2em;
  margin-bottom: 0;
  background-repeat: no-repeat;
}

.no-clock .c-article-date {
  background-image: none;
  padding-left: 0;
}

.c-article-date .date,
.c-article-date .time {
  vertical-align: middle;
  display: inline-block;
}

.c-article-date .time {
  padding-left: 0.5em;
}

.c-article-date img {
  width: 2.6041666667vw;
  margin-right: 1.171875vw;
  vertical-align: middle;
}

.c-article-date.__owner {
  background-image: url(../img/ic-clock-pink.svg);
/*  color: #0074e0;*/
  color: #FF66CC;
  background-size: 0.9em;
  background-position: left center;
  padding-left: 1.2em;
  margin-bottom: 0;
}

.c-article-date.__owner .time {
  padding-left: 0.5em;
}

.u-top-dash {
  outline: 1px solid #000;
  outline-offset: -0.99px;
  outline-style: dashed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.u-top-dash:hover {
  opacity: 0.7;
}

.u-top-blur {
  -ms-filter: blur(8px);
  filter: blur(8px);
}

.u-not-event {
  pointer-events: none;
}

.p-top-info .c-news-tag .date {
  padding-left: 0;
  background-image: none;
  color: #727171;
}

.p-info-news-items .date,
.p-info-news-items .time {
  color: #727171;
}

.p-info-news-items .c-news-tag .date {
  padding-left: 0;
  background-image: none;
  color: #727171;
}

.common-article__title__date.c-article-date,
.c-article-date.p-photo-article-date,
.p-photo-item__inner .c-article-date.slider-adjust,
.mtv-item__text .c-article-date {
  background-image: none;
  padding-left: 0;
}

.common-article__title__date.c-article-date .date,
.c-article-date.p-photo-article-date .date,
.p-photo-item__inner .c-article-date.slider-adjust .date,
.mtv-item__text .c-article-date .date {
  color: #727171;
}







@media screen and (min-width:768px) {
  .is-pc {
    display: block;
  }

  .is-sp {
    display: none;
  }

  .p-top-kv__title {
    top: 60.4166666667vw;
    max-width: 30rem;
  }

  .p-top-kv .swiper-bgimg,
  .p-top-kv .swiper__boby {
    background-position: top 20% center;
  }

  .p-top-kv .swiper-container-nav {
    margin-top: 1rem;
    height: 8.5rem;
    width: 55rem;
  }

  .swiper-container-nav::after {
    width: 10px;
    right: 17.7rem;
  }

  .swiper-container-nav::before {
    width: 185px;
  }

  .p-top-kv {
    margin-bottom: 8.59375vw;
  }

  .p-top-headline {
    margin-bottom: 6.65rem;
    margin-left: 8.5651537335vw;
  }

  .p-top-headline.l-main-container {
    text-align: left;
  }

  .p-headline-inner {
    width: 100%;
    align-items: baseline;
    margin-left: 0;
    margin-right: 0;
    max-width: 60rem;
  }

  .p-headline-tag {
    white-space: nowrap;
    font-size: 2rem;
    margin-right: 1.7rem;
    min-width: 19.4rem;
  }

  .p-headline-tag__new {
    padding-right: 1rem;
  }

  .p-headline-tag__new img {
    height: 2.4rem;
  }

  .p-headline-text {
    font-size: 2rem;
  }

  .p-top-info__title {
    font-size: 5.5rem;
    margin-bottom: 2.9rem;
  }

  .p-top-info-archive {
    font-size: 1.8rem;
    margin-bottom: 2.3rem;
  }

  .p-top-btn__more {
    font-size: 1.8rem;
    margin-top: 5rem;
    width: 33rem;
    height: 7.6rem;
    line-height: 7.6rem;
    margin-bottom: 19.5rem;
    padding: 0;
    padding-left: 5.1rem;
  }

  .p-top-accordion-content {
    padding: 2.1rem 0 0;
  }

  .top-accordion-inner {
    font-size: 1.6rem;
    padding: 3rem;
  }

  .top-info-accordion-btn {
    width: 4rem;
    height: 4rem;
  }

  .top-info-accordion-btn::before {
    width: 1.6rem;
    height: 1px;
  }

  .top-info-accordion-btn::after {
    width: 1px;
    height: 1.6rem;
  }

  .p-top-bbs-title {
    width: 49.2rem;
  }

  .p-top-bbs__bg {
    margin-top: 5.5rem;
    padding-bottom: 10rem;
  }

  .p-top-bbs-inner {
    font-size: 2rem;
    line-height: 2.1;
    margin-bottom: 3rem;
    padding-top: 0;
  }

  p.p-top-bbs-tag {
    font-size: 1.6rem;
    background-position: left center;
  }

  p.p-top-bbs-tag .time,
  p.p-top-bbs-tag .update {
    margin-left: 0;
  }

  p.p-top-bbs-tag .update {
    padding: 0.1em 0.4em;
    margin-left: 1.6rem;
    font-size: 1.6rem;
  }

  .p-top-supporters {
    margin-top: 12rem;
    padding-bottom: 13.8rem;
  }

  .p-top-supporters__title {
    padding: 2.5rem;
  }

  .p-top-supporters__title img {
    width: 49rem;
  }

  .p-top-photolog {
    margin-top: 9.8rem;
  }

  .p-top-photolog-title {
    margin-bottom: -4.5rem;
    margin-left: -1rem;
    background-position-x: 48rem;
    padding-right: 2rem;
    background-size: 8.37rem;
  }

  .p-top-photolog-title.p-top-photolog-title {
    font-size: 7rem;
  }

  .p-top-photolog-inner {
    padding: 8.8rem 8.5rem 10.5rem;
  }

  .p-top-article-new img {
    max-width: 6.8rem;
  }

  .p-top-article-new {
    top: -3.5rem;
    left: -2.5rem;
  }

  .p-top-article-date {
    padding-top: 2rem;
  }

  .p-top-article-date .new {
    font-size: 1.6rem;
  }

  .p-top-article-date .year {
    font-size: 1.4rem;
  }

  .p-top-article-date .date {
    font-size: 2.2rem;
  }

  .p-top-blog {
    padding-bottom: 5rem;
  }

  .p-top-wave-inner {
    height: 11rem;
  }

  .p-top-wave-gray {
    height: 8px;
    margin: 0 -40px;
    background: url("data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%228%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0%2C0 v4 c20%2C13.84 20%2C-13.84 40%2C0 v-4 z%22 fill%3D%22%23eaeaeb%22%2F%3E%3C%2Fsvg%3E") repeat-x;
  }

  .p-top-wave-white {
    height: 8px;
    margin: 0 -40px;
    background: url("data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%228%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0%2C0 v4 c20%2C13.84 20%2C-13.84 40%2C0 v-4 z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") repeat-x;
  }

  div.p-top-blog__inner {
    width: 70vh;
    max-width: 70rem;
  }

  .p-top-blog-title {
    margin-bottom: -0.7rem;
    margin-right: -2rem;
  }

  .p-top-blog-title img {
    width: 7.6rem;
    transform: translate(0);
    margin-left: 3.2rem;
    transform: translateY(-0.5rem);
  }

  .p-top-blog-item__img,
  .p-top-mtv-item__img {
    padding-top: 59.75%;
  }

  .p-top-blog-item__text {
    margin-top: 2rem;
    margin-bottom: 3.2rem;
  }

  .p-top-blog-item__text .blog-date {
    border-right: 3px solid #000;
    margin-right: 2.8rem;
    padding-right: 2.8rem;
  }

  .p-top-blog-item__text .blog-date .small {
    font-size: 1.6rem;
    margin-left: 0.5rem;
  }

  .p-top-blog-item__text .blog-date .large {
    font-size: 5.2rem;
  }

  .p-top-blog-item__text .blog-title {
    font-size: 2.4rem;
  }

  .p-top-mtv__inner {
    border-radius: 27px;
    margin-top: 13.6rem;
    padding: 8.2rem 0 7.8rem;
    max-width: 88rem;
  }

  .p-top-mtv-title {
    width: 40.47rem;
    margin: -12.8rem auto 5.1rem;
    transform: translateX(2.6rem);
  }

  .p-top-mtv-item__img {
    border: 10px solid #000;
  }

  .p-top-mtv-item__text .mtv-date {
    font-size: 2.4rem;
    margin-top: 3rem;
  }

  .p-top-mtv-item__text .mtv-title {
    font-size: 2.4rem;
    margin-top: 2rem;
  }

  .p-top-mtv-viewall {
    transform: translate(-50%, -65%);
  }

  .alert-container {
    margin-bottom: 100px;
  }

  .alert-img {
    border-right: 2px solid #ffffff;
    padding: 14px 18px;
  }

  .alert-img img {
    width: 62px;
  }

  .alert-text p {
    -webkit-line-clamp: 1;
    font-size: 1.6rem;
    padding: 0 30px;
  }

  .p-login-form {
    width: 410px;
    margin-bottom: 1.5rem;
  }

  .p-login-form:last-child {
    margin-bottom: 1.5rem;
  }

  .p-login-form > input {
    height: 3.6rem;
    line-height: 3.6rem;
    padding: 1.2rem 1.4rem;
    font-size: 1.4rem;
  }

  .p-login-submit {
    width: 410px;
    margin-bottom: 7.83rem;
  }

  .p-login-submit button[type=submit] {
    width: 11rem;
    height: 4.2rem;
    line-height: 4.2rem;
    font-size: 1.6rem;
  }

  .p-login-btn-container {
    padding-bottom: 6.9rem;
  }

  .p-login-btn-round:not(:last-child) {
    margin-bottom: 1.5rem;
  }

  .p-login-btn-round {
    width: 25rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.4rem;
  }

  .p-signup-inner {
    width: 85%;
  }

  .p-signup-desc {
    font-size: 1.6rem;
    line-height: 2.4;
    margin-bottom: 3.3rem;
  }

  .p-signup-benefits__title {
    width: 42.7rem;
    margin-bottom: 5rem;
  }

  .p-benefit-flex {
    margin-bottom: 6rem;
  }

  .p-benefit-item {
    border: 2px solid #000;
    width: 87.7%;
    margin-bottom: 6rem;
    height: 50rem;
  }

  .p-benefit-item__title {
    font-size: 1.8rem;
    padding: 3rem 0 3rem 7rem;
  }

  .p-benefit-item .p-title-icon {
    top: -9px;
    left: 13px;
    width: 8.3rem;
    height: 10.2rem;
  }

  .p-benefit-item__content {
    font-size: 1.4rem;
    padding: 3.4rem 3.4rem 0;
    line-height: 2;
    display: flex;
    flex-direction: column;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .p-benefit-item__content.__1 {
    padding-bottom: 0;
  }

  .p-benefit-item__content.__1 .text {
    margin-bottom: 4.5rem;
  }

  .p-benefit-item__content.__1 .img {
    width: 25.5rem;
  }

  .p-benefit-item__content.__2 {
    padding-bottom: 0;
    padding-top: 3.2rem;
  }

  .p-benefit-item__content.__2 .text {
    line-height: 2;
    margin-bottom: 2.4rem;
  }

  .p-benefit-item__content.__2 .img {
    width: 25.9rem;
  }

  .p-benefit-item__content.__3 .text {
    margin-bottom: 5rem;
  }

  .p-benefit-item__content.__3 .img {
    width: 21.4rem;
  }

  .p-benefit-item__content.__4 {
    padding-bottom: 0;
  }

  .p-benefit-item__content.__4 .text {
    margin-bottom: 2.5rem;
  }

  .p-benefit-item__content.__4 .img {
    width: 25.9rem;
  }

  .p-benefit-item__content.__5 {
    padding-top: 4rem;
    padding-bottom: 0;
  }

  .p-benefit-item__content.__5 .img {
    width: 25.9rem;
  }

  .p-benefit-item__content.__5 .img:first-of-type {
    margin-bottom: 0.5rem;
  }

  .p-benefit-item__content.__5 .img:last-of-type {
    margin-bottom: 2rem;
  }

  .p-benefit-item__content.__5 .text {
    font-size: 1.4rem;
    white-space: nowrap;
    letter-spacing: -0.05em;
  }

  .p-benefit-item__content.__6 {
    padding-top: 3rem;
    padding-bottom: 0;
  }

  .p-benefit-item__content.__6 .text:first-of-type {
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
  }

  .p-benefit-item__content.__6 .img {
    margin-bottom: 3.5rem;
    width: 25.9rem;
  }

  .p-benefit-item__content.__6 .text:last-of-type {
    font-size: 1.2rem;
    line-height: 1.9;
  }

  .p-benefit-item__content.__7 {
    padding-top: 3.3rem;
    padding-bottom: 0;
  }

  .p-benefit-item__content.__7 .text {
    margin-bottom: 2.8rem;
  }

  .p-benefit-item__content.__7 .img {
    width: 25.9rem;
  }

  .p-benefit-item__content.__8 {
    padding-top: 3.2rem;
    padding-bottom: 0;
  }

  .p-benefit-item__content.__8 .text {
    margin-bottom: 1.7rem;
  }

  .p-benefit-item__content.__8 .img {
    width: 25.9rem;
  }

  .p-signup-borderset__title {
    font-size: 2.6rem;
    border-width: 3px;
    margin-bottom: 3.8rem;
  }

  .p-signup-borderset__title .title-icon {
    width: 2.7rem;
    margin-left: 1rem;
  }

  .p-signup-borderset.__price {
    margin-bottom: 10.5rem;
    padding-bottom: 1.5rem;
  }

  .p-signup-borderset.__price .price {
    font-size: 1.6rem;
    margin-bottom: 4rem;
  }

  .p-signup-borderset.__price .price-howto {
    font-size: 1.4rem;
    line-height: 2;
  }

  .p-signup-borderset.__price .price-howto .item::before {
    left: -0.5rem;
  }

  .p-signup-borderset.__bbs {
    margin-bottom: 10rem;
    padding-bottom: 3rem;
  }

  .p-signup-borderset.__bbs .p-signup-borderset__title {
    margin-bottom: 3.5rem;
  }

  .p-signup-borderset.__bbs .p-signup-borderset__title .title-icon {
    margin-left: 0.5rem;
    vertical-align: top;
  }

  .p-signup-borderset.__bbs .text {
    font-size: 1.4rem;
    line-height: 2;
    margin-bottom: 1.5rem;
  }

  .p-signup-borderset.__meeting {
    margin-bottom: 10rem;
    padding-bottom: 3rem;
  }

  .p-signup-borderset.__meeting .p-signup-borderset__title {
    margin-bottom: 3rem;
    font-size: 2.6rem;
  }

  .p-signup-borderset.__meeting .title-icon {
    width: 2.5rem;
    vertical-align: baseline;
  }

  .p-signup-together {
    font-size: 1.6rem;
    margin-bottom: 3.2rem;
  }

  .p-signup-together .inner {
    width: 35.2rem;
  }

  .p-signup-together .inner::before,
  .p-signup-together .inner::after {
    height: 1.8em;
    top: -0.5em;
  }

  .p-signup-together .inner::before {
    left: 0.5em;
  }

  .p-signup-together .inner::after {
    right: 0.5em;
  }

  .p-btn__signup {
    font-size: 1.6rem;
    width: 46.8rem;
    height: 5.8rem;
    line-height: 5.8rem;
    margin-bottom: 10.3rem;
  }

  .p-info-title {
    padding-top: 9.5rem;
    margin-bottom: 7rem;
    letter-spacing: 0.04em;
  }

  .p-info-tab-container {
    margin-bottom: 6.5rem;
  }

  .tab-menu {
    margin-bottom: 5rem;
  }

  .p-info-news-items > .c-news-item {
    padding: 2.5rem 0 2.7rem;
  }

  .p-info-news-items .c-news-item__inner {
    padding-left: 2.5rem;
  }

  .p-photo-kv {
    height: 24.5rem;
    background-size: 16.9rem;
    border-bottom: 5px dashed #000;
  }

  .p-photo-kv__title {
    font-size: 7rem;
    margin-top: 1.4rem;
    letter-spacing: 0.05em;
  }

  .p-photo-container {
    padding-top: 9rem;
  }

  .p-photo-item {
    margin-bottom: 5rem;
  }

  .p-photo-item:last-of-type {
    margin-bottom: 7rem;
  }

  .p-photo-item__inner {
    width: 56rem;
    padding-top: 5.4rem;
    padding-bottom: 9rem;
  }

  .p-photo-item__inner .text-container {
    font-size: 1.4rem;
  }

  .p-photo-item__inner .text-container .sentence {
    line-height: 1.6;
    margin-bottom: 4.5rem;
  }

  .p-photo-item__inner .text-container .sentence p {
    margin-bottom: 2.5rem;
  }

  .p-photo-item__inner .text-container .author {
    margin-bottom: 7.2rem;
  }

  .p-photo-item__inner .p-photo-btn__comment {
    font-size: 1.6rem;
    width: 19rem;
    height: 4.8rem;
    line-height: 4.8rem;
    padding-left: 2.4rem;
  }

  .p-photo-item__inner .p-photo-btn__comment::before {
    right: 2.5rem;
  }

  .img-container .swiper-pagination {
    bottom: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
  }

  .img-container .swiper-pagination .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin: 0 1rem;
  }

  .img-container .swiper-counter {
    top: 2rem;
    right: 2rem;
    width: 7.4rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.8rem;
    border-radius: 2rem;
  }

  .img-container .swiper-counter span + span {
    margin-left: 0.9rem;
  }

  .img-container .swiper-counter span.slash {
    font-size: 1.6rem;
  }

  div.p-photo-pagination {
    padding-bottom: 10rem;
  }

  .p-blog-kv {
    height: 12rem;
  }

  .p-blog-page-inner {
    margin-bottom: 7rem;
  }

  .p-blog-wave {
    margin-bottom: 9rem;
  }

  .p-blog-line-item {
    height: 0.97rem;
    transform: skewX(-50deg);
  }

  .p-blog-title {
    font-size: 7rem;
    padding-right: 0.82em;
    background-size: 0.53em;
  }

  .p-blog-page-item + .p-blog-page-item {
    border-top: 2px solid #d5d6d6;
  }

  .p-mtv-page-kv {
    height: 16rem;
  }

  .p-mtv-page-kv .title {
    height: 10rem;
    width: 404px;
    transform: translate(2.8rem, 100%);
  }

  .p-mtv-page-inner {
    padding-top: 3rem;
  }

  .p-mtv-page-inner .mtv-item {
    padding: 5rem 0 2.5rem;
  }

  .p-mtv-page-inner .mtv-item__img {
    margin-bottom: 2.8rem;
    border: 1rem solid #000;
  }

  .p-mtv-page-inner .mtv-item__text__title {
    margin-top: 0;
    font-size: 2.4rem;
    line-height: 1.9;
  }

  div.p-mtv-pagination {
    margin-top: 7.2rem;
    padding-bottom: 10rem;
  }

  .p-bbs-page-container div.p-btn__anchor-white {
    padding-bottom: 6.2rem;
  }

  .p-bbs-page-inner .title-area {
    padding-top: 8rem;
    margin-bottom: 5rem;
  }

  .p-bbs-page-inner .title-area .title {
    margin-bottom: 4rem;
    width: 70.8rem;
    transform: translateX(-2rem);
  }

  .p-bbs-page-inner .title-area .title-desc {
    font-size: 1.8rem;
    line-height: 1.89;
    margin-bottom: 7.6rem;
  }

  .p-bbs-page-inner .title-area .p-btn-bbs-desc {
    width: 26.8rem;
    height: 5.8rem;
    line-height: 5.8rem;
    font-size: 1.6rem;
    padding-left: 2.5rem;
    letter-spacing: 0.05em;
  }

  .p-bbs-page-inner .title-area .p-btn-bbs-desc:not(:first-of-type) {
    margin-top: 4rem;
  }

  .p-bbs-page-inner div.detail-btn > a.c-btn__viewall {
    display: inline-block;
    width: 26.8rem;
  }

  .p-bbs-page-inner div.detail-btn > a.c-btn__viewall:last-of-type {
    margin-top: 4rem;
    margin-left: 3rem;
  }

  .p-bbs-topic-items {
    padding-bottom: 7rem;
  }

  .p-bbs-topic-item {
    padding-top: 3.5rem;
    padding-bottom: 3.3rem;
  }

  .topic-title-inner {
    margin-bottom: 2rem;
  }

  .topic-title-inner__icon {
    margin-right: 1.2rem;
    line-height: 1.77;
  }

  .topic-title-inner__icon .topic-icon-new {
    font-size: 1.6rem;
    margin-right: 1rem;
  }

  .topic-title-inner__icon .topic-icon-uniform {
    width: 2.86rem;
  }

  .topic-title-inner__heading {
    font-size: 1.8rem;
  }

  .topic-title-inner__heading .topic-heading {
    margin-right: 1rem;
    line-height: 1.3;
  }

  .topic-title-inner__heading .topic-count {
    font-size: 1.4rem;
  }

  .topic-desc {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .topic-desc .topic-author {
    font-size: 1.4rem;
    max-width: 50%;
    margin-bottom: 0;
  }

  .topic-desc p.p-bbs-topic-date {
    font-size: 1.6rem;
  }

  .topic-desc p.p-bbs-topic-date .time,
  .topic-desc p.p-bbs-topic-date .update {
    margin-left: 1.4rem;
  }

  .topic-desc p.p-bbs-topic-date .time {
    margin-left: 0.2rem;
  }

  .topic-desc p.p-bbs-topic-date .update {
    padding: 0.1em 0.4em;
    font-size: 1.6rem;
  }

  div.p-bbs-pagination {
    margin-bottom: 9.5rem;
  }

  .p-bbs-rule-inner {
    padding-top: 8.4rem;
  }

  .rule-title-area {
    margin-bottom: 6.5rem;
  }

  .rule-title-area .title {
    font-size: 2.8rem;
    border-bottom: 7px solid #000;
    margin-bottom: 2.5rem;
    padding-bottom: 0.6em;
  }

  .rule-title-area .desc {
    font-size: 1.5rem;
  }

  .rule-items:not(:last-of-type) {
    margin-bottom: 6rem;
  }

  .rule-items:last-of-type {
    margin-bottom: 7rem;
  }

  .rule-items__title {
    border: 2px dashed #000;
    font-size: 1.5rem;
    padding: 1.2rem 1.2rem;
    margin-bottom: 1.8rem;
  }

  .rule-items .desc {
    font-size: 1.5rem;
  }

  .rule-item {
    margin-bottom: 2.8rem;
  }

  .rule-item__title {
    font-size: 1.5rem;
  }

  .rule-item .desc-items {
    font-size: 1.5rem;
  }

  .last-desc {
    font-size: 1.5rem;
  }

  .faq-title-area {
    padding-bottom: 3rem;
    margin-bottom: 9.2rem;
  }

  .faq-title-area .title.__faq {
    letter-spacing: 0;
    padding-bottom: 1rem;
    border-bottom: 3px solid #000;
    margin-bottom: 2.4rem;
    font-size: 2.8rem;
  }

  .faq-title-area .desc.__faq {
    line-height: 1.9;
    font-size: 1.4rem;
  }

  .faq-title-area p.desc.warning {
    margin-top: 3rem;
    font-size: 1.4rem;
  }

  .faq-title-area .desc-items {
    line-height: 1.9;
    font-size: 1.4rem;
    margin-bottom: 3rem;
  }

  .faq-title-area .renewal-link {
    font-size: 1.4rem;
    margin-bottom: 0;
  }

  a.p-faq-btn__more {
    width: 25.1rem;
    height: 6.6rem;
    line-height: 6.6rem;
    font-size: 1.8rem;
    padding-left: 3.2rem;
    background-position: center right 2.2rem;
    margin-bottom: 0;
  }

  .p-faq-latest-container {
    margin-bottom: 12.4rem;
  }

  .p-faq-latest-comment .title {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }

  .p-faq-comment-inner {
    border: 2px solid #d5d6d6;
    padding: 0.6rem 3.2rem 2.8rem;
    margin-bottom: 3rem;
  }

  .p-faq-comment-inner .comment-author {
    margin-bottom: 2.2rem;
  }

  .p-faq-comment-inner .comment-author .author-id {
    font-size: 1.4rem;
    background-size: 1.3em;
  }

  .p-faq-comment-inner .comment-author .author-owner {
    font-size: font-size: 15px;;
    padding: 0.3em 0 0.5em 0em;
    background-position: left center;
    background-size: 1.8em;
    margin-top: 0;
  }

  .p-faq-comment-inner .comment-author .author-visitor {
    font-size: 15px;
  }

  .p-faq-comment-inner .comment-content {
    font-size: 12px;
    margin-bottom: 3.8rem;
  }

  .p-faq-comment-btn-container {
    margin-top: 1rem;
    margin-bottom: 4rem;
  }

  .p-faq-comment-btn-container .c-btn__viewall {
    width: 21rem;
    height: 5.8rem;
    line-height: 5.8rem;
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
    padding-left: 2.5rem;
  }

  .p-faq-comment-btn-container .comment-btn :first-child {
    margin-right: 3.6rem;
  }

  .p-faq-comment-btn-container .comment-btn :first-child::before {
    right: 2.4rem;
  }

  .desc-reload {
    font-size: 0.5rem;
    text-indent: 0;
    padding-left: 0;
  }

  .comment-item__inner {
    border: none;
  }

  .comment-item__inner .comment-date {
    font-size: 15px;
  }

  .p-faq-title-date .date {
    font-size: 2rem;
  }

  div.p-comment-page-inner {
    margin-bottom: 19rem;
    padding-top: 7.2rem;
  }

  .p-comment-content .title {
    font-size: 2.6rem;
    border-bottom: 3px solid #000;
    margin-bottom: 5rem;
  }

  .p-comment-content .title .icon {
    width: 2.9rem;
    margin-left: 0.7rem;
    vertical-align: top;
  }

  .p-comment-content .comment-form-area {
    margin-bottom: 3.2rem;
  }

  .p-comment-content .comment-form-area dl .name {
    border-bottom: 1px solid #d5d6d6;
  }

  .p-comment-content .comment-form-area dl .name dd input {
    font-size: 1.5rem;
  }

  .p-comment-content .comment-form-area dl .content dt br {
    display: block;
  }

  .p-comment-content .comment-form-area dt {
    font-size: 1.5rem;
  }

  .p-comment-content .comment-form-area dd {
    font-size: 1.5rem;
  }

  .p-comment-content .comment-form-area dd textarea {
    font-size: 1.5rem;
  }

  .p-comment-content .comment-form-area dl .area5,
  .p-comment-content .comment-form-area dl .area6,
  .p-comment-content .comment-form-area dl .area7 {
    padding: 40px 0;
    display: flex;
    align-items: center;
  }

  .p-comment-content .comment-form-area dl .area5 dt,
  .p-comment-content .comment-form-area dl .area6 dt,
  .p-comment-content .comment-form-area dl .area7 dt {
    width: 160px;
    margin-bottom: 0;
  }

  .p-comment-content .comment-form-area dl .area5 {
    padding-bottom: 32px;
  }

  .p-comment-content .comment-form-area dl .area5 dd {
    width: auto;
    display: block;
  }

  .p-comment-content .comment-form-area dl .area5 dd label {
    width: auto;
    margin-right: 15px;
    margin-bottom: 0;
  }

  .p-comment-content .comment-form-area dl .area5 dd::after {
    display: none;
  }

  .p-comment-content .comment-form-area dl .area6 dd {
    display: block;
    width: auto;
  }

  .p-comment-content .comment-form-area dl .area6 dd label {
    width: auto;
    margin-right: 8px;
    margin-bottom: 0;
  }

  .p-comment-content .comment-form-area dl .area6 dd label input {
    margin-right: 7px;
  }

  .p-comment-content .comment-form-area dl .area6 dd::after {
    display: none;
  }

  .p-comment-content .comment-form-area dl .area7 {
    padding-top: 42px;
  }

  .p-comment-content .comment-form-area dl .area7 dt {
    margin-bottom: 0;
  }

  .p-comment-content .comment-attention {
    font-size: 1.4rem;
    margin-bottom: 5.8rem;
  }

  .p-comment-content .p-comment-confirm-btn {
    width: 21rem;
    height: 5.8rem;
    line-height: 5.8rem;
    font-size: 1.6rem;
    padding-left: 2.5rem;
  }

  .p-comment-content .p-comment-confirm-btn::before {
    right: 2.8rem;
  }

  .p-comment-confirm-page-inner .title {
    letter-spacing: 0.05em;
    margin-bottom: 4.8rem;
  }

  .p-comment-confirm-page-inner .title .icon {
    width: 2.67rem;
  }

  .p-comment-confirm-page-inner .p-comment-content .comment-form-area {
    padding-bottom: 6rem;
    border-bottom: 1px solid #d5d6d6;
    margin-bottom: 3rem;
  }

  .p-mypage-inner h1.img-title {
    margin-top: 4.8rem;
    margin-bottom: 6rem;
  }

  .p-mypage-inner h1.text-title {
    margin-top: 4.8rem;
    margin-bottom: 6rem;
  }

  .p-mypage-inner .p-mypage-uniform-img {
    width: 31.6rem;
    margin-bottom: 4.8rem;
  }

  .p-mypage-inner .p-mypage-supporter-days {
    display: block;
    font-size: 2.2rem;
    margin-bottom: 4.8rem;
    margin-left: 0;
  }

  .p-mypage-inner .p-mypage-supporter-days > .text {
    background-size: 1em;
    margin-right: 1.2rem;
    padding-right: 3.8rem;
  }

  .p-mypage-inner .p-mypage-supporter-days > .number {
    max-width: 100%;
    min-width: 8.6rem;
  }

  .p-mypage-inner .p-mypage-btn-container {
    padding-bottom: 8rem;
  }

  .p-mypage-inner .p-mypage-btn-en {
    font-size: 1.8rem;
    margin-top: 2rem;
  }

  .p-mypage-inner .p-mypage-btn-en .bg-icon {
    background-size: 1em;
    padding-right: 3rem;
  }

  .p-mypage-inner h1.text-title {
    margin-top: 4.7rem;
    margin-bottom: 6.8rem;
    font-size: 2.6rem;
  }

  .p-mypage-uniform-select {
    padding-bottom: 7rem;
  }

  .p-mypage-uniform-select .p-comment-confirm-btn-container .p-comment-confirm-btn {
    width: 19rem;
    height: 4.2rem;
    line-height: 4.2rem;
    font-size: 1.6rem;
    padding-left: 1.5rem;
    margin-left: 3rem;
  }

  .p-mypage-uniform-select .p-comment-confirm-btn-container .p-comment-confirm-btn::before {
    right: 1.5rem;
  }

  .p-mypage-confirm-inner h1.text-title {
    margin-bottom: 9.2rem;
  }

  .p-mypage-confirm-inner .p-mypage-uniform-select__confirm-img {
    width: 31.6rem;
    margin-bottom: 5rem;
  }

  .p-mypage-confirm-inner .p-mypage-supporter-days {
    display: block;
    margin-left: 0;
  }

  .p-mypage-confirm-inner .p-comment-confirm-btn:first-of-type {
    margin-left: 0;
    margin-bottom: 0;
  }

  .p-common-inner {
    padding-top: 7rem;
  }

  .common-article__title {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 3px solid #000;
    line-height: 2;
    margin-bottom: 2.5rem;
  }

  .common-article__title h1 {
    width: 80%;
    width: auto;
    flex-grow: 1;
    font-size: 2.6rem;
  }

  .common-article__title .common-article__title__date {
    margin-bottom: 0;
    line-height: 2;
  }

  .common-article__content {
    font-size: 1.4rem;
    line-height: 1.67;
    padding-bottom: 1.2rem;
  }

  .common-article__content > * {
    margin-bottom: 2.5rem;
  }

  .common-article {
    padding-bottom: 3rem;
    margin-bottom: 11.3rem;
  }

  .l-header__sns-item:not(:first-child) {
    margin-left: 2rem;
  }

  .l-footer-inner {
    width: 100%;
    display: block;
    padding: 4.6rem 0 2.65rem;
  }

  .l-footer-inner__left {
    width: 100%;
  }

  .l-footer-nav-list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4.5rem;
  }

  .l-footer-nav-list__item {
    font-size: 1.4rem;
  }

  .l-footer-nav-list__item:not(:last-child) {
    margin-bottom: 0;
  }

  .l-footer-nav-list__item {
    margin-right: 3.5rem;
  }

  .l-footer-inner__right {
    width: 100%;
  }

  .l-footer-logo__sp {
    display: none;
  }

  .l-footer-logo__pc {
    width: 5.75rem;
    margin: 0 auto 6.8rem;
    display: block;
  }

  .l-footer__copyright {
    font-size: 1.2rem;
  }

  .modalContents .linkBtn::before {
    background-position: left 7em center;
  }

  .c-btn__login,
  .c-btn__mypage,
  .c-btn__signup {
    font-size: 1.8rem;
    width: 15.4rem;
    height: 6rem;
    line-height: 6rem;
  }

  .c-btn__login::before,
  .c-btn__mypage::before,
  .c-btn__signup::before {
    bottom: 0.5rem;
    right: 0.5rem;
    border-left-width: 0.685rem;
    border-bottom-width: 0.685rem;
  }

  .c-btn__arrow {
    padding-right: 1.4em;
  }

  .c-btn__viewall {
    font-size: 1.8rem;
    width: 16rem;
    height: 3.5rem;
    line-height: 3.5rem;
    padding-left: 3.44rem;
  }

  .c-btn__viewall::before {
    right: 1.4em;
    background-repeat: no-repeat;
  }

  .c-btn__reload::before {
    right: 2rem;
    background-repeat: no-repeat;
  }

  .c-fc-container {
    bottom: 5rem;
  }

  .c-btn__fc {
    margin-right: -0.8rem;
  }

  .c-btn__fc a {
    width: 16.5rem;
  }

  .c-btn__anchor {
    font-size: 2rem;
    padding-bottom: 6.6rem;
  }

  .c-btn__anchor .anchor-img {
    width: 4.6rem;
    padding-bottom: 1.8rem;
  }

  .c-btn__ballcounter {
    border-radius: 11px;
    min-width: 6rem;
    height: 3rem;
    line-height: 3.3rem;
  }

  .c-btn__ballcounter:has(.noCnt){
    border-radius: 11px;
    min-width: 5rem;
    height: 2.5rem;
    line-height: 2.8rem;
  }

  .c-btn__ballcounter span {
    font-size: 1.3rem;
    padding-left: 2.3rem;
    padding-top: 0.3rem;
    top: -3px;
  }

  .c-btn__ballcounter span::before {
    background-size: 2rem;
    background-position: left;
  }

  .c-news-item {
    padding: 2.1rem 0;
  }

  .c-news-item__inner {
    padding-left: 2.7rem;
    width: calc(100% - 8rem);
  }

  .c-news-tag .new {
    font-size: 1.6rem;
  }

  .c-news-tag .date {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
  }

  .c-news-title {
    font-size: 1.8rem;
    line-height: 1.67;
  }

  .c-main {
    padding-top: 7rem;
  }

  .c-border-inner {
    margin-bottom: 18.8rem;
    border-top: 1rem solid #000;
    border-bottom: 1rem solid #000;
  }

  .c-border-inner__title {
    width: 30.15rem;
    margin-top: 4.6rem;
    margin-bottom: 4.8rem;
  }

  .c-dotted-inner {
    padding: 2.7rem 3rem;
  }

  .c-top-section-title {
    font-size: 7rem;
  }

  .c-pagination {
    margin-bottom: 10.5rem;
  }

  .c-pagination__item {
    font-size: 2.4rem;
  }

  .c-pagination__item.is-current ::before {
    width: 0.8em;
    height: 4px;
    bottom: -25%;
    height: 5px;
  }

  .c-pagination__item.number {
    margin-right: 3rem;
  }

  .c-pagination__item:nth-of-type(3) {
    margin-right: 2.2rem;
  }

  .c-pagination__item:nth-of-type(4) {
    margin-right: 2.3rem;
  }

  .c-pagination__item:nth-of-type(5) {
    margin-right: 2.1rem;
  }

  .c-pagination__item:nth-of-type(6) {
    margin-right: 2.2rem;
  }

  .c-pagination__item:nth-last-of-type(2) {
    margin-right: 0;
  }

  .c-pagination__item.dotted {
    margin-left: 0;
    margin-right: 1.3rem;
  }

  .c-pagination__item.prev,
  .c-pagination__item.next {
    width: 2.17rem;
  }

  .c-pagination__item.prev {
    margin-right: 3.3rem;
  }

  .c-pagination__item.next {
    margin-left: 3.5rem;
  }

  .c-article-date {
    background-size: 0.9em;
    font-size: 2rem;
    margin-bottom: 1.2rem;
    line-height: 1;
  }

  .c-article-date img {
    width: 1.7rem;
    margin-right: 0.5rem;
  }

  .c-article-date.__owner {
    font-size: 12px;
  }

  .u-top-dash {
    outline: 2px solid #000;
    outline-offset: -2px;
    outline-style: dashed;
  }

  .c-article-date.p-bbs-topic-date.p-top-bbs-tag .date,
  .c-article-date.p-bbs-topic-date.p-top-bbs-tag .time {
    font-size: 1.8rem;
  }
}

@media screen and (min-width:768px) {
  .p-top-kv__title {
    top: auto;
    bottom: 2.7rem;
    left: 1rem;
    width: 55.5636896047vw;
    max-width: 75.9rem;
    height: 45.6px;
  }



  .p-top-kv .swiper-container-main {
    flex: 1 0 calc(100vh - 163px);
    width: 86%;
    margin-right: 0;
    min-height: calc(100vh - 163px);
    max-height: calc(100vh - 163px);
  }

  .p-top-kv {
    margin-bottom: 0;
  }

  .p-top-headline {
    margin-bottom: 11.4rem;
    margin-top: 2.5rem;
    margin-top: 6.6rem;
    margin-top: 0rem;
  }

  .p-top-headline.l-main-container {
    width: 100%;
  }

  .p-headline-date {
    padding-right: 0.6rem;
  }

  .p-top-info {
    max-width: 820px;
  }

  .p-top-info__title {
    letter-spacing: 0.12em;
  }

  .p-top-bbs {
    overflow-x: hidden;
  }

  .p-top-bbs-title {
    margin-left: -1.8rem;
  }

  .p-top-bbs__bg-pc {
    position: absolute;
    top: 2.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 1000px;
    max-width: 1000px;
    text-align: right;
    z-index: -1;
  }

  .p-top-bbs__bg-pc img {
    width: 44.5827232796vw;
    max-width: 60.9rem;
  }

  .p-top-bbs__bg {
    background-image: none !important;
    margin-top: 4.5rem;
    min-height: 0;
    padding-bottom: 10rem;
    max-width: 100rem;
  }

  p.p-top-bbs-tag {
    padding-top: 0.2rem;
    margin-bottom: 2rem;
  }

  .p-top-supporters {
    margin-top: 10.8rem;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .p-top-supporters__title {
    padding: 2.8rem;
  }

  .p-top-photolog {
    width: 85.6%;
    max-width: 117rem;
  }

  .p-top-photolog-items {
    display: flex;
  }

  .p-top-photolog-flex {
    width: 50%;
    justify-content: flex-start;
  }

  .p-top-photolog-flex:first-child {
    margin-right: 2rem;
    margin-bottom: 0;
  }

  .p-top-photolog-item {
    width: 50%;
    max-width: 23.5rem;
  }

  .p-top-photolog-item:first-child {
    margin-right: 2rem;
  }

  .p-top-photolog-viewall {
    width: 33rem;
    height: 7.6rem;
    line-height: 7.6rem;
    padding-left: 5.2rem;
  }

  .p-top-photolog-viewall::before {
    right: 2.4rem;
  }

  .p-top-blog-viewall {
    width: 33rem;
    height: 7.6rem;
    line-height: 7.6rem;
    padding-left: 5.2rem;
  }

  .p-top-blog-viewall::before {
    right: 2.4rem;
  }

  .p-top-mtv-item {
    width: 70vh;
    max-width: 70rem;
    margin-left: auto;
    margin-right: auto;
  }

  .p-top-mtv-item__img {
    padding-top: 59%;
    width: 100%;
  }

  main.p-login-main {
    padding-top: 9rem;
  }

  div.p-signup-container > h1.p-signup-page-title {
    width: 37rem;
    max-width: 100%;
    margin-bottom: 4.4rem;
  }

  .p-signup-inner {
    width: 820px;
  }

  .p-signup-benefits {
    margin-bottom: 0;
  }

  .p-benefit-flex {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
  }

  .p-benefit-flex:last-child {
    margin-bottom: 5.5rem;
  }

  .p-benefit-item {
    width: 38rem;
  }

  .p-benefit-item:first-of-type {
    margin-left: 0;
  }

  .p-benefit-item:last-of-type {
    margin-right: 0;
  }

  .p-benefit-item__title {
    font-size: 1.8rem;
  }

  .p-benefit-item__content {
    padding-bottom: auto;
  }

  .p-signup-borderset.__meeting .p-signup-borderset__title {
    line-height: 1;
    padding-bottom: 0.3em;
  }

  main.p-info-main {
    overflow-x: hidden;
    max-width: 100%;
  }

  .p-info-tab-container {
    width: 820px;
  }

  .tab-menu {
    width: 66rem;
    margin-left: auto;
    margin-right: auto;
  }

  .tab-trigger {
    width: 15rem;
    height: 6rem;
  }

  .tab-trigger.__all {
    background-image: url(../img/btn-all-pc.svg);
  }

  .tab-trigger.__all.is-active {
    background-image: url(../img/btn-all-pc-active.svg);
  }

  .tab-trigger.__news {
    background-image: url(../img/btn-news-pc.svg);
  }

  .tab-trigger.__news.is-active {
    background-image: url(../img/btn-news-pc-active.svg);
  }

  .tab-trigger.__media {
    background-image: url(../img/btn-media-pc.svg);
  }

  .tab-trigger.__media.is-active {
    background-image: url(../img/btn-media-pc-active.svg);
  }

  .tab-trigger.__game {
    background-image: url(../img/btn-game-pc.svg);
  }

  .tab-trigger.__game.is-active {
    background-image: url(../img/btn-game-pc-active.svg);
  }

  .p-info-news-items {
    width: 820px;
    margin-left: auto;
    margin-right: auto;
  }

  main.p-photo-main {
    margin-top: 5.8rem;
    max-width: 100%;
  }

  .p-photo-item__inner {
    width: 74rem;
  }

  .p-photo-item__inner .slider-adjust {
    width: 56rem;
    margin-left: 9rem;
    margin-right: auto;
  }

  .img-container {
    margin-top: 1.4rem;
    margin-bottom: 4.7rem;
    height: 56rem;
  }

  .img-container .photo-slider {
    padding-bottom: 0;
  }

  .img-container .swiper-slide-inner {
    width: 56rem;
    height: 56rem;
    margin-left: auto;
    margin-right: auto;
  }

  .img-container .swiper-counter {
    right: 11rem;
  }

  .img-container .is-active.photo-slider .swiper-pagination {
    display: none;
  }

  .img-container .is-active.photo-slider .swiper-button-prev,
  .img-container .is-active.photo-slider .swiper-button-next {
    display: block;
  }

  .p-blog-page-inner {
    width: 73.2%;
    max-width: 100rem;
  }

  .p-blog-line-items {
    width: 99.560761347vw;
    padding-left: 0.95rem;
    padding-bottom: 0.7rem;
  }

  .p-blog-page-item {
    width: 67.3499267936vw;
  }

  .p-blog-page-item .p-top-blog-item__text {
    margin-right: 1.5em;
  }

  .p-blog-page-item .blog-date {
    height: 6.3rem;
  }

  .p-blog-page-item .blog-date .small {
    font-size: 1.6rem;
  }

  .p-blog-page-item .blog-date .large {
    font-size: 5.2rem;
    line-height: 1;
  }

  .p-blog-page-item .blog-date {
    border-right: 3px solid #000;
  }

  .p-blog-page-item .blog-title {
    font-size: 2rem;
  }

  .p-blog-page-item__img {
    width: 13rem;
    height: 13rem;
    transform: translateY(0);
    margin-top: 5px;
    margin-bottom: 5px;
  }

  main.p-bbs-page-main {
    max-width: 100%;
  }

  .p-bbs-page-inner .title-area .p-btn-bbs-desc::before {
    right: 1.2em;
  }

  .p-bbs-page-inner .title-area .p-btn-bbs-desc {
    display: inline-block;
  }

  .p-bbs-page-inner .title-area .p-btn-bbs-desc:not(:first-of-type) {
    margin-top: 0;
    margin-left: 3rem;
  }

  .p-bbs-page-inner div.detail-btn > a.c-btn__viewall:last-of-type {
    margin-top: 0;
  }

  .topic-title-inner__heading {
    max-width: 100%;
  }

  .topic-desc p.p-bbs-topic-date {
    padding-top: 0.2rem;
  }

  .p-bbs-faq-inner {
/*    margin-bottom: 5rem;*/
      padding-bottom: 5rem;
  }

  a.p-faq-btn__more {
    width: 10rem;
    height: 3.5rem;
    line-height: 3.5rem;
    background-repeat: no-repeat;
    border-radius: 10px;
  }

  .p-faq-comment-btn-container .comment-btn > .c-btn__viewall {
    width: 16rem;
    height: 3.5rem;
    line-height: 3.5rem;
    border-radius: 10px;
  }

  .comment-container {
    margin-bottom: 6.8rem;
  }

  .comment-item {
    border-bottom: 1px solid #d5d6d6;
    margin-bottom: 4rem;
  }

  .comment-item:last-child {
    margin-bottom: 0;
  }

  .comment-item__inner {
    border-left: 8px solid #f6f6f6;
/*    padding: 0 0 0;*/
    padding: 2rem 0;
    background-color: #ffffff;
    margin-bottom: 4rem;

  }

  .comment-item__inner .comment-author {
    margin-left: 1.7rem;
    margin-bottom: 2.5rem;
  }

  .comment-item__inner .comment-author .author-id {
    padding-top: 0;
    background-position-y: top;
    margin-bottom: 0.4rem;
  }

  .comment-item__inner .comment-content {
    margin-left: 1.7rem;
    margin-bottom: 20px;
  }

  .comment-item__inner .comment-date {
    margin-left: 1.7rem;
  }

  .p-comment-content .comment-form-area dl .name {
    margin-bottom: 6rem;
    padding-bottom: 4rem;
  }

  .p-comment-content .comment-form-area dl .name dt {
    margin-right: 4.5rem;
  }

  .p-comment-content .comment-form-area dl .content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .p-comment-content .comment-form-area dl .content dt {
    margin-bottom: 0;
    margin-right: 5.5rem;
    line-height: 1.5;
    flex-shrink: 0;
  }

  .p-comment-content .comment-form-area dl .content dd {
    flex-grow: 1;
  }

  .p-comment-content .comment-form-area dl .content dd textarea {
    padding: 1em;
  }

  .p-comment-content .comment-form-area dd textarea {
    height: 23rem;
  }

  .p-comment-content .comment-attention {
    width: 69rem;
    margin-left: auto;
    margin-right: 0;
    line-height: 2.2;
  }

  .p-comment-confirm-page-inner .p-comment-content .comment-form-area dl .name {
    margin-bottom: 5.5rem;
  }

  .p-comment-confirm-page-inner .p-comment-content .comment-form-area dl .content dt {
    margin-bottom: 0;
    margin-right: 5.5rem;
    line-height: 1.5;
    flex-shrink: 0;
  }

  .p-comment-confirm-page-inner .p-comment-content .comment-form-area dl .content dd {
    margin-top: -0.5rem;
  }

  .p-comment-confirm-page-inner .p-comment-confirm-btn-container {
    display: flex;
    justify-content: flex-end;
  }

  .p-comment-confirm-page-inner .p-comment-confirm-btn-container a.p-comment-confirm-btn {
    display: inline-block;
    margin-left: 0;
  }

  .p-comment-confirm-page-inner .p-comment-confirm-btn-container a.p-comment-confirm-btn:first-of-type {
    margin-bottom: 0;
    margin-right: 3.6rem;
  }

  main.p-mypage-main {
    margin-top: 5.8rem;
    padding-top: 9rem;
  }

  .uniform-select-items {
    max-width: 69rem;
    margin-bottom: 4.5rem;
    max-width: 100rem;
    width: 83%;
  }

  .uniform-select-items::after {
    width: calc(100% / 3);
    max-width: 20rem;
  }

  .uniform-select-item {
    max-width: 20rem;
    width: calc(100% / 3);
    margin-bottom: 3.8rem;
  }

  .uniform-select-item label {
    width: 100%;
    max-width: 20rem;
    padding-top: 96%;
    background-size: 15.9rem;
  }

  .uniform-select-item:nth-of-type(2) label,
  .uniform-select-item:nth-of-type(3) label,
  .uniform-select-item:nth-of-type(4) label {
    background-size: 15.9rem;
  }

  .uniform-select-item .select-text {
    font-size: 1.4rem;
    margin-top: 0.6rem;
  }

  h1.p-mypage-title-add {
    font-size: 24px;
  }

  .p-profile-inner {
    padding-top: 8rem;
    padding-bottom: 21.5rem;
  }

  .p-profile-content-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .p-profile-bgimg-container {
    width: 48%;
    top: 35.15625vw;
    position: sticky;
    top: 17.8rem;
    left: 0;
    transform: translateX(0);
  }

  .p-profile-bgimg-container .bgimg {
    margin-left: 0;
  }

  .p-profile-bgimg-container .bgimg::before {
    display: none;
  }

  .p-profile-text-container {
    width: 48%;
  }

  .p-profile-text-container .title {
    font-size: 1.4rem;
    height: 2.2rem;
    line-height: 2.2rem;
    width: 12.4rem;
    margin-bottom: 3.6rem;
    padding-left: 0.5rem;
    letter-spacing: 0.1em;
  }

  .p-profile-text-container .profile-item {
    margin-bottom: 4.7rem;
  }

  .p-profile-text-container .profile-item dt {
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
  }

  .p-profile-text-container .profile-item > dt:first-child::before {
    width: 0.7rem;
    height: 0.1rem;
  }

  .p-profile-text-container .profile-item dd {
    font-size: 1.4rem;
  }

  .p-profile-text-container .profile-item dd.name .ja {
    font-size: 2.4rem;
    margin-right: 1.2rem;
  }

  .p-profile-text-container .profile-item dd.name .en {
    font-size: 1.4rem;
  }

  .p-profile-text-container .profile-item.data > dt:first-child {
    margin-bottom: 1.8rem;
  }

  .p-profile-text-container .profile-item.data > div {
    margin-bottom: 2.3rem;
  }

  .p-profile-text-container .profile-item.data > div dt {
    margin-right: 7rem;
  }

  .p-profile-text-container .profile-item.data {
    margin-bottom: 3.5rem;
  }

  .p-profile-text-container .profile-item.career dt {
    margin-bottom: 0.2rem;
  }

  .p-profile-text-container .profile-item.career p:not(:last-of-type) {
    margin-bottom: 2.8rem;
  }

  .p-profile-text-container .profile-item.career {
    margin-bottom: 2.8rem;
  }

  .p-profile-text-container .career-latest {
    font-size: 1.4rem;
  }

  .common-article__content .p-photo-item__inner {
    transform: translateX(-15px);
  }

  .l-header {
    height: 5.8rem;
  }

  .l-header__text-container {
    padding: 0.73rem 1.73rem;
  }

  .l-header__text-container .l-header__logo {
    width: 4.5rem;
  }

  .l-header__text-container .l-header__title {
    width: 18.3rem;
    padding-left: 1.5rem;
  }

  .l-header .l-header__myinfo-inner {
    width: 100%;
    padding-left: 2rem;
    display: flex;
    align-items: center;
  }

  .l-header .l-header__myinfo-inner .myinfo-id,
  .l-header .l-header__myinfo-inner .myinfo-days {
    letter-spacing: 0.05em;
  }

  .l-header .l-header__myinfo-inner .myinfo-id {
    margin-right: 2.5rem;
  }

  .l-header .l-header__myinfo-inner .myinfo-id__text,
  .l-header .l-header__myinfo-inner .myinfo-days__text {
    display: inline-block !important;
    font-size: 1.4rem;
    width: 11rem;
    padding-right: 0;
    margin-right: 0;
  }

  .l-header .l-header__myinfo-inner .myinfo-days__text {
    transform: translateY(-0.2rem);
    background-position: top 70% right 5%;
  }

  .l-header .l-header__myinfo-inner .myinfo-id__number,
  .l-header .l-header__myinfo-inner .myinfo-days__number {
    font-size: 1.6rem;
    padding: 0.7rem 1.3rem;
    min-width: 10rem;
  }

  .l-header .l-header__myinfo-inner .myinfo-id__number {
    margin-left: -0.5rem;
  }

  .l-header .l-header__myinfo-inner .myinfo-days__number {
    margin-left: -1.6rem;
  }

  .l-header__sns-item {
    width: 2.9rem;
  }

  .l-header__nav {
    display: block;
    margin-left: 2.23rem;
  }

  .l-header__home-btn {
    width: 5.8rem;
    height: 5.8rem;
    margin-left: 1.3rem;
  }

  .l-header__home-btn a img {
    width: 2.8rem;
    height: 2.8rem;
  }

  .hamburger {
    width: 5.8rem;
    height: 5.8rem;
  }

  .hamburger__line {
    width: 42.7%;
    height: 0.2rem;
  }

  .hamburger__line::before {
    top: -1.05rem;
  }

  .hamburger__line::after {
    top: 1.05rem;
  }

  .hamburger[aria-expanded=true] {
    background-color: #ffffff;
  }

  .hamburger[aria-expanded=true] .hamburger__line {
    width: 3.2rem;
    background-color: #ffffff;
  }

  .hamburger[aria-expanded=true] .hamburger__line::before,
  .hamburger[aria-expanded=true] .hamburger__line::after {
    background-color: #000;
  }

  li.l-header__nav__item > a.c-btn__login,
  li.l-header__nav__item > a.c-btn__signup {
    width: 126px;
    height: 37px;
    line-height: 37px;
    font-size: 14px;
  }

  body.is-drawerActive .l-modal-inner__black {
    opacity: 1;
    transform: translateX(0);
    transition: all 0.8s cubic-bezier(0, 0.55, 0.45, 1);
  }

  .l-modal-inner {
    display: flex;
  }

  .l-modal-inner__black,
  .l-modal-inner__white {
    width: 50%;
  }

  .l-modal-inner__black {
    padding-left: 0;
    padding-top: 11.7647058824vh;
    padding-bottom: 0;
    opacity: 0.5;
    transform: translateX(20%);
  }

  .l-modal-inner__black .modal-items {
    width: 36rem;
    margin-right: 5.2rem;
    margin-left: auto;
  }

  .l-modal-inner__black .modal-item {
    font-size: 3rem;
    padding-left: 3rem;
  }

  .l-modal-inner__black .modal-item::before {
    width: 1.6rem;
    height: 0.4rem;
  }

  .l-modal-inner__black .modal-item:not(:last-child) {
    margin-bottom: 5.8rem;
  }

  .l-modal-inner__black .modal-item.__external-link a {
    padding-right: 3.2rem;
    background-size: 0.8em;
  }

  .l-modal-inner__white {
    padding-top: 11.7647058824vh;
  }

  .l-modal-inner__white .site-title {
    width: 28rem;
    margin-bottom: 6.3rem;
  }

  .white-inner {
    width: 34rem;
    margin-left: 3.47rem;
    margin-right: auto;
  }

  .visitor-box {
    max-width: 100%;
    margin-top: -2.8rem;
    margin-bottom: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .visitor-box__title {
    width: 100%;
    text-align: left;
  }

  .visitor-box__title .title {
    text-align: center;
    font-size: 1.6rem;
    width: auto;
  }

  .visitor-box__title .underbar {
    width: 57%;
  }

  .visitor-box .p-modal-login-btn {
    font-size: 1.8rem;
    width: 16rem;
    height: 6rem;
    line-height: 6rem;
  }

  .modal-page-nav {
    margin-bottom: 4.8rem;
  }

  .modal-page-nav.__logout {
    margin-top: 1.4rem;
  }

  .modal-member-nav li.l-header__nav__item:not(:first-child) {
    margin-left: 2rem;
  }

  .modal-member-nav li.l-header__nav__item a.c-btn__login,
  .modal-member-nav li.l-header__nav__item a.c-btn__mypage {
    font-size: 1.8rem;
    width: 16rem;
    height: 6rem;
    line-height: 6rem;
  }

  .modal-member-nav li.l-header__nav__item a.c-btn__login::before {
    border-left: 0.68rem solid transparent;
    border-bottom: 0.68rem solid #000;
  }

  .modal-member-nav li.l-header__nav__item a.c-btn__mypage::after {
    right: 1.6rem;
    width: 2.2rem;
    height: 2.1rem;
  }

  .modal-page-items {
    display: block;
  }

  .modal-page-flex:first-child {
    margin-right: 0;
  }

  .modal-page-flex > .modal-page-item:first-child {
    margin-bottom: 1.6rem;
  }

  .modal-page-item {
    font-size: 2.4rem;
    margin-bottom: 1.6rem;
  }

  .visitor-items a.c-btn__login,
  .visitor-items a.c-btn__signup {
    font-size: 1.8rem;
    width: 16rem;
    height: 6rem;
    line-height: 6rem;
  }

  .visitor-items a.c-btn__signup {
    font-size: 1.6rem;
  }

  .visitor-item:first-child {
    margin-right: 2rem;
  }

  .l-main {
    margin-right: auto;
    margin-left: auto;
    overflow-x: hidden;
  }

  .c-btn__arrow::before {
    height: 0.2rem;
  }

  .c-btn__drawer {
    width: 34rem;
    height: 7.6rem;
    line-height: 7.6rem;
    background-size: 0.8em;
    background-position: center right 2rem;
  }

  .c-btn__drawer img {
    margin-left: 2.34rem;
  }

  .c-btn__drawer img.bbs {
    width: 4.2rem;
  }

  .c-btn__drawer img.blog {
    width: 4.19rem;
  }

  .c-btn__drawer img.photolog {
    width: 4.19rem;
  }

  .c-btn__drawer img.mtv {
    width: 3.75rem;
  }

  .c-btn__drawer span {
    left: 8.5rem;
  }

  .c-fc-container {
    max-width: 1000px;
  }

  .c-news-item__img {
    width: 8rem;
  }

  .c-news-title {
    margin-top: 0.3rem;
  }

  .c-main {
    padding-top: 9rem;
    max-width: 100%;
  }

  .c-border-inner {
    width: 820px;
  }
}

@media screen and (min-width:768px) {
  div.p-signup-container {
    width: 100rem;
  }

  .p-signup-desc {
    white-space: nowrap;
  }

  .p-info-inner {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }

  .p-profile-bgimg-container {
    width: 50%;
  }

  .p-profile-text-container {
    width: 50%;
  }
}



@media screen and (min-width:768px) {
  body {
    overflow-x: hidden;
  }

  .p-top-bbs {
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
  }

  .p-top-bbs-title {
    margin-left: 0;
  }
}