/*========================================

========================================*/




/*========================================
セクション
========================================*/

.c-section2 {
  padding: 60px 12px;
}

.c-section3 {
  margin-top: 48px;
}

.c-section3--has-space {
  margin-top: 48px;
  padding: 24px;
  background-color: #ffffff;
}

.c-section3__contents + .c-section3__contents {
  margin-top: 48px;
}

@media (max-width: 639px) {
  .c-section2 {
    padding: 36px 12px;
  }
}



/*========================================
カラム
========================================*/

.c-2columns {
  display: flex;
  margin-top: 24px;
  gap: 36px;
}

.c-3columns {
  display: flex;
  margin-top: 24px;
  gap: 24px;
}

.c-4columns,
.c-5columns,
.c-6columns {
  display: flex;
  margin-top: 24px;
  gap: 12px;
}

.c-1column--wide-2columns {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  gap: 36px;
}

.c-1column--wide-3columns {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  gap: 24px;
}

.c-1column--wide-4columns,
.c-1column--wide-5columns,
.c-1column--wide-6columns {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  gap: 12px;
}

.c-2columns__container > *:first-child,
.c-3columns__container > *:first-child,
.c-4columns__container > *:first-child,
.c-5columns__container > *:first-child,
.c-6columns__container > *:first-child {
  margin-top: 0;
}

.c-2columns--rows {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
  gap: 36px;
}

.c-3columns--rows {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
  gap: 24px;
}

.c-2columns--rows > * {
  width: calc((100% - 36px) / 2);
}

.c-3columns--rows > * {
  width: calc((100% - 48px) / 3);
}

.c-4columns--rows,
.c-5columns--rows,
.c-6columns--rows {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
  gap: 12px;
}

.c-4columns--rows > * {
  width: calc((100% - 36px) / 4);
}

.c-2columns__container > *:first-child,
.c-3columns__container > *:first-child,
.c-4columns__container > *:first-child,
.c-5columns__container > *:first-child,
.c-6columns__container > *:first-child {
  margin-top: 0;
}

@media (min-width: 640px) {
  .c-1column--wide-2columns,
  .c-1column--wide-3columns,
  .c-1column--wide-4columns,
  .c-1column--wide-5columns,
  .c-1column--wide-6columns {
    flex-direction: row;
  }
  .c-2columns__container {
    width: calc((100% - 36px) / 2);
  }
  .c-3columns__container {
    width: calc((100% - 48px) / 3);
  }
  .c-4olumns__container {
    width: calc((100% - 36px) / 4);
  }
  .c-5olumns__container {
    width: calc((100% - 48px) / 5);
  }
  .c-6olumns__container {
    width: calc((100% - 60px) / 6);
  }
}



/*========================================
見出し
========================================*/

.c-heading2 + *,
.c-heading2-group + *,
.c-heading3 + * {
  margin-top: 24px;
}

.c-heading2 {
  gap: 6px;
  font-family: vdl-logog;
  font-weight: normal;
}

.c-heading2__sub {
  margin-top: 6px;
  font-size: 1.4rem;
  font-weight: bold;
}

.c-heading2 + p {
  margin-top: 12px;
  line-height: 1.5;
}

@media (max-width: 639px) {
  .c-section2 .c-section2__contents .c-heading2 {
    font-size: 2.4rem;
  }
  .c-section2 .c-section2__contents .c-heading2::before {
    width: 100%;
    height: 24px;
    background-position: center;
  }
  .c-section2 .c-section2__contents .c-heading2 + p {
    font-size: 1.6rem;
  }
}



/*========================================
改行
========================================*/

@media (min-width: 640px) {
  .c-newline-sp {
    display: none;
  }
  .c-no-newline-sp {
    display: inline-block;
  }
}

@media (min-width: 768px) {
  .c-newline-tab-s {
    display: none;
  }
  .c-no-newline-tab-s {
    display: inline-block;
  }
}

@media (min-width: 992px) {
  .c-newline-tab {
    display: none;
  }
  .c-no-newline-tab {
    display: inline-block;
  }
}

@media (max-width: 991px) {
  .c-newline-tab {
    display: inline-block;
  }
  .c-no-newline-tab {
    display: none;
  }
}

@media (max-width: 767px) {
  .c-newline-tab-s {
    display: inline-block;
  }
  .c-no-newline-tab-s {
    display: none;
  }
}

@media (max-width: 639px) {
  .c-newline-sp {
    display: inline-block;
  }
  .c-no-newline-sp {
    display: none;
  }
}



/*========================================
ヒーロー
========================================*/

.p-hero__inner {
  position: relative;
  overflow: hidden;
}

.p-hero__inner::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 36px;
  left: 50%;
  transform: translateX(calc(-50% + 1%));
  width: 100%;
  height: 90px;
  background: url("../img/decoration_shop-name.png") no-repeat;
  background-size: 96% auto;
  background-position: center bottom;
  opacity: 0;
  animation: hero-animation;
  animation-duration: 1s;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
}

