/* -----------------------------
   modern-css-reset (by Andy Bell)
------------------------------ */
*, *::before, *::after {
    box-sizing: border-box;
      font-family: "Zen Maru Gothic", serif;
      font-style: normal;
  }
  
  * {
    margin: 0;
    padding:0;
  }
  
  html, body {
    height: 100%;
  }
  
  body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    font-family: "Noto Serif JP", "游ゴシック Medium", "Yu Gothic Medium", YuGothicM, 游ゴシック体, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  }
  
  img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
  }
  
  input, button, textarea, select {
    font: inherit;
  }
  
  p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
  }
  
  ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  li {
    list-style: none;
  }
  
  #root, #__next {
    isolation: isolate;
  }
  
  
  /*.zen-maru-gothic-regular {*/
  /*  font-family: "Zen Maru Gothic", serif;*/
  /*  font-weight: 400;*/
  /*  font-style: normal;*/
  /*}*/
  
  /* -----------------------------
     header
  ------------------------------ */
  
  header{
    position:fixed;
    top:0;
    width: 100%;
    z-index:20;
    transition: transform 0.4s ease;
    display: flex;
    height:80px;
    align-items: center;
    justify-content: center;
    padding:0 10px;
  }
  
  header.is-hide {
    transform: translateY(-100%);
  }
  
  .logo{
    height: 70px;
    margin-right: 10px;
  }
  .logo img{
    width: auto;
    height:100%;
  }
  
  .globalnavi{
    display: flex;
    align-items: center;
    justify-content: center;
    height:45px;
    gap:20px;
    width: 100%;
    background: #000;
    padding:0 20px;
    border-radius:10px ;
    font-weight: 700;
    font-size: 1.2rem ;
  }
  @media (max-width: 1040px) {
    .globalnavi{
      font-size: 1.4vw;
      padding: 0 10px;
      gap:5px;
    }
  }
  .globalnavi.is-show{
    display:flex;
  }
  
  .globalnavi__list{
    font-weight: 700;
    font-weight: bold;
    margin:0 auto 0 20px ;
    text-align: center;
  }
  
  .globalnavi__list a.is-comingsoon{
    color:#666;
    position: relative;
    pointer-events: none;
  }
  
  .globalnavi__list a.is-comingsoon:before{
  content:"Coming Soon";
    color:#fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    white-space: nowrap;
  }
  
  @media (max-width: 768px) {
    .globalnavi{
      flex-direction: column;
      height:auto;
      position: absolute;
      top:65px;
      right:0;
      border-radius:0 0 0 10px;
      width: 300px;
      padding:65px 0 10px;
      margin-top: -75px;
      font-size: 1rem;
      display: none;
    }
  }
  
  
  
  nav a {
    color: white;
    text-decoration: none;
  }
  
  nav a:hover {
    text-decoration: underline;
  }
  
  .menu-button {
    font-size: 18px;
    padding: 10px 20px;
    cursor: pointer;
    background: #000;
    color:#fff;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    position: absolute;
    top:0;
    right:0;
    z-index:1000;
    border:1px solid #000;
  }
  .menu-button.is-active{
  text-decoration: underline;
  }
  .menu-button.is-active:hover{
    font-weight: bold;
  opacity:.7;
  }
  
  .nav-menu ul {
    list-style: none;
    padding: 0;
  }
  .nav-menu li {
    margin: 10px 0;
  }
  /* -----------------------------
     main
  ------------------------------ */
  .mainvisual{
    position: relative;
    background: url("/design_items/pc/img/rantarou/2025/mainvisual-be.jpg");
    background-size: cover;
    overflow: hidden;
    text-align: center;
    padding-top: 65px;
    padding-bottom: 30px;
    z-index:0;
  }
  
  .mainvisual__logo{
    position: absolute;
    top:5%;
    right:12%;
    height:95%;
    width: auto;
    z-index:10;
    transform: translateY(50px);
    animation: logoFadeUp 0.6s ease-out forwards;
    animation-delay: 0.5s; /* 任意の遅延 */
    opacity:0;
  }
  
  @media (max-width: 768px) {
    .mainvisual__logo {
      right: -3%;
      height:85%;
      top:7%;
    }
  
  }
  
  @keyframes logoFadeUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .mainvisual__logo-image{
    width: auto;
    height: 50%;
    display: block;
  }
  
  .mainvisual__image{
    opacity: 0;
    transform: translateY(-100px);
    animation: fadeDropIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation-delay: 0.3s;
    margin: 20px 0 60px;
  }
  
  @keyframes fadeDropIn {
    0% {
      opacity: 0;
      transform: translateY(100px);
    }
    70% {
      opacity: 0.5;
      transform: translateY(-10px); /* バウンド反動 */
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .mainvisual__image img {
    width: 55%;
    height: auto;
    display: block;
    margin:0 auto;
  
  }
  
  @media (max-width: 768px) {
    .mainvisual__image img {
    width:  85%;
    }
  }
  
  .mainvisual__image picture {
    display: block;
    width: 100%;
  }
  
  .mainvisual__image figcaption {
    text-align: center;
    font-size: 10px
  }
  
  .mainvisual__title{
    color: #fff;
    text-align: center;
    font-size: 2.125rem;
    padding: 15px 0;
  }
  
  @media (max-width: 768px) {
    .mainvisual__title{
      font-size: 1.25rem;
    }
  }
  
  /*slider*/
  
  .splide__track {
    /*overflow: hidden;*/
    touch-action: pan-y pan-x;
    width: 100%;
  }
  
  .splide__list {
    display: flex;
    animation: scroll-left 30s linear infinite;
  }
  
  .splide__slide {
    flex: 0 0 auto;
    width: 200px;
    margin-right: 10px;
    font-size: .8rem ;
    text-align: left;
    pointer-events: auto;  /* ← 念のため明示しておく */
    touch-action: pan-y;   /* ← スクロールやタッチを許可 */
  }
  
  .splide__slide:hover{
    opacity:0.75;
  }
  
  @keyframes scroll-left {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  
  
  .splide__list{
    margin-bottom: 40px;
  }
  
  .book__list-link img{
    width: 150px;
  }
  
  .splide__track:hover .splide__list {
    animation-play-state: paused;
  }
  
  /*x*/
  
  .x__settings{
    width:200px;
    margin-left: auto;
    margin-right: 10px;
    margin-top: -300px;
    margin-bottom: 20px;
    position: relative;
    z-index:1000;
    opacity:0;
    transition: all .3s ease;
    transform: translateY(20px);
  }
  .x__settings.is-show{
    opacity:1;
    transition: all .3s ease;
    transform: translateY(0);
  
  }
  
  .x__image{
    margin-bottom: 10px;
  }
  .x__button{
    background: #000;
    color:#fff;
    text-decoration: none;
    padding:5px 15px;
    border-radius:25px;
    font-weight: 700;
    font-size: .75rem;
  }
  .x__button-text{
    color:#f00;
    font-weight: 700;
    font-size: 1.2rem;
    margin-top: 5px;
  }
  
  @media (max-width: 768px) {
    .x__settings{
      margin:-25px auto 25px;
    }
  }
  
  /*news*/
  
  .news-image{
    display: flex;
    justify-content: space-between;
    width: 850px;
    margin:-100px auto -20px;
    transform: translateY(20px);
    transition: all .3s ease;
    opacity: 0;
  }
  
  .news-image.is-show{
    opacity:1;
    transition: all .3s ease;
    transform: translateY(0);
    transition: all .3s ease;
  }
  
  
  @media (max-width: 768px) {
    .news-image{
      width: 80%;
      margin:-25px auto -10px;
    }
  }
  
  @media (max-width: 768px) {
    .news-image{
      width: 100%;
      padding: 0 20px;
    }
    .news-image img{
      height:75px;
    }
  }
  .section{
    border-radius: 50px 50px 0 0;
    overflow: hidden;
    margin-top: -50px;
    padding:50px 20px 100px;
    position: relative;
    opacity :10;
  transition: all .3s ease;
  }
  
  .section__inner{
    max-width: 1050px;
    margin: 0 auto;
  }
  @media (max-width: 768px) {
    .section{
      padding:25px 0 50px;
    }
    .section__inner{
      max-width: none;
      width: 100%;
      padding:25px 20px 50px;
    }
  }
  .section__content{
    display: flex;
    gap:50px;
    margin-bottom: 20px;
  }
  
  .section__image{
    width: 35%;
    text-align: center;
    opacity:0;
    transform: translateY(20px);
    transition: all .3s ease;
  }
  
  .section__image.is-show{
    opacity:1;
    transition: all .3s ease;
    transform: translateY(0);
    transition: all .3s ease;
  }
  
  
  .section__image img{
    margin:0 auto;
  }
  
  .section__text{
    width: 60%;
    font-weight: 700;
    font-size: 1.4rem ;
  }
  
  @media (max-width: 768px) {
    .section__content {
      flex-direction: column;
      gap:0;
    }
    .section__image{
      width: 100%;
      order:1;
    }
    .section__text{
      margin-top: 20px;
      width: 100%;
      order:2;
    }
  }
  
  .section01{
    background:url("/design_items/pc/img/rantarou/2025/about_bg.png") #AFC38C;
    z-index: 1;
  }
  
  .about{
    background:url("/design_items/pc/img/rantarou/2025/about_bg-flat.png") ;
  }
  
  .section02{
    background:url("/design_items/pc/img/rantarou/2025/news_bg.png") #DF9CAA;
    z-index: 2;
  }
  
  .section03{
    background:url("/design_items/pc/img/rantarou/2025/movie_bg.png") #BAAFCB;
    z-index: 3;
  }
  
  
  .section04{
    background: #F6ECE0;
    z-index: 4;
    overflow: hidden;
    position: relative;
  }
  
  .section04:after{
    content:"";
    width: 100%;
    height:100%;
    display: inline-block;
    background:url("/design_items/pc/img/rantarou/2025/bg.png");
    position: absolute;
    z-index:-1;
    opacity:.5;
    top:0;
    left:0;
  }
  
  .section05{
    background: #EFEFEF;
    z-index: 5;
  }
  
  .section05:after{
    content:"";
    width: 100%;
    height:100%;
    display: inline-block;
    background:url("/design_items/pc/img/rantarou/2025/bg.png");
    position: absolute;
    z-index:-1;
    opacity:.45;
    top:0;
    left:0;
  }
  
  .comment{
    font-size: 1.4rem;
    font-weight: bold;
  }
  
  @media (max-width: 768px) {
    .comment{
      font-size: 1.4rem;
    }
  }
  
  .md{
  border-radius: 50px;
    background:#fff;
    padding: 25px;
    max-width: 920px;
    margin:0 auto 50px;
  }
  @media (max-width: 768px) {
    .md{
      border-radius:25px;
      width: calc(100% - 30px);
      margin:0 auto 20px;
      padding: 15px;
    }
  }
  .md-settings{
    display: flex;
    gap:20px;
  }
  @media (max-width: 768px) {
    .md-settings{
      display: flex;
      flex-flow: column;
      gap:20px;
    }
  }
  .md-title{
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 10px;
    color:#2C4198;
  }
  @media (max-width: 768px) {
    .md-title{
      font-size: 1.4rem ;
    }
  }
  .md-title-02{ /* 250716追加 */
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 30px;
    color:#cc2323;
    text-align: center;
  }
  @media (max-width: 768px) { /* 250716追加 */
    .md-title-02{
      font-size: 1.4rem ;
    }
  }

  .md-subtitle{
    font-size: 1.4rem;
    font-weight: 700;
    color:#000;
  }
  
  .md-text{
    font-size: 1.2rem;
    font-weight: bold;
  }
  @media (max-width: 768px) {
    .md-text{
      font-size: 1rem;
      font-weight: bold;
    }
  }
  .md-image {
    width: 150px;
    flex-shrink: 0; /* 幅200pxを保つ（必要に応じて） */
  
  }
  .md-image.wide{
    width: 325px;
    flex-shrink: 0; /* 幅200pxを保つ（必要に応じて） */
    margin:0 auto;
  }
  @media (max-width: 768px) {
    .md-image {
      margin:0 auto;
    }
    .md-image.wide{
      width: 300px;
      flex-shrink: 0; /* 幅200pxを保つ（必要に応じて） */
  margin:0 auto;
    }
  }
  
  .md-detail{
  display: flex;
    flex-flow: column;
    width: calc(100% - 150px);
  }
  
  @media (max-width: 768px) {
    .md-detail{
      width: 100%;
    }
  }
  
  .md-box{
  display: flex;
    flex-flow: column;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #DF9CAA;
  }
  .md-box__img{
    display: flex;
    margin-top: 15px;
    margin-bottom: 30px; /* 250716追加 */
    justify-content: center; /* 250716追加 */
  
  }
  @media (max-width: 768px) {
    .md-box__img{
      flex-flow: column;
    }
  }
  
  .md-box__img img{
    height: 325px;
    width:auto;
    flex-shrink: 0;
  
  }
  
  @media (max-width: 768px) {
    .md-box__img img{
      margin:0 auto;
      width: 300px;
      height:auto;
    }
  }
  
  .md__button{
    margin-top: 20px;
    margin-left: auto;
  }
  
  
  .movie-content{
    width: 800px;
    margin:0 auto 100px;
    position:relative;
  }
  
  
  .movie-content:before {
    content: "";
    display: inline-block;
    background: url("/design_items/pc/img/rantarou/2025/movie_bg-flat.png") no-repeat;
    background-size: contain;
    width: 400px;
    height: 400px;
    position: absolute;
    top:0;
    right:0;
    z-index:-1;
  }
  @media (max-width: 768px) {
    .movie-content{
      width: 100%;
      margin:0 auto 100px;
      position:relative;
    }
    .movie-content:before {
      width: 300px;
      top:auto;
      right:0;
      bottom:0;
      z-index:-1;
    }
  }
  
  .book__list-slider{
    display: flex;
  }
  
  .book{
    text-align: center;
    padding-top: 60px;
  }
  .book__text{
    text-align: left;
    flex: 1;
    min-width: 0;
  }
  .book__detail{
    display: flex;
    align-items: flex-start; /* 上揃え */
    justify-content: center;
    width: 960px;
    margin:0 auto 80px;
    gap:20px;
  }
  @media screen and (max-width: 768px) {
    .book__detail{
      flex-flow: column;
      width: 100%;
      padding:20px;
      margin-bottom: 0;
    }
  }
  .book__detail-title{
    color:#BF2733;
    font-size: 3rem;
  }
  @media screen and (max-width: 768px) {
    .book__detail-title{
      font-size: 2rem;
    }
  }
  .book__detail-name{
  font-size:1.5rem;
    font-weight: bold;
    padding:20px 0;
  }
  .book__detail-text{
    font-size: 1.125rem;
  }
  .book__button{
  max-width:325px ;
    height:75px;
    border-radius:50px;
    background: #BF2733;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:40px auto;
    font-weight: bold;
    font-size:1.25rem;
  }
  
  
  
  .book__photo{
    max-width: 300px;
  }
  @media screen and (max-width: 768px) {
    .book__photo{
      margin:auto;
    }
  }
  
  /*series*/
  
  .series__list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:5%;
  }
  
  .series__list li{
    width: 15%;
    margin-bottom: 5%;
  }
  
  @media (max-width: 768px) {
    .series__list li{
      width: 30%;
      margin-bottom: 5%;
      font-size: .6rem  ;
    }
  }
  
  
  
  .campaign{
    background: #fff;
    padding: 40px;
    padding: 40px;
    border-radius: 25px;
    font-size: 1.4rem;
    max-width: 850px;
    margin:0 auto;
  }
  
  .campaign__list{
    margin-bottom: 20px;
  }
  .campaign__list-line{
    margin-bottom: 20px;
    border-top: 2px solid #000;
  }
  
  .campaign__list-dot{
  }
  
  .campaign__list-dot li + li{
    margin-top: 20px;
  
  }
  
  .campaign__list-line li{
    border-bottom: 2px solid #000;
    padding:20px 0;
  }
  
  .campaign__paragraph{
    margin-bottom: 20px;
  }
  
  
  .campaign__button{
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 25px;
    padding:0 25px;
    border:3px solid #666;
    display: block;
    width: 30%;
    text-align: center;
    margin:0 auto 20px;
    cursor: pointer;
    transition: all .3s ease;
  }
  
  @media (max-width: 768px) {
    .campaign__button{
      width: 100%;
    }
  }
  .campaign__button:hover{
  background: #efefef;
    transition: all .3s ease;
  }
  
  .campaign__button:hover:after{
    margin-bottom: 0;
    transition: all .3s ease;
  }
  
  
  .campaign__button:after{
  content:"";
    width: 1rem;
    height: 1rem;
    display: inline-block;
    border-left:2px solid #000;
    border-bottom:2px solid #000;
    transform: rotate(315deg);
    margin-left: 10px;
    margin-bottom: 5px;
  }
  
  .campaign__button.is-active:after{
    content:"";
    width: 1rem;
    height: 1rem;
    display: inline-block;
    border-left:2px solid #000;
    border-bottom:2px solid #000;
    transform: rotate(135deg);
    margin-left: 10px;
    margin-bottom: 5px;
  }
  
  .campaign__detail{
    display: none;
  }
  
  .campaign__detail.is-active{
    display: block;
  }
  
  /*.profile , .pre{*/
  /*  width: 645px;*/
  /*  margin:0 auto;*/
  /*  text-align: center;*/
  /*}*/
  
  /*@media screen and (max-width: 768px) {*/
  /*  .profile , .pre{*/
  /*    width: 100%;*/
  /*    padding:0 20px;*/
  /*  }*/
  /*}*/
  
  /*.profile__heading{*/
  /*  text-align: center;*/
  /*  font-size:1.5rem;*/
  /*  font-weight: bold;*/
  /*  border-top: 4px solid #BF2733;*/
  /*  border-bottom: 4px solid #BF2733;*/
  /*  padding: 5px 0;*/
  /*  margin-bottom: 40px;*/
  /*}*/
  
  /*.profile__name{*/
  /*  text-align: left;*/
  /*  font-size:1.5rem;*/
  /*  font-weight: bold;*/
  /*  margin-bottom: 10px;*/
  /*}*/
  
  /*.profile__text{*/
  /*  text-align: left;*/
  /*  font-size:1.25rem;*/
  /*  margin-bottom: 40px;*/
  /*}*/
  
  /*.profile__message{*/
  /*  margin-bottom: 40px;*/
  /*}*/
  
  
  /*.pre__icon{*/
  /*  display: inline-block;*/
  /*  font-size: 1.5rem;*/
  /*  font-weight: bold;*/
  /*  border: 4px solid #000;*/
  /*  margin-bottom: 10px;*/
  /*  padding:7px;*/
  /*  line-height: 1;*/
  /*  margin-bottom: 20px;*/
  /*}*/
  
  /*.pre__title{*/
  /*  font-size: 2.125rem;*/
  /*  font-weight: bold;*/
  /*}*/
  /*@media screen and (max-width: 768px) {*/
  /*  .pre__title{*/
  /*    font-size: 1.5rem;*/
  /*  }*/
  /*}*/
  
  
  /*.pre__attention{*/
  /*  font-size: 1.25rem;*/
  /*  margin-bottom: 20px;*/
  /*}*/
  
  /*.pre__images{*/
  /*  margin-bottom: 80px;*/
  /*}*/
  
  /*.reviews{*/
  /*  background: url("/design_items/pc/img/fukushu/mainbg.jpg");*/
  /*  text-align: center;*/
  /*  padding: 80px 0 40px;*/
  /*}*/
  
  /*.reviews__heading{*/
  /*  max-width: 760px;*/
  /*  margin: 0 auto 40px;*/
  /*  display: inline-block;*/
  /*}*/
  
  /*.reviews__all {*/
  /*  display: flex;*/
  /*  flex-wrap: wrap;*/
  /*  gap:2%;*/
  /*  width: 1000px;*/
  /*  margin:0 auto;*/
  /*}*/
  
  /*@media screen and (max-width: 768px) {*/
  /*  .reviews__all {*/
  /*    width: 100%;*/
  /*    padding:0 20px;*/
  /*  }*/
  /*}*/
  
  /*.reviews__list {*/
  /*  width: 49%;*/
  /*  margin-bottom: 16px;*/
  /*  padding: 10px;*/
  /*  background: #000;*/
  /*  border:solid 2px #D4207C;*/
  /*  color:#fff;*/
  /*  text-align: left;*/
  /*  font-size: 1rem;*/
  /*  display: none;*/
  /*}*/
  
  /*@media screen and (max-width: 768px) {*/
  /*  .reviews__list {*/
  /*    width: 100%;*/
  /*  }*/
  /*}*/
  
  /*!* 最初の要素だけ幅100%にする *!*/
  /*.reviews__list:first-child {*/
  /*  width: 100%;*/
  /*  font-size: 1.25rem;*/
  /*}*/
  
  /*.reviews__list.visible {*/
  /*  display: list-item;*/
  /*}*/
  
  /*.reviews__text .large{*/
  /*  font-size: 140%;*/
  /*}*/
  
  /*.reviews__name{*/
  /*  margin-top: 20px;*/
  /*  text-align: right;*/
  /*}*/
  
  /*.reviews__name .large{*/
  /*  font-size: 140%;*/
  /*}*/
  
  /*.reviews__button{*/
  /*  width:325px ;*/
  /*  height:75px;*/
  /*  border-radius:50px;*/
  /*  display: flex;*/
  /*  justify-content: center;*/
  /*  align-items: center;*/
  /*  margin:40px auto;*/
  /*  font-weight: bold;*/
  /*  font-size:1.25rem;*/
  /*  background: #D4207C;*/
  /*  color:#fff;*/
  /*  cursor: pointer;*/
  /*}*/
  
  /*.reviews__button:hover{*/
  /*  text-decoration: underline;*/
  /*}*/
  
  
  footer{
    background: #fff;
    text-align: center;
    padding:40px;
    text-align: center;
  }
  
  footer p{
    margin-bottom: 20px;
    font-size: .8rem;
  }
  
  footer img{
    margin:0 auto;
  }
  
  /*******************************
  共通
  *******************************/
  
  /* -----------------------------
     見出し
  ------------------------------ */
  
  .heading-large{
    font-size: 3.5rem;
    text-align: center;
    color:#2C4198;
    position:relative;
    margin-bottom: 30px;
  }
  .heading-large::before{
    content:"";
    background: url("/design_items/pc/img/rantarou/2025/glyph.svg") no-repeat;
    display: inline-block;
    width: 120px;
    height:100px;
    background-size: contain;
    margin-bottom: -20px;
  }
  @media (max-width: 768px) {
  .heading-large .is-small {
    font-size: 80%;
  }
    .heading-large::before{
      display: block;
      margin:0 auto;
    }
  }
  .heading-middle{
    font-size: 3rem;
    text-align: center;
    color:#2C4198;
    position:relative;
    margin-bottom: 50px;
  }
  
  @media (max-width: 768px) {
    .heading-large{
      font-size: 2.2rem;
      margin-bottom: 25px;
    }
    .heading-large::before{
      width: 60px;
      height:50px;
    }
    .heading-middle{
      font-size: 1.8rem;
      margin-bottom: 25px;
    }
  }
  
  /*button*/
  .button{
    color: #fff;
    font-weight: 700;
    align-self: flex-start;
    border-radius:25px;
    text-decoration: none;
    display: inline-block;
    padding:10px 20px;
  }
  
  /*250513追加*/
  .button02{
    color: #000;
    font-weight: 700;
    align-self: flex-start;
    border: solid 1px #000;
    text-decoration: none;
    display: inline-block;
    padding:10px 20px;
  }
  
  .button-red{
    background: #CC0000;
  
  }
  
  
  .button-purple{
    background: #9900CC	;
  
  }
  
  /*250513追加*/
  .button-yellow{
    background: #fff400	;
  
  }
  
  /*.heading__dot{*/
  /*  color:#fff;*/
  /*  font-size: 3.25rem;*/
  /*  padding:60px 0 100px;*/
  /*  position: relative;*/
  /*  z-index:0;*/
  /*  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); !* ← ここで影を追加 *!*/
  /*}*/
  
  /*.heading__dot:before{*/
  /*  content:"";*/
  /*  display: inline-block;*/
  /*  width: 20%;*/
  /*  padding-top: 12.5%;*/
  /*  background: url(/design_items/pc/img/fukushu/dot.svg) no-repeat;*/
  /*  background-size: contain;*/
  /*  position: absolute;*/
  /*  top: 12%;*/
  /*  left: 5%;*/
  /*  right: 0;*/
  /*  margin: auto;*/
  /*  z-index:-1;*/
  /*  opacity:0;*/
  /*  transition: all .3s;*/
  /*}*/
  /*.heading__dot.is-show:before{*/
  /*  opacity: 1;*/
  /*transition: all .3s;*/
  /*}*/
  
  /*@media (max-width: 768px) {*/
  /*  .heading__dot{*/
  /*    font-size: 2rem;*/
  /*    padding:30px 0 50px;*/
  /*  }*/
  /*  .heading__dot:before{*/
  /*    top: 15%;*/
  /*    width: 30%;*/
  /*    padding-top: 17%;*/
  /*  }*/
  /*}*/
  .comingsoon-text{
    font-weight: 700;
    font-size: 4rem;
    text-align: center;
  }
  .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
  }
  
  .sp-only,
  .pc-only {
    display: none;
  }
  
  .is-bold{
    font-weight: bold;
  }
  
  
  /* スマホ（768px以下）のとき表示するクラス */
  @media (max-width: 768px) {
    .sp-only {
      display: block;
    }
  }
  
  /* PC（769px以上）のとき表示するクラス */
  @media (min-width: 769px) {
    .pc-only {
      display: block;
    }
  }
  
  footer a{
    text-align: center;
    margin:0 auto;
    width: 150px;
    height: 22px;
    display: block;
  }
  
  /* 250630追加 */
  .addition-01 {
    text-align: center;
    margin: 0 auto 20px;
    padding: 0 30px;
  }