@charset "utf-8";
/* CSS Document */

/* フルードイメージ */
img{max-width:100%;height:auto;}

/* aタグ設定 数値は仮*/
a:link{text-decoration: none;color:#565656;}
a:visited {text-decoration: none;color:#565656;}


a img {transition: 0.5s;}

a img:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}



/*------------------------------- 
           全ページ共通設定 
 ----------------------------------*/

/* 文字設定 */
.p1 {
    color: #333333;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 30px;
    font-weight: 900;
    font-style: normal;
    line-height: 58px;
}
.p2 {
    color: #333333;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
}
h1 {
    color: #212121;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 96px;
    font-weight: 900;
    font-style: normal;
    line-height: 130px;
}
h2 {
    color: #212121;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 63px;
    font-weight: 900;
    font-style: normal;
}
h3 {
    color: #212121;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 36px;
    font-weight: 800;
    font-style: normal;
    line-height: 70px;
}
.wrapper{
    background-color: #FCF2FC;
    display: block;
    align-items: flex-start;
    margin: 0 auto;
    max-width: 1920px;
    width: 100%;
}

/* サイトの本体だよ */
.wrapper .canvas{
    width: 100%;
    margin: 0 auto;
    background-color: #FCF2FC;
    display: flex;
    flex-direction: column;
}

/* ヘッダーだよ */
header{
    display: flex;
    flex-direction: row;
}


/* ハンバーガーメニューだよ */
.hamburger-morph {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.hamburger-morph__icon {
  width: 100%;
  height: 100%;
}
.hamburger-morph__line {
  fill: none;
  stroke: #ff2eb3;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
              stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.hamburger-morph__line:nth-child(1) {
  stroke-dasharray: 60 207;
  transition: 1s;
}
.hamburger-morph__line:nth-child(2) {
  stroke-dasharray: 60 60;
  transition: 1s;
}
.hamburger-morph__line:nth-child(3) {
  stroke-dasharray: 60 207;
  transition: 1s;
}
.hamburger-morph.active .hamburger-morph__line:nth-child(1) {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke: #00FFBB;
}
.hamburger-morph.active .hamburger-morph__line:nth-child(2) {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke: #00FFBB;
}
.hamburger-morph.active .hamburger-morph__line:nth-child(3) {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke: #00FFBB;
}
.nav-morph {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #8953FF;
  clip-path: circle(0% at calc(100% - 44px) 44px);
  transition: clip-path 0.7s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 900;
}
.nav-morph.active {
  clip-path: circle(150% at calc(100% - 44px) 44px);
}
.nav-morph__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.nav-morph__list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.nav-morph__item {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.nav-morph.active .nav-morph__item {
  opacity: 1;
  transform: translateY(0);
}

.nav-morph.active .nav-morph__item:nth-child(1) { transition-delay: 0.3s; }
.nav-morph.active .nav-morph__item:nth-child(2) { transition-delay: 0.4s; }
.nav-morph.active .nav-morph__item:nth-child(3) { transition-delay: 0.5s; }
.nav-morph.active .nav-morph__item:nth-child(4) { transition-delay: 0.6s; }
.nav-morph.active .nav-morph__item:nth-child(5) { transition-delay: 0.7s; }
.nav-morph.active .nav-morph__item:nth-child(6) { transition-delay: 0.8s; }
.nav-morph.active .nav-morph__item:nth-child(7) { transition-delay: 0.9s; }
.nav-morph.active .nav-morph__item:nth-child(8) { transition-delay: 1.0s; }

.nav-morph__link {
  position: relative;
  display: inline-block;
  padding: 20px;
  font-size: 28px;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
}
.nav-morph__text{
    color: #00FFBB;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 30px;
    font-weight: 900;
    font-style: normal;
}
.nav-morph__text__cta{
    color: #FCF2FC;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 30px;
    font-weight: 900;
    font-style: normal;
}
.nav-morph__hover {
  display: block;
  transition: transform 0.3s ease;
}
.nav-morph__hover {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  transform: translateY(0%);
}
.nav-morph__link:hover .nav-morph__text {
  transform: translateY(-100%);
}
.nav-morph__link:hover .nav-morph__hover {
  transform: translateY(-100%);
}



/*------------------------------- 
           フッター 
 ----------------------------------*/

footer{
  width: 100%;
  background-color: #8953FF;
  position: relative; 
  padding: 0 30px;
  display: flex;
  justify-content: center; 
}


footer .inner {
  width: 1200px;
  position: relative;
}

footer .inner .pr-text{
   font-family: "Zen Maru Gothic", sans-serif;
    font-size: 24px;
    font-style: normal;
  color: #00FFBB ;
   font-weight: bold; 
   text-align: center;
   margin-top: 30px;
}

footer .inner .box00 {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}


footer .inner .box01{
  padding-left: 20px;
}

footer .inner .box01_inner01{
  margin-top: 60px;
}

footer .inner .box01_inner02{
  margin-top: 20px;
}

footer .inner .box01_inner03{
  margin-top: 50px;
}

footer .inner .box01_inner03 .p2{
  color: #f7f7f7;
}

footer .inner .box02 nav ul {
  list-style: none;
  margin: 0;
  padding-top: 30px;
}

footer .inner .box02{
  position: absolute;
  right: 20px; 
  top: 90px;  
  width: auto;
}


footer .inner .box02 nav ul li.p1 a {
  color: #f7f7f7;

}

.footer-nav{
   text-align: right;
}


footer .box02_inner02 img{
  margin-top: 30px;
  padding-bottom: 130px;
  display: block;
  margin-left: auto;
  margin-right: 0;
}

footer .inner .box03{
  display: flex;
  padding-top: 110px;
  padding-left: 20px;
  padding-bottom: 20px;
  justify-content: space-between;
}

.footer_small{
  color: #f7f7f7;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 15px;
  font-weight: 300;
  font-style: normal;
}
.footer_small a{
  color: #f7f7f7;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 15px;
  font-weight: 300;
  font-style: normal;
}



/*------------------------------- 
          トップページ
 ----------------------------------*/


/* 1stセクションだよ　　(ファーストビュー)  */
.top_first{
    background-color: #FCF2FC;
    display: flex;
    flex-direction: column;
    margin:auto 0;
    width: 100%;
}
.title_img{
  display: block;
  margin: 0 auto;
  width: 1200px;
  
}



/* 2ndセクションだよ　　(グロナビボタン) */
/* === 2ndセクション（グロナビボタン） === */
.top_secound {
  background-color: #FCF2FC;
  display: flex;
  flex-direction: column;
}

.top_secound .inner {
  padding-top: 200px;
  display: grid;
  grid-template-columns: repeat(2, 423px);
  gap: 70px 100px;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}

/* ボタン本体 */
.top_secound .inner a.btn {
  position: relative; /* 装飾の基準点 */
  display: block;
  width: 423px; /* PC時の固定幅 */
  margin: 0 auto;
}

.top_secound .inner a.btn > img:first-child {
  display: block;
  width: 100%;
  height: auto;
}

/* 装飾画像（共通） */
.deco-left01,
.deco-left02,
.deco-right01,
.deco-right02 {
  position: absolute;
  pointer-events: none;
  z-index: 10;
  width: 6vw; /* デフォは画面幅基準 */
  height: auto;
  transition: transform 0.3s ease;
}

.deco-right02 {
  width: 10vw; /* 好きな大きさに調整 */
  height: auto;
}

/* 装飾位置 */
.deco-left01 {
  top: 50%;
  left: -12%;
  transform: translateY(-50%) rotate(-15deg);
}
.deco-left02 {
  top: 50%;
  left: -8%;
  transform: translateY(-50%);
}
.deco-right01 {
  top: 50%;
  right: -8%;
  transform: translateY(-50%);
}
.deco-right02 {
  top: 50%;
  right: -15%;
  transform: translateY(-50%);
  max-height: 180px;
}

/* ホバーアニメーション */
@keyframes bounce {
  0%, 100% { transform: translateY(-50%) translateY(0); }
  50% { transform: translateY(-50%) translateY(-10px); }
}
.top_secound .inner a.btn:hover > img[class^="deco-"] {
  animation: bounce 2s ease-in-out infinite;
}





/* 3rdセクションだよ　　（世界観ポエム）*/

.top_third{
  position: relative;
  width: 100%;
  height: 1700px;
  background-color: #FCF2FC;
  background-image: linear-gradient(0deg, #fcf2fc, #c095fd 51%, #fcf2fc);
  display: flex;
  flex-direction: column;
  /* padding: 0 30px; */
  padding-top: 70px;
}

.top_third_chird{
  width: 1200px;
}

.top_third .inner{
  position: absolute;
  text-align: center;
}

.top_third .inner .img02 {
  transform: scale(-1, 1);
}

.top_third .inner .p1 {
  position: absolute;
  top: 43%;
  left: 52%;
  transform: translate(-50%, -50%);
  text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.7);
  pointer-events: none; /* マウス無効化（必要なら） */
}

.top_third .inner.set03 .p1{
  position: absolute;
  top: 45%;
  left: 55%;
  transform: translate(-50%, -50%);
  text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.7);
  pointer-events: none; 
  width: 500px;
}

.set01 {
  top: 10%;
  left: 5%;
}
.set02 {
  top: 35%;
  left: 45%;
}
.set03 {
  top: 60%;
  left: 5%;
}

/* （世界観ポエム）フェードアップ*/

.yuru-fadeup {
  opacity: 0;
  transform: translateY(15px);
}

.yuru-fadeup.is-animated {
  animation: yuruFadeUpAnim 0.8s ease-out forwards;
}

@keyframes yuruFadeUpAnim {
  0% {
    transform: translateY(15px);
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.top_third {
  position: relative;
  width: 100%;
  height: 2300px;
  background-color: #FCF2FC;
  background-image: linear-gradient(180deg,
    #fcf2fc 0%,        /* 淡いラベンダーホワイト */
    #d1b3ff 25%,       /* 薄いパステルラベンダー */
    #a0d8f7 45%,       /* パステル水色 */
    #c095fd 65%,       /* メインのパステル紫 */
    #f4c2c2 95%,       /* 可愛い淡いピンク */
    #fcf2fc 100%       /* 優しい淡い色で締め */
  );
  /* background-image: linear-gradient(0deg, #fcf2fc, #c095fd 51%, #fcf2fc); */
  display: flex;
  flex-direction: column;
  /* padding: 0 30px; */
  overflow: hidden;
}

/* 星の親要素 */
#starry_sky {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* 星にマウス反応させない */
  overflow: visible;
  z-index: 1; /* 雲より下に表示したいなら小さめの値に調整 */
}

/* 星の共通スタイル */
.star {
  position: absolute;
  background-color: white;
  border-radius: 50%;
  opacity: 0.6;
  animation-name: twinkle;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

/* キラキラアニメ */
@keyframes twinkle {
  0%, 100% { opacity: 0.8; transform: scale(1); }
  50% { opacity: 0.2; transform: scale(0.6); }
}




/* 4thセクションだよ　（えほんの紹介）*/
.top_fourth{
    width: 100%;
    background-color: #FCF2FC;
    display: flex;
    flex-direction: column;
    padding: 200px 0px 00px 0px  
}
.top_fourth .inner{
    background-image: url(../img/01_top/ehon_haikei.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: 100%;
    height: 1400px; 
    position: relative;
    z-index: 2;
}

.top_fourth .inner .inner_chird{
  max-width: 1200px;  /* 最大幅は1200pxまで */
  width: 100%;        /* 基本は親幅に合わせる */
  margin: 0 auto;
}

.top_fourth .inner .box01_inner {
  position: relative;
  margin: 0 auto;
}
.top_fourth .inner .box01_inner .img01 {
  display: block;
  height: auto;
  margin-top: 150px;
  width: auto;
}
.top_fourth .inner .box01_inner .img02 {
  margin-top: 50px;

}
.top_fourth .box01 h1{
  color: #FF45BC;
  position: absolute;
  top: 12%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.top_fourth h3{
  color: #8953FF;
  line-height: normal;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  margin-top: -70px;
  margin-bottom: 50px;
  
}

.top_fourth .box01_inner {
  position: relative; /* 絶対配置の基準 */
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
}


.top_fourth .inner .box02{
  display: flex;             /* 横並び */
  justify-content: center;   /* 横方向中央揃え */
  align-items: center;       /* 縦位置を中央に揃えたい場合は追加 */
  gap: 85px;                 /* 画像とテキストの間の隙間（任意） */
  margin: 0 auto;            /* box02自体を中央揃え */
  max-width: 100%;         /* 任意。親より狭めにするなら */
  padding-top: 0px;         /* 上余白（任意） */
}
.top_fourth .inner .img03{
  display: block;
  margin: 0 auto;
  padding-top: 100px;
}




/* 4thと5thの境目　（背景画像）*/
.bg_pattern {
  background-image: url(../img/Common/bg_sozai_0.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;   /* 幅を指定（画像サイズに合わせて） */
  margin-top: -700px;            /* ← セクション4と"重ねる"ためにマイナスマージン */
  z-index: 1;
  position: relative;
}


/* 5thセクションだよ　（キャラ紹介）*/
.top_fifth {
  width: 100%;
  overflow: hidden;
  background-color: #FCF2FC;
  display: flex;
  flex-direction: column;
  padding: 0;
  height: 2500px;
  background-image: url("../img/Common/bg_sozai_03.webp");
  background-repeat: repeat-y;
  background-position: center top; /* ←これが大事 */
  background-size: 100% auto;
  position: relative;
  z-index: 0;
}
.top_fifth .box01{
 padding-top: 1000px  
}
.top_fifth .box01 h1{
  color: #FF45BC; 
  text-align: center;  
  margin-bottom:120px;
}
.top_fifth .box01{
  text-align: center;
  margin: 0 auto;
  width: fit-content;
  padding-bottom: 50px;
  width: 100%;
  max-width: 1200px;
}
.top_fifth .box02{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;

}

/* スワイパー本体 */
.swiper.mySwiper {
  overflow: visible; 
  margin: 0 auto; 
  width: 100%;
  max-width: 1200px;
  height: 600px;
}
/* スライド全体 */
.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
   position: relative;
}
.swiper-slide-shadow,
.swiper-slide-shadow-left,
.swiper-slide-shadow-right,
.swiper-slide-shadow-top,
.swiper-slide-shadow-bottom {
  box-shadow: none !important;
  background: none !important;
}
/* ナビゲーションボタン非表示 */
.swiper-button-prev,
.swiper-button-next {
  display: none !important;
}
/* スクロールバー非表示 */
.swiper-scrollbar {
  display: none !important;
}
.card-bg {
  object-fit: cover;
  display: block;
}
.card-gif {
  position: absolute;
  bottom: 100px; /* キャラの位置を調整 */
  left: 50%;
  transform: translateX(-50%);
  z-index: 2; /* 上に重ねる */
  width: 478px; /* 必要に応じて調整 */
}
.card-gif01 {
  position: absolute;
  bottom: 100px; /* キャラの位置を調整 */
  left: 49%;
  transform: translateX(-50%);
  z-index: 2; /* 上に重ねる */
  width: 478px; /* 必要に応じて調整 */
}

.card-bg,
.card-gif,
.card-gif01 {
  width: 100%;
  max-width: 478px;
  height: auto;
}

.top_fifth  .img03{
  display: block;
  margin: 0 auto;
  padding-top: 100px;
}





/* 6thセクションだよ（お知らせ）*/
.top_sixth{
    background-color: transparent;
    display: flex;
    flex-direction: column;
    padding: 100px 0px 00px 0px;
    position: relative; 
    height: auto;
    z-index: 4; /* 必ずfifthより前面に */
    margin-top: -300px; /* ← 被せる量。パターン画像の高さに応じて調整 */
    padding-top: 100px;  /* 中のコンテンツが画像と重ならないように */
    padding-bottom: 100px;
}


/* 背景の丸い装飾 */
.top_sixth .bg {
  position: absolute;
  border-radius: 25%;
  z-index: 0;
}

.top_sixth .bg-top {
  width: 100%;
  height: 950px;
  top: 0px;
  left: 0px;
  background: #CFFFF3;
  box-shadow: 0 70px #E2D5FF;
}
/* セクション内のコンテンツ */
.top_sixth .innner {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
/* タイトル */
.top_sixth .innner .box01 .title-ja{
  position: relative;
  color: #FF45BC;
  display: block;  
  text-align: center;
  line-height: 1.2;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
  text-shadow: 5px 5px 0 #8953FF;          
}
.top_sixth .innner .box01 .title-en {
   font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 900;
    font-style: normal;
    line-height: 130px;
    color:#F7F7F7;
  position: absolute;
  top: 60%;
  left: 70%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: bold;
  z-index: 1;
  letter-spacing: 0.05em;
  text-shadow: 0px 3px 10px rgba(139, 139, 139, 0.5);
}

.top_sixth .innner .box01{
  position: relative; 
  padding-bottom: 50px;

}
 
.top_sixth .innner .box01 .icon_onigiri{
  position: absolute;  /* ←これで自由配置できる */
  width: 140px;
  top: 2px;       /* 上からの距離 */
  right: 70px; 
  z-index: 2;
}




/* リスト */
.oshirase-list {
  list-style: none;
  padding-bottom: 80px;
  margin: 0 auto;
  text-align: left;
}

.oshirase-list li {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 14px 0;
  border-bottom: 1px solid #888;
  font-size: 1rem;
}
.p1.text {
  white-space: nowrap;
}
.tag-img {

  height: 2.5em;       /* 文字の高さに合わせる */
  width: auto;         /* アスペクト比維持 */
  vertical-align: middle; /* テキストと揃える */
}


.top_sixth .inner .box02 .img03{
  margin: 0 auto;
  margin-top: 60px;
}






 /* 7thセクションだよ（おたのしみコーナー）  */

 .top_seventh .innner h1 {
  display: block;
  width: 100%;
  text-align: center;
  color: #FF45BC;
  text-shadow: rgb(247, 247, 247) 10px 0px 0px, rgb(247, 247, 247) 9.95004px 0.998334px 0px, rgb(247, 247, 247) 9.80067px 1.98669px 0px, rgb(247, 247, 247) 9.55336px 2.9552px 0px, rgb(247, 247, 247) 9.21061px 3.89418px 0px, rgb(247, 247, 247) 8.77583px 4.79426px 0px, rgb(247, 247, 247) 8.25336px 5.64642px 0px, rgb(247, 247, 247) 7.64842px 6.44218px 0px, rgb(247, 247, 247) 6.96707px 7.17356px 0px, rgb(247, 247, 247) 6.2161px 7.83327px 0px, rgb(247, 247, 247) 5.40302px 8.41471px 0px, rgb(247, 247, 247) 4.53596px 8.91207px 0px, rgb(247, 247, 247) 3.62358px 9.32039px 0px, rgb(247, 247, 247) 2.67499px 9.63558px 0px, rgb(247, 247, 247) 1.69967px 9.8545px 0px, rgb(247, 247, 247) 0.707372px 9.97495px 0px, rgb(247, 247, 247) -0.291995px 9.99574px 0px, rgb(247, 247, 247) -1.28844px 9.91665px 0px, rgb(247, 247, 247) -2.27202px 9.73848px 0px, rgb(247, 247, 247) -3.2329px 9.463px 0px, rgb(247, 247, 247) -4.16147px 9.09297px 0px, rgb(247, 247, 247) -5.04846px 8.63209px 0px, rgb(247, 247, 247) -5.88501px 8.08496px 0px, rgb(247, 247, 247) -6.66276px 7.45705px 0px, rgb(247, 247, 247) -7.37394px 6.75463px 0px, rgb(247, 247, 247) -8.01144px 5.98472px 0px, rgb(247, 247, 247) -8.56889px 5.15501px 0px, rgb(247, 247, 247) -9.04072px 4.2738px 0px, rgb(247, 247, 247) -9.42222px 3.34988px 0px, rgb(247, 247, 247) -9.70958px 2.39249px 0px, rgb(247, 247, 247) -9.89993px 1.4112px 0px, rgb(247, 247, 247) -9.99135px 0.415807px 0px, rgb(247, 247, 247) -9.98295px -0.583741px 0px, rgb(247, 247, 247) -9.8748px -1.57746px 0px, rgb(247, 247, 247) -9.66798px -2.55541px 0px, rgb(247, 247, 247) -9.36457px -3.50783px 0px, rgb(247, 247, 247) -8.96758px -4.4252px 0px, rgb(247, 247, 247) -8.481px -5.29836px 0px, rgb(247, 247, 247) -7.90968px -6.11858px 0px, rgb(247, 247, 247) -7.25932px -6.87766px 0px, rgb(247, 247, 247) -6.53644px -7.56803px 0px, rgb(247, 247, 247) -5.74824px -8.18277px 0px, rgb(247, 247, 247) -4.90261px -8.71576px 0px, rgb(247, 247, 247) -4.00799px -9.16166px 0px, rgb(247, 247, 247) -3.07333px -9.51602px 0px, rgb(247, 247, 247) -2.10796px -9.7753px 0px, rgb(247, 247, 247) -1.12153px -9.93691px 0px, rgb(247, 247, 247) -0.123887px -9.99923px 0px, rgb(247, 247, 247) 0.87499px -9.96165px 0px, rgb(247, 247, 247) 1.86512px -9.82453px 0px, rgb(247, 247, 247) 2.83662px -9.58924px 0px, rgb(247, 247, 247) 3.77978px -9.25815px 0px, rgb(247, 247, 247) 4.68517px -8.83455px 0px, rgb(247, 247, 247) 5.54374px -8.32267px 0px, rgb(247, 247, 247) 6.34693px -7.72764px 0px, rgb(247, 247, 247) 7.0867px -7.0554px 0px, rgb(247, 247, 247) 7.75566px -6.31267px 0px, rgb(247, 247, 247) 8.34713px -5.50686px 0px, rgb(247, 247, 247) 8.8552px -4.64602px 0px, rgb(247, 247, 247) 9.27478px -3.73877px 0px, rgb(247, 247, 247) 9.6017px -2.79415px 0px, rgb(247, 247, 247) 9.83268px -1.82163px 0px, rgb(247, 247, 247) 9.96542px -0.830894px 0px;
  padding-top: 300px;
  padding-bottom: 80px;
}

 .top_seventh {
  height: 1500px;
  background-image: url("../img/Common/dot.webp");
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-color: #FCF2FC
}


.top_seventh .innner {
  display: flex;
  justify-content: space-between;
  /* gap: 30px; */
  flex-wrap: wrap;

}

.top_seventh .innner .box {
  width: 33%;
  text-align: center;
  position: relative;
}

.top_seventh .innner .box_innner{
  position: relative;
  display: inline-block;
  z-index: 2;

}

.top_seventh .innner .box_innner img{
  /* width: 100%; */
  display: block;

}

.deco-onigiri {
  position: absolute;
  bottom: 0;
  top: 75%; 
  left: 50%;
  transform: translateX(-50%);
  width: 385px; 
} 

/* ギターの飾り */
.deco-guitar {
  position: absolute;
  bottom: 0;
  top: 55%; /* 元の .deco02 の位置 */
  left: 50%;
  transform: translateX(-50%);
  width: 602px; /* 個別サイズ */
}

/* 棺の飾り */
.deco-hitugi {
  position: absolute;
  bottom: 0;
  top: 55%; /* 元の .deco02 の位置を踏襲（必要なら変更） */
  left: 40%;
  transform: translateX(-50%);
  width: 564px; /* 個別サイズ */
}

@keyframes floaty {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.top_seventh .innner .box01 .box_innner {
  animation-duration: 3s;
  animation-delay: 0.2s;
  animation-name: floaty;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}



.top_seventh .innner .box02 .box_innner {
  animation-duration: 2.5s;
  animation-delay: 0s;
  animation-name: floaty;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.top_seventh .innner .box03 .box_innner {
  animation-duration: 3.5s;
  animation-delay: 0.5s;
  animation-name: floaty;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}









/*--------------------------------- 
      ０２ー　えほんしょうかいページ
 ----------------------------------*/
/* 1stセクションだよ */
.ehon_first{
  padding-bottom: 200px;
  background-color: #FCF2FC;
  display: flex;
  flex-direction: column;
  background-image: url(../img/Common/bg_sozai_03.webp);
  background-size: 100% auto;
}
.ehon_first .title {
  width: 100%;
  position: relative;
  height: auto;
}
.ehon_first h1{
  position: absolute;
  color: #ff45BC; 
  top: 13vw;
  left: 50%;
  transform: translate(-50%, -50%); 
  text-align: center;
}
.ehon_first .box01{
  margin-top: 200px;
  padding: 0 30px 0 30px;
  display: flex;
}
.ehon_first .hyoshi{
  margin-top: 1vw;
}
.ehon_first .box01_inner02 h3 {
  line-height: normal;
  margin-top: 1vw;
  text-align: center;
}
.ehon_first .box01_inner02 .p2 {
  text-align: left;      /* ← 文字は左寄せ */
  margin-left: auto;     /* ← 要素自体は右へ移動 */
  width: fit-content; 
  margin-top: 3vw;
}



/* 2ndセクションだよ */
.ehon_secound{
  background-color: #FCF2FC;
  display: flex;
  flex-direction: column;
  /* padding: 0 30px 0 30px */
}
.ehon_secound .box01{
  width: 1200px;
  margin: 0 auto;
  width: 100%;
  height: 1800px;
  background-color: #E2D5FF;
  box-shadow: 0 50px #CFFFF3;
  border-radius: 150px;
  position: relative;
  height: auto;

  padding: 100px 40px 230px 40px;          /* 上下左右に余白をつける */
  background-image: url('../img/02_ehon/kumo 1.webp');
  background-size: cover;         /* 高さが増えてもカバー */
  background-repeat: no-repeat;
  background-position: center top;
  transition: background-size 0.3s ease; /* 開閉時の伸びをなめらかに */
}

.ehon_secound h3{
  margin-top: 7vw;
  text-align: center;
  color: #ff45BC; 
}
.ehon_secound .p1{
  margin-top: 7vw;
  text-align: center;
}
.ehon_secound .box02_inner01 {
  margin-top: 7vw;
  text-align: center;
  position: relative;
}
.ehon_secound .box02_inner01 summary {
  list-style: none;  /* ▶アイコンを消す */
  cursor: pointer;
}
.ehon_secound .box02_inner01 summary::-webkit-details-marker {
  display: none; /* Safari/Chromeの▶も非表示 */
}
.ehon_secound .box02_inner02 {
  display: flex;
  justify-content: center;
  gap: 100px;
  margin-top: 20px;
  padding: 60px 150px;
  background-color: #CFFFF3;
  border: 10px solid #CAB3FF;
  border-radius: 50px;
  z-index: 10;
}
.ehon_secound .box02_inner02 a img {
  width: 416px;
  height: auto;
}
.ehon_secound .btn01 {
  transition: all 0.3s ease;
}
.ehon_secound .btn01:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}



/* 3rdセクションだよ*/
.ehon_third{
  background-color: #FCF2FC;
  display: flex;
  flex-direction: column;
  padding: 0 30px 0 30px
}
.ehon_third h2{
  margin-top: 10vw;
  text-align: center;
  color: #ff45BC; 
}
.ehon_third .box02{
  display: flex;
  justify-content: center; /* 左右中央 */
  align-items: center;     /* 上下中央 */
}
.ehon_third .box02 .icon{
  margin-top: 5vw;
}
.ehon_third .box03{
  padding-bottom: 80px;
  margin-top: 50px;
  margin-bottom: 100px;
  background-color: #CFFFF3;
  border: 7px solid #24DDAC;
  border-radius: 150px;
  position: relative;
}
.ehon_third .box03 .text_01 h3{
  margin-top: 5vw;
  text-align: center;
}
.ehon_third .box03 .p1{
  margin-top: 80px;
  text-align: center;
  margin-bottom: 80px;
}
.ehon_third .box03_inner{
  position: relative;
}
.ehon_third .mkmk{
  display: block;
  max-width: 70%; /* 画像は親幅の最大80% */
  height: auto;
  margin: 0 auto;
}
.ehon_third .box03_inner h3{
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%);
  text-shadow: rgb(247, 247, 247) 7px 0px 0px, rgb(247, 247, 247) 6.928693px 0.996602px 0px, rgb(247, 247, 247) 6.716224px 1.9729px 0px, rgb(247, 247, 247) 6.366922px 2.909003px 0px, rgb(247, 247, 247) 5.887905px 3.78584px 0px, rgb(247, 247, 247) 5.288929px 4.585545px 0px, rgb(247, 247, 247) 4.582201px 5.291828px 0px, rgb(247, 247, 247) 3.782116px 5.890297px 0px, rgb(247, 247, 247) 2.904977px 6.368761px 0px, rgb(247, 247, 247) 1.968653px 6.71747px 0px, rgb(247, 247, 247) 0.992221px 6.929322px 0px, rgb(247, 247, 247) -0.004426px 6.999999px 0px, rgb(247, 247, 247) -1.000983px 6.928061px 0px, rgb(247, 247, 247) -1.977146px 6.714975px 0px, rgb(247, 247, 247) -2.913028px 6.365082px 0px, rgb(247, 247, 247) -3.789561px 5.88551px 0px, rgb(247, 247, 247) -4.588888px 5.286029px 0px, rgb(247, 247, 247) -5.294724px 4.578854px 0px, rgb(247, 247, 247) -5.892687px 3.778391px 0px, rgb(247, 247, 247) -6.370596px 2.90095px 0px, rgb(247, 247, 247) -6.718713px 1.964406px 0px, rgb(247, 247, 247) -6.929947px 0.98784px 0px, rgb(247, 247, 247) -6.999994px -0.008851px 0px, rgb(247, 247, 247) -6.927427px -1.005363px 0px, rgb(247, 247, 247) -6.713724px -1.981391px 0px, rgb(247, 247, 247) -6.363239px -2.917052px 0px, rgb(247, 247, 247) -5.883112px -3.793282px 0px, rgb(247, 247, 247) -5.283127px -4.592229px 0px, rgb(247, 247, 247) -4.575505px -5.297617px 0px, rgb(247, 247, 247) -3.774665px -5.895075px 0px, rgb(247, 247, 247) -2.896921px -6.372428px 0px, rgb(247, 247, 247) -1.960158px -6.719954px 0px, rgb(247, 247, 247) -0.983458px -6.930571px 0px, rgb(247, 247, 247) 0.013277px -6.999988px 0px, rgb(247, 247, 247) 1.009742px -6.92679px 0px, rgb(247, 247, 247) 1.985635px -6.71247px 0px, rgb(247, 247, 247) 2.921074px -6.361393px 0px, rgb(247, 247, 247) 3.797px -5.880713px 0px, rgb(247, 247, 247) 4.595569px -5.280222px 0px, rgb(247, 247, 247) 5.300509px -4.572155px 0px, rgb(247, 247, 247) 5.89746px -3.770937px 0px, rgb(247, 247, 247) 6.374259px -2.892892px 0px, rgb(247, 247, 247) 6.721192px -1.955909px 0px, rgb(247, 247, 247) 6.931191px -0.979076px 0px;
}
.ehon_third .snsicon{
  margin-top: 2vw;
  position: absolute;
  top: 50%;   
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 5vw; /* アイコン間隔を画面幅で調整 */
}
.ehon_third .inst{
  margin-left: 100px;
}
.ehon_third .snsicon a img {
  width: 12vw;       /* 画面幅に応じて自動縮小 */
  max-width: 120px;  /* 大きくなりすぎないよう上限設定 */
  height: auto;
}
.ehon_third .snsicon a img:hover {
  transform: scale(1.05);
}


/* 装飾 */
.ehon_third .box03 .green_top{
  z-index: 10;
  position: absolute;
  left: -50px;
  top: -20px;
  pointer-events: none
}
.ehon_third .box03 .pink{
  z-index: 10;
  position: absolute;
  right: -50px;
  top: -20px;
  pointer-events: none
}
.ehon_third .box03 .purple{
  z-index: 10;
  position: absolute;
  left: -50px;
  bottom: -20px;
  pointer-events: none
}
.ehon_third .box03 .green_bottom{
  z-index: 10;
  position: absolute;
  right: -50px;
  bottom: -20px;
  pointer-events: none
}
.ehon_third .box02 .blue{
  z-index: 10;
  position: absolute;
  left: -80px;
  top: -20px;
  pointer-events: none
}
.ehon_third .box02 .pink{
  z-index: 10;
  position: absolute;
  right: -60px;
  top: -20px;
  pointer-events: none
}
.ehon_third .box02 .purple{
  z-index: 10;
  position: absolute;
  left: -60px;
  bottom: -20px;
  pointer-events: none
}
.ehon_third .box02 .green{
  z-index: 10;
  position: absolute;
  right: -60px;
  bottom: -20px;
  pointer-events: none
}



/*--------------------------------- 
      ０３ー　キャラクター紹介ページ
 ----------------------------------*/
/* 1stセクションだよ */
.obake_first{
  background-color: #FCF2FC;
  display: flex;
  flex-direction: column;
}
.obake_first .title {
  width: 100%;
  position: relative;
  height: auto;
}
.obake_first h1{
  position: absolute;
  color: #ff45BC; 
  top: 160px;
  left: 50%;
  transform: translate(-50%, -50%); 
  text-align: center;
}
.obake_first .box01 {
  margin-top: 200px;
  width: 100%;
  height: 1385px;
  background-color: #E2D5FF;
  box-shadow: 0 50px #CFFFF3;
  border-radius: 150px;
  position: relative; /* 基準にする */
}
/* 丸背景 */
.obake_first .box01_inner01 {
  background-image: url(../img/Common/decoration_pink.webp);
  background-size: 35%;
  background-color: #FCF2FC;
  width: 788px;
  height: 788px;
  border-radius: 50%;
  position: absolute;
  top: 200px; /* box01内での位置 */
  left: 50%;
  transform: translateX(-50%);
  
  display: flex; /* 円の中で中央配置 */
  justify-content: center;
  align-items: center;
  z-index: 1;
}
/* 円の中のアニメ */
.obake_first .yuruobake_anime {
  width: 80%;
  height: auto;
  margin-right: 70px;
}
/* 丸の上あたりに名前 */
.obake_first .name_01 {
  display: flex;
  background-color: #FF45BC;
  width: 816px;
  height: 136px;
  border-radius: 120px;
  position: absolute;
  top: 150px; /* 丸にかぶせる位置 */
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.obake_first h2{
  color: #FF45BC;
  text-shadow: rgb(247, 247, 247) 10px 0px 0px, rgb(247, 247, 247) 9.95004px 0.998334px 0px, rgb(247, 247, 247) 9.80067px 1.98669px 0px, rgb(247, 247, 247) 9.55336px 2.9552px 0px, rgb(247, 247, 247) 9.21061px 3.89418px 0px, rgb(247, 247, 247) 8.77583px 4.79426px 0px, rgb(247, 247, 247) 8.25336px 5.64642px 0px, rgb(247, 247, 247) 7.64842px 6.44218px 0px, rgb(247, 247, 247) 6.96707px 7.17356px 0px, rgb(247, 247, 247) 6.2161px 7.83327px 0px, rgb(247, 247, 247) 5.40302px 8.41471px 0px, rgb(247, 247, 247) 4.53596px 8.91207px 0px, rgb(247, 247, 247) 3.62358px 9.32039px 0px, rgb(247, 247, 247) 2.67499px 9.63558px 0px, rgb(247, 247, 247) 1.69967px 9.8545px 0px, rgb(247, 247, 247) 0.707372px 9.97495px 0px, rgb(247, 247, 247) -0.291995px 9.99574px 0px, rgb(247, 247, 247) -1.28844px 9.91665px 0px, rgb(247, 247, 247) -2.27202px 9.73848px 0px, rgb(247, 247, 247) -3.2329px 9.463px 0px, rgb(247, 247, 247) -4.16147px 9.09297px 0px, rgb(247, 247, 247) -5.04846px 8.63209px 0px, rgb(247, 247, 247) -5.88501px 8.08496px 0px, rgb(247, 247, 247) -6.66276px 7.45705px 0px, rgb(247, 247, 247) -7.37394px 6.75463px 0px, rgb(247, 247, 247) -8.01144px 5.98472px 0px, rgb(247, 247, 247) -8.56889px 5.15501px 0px, rgb(247, 247, 247) -9.04072px 4.2738px 0px, rgb(247, 247, 247) -9.42222px 3.34988px 0px, rgb(247, 247, 247) -9.70958px 2.39249px 0px, rgb(247, 247, 247) -9.89993px 1.4112px 0px, rgb(247, 247, 247) -9.99135px 0.415807px 0px, rgb(247, 247, 247) -9.98295px -0.583741px 0px, rgb(247, 247, 247) -9.8748px -1.57746px 0px, rgb(247, 247, 247) -9.66798px -2.55541px 0px, rgb(247, 247, 247) -9.36457px -3.50783px 0px, rgb(247, 247, 247) -8.96758px -4.4252px 0px, rgb(247, 247, 247) -8.481px -5.29836px 0px, rgb(247, 247, 247) -7.90968px -6.11858px 0px, rgb(247, 247, 247) -7.25932px -6.87766px 0px, rgb(247, 247, 247) -6.53644px -7.56803px 0px, rgb(247, 247, 247) -5.74824px -8.18277px 0px, rgb(247, 247, 247) -4.90261px -8.71576px 0px, rgb(247, 247, 247) -4.00799px -9.16166px 0px, rgb(247, 247, 247) -3.07333px -9.51602px 0px, rgb(247, 247, 247) -2.10796px -9.7753px 0px, rgb(247, 247, 247) -1.12153px -9.93691px 0px, rgb(247, 247, 247) -0.123887px -9.99923px 0px, rgb(247, 247, 247) 0.87499px -9.96165px 0px, rgb(247, 247, 247) 1.86512px -9.82453px 0px, rgb(247, 247, 247) 2.83662px -9.58924px 0px, rgb(247, 247, 247) 3.77978px -9.25815px 0px, rgb(247, 247, 247) 4.68517px -8.83455px 0px, rgb(247, 247, 247) 5.54374px -8.32267px 0px, rgb(247, 247, 247) 6.34693px -7.72764px 0px, rgb(247, 247, 247) 7.0867px -7.0554px 0px, rgb(247, 247, 247) 7.75566px -6.31267px 0px, rgb(247, 247, 247) 8.34713px -5.50686px 0px, rgb(247, 247, 247) 8.8552px -4.64602px 0px, rgb(247, 247, 247) 9.27478px -3.73877px 0px, rgb(247, 247, 247) 9.6017px -2.79415px 0px, rgb(247, 247, 247) 9.83268px -1.82163px 0px, rgb(247, 247, 247) 9.96542px -0.830894px 0px;
}
/* 丸の下あたりにテキスト */
.obake_first .text_01 {
  background-color: #F7F7F7;
  box-shadow: 0 15px #ff45BC;
  width: 872px;
  height: 224px;
  border-radius: 80px;
  position: absolute;
  top: 1020px; /* 丸の下あたりに配置 */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.obake_first .p1 {
  text-align: center;
}

.obake_first .pink{
  z-index: 10;
  position: absolute;
  left: -130px;
  pointer-events: none
}
.obake_first .blue{
  z-index: 10;
  position: absolute;
  right: -130px;
  pointer-events: none
}
.obake_first .purple_topLeft{
  z-index: 10;
  position: absolute;
  left: -80px;
  top: -60px;
  pointer-events: none
}
.obake_first .green_topRight{
  z-index: 10;
  position: absolute;
  right: -80px;
  top: -60px;
  pointer-events: none
}
.obake_first .purple_bottomLeft{
  z-index: 10;
  position: absolute;
  right: -80px;
  top: 110px;
  pointer-events: none
}
.obake_first .green_bottomRight{
  z-index: 10;
  position: absolute;
  left: -80px;
  top: 120px;
  pointer-events: none
}


/* 2ndセクションだよ*/
.obake_secound{
    background-color: #FCF2FC;
    display: flex;
    flex-direction: column;
    /* padding: 0 30px 0 30px */
}
.obake_secound .box01{
  margin-top: 200px;
  width: 100%;
  height: 1385px;
  position: relative; /* 基準にする */
}
.obake_secound .box01_inner01{
  background-image: url(../img/Common/decoration_green.webp);
  background-size: 30%;
  background-color: #CFFFF3;
  width: 788px;
  height: 788px;
  border-radius: 50%;
  position: absolute;
  top: 200px; /* box01内での位置 */
  left: 50%;
  transform: translateX(-50%);
  
  display: flex; /* 円の中で中央配置 */
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.obake_secound .yuruobake_anime{
  width: 80%;
  height: auto;
}
.obake_secound .name_01{
  display: flex;
  background-color: #89F2FA;
  width: 816px;
  height: 136px;
  border-radius: 120px;
  position: absolute;
  top: 150px; /* 丸にかぶせる位置 */
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.obake_secound h2 {
  color: #00C8D7;
  text-shadow: rgb(247, 247, 247) 10px 0px 0px, rgb(247, 247, 247) 9.95004px 0.998334px 0px, rgb(247, 247, 247) 9.80067px 1.98669px 0px, rgb(247, 247, 247) 9.55336px 2.9552px 0px, rgb(247, 247, 247) 9.21061px 3.89418px 0px, rgb(247, 247, 247) 8.77583px 4.79426px 0px, rgb(247, 247, 247) 8.25336px 5.64642px 0px, rgb(247, 247, 247) 7.64842px 6.44218px 0px, rgb(247, 247, 247) 6.96707px 7.17356px 0px, rgb(247, 247, 247) 6.2161px 7.83327px 0px, rgb(247, 247, 247) 5.40302px 8.41471px 0px, rgb(247, 247, 247) 4.53596px 8.91207px 0px, rgb(247, 247, 247) 3.62358px 9.32039px 0px, rgb(247, 247, 247) 2.67499px 9.63558px 0px, rgb(247, 247, 247) 1.69967px 9.8545px 0px, rgb(247, 247, 247) 0.707372px 9.97495px 0px, rgb(247, 247, 247) -0.291995px 9.99574px 0px, rgb(247, 247, 247) -1.28844px 9.91665px 0px, rgb(247, 247, 247) -2.27202px 9.73848px 0px, rgb(247, 247, 247) -3.2329px 9.463px 0px, rgb(247, 247, 247) -4.16147px 9.09297px 0px, rgb(247, 247, 247) -5.04846px 8.63209px 0px, rgb(247, 247, 247) -5.88501px 8.08496px 0px, rgb(247, 247, 247) -6.66276px 7.45705px 0px, rgb(247, 247, 247) -7.37394px 6.75463px 0px, rgb(247, 247, 247) -8.01144px 5.98472px 0px, rgb(247, 247, 247) -8.56889px 5.15501px 0px, rgb(247, 247, 247) -9.04072px 4.2738px 0px, rgb(247, 247, 247) -9.42222px 3.34988px 0px, rgb(247, 247, 247) -9.70958px 2.39249px 0px, rgb(247, 247, 247) -9.89993px 1.4112px 0px, rgb(247, 247, 247) -9.99135px 0.415807px 0px, rgb(247, 247, 247) -9.98295px -0.583741px 0px, rgb(247, 247, 247) -9.8748px -1.57746px 0px, rgb(247, 247, 247) -9.66798px -2.55541px 0px, rgb(247, 247, 247) -9.36457px -3.50783px 0px, rgb(247, 247, 247) -8.96758px -4.4252px 0px, rgb(247, 247, 247) -8.481px -5.29836px 0px, rgb(247, 247, 247) -7.90968px -6.11858px 0px, rgb(247, 247, 247) -7.25932px -6.87766px 0px, rgb(247, 247, 247) -6.53644px -7.56803px 0px, rgb(247, 247, 247) -5.74824px -8.18277px 0px, rgb(247, 247, 247) -4.90261px -8.71576px 0px, rgb(247, 247, 247) -4.00799px -9.16166px 0px, rgb(247, 247, 247) -3.07333px -9.51602px 0px, rgb(247, 247, 247) -2.10796px -9.7753px 0px, rgb(247, 247, 247) -1.12153px -9.93691px 0px, rgb(247, 247, 247) -0.123887px -9.99923px 0px, rgb(247, 247, 247) 0.87499px -9.96165px 0px, rgb(247, 247, 247) 1.86512px -9.82453px 0px, rgb(247, 247, 247) 2.83662px -9.58924px 0px, rgb(247, 247, 247) 3.77978px -9.25815px 0px, rgb(247, 247, 247) 4.68517px -8.83455px 0px, rgb(247, 247, 247) 5.54374px -8.32267px 0px, rgb(247, 247, 247) 6.34693px -7.72764px 0px, rgb(247, 247, 247) 7.0867px -7.0554px 0px, rgb(247, 247, 247) 7.75566px -6.31267px 0px, rgb(247, 247, 247) 8.34713px -5.50686px 0px, rgb(247, 247, 247) 8.8552px -4.64602px 0px, rgb(247, 247, 247) 9.27478px -3.73877px 0px, rgb(247, 247, 247) 9.6017px -2.79415px 0px, rgb(247, 247, 247) 9.83268px -1.82163px 0px, rgb(247, 247, 247) 9.96542px -0.830894px 0px;
}
.obake_secound .text_01 {
  background-color: #89F2FA;
  box-shadow: 0 15px #EE49B2;
  width: 872px;
  height: 224px;
  border-radius: 80px;
  position: absolute;
  top: 1020px; /* 丸の下あたりに配置 */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.obake_secound .p1 {
  text-align: center;
  text-shadow: rgb(247, 247, 247) 7px 0px 0px, rgb(247, 247, 247) 6.92869px 0.996602px 0px, rgb(247, 247, 247) 6.71622px 1.9729px 0px, rgb(247, 247, 247) 6.36692px 2.909px 0px, rgb(247, 247, 247) 5.8879px 3.78584px 0px, rgb(247, 247, 247) 5.28893px 4.58555px 0px, rgb(247, 247, 247) 4.5822px 5.29183px 0px, rgb(247, 247, 247) 3.78212px 5.8903px 0px, rgb(247, 247, 247) 2.90498px 6.36876px 0px, rgb(247, 247, 247) 1.96865px 6.71747px 0px, rgb(247, 247, 247) 0.992221px 6.92932px 0px, rgb(247, 247, 247) -0.00442571px 7px 0px, rgb(247, 247, 247) -1.00098px 6.92806px 0px, rgb(247, 247, 247) -1.97715px 6.71498px 0px, rgb(247, 247, 247) -2.91303px 6.36508px 0px, rgb(247, 247, 247) -3.78956px 5.88551px 0px, rgb(247, 247, 247) -4.58889px 5.28603px 0px, rgb(247, 247, 247) -5.29472px 4.57885px 0px, rgb(247, 247, 247) -5.89269px 3.77839px 0px, rgb(247, 247, 247) -6.3706px 2.90095px 0px, rgb(247, 247, 247) -6.71871px 1.96441px 0px, rgb(247, 247, 247) -6.92995px 0.98784px 0px, rgb(247, 247, 247) -6.99999px -0.00885142px 0px, rgb(247, 247, 247) -6.92743px -1.00536px 0px, rgb(247, 247, 247) -6.71372px -1.98139px 0px, rgb(247, 247, 247) -6.36324px -2.91705px 0px, rgb(247, 247, 247) -5.88311px -3.79328px 0px, rgb(247, 247, 247) -5.28313px -4.59223px 0px, rgb(247, 247, 247) -4.57551px -5.29762px 0px, rgb(247, 247, 247) -3.77467px -5.89507px 0px, rgb(247, 247, 247) -2.89692px -6.37243px 0px, rgb(247, 247, 247) -1.96016px -6.71995px 0px, rgb(247, 247, 247) -0.983458px -6.93057px 0px, rgb(247, 247, 247) 0.0132771px -6.99999px 0px, rgb(247, 247, 247) 1.00974px -6.92679px 0px, rgb(247, 247, 247) 1.98564px -6.71247px 0px, rgb(247, 247, 247) 2.92107px -6.36139px 0px, rgb(247, 247, 247) 3.797px -5.88071px 0px, rgb(247, 247, 247) 4.59557px -5.28022px 0px, rgb(247, 247, 247) 5.30051px -4.57215px 0px, rgb(247, 247, 247) 5.89746px -3.77094px 0px, rgb(247, 247, 247) 6.37426px -2.89289px 0px, rgb(247, 247, 247) 6.72119px -1.95591px 0px, rgb(247, 247, 247) 6.93119px -0.979076px 0px;
}
.obake_secound .blue{
  z-index: 10;
  position: absolute;
  left: -130px;
  pointer-events: none
}
.obake_secound .purple{
  z-index: 10;
  position: absolute;
  right: -100px;
  pointer-events: none
}
.obake_secound .pink_topLeft{
  z-index: 10;
  position: absolute;
  left: -80px;
  top: -60px;
  pointer-events: none
}
.obake_secound .green_topRight{
  z-index: 10;
  position: absolute;
  right: -80px;
  top: -60px;
  pointer-events: none
}
.obake_secound .pink_bottomLeft{
  z-index: 10;
  position: absolute;
  right: -80px;
  top: 110px;
  pointer-events: none
}
.obake_secound .green_bottomRight{
  z-index: 10;
  position: absolute;
  left: -80px;
  top: 120px;
  pointer-events: none
}


/* 3rdセクションだよ*/
.obake_third{
    background-color: #FCF2FC;
    display: flex;
    flex-direction: column;
    /* padding: 00px 30px 00px 30px    */
}
.obake_third .box01{
  margin-top: 200px;
  width: 100%;
  height: 1385px;
  background-color: #E2D5FF;
  box-shadow: 0 50px #CFFFF3;
  border-radius: 150px;
  position: relative; /* 基準にする */
}
.obake_third .box01_inner01{
  background-image: url(../img/Common/decoration_pink.webp);
  background-size: 35%;
  background-color: #FCF2FC;
  width: 788px;
  height: 788px;
  border-radius: 50%;
  position: absolute;
  top: 200px; /* box01内での位置 */
  left: 50%;
  transform: translateX(-50%);
  
  display: flex; /* 円の中で中央配置 */
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.obake_third .yuruobake_anime{
  width: 80%;
  height: auto;
}
.obake_third .name_01 {
  display: flex;
  background-color: #8953FF;
  width: 816px;
  height: 136px;
  border-radius: 120px;
  position: absolute;
  top: 150px; /* 丸にかぶせる位置 */
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.obake_third h2 {
  color: #8953FF;
  text-shadow: rgb(247, 247, 247) 10px 0px 0px, rgb(247, 247, 247) 9.95004px 0.998334px 0px, rgb(247, 247, 247) 9.80067px 1.98669px 0px, rgb(247, 247, 247) 9.55336px 2.9552px 0px, rgb(247, 247, 247) 9.21061px 3.89418px 0px, rgb(247, 247, 247) 8.77583px 4.79426px 0px, rgb(247, 247, 247) 8.25336px 5.64642px 0px, rgb(247, 247, 247) 7.64842px 6.44218px 0px, rgb(247, 247, 247) 6.96707px 7.17356px 0px, rgb(247, 247, 247) 6.2161px 7.83327px 0px, rgb(247, 247, 247) 5.40302px 8.41471px 0px, rgb(247, 247, 247) 4.53596px 8.91207px 0px, rgb(247, 247, 247) 3.62358px 9.32039px 0px, rgb(247, 247, 247) 2.67499px 9.63558px 0px, rgb(247, 247, 247) 1.69967px 9.8545px 0px, rgb(247, 247, 247) 0.707372px 9.97495px 0px, rgb(247, 247, 247) -0.291995px 9.99574px 0px, rgb(247, 247, 247) -1.28844px 9.91665px 0px, rgb(247, 247, 247) -2.27202px 9.73848px 0px, rgb(247, 247, 247) -3.2329px 9.463px 0px, rgb(247, 247, 247) -4.16147px 9.09297px 0px, rgb(247, 247, 247) -5.04846px 8.63209px 0px, rgb(247, 247, 247) -5.88501px 8.08496px 0px, rgb(247, 247, 247) -6.66276px 7.45705px 0px, rgb(247, 247, 247) -7.37394px 6.75463px 0px, rgb(247, 247, 247) -8.01144px 5.98472px 0px, rgb(247, 247, 247) -8.56889px 5.15501px 0px, rgb(247, 247, 247) -9.04072px 4.2738px 0px, rgb(247, 247, 247) -9.42222px 3.34988px 0px, rgb(247, 247, 247) -9.70958px 2.39249px 0px, rgb(247, 247, 247) -9.89993px 1.4112px 0px, rgb(247, 247, 247) -9.99135px 0.415807px 0px, rgb(247, 247, 247) -9.98295px -0.583741px 0px, rgb(247, 247, 247) -9.8748px -1.57746px 0px, rgb(247, 247, 247) -9.66798px -2.55541px 0px, rgb(247, 247, 247) -9.36457px -3.50783px 0px, rgb(247, 247, 247) -8.96758px -4.4252px 0px, rgb(247, 247, 247) -8.481px -5.29836px 0px, rgb(247, 247, 247) -7.90968px -6.11858px 0px, rgb(247, 247, 247) -7.25932px -6.87766px 0px, rgb(247, 247, 247) -6.53644px -7.56803px 0px, rgb(247, 247, 247) -5.74824px -8.18277px 0px, rgb(247, 247, 247) -4.90261px -8.71576px 0px, rgb(247, 247, 247) -4.00799px -9.16166px 0px, rgb(247, 247, 247) -3.07333px -9.51602px 0px, rgb(247, 247, 247) -2.10796px -9.7753px 0px, rgb(247, 247, 247) -1.12153px -9.93691px 0px, rgb(247, 247, 247) -0.123887px -9.99923px 0px, rgb(247, 247, 247) 0.87499px -9.96165px 0px, rgb(247, 247, 247) 1.86512px -9.82453px 0px, rgb(247, 247, 247) 2.83662px -9.58924px 0px, rgb(247, 247, 247) 3.77978px -9.25815px 0px, rgb(247, 247, 247) 4.68517px -8.83455px 0px, rgb(247, 247, 247) 5.54374px -8.32267px 0px, rgb(247, 247, 247) 6.34693px -7.72764px 0px, rgb(247, 247, 247) 7.0867px -7.0554px 0px, rgb(247, 247, 247) 7.75566px -6.31267px 0px, rgb(247, 247, 247) 8.34713px -5.50686px 0px, rgb(247, 247, 247) 8.8552px -4.64602px 0px, rgb(247, 247, 247) 9.27478px -3.73877px 0px, rgb(247, 247, 247) 9.6017px -2.79415px 0px, rgb(247, 247, 247) 9.83268px -1.82163px 0px, rgb(247, 247, 247) 9.96542px -0.830894px 0px;
}
.obake_third .text_01 {
  background-color: #F7F7F7;
  box-shadow: 0 15px #8953FF;
  width: 872px;
  height: 224px;
  border-radius: 80px;
  position: absolute;
  top: 1020px; /* 丸の下あたりに配置 */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.obake_third .p1 {
  text-align: center;
}

.obake_third .green{
  z-index: 10;
  position: absolute;
  left: -130px;
  pointer-events: none
}
.obake_third .pink{
  z-index: 10;
  position: absolute;
  right: -130px;
  pointer-events: none
}
.obake_third .purple_topLeft{
  z-index: 10;
  position: absolute;
  left: -80px;
  top: -60px;
  pointer-events: none
}
.obake_third .green_topRight{
  z-index: 10;
  position: absolute;
  right: -80px;
  top: -60px;
  pointer-events: none
}
.obake_third .purple_bottomLeft{
  z-index: 10;
  position: absolute;
  right: -80px;
  top: 110px;
  pointer-events: none
}
.obake_third .green_bottomRight{
  z-index: 10;
  position: absolute;
  left: -80px;
  top: 120px;
  pointer-events: none
}


/* 4thセクションだよ*/
.obake_fourth{
    background-color: #FCF2FC;
    display: flex;
    flex-direction: column;
    /* padding: 0 30px 0 30px */
}
.obake_fourth .box01{
  margin-top: 200px;
  width: 100%;
  height: 1385px;
  position: relative; /* 基準にする */
}
.obake_fourth .box01_inner01{
  background-image: url(../img/Common/decoration_green.webp);
  background-size: 30%;
  background-color: #CFFFF3;
  width: 788px;
  height: 788px;
  border-radius: 50%;
  position: absolute;
  top: 200px; /* box01内での位置 */
  left: 50%;
  transform: translateX(-50%);
  
  display: flex; /* 円の中で中央配置 */
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.obake_fourth .yuruobake_anime{
  width: 80%;
  height: auto;
}
.obake_fourth .name_01{
  display: flex;
  background-color: #00FFBB;
  width: 816px;
  height: 136px;
  border-radius: 120px;
  position: absolute;
  top: 150px; /* 丸にかぶせる位置 */
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.obake_fourth h2 {
  color: #24DDAC;
  text-shadow: rgb(247, 247, 247) 10px 0px 0px, rgb(247, 247, 247) 9.95004px 0.998334px 0px, rgb(247, 247, 247) 9.80067px 1.98669px 0px, rgb(247, 247, 247) 9.55336px 2.9552px 0px, rgb(247, 247, 247) 9.21061px 3.89418px 0px, rgb(247, 247, 247) 8.77583px 4.79426px 0px, rgb(247, 247, 247) 8.25336px 5.64642px 0px, rgb(247, 247, 247) 7.64842px 6.44218px 0px, rgb(247, 247, 247) 6.96707px 7.17356px 0px, rgb(247, 247, 247) 6.2161px 7.83327px 0px, rgb(247, 247, 247) 5.40302px 8.41471px 0px, rgb(247, 247, 247) 4.53596px 8.91207px 0px, rgb(247, 247, 247) 3.62358px 9.32039px 0px, rgb(247, 247, 247) 2.67499px 9.63558px 0px, rgb(247, 247, 247) 1.69967px 9.8545px 0px, rgb(247, 247, 247) 0.707372px 9.97495px 0px, rgb(247, 247, 247) -0.291995px 9.99574px 0px, rgb(247, 247, 247) -1.28844px 9.91665px 0px, rgb(247, 247, 247) -2.27202px 9.73848px 0px, rgb(247, 247, 247) -3.2329px 9.463px 0px, rgb(247, 247, 247) -4.16147px 9.09297px 0px, rgb(247, 247, 247) -5.04846px 8.63209px 0px, rgb(247, 247, 247) -5.88501px 8.08496px 0px, rgb(247, 247, 247) -6.66276px 7.45705px 0px, rgb(247, 247, 247) -7.37394px 6.75463px 0px, rgb(247, 247, 247) -8.01144px 5.98472px 0px, rgb(247, 247, 247) -8.56889px 5.15501px 0px, rgb(247, 247, 247) -9.04072px 4.2738px 0px, rgb(247, 247, 247) -9.42222px 3.34988px 0px, rgb(247, 247, 247) -9.70958px 2.39249px 0px, rgb(247, 247, 247) -9.89993px 1.4112px 0px, rgb(247, 247, 247) -9.99135px 0.415807px 0px, rgb(247, 247, 247) -9.98295px -0.583741px 0px, rgb(247, 247, 247) -9.8748px -1.57746px 0px, rgb(247, 247, 247) -9.66798px -2.55541px 0px, rgb(247, 247, 247) -9.36457px -3.50783px 0px, rgb(247, 247, 247) -8.96758px -4.4252px 0px, rgb(247, 247, 247) -8.481px -5.29836px 0px, rgb(247, 247, 247) -7.90968px -6.11858px 0px, rgb(247, 247, 247) -7.25932px -6.87766px 0px, rgb(247, 247, 247) -6.53644px -7.56803px 0px, rgb(247, 247, 247) -5.74824px -8.18277px 0px, rgb(247, 247, 247) -4.90261px -8.71576px 0px, rgb(247, 247, 247) -4.00799px -9.16166px 0px, rgb(247, 247, 247) -3.07333px -9.51602px 0px, rgb(247, 247, 247) -2.10796px -9.7753px 0px, rgb(247, 247, 247) -1.12153px -9.93691px 0px, rgb(247, 247, 247) -0.123887px -9.99923px 0px, rgb(247, 247, 247) 0.87499px -9.96165px 0px, rgb(247, 247, 247) 1.86512px -9.82453px 0px, rgb(247, 247, 247) 2.83662px -9.58924px 0px, rgb(247, 247, 247) 3.77978px -9.25815px 0px, rgb(247, 247, 247) 4.68517px -8.83455px 0px, rgb(247, 247, 247) 5.54374px -8.32267px 0px, rgb(247, 247, 247) 6.34693px -7.72764px 0px, rgb(247, 247, 247) 7.0867px -7.0554px 0px, rgb(247, 247, 247) 7.75566px -6.31267px 0px, rgb(247, 247, 247) 8.34713px -5.50686px 0px, rgb(247, 247, 247) 8.8552px -4.64602px 0px, rgb(247, 247, 247) 9.27478px -3.73877px 0px, rgb(247, 247, 247) 9.6017px -2.79415px 0px, rgb(247, 247, 247) 9.83268px -1.82163px 0px, rgb(247, 247, 247) 9.96542px -0.830894px 0px;
}
.obake_fourth .text_01 {
  background-color: #00FFBB;
  box-shadow: 0 15px #8953FF;
  width: 872px;
  height: 224px;
  border-radius: 80px;
  position: absolute;
  top: 1020px; /* 丸の下あたりに配置 */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.obake_fourth .p1 {
  text-align: center;
  text-shadow: rgb(247, 247, 247) 7px 0px 0px, rgb(247, 247, 247) 6.92869px 0.996602px 0px, rgb(247, 247, 247) 6.71622px 1.9729px 0px, rgb(247, 247, 247) 6.36692px 2.909px 0px, rgb(247, 247, 247) 5.8879px 3.78584px 0px, rgb(247, 247, 247) 5.28893px 4.58555px 0px, rgb(247, 247, 247) 4.5822px 5.29183px 0px, rgb(247, 247, 247) 3.78212px 5.8903px 0px, rgb(247, 247, 247) 2.90498px 6.36876px 0px, rgb(247, 247, 247) 1.96865px 6.71747px 0px, rgb(247, 247, 247) 0.992221px 6.92932px 0px, rgb(247, 247, 247) -0.00442571px 7px 0px, rgb(247, 247, 247) -1.00098px 6.92806px 0px, rgb(247, 247, 247) -1.97715px 6.71498px 0px, rgb(247, 247, 247) -2.91303px 6.36508px 0px, rgb(247, 247, 247) -3.78956px 5.88551px 0px, rgb(247, 247, 247) -4.58889px 5.28603px 0px, rgb(247, 247, 247) -5.29472px 4.57885px 0px, rgb(247, 247, 247) -5.89269px 3.77839px 0px, rgb(247, 247, 247) -6.3706px 2.90095px 0px, rgb(247, 247, 247) -6.71871px 1.96441px 0px, rgb(247, 247, 247) -6.92995px 0.98784px 0px, rgb(247, 247, 247) -6.99999px -0.00885142px 0px, rgb(247, 247, 247) -6.92743px -1.00536px 0px, rgb(247, 247, 247) -6.71372px -1.98139px 0px, rgb(247, 247, 247) -6.36324px -2.91705px 0px, rgb(247, 247, 247) -5.88311px -3.79328px 0px, rgb(247, 247, 247) -5.28313px -4.59223px 0px, rgb(247, 247, 247) -4.57551px -5.29762px 0px, rgb(247, 247, 247) -3.77467px -5.89507px 0px, rgb(247, 247, 247) -2.89692px -6.37243px 0px, rgb(247, 247, 247) -1.96016px -6.71995px 0px, rgb(247, 247, 247) -0.983458px -6.93057px 0px, rgb(247, 247, 247) 0.0132771px -6.99999px 0px, rgb(247, 247, 247) 1.00974px -6.92679px 0px, rgb(247, 247, 247) 1.98564px -6.71247px 0px, rgb(247, 247, 247) 2.92107px -6.36139px 0px, rgb(247, 247, 247) 3.797px -5.88071px 0px, rgb(247, 247, 247) 4.59557px -5.28022px 0px, rgb(247, 247, 247) 5.30051px -4.57215px 0px, rgb(247, 247, 247) 5.89746px -3.77094px 0px, rgb(247, 247, 247) 6.37426px -2.89289px 0px, rgb(247, 247, 247) 6.72119px -1.95591px 0px, rgb(247, 247, 247) 6.93119px -0.979076px 0px;
}
.obake_fourth .pink{
  z-index: 10;
  position: absolute;
  left: -130px;
  pointer-events: none
}
.obake_fourth .blue{
  z-index: 10;
  position: absolute;
  right: -100px;
  pointer-events: none
}
.obake_fourth .pink_topLeft{
  z-index: 10;
  position: absolute;
  left: -80px;
  top: -60px;
  pointer-events: none
}
.obake_fourth .green_topRight{
  z-index: 10;
  position: absolute;
  right: -80px;
  top: -60px;
  pointer-events: none
}
.obake_fourth .pink_bottomLeft{
  z-index: 10;
  position: absolute;
  right: -80px;
  top: 110px;
  pointer-events: none
}
.obake_fourth .green_bottomRight{
  z-index: 10;
  position: absolute;
  left: -80px;
  top: 120px;
  pointer-events: none
}


/* 5thセクションだよ*/
.obake_fifth{
    background-color: #FCF2FC;
    display: flex;
    flex-direction: column;
}
.obake_fifth .box01{
  margin-bottom: 200px;
  margin-top: 200px;
  width: 100%;
  height: 1385px;
  background-color: #E2D5FF;
  background-image:url(../img/Common/decoration_pink.webp);
  background-size: 20%;
  box-shadow: 0 50px #CFFFF3;
  border-radius: 150px;
  position: relative; /* 基準にする */
}
.obake_fifth .box01_inner01{
  background-color: #FCF2FC;
  width: 788px;
  height: 788px;
  border-radius: 50%;
  position: absolute;
  top: 200px; /* box01内での位置 */
  left: 50%;
  transform: translateX(-50%);
  
  display: flex; /* 円の中で中央配置 */
  justify-content: center;
  align-items: center;
  z-index: 1;
  
}
.box01_inner01 .yuruobake_anime{
  width: 80%;
  height: auto;
}
.obake_fifth .name_01 {
  display: flex;
  background-color: #333;
  width: 816px;
  height: 136px;
  border-radius: 120px;
  position: absolute;
  top: 150px; /* 丸にかぶせる位置 */
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.obake_fifth h2 {
  color: #F7F7F7;
}
.obake_fifth .text_01 {
  background-color: #333;
  box-shadow: 0 15px #FF45BC;
  width: 872px;
  height: 224px;
  border-radius: 80px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 974px;
  display: flex;
  justify-content: center;
  align-items: center;

  background-color: #333;
  box-shadow: 0 15px #FF45BC;
  width: 872px;
  height: 224px;
  border-radius: 80px;
  position: absolute;
  top: 1020px; /* 丸の下あたりに配置 */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.obake_fifth .p1 {
  text-align: center;
  color: #F7F7F7;
}

.obake_fifth .hinotama01{
  z-index: 10;
  position: absolute;
  left: -80px;
  top: -170px;
  pointer-events: none
}
.obake_fifth .hinotama02{
  z-index: 10;
  position: absolute;
  right: -80px;
  top: -170px;
  pointer-events: none
}
.obake_fifth .hinotama03{
  z-index: 10;
  position: absolute;
  left: -50px;
  top: 30px;
  pointer-events: none
}
.obake_fifth .hinotama04{
  z-index: 10;
  position: absolute;
  right: -50px;
  top: 30px;
  pointer-events: none
}
.obake_fifth .hinotama05{
  z-index: 10;
  position: absolute;
  left: -110px;
  top: -40px;
  pointer-events: none
}
.obake_fifth .hinotama06{
  z-index: 10;
  position: absolute;
  right: -110px;
  top: -40px;
  pointer-events: none
}


/*--------------------------------- 
      ０４ー　おしらせページ
 ----------------------------------*/
/* 1stセクションだよ */
.osirase_first{
    background-color: #FCF2FC;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 11.6%;
}

.osirase_first .inner01{
    width: 100%;
    height: auto;
    position: relative;
}

.osirase_first .inner02{
    margin-top: 3.1%;
    position: absolute;
}

.osirase_first .inner02 h1{
    text-align: center;
    color: #FF45BC;
}

/* 2ndセクションだよ*/
.osirase_secound{
    width: 100%;
    background-color: #CFFFF3;
    border-radius: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5% 2.5% 10% 30px;
    box-shadow: 0px 50px 0px 0px #E2D5FF;
    position: relative;
    z-index: 10;
}

/* イベント1 */
.osirase_secound .inner01{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1200px;
  padding: 00% 2.5%;       
}

.osirase_secound .inner01 .box01{
  width: 1200px;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 100;
  margin-bottom: 5%;
}

.osirase_secound .inner01 h2{
  color: #f7f7f7;
  margin-right: 5%;
  text-shadow: rgb(255, 69, 188) 10px 0px 0px, rgb(255, 69, 188) 9.95004px 0.998334px 0px, rgb(255, 69, 188) 9.80067px 1.98669px 0px, rgb(255, 69, 188) 9.55336px 2.9552px 0px, rgb(255, 69, 188) 9.21061px 3.89418px 0px, rgb(255, 69, 188) 8.77583px 4.79426px 0px, rgb(255, 69, 188) 8.25336px 5.64642px 0px, rgb(255, 69, 188) 7.64842px 6.44218px 0px, rgb(255, 69, 188) 6.96707px 7.17356px 0px, rgb(255, 69, 188) 6.2161px 7.83327px 0px, rgb(255, 69, 188) 5.40302px 8.41471px 0px, rgb(255, 69, 188) 4.53596px 8.91207px 0px, rgb(255, 69, 188) 3.62358px 9.32039px 0px, rgb(255, 69, 188) 2.67499px 9.63558px 0px, rgb(255, 69, 188) 1.69967px 9.8545px 0px, rgb(255, 69, 188) 0.707372px 9.97495px 0px, rgb(255, 69, 188) -0.291995px 9.99574px 0px, rgb(255, 69, 188) -1.28844px 9.91665px 0px, rgb(255, 69, 188) -2.27202px 9.73848px 0px, rgb(255, 69, 188) -3.2329px 9.463px 0px, rgb(255, 69, 188) -4.16147px 9.09297px 0px, rgb(255, 69, 188) -5.04846px 8.63209px 0px, rgb(255, 69, 188) -5.88501px 8.08496px 0px, rgb(255, 69, 188) -6.66276px 7.45705px 0px, rgb(255, 69, 188) -7.37394px 6.75463px 0px, rgb(255, 69, 188) -8.01144px 5.98472px 0px, rgb(255, 69, 188) -8.56889px 5.15501px 0px, rgb(255, 69, 188) -9.04072px 4.2738px 0px, rgb(255, 69, 188) -9.42222px 3.34988px 0px, rgb(255, 69, 188) -9.70958px 2.39249px 0px, rgb(255, 69, 188) -9.89993px 1.4112px 0px, rgb(255, 69, 188) -9.99135px 0.415807px 0px, rgb(255, 69, 188) -9.98295px -0.583741px 0px, rgb(255, 69, 188) -9.8748px -1.57746px 0px, rgb(255, 69, 188) -9.66798px -2.55541px 0px, rgb(255, 69, 188) -9.36457px -3.50783px 0px, rgb(255, 69, 188) -8.96758px -4.4252px 0px, rgb(255, 69, 188) -8.481px -5.29836px 0px, rgb(255, 69, 188) -7.90968px -6.11858px 0px, rgb(255, 69, 188) -7.25932px -6.87766px 0px, rgb(255, 69, 188) -6.53644px -7.56803px 0px, rgb(255, 69, 188) -5.74824px -8.18277px 0px, rgb(255, 69, 188) -4.90261px -8.71576px 0px, rgb(255, 69, 188) -4.00799px -9.16166px 0px, rgb(255, 69, 188) -3.07333px -9.51602px 0px, rgb(255, 69, 188) -2.10796px -9.7753px 0px, rgb(255, 69, 188) -1.12153px -9.93691px 0px, rgb(255, 69, 188) -0.123887px -9.99923px 0px, rgb(255, 69, 188) 0.87499px -9.96165px 0px, rgb(255, 69, 188) 1.86512px -9.82453px 0px, rgb(255, 69, 188) 2.83662px -9.58924px 0px, rgb(255, 69, 188) 3.77978px -9.25815px 0px, rgb(255, 69, 188) 4.68517px -8.83455px 0px, rgb(255, 69, 188) 5.54374px -8.32267px 0px, rgb(255, 69, 188) 6.34693px -7.72764px 0px, rgb(255, 69, 188) 7.0867px -7.0554px 0px, rgb(255, 69, 188) 7.75566px -6.31267px 0px, rgb(255, 69, 188) 8.34713px -5.50686px 0px, rgb(255, 69, 188) 8.8552px -4.64602px 0px, rgb(255, 69, 188) 9.27478px -3.73877px 0px, rgb(255, 69, 188) 9.6017px -2.79415px 0px, rgb(255, 69, 188) 9.83268px -1.82163px 0px, rgb(255, 69, 188) 9.96542px -0.830894px 0px;
  position: relative;
  z-index: 100;
}

.osirase_secound .inner01 .box01_inner01{
  width: 15%;
  position: absolute;
  z-index: 20;
  top: -100px;
  left: -45px;
}

.osirase_secound .inner01 .box01_inner02{
  width: 11%;
  position: absolute;
  z-index: 10;
  top: -85px;
  left: 35px;
}

.osirase_secound .inner01 h3{
  color: #8953FF;
}

.osirase_secound .inner01 .box02{
  margin-bottom: 5%;
}

.osirase_secound .inner02{
  display: flex;
  align-items: center;
  width: 1200px;
  padding: 00% 2.5%;
  margin-bottom: 2.5%;
}

.osirase_secound .inner02 h3{
  color: #8953FF;
  margin-right: 2.5%;
}

.osirase_secound .inner03{
  display: flex;
  width: 1200px;
  padding: 00% 2.5%;
  margin-bottom: 7.5%;
}

.osirase_secound .inner03 h3{
  color: #8953FF;
  margin-right: 2.5%;
}


.osirase_secound .inner04{
  display: flex;
  justify-content: flex-end;
  width: 1200px;
  padding: 00% 2.5%;
  margin-bottom: 3.8%;
}

.osirase_secound .inner04 .box01{
  position: relative;
  z-index: 100;
  border-radius: 50px;
  margin-bottom: 3.8%;
}


.osirase_secound .inner04 .box01_inner{
  background-color: #E2D5FF;
  background-image:url(../img/Common/decoration_purple.webp);
  background-size: 25%;
  opacity: 0.8;
  width: 111.4%;
  height: 107%;
  border-radius: 50px;
  position: absolute;
  z-index: 10;
  right: 60.4%;
  top: -5%;
}


.osirase_secound .inner05{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 1200px;
  padding: 00% 2.5%;
  margin-bottom: 2.5%;
}

.osirase_secound .inner05 h3{
  color: #8953FF;
  margin-right: 2.5%;
}

.osirase_secound .inner06{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 1200px;
  padding: 00% 2.5%;
  margin-bottom: 2.5%;
}

.osirase_secound .inner06 h3{
  color: #8953FF;
  margin-right: 2.5%;
}

.osirase_secound .inner07{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 1200px;
  padding: 00% 2.5%;
  margin-bottom: 2.5%;
}

.osirase_secound .inner07 h3{
  color: #8953FF;
  margin-right: 2.5%;
}

.osirase_secound .p2{
  text-align: center;
  margin-bottom: 7.5%;
}

.osirase_secound_bg_pattern{
  height: 644px;
  background-image: url(../img/Common/bg_sozai_03.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;   /* 幅を指定（画像サイズに合わせて） */
  margin-top: -100px;            /* ← セクション4と"重ねる"ためにマイナスマージン */
  position: relative;
  z-index: 1;
}

/* イベント2 */
/* 3rdセクションだよ*/
.osirase_third{
    width: 100%;
    background-color: #E2D5FF;
    border-radius: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5% 2.5% 10% 30px;
    box-shadow: 0px 50px 0px 0px #E2D5FF;
    position: relative;
    z-index: 10;
    top: -100px;
}

.osirase_third .inner01{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1200px;
  padding: 00% 2.5%;        
  margin-bottom: 5%;
}


.osirase_third .inner01 .box01{
  width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;
  margin-bottom: 5%;
}

.osirase_third .inner01 h2{
  color: #f7f7f7;
  margin-right: 5%;
  text-shadow: rgb(255, 69, 188) 10px 0px 0px, rgb(255, 69, 188) 9.95004px 0.998334px 0px, rgb(255, 69, 188) 9.80067px 1.98669px 0px, rgb(255, 69, 188) 9.55336px 2.9552px 0px, rgb(255, 69, 188) 9.21061px 3.89418px 0px, rgb(255, 69, 188) 8.77583px 4.79426px 0px, rgb(255, 69, 188) 8.25336px 5.64642px 0px, rgb(255, 69, 188) 7.64842px 6.44218px 0px, rgb(255, 69, 188) 6.96707px 7.17356px 0px, rgb(255, 69, 188) 6.2161px 7.83327px 0px, rgb(255, 69, 188) 5.40302px 8.41471px 0px, rgb(255, 69, 188) 4.53596px 8.91207px 0px, rgb(255, 69, 188) 3.62358px 9.32039px 0px, rgb(255, 69, 188) 2.67499px 9.63558px 0px, rgb(255, 69, 188) 1.69967px 9.8545px 0px, rgb(255, 69, 188) 0.707372px 9.97495px 0px, rgb(255, 69, 188) -0.291995px 9.99574px 0px, rgb(255, 69, 188) -1.28844px 9.91665px 0px, rgb(255, 69, 188) -2.27202px 9.73848px 0px, rgb(255, 69, 188) -3.2329px 9.463px 0px, rgb(255, 69, 188) -4.16147px 9.09297px 0px, rgb(255, 69, 188) -5.04846px 8.63209px 0px, rgb(255, 69, 188) -5.88501px 8.08496px 0px, rgb(255, 69, 188) -6.66276px 7.45705px 0px, rgb(255, 69, 188) -7.37394px 6.75463px 0px, rgb(255, 69, 188) -8.01144px 5.98472px 0px, rgb(255, 69, 188) -8.56889px 5.15501px 0px, rgb(255, 69, 188) -9.04072px 4.2738px 0px, rgb(255, 69, 188) -9.42222px 3.34988px 0px, rgb(255, 69, 188) -9.70958px 2.39249px 0px, rgb(255, 69, 188) -9.89993px 1.4112px 0px, rgb(255, 69, 188) -9.99135px 0.415807px 0px, rgb(255, 69, 188) -9.98295px -0.583741px 0px, rgb(255, 69, 188) -9.8748px -1.57746px 0px, rgb(255, 69, 188) -9.66798px -2.55541px 0px, rgb(255, 69, 188) -9.36457px -3.50783px 0px, rgb(255, 69, 188) -8.96758px -4.4252px 0px, rgb(255, 69, 188) -8.481px -5.29836px 0px, rgb(255, 69, 188) -7.90968px -6.11858px 0px, rgb(255, 69, 188) -7.25932px -6.87766px 0px, rgb(255, 69, 188) -6.53644px -7.56803px 0px, rgb(255, 69, 188) -5.74824px -8.18277px 0px, rgb(255, 69, 188) -4.90261px -8.71576px 0px, rgb(255, 69, 188) -4.00799px -9.16166px 0px, rgb(255, 69, 188) -3.07333px -9.51602px 0px, rgb(255, 69, 188) -2.10796px -9.7753px 0px, rgb(255, 69, 188) -1.12153px -9.93691px 0px, rgb(255, 69, 188) -0.123887px -9.99923px 0px, rgb(255, 69, 188) 0.87499px -9.96165px 0px, rgb(255, 69, 188) 1.86512px -9.82453px 0px, rgb(255, 69, 188) 2.83662px -9.58924px 0px, rgb(255, 69, 188) 3.77978px -9.25815px 0px, rgb(255, 69, 188) 4.68517px -8.83455px 0px, rgb(255, 69, 188) 5.54374px -8.32267px 0px, rgb(255, 69, 188) 6.34693px -7.72764px 0px, rgb(255, 69, 188) 7.0867px -7.0554px 0px, rgb(255, 69, 188) 7.75566px -6.31267px 0px, rgb(255, 69, 188) 8.34713px -5.50686px 0px, rgb(255, 69, 188) 8.8552px -4.64602px 0px, rgb(255, 69, 188) 9.27478px -3.73877px 0px, rgb(255, 69, 188) 9.6017px -2.79415px 0px, rgb(255, 69, 188) 9.83268px -1.82163px 0px, rgb(255, 69, 188) 9.96542px -0.830894px 0px;
  position: relative;
  z-index: 100;
}

.osirase_third .inner01 .box01_inner01{
  width: 15%;
  position: absolute;
  z-index: 20;
  top: -100px;
  left: -45px;
}

.osirase_third .inner01 .box01_inner02{
  width: 11%;
  position: absolute;
  z-index: 10;
  top: -85px;
  left: 45px;
}

.osirase_third .inner01 h3{
  color: #8953FF;
}

.osirase_third .inner02{
  width: 1200px;
  padding: 00% 2.5%;
  margin-bottom: 5%;
}


.osirase_third .inner02 .p1{
  margin-bottom: 2.5%;
  text-align: center;

}

.osirase_third .inner03{
  display: flex;
  align-items: center;
  width: 1200px;
  padding: 00% 2.5%;
  margin-bottom: 3.8%;
}


.osirase_third .inner03 h3{
  color: #f7f7f7;
  text-shadow: rgb(137, 83, 255) 5px 0px 0px, rgb(137, 83, 255) 4.90033px 0.993347px 0px, rgb(137, 83, 255) 4.60531px 1.94709px 0px, rgb(137, 83, 255) 4.12668px 2.82321px 0px, rgb(137, 83, 255) 3.48353px 3.58678px 0px, rgb(137, 83, 255) 2.70151px 4.20736px 0px, rgb(137, 83, 255) 1.81179px 4.6602px 0px, rgb(137, 83, 255) 0.849836px 4.92725px 0px, rgb(137, 83, 255) -0.145998px 4.99787px 0px, rgb(137, 83, 255) -1.13601px 4.86924px 0px, rgb(137, 83, 255) -2.08073px 4.54649px 0px, rgb(137, 83, 255) -2.94251px 4.04248px 0px, rgb(137, 83, 255) -3.68697px 3.37732px 0px, rgb(137, 83, 255) -4.28444px 2.57751px 0px, rgb(137, 83, 255) -4.71111px 1.67494px 0px, rgb(137, 83, 255) -4.94996px 0.7056px 0px, rgb(137, 83, 255) -4.99147px -0.291871px 0px, rgb(137, 83, 255) -4.83399px -1.27771px 0px, rgb(137, 83, 255) -4.48379px -2.2126px 0px, rgb(137, 83, 255) -3.95484px -3.05929px 0px, rgb(137, 83, 255) -3.26822px -3.78401px 0px, rgb(137, 83, 255) -2.4513px -4.35788px 0px, rgb(137, 83, 255) -1.53666px -4.75801px 0px, rgb(137, 83, 255) -0.560763px -4.96845px 0px, rgb(137, 83, 255) 0.437495px -4.98082px 0px, rgb(137, 83, 255) 1.41831px -4.79462px 0px, rgb(137, 83, 255) 2.34258px -4.41727px 0px, rgb(137, 83, 255) 3.17346px -3.86382px 0px, rgb(137, 83, 255) 3.87783px -3.15633px 0px, rgb(137, 83, 255) 4.4276px -2.32301px 0px, rgb(137, 83, 255) 4.80085px -1.39708px 0px, rgb(137, 83, 255) 4.98271px -0.415447px 0px;
  margin-right: 2.5%;
}


.osirase_third .inner04{
  display: flex;
  width: 1200px;
  padding: 00% 2.5%;
  margin-bottom: 7.5%;
}

.osirase_third .inner04 h3{
  color: #f7f7f7;
  text-shadow: rgb(137, 83, 255) 5px 0px 0px, rgb(137, 83, 255) 4.90033px 0.993347px 0px, rgb(137, 83, 255) 4.60531px 1.94709px 0px, rgb(137, 83, 255) 4.12668px 2.82321px 0px, rgb(137, 83, 255) 3.48353px 3.58678px 0px, rgb(137, 83, 255) 2.70151px 4.20736px 0px, rgb(137, 83, 255) 1.81179px 4.6602px 0px, rgb(137, 83, 255) 0.849836px 4.92725px 0px, rgb(137, 83, 255) -0.145998px 4.99787px 0px, rgb(137, 83, 255) -1.13601px 4.86924px 0px, rgb(137, 83, 255) -2.08073px 4.54649px 0px, rgb(137, 83, 255) -2.94251px 4.04248px 0px, rgb(137, 83, 255) -3.68697px 3.37732px 0px, rgb(137, 83, 255) -4.28444px 2.57751px 0px, rgb(137, 83, 255) -4.71111px 1.67494px 0px, rgb(137, 83, 255) -4.94996px 0.7056px 0px, rgb(137, 83, 255) -4.99147px -0.291871px 0px, rgb(137, 83, 255) -4.83399px -1.27771px 0px, rgb(137, 83, 255) -4.48379px -2.2126px 0px, rgb(137, 83, 255) -3.95484px -3.05929px 0px, rgb(137, 83, 255) -3.26822px -3.78401px 0px, rgb(137, 83, 255) -2.4513px -4.35788px 0px, rgb(137, 83, 255) -1.53666px -4.75801px 0px, rgb(137, 83, 255) -0.560763px -4.96845px 0px, rgb(137, 83, 255) 0.437495px -4.98082px 0px, rgb(137, 83, 255) 1.41831px -4.79462px 0px, rgb(137, 83, 255) 2.34258px -4.41727px 0px, rgb(137, 83, 255) 3.17346px -3.86382px 0px, rgb(137, 83, 255) 3.87783px -3.15633px 0px, rgb(137, 83, 255) 4.4276px -2.32301px 0px, rgb(137, 83, 255) 4.80085px -1.39708px 0px, rgb(137, 83, 255) 4.98271px -0.415447px 0px;
  margin-right: 2.5%;
}

.osirase_third .inner05{
  display: flex;
  justify-content: flex-end;
  width: 1200px;
  padding: 00% 2.5%;
  margin-bottom: 3.8%;
}


.osirase_third .inner05 .box01{
  position: relative;
  z-index: 100;
  border-radius: 50px;
  margin-bottom: 7.5%;
}

.osirase_third .inner05 .box01_inner{
  background-color: #CFFFF3;
  background-image:url(../img/Common/decoration_green.webp);
  background-size: 30%;
  opacity: 0.8;
  width: 830px;
  height: 643px;
  border-radius: 50px;
  position: absolute;
  z-index: 10;
  right: 344px;
  top: -24px;
}

.osirase_third .inner05 .box02_inner{
  width: 85%;
  height: auto;
  position: absolute;
  z-index: 200;
  right: 600px;
  top: 30px;
  transform: rotate(-10deg);
}

.osirase_third .inner06{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 1200px;
  padding: 00% 2.5%;
  margin-bottom: 2.5%;
}

.osirase_third .inner06 h3{
  color: #f7f7f7;
  text-shadow: rgb(137, 83, 255) 5px 0px 0px, rgb(137, 83, 255) 4.90033px 0.993347px 0px, rgb(137, 83, 255) 4.60531px 1.94709px 0px, rgb(137, 83, 255) 4.12668px 2.82321px 0px, rgb(137, 83, 255) 3.48353px 3.58678px 0px, rgb(137, 83, 255) 2.70151px 4.20736px 0px, rgb(137, 83, 255) 1.81179px 4.6602px 0px, rgb(137, 83, 255) 0.849836px 4.92725px 0px, rgb(137, 83, 255) -0.145998px 4.99787px 0px, rgb(137, 83, 255) -1.13601px 4.86924px 0px, rgb(137, 83, 255) -2.08073px 4.54649px 0px, rgb(137, 83, 255) -2.94251px 4.04248px 0px, rgb(137, 83, 255) -3.68697px 3.37732px 0px, rgb(137, 83, 255) -4.28444px 2.57751px 0px, rgb(137, 83, 255) -4.71111px 1.67494px 0px, rgb(137, 83, 255) -4.94996px 0.7056px 0px, rgb(137, 83, 255) -4.99147px -0.291871px 0px, rgb(137, 83, 255) -4.83399px -1.27771px 0px, rgb(137, 83, 255) -4.48379px -2.2126px 0px, rgb(137, 83, 255) -3.95484px -3.05929px 0px, rgb(137, 83, 255) -3.26822px -3.78401px 0px, rgb(137, 83, 255) -2.4513px -4.35788px 0px, rgb(137, 83, 255) -1.53666px -4.75801px 0px, rgb(137, 83, 255) -0.560763px -4.96845px 0px, rgb(137, 83, 255) 0.437495px -4.98082px 0px, rgb(137, 83, 255) 1.41831px -4.79462px 0px, rgb(137, 83, 255) 2.34258px -4.41727px 0px, rgb(137, 83, 255) 3.17346px -3.86382px 0px, rgb(137, 83, 255) 3.87783px -3.15633px 0px, rgb(137, 83, 255) 4.4276px -2.32301px 0px, rgb(137, 83, 255) 4.80085px -1.39708px 0px, rgb(137, 83, 255) 4.98271px -0.415447px 0px;
  margin-right: 2.5%;
}

.osirase_third .inner07{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 1200px;
  padding: 00% 2.5%;
  margin-bottom: 2.5%;
}

.osirase_third .inner07 h3{
  color: #f7f7f7;
  text-shadow: rgb(137, 83, 255) 5px 0px 0px, rgb(137, 83, 255) 4.90033px 0.993347px 0px, rgb(137, 83, 255) 4.60531px 1.94709px 0px, rgb(137, 83, 255) 4.12668px 2.82321px 0px, rgb(137, 83, 255) 3.48353px 3.58678px 0px, rgb(137, 83, 255) 2.70151px 4.20736px 0px, rgb(137, 83, 255) 1.81179px 4.6602px 0px, rgb(137, 83, 255) 0.849836px 4.92725px 0px, rgb(137, 83, 255) -0.145998px 4.99787px 0px, rgb(137, 83, 255) -1.13601px 4.86924px 0px, rgb(137, 83, 255) -2.08073px 4.54649px 0px, rgb(137, 83, 255) -2.94251px 4.04248px 0px, rgb(137, 83, 255) -3.68697px 3.37732px 0px, rgb(137, 83, 255) -4.28444px 2.57751px 0px, rgb(137, 83, 255) -4.71111px 1.67494px 0px, rgb(137, 83, 255) -4.94996px 0.7056px 0px, rgb(137, 83, 255) -4.99147px -0.291871px 0px, rgb(137, 83, 255) -4.83399px -1.27771px 0px, rgb(137, 83, 255) -4.48379px -2.2126px 0px, rgb(137, 83, 255) -3.95484px -3.05929px 0px, rgb(137, 83, 255) -3.26822px -3.78401px 0px, rgb(137, 83, 255) -2.4513px -4.35788px 0px, rgb(137, 83, 255) -1.53666px -4.75801px 0px, rgb(137, 83, 255) -0.560763px -4.96845px 0px, rgb(137, 83, 255) 0.437495px -4.98082px 0px, rgb(137, 83, 255) 1.41831px -4.79462px 0px, rgb(137, 83, 255) 2.34258px -4.41727px 0px, rgb(137, 83, 255) 3.17346px -3.86382px 0px, rgb(137, 83, 255) 3.87783px -3.15633px 0px, rgb(137, 83, 255) 4.4276px -2.32301px 0px, rgb(137, 83, 255) 4.80085px -1.39708px 0px, rgb(137, 83, 255) 4.98271px -0.415447px 0px;
  margin-right: 2.5%;
}

.osirase_third .inner08{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 1200px;
  padding: 00% 2.5%;
  margin-bottom: 2.5%;
}

.osirase_third .inner08 h3{
  color: #f7f7f7;
  text-shadow: rgb(137, 83, 255) 5px 0px 0px, rgb(137, 83, 255) 4.90033px 0.993347px 0px, rgb(137, 83, 255) 4.60531px 1.94709px 0px, rgb(137, 83, 255) 4.12668px 2.82321px 0px, rgb(137, 83, 255) 3.48353px 3.58678px 0px, rgb(137, 83, 255) 2.70151px 4.20736px 0px, rgb(137, 83, 255) 1.81179px 4.6602px 0px, rgb(137, 83, 255) 0.849836px 4.92725px 0px, rgb(137, 83, 255) -0.145998px 4.99787px 0px, rgb(137, 83, 255) -1.13601px 4.86924px 0px, rgb(137, 83, 255) -2.08073px 4.54649px 0px, rgb(137, 83, 255) -2.94251px 4.04248px 0px, rgb(137, 83, 255) -3.68697px 3.37732px 0px, rgb(137, 83, 255) -4.28444px 2.57751px 0px, rgb(137, 83, 255) -4.71111px 1.67494px 0px, rgb(137, 83, 255) -4.94996px 0.7056px 0px, rgb(137, 83, 255) -4.99147px -0.291871px 0px, rgb(137, 83, 255) -4.83399px -1.27771px 0px, rgb(137, 83, 255) -4.48379px -2.2126px 0px, rgb(137, 83, 255) -3.95484px -3.05929px 0px, rgb(137, 83, 255) -3.26822px -3.78401px 0px, rgb(137, 83, 255) -2.4513px -4.35788px 0px, rgb(137, 83, 255) -1.53666px -4.75801px 0px, rgb(137, 83, 255) -0.560763px -4.96845px 0px, rgb(137, 83, 255) 0.437495px -4.98082px 0px, rgb(137, 83, 255) 1.41831px -4.79462px 0px, rgb(137, 83, 255) 2.34258px -4.41727px 0px, rgb(137, 83, 255) 3.17346px -3.86382px 0px, rgb(137, 83, 255) 3.87783px -3.15633px 0px, rgb(137, 83, 255) 4.4276px -2.32301px 0px, rgb(137, 83, 255) 4.80085px -1.39708px 0px, rgb(137, 83, 255) 4.98271px -0.415447px 0px;
  margin-right: 2.5%;
}

.osirase_third_bg_pattern{
  height: 544px;
  background-image: url(../img/Common/bg_sozai_03.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;   /* 幅を指定（画像サイズに合わせて） */
  margin-top: -100px;            /* ← セクション4と"重ねる"ためにマイナスマージン */
  position: relative;
  z-index: 1;
}

/* 4thセクションだよ*/
.osirase_fourth{
    width: 100%;
    background-color: #CFFFF3;
    border-radius: 150px 150px 150px 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5% 0% 0% 0%;
    position: relative;
    z-index: 10;
    top: -100px;
}

.osirase_fourth .inner01{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1200px;
  padding: 00% 2.5%;        
  margin-bottom: 5%;
  position: relative;
  z-index: 100;
  
}

.osirase_fourth .inner01 .box01{
  width: 1200px;
  display: flex;
  justify-content: center;
  margin-bottom: 5%;
}

.osirase_fourth .inner01 h2{
  color: #f7f7f7;
  margin-right: 5%;
  text-shadow: rgb(255, 69, 188) 10px 0px 0px, rgb(255, 69, 188) 9.95004px 0.998334px 0px, rgb(255, 69, 188) 9.80067px 1.98669px 0px, rgb(255, 69, 188) 9.55336px 2.9552px 0px, rgb(255, 69, 188) 9.21061px 3.89418px 0px, rgb(255, 69, 188) 8.77583px 4.79426px 0px, rgb(255, 69, 188) 8.25336px 5.64642px 0px, rgb(255, 69, 188) 7.64842px 6.44218px 0px, rgb(255, 69, 188) 6.96707px 7.17356px 0px, rgb(255, 69, 188) 6.2161px 7.83327px 0px, rgb(255, 69, 188) 5.40302px 8.41471px 0px, rgb(255, 69, 188) 4.53596px 8.91207px 0px, rgb(255, 69, 188) 3.62358px 9.32039px 0px, rgb(255, 69, 188) 2.67499px 9.63558px 0px, rgb(255, 69, 188) 1.69967px 9.8545px 0px, rgb(255, 69, 188) 0.707372px 9.97495px 0px, rgb(255, 69, 188) -0.291995px 9.99574px 0px, rgb(255, 69, 188) -1.28844px 9.91665px 0px, rgb(255, 69, 188) -2.27202px 9.73848px 0px, rgb(255, 69, 188) -3.2329px 9.463px 0px, rgb(255, 69, 188) -4.16147px 9.09297px 0px, rgb(255, 69, 188) -5.04846px 8.63209px 0px, rgb(255, 69, 188) -5.88501px 8.08496px 0px, rgb(255, 69, 188) -6.66276px 7.45705px 0px, rgb(255, 69, 188) -7.37394px 6.75463px 0px, rgb(255, 69, 188) -8.01144px 5.98472px 0px, rgb(255, 69, 188) -8.56889px 5.15501px 0px, rgb(255, 69, 188) -9.04072px 4.2738px 0px, rgb(255, 69, 188) -9.42222px 3.34988px 0px, rgb(255, 69, 188) -9.70958px 2.39249px 0px, rgb(255, 69, 188) -9.89993px 1.4112px 0px, rgb(255, 69, 188) -9.99135px 0.415807px 0px, rgb(255, 69, 188) -9.98295px -0.583741px 0px, rgb(255, 69, 188) -9.8748px -1.57746px 0px, rgb(255, 69, 188) -9.66798px -2.55541px 0px, rgb(255, 69, 188) -9.36457px -3.50783px 0px, rgb(255, 69, 188) -8.96758px -4.4252px 0px, rgb(255, 69, 188) -8.481px -5.29836px 0px, rgb(255, 69, 188) -7.90968px -6.11858px 0px, rgb(255, 69, 188) -7.25932px -6.87766px 0px, rgb(255, 69, 188) -6.53644px -7.56803px 0px, rgb(255, 69, 188) -5.74824px -8.18277px 0px, rgb(255, 69, 188) -4.90261px -8.71576px 0px, rgb(255, 69, 188) -4.00799px -9.16166px 0px, rgb(255, 69, 188) -3.07333px -9.51602px 0px, rgb(255, 69, 188) -2.10796px -9.7753px 0px, rgb(255, 69, 188) -1.12153px -9.93691px 0px, rgb(255, 69, 188) -0.123887px -9.99923px 0px, rgb(255, 69, 188) 0.87499px -9.96165px 0px, rgb(255, 69, 188) 1.86512px -9.82453px 0px, rgb(255, 69, 188) 2.83662px -9.58924px 0px, rgb(255, 69, 188) 3.77978px -9.25815px 0px, rgb(255, 69, 188) 4.68517px -8.83455px 0px, rgb(255, 69, 188) 5.54374px -8.32267px 0px, rgb(255, 69, 188) 6.34693px -7.72764px 0px, rgb(255, 69, 188) 7.0867px -7.0554px 0px, rgb(255, 69, 188) 7.75566px -6.31267px 0px, rgb(255, 69, 188) 8.34713px -5.50686px 0px, rgb(255, 69, 188) 8.8552px -4.64602px 0px, rgb(255, 69, 188) 9.27478px -3.73877px 0px, rgb(255, 69, 188) 9.6017px -2.79415px 0px, rgb(255, 69, 188) 9.83268px -1.82163px 0px, rgb(255, 69, 188) 9.96542px -0.830894px 0px;
  position: relative;
  z-index: 100;
}

.osirase_fourth .inner01 .box01_inner01{
  width: 15%;
  position: absolute;
  z-index: 20;
  top: -100px;
  left: -45px;

}

.osirase_fourth .inner01 .box01_inner02{
  width: 11%;
  position: absolute;
  z-index: 10;
  top: -85px;
  left: 45px;
}

.osirase_fourth .inner01 h3{
  color: #8953FF;
}

.osirase_fourth .inner02{
  width: 1200px;
  padding: 00% 2.5%;
  margin-bottom: 5%;
}


.osirase_fourth .inner02 .p1{
  margin-bottom: 5%;
  text-align: center;

}

.osirase_fourth .inner02 .p2{
  margin-bottom: 5%;
  text-align: center;

}

.osirase_fourth .inner02 .color .p1{
  color: #FF45BC;
  text-align: center;

}

/* 5thセクションだよ*/
.osirase_fifth{
    width: 100%;
    background-color: #E2D5FF;
    border-radius: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10% 2.5% 10% 2.5%;
    position: relative;
    z-index: 100;
    top:75%;
}


.osirase_fifth .inner01{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1200px;
  padding: 00% 2.5%;        
  margin-bottom: 5%;
}

.osirase_fifth .inner01 .box01{
  position: relative;
  z-index: 100;
}

.osirase_fifth .inner01 h2{
  width: 1200px;
  color: #F7F7F7;
  text-align: center;
}

.osirase_fifth .inner01 .box01_inner01{
  width: 20%;
  position: absolute;
  z-index: 10;
  top: -100px;
  left: 50px;
  transform: scale(-1, 1);
}

.osirase_fifth .inner01 .box01_inner02{
  width: 20%;
  position: absolute;
  z-index: 10;
  top: -100px;
  left: 848px;
}

.osirase_fifth .inner02{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 1200px;
  padding: 00% 2.5%;
  margin-bottom: 3.8%;
}

.osirase_fifth  .goods{
  margin-right: 3.8%;
}

.osirase_fifth  .goods img{
  border-radius: 23px;
}

.osirase_fifth .text{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.osirase_fifth  .text h2{
  color: #8953FF;
  text-shadow: rgb(247, 247, 247) 10px 0px 0px, rgb(247, 247, 247) 9.95004px 0.998334px 0px, rgb(247, 247, 247) 9.80067px 1.98669px 0px, rgb(247, 247, 247) 9.55336px 2.9552px 0px, rgb(247, 247, 247) 9.21061px 3.89418px 0px, rgb(247, 247, 247) 8.77583px 4.79426px 0px, rgb(247, 247, 247) 8.25336px 5.64642px 0px, rgb(247, 247, 247) 7.64842px 6.44218px 0px, rgb(247, 247, 247) 6.96707px 7.17356px 0px, rgb(247, 247, 247) 6.2161px 7.83327px 0px, rgb(247, 247, 247) 5.40302px 8.41471px 0px, rgb(247, 247, 247) 4.53596px 8.91207px 0px, rgb(247, 247, 247) 3.62358px 9.32039px 0px, rgb(247, 247, 247) 2.67499px 9.63558px 0px, rgb(247, 247, 247) 1.69967px 9.8545px 0px, rgb(247, 247, 247) 0.707372px 9.97495px 0px, rgb(247, 247, 247) -0.291995px 9.99574px 0px, rgb(247, 247, 247) -1.28844px 9.91665px 0px, rgb(247, 247, 247) -2.27202px 9.73848px 0px, rgb(247, 247, 247) -3.2329px 9.463px 0px, rgb(247, 247, 247) -4.16147px 9.09297px 0px, rgb(247, 247, 247) -5.04846px 8.63209px 0px, rgb(247, 247, 247) -5.88501px 8.08496px 0px, rgb(247, 247, 247) -6.66276px 7.45705px 0px, rgb(247, 247, 247) -7.37394px 6.75463px 0px, rgb(247, 247, 247) -8.01144px 5.98472px 0px, rgb(247, 247, 247) -8.56889px 5.15501px 0px, rgb(247, 247, 247) -9.04072px 4.2738px 0px, rgb(247, 247, 247) -9.42222px 3.34988px 0px, rgb(247, 247, 247) -9.70958px 2.39249px 0px, rgb(247, 247, 247) -9.89993px 1.4112px 0px, rgb(247, 247, 247) -9.99135px 0.415807px 0px, rgb(247, 247, 247) -9.98295px -0.583741px 0px, rgb(247, 247, 247) -9.8748px -1.57746px 0px, rgb(247, 247, 247) -9.66798px -2.55541px 0px, rgb(247, 247, 247) -9.36457px -3.50783px 0px, rgb(247, 247, 247) -8.96758px -4.4252px 0px, rgb(247, 247, 247) -8.481px -5.29836px 0px, rgb(247, 247, 247) -7.90968px -6.11858px 0px, rgb(247, 247, 247) -7.25932px -6.87766px 0px, rgb(247, 247, 247) -6.53644px -7.56803px 0px, rgb(247, 247, 247) -5.74824px -8.18277px 0px, rgb(247, 247, 247) -4.90261px -8.71576px 0px, rgb(247, 247, 247) -4.00799px -9.16166px 0px, rgb(247, 247, 247) -3.07333px -9.51602px 0px, rgb(247, 247, 247) -2.10796px -9.7753px 0px, rgb(247, 247, 247) -1.12153px -9.93691px 0px, rgb(247, 247, 247) -0.123887px -9.99923px 0px, rgb(247, 247, 247) 0.87499px -9.96165px 0px, rgb(247, 247, 247) 1.86512px -9.82453px 0px, rgb(247, 247, 247) 2.83662px -9.58924px 0px, rgb(247, 247, 247) 3.77978px -9.25815px 0px, rgb(247, 247, 247) 4.68517px -8.83455px 0px, rgb(247, 247, 247) 5.54374px -8.32267px 0px, rgb(247, 247, 247) 6.34693px -7.72764px 0px, rgb(247, 247, 247) 7.0867px -7.0554px 0px, rgb(247, 247, 247) 7.75566px -6.31267px 0px, rgb(247, 247, 247) 8.34713px -5.50686px 0px, rgb(247, 247, 247) 8.8552px -4.64602px 0px, rgb(247, 247, 247) 9.27478px -3.73877px 0px, rgb(247, 247, 247) 9.6017px -2.79415px 0px, rgb(247, 247, 247) 9.83268px -1.82162px 0px, rgb(247, 247, 247) 9.96542px -0.830894px 0px;
  margin-bottom: 3.8%;
}

.osirase_fifth  .text .p1{
  text-align: start;
}

.osirase_fifth .inner03{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1200px;
  padding: 10% 2.5% 5% 2.5%;

}

.osirase_fifth .inner03 .box01{
  position: relative;
  z-index: 100;
}

.osirase_fifth .inner03 h3{
  color: #f7f7f7;
  text-shadow: rgb(255, 69, 188) 7px 0px 0px, rgb(255, 69, 188) 6.92869px 0.996602px 0px, rgb(255, 69, 188) 6.71622px 1.9729px 0px, rgb(255, 69, 188) 6.36692px 2.909px 0px, rgb(255, 69, 188) 5.8879px 3.78584px 0px, rgb(255, 69, 188) 5.28893px 4.58555px 0px, rgb(255, 69, 188) 4.5822px 5.29183px 0px, rgb(255, 69, 188) 3.78212px 5.8903px 0px, rgb(255, 69, 188) 2.90498px 6.36876px 0px, rgb(255, 69, 188) 1.96865px 6.71747px 0px, rgb(255, 69, 188) 0.992221px 6.92932px 0px, rgb(255, 69, 188) -0.00442571px 7px 0px, rgb(255, 69, 188) -1.00098px 6.92806px 0px, rgb(255, 69, 188) -1.97715px 6.71498px 0px, rgb(255, 69, 188) -2.91303px 6.36508px 0px, rgb(255, 69, 188) -3.78956px 5.88551px 0px, rgb(255, 69, 188) -4.58889px 5.28603px 0px, rgb(255, 69, 188) -5.29472px 4.57885px 0px, rgb(255, 69, 188) -5.89269px 3.77839px 0px, rgb(255, 69, 188) -6.3706px 2.90095px 0px, rgb(255, 69, 188) -6.71871px 1.96441px 0px, rgb(255, 69, 188) -6.92995px 0.98784px 0px, rgb(255, 69, 188) -6.99999px -0.00885142px 0px, rgb(255, 69, 188) -6.92743px -1.00536px 0px, rgb(255, 69, 188) -6.71372px -1.98139px 0px, rgb(255, 69, 188) -6.36324px -2.91705px 0px, rgb(255, 69, 188) -5.88311px -3.79328px 0px, rgb(255, 69, 188) -5.28313px -4.59223px 0px, rgb(255, 69, 188) -4.57551px -5.29762px 0px, rgb(255, 69, 188) -3.77467px -5.89507px 0px, rgb(255, 69, 188) -2.89692px -6.37243px 0px, rgb(255, 69, 188) -1.96016px -6.71995px 0px, rgb(255, 69, 188) -0.983458px -6.93057px 0px, rgb(255, 69, 188) 0.0132771px -6.99999px 0px, rgb(255, 69, 188) 1.00974px -6.92679px 0px, rgb(255, 69, 188) 1.98564px -6.71247px 0px, rgb(255, 69, 188) 2.92107px -6.36139px 0px, rgb(255, 69, 188) 3.797px -5.88071px 0px, rgb(255, 69, 188) 4.59557px -5.28022px 0px, rgb(255, 69, 188) 5.30051px -4.57215px 0px, rgb(255, 69, 188) 5.89746px -3.77094px 0px, rgb(255, 69, 188) 6.37426px -2.89289px 0px, rgb(255, 69, 188) 6.72119px -1.95591px 0px, rgb(255, 69, 188) 6.93119px -0.979076px 0px;
  text-align: center;
  position: relative;
  z-index: 100;
}

.osirase_fifth .inner03 .box01_inner01{
  width: 15%;
  position: absolute;
  z-index: 10;
  top: 140px;
  left: 950px;
}

.osirase_fifth .inner03 .box01_inner02{
  width: 16%;
  position: absolute;
  z-index: 10;
  top: 120px;
  right: 950px;
}

.osirase_fifth .inner03 .box01_inner03{
  width: 15%;
  position: absolute;
  z-index: 10;
  top: -13px;
  right: 933px;
}

.osirase_fifth .inner03 .box01_inner04{
  width: 11%;
  position: absolute;
  z-index: 10;
  top: -13px;
  left: 933px;
}

.osirase_end_bg_pattern{
  height: 422px;
  background-image: url(../img/Common/bg_sozai_03.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;   /* 幅を指定（画像サイズに合わせて） */
  margin-top: -200px;            /* ← セクション4と"重ねる"ためにマイナスマージン */
  position: relative;
  z-index: 1;
}





/*------------------------------- 
      ０5ーみんなのゆるオバケけんきゅう
 ----------------------------------*/
/* 1stセクションだよ */
.kenkyu_first{
    background-color: #FCF2FC;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 11.6%;
}

.kenkyu_first .inner01{
    width: 100%;
    height: auto;
    position: relative;
}

.kenkyu_first .inner02{
    margin-top: 3.1%;
    position: absolute;
}

.kenkyu_first .inner02 h1{
    text-align: center;
    color: #FF45BC;
}

/* 2ndセクションだよ*/
.kenkyu_secound{
    background-color: #89F2FA;
    border-radius: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.1% 1.55% 6.2% 1.55%;
    /* margin-bottom: 11.6%; */
    position: relative;
    z-index: 10;
}

.kenkyu_secound h1{
  color: #00C8D7;
  text-shadow: rgb(247, 247, 247) 10px 0px 0px, rgb(247, 247, 247) 9.95004px 0.998334px 0px, rgb(247, 247, 247) 9.80067px 1.98669px 0px, rgb(247, 247, 247) 9.55336px 2.9552px 0px, rgb(247, 247, 247) 9.21061px 3.89418px 0px, rgb(247, 247, 247) 8.77583px 4.79426px 0px, rgb(247, 247, 247) 8.25336px 5.64642px 0px, rgb(247, 247, 247) 7.64842px 6.44218px 0px, rgb(247, 247, 247) 6.96707px 7.17356px 0px, rgb(247, 247, 247) 6.2161px 7.83327px 0px, rgb(247, 247, 247) 5.40302px 8.41471px 0px, rgb(247, 247, 247) 4.53596px 8.91207px 0px, rgb(247, 247, 247) 3.62358px 9.32039px 0px, rgb(247, 247, 247) 2.67499px 9.63558px 0px, rgb(247, 247, 247) 1.69967px 9.8545px 0px, rgb(247, 247, 247) 0.707372px 9.97495px 0px, rgb(247, 247, 247) -0.291995px 9.99574px 0px, rgb(247, 247, 247) -1.28844px 9.91665px 0px, rgb(247, 247, 247) -2.27202px 9.73848px 0px, rgb(247, 247, 247) -3.2329px 9.463px 0px, rgb(247, 247, 247) -4.16147px 9.09297px 0px, rgb(247, 247, 247) -5.04846px 8.63209px 0px, rgb(247, 247, 247) -5.88501px 8.08496px 0px, rgb(247, 247, 247) -6.66276px 7.45705px 0px, rgb(247, 247, 247) -7.37394px 6.75463px 0px, rgb(247, 247, 247) -8.01144px 5.98472px 0px, rgb(247, 247, 247) -8.56889px 5.15501px 0px, rgb(247, 247, 247) -9.04072px 4.2738px 0px, rgb(247, 247, 247) -9.42222px 3.34988px 0px, rgb(247, 247, 247) -9.70958px 2.39249px 0px, rgb(247, 247, 247) -9.89993px 1.4112px 0px, rgb(247, 247, 247) -9.99135px 0.415807px 0px, rgb(247, 247, 247) -9.98295px -0.583741px 0px, rgb(247, 247, 247) -9.8748px -1.57746px 0px, rgb(247, 247, 247) -9.66798px -2.55541px 0px, rgb(247, 247, 247) -9.36457px -3.50783px 0px, rgb(247, 247, 247) -8.96758px -4.4252px 0px, rgb(247, 247, 247) -8.481px -5.29836px 0px, rgb(247, 247, 247) -7.90968px -6.11858px 0px, rgb(247, 247, 247) -7.25932px -6.87766px 0px, rgb(247, 247, 247) -6.53644px -7.56803px 0px, rgb(247, 247, 247) -5.74824px -8.18277px 0px, rgb(247, 247, 247) -4.90261px -8.71576px 0px, rgb(247, 247, 247) -4.00799px -9.16166px 0px, rgb(247, 247, 247) -3.07333px -9.51602px 0px, rgb(247, 247, 247) -2.10796px -9.7753px 0px, rgb(247, 247, 247) -1.12153px -9.93691px 0px, rgb(247, 247, 247) -0.123887px -9.99923px 0px, rgb(247, 247, 247) 0.87499px -9.96165px 0px, rgb(247, 247, 247) 1.86512px -9.82453px 0px, rgb(247, 247, 247) 2.83662px -9.58924px 0px, rgb(247, 247, 247) 3.77978px -9.25815px 0px, rgb(247, 247, 247) 4.68517px -8.83455px 0px, rgb(247, 247, 247) 5.54374px -8.32267px 0px, rgb(247, 247, 247) 6.34693px -7.72764px 0px, rgb(247, 247, 247) 7.0867px -7.0554px 0px, rgb(247, 247, 247) 7.75566px -6.31267px 0px, rgb(247, 247, 247) 8.34713px -5.50686px 0px, rgb(247, 247, 247) 8.8552px -4.64602px 0px, rgb(247, 247, 247) 9.27478px -3.73877px 0px, rgb(247, 247, 247) 9.6017px -2.79415px 0px, rgb(247, 247, 247) 9.83268px -1.82163px 0px, rgb(247, 247, 247) 9.96542px -0.830894px 0px;
  margin-bottom: 5%;
}


/* スライダーだよ */
.swiper {
  /*スライダーの幅と高さを調整*/
  border-radius: 50px;
  width: 100%;
  height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.swiper-slide {
  /*スライド要素の幅と高さを調整*/
  width: 100%;
  height: 100%;

  /*テキストの位置調整*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  /*テキストの色と太さを指定*/
  color: #f7f7f7;
  font-weight: bold;
}

.swiper-slide .p1{
    color: #F7F7F7;
}

/*各スライドの背景色の設定*/
.slide1 {
  background-color: #88acbd;
}

.slide2 {
  background-color: #99cb1f;
}

.slide3 {
  background-color: #e43a47;
}

.slide4 {
  background-color: #00FFBB;
}

.slide5 {
  background-color: #ff2eb3;      
}

.secound_bg_pattern{
  height: 544px;
  background-image: url(../img/Common/bg_sozai_03.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;   /* 幅を指定（画像サイズに合わせて） */
  margin-top: -100px;            /* ← セクション4と"重ねる"ためにマイナスマージン */
  position: relative;
  z-index: 1;
}


/* 3rdセクションだよ*/
.kenkyu_third{
    width: 100%;
    background-color: #CFFFF3;
    border-radius: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.1% 1.55% 6.2% 1.55%;
    /* margin-bottom: 14.2%; */
    box-shadow: 0px 50px 0px 0px #E2D5FF;
    border-radius: 150px;
    position: relative;
    z-index: 10;
    top: -100px;
}

.kenkyu_third .inner .box01{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 10;
}

.kenkyu_third .inner .box01 .box01_inner01{
    width: 20%;
    position: absolute;
    z-index: 5;
    top: -100px;
    left: -20px;
}

.kenkyu_third .inner .box01 .box01_inner02{
    width: 18%;
    position: absolute;
    z-index: 5;
    top: -80px;
    right: 10px;
}

.kenkyu_third .inner h2{
  color: #f7f7f7;
  text-shadow: rgb(137, 83, 255) 10px 0px 0px, rgb(137, 83, 255) 9.95004px 0.998334px 0px, rgb(137, 83, 255) 9.80067px 1.98669px 0px, rgb(137, 83, 255) 9.55336px 2.9552px 0px, rgb(137, 83, 255) 9.21061px 3.89418px 0px, rgb(137, 83, 255) 8.77583px 4.79426px 0px, rgb(137, 83, 255) 8.25336px 5.64642px 0px, rgb(137, 83, 255) 7.64842px 6.44218px 0px, rgb(137, 83, 255) 6.96707px 7.17356px 0px, rgb(137, 83, 255) 6.2161px 7.83327px 0px, rgb(137, 83, 255) 5.40302px 8.41471px 0px, rgb(137, 83, 255) 4.53596px 8.91207px 0px, rgb(137, 83, 255) 3.62358px 9.32039px 0px, rgb(137, 83, 255) 2.67499px 9.63558px 0px, rgb(137, 83, 255) 1.69967px 9.8545px 0px, rgb(137, 83, 255) 0.707372px 9.97495px 0px, rgb(137, 83, 255) -0.291995px 9.99574px 0px, rgb(137, 83, 255) -1.28844px 9.91665px 0px, rgb(137, 83, 255) -2.27202px 9.73848px 0px, rgb(137, 83, 255) -3.2329px 9.463px 0px, rgb(137, 83, 255) -4.16147px 9.09297px 0px, rgb(137, 83, 255) -5.04846px 8.63209px 0px, rgb(137, 83, 255) -5.88501px 8.08496px 0px, rgb(137, 83, 255) -6.66276px 7.45705px 0px, rgb(137, 83, 255) -7.37394px 6.75463px 0px, rgb(137, 83, 255) -8.01144px 5.98472px 0px, rgb(137, 83, 255) -8.56889px 5.15501px 0px, rgb(137, 83, 255) -9.04072px 4.2738px 0px, rgb(137, 83, 255) -9.42222px 3.34988px 0px, rgb(137, 83, 255) -9.70958px 2.39249px 0px, rgb(137, 83, 255) -9.89993px 1.4112px 0px, rgb(137, 83, 255) -9.99135px 0.415807px 0px, rgb(137, 83, 255) -9.98295px -0.583741px 0px, rgb(137, 83, 255) -9.8748px -1.57746px 0px, rgb(137, 83, 255) -9.66798px -2.55541px 0px, rgb(137, 83, 255) -9.36457px -3.50783px 0px, rgb(137, 83, 255) -8.96758px -4.4252px 0px, rgb(137, 83, 255) -8.481px -5.29836px 0px, rgb(137, 83, 255) -7.90968px -6.11858px 0px, rgb(137, 83, 255) -7.25932px -6.87766px 0px, rgb(137, 83, 255) -6.53644px -7.56803px 0px, rgb(137, 83, 255) -5.74824px -8.18277px 0px, rgb(137, 83, 255) -4.90261px -8.71576px 0px, rgb(137, 83, 255) -4.00799px -9.16166px 0px, rgb(137, 83, 255) -3.07333px -9.51602px 0px, rgb(137, 83, 255) -2.10796px -9.7753px 0px, rgb(137, 83, 255) -1.12153px -9.93691px 0px, rgb(137, 83, 255) -0.123887px -9.99923px 0px, rgb(137, 83, 255) 0.87499px -9.96165px 0px, rgb(137, 83, 255) 1.86512px -9.82453px 0px, rgb(137, 83, 255) 2.83662px -9.58924px 0px, rgb(137, 83, 255) 3.77978px -9.25815px 0px, rgb(137, 83, 255) 4.68517px -8.83455px 0px, rgb(137, 83, 255) 5.54374px -8.32267px 0px, rgb(137, 83, 255) 6.34693px -7.72764px 0px, rgb(137, 83, 255) 7.0867px -7.0554px 0px, rgb(137, 83, 255) 7.75566px -6.31267px 0px, rgb(137, 83, 255) 8.34713px -5.50686px 0px, rgb(137, 83, 255) 8.8552px -4.64602px 0px, rgb(137, 83, 255) 9.27478px -3.73877px 0px, rgb(137, 83, 255) 9.6017px -2.79415px 0px, rgb(137, 83, 255) 9.83268px -1.82163px 0px, rgb(137, 83, 255) 9.96542px -0.830894px 0px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 5%;
  position: relative;
  z-index: 10;
}

.kenkyu_third .inner h3{
  color: #FF45BC;
  text-align: center;
  margin-bottom: 9%;
}

.kenkyu_third .inner .p1{
  text-align: center;
  margin-bottom: 3.8%;
}

.kenkyu_third .inner .text_end{
  color: #FF45BC;
  text-align: center;
  margin-top: 108px;
  margin-bottom: 5%;
}

.third_bg_pattern{
  height: 844px;
  background-image: url(../img/Common/bg_sozai_03.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;   /* 幅を指定（画像サイズに合わせて） */
  margin-top: -100px;            /* ← セクション4と"重ねる"ためにマイナスマージン */
  position: relative;
  z-index: 1;
}

/* 4thセクションだよ*/
.kenkyu_fourth{
    width: 100%;
    border: 10px solid #FF45BC;
    background-image: linear-gradient(transparent, #ff45bc80 79%, #ff45bc);
    border-radius: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.1% 1.55% 6.2% 1.55%;
    /* margin-bottom: 14.2%; */
    border-radius: 150px;
    position: relative;
    z-index: 10;
    top: -400px;
}

.kenkyu_fourth .inner .box01{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 5.1%;
  position: relative;
  z-index: 10;
}

.kenkyu_fourth .inner .box01 .box01_inner01{
    width: 22%;
    position: absolute;
    z-index: 5;
    top: -120px;
    left: 250px;
}

.kenkyu_fourth .inner .box01 .box01_inner02{
    width: 20%;
    position: absolute;
    z-index: 5;
    top: -100px;
    right: 200px;
}

.kenkyu_fourth .inner h2{
  color: #f7f7f7;
  text-align: center;
  text-shadow: rgb(255, 69, 188) 10px 0px 0px, rgb(255, 69, 188) 9.95004px 0.998334px 0px, rgb(255, 69, 188) 9.80067px 1.98669px 0px, rgb(255, 69, 188) 9.55336px 2.9552px 0px, rgb(255, 69, 188) 9.21061px 3.89418px 0px, rgb(255, 69, 188) 8.77583px 4.79426px 0px, rgb(255, 69, 188) 8.25336px 5.64642px 0px, rgb(255, 69, 188) 7.64842px 6.44218px 0px, rgb(255, 69, 188) 6.96707px 7.17356px 0px, rgb(255, 69, 188) 6.2161px 7.83327px 0px, rgb(255, 69, 188) 5.40302px 8.41471px 0px, rgb(255, 69, 188) 4.53596px 8.91207px 0px, rgb(255, 69, 188) 3.62358px 9.32039px 0px, rgb(255, 69, 188) 2.67499px 9.63558px 0px, rgb(255, 69, 188) 1.69967px 9.8545px 0px, rgb(255, 69, 188) 0.707372px 9.97495px 0px, rgb(255, 69, 188) -0.291995px 9.99574px 0px, rgb(255, 69, 188) -1.28844px 9.91665px 0px, rgb(255, 69, 188) -2.27202px 9.73848px 0px, rgb(255, 69, 188) -3.2329px 9.463px 0px, rgb(255, 69, 188) -4.16147px 9.09297px 0px, rgb(255, 69, 188) -5.04846px 8.63209px 0px, rgb(255, 69, 188) -5.88501px 8.08496px 0px, rgb(255, 69, 188) -6.66276px 7.45705px 0px, rgb(255, 69, 188) -7.37394px 6.75463px 0px, rgb(255, 69, 188) -8.01144px 5.98472px 0px, rgb(255, 69, 188) -8.56889px 5.15501px 0px, rgb(255, 69, 188) -9.04072px 4.2738px 0px, rgb(255, 69, 188) -9.42222px 3.34988px 0px, rgb(255, 69, 188) -9.70958px 2.39249px 0px, rgb(255, 69, 188) -9.89993px 1.4112px 0px, rgb(255, 69, 188) -9.99135px 0.415807px 0px, rgb(255, 69, 188) -9.98295px -0.583741px 0px, rgb(255, 69, 188) -9.8748px -1.57746px 0px, rgb(255, 69, 188) -9.66798px -2.55541px 0px, rgb(255, 69, 188) -9.36457px -3.50783px 0px, rgb(255, 69, 188) -8.96758px -4.4252px 0px, rgb(255, 69, 188) -8.481px -5.29836px 0px, rgb(255, 69, 188) -7.90968px -6.11858px 0px, rgb(255, 69, 188) -7.25932px -6.87766px 0px, rgb(255, 69, 188) -6.53644px -7.56803px 0px, rgb(255, 69, 188) -5.74824px -8.18277px 0px, rgb(255, 69, 188) -4.90261px -8.71576px 0px, rgb(255, 69, 188) -4.00799px -9.16166px 0px, rgb(255, 69, 188) -3.07333px -9.51602px 0px, rgb(255, 69, 188) -2.10796px -9.7753px 0px, rgb(255, 69, 188) -1.12153px -9.93691px 0px, rgb(255, 69, 188) -0.123887px -9.99923px 0px, rgb(255, 69, 188) 0.87499px -9.96165px 0px, rgb(255, 69, 188) 1.86512px -9.82453px 0px, rgb(255, 69, 188) 2.83662px -9.58924px 0px, rgb(255, 69, 188) 3.77978px -9.25815px 0px, rgb(255, 69, 188) 4.68517px -8.83455px 0px, rgb(255, 69, 188) 5.54374px -8.32267px 0px, rgb(255, 69, 188) 6.34693px -7.72764px 0px, rgb(255, 69, 188) 7.0867px -7.0554px 0px, rgb(255, 69, 188) 7.75566px -6.31267px 0px, rgb(255, 69, 188) 8.34713px -5.50686px 0px, rgb(255, 69, 188) 8.8552px -4.64602px 0px, rgb(255, 69, 188) 9.27478px -3.73877px 0px, rgb(255, 69, 188) 9.6017px -2.79415px 0px, rgb(255, 69, 188) 9.83268px -1.82163px 0px, rgb(255, 69, 188) 9.96542px -0.830894px 0px;
  margin-bottom: 3.8%;
  position: relative;
  z-index: 10;
}


.kenkyu_fourth .inner ol{
    margin: 0 auto;
    padding: 0% 1.7%;
}

.kenkyu_fourth .inner li{
    color: #333333;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 30px;
    font-weight: 900;
    font-style: normal;
    text-shadow: rgb(247, 247, 247) 5px 0px 0px, rgb(247, 247, 247) 4.90033px 0.993347px 0px, rgb(247, 247, 247) 4.60531px 1.94709px 0px, rgb(247, 247, 247) 4.12668px 2.82321px 0px, rgb(247, 247, 247) 3.48353px 3.58678px 0px, rgb(247, 247, 247) 2.70151px 4.20735px 0px, rgb(247, 247, 247) 1.81179px 4.6602px 0px, rgb(247, 247, 247) 0.849836px 4.92725px 0px, rgb(247, 247, 247) -0.145998px 4.99787px 0px, rgb(247, 247, 247) -1.13601px 4.86924px 0px, rgb(247, 247, 247) -2.08073px 4.54649px 0px, rgb(247, 247, 247) -2.94251px 4.04248px 0px, rgb(247, 247, 247) -3.68697px 3.37732px 0px, rgb(247, 247, 247) -4.28444px 2.57751px 0px, rgb(247, 247, 247) -4.71111px 1.67494px 0px, rgb(247, 247, 247) -4.94996px 0.7056px 0px, rgb(247, 247, 247) -4.99147px -0.291871px 0px, rgb(247, 247, 247) -4.83399px -1.27771px 0px, rgb(247, 247, 247) -4.48379px -2.2126px 0px, rgb(247, 247, 247) -3.95484px -3.05929px 0px, rgb(247, 247, 247) -3.26822px -3.78401px 0px, rgb(247, 247, 247) -2.4513px -4.35788px 0px, rgb(247, 247, 247) -1.53666px -4.75801px 0px, rgb(247, 247, 247) -0.560763px -4.96846px 0px, rgb(247, 247, 247) 0.437495px -4.98082px 0px, rgb(247, 247, 247) 1.41831px -4.79462px 0px, rgb(247, 247, 247) 2.34258px -4.41727px 0px, rgb(247, 247, 247) 3.17346px -3.86382px 0px, rgb(247, 247, 247) 3.87783px -3.15633px 0px, rgb(247, 247, 247) 4.4276px -2.32301px 0px, rgb(247, 247, 247) 4.80085px -1.39708px 0px, rgb(247, 247, 247) 4.98271px -0.415447px 0px;
    padding: 0% 1.7%;
    margin-bottom: 30px;
}

.end_bg_pattern{
  height: 444px;
  background-image: url(../img/Common/bg_sozai_03.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;   /* 幅を指定（画像サイズに合わせて） */
  margin-top: -500px;            /* ← セクション4と"重ねる"ためにマイナスマージン */
  position: relative;
  z-index: 1;
}





/*------------------------------- 
      ０６ーゆるオバケしんだん ページ
 ----------------------------------*/


#quiz-container {
  background-color: #fcf2fc;
  padding: 0px 0px;
}


/* タイトル・説明文 */

.shindan_header01 {
  background-image: url(../img/Common/title_kumo.webp);
  background-size: cover;          
  background-repeat: no-repeat;    
  background-position: center;   
  width: 100%;
  height: 500px;   
  padding-top: 160px;  
  margin-bottom: 100px; 
  display: flex;
  justify-content: center;      
}
.shindan_header01 h1{
 color: #FF45BC;
 text-shadow: 5px 5px 0 #8953FF;

}

.shindan_header02 h2,
.shindan_header02 h3 {
  margin: 10px 0; 
  text-align: center;                
}

.shindan_header02 h2{
  color: #f7f7f7;
  text-shadow: rgb(137, 83, 255) 5px 0px 0px, rgb(137, 83, 255) 4.90033px 0.993347px 0px, rgb(137, 83, 255) 4.60531px 1.94709px 0px, rgb(137, 83, 255) 4.12668px 2.82321px 0px, rgb(137, 83, 255) 3.48353px 3.58678px 0px, rgb(137, 83, 255) 2.70151px 4.20736px 0px, rgb(137, 83, 255) 1.81179px 4.6602px 0px, rgb(137, 83, 255) 0.849836px 4.92725px 0px, rgb(137, 83, 255) -0.145998px 4.99787px 0px, rgb(137, 83, 255) -1.13601px 4.86924px 0px, rgb(137, 83, 255) -2.08073px 4.54649px 0px, rgb(137, 83, 255) -2.94251px 4.04248px 0px, rgb(137, 83, 255) -3.68697px 3.37732px 0px, rgb(137, 83, 255) -4.28444px 2.57751px 0px, rgb(137, 83, 255) -4.71111px 1.67494px 0px, rgb(137, 83, 255) -4.94996px 0.7056px 0px, rgb(137, 83, 255) -4.99147px -0.291871px 0px, rgb(137, 83, 255) -4.83399px -1.27771px 0px, rgb(137, 83, 255) -4.48379px -2.2126px 0px, rgb(137, 83, 255) -3.95484px -3.05929px 0px, rgb(137, 83, 255) -3.26822px -3.78401px 0px, rgb(137, 83, 255) -2.4513px -4.35788px 0px, rgb(137, 83, 255) -1.53666px -4.75801px 0px, rgb(137, 83, 255) -0.560763px -4.96845px 0px, rgb(137, 83, 255) 0.437495px -4.98082px 0px, rgb(137, 83, 255) 1.41831px -4.79462px 0px, rgb(137, 83, 255) 2.34258px -4.41727px 0px, rgb(137, 83, 255) 3.17346px -3.86382px 0px, rgb(137, 83, 255) 3.87783px -3.15633px 0px, rgb(137, 83, 255) 4.4276px -2.32301px 0px, rgb(137, 83, 255) 4.80085px -1.39708px 0px, rgb(137, 83, 255) 4.98271px -0.415447px 0px;
}

.shindan_header02 .highlight {
  color: #89F2FA;  /* お好きな色に変更 */
  font-weight: bold; /* オプション：太字にも */
}

.shindan_header02{
  background-color: #E2D5FF;     /* 背景色（お好みで） */
  border-radius: 100px;           /* ← 角丸 */
  padding: 40px 20px;            /* 内側余白 */
  width: 100%;                    /* 横幅（%でもpxでもOK） */
  margin: 40px auto 0;           /* ← 中央寄せ（autoがミソ） */
  text-align: center;   
}



/* 質問 */

.question {
  display: none;
  margin-top: 100px;
  margin-bottom: 40px;
  text-align: center;     

}
.question-title {
  padding-bottom: 30px;     
}
.question-title img{
  padding-bottom: 20px;     
}
.question-title h2{
  text-align: center;     
}
.question.active {
  display: block;
}

.choices {
  display: flex;
  justify-content: center;
  gap: -20px;
  margin-top: 20px;
}

.choice {
  position: relative;
  width: 45%;
  aspect-ratio: 1 / 1;
  padding: 0;
  border: none;
  background: none;
}

.choice-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;           
  max-width: 80%;      
  text-align: center !important;    
  color: #F7F7F7;
  z-index: 1;
  pointer-events: none;
}
.choice img {
  width: 80%;
  height: 80%;
  object-fit: contain;   
}

.choice-text01{
 font-size: 55px;
 text-align: center;
}

.choices h2,
.choice h3{
  color: #f7f7f7;
}



/* 結果表示 */

#result {
  margin: 0 auto;  
  padding: 0 30px;        /* 内側余白 */
  background-color: #fcf2fc; /* 薄い背景色 */
  text-align: center;  
  align-items: center;
}

#result.hidden {
  display: none;
}

#result img {
  max-width:650px;
}
#result .kekka_title{
  background-color: #00FFBB;     /* 背景色（お好みで） */
  border-radius: 100px;           /* ← 角丸 */
  padding: 40px 20px;            /* 内側余白 */
  width: 1000px;                    /* 横幅（%でもpxでもOK） */
  margin: auto 0;           /* ← 中央寄せ（autoがミソ） */ 


  color: #8953FF;
  text-shadow: rgb(247, 247, 247) 11px 0px 0px, rgb(247, 247, 247) 10.9546px 0.998623px 0px, rgb(247, 247, 247) 10.8187px 1.989px 0px, rgb(247, 247, 247) 10.5934px 2.96295px 0px, rgb(247, 247, 247) 10.2807px 3.91243px 0px, rgb(247, 247, 247) 9.88307px 4.82959px 0px, rgb(247, 247, 247) 9.40381px 5.70687px 0px, rgb(247, 247, 247) 8.84688px 6.53702px 0px, rgb(247, 247, 247) 8.21689px 7.31318px 0px, rgb(247, 247, 247) 7.51904px 8.02895px 0px, rgb(247, 247, 247) 6.7591px 8.6784px 0px, rgb(247, 247, 247) 5.94333px 9.25618px 0px, rgb(247, 247, 247) 5.07847px 9.75752px 0px, rgb(247, 247, 247) 4.17167px 10.1783px 0px, rgb(247, 247, 247) 3.23042px 10.515px 0px, rgb(247, 247, 247) 2.2625px 10.7648px 0px, rgb(247, 247, 247) 1.27588px 10.9258px 0px, rgb(247, 247, 247) 0.27873px 10.9965px 0px, rgb(247, 247, 247) -0.720724px 10.9764px 0px, rgb(247, 247, 247) -1.71422px 10.8656px 0px, rgb(247, 247, 247) -2.69357px 10.6651px 0px, rgb(247, 247, 247) -3.65067px 10.3765px 0px, rgb(247, 247, 247) -4.57762px 10.0023px 0px, rgb(247, 247, 247) -5.46676px 9.54539px 0px, rgb(247, 247, 247) -6.31075px 9.00968px 0px, rgb(247, 247, 247) -7.10263px 8.39956px 0px, rgb(247, 247, 247) -7.83584px 7.72008px 0px, rgb(247, 247, 247) -8.50434px 6.97683px 0px, rgb(247, 247, 247) -9.10261px 6.17596px 0px, rgb(247, 247, 247) -9.6257px 5.32409px 0px, rgb(247, 247, 247) -10.0693px 4.42824px 0px, rgb(247, 247, 247) -10.4297px 3.49583px 0px, rgb(247, 247, 247) -10.704px 2.53454px 0px, rgb(247, 247, 247) -10.8899px 1.55232px 0px, rgb(247, 247, 247) -10.9859px 0.557281px 0px, rgb(247, 247, 247) -10.9911px -0.442362px 0px, rgb(247, 247, 247) -10.9056px -1.43835px 0px, rgb(247, 247, 247) -10.7299px -2.42246px 0px, rgb(247, 247, 247) -10.4657px -3.38656px 0px, rgb(247, 247, 247) -10.1151px -4.3227px 0px, rgb(247, 247, 247) -9.68085px -5.22313px 0px, rgb(247, 247, 247) -9.1667px -6.08043px 0px, rgb(247, 247, 247) -8.57684px -6.88751px 0px, rgb(247, 247, 247) -7.91615px -7.63771px 0px, rgb(247, 247, 247) -7.19008px -8.32483px 0px, rgb(247, 247, 247) -6.40463px -8.94319px 0px, rgb(247, 247, 247) -5.56628px -9.4877px 0px, rgb(247, 247, 247) -4.68197px -9.95385px 0px, rgb(247, 247, 247) -3.75898px -10.3378px 0px, rgb(247, 247, 247) -2.80496px -10.6364px 0px, rgb(247, 247, 247) -1.82776px -10.8471px 0px, rgb(247, 247, 247) -0.835473px -10.9682px 0px, rgb(247, 247, 247) 0.163715px -10.9988px 0px, rgb(247, 247, 247) 1.16155px -10.9385px 0px, rgb(247, 247, 247) 2.1498px -10.7879px 0px, rgb(247, 247, 247) 3.12028px -10.5482px 0px, rgb(247, 247, 247) 4.065px -10.2213px 0px, rgb(247, 247, 247) 4.97615px -9.81009px 0px, rgb(247, 247, 247) 5.8462px -9.31783px 0px, rgb(247, 247, 247) 6.66797px -8.74861px 0px, rgb(247, 247, 247) 7.43467px -8.10714px 0px, rgb(247, 247, 247) 8.13996px -7.39871px 0px, rgb(247, 247, 247) 8.77804px -6.62918px 0px, rgb(247, 247, 247) 9.34361px -5.80491px 0px, rgb(247, 247, 247) 9.83202px -4.93268px 0px, rgb(247, 247, 247) 10.2392px -4.01973px 0px, rgb(247, 247, 247) 10.5619px -3.07357px 0px, rgb(247, 247, 247) 10.7973px -2.10203px 0px, rgb(247, 247, 247) 10.9435px -1.11313px 0px, rgb(247, 247, 247) 10.9994px -0.115036px 0px;
}

.kekka_wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: fit-content; */
}

.decoration {
  position: relative;
  z-index: 2;
}

.decoration.left {
    transform: rotate(0deg) translateY(15px);
   margin-right: -200px; 
}

.decoration.right {
  transform: rotate(5deg) translateY(10px);   

  margin-left: -240px;  
}

#result h2{
  margin-top: 100px;
  text-align: center;  
  align-items: center;
}
#result h1{
   text-align: center;  
   align-items: center;
  

}

#result-text {
    color: #333333;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 30px;
    font-weight: 900;
    font-style: normal;
    line-height: 58px;

     background-color: #F7F7F7;     /* 背景色（お好みで） */
     border-radius: 80px;           /* ← 角丸 */
     border: 6px solid #FF45BC;
    padding: 50px;            

    max-width: 1000px;           /* ← テキスト幅を適度に制限 */
    text-align: left; 
    box-sizing: border-box;
    
}

.result_kekka{
  display: flex;
  justify-content: center;     
  align-items: center;  
  margin: 40px auto;          
  /* flex-wrap: wrap;    */
   align-items: center;  
   max-width: 1400px;
    padding: 0 50px;  
    box-sizing: border-box; 
}

.result_kekka .img03{
  padding-top: 50px;
  padding-bottom: 30px;
}


#result-image {
  max-width: 700px;           /* ← 適当に画像サイズ制限したほうが崩れづらい */
  height: auto;
}


#result {
  opacity: 0;
  animation: fadeIn 3.5s ease-in-out forwards;
}


@keyframes fadeIn {
  to {
    opacity: 1;
  }
}




/*--------------------------------- 
      ０７ー　壁紙プレゼント　ページ
 ----------------------------------*/
/* 1stセクションだよ*/
.kabegami_first{
    background-color: #FCF2FC;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 11.6%;
}

.kabegami_first .inner01{
    width: 100%;
    height: auto;
    position: relative;
}

.kabegami_first .inner02{
    margin-top: 3.1%;
    position: absolute;
}

.kabegami_first .inner02 h1{
    text-align: center;
    color: #FF45BC;
}

/* 2ndセクションだよ*/
.kabegami_secound{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.kabegami_secound .inner01{
    background-color: #89F2FA;
    border-radius: 150px;
    padding: 1.6%;
    margin-bottom: 1.6%;
    border-radius: 100px;
}

.kabegami_secound .inner01 h2{
    color: #00C8D7;
    text-align: center;
    text-shadow: rgb(247, 247, 247) 10px 0px 0px, rgb(247, 247, 247) 9.95004px 0.998334px 0px, rgb(247, 247, 247) 9.80067px 1.98669px 0px, rgb(247, 247, 247) 9.55336px 2.9552px 0px, rgb(247, 247, 247) 9.21061px 3.89418px 0px, rgb(247, 247, 247) 8.77583px 4.79426px 0px, rgb(247, 247, 247) 8.25336px 5.64642px 0px, rgb(247, 247, 247) 7.64842px 6.44218px 0px, rgb(247, 247, 247) 6.96707px 7.17356px 0px, rgb(247, 247, 247) 6.2161px 7.83327px 0px, rgb(247, 247, 247) 5.40302px 8.41471px 0px, rgb(247, 247, 247) 4.53596px 8.91207px 0px, rgb(247, 247, 247) 3.62358px 9.32039px 0px, rgb(247, 247, 247) 2.67499px 9.63558px 0px, rgb(247, 247, 247) 1.69967px 9.8545px 0px, rgb(247, 247, 247) 0.707372px 9.97495px 0px, rgb(247, 247, 247) -0.291995px 9.99574px 0px, rgb(247, 247, 247) -1.28844px 9.91665px 0px, rgb(247, 247, 247) -2.27202px 9.73848px 0px, rgb(247, 247, 247) -3.2329px 9.463px 0px, rgb(247, 247, 247) -4.16147px 9.09297px 0px, rgb(247, 247, 247) -5.04846px 8.63209px 0px, rgb(247, 247, 247) -5.88501px 8.08496px 0px, rgb(247, 247, 247) -6.66276px 7.45705px 0px, rgb(247, 247, 247) -7.37394px 6.75463px 0px, rgb(247, 247, 247) -8.01144px 5.98472px 0px, rgb(247, 247, 247) -8.56889px 5.15501px 0px, rgb(247, 247, 247) -9.04072px 4.2738px 0px, rgb(247, 247, 247) -9.42222px 3.34988px 0px, rgb(247, 247, 247) -9.70958px 2.39249px 0px, rgb(247, 247, 247) -9.89993px 1.4112px 0px, rgb(247, 247, 247) -9.99135px 0.415807px 0px, rgb(247, 247, 247) -9.98295px -0.583741px 0px, rgb(247, 247, 247) -9.8748px -1.57746px 0px, rgb(247, 247, 247) -9.66798px -2.55541px 0px, rgb(247, 247, 247) -9.36457px -3.50783px 0px, rgb(247, 247, 247) -8.96758px -4.4252px 0px, rgb(247, 247, 247) -8.481px -5.29836px 0px, rgb(247, 247, 247) -7.90968px -6.11858px 0px, rgb(247, 247, 247) -7.25932px -6.87766px 0px, rgb(247, 247, 247) -6.53644px -7.56803px 0px, rgb(247, 247, 247) -5.74824px -8.18277px 0px, rgb(247, 247, 247) -4.90261px -8.71576px 0px, rgb(247, 247, 247) -4.00799px -9.16166px 0px, rgb(247, 247, 247) -3.07333px -9.51602px 0px, rgb(247, 247, 247) -2.10796px -9.7753px 0px, rgb(247, 247, 247) -1.12153px -9.93691px 0px, rgb(247, 247, 247) -0.123887px -9.99923px 0px, rgb(247, 247, 247) 0.87499px -9.96165px 0px, rgb(247, 247, 247) 1.86512px -9.82453px 0px, rgb(247, 247, 247) 2.83662px -9.58924px 0px, rgb(247, 247, 247) 3.77978px -9.25815px 0px, rgb(247, 247, 247) 4.68517px -8.83455px 0px, rgb(247, 247, 247) 5.54374px -8.32267px 0px, rgb(247, 247, 247) 6.34693px -7.72764px 0px, rgb(247, 247, 247) 7.0867px -7.0554px 0px, rgb(247, 247, 247) 7.75566px -6.31267px 0px, rgb(247, 247, 247) 8.34713px -5.50686px 0px, rgb(247, 247, 247) 8.8552px -4.64602px 0px, rgb(247, 247, 247) 9.27478px -3.73877px 0px, rgb(247, 247, 247) 9.6017px -2.79415px 0px, rgb(247, 247, 247) 9.83268px -1.82163px 0px, rgb(247, 247, 247) 9.96542px -0.830894px 0px;
}

.kabegami_secound .inner02{
    padding: 1.6%;
    margin-bottom: 3.1%;
}

.kabegami_secound .inner02 h3{
    text-align: center;
    margin-bottom: 3.1%;
}

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

/* 3rdセクションだよ*/
.kabegami_third{
    width: 100%;
    background-color: #CFFFF3;
    border-radius: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.6% 1.6% 7.5% 1.6%;
    box-shadow: 0px 50px 0px 0px #E2D5FF;
    margin-bottom: 23.1%;
}

.kabegami_third .inner{
    width: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0% 2.5% 0% 2.5%;
}

.kabegami_third .inner h2{
    color: #f7f7f7;
    text-shadow: rgb(255, 69, 188) 10px 0px 0px, rgb(255, 69, 188) 9.95004px 0.998334px 0px, rgb(255, 69, 188) 9.80067px 1.98669px 0px, rgb(255, 69, 188) 9.55336px 2.9552px 0px, rgb(255, 69, 188) 9.21061px 3.89418px 0px, rgb(255, 69, 188) 8.77583px 4.79426px 0px, rgb(255, 69, 188) 8.25336px 5.64642px 0px, rgb(255, 69, 188) 7.64842px 6.44218px 0px, rgb(255, 69, 188) 6.96707px 7.17356px 0px, rgb(255, 69, 188) 6.2161px 7.83327px 0px, rgb(255, 69, 188) 5.40302px 8.41471px 0px, rgb(255, 69, 188) 4.53596px 8.91207px 0px, rgb(255, 69, 188) 3.62358px 9.32039px 0px, rgb(255, 69, 188) 2.67499px 9.63558px 0px, rgb(255, 69, 188) 1.69967px 9.8545px 0px, rgb(255, 69, 188) 0.707372px 9.97495px 0px, rgb(255, 69, 188) -0.291995px 9.99574px 0px, rgb(255, 69, 188) -1.28844px 9.91665px 0px, rgb(255, 69, 188) -2.27202px 9.73848px 0px, rgb(255, 69, 188) -3.2329px 9.463px 0px, rgb(255, 69, 188) -4.16147px 9.09297px 0px, rgb(255, 69, 188) -5.04846px 8.63209px 0px, rgb(255, 69, 188) -5.88501px 8.08496px 0px, rgb(255, 69, 188) -6.66276px 7.45705px 0px, rgb(255, 69, 188) -7.37394px 6.75463px 0px, rgb(255, 69, 188) -8.01144px 5.98472px 0px, rgb(255, 69, 188) -8.56889px 5.15501px 0px, rgb(255, 69, 188) -9.04072px 4.2738px 0px, rgb(255, 69, 188) -9.42222px 3.34988px 0px, rgb(255, 69, 188) -9.70958px 2.39249px 0px, rgb(255, 69, 188) -9.89993px 1.4112px 0px, rgb(255, 69, 188) -9.99135px 0.415807px 0px, rgb(255, 69, 188) -9.98295px -0.583741px 0px, rgb(255, 69, 188) -9.8748px -1.57746px 0px, rgb(255, 69, 188) -9.66798px -2.55541px 0px, rgb(255, 69, 188) -9.36457px -3.50783px 0px, rgb(255, 69, 188) -8.96758px -4.4252px 0px, rgb(255, 69, 188) -8.481px -5.29836px 0px, rgb(255, 69, 188) -7.90968px -6.11858px 0px, rgb(255, 69, 188) -7.25932px -6.87766px 0px, rgb(255, 69, 188) -6.53644px -7.56803px 0px, rgb(255, 69, 188) -5.74824px -8.18277px 0px, rgb(255, 69, 188) -4.90261px -8.71576px 0px, rgb(255, 69, 188) -4.00799px -9.16166px 0px, rgb(255, 69, 188) -3.07333px -9.51602px 0px, rgb(255, 69, 188) -2.10796px -9.7753px 0px, rgb(255, 69, 188) -1.12153px -9.93691px 0px, rgb(255, 69, 188) -0.123887px -9.99923px 0px, rgb(255, 69, 188) 0.87499px -9.96165px 0px, rgb(255, 69, 188) 1.86512px -9.82453px 0px, rgb(255, 69, 188) 2.83662px -9.58924px 0px, rgb(255, 69, 188) 3.77978px -9.25815px 0px, rgb(255, 69, 188) 4.68517px -8.83455px 0px, rgb(255, 69, 188) 5.54374px -8.32267px 0px, rgb(255, 69, 188) 6.34693px -7.72764px 0px, rgb(255, 69, 188) 7.0867px -7.0554px 0px, rgb(255, 69, 188) 7.75566px -6.31267px 0px, rgb(255, 69, 188) 8.34713px -5.50686px 0px, rgb(255, 69, 188) 8.8552px -4.64602px 0px, rgb(255, 69, 188) 9.27478px -3.73877px 0px, rgb(255, 69, 188) 9.6017px -2.79415px 0px, rgb(255, 69, 188) 9.83268px -1.82162px 0px, rgb(255, 69, 188) 9.96542px -0.830894px 0px;
    text-align: center;
    margin-top: 7.5%;
    margin-bottom: 7.5%;
    
}

.kabegami_third .inner .box01{
    display: flex;
    justify-content: space-around;
    padding-bottom: 5%;
}

.kabegami_third .inner .box01 img{
    border-radius: 50px;
}

.kabegami_third .inner .box01 .syugou{
  display: flex;
  align-items: center;
  color: #FF45BC;
  margin-right: 11.3%;
}

.kabegami_third .inner .box01 .yuruobake{
  display: flex;
  align-items: center;
  color: #8953FF;
  margin-left: 16.3%;
}

.kabegami_third .inner .box01 .yurkyura{
  display: flex;
  align-items: center;
  color: #FF45BC;
  margin-right: 18.8%;
}

.kabegami_third .inner .box01 .yuruberosu{
  display: flex;
  align-items: center;
  color: #8953FF;
  margin-left: 18.8%;
}

.kabegami_third .inner .box01 .yurmosu{
  display: flex;
  align-items: center;
  color: #FF45BC;
  margin-right: 20.3%;
}

.kabegami_third .inner .box01 .yuronryo{
  display: flex;
  align-items: center;
  color: #8953FF;
  margin-left: 20.3%;
}

/* 4thセクションだよ*/
.kabegami_fourth{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kabegami_fourth .inner01{
    width: 1200px;
    background-color: #FF45BC;
    border-radius: 150px;
    padding: 00% 1.6% 00px 1.6%;
    position: relative;
    z-index: 100;
}

.kabegami_fourth .inner01 h2{
    color: #f7f7f7;
    text-align: center;
}

.kabegami_fourth .inner02{
    width: 1200px;
    background-color: #F7F7F7;
    border: 10px solid #00FFBB;
    border-radius: 150px;
    padding: 6.2% 3.1% 3.1% 3.1%;
    margin-bottom: 11.6%;
    position: relative;
    z-index: 10;
    top: -50px;
}

.kabegami_fourth .inner02 h3{
    margin-bottom: 2.5%;
}

.kabegami_fourth .inner02 p{
    margin-bottom: 7.5%;
}

.kabegami_fourth .inner03{
  width: 1200px;
  display: flex;
  flex-direction: column;
  flex-direction: center;
  position: relative;
  z-index: 10;
  
}


.kabegami_fourth .inner03 h3{
    color: #FF45BC;
    text-align: center;
    margin-bottom: 5%;
}

.kabegami_fourth .inner03 .box01{
    display: flex;
    justify-content: center;
    align-items: center;
}

.kabegami_fourth .inner03 .box01 .box01_inner01{
    position: absolute;
    z-index: 100;
    top: -150px;
    right: 1000px;
}

.kabegami_fourth .inner03 .box01 .box01_inner02{
    width: 12%;
    position: absolute;
    z-index: 100;
    top: -150px;
    left: 1000px;
}

.kabegami_fourth .inner03 .box01 .box01_inner03{
    position: absolute;
    z-index: 100;
    top: 0px;
    right: 1000px;
}

.kabegami_fourth .inner03 .box01 .box01_inner04{
    position: absolute;
    z-index: 100;
    top: 10px;
    left: 1000px;
}


.kabegami_fourth .inner03 .box01 .box01_inner05{
    transform: scale(-1, 1);
    position: absolute;
    z-index: 100;
    right: 830px;
}

.kabegami_fourth .inner03 .box01 .box01_inner06{
    position: relative;
    z-index: 10;
    top: 50px;
}

.kabegami_fourth .inner03 .box01 .box01_inner07{
    position: relative;
    z-index: 10;
    top: 50px;
}

.kabegami_fourth .inner03 .box01 .box01_inner08{
    position: relative;
    z-index: 10;
    top: 50px;
}

.kabegami_fourth .inner03 .box01 .box01_inner09{
    position: absolute;
    z-index: 100;
    left: 830px;
}

.cover{
    position: relative;
    z-index: 800;
}




/*--------------------------------- 
      ０８ー　プライバシーポリシーページ
 ----------------------------------*/

/* plivacy policy page */

.section_plivacy_policy{
  padding: 30px 60px 30px 60px;
}
.section_plivacy_policy .title {
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center; /* ← stretchではなくcenterに */
}
.section_plivacy_policy h2{
  color: #ff45BC; 
  text-align: center;
}
.section_plivacy_policy h3{
  text-align: center;
  margin-bottom: 30px;
  color: #8953FF;
}
.section_plivacy_policy p{ 
  margin: 30px 0px 30px 0px;
  color: #333;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
}
.section_plivacy_policy li,
.section_plivacy_policy ul{
  color: #333;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
}
.section_plivacy_policy .ijo{
  text-align: center;
}
.section_plivacy_policy .title img {
  width: auto;        /* 横幅は自動 */
  height: auto;       /* 縦も自動 */
  max-width: 270px;   /* 上限を設定 */
  flex-shrink: 0;     /* flexで縮まないようにする */
}









/*--------------------------------- 
    ーーーレスポンシブ設定（１２００以下）
 ----------------------------------*/
@media screen and (max-width: 1200px) {


 /* トップーグロナビ */
  .top_secound .inner {
    grid-template-columns: repeat(2, minmax(150px, 45%));
    gap: 40px;
  }
  .top_secound .inner a.btn {
    width: 100%;
  }
  .top_secound .inner a.btn > img[class^="deco-"] {
    width: 10vw;
  }
}



/*--------------------------------- 
    ーーーレスポンシブ設定（７６８以下）
 ----------------------------------*/

@media only screen and (max-width:768px){
  /* 文字設定 */
.p1 {
  font-size: 11px;
  line-height: 2;
}
.p2{
  font-size: 11px;
  line-height: normal;
}
h1{
  font-size: 30px;
  line-height: 1.2;
}
h2{
  font-size: 23px;
  line-height: normal;
}
h3{
  font-size: 16px;
  line-height: normal;
}
  .wrapper{
    max-width: 768px;
}



/* ハンバーガーメニュー */

  .nav-morph__link {
    line-height: 0.6; /* 例：行間を少し狭く */
    padding: 15px 15px; /* 余白も調整すると見やすくなる */
  }
  .nav-morph__link .nav-morph__text,
  .nav-morph__link .nav-morph__text__cta {
    font-size: 20px !important;
  }

/* フッター*/
footer{
  
}
footer .inner .pr-text{
   font-family: "Zen Maru Gothic", sans-serif;
    font-size: 11px;
    font-style: normal;
  color: #00FFBB ;
   font-weight: bold; 
   text-align: center !important;
   margin-top: 30px;
   line-height: 2;
  }
footer .box01_inner01 {
  width: 30%;
}
footer .inner .box01_inner02 a img {
    width: 15%;  /* お好みのサイズに調整 */
    height: auto; /* アスペクト比を保つ */
    margin-bottom: 0%;
  }
footer .inner .box02_inner02 a img {
    width: 40%;  /* お好みのサイズに調整 */
    height: auto; /* アスペクト比を保つ */
  }
footer .inner .box01_inner03 .p2 {
  font-size: 10px;
}

.footer_small,
.footer_small a{
  font-size: 8px;
 
}

/* トップーグロナビ */
 .top_secound .inner {
    grid-template-columns: 1fr;
    gap: 30px 0px;
    padding-top: 100px;
  }
  .top_secound .inner a.btn > img:first-child {
    width: 50%;
    margin: 0 auto;
    height: auto;
  }
  .top_secound .inner a.btn > img[class^="deco-"] {
    width: 14vw;
    position: absolute;
  }
  .top_secound .inner a.btn .deco-left01 {
    top: -20%;   
    left: 14%;     
    transform: none; 
  }
  .top_secound .inner a.btn .deco-left02 {
    top: -10%;
    left: 14%;
    transform: none;
  }
  .top_secound .inner a.btn .deco-right01 {
    top: -15%;
    right: 12%;
    transform: none;
  }
  .top_secound .inner a.btn .deco-right02 {
    top: -75%;
    right: 12%;
    transform: none;
    width: 20vw !important;
    height: auto;
  }



/* トップー世界観ポエム */
 .top_third{
  height: 1000px;
 }
 .top_third .inner{
  max-width: 768px; 
  height: 1500px;  
 }
 .top_third_chird {
    width: 90%; /* 1200px → 90%くらいに縮小 */
    max-width: 600px; /* 任意で最大幅制限 */
    margin: 0 auto;
  }

  .top_third .inner .img01 {
    max-width: 70%; 
    height: auto;
    top: 10%;
    left: -10%; 
  }
  .top_third .inner .img02 {
    max-width: 110%;
    height: auto;
    right: 50%;
}
.top_third .inner .img03 {
    max-width: 70%; 
    height: auto;
    top: 0%;
    left: 0%;
  }
 .top_third .inner.set01 .p1 {
    text-align: center;
    font-size: 15px; 
    width: 90%;      
    line-height: 28px;
    top: 5%;  /* 調整例 */
    left: 7%;
    transform: translate(0, 0); /* 元のtranslate(-50%, -50%)を外したいなら */
  }
  .top_third .inner.set02 .p1 {
    text-align: center;
    font-size: 15px; 
    width: 90%;      
    line-height: 28px;
    top: 7%;
    right: 40% !important;
    transform: translate(-50%, -50%);
  }
  .top_third .inner.set03 .p1 {
    text-align: center;
    font-size: 15px; 
    width: 90%;      
    line-height: 28px;
    top: 6%;
    left: 7%;
    transform: translate(0, 0);
  }

  /* トップー本しょうかい */
.top_fourth{
  padding-top: 10%;
  padding-bottom: 15%;
}
.top_fourth .inner {
  background-size: cover; 
  height: auto;
  border-radius: 100px;
  overflow: hidden; 
}
 .top_fourth .inner .box02 {
    flex-direction: column;   /* 横並び → 縦並び */
    gap: 20px;                 /* 画像とテキストの間隔を小さめに */
  }

  .top_fourth .inner .box02 .img02 {
    width: 60%;               /* スマホで幅広すぎないように調整 */
    height: auto;
  }

  .top_fourth .inner .box02 .p1 {
    text-align: center;       /* 中央寄せにしたい場合 */

  }

.top_fourth .inner .img03 {
    width: 30%;              
    height: auto;
    padding-top: 8%;
    padding-bottom: 30%;
  }
  .top_fourth .box01 h1{
  margin: 0 auto;
  text-align: center;
}
.top_fourth h3 {
  margin-top: 10px; 
}

 /* トップーキャラクターしょうかい */
 .top_fifth {
  height: auto; /* 固定高さを外す */
  min-height: 800px;    /* 最低限の高さを確保 */
  padding-top: 100px; 
  position: relative;
  z-index: 0;
  background-position: center 100px;
  padding-bottom: 500px; /* 背景画像の高さに合わせて増やす */
}

  .top_fifth .box01 {
    padding-top: 180%; /* 好みの小さい値に調整 */
  }
 .swiper.mySwiper {
    height: 400px; /* 元600pxから縮小 */
  }
   .card-bg {
    max-width: 300px; /* 横幅を小さく */
  }
  .card-gif,
  .card-gif01 {
    max-width: 300px;
    bottom: 65px; /* キャラ位置も調整 */
  }
  .top_fifth .box01 h1 {
  margin: 0 auto;
  text-align: center; 
  padding-bottom: 12%; 
  }
.top_fifth .img03{
   width: 36%;              
    height: auto;
    padding-top: 10%;
    padding-bottom: 30%;
}

 /* トップーお知らせ */
.top_sixth {
  margin-top: -110%; 
}
.top_sixth .bg-top {
  height: auto; /* 高さを内容に合わせて自動調整 */
  min-height: 570px; /* 最低高さを指定（任意） */
  width: 100%;
  position: absolute; /* 必要に応じて */
  top: 5%;
  left: 0;
  border-radius: 20%;
  z-index: 0;
  box-shadow: 0 35px #E2D5FF;
}
.p1.text {
    white-space: normal; /* 改行を許可 */
  }
.oshirase-list{
  margin: 10%;
}
  .tag-img {
    height: 1.5em;  /* 小さくして高さを文字に合わせ直す */
  }

  .oshirase-list li {
    gap: 10px;    /* 間隔を縮める */
    font-size: 0.9rem; /* 文字少し小さく */
  }

  .top_sixth .innner .box01 .icon_onigiri {
    width: 15%;
    top: -5%;
    right: 17%;
  }
  .top_sixth .innner .box01 .title-en {
    font-size: 30px;
    top: 100%;
    left: 70%;
    text-shadow: 0px 1px 5px rgba(139, 139, 139, 0.5);
  }
  .top_sixth .innner .box01 .title-ja{
  text-shadow: 2px 2px 0 #8953FF;          
}
.top_sixth .innner .box01{
  padding-bottom: 0%;
}
.oshirase-list {
  padding-bottom: 10%;
}
 .top_sixth .innner .box02 .img03 {
    width: 30%;              
    height: auto;
    margin: 0 auto;
    position: relative;
    top: -30px; 
  }

  /* トップーおたのしみコーナー */
  .top_seventh h1{
    padding-top: 70px !important;
    padding-bottom: 40px !important;
    text-shadow: rgb(247, 247, 247) 4px 0px 0px, rgb(247, 247, 247) 3.87565px 0.989616px 0px, rgb(247, 247, 247) 3.51033px 1.9177px 0px, rgb(247, 247, 247) 2.92676px 2.72656px 0px, rgb(247, 247, 247) 2.16121px 3.36588px 0px, rgb(247, 247, 247) 1.26129px 3.79594px 0px, rgb(247, 247, 247) 0.282949px 3.98998px 0px, rgb(247, 247, 247) -0.712984px 3.93594px 0px, rgb(247, 247, 247) -1.66459px 3.63719px 0px, rgb(247, 247, 247) -2.51269px 3.11229px 0px, rgb(247, 247, 247) -3.20457px 2.39389px 0px, rgb(247, 247, 247) -3.69721px 1.52664px 0px, rgb(247, 247, 247) -3.95997px 0.56448px 0px, rgb(247, 247, 247) -3.97652px -0.432781px 0px, rgb(247, 247, 247) -3.74583px -1.40313px 0px, rgb(247, 247, 247) -3.28224px -2.28625px 0px, rgb(247, 247, 247) -2.61457px -3.02721px 0px, rgb(247, 247, 247) -1.78435px -3.57996px 0px, rgb(247, 247, 247) -0.843183px -3.91012px 0px, rgb(247, 247, 247) 0.150409px -3.99717px 0px, rgb(247, 247, 247) 1.13465px -3.8357px 0px, rgb(247, 247, 247) 2.04834px -3.43574px 0px, rgb(247, 247, 247) 2.83468px -2.82216px 0px, rgb(247, 247, 247) 3.44477px -2.03312px 0px, rgb(247, 247, 247) 3.84068px -1.11766px 0px, rgb(247, 247, 247) 3.9978px -0.132717px 0px;
  }
  .top_seventh {
  height: auto;
  }
   .deco-guitar {
    top: 65%; /* 元の55%より下に移動 */
  }
  .deco-hitugi {
    top: 65%; /* 元の55%より下に移動 */
  }
  .top_seventh .innner{
    padding-bottom: 25%;
  }


/* 02えほんの紹介 */
/* セクション1 */
.ehon_first {
  padding-bottom: 100px;
  }
  .ehon_first h1 {
  top: 35%;
  }
.ehon_first .box01 {
  width: 100%;
  margin-top: 60px;
  padding: 0 20px;
  flex-direction: column; /* 横並び→縦積み */
  align-items: center; /* 中央寄せ */
  }
.ehon_first .box01_inner01,
.ehon_first .box01_inner02 {
  width: 80%; /* 画面幅いっぱい */
  max-width: 500px; /* 広がりすぎ防止 */
  }
.ehon_first .box01_inner01 img {
  width: 100%;
  height: auto;
  }
.ehon_first .hyoshi {
  margin-top: 20px;
  width: 100%;
  height: auto;
  }
.ehon_first .box01_inner02 h3 {
  margin-top: 20px;
  }
.ehon_first .box01_inner02 .p2 {
  text-align: center; /* 中央寄せ */
  margin: 20px auto 0; /* 上に余白＋左右autoで中央 */
  width: 100%;         /* 幅を100%にして中央寄せ可能にする */
  }
.ehon_first .btn01 {
  padding-top: 40px;
  }


/* セクション2 */
  .ehon_secound .box01 {
    width: 100%;
    height: auto; /* 固定高さ解除 */
    padding: 50px 20px;
    border-radius: 50px;
    box-shadow: 0 20px #CFFFF3;

    /* 背景雲を切れないよう敷く設定 */
    background-size: cover;         /* 縦横比保って全面に */
    background-position: center top;/* 上から見せたい位置で調整 */
    background-repeat: no-repeat;
  }
  .ehon_secound h2 {
    margin-top: 50px;
  }
  .ehon_secound .p1 {
    margin-top: 50px;
    text-align: center;
  }
  /* 購入ボタン部分 */
  .ehon_secound .box02_inner01 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .ehon_secound .btn01 {
    width: 100%;
    max-width: 400px;
    height: auto;
  }
  /* Amazon／楽天リンクを縦並びに */
  .ehon_secound .box02_inner02 {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 30px;
  }
  .ehon_secound .box02_inner02 a img {
    width: 80%;
    max-width: 300px;
    height: auto;
  }


  /* セクション3 */
  .ehon_third {
    padding: 0 15px;
  }
  .ehon_third h2 {
    margin-top: 60px;
  }
  .ehon_third .box02 {
    width: 100%;
    padding-right: 0;
    flex-direction: column;
  }
  .ehon_third .icon {
    width: 60%;
    height: auto;
  }
  .ehon_third .box03 {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 20px;
    border-radius: 30px;
  }
  .ehon_third .text_01 {
    width: 100%;
  }
  .ehon_third .box03 h3 {
    margin-top: 40px;
  }
  .ehon_third .box03 .p1 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  /* mkmk画像 */
  .ehon_third .mkmk {
    max-width: 90%;
  }
  /* SNSアイコン配置 */
  .ehon_third .box03_inner h3 {
    font-size: 13px;
    text-align: center;
    margin-top: 2vw;
    text-shadow: rgb(247, 247, 247) 2px 0px 0px, rgb(247, 247, 247) 1.75517px 0.958851px 0px, rgb(247, 247, 247) 1.0806px 1.68294px 0px, rgb(247, 247, 247) 0.141474px 1.99499px 0px, rgb(247, 247, 247) -0.832294px 1.81859px 0px, rgb(247, 247, 247) -1.60229px 1.19694px 0px, rgb(247, 247, 247) -1.97998px 0.28224px 0px, rgb(247, 247, 247) -1.87291px -0.701566px 0px, rgb(247, 247, 247) -1.30729px -1.5136px 0px, rgb(247, 247, 247) -0.421592px -1.95506px 0px, rgb(247, 247, 247) 0.567324px -1.91785px 0px, rgb(247, 247, 247) 1.41734px -1.41108px 0px, rgb(247, 247, 247) 1.92034px -0.558831px 0px;
  }
  .ehon_third .snsicon {
    justify-content: center;
    gap: 2vw;
    
  }
  .ehon_third .snsicon a img {
    width: 10vw;
    max-width: 80px;
  }

  /* 装飾の縮小と位置調整 */
  .ehon_third .box03 img.green_top,
  .ehon_third .box03 img.pink,
  .ehon_third .box03 img.purple,
  .ehon_third .box03 img.green_bottom {
    width: 80px;
    height: auto;
  }
  .ehon_third .box03 .green_top {
    left: -20px;
    top: -10px;
  }
  .ehon_third .box03 .pink {
    right: -20px;
    top: -10px;
  }
  .ehon_third .box03 .purple {
    left: -20px;
    bottom: -10px;
  }
  .ehon_third .box03 .green_bottom {
    right: -20px;
    bottom: -10px;
  }


/* 03キャラクターページ */
/* セクション1 */
  .obake_first h1 {
  top: 35%;
  }
  .obake_first .box01 {
    margin-top: 15%;
    height: 850px;
    box-shadow: 0 20px #CFFFF3;
    border-radius: 60px;
  }
  .obake_first .box01_inner01 {
    width: 70vw;
    height: 70vw;
    top: 140px;
    background-size: 50%;
  }
  .obake_first .yuruobake_anime {
    width: 70%;
    margin-right: 0;
  }
  .obake_first .name_01 {
    width: 80%;
    height: auto;
    padding: 0.5rem 1rem;
    top: 90px;
    border-radius: 80px;
  }
  .obake_first .name_01 h2 {
    text-align: center;
    text-shadow: rgb(247, 247, 247) 5px 0px 0px, rgb(247, 247, 247) 4.90033px 0.993347px 0px, rgb(247, 247, 247) 4.60531px 1.94709px 0px, rgb(247, 247, 247) 4.12668px 2.82321px 0px, rgb(247, 247, 247) 3.48353px 3.58678px 0px, rgb(247, 247, 247) 2.70151px 4.20735px 0px, rgb(247, 247, 247) 1.81179px 4.6602px 0px, rgb(247, 247, 247) 0.849836px 4.92725px 0px, rgb(247, 247, 247) -0.145998px 4.99787px 0px, rgb(247, 247, 247) -1.13601px 4.86924px 0px, rgb(247, 247, 247) -2.08073px 4.54649px 0px, rgb(247, 247, 247) -2.94251px 4.04248px 0px, rgb(247, 247, 247) -3.68697px 3.37732px 0px, rgb(247, 247, 247) -4.28444px 2.57751px 0px, rgb(247, 247, 247) -4.71111px 1.67494px 0px, rgb(247, 247, 247) -4.94996px 0.7056px 0px, rgb(247, 247, 247) -4.99147px -0.291871px 0px, rgb(247, 247, 247) -4.83399px -1.27771px 0px, rgb(247, 247, 247) -4.48379px -2.2126px 0px, rgb(247, 247, 247) -3.95484px -3.05929px 0px, rgb(247, 247, 247) -3.26822px -3.78401px 0px, rgb(247, 247, 247) -2.4513px -4.35788px 0px, rgb(247, 247, 247) -1.53666px -4.75801px 0px, rgb(247, 247, 247) -0.560763px -4.96846px 0px, rgb(247, 247, 247) 0.437495px -4.98082px 0px, rgb(247, 247, 247) 1.41831px -4.79462px 0px, rgb(247, 247, 247) 2.34258px -4.41727px 0px, rgb(247, 247, 247) 3.17346px -3.86382px 0px, rgb(247, 247, 247) 3.87783px -3.15633px 0px, rgb(247, 247, 247) 4.4276px -2.32301px 0px, rgb(247, 247, 247) 4.80085px -1.39708px 0px, rgb(247, 247, 247) 4.98271px -0.415447px 0px;
  }
  .obake_first .text_01 {
    width: 80vw;
    height: auto;
    padding: 15px;
    top: calc(70vw + 180px); /* 丸の下に配置 */
  }

  /* 飾りは小さくして位置も調整 */
  .obake_first .pink,
  .obake_first .blue,
  .obake_first .purple_topLeft,
  .obake_first .green_topRight{
    transform: scale(0.4);
  }
  .obake_first .purple_bottomLeft,
  .obake_first .green_bottomRight {
  display: none;
  }



/* セクション2 */
   .obake_secound .box01 {
    height: 850px; /* 固定高さ解除 */
    margin-top: 15%;
  }
  /* 丸 */
  .obake_secound .box01_inner01 {
    width: 70vw;
    height: 70vw;
    top: 120px;
    background-size: 45%;
  }
  /* 丸の中の画像 */
  .obake_secound .yuruobake_anime {
    width: 75%;
    height: auto;
  }
  /* 名前帯 */
  .obake_secound .name_01 {
    width: 75vw;
    height: auto;
    padding: 12px;
    top: 60px;
  }
  .obake_secound h2 {
    text-align: center;
    text-shadow: rgb(247, 247, 247) 5px 0px 0px, rgb(247, 247, 247) 4.90033px 0.993347px 0px, rgb(247, 247, 247) 4.60531px 1.94709px 0px, rgb(247, 247, 247) 4.12668px 2.82321px 0px, rgb(247, 247, 247) 3.48353px 3.58678px 0px, rgb(247, 247, 247) 2.70151px 4.20735px 0px, rgb(247, 247, 247) 1.81179px 4.6602px 0px, rgb(247, 247, 247) 0.849836px 4.92725px 0px, rgb(247, 247, 247) -0.145998px 4.99787px 0px, rgb(247, 247, 247) -1.13601px 4.86924px 0px, rgb(247, 247, 247) -2.08073px 4.54649px 0px, rgb(247, 247, 247) -2.94251px 4.04248px 0px, rgb(247, 247, 247) -3.68697px 3.37732px 0px, rgb(247, 247, 247) -4.28444px 2.57751px 0px, rgb(247, 247, 247) -4.71111px 1.67494px 0px, rgb(247, 247, 247) -4.94996px 0.7056px 0px, rgb(247, 247, 247) -4.99147px -0.291871px 0px, rgb(247, 247, 247) -4.83399px -1.27771px 0px, rgb(247, 247, 247) -4.48379px -2.2126px 0px, rgb(247, 247, 247) -3.95484px -3.05929px 0px, rgb(247, 247, 247) -3.26822px -3.78401px 0px, rgb(247, 247, 247) -2.4513px -4.35788px 0px, rgb(247, 247, 247) -1.53666px -4.75801px 0px, rgb(247, 247, 247) -0.560763px -4.96846px 0px, rgb(247, 247, 247) 0.437495px -4.98082px 0px, rgb(247, 247, 247) 1.41831px -4.79462px 0px, rgb(247, 247, 247) 2.34258px -4.41727px 0px, rgb(247, 247, 247) 3.17346px -3.86382px 0px, rgb(247, 247, 247) 3.87783px -3.15633px 0px, rgb(247, 247, 247) 4.4276px -2.32301px 0px, rgb(247, 247, 247) 4.80085px -1.39708px 0px, rgb(247, 247, 247) 4.98271px -0.415447px 0px;
  }
  /* 下のテキスト枠 */
  .obake_secound .text_01 {
    width: 80vw;
    height: auto;
    padding: 15px;
    top: calc(70vw + 180px); /* 丸の下に配置 */
  }
  .obake_secound .p1 {
    text-shadow: rgb(247, 247, 247) 2px 0px 0px, rgb(247, 247, 247) 1.75517px 0.958851px 0px, rgb(247, 247, 247) 1.0806px 1.68294px 0px, rgb(247, 247, 247) 0.141474px 1.99499px 0px, rgb(247, 247, 247) -0.832294px 1.81859px 0px, rgb(247, 247, 247) -1.60229px 1.19694px 0px, rgb(247, 247, 247) -1.97998px 0.28224px 0px, rgb(247, 247, 247) -1.87291px -0.701566px 0px, rgb(247, 247, 247) -1.30729px -1.5136px 0px, rgb(247, 247, 247) -0.421592px -1.95506px 0px, rgb(247, 247, 247) 0.567324px -1.91785px 0px, rgb(247, 247, 247) 1.41734px -1.41108px 0px, rgb(247, 247, 247) 1.92034px -0.558831px 0px;
  }
  /* 装飾アイコン縮小 */
  .obake_secound .blue,
  .obake_secound .purple,
  .obake_secound .pink_topLeft,
  .obake_secound .green_topRight{
    transform: scale(0.4);
  }
  .obake_secound .pink_bottomLeft,
  .obake_secound .green_bottomRight{
  display: none;
  }


/* セクション3 */
.obake_third .box01 {
    height: 850px; /* 固定高さ解除で可変に */
    margin-top: 15%;
    border-radius: 80px;
    box-shadow: 0 20px #CFFFF3;
  }
  /* 丸 */
  .obake_third .box01_inner01 {
    width: 70vw;
    height: 70vw;
    top: 140px;
    background-size: 45%;
  }
  /* 丸の中の画像 */
  .obake_third .yuruobake_anime {
    width: 75%;
    height: auto;
  }
  /* 名前帯 */
  .obake_third .name_01 {
    width: 75vw;
    height: auto;
    padding: 12px;
    top: 60px;
  }
  .obake_third h2 {
    text-align: center;
    text-shadow: rgb(247, 247, 247) 5px 0px 0px, rgb(247, 247, 247) 4.90033px 0.993347px 0px, rgb(247, 247, 247) 4.60531px 1.94709px 0px, rgb(247, 247, 247) 4.12668px 2.82321px 0px, rgb(247, 247, 247) 3.48353px 3.58678px 0px, rgb(247, 247, 247) 2.70151px 4.20735px 0px, rgb(247, 247, 247) 1.81179px 4.6602px 0px, rgb(247, 247, 247) 0.849836px 4.92725px 0px, rgb(247, 247, 247) -0.145998px 4.99787px 0px, rgb(247, 247, 247) -1.13601px 4.86924px 0px, rgb(247, 247, 247) -2.08073px 4.54649px 0px, rgb(247, 247, 247) -2.94251px 4.04248px 0px, rgb(247, 247, 247) -3.68697px 3.37732px 0px, rgb(247, 247, 247) -4.28444px 2.57751px 0px, rgb(247, 247, 247) -4.71111px 1.67494px 0px, rgb(247, 247, 247) -4.94996px 0.7056px 0px, rgb(247, 247, 247) -4.99147px -0.291871px 0px, rgb(247, 247, 247) -4.83399px -1.27771px 0px, rgb(247, 247, 247) -4.48379px -2.2126px 0px, rgb(247, 247, 247) -3.95484px -3.05929px 0px, rgb(247, 247, 247) -3.26822px -3.78401px 0px, rgb(247, 247, 247) -2.4513px -4.35788px 0px, rgb(247, 247, 247) -1.53666px -4.75801px 0px, rgb(247, 247, 247) -0.560763px -4.96846px 0px, rgb(247, 247, 247) 0.437495px -4.98082px 0px, rgb(247, 247, 247) 1.41831px -4.79462px 0px, rgb(247, 247, 247) 2.34258px -4.41727px 0px, rgb(247, 247, 247) 3.17346px -3.86382px 0px, rgb(247, 247, 247) 3.87783px -3.15633px 0px, rgb(247, 247, 247) 4.4276px -2.32301px 0px, rgb(247, 247, 247) 4.80085px -1.39708px 0px, rgb(247, 247, 247) 4.98271px -0.415447px 0px;
  }
  /* 下のテキスト枠 */
  .obake_third .text_01 {
    width: 80vw;
    height: auto;
    padding: 15px;
    top: calc(70vw + 180px); /* 丸の下に配置 */
    box-shadow: 0 10px #8953FF;
  }

  /* 装飾アイコン縮小 */
  .obake_third .green,
  .obake_third .pink,
  .obake_third .purple_topLeft,
  .obake_third .green_topRight{
    transform: scale(0.4);
  }
  .obake_third .purple_bottomLeft,
  .obake_third .green_bottomRight{
  display: none;
  }


/* セクション4 */
.obake_fourth .box01 {
    height: 850px;
    border-radius: 80px;
    margin-top: 15%;
  }
  .obake_fourth .box01_inner01 {
    width: 70vw;
    height: 70vw;
    top: 140px;
    background-size: 45%;
  }
  .obake_fourth .yuruobake_anime {
    width: 75%;
    height: auto;
  }
  .obake_fourth .name_01 {
    width: 75vw;
    height: auto;
    padding: 12px;
    top: 60px;
  }
  .obake_fourth h2 {
    text-align: center;
    text-shadow: rgb(247, 247, 247) 5px 0px 0px, rgb(247, 247, 247) 4.90033px 0.993347px 0px, rgb(247, 247, 247) 4.60531px 1.94709px 0px, rgb(247, 247, 247) 4.12668px 2.82321px 0px, rgb(247, 247, 247) 3.48353px 3.58678px 0px, rgb(247, 247, 247) 2.70151px 4.20735px 0px, rgb(247, 247, 247) 1.81179px 4.6602px 0px, rgb(247, 247, 247) 0.849836px 4.92725px 0px, rgb(247, 247, 247) -0.145998px 4.99787px 0px, rgb(247, 247, 247) -1.13601px 4.86924px 0px, rgb(247, 247, 247) -2.08073px 4.54649px 0px, rgb(247, 247, 247) -2.94251px 4.04248px 0px, rgb(247, 247, 247) -3.68697px 3.37732px 0px, rgb(247, 247, 247) -4.28444px 2.57751px 0px, rgb(247, 247, 247) -4.71111px 1.67494px 0px, rgb(247, 247, 247) -4.94996px 0.7056px 0px, rgb(247, 247, 247) -4.99147px -0.291871px 0px, rgb(247, 247, 247) -4.83399px -1.27771px 0px, rgb(247, 247, 247) -4.48379px -2.2126px 0px, rgb(247, 247, 247) -3.95484px -3.05929px 0px, rgb(247, 247, 247) -3.26822px -3.78401px 0px, rgb(247, 247, 247) -2.4513px -4.35788px 0px, rgb(247, 247, 247) -1.53666px -4.75801px 0px, rgb(247, 247, 247) -0.560763px -4.96846px 0px, rgb(247, 247, 247) 0.437495px -4.98082px 0px, rgb(247, 247, 247) 1.41831px -4.79462px 0px, rgb(247, 247, 247) 2.34258px -4.41727px 0px, rgb(247, 247, 247) 3.17346px -3.86382px 0px, rgb(247, 247, 247) 3.87783px -3.15633px 0px, rgb(247, 247, 247) 4.4276px -2.32301px 0px, rgb(247, 247, 247) 4.80085px -1.39708px 0px, rgb(247, 247, 247) 4.98271px -0.415447px 0px;
  }
  .obake_fourth .text_01 {
    width: 80vw;
    height: auto;
    padding: 15px;
    top: calc(70vw + 180px);
    box-shadow: 0 10px #8953FF;
  }
  .obake_fourth .p1 {
    text-shadow: rgb(247, 247, 247) 2px 0px 0px, rgb(247, 247, 247) 1.75517px 0.958851px 0px, rgb(247, 247, 247) 1.0806px 1.68294px 0px, rgb(247, 247, 247) 0.141474px 1.99499px 0px, rgb(247, 247, 247) -0.832294px 1.81859px 0px, rgb(247, 247, 247) -1.60229px 1.19694px 0px, rgb(247, 247, 247) -1.97998px 0.28224px 0px, rgb(247, 247, 247) -1.87291px -0.701566px 0px, rgb(247, 247, 247) -1.30729px -1.5136px 0px, rgb(247, 247, 247) -0.421592px -1.95506px 0px, rgb(247, 247, 247) 0.567324px -1.91785px 0px, rgb(247, 247, 247) 1.41734px -1.41108px 0px, rgb(247, 247, 247) 1.92034px -0.558831px 0px;
  }
  /* 装飾アイコン縮小 */
  .obake_fourth .pink,
  .obake_fourth .blue,
  .obake_fourth .pink_topLeft,
  .obake_fourth .green_topRight {
    transform: scale(0.4);
  }
  .obake_fourth .pink_bottomLeft,
  .obake_fourth .green_bottomRight {
  display: none;
  }


/* セクション5 */
.obake_fifth .box01 {
    height: 850px;
    margin-top: 15%;
    margin-bottom: 30%;
    border-radius: 80px;
    background-size: 35%;
    box-shadow: 0 20px #CFFFF3;
  }
  .obake_fifth .box01_inner01 {
    width: 70vw;
    height: 70vw;
    top: 140px;
    left: 50%;
    transform: translateX(-50%);
  }
  .obake_fifth .yuruobake_anime {
    width: 75%;
    height: auto;
  }
  .obake_fifth .name_01 {
    width: 75vw;
    height: auto;
    padding: 12px;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
  }
  .obake_fifth .text_01 {
    width: 80vw;
    height: auto;
    padding: 15px;
    top: calc(70vw + 180px);
    box-shadow: 0 10px #FF45BC;
    left: 50%;
    transform: translateX(-50%);
  }

  /* 火玉の装飾を縮小・位置調整 */
  .obake_fifth .hinotama01,
  .obake_fifth .hinotama02,
  .obake_fifth .hinotama05,
  .obake_fifth .hinotama06 {
    transform: scale(0.4);
  }
  .obake_fifth .hinotama01 {
    left: -120px;
    top: -130px;
  }
  .obake_fifth .hinotama02 {
    right: -130px;
    top: -130px;
  }
  .obake_fifth .hinotama05 {
    left: -110px;
    top: -100px;
  }
  .obake_fifth .hinotama06 {
    right: -120px;
    top: -100px;
  }
  .obake_fifth .hinotama03,
  .obake_fifth .hinotama04 {
  display: none;
  }
/*--------------------------------- 
      ０４ー　おしらせページ
 ----------------------------------*/
/* 1stセクションだよ */


/* 2ndセクションだよ*/
.osirase_secound{
    width: 100%;
    border-radius: 77px;
    padding: 5% 2.5% 10% 5%;
    box-shadow: 0px 25px 0px 0px #E2D5FF;
    position: relative;
    z-index: 10;
}

/* イベント1 */
.osirase_secound .inner01{
  width: 100%;
  padding: 0% 2.5%;
}

.osirase_secound .inner01 .box01{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  /* z-index: 100;
  margin-bottom: 5%; */
}

.osirase_secound .inner01 h2{
  text-shadow: rgb(255, 69, 188) 4px 0px 0px, rgb(255, 69, 188) 3.87565px 0.989616px 0px, rgb(255, 69, 188) 3.51033px 1.9177px 0px, rgb(255, 69, 188) 2.92676px 2.72655px 0px, rgb(255, 69, 188) 2.16121px 3.36588px 0px, rgb(255, 69, 188) 1.26129px 3.79594px 0px, rgb(255, 69, 188) 0.282949px 3.98998px 0px, rgb(255, 69, 188) -0.712984px 3.93594px 0px, rgb(255, 69, 188) -1.66459px 3.63719px 0px, rgb(255, 69, 188) -2.51269px 3.11229px 0px, rgb(255, 69, 188) -3.20457px 2.39389px 0px, rgb(255, 69, 188) -3.69721px 1.52664px 0px, rgb(255, 69, 188) -3.95997px 0.56448px 0px, rgb(255, 69, 188) -3.97652px -0.432781px 0px, rgb(255, 69, 188) -3.74583px -1.40313px 0px, rgb(255, 69, 188) -3.28224px -2.28625px 0px, rgb(255, 69, 188) -2.61457px -3.02721px 0px, rgb(255, 69, 188) -1.78435px -3.57996px 0px, rgb(255, 69, 188) -0.843183px -3.91012px 0px, rgb(255, 69, 188) 0.150409px -3.99717px 0px, rgb(255, 69, 188) 1.13465px -3.8357px 0px, rgb(255, 69, 188) 2.04834px -3.43574px 0px, rgb(255, 69, 188) 2.83468px -2.82216px 0px, rgb(255, 69, 188) 3.44477px -2.03312px 0px, rgb(255, 69, 188) 3.84068px -1.11766px 0px, rgb(255, 69, 188) 3.9978px -0.132717px 0px;
}

.osirase_secound .inner01 .box01_inner01{
  top: -30%;
  left: -12%;
}

.osirase_secound .inner01 .box01_inner02{
  top: -30%;
  left: -5%;
}

.osirase_secound .inner02{
  /* display: flex;
  align-items: center; */
  width: 100%;
  /* padding: 0% 2.5%;
  margin-bottom: 2.5%; */
}

/* .osirase_secound .inner02 h3{
  color: #8953FF;
  margin-right: 2.5%;
} */

.osirase_secound .inner03{
  /* display: flex; */
  width: 100%;
  /* padding: 00% 2.5%;
  margin-bottom: 7.5%; */
}

/* .osirase_secound .inner03 h3{
  color: #8953FF;
  margin-right: 2.5%;
} */


.osirase_secound .inner04{
  /* display: flex;
  justify-content: center; */
  width: 100%;
  /* padding: 00% 2.5%;
  margin-bottom: 3.8%; */
}

.osirase_secound .inner04 .box01{
  /* position: relative;
  z-index: 100; */
  border-radius: 10%;
  /* margin-bottom: 3.8%; */
}


.osirase_secound .inner04 .box01_inner{
  /* background-color: #E2D5FF;
  background-image:url(../img/Common/decoration_purple.webp); */
  background-size: 25%;
  /* opacity: 0.8; */
  width: 100%;
  height: 107%;
  border-radius: 10%;
  /* position: absolute;
  z-index: 10;
  right: 60.4%;
  top: -5%; */
}


.osirase_secound .inner05{
  /* display: flex;
  justify-content: flex-end;
  align-items: center; */
  width: 100%;
  /* padding: 00% 2.5%;
  margin-bottom: 2.5%; */
}

/* .osirase_secound .inner05 h3{
  color: #8953FF;
  margin-right: 2.5%;
} */

.osirase_secound .inner06{
  /* display: flex;
  justify-content: flex-end;
  align-items: center; */
  width: 100%;
  /* padding: 00% 2.5%;
  margin-bottom: 2.5%; */
}

/* .osirase_secound .inner06 h3{
  color: #8953FF;
  margin-right: 2.5%;
} */

.osirase_secound .inner07{
  /* display: flex;
  justify-content: flex-end;
  align-items: center; */
  width: 100%;
  /* padding: 00% 2.5%;
  margin-bottom: 2.5%; */
}

/* .osirase_secound .inner07 h3{
  color: #8953FF;
  margin-right: 2.5%;
} */

/* .osirase_secound .p2{
  text-align: center;
  margin-bottom: 7.5%;
} */

.osirase_secound_bg_pattern{
  height: 222px;
  /* background-image: url(../img/Common/bg_sozai_03.webp);
  background-repeat: no-repeat;
  background-position: center top; */
  background-size: 100% auto;   /* 幅を指定（画像サイズに合わせて） */
  margin-top: 0%;            /* ← セクション4と"重ねる"ためにマイナスマージン */
  /* position: relative;
  z-index: 1; */
}

/* イベント2 */
/* 3rdセクションだよ*/
.osirase_third{
    /* width: 100%;
    background-color: #E2D5FF; */
    border-radius: 77px;
    display: flex;
    flex-direction: column;
    /* padding: 5% 2.5% 10% 5%; */
    box-shadow: 0px 25px 0px 0px #E2D5FF;
    /* position: relative;
    z-index: 10;
    top: -100px; */
}

.osirase_third .inner01{
  display: flex;
  flex-direction: column;
  width: 100%;
  /* padding: 00% 2.5%;        
  margin-bottom: 5%; */
}


.osirase_third .inner01 .box01{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* position: relative;
  z-index: 100;
  margin-bottom: 5%; */
}

.osirase_third .inner01 h2{
  /* color: #f7f7f7;
  margin-right: 5%; */
  text-shadow: rgb(255, 69, 188) 4px 0px 0px, rgb(255, 69, 188) 3.87565px 0.989616px 0px, rgb(255, 69, 188) 3.51033px 1.9177px 0px, rgb(255, 69, 188) 2.92676px 2.72655px 0px, rgb(255, 69, 188) 2.16121px 3.36588px 0px, rgb(255, 69, 188) 1.26129px 3.79594px 0px, rgb(255, 69, 188) 0.282949px 3.98998px 0px, rgb(255, 69, 188) -0.712984px 3.93594px 0px, rgb(255, 69, 188) -1.66459px 3.63719px 0px, rgb(255, 69, 188) -2.51269px 3.11229px 0px, rgb(255, 69, 188) -3.20457px 2.39389px 0px, rgb(255, 69, 188) -3.69721px 1.52664px 0px, rgb(255, 69, 188) -3.95997px 0.56448px 0px, rgb(255, 69, 188) -3.97652px -0.432781px 0px, rgb(255, 69, 188) -3.74583px -1.40313px 0px, rgb(255, 69, 188) -3.28224px -2.28625px 0px, rgb(255, 69, 188) -2.61457px -3.02721px 0px, rgb(255, 69, 188) -1.78435px -3.57996px 0px, rgb(255, 69, 188) -0.843183px -3.91012px 0px, rgb(255, 69, 188) 0.150409px -3.99717px 0px, rgb(255, 69, 188) 1.13465px -3.8357px 0px, rgb(255, 69, 188) 2.04834px -3.43574px 0px, rgb(255, 69, 188) 2.83468px -2.82216px 0px, rgb(255, 69, 188) 3.44477px -2.03312px 0px, rgb(255, 69, 188) 3.84068px -1.11766px 0px, rgb(255, 69, 188) 3.9978px -0.132717px 0px;
  /* position: relative;
  z-index: 100; */
}

.osirase_third .inner01 .box01_inner01{
  /* width: 15%;
  position: absolute;
  z-index: 20; */
  top: -30%;
  left: -12%;
}

.osirase_third .inner01 .box01_inner02{
  /* width: 11%;
  position: absolute;
  z-index: 10; */
  top: -30%;
  left: -5%;
}

/* .osirase_third .inner01 h3{
  color: #8953FF;
} */

.osirase_third .inner02{
  width: 100%;
  /* padding: 00% 2.5%;
  margin-bottom: 5%; */
}


/* .osirase_third .inner02 .p1{
  margin-bottom: 2.5%;
  text-align: center;

} */

.osirase_third .inner03{
  /* display: flex;
  align-items: center; */
  width: 100%;
  /* padding: 00% 2.5%;
  margin-bottom: 3.8%; */
}


.osirase_third .inner03 h3{
  /* color: #f7f7f7; */
  text-shadow: rgb(137, 83, 255) 3px 0px 0px, rgb(137, 83, 255) 2.83487px 0.981584px 0px, rgb(137, 83, 255) 2.35766px 1.85511px 0px, rgb(137, 83, 255) 1.62091px 2.52441px 0px, rgb(137, 83, 255) 0.705713px 2.91581px 0px, rgb(137, 83, 255) -0.287171px 2.98622px 0px, rgb(137, 83, 255) -1.24844px 2.72789px 0px, rgb(137, 83, 255) -2.07227px 2.16926px 0px, rgb(137, 83, 255) -2.66798px 1.37182px 0px, rgb(137, 83, 255) -2.96998px 0.42336px 0px, rgb(137, 83, 255) -2.94502px -0.571704px 0px, rgb(137, 83, 255) -2.59586px -1.50383px 0px, rgb(137, 83, 255) -1.96093px -2.27041px 0px, rgb(137, 83, 255) -1.11013px -2.78704px 0px, rgb(137, 83, 255) -0.137119px -2.99686px 0px, rgb(137, 83, 255) 0.850987px -2.87677px 0px, rgb(137, 83, 255) 1.74541px -2.43999px 0px, rgb(137, 83, 255) 2.44769px -1.73459px 0px, rgb(137, 83, 255) 2.88051px -0.838247px 0px;
  /* margin-right: 2.5%; */
}


.osirase_third .inner04{
  /* display: flex; */
  width: 100%;
  /* padding: 00% 2.5%;
  margin-bottom: 7.5%; */
}

.osirase_third .inner04 h3{
  /* color: #f7f7f7; */
  text-shadow: rgb(137, 83, 255) 3px 0px 0px, rgb(137, 83, 255) 2.83487px 0.981584px 0px, rgb(137, 83, 255) 2.35766px 1.85511px 0px, rgb(137, 83, 255) 1.62091px 2.52441px 0px, rgb(137, 83, 255) 0.705713px 2.91581px 0px, rgb(137, 83, 255) -0.287171px 2.98622px 0px, rgb(137, 83, 255) -1.24844px 2.72789px 0px, rgb(137, 83, 255) -2.07227px 2.16926px 0px, rgb(137, 83, 255) -2.66798px 1.37182px 0px, rgb(137, 83, 255) -2.96998px 0.42336px 0px, rgb(137, 83, 255) -2.94502px -0.571704px 0px, rgb(137, 83, 255) -2.59586px -1.50383px 0px, rgb(137, 83, 255) -1.96093px -2.27041px 0px, rgb(137, 83, 255) -1.11013px -2.78704px 0px, rgb(137, 83, 255) -0.137119px -2.99686px 0px, rgb(137, 83, 255) 0.850987px -2.87677px 0px, rgb(137, 83, 255) 1.74541px -2.43999px 0px, rgb(137, 83, 255) 2.44769px -1.73459px 0px, rgb(137, 83, 255) 2.88051px -0.838247px 0px;
  /* margin-right: 2.5%; */
}

.osirase_third .inner05{
  /* display: flex;
  justify-content: flex-end; */
  width: 100%;
  /* padding: 00% 2.5%;
  margin-bottom: 3.8%; */
}


.osirase_third .inner05 .box01{
  /* position: relative;
  z-index: 100; */
  border-radius: 10%;
  /* margin-bottom: 7.5%; */
}

.osirase_third .inner05 .box01_inner{
  /* background-color: #CFFFF3;
  background-image:url(../img/Common/decoration_green.webp);
  background-size: 30%;
  opacity: 0.8; */
  width: 100%;
  height: 107%;
  /* border-radius: 10%;
  position: absolute;
  z-index: 10; */
  right: 28.7%;
  top: -7%;
}

.osirase_third .inner05 .box02_inner{
  width: 42.5%;
  /* height: auto;
  position: absolute;
  z-index: 200; */
  right: 65%;
  top: -2.5%;
  /* transform: rotate(-10deg); */
}

.osirase_third .inner06{
  /* display: flex;
  justify-content: flex-end;
  align-items: center; */
  width: 100%;
  /* padding: 00% 2.5%;
  margin-bottom: 2.5%; */
}

.osirase_third .inner06 h3{
  /* color: #f7f7f7; */
  text-shadow: rgb(137, 83, 255) 3px 0px 0px, rgb(137, 83, 255) 2.83487px 0.981584px 0px, rgb(137, 83, 255) 2.35766px 1.85511px 0px, rgb(137, 83, 255) 1.62091px 2.52441px 0px, rgb(137, 83, 255) 0.705713px 2.91581px 0px, rgb(137, 83, 255) -0.287171px 2.98622px 0px, rgb(137, 83, 255) -1.24844px 2.72789px 0px, rgb(137, 83, 255) -2.07227px 2.16926px 0px, rgb(137, 83, 255) -2.66798px 1.37182px 0px, rgb(137, 83, 255) -2.96998px 0.42336px 0px, rgb(137, 83, 255) -2.94502px -0.571704px 0px, rgb(137, 83, 255) -2.59586px -1.50383px 0px, rgb(137, 83, 255) -1.96093px -2.27041px 0px, rgb(137, 83, 255) -1.11013px -2.78704px 0px, rgb(137, 83, 255) -0.137119px -2.99686px 0px, rgb(137, 83, 255) 0.850987px -2.87677px 0px, rgb(137, 83, 255) 1.74541px -2.43999px 0px, rgb(137, 83, 255) 2.44769px -1.73459px 0px, rgb(137, 83, 255) 2.88051px -0.838247px 0px;
  /* margin-right: 2.5%; */
}

.osirase_third .inner07{
  /* display: flex;
  justify-content: flex-end;
  align-items: center; */
  width: 100%;
  /* padding: 00% 2.5%;
  margin-bottom: 2.5%; */
}

.osirase_third .inner07 h3{
  /* color: #f7f7f7; */
  text-shadow: rgb(137, 83, 255) 3px 0px 0px, rgb(137, 83, 255) 2.83487px 0.981584px 0px, rgb(137, 83, 255) 2.35766px 1.85511px 0px, rgb(137, 83, 255) 1.62091px 2.52441px 0px, rgb(137, 83, 255) 0.705713px 2.91581px 0px, rgb(137, 83, 255) -0.287171px 2.98622px 0px, rgb(137, 83, 255) -1.24844px 2.72789px 0px, rgb(137, 83, 255) -2.07227px 2.16926px 0px, rgb(137, 83, 255) -2.66798px 1.37182px 0px, rgb(137, 83, 255) -2.96998px 0.42336px 0px, rgb(137, 83, 255) -2.94502px -0.571704px 0px, rgb(137, 83, 255) -2.59586px -1.50383px 0px, rgb(137, 83, 255) -1.96093px -2.27041px 0px, rgb(137, 83, 255) -1.11013px -2.78704px 0px, rgb(137, 83, 255) -0.137119px -2.99686px 0px, rgb(137, 83, 255) 0.850987px -2.87677px 0px, rgb(137, 83, 255) 1.74541px -2.43999px 0px, rgb(137, 83, 255) 2.44769px -1.73459px 0px, rgb(137, 83, 255) 2.88051px -0.838247px 0px;
  /* margin-right: 2.5%; */
}

.osirase_third .inner08{
  /* display: flex;
  justify-content: flex-end;
  align-items: center; */
  width: 100%;
  /* padding: 00% 2.5%;
  margin-bottom: 2.5%; */
}

.osirase_third .inner08 h3{
  /* color: #f7f7f7; */
  text-shadow: rgb(137, 83, 255) 3px 0px 0px, rgb(137, 83, 255) 2.83487px 0.981584px 0px, rgb(137, 83, 255) 2.35766px 1.85511px 0px, rgb(137, 83, 255) 1.62091px 2.52441px 0px, rgb(137, 83, 255) 0.705713px 2.91581px 0px, rgb(137, 83, 255) -0.287171px 2.98622px 0px, rgb(137, 83, 255) -1.24844px 2.72789px 0px, rgb(137, 83, 255) -2.07227px 2.16926px 0px, rgb(137, 83, 255) -2.66798px 1.37182px 0px, rgb(137, 83, 255) -2.96998px 0.42336px 0px, rgb(137, 83, 255) -2.94502px -0.571704px 0px, rgb(137, 83, 255) -2.59586px -1.50383px 0px, rgb(137, 83, 255) -1.96093px -2.27041px 0px, rgb(137, 83, 255) -1.11013px -2.78704px 0px, rgb(137, 83, 255) -0.137119px -2.99686px 0px, rgb(137, 83, 255) 0.850987px -2.87677px 0px, rgb(137, 83, 255) 1.74541px -2.43999px 0px, rgb(137, 83, 255) 2.44769px -1.73459px 0px, rgb(137, 83, 255) 2.88051px -0.838247px 0px;
  /* margin-right: 2.5%; */
}

.osirase_third_bg_pattern{
  height: 222px;
  /* background-image: url(../img/Common/bg_sozai_03.webp);
  background-repeat: no-repeat;
  background-position: center top; */
  background-size: 100% auto;   /* 幅を指定（画像サイズに合わせて） */
  margin-top: -25%;            /* ← セクション4と"重ねる"ためにマイナスマージン */
  /* position: relative;
  z-index: 1; */
}

/* 4thセクションだよ*/
.osirase_fourth{
    /* width: 100%;
    background-color: #CFFFF3; */
    border-radius: 77px;
    /* display: flex;
    flex-direction: column;
    align-items: flex-start; */
    padding: 5% 0%;
    position: relative;
    z-index: 10;
    top: 0px;
}

.osirase_fourth .inner01{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  /* padding: 00% 2.5%;        
  margin-bottom: 5%;
  position: relative;
  z-index: 100; */
  
}

.osirase_fourth .inner01 .box01{
  width: 100%;
  padding: 0% 2.5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0% 2.5%;
  /* margin-bottom: 5%; */
  position: relative;
  z-index: 100;
}

.osirase_fourth .inner01 h2{
  /* color: #f7f7f7;
  margin-right: 5%; */
  text-shadow: rgb(255, 69, 188) 4px 0px 0px, rgb(255, 69, 188) 3.87565px 0.989616px 0px, rgb(255, 69, 188) 3.51033px 1.9177px 0px, rgb(255, 69, 188) 2.92676px 2.72655px 0px, rgb(255, 69, 188) 2.16121px 3.36588px 0px, rgb(255, 69, 188) 1.26129px 3.79594px 0px, rgb(255, 69, 188) 0.282949px 3.98998px 0px, rgb(255, 69, 188) -0.712984px 3.93594px 0px, rgb(255, 69, 188) -1.66459px 3.63719px 0px, rgb(255, 69, 188) -2.51269px 3.11229px 0px, rgb(255, 69, 188) -3.20457px 2.39389px 0px, rgb(255, 69, 188) -3.69721px 1.52664px 0px, rgb(255, 69, 188) -3.95997px 0.56448px 0px, rgb(255, 69, 188) -3.97652px -0.432781px 0px, rgb(255, 69, 188) -3.74583px -1.40313px 0px, rgb(255, 69, 188) -3.28224px -2.28625px 0px, rgb(255, 69, 188) -2.61457px -3.02721px 0px, rgb(255, 69, 188) -1.78435px -3.57996px 0px, rgb(255, 69, 188) -0.843183px -3.91012px 0px, rgb(255, 69, 188) 0.150409px -3.99717px 0px, rgb(255, 69, 188) 1.13465px -3.8357px 0px, rgb(255, 69, 188) 2.04834px -3.43574px 0px, rgb(255, 69, 188) 2.83468px -2.82216px 0px, rgb(255, 69, 188) 3.44477px -2.03312px 0px, rgb(255, 69, 188) 3.84068px -1.11766px 0px, rgb(255, 69, 188) 3.9978px -0.132717px 0px;
  /* position: relative;
  z-index: 100; */
}

.osirase_fourth .inner01 .box01_inner01{
  display: none;
  /* width: 15%;
  position: absolute; */
  z-index: 20;
  top: -100%;
  left: -8%;

}

.osirase_fourth .inner01 .box01_inner02{
  display: none;
  /* width: 11%;
  position: absolute;
  z-index: 10; */
  top: -100%;
  left: 0%;
}

/* .osirase_fourth .inner01 h3{
  color: #8953FF;
} */

/* .osirase_fourth .inner02{
  width: 100%;
  padding: 00% 2.5%;
  margin-bottom: 5%;
} */


/* .osirase_fourth .inner02 .p1{
  margin-bottom: 5%;
  text-align: center;

} */

/* .osirase_fourth .inner02 .p2{
  margin-bottom: 5%;
  text-align: center;

} */

/* .osirase_fourth .inner02 .color .p1{
  color: #FF45BC;
  text-align: center;

} */

/* 5thセクションだよ*/
.osirase_fifth{
    width: 100%;
    background-color: #E2D5FF;
    border-radius: 77px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10% 2.5%;
    position: relative;
    z-index: 100;
    top:75%;
}


.osirase_fifth .inner01{
  /* display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 00% 2.5%;        
  margin-bottom: 5%; */
}

.osirase_fifth .inner01 .box01{
  /* position: relative;
  z-index: 100; */
}

.osirase_fifth .inner01 h2{
  width: 100%;
  /* color: #F7F7F7;
  text-align: center; */
}

.osirase_fifth .inner01 .box01_inner01{
  display: none;
  width: 15%;
  /* position: absolute;
  z-index: 10; */
  top: -100px;
  left: 50px;
  /* transform: scale(-1, 1); */
}

.osirase_fifth .inner01 .box01_inner02{
  display: none;
  width: 15%;
  /* position: absolute;
  z-index: 10; */
  top: -100px;
  left: 10%;
}

.osirase_fifth .inner02{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 00% 2.5%;
  margin-bottom: 3.8%;
}

.osirase_fifth  .goods{
  margin-bottom: 3.8%;
}

.osirase_fifth  .goods img{
  border-radius: 23px;
}

.osirase_fifth .text{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.osirase_fifth  .text h2{
  color: #8953FF;
  text-shadow: rgb(247, 247, 247) 4px 0px 0px, rgb(247, 247, 247) 3.87565px 0.989616px 0px, rgb(247, 247, 247) 3.51033px 1.9177px 0px, rgb(247, 247, 247) 2.92676px 2.72655px 0px, rgb(247, 247, 247) 2.16121px 3.36588px 0px, rgb(247, 247, 247) 1.26129px 3.79594px 0px, rgb(247, 247, 247) 0.282949px 3.98998px 0px, rgb(247, 247, 247) -0.712984px 3.93594px 0px, rgb(247, 247, 247) -1.66459px 3.63719px 0px, rgb(247, 247, 247) -2.51269px 3.11229px 0px, rgb(247, 247, 247) -3.20457px 2.39389px 0px, rgb(247, 247, 247) -3.69721px 1.52664px 0px, rgb(247, 247, 247) -3.95997px 0.56448px 0px, rgb(247, 247, 247) -3.97652px -0.432781px 0px, rgb(247, 247, 247) -3.74583px -1.40313px 0px, rgb(247, 247, 247) -3.28224px -2.28625px 0px, rgb(247, 247, 247) -2.61457px -3.02721px 0px, rgb(247, 247, 247) -1.78435px -3.57996px 0px, rgb(247, 247, 247) -0.843183px -3.91012px 0px, rgb(247, 247, 247) 0.150409px -3.99717px 0px, rgb(247, 247, 247) 1.13465px -3.8357px 0px, rgb(247, 247, 247) 2.04834px -3.43574px 0px, rgb(247, 247, 247) 2.83468px -2.82216px 0px, rgb(247, 247, 247) 3.44477px -2.03312px 0px, rgb(247, 247, 247) 3.84068px -1.11766px 0px, rgb(247, 247, 247) 3.9978px -0.132717px 0px;
  margin-bottom: 3.8%;
}

.osirase_fifth  .text .p1{
  text-align: start;
}

.osirase_fifth .inner03{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10% 2.5% 5% 2.5%;

}

.osirase_fifth .inner03 .box01{
  position: relative;
  z-index: 100;
}

.osirase_fifth .inner03 h3{
  color: #f7f7f7;
  text-shadow: rgb(255, 69, 188) 4px 0px 0px, rgb(255, 69, 188) 3.87565px 0.989616px 0px, rgb(255, 69, 188) 3.51033px 1.9177px 0px, rgb(255, 69, 188) 2.92676px 2.72655px 0px, rgb(255, 69, 188) 2.16121px 3.36588px 0px, rgb(255, 69, 188) 1.26129px 3.79594px 0px, rgb(255, 69, 188) 0.282949px 3.98998px 0px, rgb(255, 69, 188) -0.712984px 3.93594px 0px, rgb(255, 69, 188) -1.66459px 3.63719px 0px, rgb(255, 69, 188) -2.51269px 3.11229px 0px, rgb(255, 69, 188) -3.20457px 2.39389px 0px, rgb(255, 69, 188) -3.69721px 1.52664px 0px, rgb(255, 69, 188) -3.95997px 0.56448px 0px, rgb(255, 69, 188) -3.97652px -0.432781px 0px, rgb(255, 69, 188) -3.74583px -1.40313px 0px, rgb(255, 69, 188) -3.28224px -2.28625px 0px, rgb(255, 69, 188) -2.61457px -3.02721px 0px, rgb(255, 69, 188) -1.78435px -3.57996px 0px, rgb(255, 69, 188) -0.843183px -3.91012px 0px, rgb(255, 69, 188) 0.150409px -3.99717px 0px, rgb(255, 69, 188) 1.13465px -3.8357px 0px, rgb(255, 69, 188) 2.04834px -3.43574px 0px, rgb(255, 69, 188) 2.83468px -2.82216px 0px, rgb(255, 69, 188) 3.44477px -2.03312px 0px, rgb(255, 69, 188) 3.84068px -1.11766px 0px, rgb(255, 69, 188) 3.9978px -0.132717px 0px;
  text-align: center;
  position: relative;
  z-index: 100;
}

.osirase_fifth .inner03 .box01_inner01{
  width: 15%;
  position: absolute;
  z-index: 10;
  top: 140px;
  left: 10%;
}

.osirase_fifth .inner03 .box01_inner02{
  width: 16%;
  position: absolute;
  z-index: 10;
  top: 120px;
  right: 10%;
}

.osirase_fifth .inner03 .box01_inner03{
  width: 15%;
  position: absolute;
  z-index: 10;
  top: -13px;
  right: 10%;
}

.osirase_fifth .inner03 .box01_inner04{
  width: 11%;
  position: absolute;
  z-index: 10;
  top: -13px;
  left: 10%;
}

.osirase_end_bg_pattern{
  height: 422px;
  background-image: url(../img/Common/bg_sozai_03.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;   /* 幅を指定（画像サイズに合わせて） */
  margin-top: -200px;            /* ← セクション4と"重ねる"ためにマイナスマージン */
  position: relative;
  z-index: 1;
}
 
 /* ０5ーみんなのゆるオバケけんきゅう */

/*------------------------------- 
      ０5ーみんなのゆるオバケけんきゅう
 ----------------------------------*/
/* 1stセクションだよ */
.kenkyu_first{
    background-color: #FCF2FC;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 11.6%;
}

.kenkyu_first .inner01{
    width: 100%;
    height: auto;
    position: relative;
}

.kenkyu_first .inner02{
    margin-top: 3.1%;
    position: absolute;
}

.kenkyu_first .inner02 h1{
    text-align: center;
    color: #FF45BC;
}

/* 2ndセクションだよ*/
.kenkyu_secound{
    background-color: #89F2FA;
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.1% 1.55% 6.2% 1.55%;
    /* margin-bottom: 11.6%; */
    position: relative;
    z-index: 10;
}

.kenkyu_secound h1{
  color: #00C8D7;
  text-shadow: rgb(247, 247, 247) 3px 0px 0px, rgb(247, 247, 247) 2.83487px 0.981584px 0px, rgb(247, 247, 247) 2.35766px 1.85511px 0px, rgb(247, 247, 247) 1.62091px 2.52441px 0px, rgb(247, 247, 247) 0.705713px 2.91581px 0px, rgb(247, 247, 247) -0.287171px 2.98622px 0px, rgb(247, 247, 247) -1.24844px 2.72789px 0px, rgb(247, 247, 247) -2.07227px 2.16926px 0px, rgb(247, 247, 247) -2.66798px 1.37182px 0px, rgb(247, 247, 247) -2.96998px 0.42336px 0px, rgb(247, 247, 247) -2.94502px -0.571704px 0px, rgb(247, 247, 247) -2.59586px -1.50383px 0px, rgb(247, 247, 247) -1.96093px -2.27041px 0px, rgb(247, 247, 247) -1.11013px -2.78704px 0px, rgb(247, 247, 247) -0.137119px -2.99686px 0px, rgb(247, 247, 247) 0.850987px -2.87677px 0px, rgb(247, 247, 247) 1.74541px -2.43999px 0px, rgb(247, 247, 247) 2.44769px -1.73459px 0px, rgb(247, 247, 247) 2.88051px -0.838247px 0px;
  margin-bottom: 5%;
}


/* スライダーだよ */
.swiper {
  /*スライダーの幅と高さを調整*/
  border-radius: 50px;
  width: 100%;
  height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.swiper-slide {
  /*スライド要素の幅と高さを調整*/
  width: 100%;
  height: 100%;

  /*テキストの位置調整*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  /*テキストの色と太さを指定*/
  color: #f7f7f7;
  font-weight: bold;
}

.swiper-slide .p1{
    color: #F7F7F7;
}

/*各スライドの背景色の設定*/
.slide1 {
  background-color: #88acbd;
}

.slide2 {
  background-color: #99cb1f;
}

.slide3 {
  background-color: #e43a47;
}

.slide4 {
  background-color: #00FFBB;
}

.slide5 {
  background-color: #ff2eb3;      
}

.secound_bg_pattern{
  height: 544px;
  background-image: url(../img/Common/bg_sozai_03.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;   /* 幅を指定（画像サイズに合わせて） */
  margin-top: -100px;            /* ← セクション4と"重ねる"ためにマイナスマージン */
  position: relative;
  z-index: 1;
}


/* 3rdセクションだよ*/
.kenkyu_third{
    width: 100%;
    background-color: #CFFFF3;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.1% 1.55% 6.2% 1.55%;
    /* margin-bottom: 14.2%; */
    box-shadow: 0px 50px 0px 0px #E2D5FF;
    border-radius: 150px;
    position: relative;
    z-index: 10;
    top: -100px;
}

.kenkyu_third .inner .box01{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 10;
}

.kenkyu_third .inner .box01 .box01_inner01{
    width: 20%;
    position: absolute;
    z-index: 5;
    top: -55px;
    left: 0px;
}

.kenkyu_third .inner .box01 .box01_inner02{
    width: 18%;
    position: absolute;
    z-index: 5;
    top: -55px;
    right: 0px;
}

.kenkyu_third .inner h2{
  color: #f7f7f7;
  text-shadow: rgb(137, 83, 255) 3px 0px 0px, rgb(137, 83, 255) 2.83487px 0.981584px 0px, rgb(137, 83, 255) 2.35766px 1.85511px 0px, rgb(137, 83, 255) 1.62091px 2.52441px 0px, rgb(137, 83, 255) 0.705713px 2.91581px 0px, rgb(137, 83, 255) -0.287171px 2.98622px 0px, rgb(137, 83, 255) -1.24844px 2.72789px 0px, rgb(137, 83, 255) -2.07227px 2.16926px 0px, rgb(137, 83, 255) -2.66798px 1.37182px 0px, rgb(137, 83, 255) -2.96998px 0.42336px 0px, rgb(137, 83, 255) -2.94502px -0.571704px 0px, rgb(137, 83, 255) -2.59586px -1.50383px 0px, rgb(137, 83, 255) -1.96093px -2.27041px 0px, rgb(137, 83, 255) -1.11013px -2.78704px 0px, rgb(137, 83, 255) -0.137119px -2.99686px 0px, rgb(137, 83, 255) 0.850987px -2.87677px 0px, rgb(137, 83, 255) 1.74541px -2.43999px 0px, rgb(137, 83, 255) 2.44769px -1.73459px 0px, rgb(137, 83, 255) 2.88051px -0.838247px 0px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 5%;
  position: relative;
  z-index: 10;
}

.kenkyu_third .inner h3{
  color: #FF45BC;
  text-align: center;
  margin-bottom: 9%;
}

.kenkyu_third .inner .p1{
  text-align: center;
  margin-bottom: 3.8%;
}

.kenkyu_third .inner .text_end{
  color: #FF45BC;
  text-align: center;
  margin-top: 108px;
  margin-bottom: 5%;
}

.third_bg_pattern{
  height: 844px;
  background-image: url(../img/Common/bg_sozai_03.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;   /* 幅を指定（画像サイズに合わせて） */
  margin-top: -100px;            /* ← セクション4と"重ねる"ためにマイナスマージン */
  position: relative;
  z-index: 1;
}

/* 4thセクションだよ*/
.kenkyu_fourth{
    width: 100%;
    border: 10px solid #FF45BC;
    background-image: linear-gradient(transparent, #ff45bc80 79%, #ff45bc);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.1% 1.55% 6.2% 1.55%;
    /* margin-bottom: 14.2%; */
    border-radius: 77px;
    position: relative;
    z-index: 10;
    top: -400px;
}

.kenkyu_fourth .inner .box01{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 5.1%;
  position: relative;
  z-index: 10;
}

.kenkyu_fourth .inner .box01 .box01_inner01{
    width: 22%;
    position: absolute;
    z-index: 5;
    top: -55px;
    left: 0px;
}

.kenkyu_fourth .inner .box01 .box01_inner02{
    width: 20%;
    position: absolute;
    z-index: 5;
    top: -55px;
    right: 0px;
}

.kenkyu_fourth .inner h2{
  color: #f7f7f7;
  text-align: center;
  text-shadow: rgb(255, 69, 188) 3px 0px 0px, rgb(255, 69, 188) 2.83487px 0.981584px 0px, rgb(255, 69, 188) 2.35766px 1.85511px 0px, rgb(255, 69, 188) 1.62091px 2.52441px 0px, rgb(255, 69, 188) 0.705713px 2.91581px 0px, rgb(255, 69, 188) -0.287171px 2.98622px 0px, rgb(255, 69, 188) -1.24844px 2.72789px 0px, rgb(255, 69, 188) -2.07227px 2.16926px 0px, rgb(255, 69, 188) -2.66798px 1.37182px 0px, rgb(255, 69, 188) -2.96998px 0.42336px 0px, rgb(255, 69, 188) -2.94502px -0.571704px 0px, rgb(255, 69, 188) -2.59586px -1.50383px 0px, rgb(255, 69, 188) -1.96093px -2.27041px 0px, rgb(255, 69, 188) -1.11013px -2.78704px 0px, rgb(255, 69, 188) -0.137119px -2.99686px 0px, rgb(255, 69, 188) 0.850987px -2.87677px 0px, rgb(255, 69, 188) 1.74541px -2.43999px 0px, rgb(255, 69, 188) 2.44769px -1.73459px 0px, rgb(255, 69, 188) 2.88051px -0.838247px 0px;
  margin-bottom: 3.8%;
  position: relative;
  z-index: 10;
}


.kenkyu_fourth .inner ol{
    margin: 0 auto;
    padding: 0% 1.7%;
}

.kenkyu_fourth .inner li{
    color: #333333;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 11px;
    font-weight: 900;
    font-style: normal;
    text-shadow: rgb(247, 247, 247) 2px 0px 0px, rgb(247, 247, 247) 1.75517px 0.958851px 0px, rgb(247, 247, 247) 1.0806px 1.68294px 0px, rgb(247, 247, 247) 0.141474px 1.99499px 0px, rgb(247, 247, 247) -0.832294px 1.81859px 0px, rgb(247, 247, 247) -1.60229px 1.19694px 0px, rgb(247, 247, 247) -1.97998px 0.28224px 0px, rgb(247, 247, 247) -1.87291px -0.701566px 0px, rgb(247, 247, 247) -1.30729px -1.5136px 0px, rgb(247, 247, 247) -0.421592px -1.95506px 0px, rgb(247, 247, 247) 0.567324px -1.91785px 0px, rgb(247, 247, 247) 1.41734px -1.41108px 0px, rgb(247, 247, 247) 1.92034px -0.558831px 0px;
    padding: 0% 1.7%;
    margin-bottom: 30px;
}



.end_bg_pattern{
  height: 444px;
  background-image: url(../img/Common/bg_sozai_03.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;   /* 幅を指定（画像サイズに合わせて） */
  margin-top: -500px;            /* ← セクション4と"重ねる"ためにマイナスマージン */
  position: relative;
  z-index: 1;
}

 




 /* ０６ーしんだん */
.shindan_header .shindan-title {
  text-shadow: 2px 2px 0 #8953FF;
  margin-top: -80px
}


.shindan_header01 {
  background-image: url(../img/Common/title_kumo.webp);
  background-size: cover;
  width: 100%;
  height: 220px

 } 
  .question-icon {
    width: 17%;   /* 元のサイズから縮小 */
    height: auto;
  }
  .question-title{
    padding-bottom: 0px;
  }
   .choices .choice-text h2{
    font-size: 20px;
    text-align: center;
  }
    .choices .choice-text .choice-text01-01{
    font-size: 17px;
    text-align: center;
}

  .choices .choice-text .choice-text01{
    font-size: 15px;
    text-align: center;
}
 .choices .choice-text .choice-text-sm{
    font-size: 10px;
    text-align: center;
}

/* ホバーしたときに、動く */
.choice {
  width: 150px; /* 必要に応じて調整 */
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  display: inline-block;
  margin: 0 10px; /* ボタンの間隔 */
}

.choice img {
  transition: transform 0.5s ease, filter 0.5s ease;
  display: block;
  width: 100%;
  height: auto;
}

.choice:hover img {
  transform: scale(1.05);
  filter: brightness(1.1);
}



 /* 全体の余白を少し減らす */
  #result {
  width: 100%;       /* まず幅100%にして */
  max-width: 400px;  /* 最大幅は400pxまで */
  margin: 0 auto;    /* 横中央寄せ */
  padding: 0 10px;
}

  /* kekka_titleの幅を100%にして中央寄せ */
  #result .kekka_title {
    width: 80%;
    padding: 20px 0px;
    text-shadow: rgb(247, 247, 247) 4px 0px 0px, rgb(247, 247, 247) 3.87565px 0.989616px 0px, rgb(247, 247, 247) 3.51033px 1.9177px 0px, rgb(247, 247, 247) 2.92676px 2.72656px 0px, rgb(247, 247, 247) 2.16121px 3.36588px 0px, rgb(247, 247, 247) 1.26129px 3.79594px 0px, rgb(247, 247, 247) 0.282949px 3.98998px 0px, rgb(247, 247, 247) -0.712984px 3.93594px 0px, rgb(247, 247, 247) -1.66459px 3.63719px 0px, rgb(247, 247, 247) -2.51269px 3.11229px 0px, rgb(247, 247, 247) -3.20457px 2.39389px 0px, rgb(247, 247, 247) -3.69721px 1.52664px 0px, rgb(247, 247, 247) -3.95997px 0.56448px 0px, rgb(247, 247, 247) -3.97652px -0.432781px 0px, rgb(247, 247, 247) -3.74583px -1.40313px 0px, rgb(247, 247, 247) -3.28224px -2.28625px 0px, rgb(247, 247, 247) -2.61457px -3.02721px 0px, rgb(247, 247, 247) -1.78435px -3.57996px 0px, rgb(247, 247, 247) -0.843183px -3.91012px 0px, rgb(247, 247, 247) 0.150409px -3.99717px 0px, rgb(247, 247, 247) 1.13465px -3.8357px 0px, rgb(247, 247, 247) 2.04834px -3.43574px 0px, rgb(247, 247, 247) 2.83468px -2.82216px 0px, rgb(247, 247, 247) 3.44477px -2.03312px 0px, rgb(247, 247, 247) 3.84068px -1.11766px 0px, rgb(247, 247, 247) 3.9978px -0.132717px 0px;

  }

  /* .kekka_wrapper はflexのまま中央寄せだけ */
  .kekka_wrapper {
    flex-wrap: wrap; /* 折り返し許可 */
    gap: 10px;
  }

  /* 左右の装飾画像の余白を小さく、位置も調整 */
  .decoration.left,
  .decoration.right {
    margin: 0;
    transform: none;
    width: 80px; /* 適当に小さく */
    height: auto;
  }

  /* h2, h1 タグの余白調整 */
  #result h2 {
    margin-top: 30px;
    font-size: 23px;
  }
  #result h1 {
    font-size: 30px;
  }

  /* 結果表示の部分を縦並びに */
  .result_kekka {
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    justify-content: center; 
    align-items: center; 
  }

  /* 診断結果の画像を画面幅いっぱいに近く */
  #result-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
    display: block;       
    box-sizing: border-box;  
    margin-left: auto;    /* 左マージン自動 */
    margin-right: auto;   
}

  /* 結果テキストも幅を画面幅に合わせて調整 */
  #result-text {
    max-width: 100%;
    padding: 20px;
    font-size: 11px;
    line-height: 2;
    text-align: center; /* スマホでは中央寄せにしても良い */
  }

  /* もう一度遊ぶボタンのサイズ調整 */
  .result_kekka .img03 {
    width: 60%;
    max-width: 300px;
    padding-top: 30px;
    padding-bottom: 20px;
  }



  /*--------------------------------- 
      ０７ー　壁紙プレゼント　ページ
 ----------------------------------*/
/* 1stセクションだよ*/
.kabegami_first{
    background-color: #FCF2FC;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 11.6%;
}

.kabegami_first .inner01{
    width: 100%;
    height: auto;
    position: relative;
}

.kabegami_first .inner02{
    margin-top: 3.1%;
    position: absolute;
}

.kabegami_first .inner02 h1{
    text-align: center;
    color: #FF45BC;
}

/* 2ndセクションだよ*/
.kabegami_secound{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.kabegami_secound .inner01{
    background-color: #89F2FA;
    border-radius: 77px;
    padding: 1.6%;
    margin-bottom: 1.6%;
    border-radius: 100px;
}

.kabegami_secound .inner01 h2{
    color: #00C8D7;
    text-align: center;
    text-shadow: rgb(247, 247, 247) 3px 0px 0px, rgb(247, 247, 247) 2.83487px 0.981584px 0px, rgb(247, 247, 247) 2.35766px 1.85511px 0px, rgb(247, 247, 247) 1.62091px 2.52441px 0px, rgb(247, 247, 247) 0.705713px 2.91581px 0px, rgb(247, 247, 247) -0.287171px 2.98622px 0px, rgb(247, 247, 247) -1.24844px 2.72789px 0px, rgb(247, 247, 247) -2.07227px 2.16926px 0px, rgb(247, 247, 247) -2.66798px 1.37182px 0px, rgb(247, 247, 247) -2.96998px 0.42336px 0px, rgb(247, 247, 247) -2.94502px -0.571704px 0px, rgb(247, 247, 247) -2.59586px -1.50383px 0px, rgb(247, 247, 247) -1.96093px -2.27041px 0px, rgb(247, 247, 247) -1.11013px -2.78704px 0px, rgb(247, 247, 247) -0.137119px -2.99686px 0px, rgb(247, 247, 247) 0.850987px -2.87677px 0px, rgb(247, 247, 247) 1.74541px -2.43999px 0px, rgb(247, 247, 247) 2.44769px -1.73459px 0px, rgb(247, 247, 247) 2.88051px -0.838247px 0px;
}

.kabegami_secound .inner02{
    padding: 1.6%;
    margin-bottom: 3.1%;
}

.kabegami_secound .inner02 h3{
    text-align: center;
    margin-bottom: 3.1%;
}

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

/* 3rdセクションだよ*/
.kabegami_third{
    width: 100%;
    background-color: #CFFFF3;
    border-radius: 77px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.6% 1.6% 7.5% 1.6%;
    box-shadow: 0px 25px 0px 0px #E2D5FF;
    margin-bottom: 23.1%;
}

.kabegami_third .inner{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0% 2.5% 0% 2.5%;
}

.kabegami_third .inner h2{
    color: #f7f7f7;
    text-shadow: rgb(255, 69, 188) 4px 0px 0px, rgb(255, 69, 188) 3.87565px 0.989616px 0px, rgb(255, 69, 188) 3.51033px 1.9177px 0px, rgb(255, 69, 188) 2.92676px 2.72656px 0px, rgb(255, 69, 188) 2.16121px 3.36588px 0px, rgb(255, 69, 188) 1.26129px 3.79594px 0px, rgb(255, 69, 188) 0.282949px 3.98998px 0px, rgb(255, 69, 188) -0.712984px 3.93594px 0px, rgb(255, 69, 188) -1.66459px 3.63719px 0px, rgb(255, 69, 188) -2.51269px 3.11229px 0px, rgb(255, 69, 188) -3.20457px 2.39389px 0px, rgb(255, 69, 188) -3.69721px 1.52664px 0px, rgb(255, 69, 188) -3.95997px 0.56448px 0px, rgb(255, 69, 188) -3.97652px -0.432781px 0px, rgb(255, 69, 188) -3.74583px -1.40313px 0px, rgb(255, 69, 188) -3.28224px -2.28625px 0px, rgb(255, 69, 188) -2.61457px -3.02721px 0px, rgb(255, 69, 188) -1.78435px -3.57996px 0px, rgb(255, 69, 188) -0.843183px -3.91012px 0px, rgb(255, 69, 188) 0.150409px -3.99717px 0px, rgb(255, 69, 188) 1.13465px -3.8357px 0px, rgb(255, 69, 188) 2.04834px -3.43574px 0px, rgb(255, 69, 188) 2.83468px -2.82216px 0px, rgb(255, 69, 188) 3.44477px -2.03312px 0px, rgb(255, 69, 188) 3.84068px -1.11766px 0px, rgb(255, 69, 188) 3.9978px -0.132717px 0px;
    text-align: center;
    margin-top: 7.5%;
    margin-bottom: 7.5%;
    
}

.kabegami_third .inner .box01{
    display: flex;
    justify-content: space-around;
    padding-bottom: 5%;
}

.kabegami_third .inner .box01 img{
    border-radius: 50px;
}

.kabegami_third .inner .box01 .syugou{
  display: flex;
  align-items: center;
  color: #FF45BC;
  margin-right: 11.3%;
}

.kabegami_third .inner .box01 .yuruobake{
  display: flex;
  align-items: center;
  color: #8953FF;
  margin-left: 16.3%;
}

.kabegami_third .inner .box01 .yurkyura{
  display: flex;
  align-items: center;
  color: #FF45BC;
  margin-right: 18.8%;
}

.kabegami_third .inner .box01 .yuruberosu{
  display: flex;
  align-items: center;
  color: #8953FF;
  margin-left: 18.8%;
}

.kabegami_third .inner .box01 .yurmosu{
  display: flex;
  align-items: center;
  color: #FF45BC;
  margin-right: 20.3%;
}

.kabegami_third .inner .box01 .yuronryo{
  display: flex;
  align-items: center;
  color: #8953FF;
  margin-left: 20.3%;
}

/* 4thセクションだよ*/
.kabegami_fourth{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kabegami_fourth .inner01{
    width: 100%;
    background-color: #FF45BC;
    border-radius: 77px;
    padding: 00% 1.6% 00px 1.6%;
    position: relative;
    z-index: 100;
}

.kabegami_fourth .inner01 h2{
    color: #f7f7f7;
    text-align: center;
}

.kabegami_fourth .inner02{
    width: 100%;
    background-color: #F7F7F7;
    border: 10px solid #00FFBB;
    border-radius: 77px;
    padding: 6.2% 3.1% 3.1% 3.1%;
    margin-bottom: 11.6%;
    position: relative;
    z-index: 10;
    top: -25px;
}

.kabegami_fourth .inner02 h3{
    margin-bottom: 2.5%;
}

.kabegami_fourth .inner02 p{
    margin-bottom: 7.5%;
}

.kabegami_fourth .inner03{
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-direction: center;
  position: relative;
  z-index: 10;
  
}


.kabegami_fourth .inner03 h3{
    color: #FF45BC;
    text-align: center;
    margin-bottom: 5%;
}

.kabegami_fourth .inner03 .box01{
    display: flex;
    justify-content: center;
    align-items: center;
}

.kabegami_fourth .inner03 .box01 img{
    width: 70%;
}

.kabegami_fourth .inner03 .box01 .box01_inner01{
    display: none;
    position: absolute;
    z-index: 100;
    top: -150px;
    right: 1000px;
}

.kabegami_fourth .inner03 .box01 .box01_inner02{
    display: none;
    width: 12%;
    position: absolute;
    z-index: 100;
    top: -150px;
    left: 100%;
}

.kabegami_fourth .inner03 .box01 .box01_inner03{
    display: none;
    position: absolute;
    z-index: 100;
    top: 0px;
    right: 100%;
}

.kabegami_fourth .inner03 .box01 .box01_inner04{
    display: none;
    position: absolute;
    z-index: 100;
    top: 10px;
    left: 100%;
}


.kabegami_fourth .inner03 .box01 .box01_inner05{
    width: 30%;
    transform: scale(-1, 1);
    position: absolute;
    z-index: 100;
    right: 80%;
}

.kabegami_fourth .inner03 .box01 .box01_inner06{
    position: relative;
    z-index: 10;
    top: 40px;
    left: 10%;
}

.kabegami_fourth .inner03 .box01 .box01_inner07{
    position: relative;
    z-index: 10;
    top: 40px;
}

.kabegami_fourth .inner03 .box01 .box01_inner08{
    position: relative;
    z-index: 10;
    top: 40px;
    right: 10%;
}

.kabegami_fourth .inner03 .box01 .box01_inner09{
    width: 25%;
    position: absolute;
    z-index: 100;
    left: 80%;
}

.cover{
    position: relative;
    z-index: 800;
}



  /* 08プライバシーポリシー */
.section_plivacy_policy p,
.section_plivacy_policy li,
.section_plivacy_policy ul{
  font-size: 11px;
  line-height: normal;
}
.section_plivacy_policy .hinotama01{
  left: 20px;
  top: 50px;
  width: 80px;
}
.section_plivacy_policy .hinotama02{
  right: 20px;
  top: 50px;
  width: 80px;
}

.section_plivacy_policy .title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap; /* 折り返し禁止 */
  gap: 1vw; /* 要素間の余白も可変 */
}
.section_plivacy_policy .title img {
  width: 15vw;  /* 画面幅に応じて縮む */
  height: auto; /* 縦横比維持 */
}
.section_plivacy_policy .title h2 {
  font-size: 3vw; /* ビューポート幅に比例 */
  flex-shrink: 1; /* 横幅不足時に縮む */
  white-space: nowrap; /* 強制改行を禁止 */
}


}




/*--------------------------------- 
    ーーーレスポンシブ設定（４３０以下）
 ----------------------------------*/
@media only screen and (max-width:430px){

 /* キャラクターしょうかい */
.top_fifth{
  padding-top: 10%;
}
.top_fifth .box01 {
    padding-bottom: 10%; /* 下の余白を小さく */
  }

 .swiper.mySwiper {
    height: 300px; /* 元600pxから縮小 */

  }
   .card-bg {
    max-width: 200px; /* 横幅を小さく */
  }

  /* キャラGIFのサイズも縮小 */
  .card-gif,
  .card-gif01 {
    max-width: 180px;
    bottom: 65px; /* キャラ位置も調整 */
  }




}