@keyframes hero-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.p-hero__inner > .c-1column--wide-2columns {
  gap: 0;
  margin-top: 0;
}

.p-hero__inner > .c-1column--wide-2columns > .c-2columns__container:nth-child(1) {
  padding: 36px;
  background: url("../img/hero_background01.jpg") no-repeat;
  background-size: cover;
}

.p-hero__inner > .c-1column--wide-2columns .p-hero__catch-copy {
  opacity: 0;
  animation: hero-animation;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.p-hero__inner > .c-1column--wide-2columns .p-hero__shop-image {
  height: 100%;
}

.p-hero__inner > .c-1column--wide-2columns .p-hero__shop-image img {
  max-width: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-shop-gallery__container {
  display: flex;
}

.p-shop-gallery__container img {
  width: 100%;
}

@media (min-width: 640px) {
  .p-hero__inner > .c-1column--wide-2columns > .c-2columns__container {
    width: 50%;
  }
  .p-hero__inner > .c-1column--wide-2columns {
    min-height: 400px;
  }
}

@media (min-width: 768px) {
  .p-hero__inner > .c-1column--wide-2columns {
    min-height: 520px;
  }
}

@media (min-width: 992px) {
  .p-hero__inner::after {
    width: 900px;
    height: 90px;
    background-size: 900px auto;
  }
  .p-hero__inner > .c-1column--wide-2columns {
    min-height: 580px;
  }
}

@media (min-width: 1024px) {
  .p-hero__inner > .c-1column--wide-2columns {
    min-height: 616px;
  }
  .p-hero__inner > .c-1column--wide-2columns .p-hero__catch-copy {
    position: relative;
    top: 0;
    text-align: right;
  }
}

@media (min-width: 1500px) {
  .p-hero__inner > .c-1column--wide-2columns .p-hero__catch-copy {
    top: 30px;
  }
}

@media (min-width: 1700px) {
  .p-hero__inner > .c-1column--wide-2columns .p-hero__catch-copy {
    top: 60px;
  }
}

@media (max-width: 767px) {
  .p-shop-gallery__container {
    flex-wrap: wrap;
  }
  .p-shop-gallery__item {
    width: calc(100% / 4);
  }
}

@media (max-width: 639px) {
  .p-hero__inner::after {
    content: none;
  }
}



/*========================================
Since 1982
========================================*/

.p-section-since {
  color: #ffffff;
  background: url("../img/since_background01.jpg") no-repeat;
  background-size: cover;
  background-position: center bottom;
  overflow: hidden;
}

.p-section-since .c-heading2 {
  text-align: center;
}

.p-section-since .c-heading2 + p {
  margin: 18px auto 0;
  padding-top: 12px;
  max-width: 560px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  border-top: solid 1px #ffffff;
}

.p-strengths {
  margin-top: 36px;
}


.p-strengths .c-section3__inner {
    display: flex;
}

.p-strengths .c-section3__inner::after {
  content: "×";
  order: 2;
  font-size: 4rem;
  line-height: 1;
}

.p-strengths .c-section3__inner .p-strengths__container {
  display: flex;
  flex-direction: column;
}

.p-strengths .c-section3__inner .p-strengths__container:nth-child(2) {
  order: 3;
}

.p-strengths .c-heading3 {
  order: 2;
  margin-top: 3px;
  font-size: 3.6rem;
  text-align: center;
}

.p-strengths .c-heading3 + p {
  margin-top: 0;
  font-size: 1.4rem;
  text-align: center;
}

.p-strengths .c-section3__inner > p {
  flex-basis: 100%;
  order: 4;
  margin-top: 0;
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
}

.p-franchise-logo {
  margin: 24px calc(50% - 50vw) 0;
  padding: 12px 18px;
}

.p-members-number {
  margin-top: 24px;
  background-color: transparent;
}

.p-members-number .c-heading3 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
}

.p-members-number .c-heading3 span {
  font-size: 3.6rem;
}

.p-members-number p {
  position: relative;
  margin-top: 0;
  color: #ffeb55;
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
}

.p-members-number p::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 12px;
  margin-left: 9px;
  width: 80px;
  height: 100px;
  background: url("../img/decoration_busterkun.png") no-repeat;
  background-size: contain;
}

.p-members-number p > span {
  margin-right: 3px;
  font-family: itc-avant-garde-gothic-pro;
  font-size: 7.2rem;
  font-weight: 500;
}

.p-members-number p > span > span {
  letter-spacing: -8px;
}

