@charset "UTF-8";

.p-main-structure{
  margin-top:30px;
  position:relative;
}

.p-main-structure:first-of-type{
  margin-top:38px;
}

.p-main-structure + .p-main-structure{
  position:relative;
  padding-top:30px;
}

.p-main-structure + .p-main-structure::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background-image:url("../img/index_border_sp@2x.png");
  background-repeat:repeat-x;
  background-size:auto 100%;
}

.p-heading{
  display:grid;
  justify-content:center;
  text-align:center;
  color:#C41B1F;
  position:relative;
}

.p-heading::before, .p-heading::after{
  content:"";
  position:absolute;
  background-size:cover;
  background-repeat:no-repeat;
  z-index:1;
}

.p-heading.of-april::before{
  top:12px;
  left:-25px;
  width:76px;
  height:53px;
  background-image:url('../img/index_decoration_01_sp@2x.png');
}

.p-heading.of-april::after{
  top:-1px;
  right:-10px;
  width:88px;
  height:80px;
  background-image:url('../img/index_decoration_02_sp@2x.png');
}

.p-heading.of-may::before{
  top:10px;
  left:7px;
  width:56px;
  height:63px;
  background-image:url('../img/index_decoration_03_sp@2x.png');
}

.p-heading.of-may::after{
  top:-4px;
  right:-5px;
  width:82px;
  height:73px;
  background-image:url('../img/index_decoration_04_sp@2x.png');
}

.p-heading.of-june::before{
  top:-1px;
  left:-10px;
  width:93px;
  height:91px;
  background-image:url('../img/index_decoration_05_sp@2x.png');
}

.p-heading.of-july::before{
  top:11px;
  left:-18px;
  width:86px;
  height:70px;
  background-image:url('../img/index_decoration_06_sp@2x.png');
}

.p-heading.of-july::after{
  top:19px;
  right:7px;
  width:59px;
  height:47px;
  background-image:url('../img/index_decoration_07_sp@2x.png');
}

.p-heading.of-august::before{
  top:-4px;
  left:7px;
  width:45px;
  height:79px;
  background-image:url('../img/index_decoration_08_sp@2x.png');
}

.p-heading.of-august::after{
  top:3px;
  right:1px;
  width:71px;
  height:73px;
  background-image:url('../img/index_decoration_09_sp@2x.png');
}

.p-heading.of-september::before{
  top:1px;
  left:0px;
  width:70px;
  height:69px;
  background-image:url('../img/index_decoration_10_sp@2x.png');
}

.p-heading.of-september::after{
  top:-3px;
  right:1px;
  width:70px;
  height:73px;
  background-image:url('../img/index_decoration_11_sp@2x.png');
}

.p-heading.of-october::before{
  top:5px;
  left:-2px;
  width:81px;
  height:70px;
  background-image:url('../img/index_decoration_12_sp@2x.png');
}

.p-heading.of-october::after{
  top:1px;
  right:-7px;
  width:78px;
  height:75px;
  background-image:url('../img/index_decoration_13_sp@2x.png');
}

.p-heading.of-november::before{
  top:12px;
  left:-3px;
  width:67px;
  height:56px;
  background-image:url('../img/index_decoration_14_sp@2x.png');
}

.p-heading.of-november::after{
  top:5px;
  right:-4px;
  width:75px;
  height:59px;
  background-image:url('../img/index_decoration_15_sp@2x.png');
}

.p-heading.of-december::before{
  top:-12px;
  left:7px;
  width:48px;
  height:91px;
  background-image:url('../img/index_decoration_16_sp@2x.png');
}

.p-heading.of-december::after{
  top:8px;
  right:-4px;
  width:66px;
  height:68px;
  background-image:url('../img/index_decoration_17_sp@2x.png');
}

.p-heading.of-january::before{
  top:-2px;
  left:2px;
  width:72px;
  height:78px;
  background-image:url('../img/index_decoration_18_sp@2x.png');
}

.p-heading.of-january::after{
  top:2px;
  right:4px;
  width:52px;
  height:71px;
  background-image:url('../img/index_decoration_19_sp@2x.png');
}

.p-heading.of-february::before{
  top:4px;
  right:5px;
  width:69px;
  height:69px;
  background-image:url('../img/index_decoration_20_sp@2x.png');
}

.p-heading.of-march::after{
  top:8px;
  left:-13px;
  width:93px;
  height:74px;
  background-image:url('../img/index_decoration_23_sp@2x.png');
}

.p-heading__title{
  order:2;
  line-height:1;
  margin:0;
  font-weight:bold;
}

.p-heading__number{
  font-size:6rem;
}

.p-heading__unit{
  font-size:3.6rem;
}

.p-heading__subTitle{
  order:1;
  font-size:1.6rem;
  font-weight:bold;
  line-height:1;
}

.p-layout-schedule{
  margin-top:18px;
  display:flex;
  justify-content:center;
}

.p-layout-schedule__inner{
   max-width:335px;
   width:100%;
}

