@charset "UTF-8";
.c-header,
.footer_item{
  position: relative;
  background-color: #fff;
  z-index: 2;
}
.pc-nav ul a{
    color: #503414;
}
.splide__track:before,
.splide__track:after{
  content: '';
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
  background: url("../img/img_bg00.jpg")no-repeat center center/cover;
  top: 0;
  z-index: 9;
}
.splide__track:before{
  left: 0;
}
.splide__track:after{
  right: 0;
}
.page-wrapper *:where(:not(iframe, canvas, img, svg, video, .splide):not(svg *, .splide *)) {
  all: unset;
  display: revert;
}
.page-wrapper *, .page-wrapper *::before, .page-wrapper *::after {
  color: #231815;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page-wrapper ol, .page-wrapper ul {
  list-style: none;
}
.page-wrapper img {
  width: 100%;
  display: block;
}
.page-wrapper table {
  border-collapse: collapse;
}
.page-wrapper a {
  cursor: pointer;
}
.page-wrapper p {
  font-size: clamp(10px, 3.2vw, 12px);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.04em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.page-wrapper a {
  -webkit-transform: 0.3s;
  transform: 0.3s;
  text-decoration: none;
}
.page-wrapper a:hover {
  opacity: 0.8;
}
@media (min-width: 768px) {
  .page-wrapper .pc-only {
    display: block;
  }
  .page-wrapper .sp-only {
    display: none;
  }
}
@media (max-width: 767.9999px) {
  .page-wrapper .pc-only {
    display: none;
  }
  .page-wrapper .sp-only {
    display: block;
  }
}
.page-wrapper{
  position: relative;
  z-index: 1;
}
.parallax-bg{
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 375px;
  width: 40%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /*background-image: url("");*/
  z-index: -2;
}
.parallax-bg img{
  display: none;
}
.page-wrapper .page-wrapper-bg{
  background: url("../img/pic_bg00.png")no-repeat center top/100% auto;
}
@media (max-width: 767.9999px) {
    .parallax-bg{
      max-width: inherit;
      width: 100%;
    }
}
/* ↑ コンテンツ部分設定 */
/* ↓ 特集 */
.page-wrapper .key-visual p {
  width: 85.3%;
  margin: 0 auto;
}
.page-wrapper .lead {
  width: 100%;
  background: url("../img/img_bg02.png") no-repeat center 75%/90.7%;
  position: relative;
}
.page-wrapper .lead h2 {
  width: 79.2%;
  margin: 7.5% auto 0;
}
.page-wrapper .lead .lead-text {
  width: 84%;
  margin: 5% auto 0;
}
.page-wrapper .lead ul {
  width: 94.1%;
  margin: 65% auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page-wrapper .lead ul li {
  width: 49.6%;
  margin-top: .5%;
}
.page-wrapper .story_column {
  background: url("../img/img_bg03.png") no-repeat center center/cover;
  position: relative;
  margin-top: 2em;
}
.page-wrapper .story_column .section-text{
  width: 72%;
  margin: 2.5em auto 0;
}
.page-wrapper .story_column .section-category {
  position: relative;
  z-index: 1;
  padding: 5em 0;
}
.page-wrapper .story_column .section-category .figure{
  width: 73.1%;
  margin: 0 auto;
}
.page-wrapper .story_column .section-category .tontu{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
}
.page-wrapper .story_column .section-category .tontu.tontu-red{
  width: 17.9%;
  top: 22.5%;
}
.page-wrapper .story_column .section-category .tontu.tontu-blue{
  width: 21.4%;
  top: 42.5%;
  left: 25%;
}
.page-wrapper .story_column .section-category .tontu.tontu-purple{
  width: 22.5%%;
  top: 40%;
  left: 75%;
}
.page-wrapper .story_column .section-category .tontu.tontu-green{
  width: 19.6%;
  top: 70%;
  left: 32.5%;
}
.page-wrapper .story_column .section-category .tontu.tontu-yellow{
  width: 21.1%;
  top: 70%;
  left: 66%;
}
.page-wrapper .container{
  margin: 4em auto 0;
  position: relative;
}
.page-wrapper .container .inner{
  width: 93.3%;
  border-radius: 1.0rem;
  background: url("../img/img_bg04.png") no-repeat center center/cover;
  padding: 4em 0 2em;
  margin: -6em auto 0;
}
.page-wrapper .container .inner--block{
  width: 85.7%;
  margin: 0 auto;
  font-family: "Noto Sans", sans-serif;
  color: #503414;
  position: relative;
}
.page-wrapper .container .inner--block .icon{
  position: absolute;
}
.page-wrapper .container .inner--block .icon.i01{
  width: 16.5%;
  top: -1em;
  right: -2.8em;
}
.page-wrapper .container .inner--block .icon.i02{
  width: 27.3%;
  top: 4em;
  left: -3em;
}
.page-wrapper .container .inner--block .icon.i03{
  width: 21.4%;
  top: 2em;
  right: -3.2em;
}
.page-wrapper .container .inner--block .icon.i04{
  width: 23.3%;
  top: .5em;
  left: -4em;
}
.page-wrapper .container .section-title{
  position: relative;
  z-index: 2;
}
.page-wrapper .container .inner--block:first-of-type{
  margin-top: 4em;
}
.page-wrapper .container .inner--block:nth-of-type(n+2){
  border-top: 1px solid #503414;
  padding-top: 2em;
  margin-top: 2.5em;
}
/*.page-wrapper .container .inner--block:nth-of-type(n+2) .h3-title{
  margin-top: 0;
}*/
.page-wrapper .container .inner--block .h3-title{
  font-size: clamp(16px, 5.3vw, 20px);
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  color: #DD4910;
  /*margin-top: 2.5em;*/
}
.page-wrapper .container .inner--block .sche-box{
  margin: 1em auto 0;
}
.page-wrapper .container .inner--block .sche-box .hav-icon{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  font-size: clamp(13px, 4.3vw, 16px);
  line-height: 1.4;
  text-align: center;
  padding-left: 2em;
  margin: .5em auto 0;
}
.page-wrapper .container .inner--block .sche-box .hav-icon:before{
  content: '';
  display: block;
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.page-wrapper .container .inner--block .sche-box .icon-map{
  padding-left: 1.6em;
}
.page-wrapper .container .inner--block .sche-box .icon-calendar:before{
  background: url(../img/icon_calendar.png) no-repeat center top/100% auto;
}
.page-wrapper .container .inner--block .sche-box .icon-clock:before{
  background: url(../img/icon_clock.png) no-repeat center top/100% auto;
}
.page-wrapper .container .inner--block .sche-box .icon-map:before{
  width: 1.2em;
  background: url(../img/icon_map.png) no-repeat center top/100% auto;
}
.page-wrapper .container .inner--block .sche-box .hav-icon span em{
  display: block;
  font-size: clamp(10px, 3.2vw, 12px);
}
.page-wrapper .container .inner--block .image{
  margin-top: 1em;
}
.page-wrapper .container .inner--block .text{
  font-size: clamp(10px, 3.5vw, 13px);
  line-height: 1.7;
  text-align: justify;
  margin-top: 1em;
}
.page-wrapper .container .inner--block .link-btn{
  font-size: clamp(10px, 3.5vw, 13px);
  font-weight: bold;
  line-height: 1;
  text-align: center;
  margin-top: 1.5em;
  border: 2px solid #503414;
}
.page-wrapper .container .inner--block .link-btn a{
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: #503414;
  padding: 1em;
}
.page-wrapper .container .inner--block .link-btn.soon{
  font-size: clamp(14px, 4.5vw, 17px);
}
.page-wrapper .container .inner--block .link-btn.soon a{
  color: #503414;
  background-color: #fff;
  padding: .7em;
}
.page-wrapper .container.heightlight_column .block{
  background: url("../img/img_bg06.png") no-repeat center top/100% auto;
  padding: 12em 0 2em;
  margin: -14em auto 0;
}
.page-wrapper .container.heightlight_column .block--category{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4em;
}
.page-wrapper .container.heightlight_column .block--category:nth-of-type(n+2){
  margin-top: 2em;
}
.page-wrapper .container.heightlight_column .block--category .image{
  width: 65%;
}
.page-wrapper .container.heightlight_column .block--category p{
  width: 46.3%;
  margin-top: 2em;
}
.page-wrapper .container.heightlight_column .block--category:nth-of-type(even){
  flex-direction: row-reverse;
}
.page-wrapper .container.heightlight_column .block--category:nth-of-type(odd) .image{
  margin-left: -10%;
}
.page-wrapper .container.heightlight_column .block--category:nth-of-type(even) .image{
  margin-right: -10%;
}
.page-wrapper .container.heightlight_column .block--category:nth-of-type(odd) p{
  margin-right: 5%;
}
.page-wrapper .container.heightlight_column .block--category:nth-of-type(even) p{
  margin-left: 5%;
}
.page-wrapper .container.heightlight_column .block .info{
  margin-top: 4em;
}


/* モーダルと背景の指定 */
.modal {
  display: none;
  overflow: auto;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 30%);
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 99;
}
.modal-box {
  text-align: center;
  animation-name: modalopen;
  animation-duration: 1s;
  width: 95.5vw;
  height: 95.5vw;
  max-width: 358px;
  max-height: 358px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.modal-box::before{
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #FEF2E1;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
}
.modal-box .inner{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.modal-box .inner p{
  margin-top: 1.3em;
}
/* モーダルを閉じるボタンの指定 */
.modalClose {
  width: 35.5%;
  padding: 0;
  margin: 1.2em auto 0;
  cursor: pointer;
  transition: all 0.4s ease-out;
}