@media (min-width: 640px) {
  .p-strengths .c-section3__inner {
    flex-direction: row;
    justify-content: center;
    align-items: last baseline;
    flex-wrap: wrap;
    column-gap: 12px;
  }
  .p-franchise-logo {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    background: linear-gradient(to right, #000000 0%, #ffffff 10%, #ffffff 90%, #000000 100%);
  }
  .p-members-number__container {
    display: flex;
    justify-content: center;
    align-items: last baseline;
    gap: 12px;
  }
}

@media (max-width: 833px) {
  .p-strengths .c-section3__inner > * {
    width: 100%;
  }
}

@media (max-width: 639px) {
  .p-section-since {
    padding-bottom: 24px;
    background-position: right;
  }
  .p-franchise-logo {
    background: #ffffff;
  }
  .p-section-since .c-heading2 img {
    width: 70%;
  }
  .p-section-since .c-heading2 + p {
    font-size: 1.8rem;
  }
  .p-strengths .c-section3__inner {
    flex-direction: column;
  }
  .p-strengths .c-section3__inner::after {
    width: 100%;
    font-size: 4rem;
    text-align: center;
  }
  .p-strengths .c-heading3 {
    font-size: 2.8rem;
  }
  .p-strengths .c-heading3 + p {
    font-size: 1.2rem;
  }
  .p-strengths .c-section3__inner > p {
    font-size: 2.8rem;
  }
  .p-members-number {
    margin-top: 12px;
  }
  .p-members-number .c-heading3 {
    font-size: 1.4rem;
  }
  .p-members-number .c-heading3 span {
    font-size: 3rem;
  }
  .p-members-number p {
    margin-top: -18px;
    font-size: 3rem;
  }
  .p-members-number p::after {
    width: 56px;
    height: 72px;
  }
  .p-members-number p > span {
    font-size: 5.6rem;
  }
}



/*========================================
インターネットカフェの将来
========================================*/

.p-section-future-potential {
  position: relative;
  z-index: -1;
  background: url("../img/decoration_background02.png"),url("../img/decoration_background01.png"),url("../img/decoration_background01.png");
  background-repeat: no-repeat;
  background-size: 340px auto,500px auto,500px auto;
  background-position: calc(50% - 700px) 270px,calc(50% - 700px) -100px,calc(50% + 700px) calc(100% + 120px);
}

.p-section-future-potential .c-heading2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 3.6rem;
  text-align: center;
}

.p-section-future-potential .c-heading2::before {
  content: "";
  width: 426px;
  height: 36px;
  background: url("../img/future-potential_sub-title.png") no-repeat;
  background-size: contain;
}

.p-future-potential .c-heading3 {
  padding: 6px 0 6px 6px;
  color: #004098;
  font-size: 3rem;
  border-left: solid 12px #004098;
}

.p-future-potential .c-heading3 + p {
  margin-top: 6px;
}

.p-future-potential .c-section3__inner .c-section3:nth-of-type(1) {
  position: relative;
}

.p-future-potential .c-section3__inner .c-section3:nth-of-type(2) {
  margin-top: 24px;
}

.p-future-potential .c-section3__inner .c-section3:nth-of-type(2) .c-heading3 + p {
  padding-left: 30px;
  text-indent: -18px;
}

.p-shop-expansion--01 p:nth-child(1),
.p-shop-expansion--02 p:nth-child(1) {
  font-size: 1.8rem;
  line-height: 1.25;
}

.p-shop-expansion--01 + p {
  margin: 30px 0;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
}

.p-shop-expansion__current {
  display: inline-block;
  position: relative;
  z-index: 5;
  margin-top: 6px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.1;
}

.p-shop-expansion__current > span {
  position: relative;
}

.p-shop-expansion__current > span::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 12px;
  background-color: #ffeb55;
}

.p-shop-expansion__number {
  font-family: itc-avant-garde-gothic-pro;
  font-size: 3.6rem;
  font-weight: 500;
}

.p-shop-expansion--02 .p-shop-expansion__current {
  font-size: 3rem;
}

.p-shop-expansion--02 .p-shop-expansion__number {
  font-size: 4rem;
}

@media (min-width: 640px) {
  .p-future-potential .c-section3__inner > p {
    font-size: 1.8rem;
  }
  .p-section-shop-expansion {
    margin-top: 90px;
  }
  .p-shop-expansion__door {
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(calc(50% + 420px));
    z-index: -1;
  }
  .p-shop-expansion__japan-map {
    position: absolute;
    bottom: 12px;
    right: 50%;
    transform: translateX(calc(50% + 320px));
    z-index: -1;
  }
}

@media (min-width: 834px) {
  .p-future-potential .c-section3__inner .c-section3:nth-of-type(1) .c-heading3 + p {
    position: absolute;
    top: 6px;
    left: 280px;
  }
  .p-shop-expansion__japan-map {
    margin-top: 12px;
  }
}

@media (max-width: 767px) {
  .p-section-shop-expansion {
    margin-top: 24px;
  }
}

@media (max-width: 639px) {
  .p-future-potential .c-heading3 {
    font-size: 2.4rem;
    border-left: solid 9px #004098;
  }
  .p-section-shop-expansion {
    margin-top: -24px;
  }
  .p-shop-expansion__current {
    font-size: 2.1rem;
  }
  .p-shop-expansion__current > span::after {
    height: 9px;
  }
  .p-shop-expansion__number {
    font-size: 3rem;
  }
  .p-shop-expansion--01 + p {
    margin: 24px 0;
    font-size: 2.1rem;
  }
  .p-shop-expansion--02 .p-shop-expansion__current {
    font-size: 2.8rem;
  }
  .p-shop-expansion--02 .p-shop-expansion__number {
    font-size: 3.6rem;
  }
  .p-shop-expansion__japan-map {
    margin-top: 18px;
  }
}