.p-card-event{
  margin-top:12px;
  box-shadow:4px 4px 4px rgba(0, 0, 0, 0.1);
  max-width:335px;
}

.p-card-event.of-image{
  padding-top:8px;
}

.p-card-event.of-type-1{
  background-color:#FFEAEA;
}

.p-card-event.of-type-2{
  background-color:#F7EACF;
}

.p-card-event.of-photo-1, .p-card-event.of-photo-2, .p-card-event.of-photo-3, .p-card-event.of-photo-4{
  position:relative;
}

.p-card-event.of-photo-1::after{
  content:"";
  position:absolute;
  top:-25px;
  left:-13px;
  width:123px;
  height:104px;
  background-image:url('../img/index_photo_01_sp@2x.jpg');
  background-size:cover;
  background-repeat:no-repeat;
  box-shadow:4px 4px 4px rgba(0, 0, 0, 0.1);
  z-index:1;
}

.p-card-event.of-photo-2::after{
  content:"";
  position:absolute;
  top:-91px;
  right:-11px;
  width:109px;
  height:99px;
  background-image:url('../img/index_photo_02_sp@2x.jpg');
  background-size:cover;
  background-repeat:no-repeat;
  box-shadow:4px 4px 4px rgba(0, 0, 0, 0.1);
  z-index:1;
}

.p-card-event.of-photo-3::after{
  content:"";
  position:absolute;
  top:-69px;
  left:-13px;
  width:114px;
  height:88px;
  background-image:url('../img/index_photo_03_sp@2x.jpg');
  background-size:cover;
  background-repeat:no-repeat;
  box-shadow:4px 4px 4px rgba(0, 0, 0, 0.1);
  z-index:1;
}

.p-card-event.of-photo-4::after{
  content:"";
  position:absolute;
  top:-63px;
  right:-12px;
  width:121px;
  height:93px;
  background-image:url('../img/index_photo_04_sp@2x.jpg');
  background-size:cover;
  background-repeat:no-repeat;
  box-shadow:4px 4px 4px rgba(0, 0, 0, 0.1);
  z-index:1;
}

.p-card-event__inner{
  padding:12px 12px 12px 12px;
}

.p-card-event__title{
  font-size:1.8rem;
  line-height:1.4;
  font-weight:700;
  line-height:140%;
  letter-spacing:0.1em;
  text-align:center;
}

.p-card-event__image{
  margin-top:12px;
  text-align:center;
}