/*========================================
コミック・バスターが提案する完全個室型ネットカフェの魅力
========================================*/

.p-section-attractive {
  position: relative;
  color: #ffffff;
  background: url("../img/decoration_background01.png"),url("../img/decoration_background05.png"),url("../img/decoration_background03.png");
  background-repeat: no-repeat;
  background-size: 500px auto,380px auto,552px auto;
  background-position: calc(50% - 700px) 500px,calc(50% - 600px) calc(100% - 90px),calc(50% + 750px) 300px;
}

.p-section-attractive::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  right: 0;
  transform: skewY(-2deg);
  z-index: -1;
  background: linear-gradient(135deg,#00aadd,#003175);
}

.p-section-attractive .c-heading2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 3.6rem;
  text-align: center;
}

.p-section-attractive .c-heading2::before {
  content: "";
  width: 426px;
  height: 36px;
  background: url("../img/attractive_sub-title.png") no-repeat;
  background-size: contain;
}

.p-section-attractive .c-heading2 span {
  font-size: 4.2rem;
}

.p-section-attractive .c-heading2 + p {
  margin-top: 12px;
  font-size: 2.4rem;
  text-align: center;
}

.p-section-attractive .c-heading3 {
  position: relative;
  padding: 0 0 6px 22px;
  color: var(--accent-color);
  font-size: 2.1rem;
  border-bottom: solid 1px #ffffff;
}

.p-section-attractive .c-heading3::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  border: solid 8px transparent;
  border-left: solid 16px var(--accent-color);
}

.p-section-attractive .c-heading3 + * {
  margin-top: 12px;
}

.p-section-attractive .c-section4__contents {
  font-size: 1.8rem;
}

.p-section-attractive .c-section4__contents + .c-section4__contents {
  margin-top: 24px;
}

.p-section-attractive .c-heading4::before {
  content: "■"
}

.p-section-attractive .c-heading4 + p {
  margin-top: 0;
}

.p-attractive-list {
  margin-bottom: 0;
  padding-left: 0;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.25;
  list-style-type: none;
}

.p-attractive-list__item {
  padding: 6px 0 6px 52px;
  background: url("../img/bullet_star01.png") no-repeat;
  background-size: 47px auto;
}

.p-attractive-list__item + .p-attractive-list__item {
  margin-top: 12px;
}

.p-attractive-gallery .c-3columns__container {
  width: auto;
}

.p-attractive-gallery + * {
  margin-top: 48px;
}

@media (min-width: 640px) {
  .p-section-attractive .c-heading2 + p + .c-1column--wide-2columns .c-2columns__container:nth-child(1) {
    max-width: calc(100% - 384px);
    width:  100%;
  }
  .p-section-attractive .c-heading2 + p + .c-1column--wide-2columns .c-2columns__container:nth-child(2) {
    max-width: 348px;
    width:  100%;
  }
  .p-attractive-summary--02 .c-2columns__container:nth-child(1) {
    max-width: calc(100% - 384px);
    width:  100%;
  }
  .p-attractive-summary--02 .c-2columns__container:nth-child(2) {
    max-width: 348px;
    width:  100%;
  }}

@media (max-width: 991px) {
  .p-attractive-list {
    font-size: 2.4rem;
  }
}

@media (max-width: 639px) {
  .p-section-attractive .c-section2__contents .c-heading2 {
    font-size: 2.1rem;
  }
  .p-section-attractive .c-heading2 span {
    font-size: 2.4rem;
  }
  .p-section-attractive .c-heading2 + p {
    font-size: 1.6rem;
  }
  .p-attractive-list {
    font-size: 2.1rem;
  }
  .p-attractive-list__item {
    padding: 6px 0 6px 42px;
    background: url("../img/bullet_star01.png") no-repeat;
    background-size: 36px auto;
  }
  .p-attractive-list__item + .p-attractive-list__item {
    margin-top: 6px;
  }
}



/*========================================
完全個室型ネットカフェのモデルレイアウト
========================================*/

.p-section-layout {
  position: relative;
  background: url("../img/decoration_background04.png"),url("../img/decoration_background01.png"),url("../img/decoration_background04.png"),url("../img/decoration_background01.png"),url("../img/decoration_background01.png"),url("../img/decoration_background04.png"),url("../img/decoration_background01.png");
  background-repeat: no-repeat;
  background-size: 340px auto,500px auto,340px auto,500px auto,500px auto,340px auto,340px auto;
  background-position: calc(50% - 700px) 700px,calc(50% - 700px) 800px,calc(50% + 750px) 1250px,calc(50% + 750px) 1400px,calc(50% - 450px) calc(100% + 100px),calc(50% + 650px) 88%, calc(50% + 550px) 98%;
}

.p-section-layout::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: skewY(-2deg);
  z-index: -1;
  background: linear-gradient(180deg,#2bb6ff 200px,#ffffff 500px);
}

.p-section-layout .c-heading2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 3.6rem;
  text-align: center;
}

.p-section-layout .c-heading2::before {
  content: "";
  width: 378px;
  height: 36px;
  background: url("../img/perspective_sub-title.png") no-repeat;
  background-size: contain;
}

.p-section-layout .c-heading2 + p {
  font-size: 1.8rem;
  text-align: center;
}

.p-section-layout .c-heading3__main {
  font-size: 3rem;
  text-align: center;
}

.p-section-layout .c-heading3__sub {
  margin-top: 6px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}

.p-section-layout .c-heading3__sub::before {
  content: "";
  display: block;
  margin: 0 auto 6px;
  width: 300px;
  height: 1px;
  background-color: #000000;
}

.c-model-layout--01 .c-heading4 {
  font-size: 1.6rem;
}

.c-model-layout--01 .c-heading4::before {
  content: "■";
}

.c-model-layout--01 .c-floor-plan__summary:nth-of-type(1) .c-section4__contents:nth-child(1) .c-heading4 {
  color: #87c909;
}

.c-model-layout--01 .c-floor-plan__summary:nth-of-type(1) .c-section4__contents:nth-child(2) .c-heading4 {
  color: #fc0088;
}

.c-model-layout--01 .c-floor-plan__summary:nth-of-type(2) .c-section4__contents:nth-child(1) .c-heading4 {
  color: #fc6c02;
}

.c-model-layout--01 .c-floor-plan__summary:nth-of-type(2) .c-section4__contents:nth-child(2) .c-heading4 {
  color: #5600ba;
}
.c-model-layout--01 .c-floor-plan__summary:nth-of-type(3) .c-section4__contents:nth-child(1) .c-heading4 {
  color: #0060e3;
}

.c-model-layout--01 .c-floor-plan__summary:nth-of-type(3) .c-section4__contents:nth-child(2) .c-heading4 {
  color: #fc0202;
}

.c-model-layout--01 .c-floor-plan__summary:nth-of-type(3) .c-section4__contents:nth-child(3) .c-heading4 {
  color: #baba00;
}

.c-model-layout--01 .c-heading4 + p {
  margin-top: 3px;
  font-size: 1.4rem;
  line-height: 1.25;
}

.p-perspective01 {
  margin-top: 24px;
}

.c-model-layout--01 .c-floor-plan__summary .c-section4__contents + .c-section4__contents {
  margin-top: 12px;
}

.c-model-layout--02 .c-heading4 {
  font-family: itc-avant-garde-gothic-pro;
  font-size: 2.1rem;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  letter-spacing: 1px;
}

.c-model-layout--02 .c-floor-plan__summary {
  margin-top: 24px;
}

.c-model-layout--02 .c-heading4 + p {
  margin-top: 6px;
  padding-top: 6px;
  font-size: 1.8rem;
  line-height: 1.25;
  text-align: center;
  border-top: solid 1px #000000;
}

.c-floor-plan__zoning-image {
  margin-top: 12px;
}

.c-floor-plan__zoning-image + .c-section5 {
  margin-top: 12px;
}

.c-model-layout--02 .c-section5__contents + .c-section5__contents {
  margin-top: 12px;
}

.c-model-layout--02 .c-heading5 {
  font-size: 1.5rem;
}

.c-model-layout--02 .c-heading5::before {
  content: "■";
}

.c-model-layout--02 .c-heading5 + p {
  margin-top: 0;
  font-size: 1.5rem;
  line-height: 1.25;
}

.c-model-layout--02 .c-section4__contents p {
  font-size: 1.5rem;
  line-height: 1.25;
}

.c-model-layout--02 .c-floor-plan__title--01,
.c-model-layout--02 .c-floor-plan__title--01 + p {
  color: #9b84b8;
}

.c-model-layout--02 .c-floor-plan__title--02,
.c-model-layout--02 .c-floor-plan__title--02 + p {
  color: #74af7c;
}

.c-model-layout--02 .c-floor-plan__title--03,
.c-model-layout--02 .c-floor-plan__title--03 + p {
  color: #63aec9;
}