@media (width > 767px){
  .p-main-structure{
    margin-top:38px;
  }
  .p-main-structure:first-of-type{
    margin-top:60px;
  }
  .p-main-structure + .p-main-structure{
    padding-top:38px;
  }

  .p-main-structure__inner{
    display:grid;
    grid-template-columns:19% 1fr;
    align-items:center;
  }

  .p-heading{
    height:fit-content;
  }
  .p-heading.of-april::before{
    top:auto;
    bottom:-62px;
    left:auto;
    right:-7px;
    width:90px;
    height:71px;
    background-image:url('../img/index_decoration_01_pc@2x.png');
  }
  .p-heading.of-april::after{
    top:-91px;
    right:auto;
    left:-26px;
    width:98px;
    height:88px;
    background-image:url('../img/index_decoration_02_pc@2x.png');
  }
  .p-heading.of-may::before{
    top:-87px;
    left:6px;
    width:57px;
    height:64px;
    background-image:url('../img/index_decoration_03_sp@2x.png');
  }
  .p-heading.of-may::after{
    top:auto;
    bottom:-95px;
    right:-4px;
    width:82px;
    height:73px;
    background-image:url('../img/index_decoration_04_pc@2x.png');
  }
  .p-heading.of-june::before{
    top:-116px;
    left:16px;
    width:94px;
    height:92px;
    background-image:url('../img/index_decoration_05_pc@2x.png');
  }
  .p-heading.of-july::before{
    display:none;
  }
  .p-heading.of-july::after{
    top:auto;
    bottom:-17px;
    left:-11px;
    width:50px;
    height:40px;
    background-image:url('../img/index_decoration_07_pc@2x.png');
  }
  .p-heading.of-august::before{
    top:auto;
    bottom:-97px;
    left:-8px;
    width:39px;
    height:68px;
    background-image:url('../img/index_decoration_08_pc@2x.png');
  }
  .p-heading.of-august::after{
    top:-101px;
    right:-16px;
    width:79px;
    height:67px;
    background-image:url('../img/index_decoration_09_pc@2x.png');
  }
  .p-heading.of-september::before{
    top:-110px;
    left:-16px;
    width:70px;
    height:69px;
    background-image:url('../img/index_decoration_10_pc@2x.png');
  }
  .p-heading.of-september::after{
    top:auto;
    bottom:-88px;
    right:-17px;
    width:67px;
    height:69px;
    background-image:url('../img/index_decoration_11_pc@2x.png');
  }
  .p-heading.of-october::before{
    top:-110px;
    left:auto;
    right:-16px;
    width:87px;
    height:67px;
    background-image:url('../img/index_decoration_12_pc@2x.png');
  }
  .p-heading.of-october::after{
    top:auto;
    bottom:-111px;
    right:auto;
    left:-24px;
    width:93px;
    height:93px;
    background-image:url('../img/index_decoration_13_pc@2x.png');
  }
  .p-heading.of-november::before{
    top:auto;
    bottom:-101px;
    right:auto;
    left:-17px;
    width:63px;
    height:55px;
    background-image:url('../img/index_decoration_14_pc@2x.png');
  }
  .p-heading.of-november::after{
    top:-103px;
    left:auto;
    right:-20px;
    width:71px;
    height:56px;
    background-image:url('../img/index_decoration_15_pc@2x.png');
  }
  .p-heading.of-december::before{
    top:auto;
    bottom:-26px;
    left:-19px;
    width:45px;
    height:74px;
    background-image:url('../img/index_decoration_16_pc@2x.png');
  }
  .p-heading.of-december::after{
    display:none;
  }
  .p-heading.of-january::before{
    display:none;
  }
  .p-heading.of-january::after{
    top:auto;
    bottom:-28px;
    right:-10px;
    width:43px;
    height:65px;
    background-image:url('../img/index_decoration_19_pc@2x.png');
  }
  .p-heading.of-february::before{
    top:-100px;
    left:-29px;
    width:75px;
    height:75px;
    background-image:url('../img/index_decoration_20_pc@2x.png');
  }
  .p-heading.of-february::after{
    bottom:-162px;
    right:0px;
    width:67px;
    height:61px;
    background-image:url('../img/index_decoration_21_pc@2x.png');
  }
  .p-heading.of-march::before{
    top:-108px;
    right:-24px;
    width:74px;
    height:80px;
    background-image:url('../img/index_decoration_22_pc@2x.png');
  }
  .p-heading.of-march::after{
    top:auto;
    bottom:-92px;
    left:-28px;
    width:103px;
    height:81px;
    background-image:url('../img/index_decoration_23_pc@2x.png');
  }

  .p-heading__number{
    font-size:7.4rem;
  }

  .p-heading__unit{
    font-size:4.6rem;
  }

  .p-heading__subTitle{
    order:1;
    font-size:2rem;
    font-weight:bold;
  }
  .p-layout-schedule{
    display:block;
  }
  .p-layout-schedule__inner{
    display:grid;
    justify-content:center;
    grid-template-columns:repeat(6, 1fr);
    column-gap:24px;
    row-gap:12px;
    max-width:100%;
  }
  .p-layout-schedule__inner.of-5-row{
    grid-template-rows:repeat(5, 1fr);
  }
  .p-card-event{
    grid-row:1 / 5;
  }
  .p-card-event.of-not-image{
    height:65px;
  }
  .p-card-event.of-not-image .p-card-event__inner{
    padding:0 12px 0;
  }
  .p-card-event.of-row-1to2{
    grid-row:1 / 2;
  }
  .p-card-event.of-row-2to3{
    grid-row:2 / 3;
  }
  .p-card-event.of-row-5to6{
    grid-row:5 / 6;
  }
  .p-card-event.of-column-1to3{
    grid-column:1 / 3;
  }
  .p-card-event.of-column-3to5{
    grid-column:3 / 5;
  }
  .p-card-event.of-column-5to7{
    grid-column:5 / 7;
  }
  .p-card-event.of-column-4to6{
    grid-column:4 / 6;
  }
  .p-card-event.of-photo-1::after{
    top:auto;
    bottom:-19px;
    left:auto;
    right:-164px;
    width:203px;
    height:164px;
    background-image:url('../img/index_photo_01_pc@2x.jpg');
  }
  .p-card-event.of-photo-2::after{
    top:auto;
    bottom:-77px;
    right:-49px;
    width:135px;
    height:129px;
    background-image:url('../img/index_photo_02_pc@2x.jpg');
  }
  .p-card-event.of-photo-3::after{
    top:auto;
    bottom:-95px;
    left:auto;
    right:-15px;
    width:183px;
    height:128px;
    background-image:url('../img/index_photo_03_pc@2x.jpg');
  }
  .p-card-event.of-photo-4::after{
    top:auto;
    bottom:-33px;
    right:-186px;
    width:221px;
    height:153px;
    background-image:url('../img/index_photo_04_pc@2x.jpg');
  }
  .p-card-event.of-decoration{
    position:relative;
  }
  .p-card-event.of-decoration::after{
    content:"";
    position:absolute;
    background-size:cover;
    background-repeat:no-repeat;
    top:-33px;
    right:-26px;
    width:62px;
    height:60px;
    background-image:url('../img/index_decoration_17_pc@2x.png');
  }
  
  .p-card-event__inner{
    height:100%;
    display:grid;
    grid-template-rows:1fr auto;
  }
  .p-card-event__title{
    font-size:1.8rem;
    display:grid;
    align-items:center;
  }
}