@media (min-width: 992px) {
  .c-model-layout--01 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 12px;
    row-gap: 24px;
  }
  .c-model-layout--01 .c-floor-plan {
    order: 2;
  }
  .c-model-layout--01 .c-floor-plan__summary:nth-of-type(1) {
    order: 1;
    flex-basis: 173px;
  }
  .c-model-layout--01 .c-floor-plan__summary:nth-of-type(1) .c-section4,
  .c-model-layout--01 .c-floor-plan__summary:nth-of-type(2) .c-section4 {
    height: 100%;
  }
  .c-model-layout--01 .c-floor-plan__summary:nth-of-type(1) .c-section4__inner,
  .c-model-layout--01 .c-floor-plan__summary:nth-of-type(2) .c-section4__inner {
    position: relative;
    height: 100%;
  }
  .c-model-layout--01 .c-floor-plan__summary .c-section4__inner .c-section4__contents {
    margin-top: 0;
  }
  .c-model-layout--01 .c-floor-plan__summary:nth-of-type(1) .c-section4__inner .c-section4__contents:nth-child(2),
  .c-model-layout--01 .c-floor-plan__summary:nth-of-type(2) .c-section4__inner .c-section4__contents:nth-child(2) {
    position: absolute;
    bottom: 24px;
  }
  .c-model-layout--01 .c-floor-plan__summary:nth-of-type(2) {
    order: 3;
    flex-basis: 173px;
  }
  .c-model-layout--01 .c-floor-plan__summary:nth-of-type(3) {
    order: 4;
    flex-basis: 100%;
  }
  .c-model-layout--01 .c-floor-plan__summary:nth-of-type(3) .c-section4__inner {
    display: flex;
    gap: 24px;
    margin: 0 auto;
    max-width: 740px;
  }
  .c-model-layout--01 .c-floor-plan__summary:nth-of-type(3) .c-section4__inner > * {
    width: 30%;
  }
  .c-model-layout--01 .c-heading4 + p {
    font-size: 1.2rem;
  }
  .c-model-layout--02 .c-floor-plan__summary .c-section4__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 36px;
  }
  .c-model-layout--02 .c-floor-plan__summary .c-section4__inner .c-section4__contents {
    width: calc((100% - 72px) / 3);
  }
}

@media (max-width: 639px) {
  .p-section-layout .c-heading3__main {
    font-size: 2.4rem;
  }
  .p-section-layout .c-heading3__sub {
    margin-top: 6px;
    font-size: 1.6rem;
  }
  .c-model-layout--02 .c-floor-plan__summary {
    margin-top: 12px;
  }
  .c-floor-plan__summary + .c-floor-plan__summary {
    margin-top: 24px;
  }
  .c-model-layout--01 .c-floor-plan__summary .c-section4__contents + .c-section4__contents,
  .c-model-layout--02 .c-floor-plan__summary .c-section4__contents + .c-section4__contents {
    margin-top: 24px;
  }
  .c-floor-plan__zoning-image img {
    width: 100%;
  }
}



/*========================================
加盟店様へのサポート体制
========================================*/

.p-section-support {
  position: relative;
  color: #ffffff;
  background: url("../img/decoration_background05.png"),url("../img/decoration_background01.png");
  background-repeat: no-repeat;
  background-size: 380px auto,500px auto;
  background-position: calc(50% + 600px) 20px,calc(50% + 800px) 90%;
}

.p-section-support::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  right: 0;
  transform: skewY(-2deg);
  z-index: -1;
  background: linear-gradient(100deg,#00aadd,#003175);
}

.p-section-support .c-heading2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 3.6rem;
  text-align: center;
}

.p-section-support .c-heading2::before {
  content: "";
  width: 396px;
  height: 36px;
  background: url("../img/support_sub-title.png") no-repeat;
  background-size: contain;
}

.p-section-support .c-heading2 + p {
  font-size: 1.8rem;
  text-align: center;
}


.p-section-support .c-heading3-group {
  padding: 12px 18px;
  border: solid 1px #ffffff;
  border-left: solid 16px var(--accent-color);
}

.p-section-support .c-heading3__main {
  font-size: 3rem;
}

.p-section-support .c-heading3__sub {
  margin-top: 0;
}

.p-section-support .c-section4 {
  margin-top: 24px;
}

.c-suppport-details {
  position: relative;
}

.c-suppport-details + .c-suppport-details {
  margin-top: 24px;
  padding-top: 24px;
  border-top: solid 1px #ffffff;
}

.p-section-support .c-heading4 {
  padding-left: 24px;
  color: var(--accent-color);
  font-size: 2.4rem;
  text-indent: -24px;
}

.p-section-support .c-heading4::before {
  content: "●";
  font-size: 2.4rem;
}

.p-section-support .c-heading4 + * {
  margin-top: 12px;
}
.p-section-support .c-section5 {
  margin-top: 18px;
}

.p-section-support .c-section5__contents + .c-section5__contents {
  margin-top: 24px;
}

.p-section-support .c-heading5 {
  font-size: 1.6rem;
}

.p-section-support .c-heading5::before {
  content: "【";
}

.p-section-support .c-heading5::after {
  content: "】";
}

.p-section-support .c-heading5 + p {
  margin-top: 0;
}

.c-suppport-details__list {
  padding-left: 18px;
  margin: 9px 0 0;
}

.c-suppport-details__list + p {
  margin-top: 9px;
}

.p-section-operation .c-suppport-details + .c-suppport-details {
  margin-top: 24px;
  padding-top: 24px;
  border-top: none;
}

@media (min-width: 992px) {
  .c-heading3-group {
    display: flex;
    align-items: center;
    gap: 24px;
  }
  .c-suppport-details__image {
    position: absolute;
    top: 24px;
    right: 0;
  }
  .p-section-open .c-suppport-details:nth-child(1) .c-suppport-details__image {
    top: auto;
    bottom: 0;
  }
  .p-section-operation .c-suppport-details:nth-child(1) .c-suppport-details__image {
    top: 0;
  }
  .p-section-operation .c-suppport-details:last-child .c-heading4 + p {
    font-size: 2.1rem;
  }
  .p-section-operation .c-suppport-details:last-child .c-suppport-details__image:nth-of-type(2) {
    top: 236px;
  }
}

@media (max-width: 991px) {
  .p-section-support .c-suppport-details .c-suppport-details__image {
    margin-top: 18px;
  }
}

@media (max-width: 639px) {
  .p-section-support .c-heading3__main {
    font-size: 2.4rem;
  }
  .p-section-support .c-heading3__sub {
    margin-top: 6px;
  }
  .p-section-support .c-heading4 {
    font-size: 2.1rem;
  }
  .p-section-support .c-suppport-details .c-suppport-details__image img {
    width: 100%;
  }
  .p-section-operation .c-suppport-details:last-child .c-suppport-details__image img {
    width: 90%;
  }
  .p-section-operation .c-suppport-details:last-child .c-suppport-details__image:nth-of-type(1) {
    position: relative;
    z-index: 5;
    text-align: right;
  }
  .p-section-operation .c-suppport-details:last-child .c-suppport-details__image:nth-of-type(2) {
    margin-top: -30px;
    text-align: left;
  }
}



/*========================================
店舗画像ギャラリー
========================================*/

.p-shop-gallery--02 {
  position: relative;
  z-index: -2;
  margin-top: -36px;
}

.p-shop-gallery--02 .p-shop-gallery__container {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.p-shop-gallery--02 .p-shop-gallery__item {
  width: calc((100% - 12px) / 4);
}

.p-shop-gallery--02 .p-shop-gallery__container .p-shop-gallery__item:nth-child(1) {
  transition-delay: 0.1s;
}

.p-shop-gallery--02 .p-shop-gallery__container .p-shop-gallery__item:nth-child(2) {
  transition-delay: 0.2s;
}

.p-shop-gallery--02 .p-shop-gallery__container .p-shop-gallery__item:nth-child(3) {
  transition-delay: 0.3s;
}

.p-shop-gallery--02 .p-shop-gallery__container .p-shop-gallery__item:nth-child(4) {
  transition-delay: 0.4s;
}

.p-shop-gallery--02 .p-shop-gallery__container .p-shop-gallery__item:nth-child(5) {
  transition-delay: 0.5s;
}

.p-shop-gallery--02 .p-shop-gallery__container .p-shop-gallery__item:nth-child(6) {
  transition-delay: 0.6s;
}

.p-shop-gallery--02 .p-shop-gallery__container .p-shop-gallery__item:nth-child(7) {
  transition-delay: 0.7s;
}

.p-shop-gallery--02 .p-shop-gallery__container .p-shop-gallery__item:nth-child(8) {
  transition-delay: 0.8s;
}

@media (max-width: 639px) {
  .p-shop-gallery--02 {
    margin-top: -12px;
  }
  .p-shop-gallery--02 .p-shop-gallery__container {
    gap: 0;
  }
  .p-shop-gallery--02 .p-shop-gallery__item {
    width: calc(100% / 4);
  }
}



/*========================================
投資と利益
========================================*/

.p-section-revenue {
  position: relative;
  padding-top: 0;
  background: url("../img/decoration_background01.png");
  background-repeat: no-repeat;
  background-size: 500px auto;
  background-position: calc(50% - 750px) 600px;
  overflow: hidden;
}

.p-section-revenue .c-heading2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 calc(50% - 50vw);
  padding: 36px 0;
  color: #ffffff;
  font-size: 3.6rem;
  text-align: center;
  background: url("../img/revenue_title-background.png"),linear-gradient(90deg,#00aadd,#003175);
  background-repeat: no-repeat,repeat;
  background-size: 900px auto,100% auto;
  background-position: center;
}

.p-section-revenue .c-heading2::before {
  content: "";
  width: 378px;
  height: 36px;
  background: url("../img/revenue_sub-title.png") no-repeat;
  background-size: contain;
}

.p-revenue-model {
  margin-top: 48px;
  background-color: #ffffff;
}

.p-revenue-model__item + .p-revenue-model__item {
  margin-top: 60px;
}

@media (max-width: 639px) {
  .p-section-revenue .c-heading2 {
    padding: 18px 0;
    background-size: 90% auto,100% auto;
    background-position: center bottom 12px;
  }
}



/*========================================
コミック・バスターフランチャイズ加盟募集
========================================*/

.p-section-contact {
  position: relative;
  background: url("../img/decoration_background04.png"),url("../img/decoration_background01.png"),url("../img/decoration_background04.png");
  background-repeat: no-repeat;
  background-size: 340px auto,500px auto,340px auto;
  background-position: calc(50% - 700px) 400px,calc(50% + 750px) 300px,calc(50% + 700px) calc(95%);
}

.p-section-contact::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: skewY(-2deg);
  z-index: -1;
  background: linear-gradient(180deg,#2bb6ff 30px,#ffffff 200px);
}

.p-section-contact .c-section2__inner {
  text-align: center;
}

.p-contact-lead {
  font-size: 2.4rem;
  line-height: 1.5;
}

.p-contact-logo {
  margin-top: 24px;
}

.p-section-contact .c-heading2 {
  margin-top: 24px;
  color: #fc6c02;
  font-family: var(--font-family-sansserif);
}

.p-section-contact .c-heading2__main {
  font-size: 3rem;
}

.p-section-contact .c-heading2__sub {
  display: inline-block;
  margin-top: 12px;
  padding: 0 9px;
  border: solid 4px #fc6c02;
  font-size: 3rem;
}

.c-form {
  margin-top: 36px;
  text-align: left;
}

.c-form__main {
  background-color: #ffffff;
  border: solid 1px #cccccc;
}


.c-form__row--1 + .c-form__row--1 {
  border-top: solid 1px #cccccc;
}

.c-form__row--1 .c-form__label {
  padding: 12px;
  line-height: 1.25;
  background-color: #fff6ea;
}

.c-form__row--1 .c-form__controls {
  padding: 12px;
  line-height: 1;
}

.c-form__row--1 > .c-form__controls {
  border-top: solid 1px #cccccc;
}

.c-form__row--2 {
  border-top: solid 1px #cccccc;
}

.c-form__row--2 .c-form__label--personal-data {
  padding: 12px;
  line-height: 1;
  background-color: #f3f3f3;
}

input[name="namae"],
input[name="kana"],
input[name="company"],
input[name="position"] {
  max-width: 400px;
}

input[type="tel"] {
  width: 100px;
}

input[name="zip1"] {
  width: 80px;
}

input[name="zip2"] {
  width: 100px;
}

.c-form__row--zip .c-form__controls,
.c-form__row--tel .c-form__controls {
  display: flex;
  align-items: center;
  gap: 6px;
}

.c-form__row--1 textarea {
  height: 100px;
}

.c-form__supplement {
  display: inline-block;
  margin-top: 9px;
  color: #0033cc;
  font-size: 1.2rem;
  line-height: 1.1;
}

.c-privacy {
  margin: 24px auto 0;
  padding: 6px 18px 18px;
  max-width: 960px;
  height: 120px;
  font-size: 1.4rem;
  line-height: 1.25;
  background-color: #ffffff;
  border: solid 1px #b5b5b5;
  overflow-y: scroll;
}

.c-privacy p {
  line-height: 1.25;
}

.c-privacy__list {
  margin-top: 6px;
  padding-left: 24px;
}

.c-privacy__list > li + li {
  margin-top: 6px;
}

.c-privacy__list-level2 {
  margin-top: 3px;
  padding-left: 24px;
}

.c-privacy-agree {
  margin-top: 12px;
  text-align: center;
}

.c-form-submit {
  margin-top: 24px;
  text-align: center;
}

input[type="submit"] {
  width: 180px;
  height: 50px;
  color: #ffffff;
  font-size: 2.1rem;
  background-color: #fc6c02;
  border: none;
  border-radius: 12px;
  transition-duration: 0.3s;
}

input[type="submit"]:hover {
  background-color: #AD5A26;
  cursor: pointer;
}

@media (min-width: 640px) {
  .c-form__row--2 {
    display: flex;
    align-items: stretch;
  }
  .c-form__row--2 .c-form__controls {
    flex-grow: 1;
    border-left: solid 1px #cccccc;
  }
  .c-form__row--2 .c-form__label--personal-data {
    align-content: center;
    flex-shrink: 0;
    width: 200px;
  }
}

@media (min-width: 768px) {
  .c-form__row--tel .c-form__supplement {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .c-form__row--tel .c-form__controls {
    flex-wrap: wrap;
    row-gap: 0;
  }
}

@media (max-width: 639px) {
  .p-contact-lead {
    font-size: 2.1rem;
  }
  .p-section-contact .c-heading2__main {
    font-size: 2.4rem;
  }
  .p-section-contact .c-heading2__sub {
    font-size: 2.4rem;
  }
  .c-form__row--2 > .c-form__controls {
    border-top: solid 1px #cccccc;
  }
  .c-privacy-agree {
    font-size: 1.4rem;
  }
}



/*========================================
Thanks
========================================*/

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

.p-thanks-message + p a {
  color: #007fff;
  text-decoration: none;
}

.p-thanks-message + p a:hover {
  text-decoration: underline;
}

.page-thanks .l-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}



/*========================================
スクロールCSS
========================================*/

.fade-in {
	opacity: 0;
	transition-duration: 500ms;
	transition-property: opacity, transform;
}

.fade-in-up {
	transform: translate(0, 50px);
}

.scroll-in {
	opacity: 1;
	transform: translate(0, 0);
}



/*========================================

========================================*/