@charset "UTF-8";

@media (max-width: 1400px) and (min-width: 768px){
  html{
    font-size: 0.7142857143vw!important;
  }
}
@media (max-width: 1920px) and (min-width: 768px){
  html{
    font-size: calc(10 *(100vw / 1920))!important;
  }
}
.CE240419April{
  --zindex-behind: -1;
  --zindex-middle: 0;
  --zindex-front: 1;
  --pointer-none: none;

  --color-txt: #000;
  --color-credit: #8E8E8E;
}
/*================================
  breadlist
=================================*/
#breadcrumb .cateList{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: initial;
}
.archiveArea {
  margin-top: calc(130 *(100vw / 750)) !important;
}
#breadcrumb .cateList a{
  width: auto;
}
@media screen and (min-width: 768px) {
  #breadcrumb{
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
  }
  #breadcrumb .cateList{
    text-overflow: clip;
    white-space: normal;
    overflow: visible;
  }
  .archiveArea {
    margin-top: 115px !important;
  }
}

/*================================
  variables
=================================*/
.CE240419April img,
.CE240419April picture,
.CE240419April a{
  display: inline-block;
  width: 100%;
  height: auto;
}
.CE240419April a{
  display: block;
  width: 100%;
  height: 100%;
}
.CE240419April img:hover,
.CE240419April a:hover{
  transition: .5s;
  opacity: 70%;
}
.CE240419April .lastArea__img img:hover{
  opacity: 100%;
}
.CE240419April span{
  display: inline-block;
}
.CE240419April .flexArea{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}
.CE240419April .gridWrap{
  display: grid;
  margin: 0 auto;
  width: 100%;
}
/*--------------------------------
  variables for mobile
--------------------------------*/
@media screen and (max-width: 767px) {
  .CE240419April .flexArea-sp{
    display: flex;
    width: 100%;
    margin: 0 auto;
  }
}
/*--------------------------------
  variables for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  .CE240419April .flexArea-pc{
    display: flex;
    width: 100%;
    margin: 0 auto;
  }
  .CE240419April [data-img]{
    background: #fff;
  }
}
/* end variables */
/*================================
  font
=================================*/
.CE240419April .font-ja-sans{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.CE240419April .font-ja-serif-R{
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.CE240419April .font-ja-serif-M{
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
}
.CE240419April .font-ja-sub01{
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
}
.CE240419April .font-ja-sub02{
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
}

/*================================
  txt
=================================*/
.CE240419April .firstviewArea__ttl-txt{
  font-size: calc(60 *(100vw /1500));
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--color-txt);
  text-align: center;
}
.CE240419April .firstviewArea__txt{
  font-size: calc(45 *(100vw /1500));
  line-height: 1.7777777778;
  letter-spacing: 0.03em;
  color: var(--color-txt);
  text-align: center;
  padding-right: calc(34*(100vw /1500));
}
.CE240419April .lastArea__ttl-txt{
  font-size: calc(52 *(100vw /1500));
  line-height: 1.5;
  letter-spacing: 0;
  color:#fff;
  text-align: center;
}
.CE240419April .lastArea__txt{
  font-size: calc(40 *(100vw /1500));
  line-height: 1.75;
  letter-spacing: 0.03em;
  color:#fff;
  text-align: left;
  width: calc(950*(100vw /1500));
  margin: 0 auto calc(118*(100vw /1500));
}
.CE240419April .lastArea__edit{
  font-size: calc(30*(100vw / 1500));
  line-height: 2;
  letter-spacing: 0;
  color: #fff;
  text-align: left;
  width: calc(950*(100vw / 1500));
  border-top: solid #fff calc(1*(100vw / 1500));
  padding: calc(18*(100vw / 1500)) 0 0 calc(35*(100vw / 1500));
  margin: 0 auto calc(228*(100vw /1500)) calc(240*(100vw /1500));
  white-space: nowrap;
}
.CE240419April .lastArea__staff{
  font-size: calc(35 *(100vw /1500));
  line-height: 1.7142857143;
  letter-spacing: 0;
  color:#000002;
  text-align: center;
  width: calc(825*(100vw /1500));
  margin: 0 auto;
  white-space: nowrap;
}
.CE240419April .sideTtl{
  width: calc(116.9 *(100vw /1500));
}
.CE240419April [data-txt="1"]{
  font-size: calc(60 *(100vw /1500));
  line-height: 1.6666666667;
  letter-spacing: 0;
  color: var(--color-txt);
  margin-bottom: calc(40 *(100vw /1500));
}
.CE240419April [data-txt="2"]{
  font-size: calc(40 *(100vw /1500));
  line-height: 2;
  letter-spacing: 0.025em;
  color: var(--color-txt);
}
.CE240419April [data-credit]{
  font-size: calc(30 *(100vw /1500));
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--color-credit);
}
.CE240419April .flex-right,
.CE240419April .flex-left,
.CE240419April .flex-left-pc{
  justify-content: end;
  column-gap: calc(31 *(100vw /1500));
  flex-wrap: wrap;
}
.CE240419April .flex-left{
  justify-content: left;
}
.CE240419April .flex-center-sp{
  justify-content: center;
  column-gap: calc(31 *(100vw /1500));
  flex-wrap: wrap;
}
.CE240419April .credit-txt a{
  text-decoration: underline;
  text-decoration-thickness: calc(1*(100vw / 1500));
  text-underline-offset: calc(1*(100vw / 1500));
}
/*--------------------------------
  txt for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  .CE240419April .firstviewArea__ttl-txt{
    font-size: 5rem;
  }
  .CE240419April .firstviewArea__txt{
    font-size: 3rem;
    line-height: 2;
    padding-right: 0;
  }
  .CE240419April .lastArea__ttl-txt{
    font-size: 4rem;
    white-space: nowrap;
  }
  .CE240419April .lastArea__txt{
    font-size: 2.5rem;
    line-height: 2;
    width: 61rem;
    margin: 0 auto 7.6rem 34.3rem;
  }
  .CE240419April .lastArea__edit{
    font-size: 1.8rem;
    width: 54.9rem;
    border-top: solid #fff 0.1rem;
    padding: 3.1rem 0 0 0;
    margin: 0 auto 35.7rem 34.3rem;
  }
  .CE240419April .lastArea__staff{
    font-size: 2.5rem;
    line-height: 1.6;
    width: 85rem;
  }
  .CE240419April .sideTtl{
    width: 11.69rem;
  }
  .CE240419April [data-txt="1"]{
    font-size: 3.5rem;
    line-height: 1.7142857143;
    margin-bottom: 1.8rem;
  }
  .CE240419April [data-block="6"] [data-txt="1"],
  .CE240419April [data-block="7"] [data-txt="1"]{
    font-size: 4rem;
    line-height: 1.75;
    margin-bottom: 2rem;
  }
  .CE240419April [data-txt="2"]{
    font-size: 2.5rem;
  }
  .CE240419April [data-block="6"] [data-txt="2"],
  .CE240419April [data-block="7"] [data-txt="2"]{
    line-height: 1.8;
  }
  .CE240419April [data-credit]{
    font-size: 1.8rem;
    line-height: 1.9444444444;
  }
  .CE240419April .flex-right{
    justify-content: right;
    column-gap: 1.5rem;
  }
  .CE240419April [data-credit="2"] .flex-right{
    column-gap: 1.9rem;
  }
  .CE240419April .flex-right,
  .CE240419April .flex-left,
  .CE240419April .flex-left-pc{
    justify-content: left;
    column-gap: 1.8rem;
  }
  .CE240419April .flex-center-sp,
  .CE240419April .flex-right{
    justify-content: right;
    column-gap: 1.8rem;
  }
  .CE240419April .credit-txt a{
    text-decoration-thickness: 0.1rem;
    text-underline-offset: 0.2rem;
  }
}
/* end txt */

/*================================
  layout
=================================*/
.CE240419April .pageTop{
  position: fixed;
  top: auto;
  left: auto;
  right: calc(60 *(100vw /1500));
  bottom: calc(60 *(100vw /1500));
  width: calc(64.1 *(100vw /1500));
  height: calc(56.1 *(100vw /1500));
}
.CE240419April .firstviewArea{
  margin-bottom: calc(140 *(100vw /1500));
}
.CE240419April .firstviewArea__img{
  margin: 0 auto calc(88*(100vw /1500));
  position: relative;
}
.CE240419April .firstviewArea__img-ttl{
  width: calc(1283.76 *(100vw /1500));
  position: absolute;
  top: 53.2%;
  left: 7.2%;
}
.CE240419April .firstviewArea__ttl{
  justify-content: space-between;
  align-items: center;
  width: calc(756 *(100vw /1500));
  padding-right: calc(35 *(100vw /1500));
  margin: 0 auto calc(18 *(100vw /1500));
}
.CE240419April .firstviewArea__ttl-ico{
  width: calc(84*(100vw /1500));
  padding-top: calc(16*(100vw / 1500));
}
.CE240419April [data-block]{
  position: relative;
}
.CE240419April [data-block]::before{
  content: "";
  display: block;
  position: absolute;
  z-index: var(--zindex-behind);
  pointer-events: var(--pointer-none);
}
.CE240419April [data-sideTtl]{
  position: absolute;
  z-index: var(--zindex-front);
  pointer-events: var(--pointer-none);
}
.CE240419April [data-ttl]{
  pointer-events: var(--pointer-none);
  z-index: var(--zindex-front);
}
/* block01 */
.CE240419April [data-block="1"]{
  margin-bottom: calc(248 *(100vw /1500));
}
.CE240419April [data-block="1"]::before{
  width: calc(856 *(100vw /1500));
  height: calc(1581 *(100vw /1500));
  background-color: #F4E9EF;
  top: calc(792 *(100vw /1500));
  left: 0;
}
.CE240419April [data-sideTtl="1"]{
  top: calc(84 *(100vw /1500));
  left: calc(30 *(100vw /1500));
}
.CE240419April [data-ttl="1"]{
  width: calc(608.85 *(100vw /1500));
  position: absolute;
  top: calc(236 *(100vw /1500));
  left: calc(175 *(100vw /1500));
}
.CE240419April [data-block="1"] [data-img="1"]{
  width: calc(1250 *(100vw /1500));
  margin: 0 0 calc(95 *(100vw /1500)) auto;
}
.CE240419April [data-txtWrap="1"]{
  width: calc(1000 *(100vw /1500));
  margin: 0 auto calc(91 *(100vw /1500));
}
.CE240419April [data-block="1"] [data-img="2"]{
  width: calc(850 *(100vw /1500));
  margin: 0 0 calc(60 *(100vw /1500)) auto;
}
.CE240419April [data-block="1"] [data-img="3"]{
  width: calc(850 *(100vw /1500));
  margin: 0 calc(200 *(100vw /1500)) calc(20 *(100vw /1500)) auto;
}
.CE240419April [data-credit="1"]{
  margin: 0 calc(200 *(100vw /1500))  0 auto;
}
/* block02 */
.CE240419April [data-block="2"]{
  margin-bottom: calc(358 *(100vw /1500));
}
.CE240419April [data-block="2"]::before{
  width: calc(850 *(100vw /1500));
  height: calc(1909 *(100vw /1500));
  background-color: #E4E2ED;
  top: calc(1153 *(100vw /1500));
  left: 0;
}
.CE240419April [data-sideTtl="2"]{
  left: auto;
  top: 75.6%;
  right: 2%;
}
.CE240419April [data-ttl="2"]{
  width: calc(396.55 *(100vw /1500));
  position: absolute;
  top: calc(1277 *(100vw /1500));
  left: calc(913 *(100vw /1500));
}
.CE240419April [data-block="2"] [data-img="4"]{
  width: calc(1200 *(100vw /1500));
  margin: 0 auto calc(98 *(100vw /1500));
}
.CE240419April [data-txtWrap="2"]{
  width: calc(1200 *(100vw /1500));
  margin: 0 auto calc(52 *(100vw /1500));
}
.CE240419April [data-block="2"] [data-img="5"]{
  width: calc(850 *(100vw /1500));
  margin: 0 0 calc(57 *(100vw /1500)) auto;
}
.CE240419April [data-block="2"] [data-img="6"]{
  width: calc(1000 *(100vw /1500));
  margin: 0 auto calc(20 *(100vw /1500));
}
.CE240419April [data-credit="2"]{
  margin: 0 calc(250 *(100vw /1500))  0 auto;
}
.middle-img01{
  margin-bottom: calc(350 *(100vw /1500));
}
/* block03 */
.CE240419April [data-block="3"]{
  margin-bottom: calc(239 *(100vw /1500));
}
.CE240419April [data-block="3"]::before{
  width: calc(719 *(100vw /1500));
  height: calc(676 *(100vw /1500));
  background-color: #E2ECF5;
  bottom: 15.8%;
  left: 37%;
}
.CE240419April [data-ttl="3"]{
  width: calc(547.8 *(100vw /1500));
  position: absolute;
  top: calc(437 *(100vw /1500));
  left: calc(807 *(100vw /1500));
}
.CE240419April [data-block="3"] [data-img="8"]{
  width: calc(1000 *(100vw /1500));
  margin: 0 0 calc(59 *(100vw /1500));
}
.CE240419April [data-block="3"] [data-img="9"]{
  width: calc(1000 *(100vw /1500));
  margin: 0 0 calc(20 *(100vw /1500));
}
.CE240419April [data-credit="3"]{
  width: calc(1000*(100vw / 1500));
  margin: 0 0 calc(93*(100vw / 1500));
}
.CE240419April [data-txtWrap="3"]{
  width: calc(1200 *(100vw /1500));
  margin: 0 auto;
}
/* block04 */
.CE240419April [data-block="4"]{
  margin-bottom: calc(177 *(100vw /1500));
}
.CE240419April [data-block="4"]::before{
  width: calc(1273 *(100vw /1500));
  height: calc(794 *(100vw /1500));
  background-color: #E4E2ED;
  top: calc(2314 *(100vw /1500));
  left: 0;
}
.CE240419April [data-sideTtl="4"]{
  top: calc(3450 *(100vw /1500));
  left: calc(30 *(100vw /1500));
}
.CE240419April [data-ttl="4"]{
  width: calc(606 *(100vw /1500));
  position: absolute;
  top: calc(26 *(100vw /1500));
  left: calc(447 *(100vw /1500));
}
.CE240419April [data-block="4"] [data-img="10"]{
  width: calc(1200*(100vw / 1500));
  margin: 0 auto calc(87*(100vw / 1500));
}
.CE240419April [data-txtWrap="4"]{
  width: calc(1200 *(100vw /1500));
  margin: 0 auto calc(90 *(100vw /1500));
}
.CE240419April [data-block="4"] [data-img="11"]{
  width: calc(850 *(100vw /1500));
  margin: 0 0 calc(60 *(100vw /1500)) auto;
}
.CE240419April [data-block="4"] [data-img="12"]{
  width: calc(850 *(100vw /1500));
  margin: 0 auto calc(20 *(100vw /1500));
}
.CE240419April [data-credit="4"]{
  width: calc(678 *(100vw /1500));
  margin: 0 auto 0 calc(325 *(100vw /1500));
}
/* block05 */
.CE240419April [data-block="5"]{
  padding-top: calc(298 *(100vw /1500));
  margin-bottom: calc(250 *(100vw /1500));
}
.CE240419April [data-block="5"]::before{
  width: calc(850 *(100vw /1500));
  height: calc(1909 *(100vw /1500));
  background-color: #FAF3EA;
  top: calc(1738 *(100vw /1500));
  left: 0;
}
.CE240419April [data-sideTtl="5"]{
  left: auto;
  top: 77.3%;
  right: 2%;
}
.CE240419April [data-ttl="5"]{
  width: calc(510.4*(100vw / 1500));
  position: absolute;
  top: 0;
  left: 33%;
}
.CE240419April [data-block="5"] [data-img="13"]{
  width: calc(1200 *(100vw /1500));
  margin: 0 auto calc(95 *(100vw /1500));
}
.CE240419April [data-txtWrap="5"]{
  width: calc(1200 *(100vw /1500));
  margin: 0 auto calc(90 *(100vw /1500));
}
.CE240419April [data-block="5"] [data-img="14"]{
  width: calc(850 *(100vw /1500));
  margin: 0 0 calc(60 *(100vw /1500)) calc(425 *(100vw /1500));
}
.CE240419April [data-block="5"] [data-img="15"]{
  width: calc(850 *(100vw /1500));
  margin: 0 0 calc(20 *(100vw /1500));
}
.CE240419April [data-credit="5"]{
  width: calc(466*(100vw / 1500));
  margin: 0 auto 0 calc(384*(100vw / 1500));
}
/* block06 */
.CE240419April [data-block="6"]{
  margin-bottom: calc(252 *(100vw /1500));
}
.CE240419April [data-block="6"]::before{
  width: calc(1033 *(100vw /1500));
  height: calc(1577 *(100vw /1500));
  background-color: #F4E9EF;
  top: calc(1076 *(100vw /1500));
  left: auto;
  right: 0;
}
.CE240419April [data-ttl="6"]{
  width: calc(414.7*(100vw / 1500));
  position: absolute;
  top: 8.1%;
  left: 10%;
}
.CE240419April [data-block="6"] [data-img="16"]{
  width: 100%;
  margin: 0 auto calc(95 *(100vw /1500));
}
.CE240419April [data-txtWrap="6"]{
  width: calc(1200 *(100vw /1500));
  margin: 0 auto calc(92 *(100vw /1500));
}
.CE240419April [data-block="6"] .flex-img{
  justify-content: space-between;
  margin-bottom: calc(20 *(100vw /1500));
}
.CE240419April [data-block="6"] [data-img="17"],
.CE240419April [data-block="6"] [data-img="18"]{
  width: calc(730 *(100vw /1500));
}
.CE240419April [data-credit="6"]{
  width: calc(808*(100vw / 1500));
  margin: 0 auto;
  padding-right: calc(28*(100vw / 1500));
}
/* block07 */
.CE240419April [data-block="7"]{
  margin-bottom: calc(267 *(100vw /1500));
}
.CE240419April [data-block="7"]::before{
  width: calc(850 *(100vw /1500));
  height: calc(1909 *(100vw /1500));
  background-color: #E2ECF5;
  top: calc(1548 *(100vw /1500));
  left: 0;
}
.CE240419April [data-sideTtl="7"]{
  top: 71.5%;
  left: 2%;
}
.CE240419April [data-ttl="7"]{
  width: calc(420.75*(100vw / 1500));
  position: absolute;
  top: 1%;
  left: 14%;
}
.CE240419April [data-block="7"] [data-img="19"]{
  width: calc(1200 *(100vw /1500));
  margin: 0 auto calc(98 *(100vw /1500));
}
.CE240419April [data-txtWrap="7"]{
  width: calc(1200 *(100vw /1500));
  margin: 0 auto calc(92 *(100vw /1500));
}
.CE240419April [data-block="7"] [data-img="20"]{
  width: calc(850 *(100vw /1500));
  margin: 0 0 calc(60 *(100vw /1500)) calc(254 *(100vw /1500));
}
.CE240419April [data-block="7"] [data-img="21"]{
  width: calc(1000 *(100vw /1500));
  margin: 0 0 calc(20 *(100vw /1500)) auto;
}
.CE240419April [data-credit="7"]{
  width: calc(1000 *(100vw /1500));
  margin: 0 0 0 auto;
}
/* block08 */
.CE240419April [data-block="8"]{
  margin-bottom: calc(180 *(100vw /1500));
}
.CE240419April [data-block="8"]::before{
  width: calc(817 *(100vw /1500));
  height: calc(1283 *(100vw /1500));
  background-color: #E2EDED;
  top: calc(2962*(100vw / 1500));
  right: 0;
}
.CE240419April [data-sideTtl="8"]{
  top: 77.7%;
  right: 2%;
}
.CE240419April [data-ttl="8"]{
  width: calc(492*(100vw / 1500));
  position: absolute;
  top: 5.5%;
  left: auto;
  right: 10%;
}
.CE240419April [data-block="8"] [data-img="22"]{
  width: 100%;
  margin: 0 auto calc(60 *(100vw /1500));
}
.CE240419April [data-block="8"] [data-img="23"]{
  width: calc(700 *(100vw /1500));
  margin: 0 0 calc(96 *(100vw /1500)) calc(599 *(100vw /1500));
}
.CE240419April [data-txtWrap="8"]{
  width: calc(1200 *(100vw /1500));
  margin: 0 auto calc(90 *(100vw /1500));
}
.CE240419April [data-block="8"] [data-img="24"]{
  width: calc(850 *(100vw /1500));
  margin: 0 0 calc(60 *(100vw /1500));
}
.CE240419April [data-block="8"] [data-img="25"]{
  width: calc(850 *(100vw /1500));
  margin: 0 auto calc(20 *(100vw /1500));
}
.CE240419April [data-credit="8"]{
  width: calc(1000*(100vw / 1500));
  margin: 0 0 0 calc(310*(100vw / 1500));
}
/* lastArea */
.CE240419April .lastArea{
  padding-bottom: calc(95*(100vw / 1500));
  margin: 0 auto;
  position: relative;
}
.CE240419April .lastArea__img{
  width: calc(831*(100vw / 1500));
  margin: 0 auto calc(-18*(100vw / 1500));
}
.CE240419April .lastArea::before{
  content: "";
  display: block;
  position: absolute;
  z-index: var(--zindex-behind);
  pointer-events: var(--pointer-none);
  width: 100%;
  height: calc(2304 *(100vw /1500));
  background-color: #464646;
  top: calc(430*(100vw / 1500));
  left: 0;
}
.CE240419April .lastArea__ttl{
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(104*(100vw / 1500));
}
.CE240419April .lastArea__ttl-img{
  display: block;
  width: calc(432*(100vw / 1500));
  height: calc(168*(100vw / 1500));
  margin-bottom: calc(24*(100vw / 1500));
}
/*--------------------------------
  layout for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  .CE240419April .pageTop{
    right: 5rem;
    bottom: 5rem;
    width: 6.4rem;
    height: 6.1rem;
  }
  .CE240419April .firstviewArea{
    margin-bottom: 14.2rem;
  }
  .CE240419April .firstviewArea__img{
    width: 192rem;
    margin: 0 auto 5.3rem;
  }
  .CE240419April .firstviewArea__img-ttl{
    width: 106.5rem;
    top: auto;
    bottom: -2.4%;
    left: 6.7%;
  }
  .CE240419April .firstviewArea__ttl{
    width: 60.1rem;
    padding-right: 0;
    margin-bottom: 3.2rem;
  }
  .CE240419April .firstviewArea__ttl-ico{
    width: 7.05rem;
    padding-bottom: 0.4rem;
    padding-top: 0;
    margin-bottom: -1.8rem;
  }
  .CE240419April [data-block]{
    width: 192rem;
    margin: 0 auto;
  }
  .CE240419April [data-grid]{
    width: 192rem;
    margin: 0 auto;
  }
  /* block01 */
  .CE240419April [data-block="1"]{
    margin-bottom: 20rem;
  }
  .CE240419April [data-block="1"]::before{
    width: 75%;
    height: 39%;
    top: 25.2%;
    left: auto;
    right: 0;
  }
  .CE240419April [data-sideTtl="1"]{
    top: -44.2rem;
    left: 4%;
  }
  .CE240419April [data-grid="1"]{
    grid-template-columns: 20rem 72rem auto;
    grid-template-rows: 105.6rem 8rem 75.7rem;
  }
  .CE240419April [data-ttl="1"]{
    width: 55.3rem;
    top: 34.55rem;
    left: 38.3rem;
  }
  .CE240419April [data-block="1"] [data-img="1"]{
    width: 160rem;
    margin-bottom: 0;
    grid-column: 1/4;
    grid-row: 1/2;
  }
  .CE240419April [data-txtWrap="1"]{
    width: 64.1rem;
    margin: 0;
    grid-column: 2/3;
    grid-row: 3/4;
    margin-top: 16.9rem;
  }
  .CE240419April [data-block="1"] [data-img="2"]{
    width: 80rem;
    height: 120rem;
    margin: 0;
    grid-column: 3/4;
    grid-row: 3/5;
  }
  .CE240419April [data-block="1"] [data-img="3"]{
    width: 65rem;
    margin: 0;
    grid-column: 2/3;
    grid-row: 4/5;
  }
  .CE240419April [data-credit="1"]{
    width: 80rem;
    margin: auto 0 45.5rem 0;
    grid-column: 3/4;
    grid-row: 3/5;
  }
  /* block02 */
  .CE240419April [data-block="2"]{
    margin-bottom: 25rem;
  }
  .CE240419April [data-block="2"]::before{
    width: 50%;
    height: 35.8%;
    top: 29.6%;
    left: 0;
  }
  .CE240419April [data-grid="2"]{
    grid-template-columns: 46rem 36rem auto;
    grid-template-rows: 36rem 39rem 95rem 4.6rem 53.1rem auto;
  }
  .CE240419April [data-sideTtl="2"]{
    top: 64.7%;
    right: 4.2%;
  }
  .CE240419April [data-ttl="2"]{
    position: relative;
    width: 36.05rem;
    margin: 23.6rem  0 0 24.5rem;
    top: 0;
    left: 0;
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .CE240419April [data-block="2"] [data-img="4"]{
    width: 110rem;
    margin-bottom: 0;
    grid-column: 3/4;
    grid-row: 1/4;
  }
  .CE240419April [data-txtWrap="2"]{
    width: 64.6rem;
    margin: 0 0 0 22.4rem;
    grid-column: 3/4;
    grid-row: 5/6;
  }
  .CE240419April [data-block="2"] [data-img="5"]{
    width: 65rem;
    margin: 0;
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .CE240419April [data-block="2"] [data-img="6"]{
    width: 100rem;
    margin: 0;
    grid-column: 2/4;
    grid-row: 6/7;
  }
  .CE240419April [data-credit="2"]{
    width: 54.5rem;
    margin: 1.6rem 0 0 45.6rem;
    grid-column: 2/4;
    grid-row: 7/8;
  }
  .middle-img01{
    width: 192rem;
    margin: 0 auto 25rem;
  }
  /* block03 */
  .CE240419April [data-block="3"]{
    margin-bottom: 19.5rem;
  }
  .CE240419April [data-block="3"]::before{
    width: 37.4%;
    height: 27%;
    bottom: 38.5%;
    left: 45%;
  }
  .CE240419April [data-sideTtl="3"]{
    position: relative;
    top: 0;
    right: auto;
  }
  .CE240419April [data-grid="3"]{
    grid-template-columns: 20rem 90.8rem auto;
    grid-template-rows: 120rem 5rem auto;
  }
  .CE240419April [data-ttl="3"]{
    position: relative;
    display: block;
    width: 49.8rem;
    height: 45.9rem;
    margin: 16.9rem 0 0 2.5rem;
    top: 0;
    left: 0;
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .CE240419April [data-block="3"] [data-img="8"]{
    width: 80rem;
    margin: 0;
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .CE240419April [data-block="3"] [data-img="9"]{
    width: 80rem;
    margin: 0;
    grid-column: 2/3;
    grid-row: 3/4;
  }
  .CE240419April [data-credit="3"]{
    width: 80rem;
    margin: 1.5rem 0 0;
    grid-column: 2/3;
    grid-row: 4/5;
  }
  .CE240419April [data-txtWrap="3"]{
    width: 54.1rem;
    margin: auto 0 -0.5rem;
    grid-column: 3/4;
    grid-row: 1/2;
  }
  /* block04 */
  .CE240419April [data-block="4"]{
    margin-bottom: 24.3rem;
  }
  .CE240419April [data-block="4"]::before{
    width: 61.4%;
    height: 35%;
    top: 23.7%;
    left: auto;
    right: 0;
  }
  .CE240419April [data-sideTtl="4"]{
    top: 154.4rem;
    left: 4.2%;
  }
  .CE240419April [data-grid="4"]{
    grid-template-columns: 20rem 32.5rem 39.5rem 35rem auto;
    grid-template-rows: 68.8rem 81.2rem 11rem 48.8rem 97.5rem;
  }
  .CE240419April [data-ttl="4"]{
    width: 55.1rem;
    top: 21.6rem;
    left: 24.65rem;
  }
  .CE240419April [data-block="4"] [data-img="10"]{
    width: 100rem;
    margin: 0;
    grid-column: 4/6;
    grid-row: 1/3;
  }
  .CE240419April [data-txtWrap="4"]{
    width: 65rem;
    text-align: left;
    margin: 0;
    grid-column: 2/4;
    grid-row: 2/3;
  }
  .CE240419April [data-block="4"] [data-img="11"]{
    width: 65rem;
    margin: 0;
    grid-column: 3/5;
    grid-row: 4/6;
  }
  .CE240419April [data-block="4"] [data-img="12"]{
    width: 65rem;
    margin: 0;
    grid-column: 5/6;
    grid-row: 5/6;
  }
  .CE240419April [data-credit="4"]{
    width: 45rem;
    margin: 1.6rem 24.5rem 0 auto;
    grid-column: 5 / 6;
    grid-row: 6/7;
  }
  /* block05 */
  .CE240419April [data-block="5"]{
    padding-top: 0;
    margin-bottom: 19.4rem;
  }
  .CE240419April [data-block="5"]::before{
    width: 50%;
    height: 49.3%;
    top: 19.2%;
    left: auto;
    right: 0;
  }
  .CE240419April [data-grid="5"]{
    grid-template-columns: 56rem 71rem auto;
    grid-template-rows: 94.6rem 75.4rem 6.2rem 54.8rem 119.8rem auto;
  }
  .CE240419April [data-sideTtl="5"]{
    top: 63.4%;
    right: 4.2%;
  }
  .CE240419April [data-ttl="5"]{
    width: 46.4rem;
    top: 35rem;
    left: auto;
    right: 13%;
  }
  .CE240419April [data-block="5"] [data-img="13"]{
    width: 110rem;
    margin: 0;
    grid-column: 1/3;
    grid-row: 1/3;
  }
  .CE240419April [data-txtWrap="5"]{
    width: 65rem;
    text-align: left;
    margin: 4.8rem 0 0 22.5rem;
    grid-column: 1 / 3;
    grid-row: 3 / 5;
  }
  .CE240419April [data-block="5"] [data-img="14"]{
    width: 65rem;
    margin: 0;
    grid-column: 3/4;
    grid-row: 2/4;
  }
  .CE240419April [data-block="5"] [data-img="15"]{
    width: 80rem;
    margin: 0;
    grid-column: 2/4;
    grid-row: 5/6;
  }
  .CE240419April [data-credit="5"]{
    width: 80rem;
    margin: 1.7rem 0 0;
    grid-column: 2/4;
    grid-row: 7/8;
  }
  /* block06 */
  .CE240419April [data-block="6"]{
    margin-bottom: 19.5rem;
  }
  .CE240419April [data-block="6"]::before{
    width: 86%;
    height: 32.4%;
    background-color: #F4E9EF;
    top: 34.3%;
    left: 0;
    right: auto;
  }
  .CE240419April [data-ttl="6"]{
    width: 37.7rem;
    position: absolute;
    top: 25.7rem;
    left: 25.3%;
  }
  .CE240419April [data-block="6"] [data-img="16"]{
    width: 160rem;
    margin: 0 0 7.3rem auto;
  }
  .CE240419April [data-txtWrap="6"]{
    text-align: left;
    width: 85rem;
    margin: 0 auto 7.5rem 69.5rem;
  }
  .CE240419April [data-block="6"] .flex-img{
    width: 137rem;
    margin: 0 0 1.7rem;
  }
  .CE240419April [data-block="6"] [data-img="17"],
  .CE240419April [data-block="6"] [data-img="18"]{
    width: 65rem;
  }
  .CE240419April [data-credit="6"]{
    width: 137rem;
    margin: 0;
    padding: 0;
  }
  /* block07 */
  .CE240419April [data-block="7"]{
    margin-bottom: 19.5rem;
  }
  .CE240419April [data-block="7"]::before{
    width: 37.2%;
    height: 30.2%;
    top: 37.1%;
    left: auto;
    right: 0;
  }
  .CE240419April [data-sideTtl="7"]{
    top: 100.7rem;
    left: 4.2%;
  }
  .CE240419April [data-ttl="7"]{
    width: 38rem;
    position: absolute;
    top: 26.5rem;
    left: auto;
    right: 13%;
  }
  .CE240419April [data-block="7"] [data-img="19"]{
    width: 110rem;
    margin: 0 auto 7.3rem;
  }
  .CE240419April [data-txtWrap="7"]{
    width: 109.6rem;
    text-align: left;
    margin: 0 auto 7.6rem;
  }
  .CE240419April [data-block="7"] .flex-img{
    width: 153rem;
    margin: 0 0 1.5rem;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .CE240419April [data-block="7"] [data-img="20"]{
    width: 65rem;
    margin: 0;
  }
  .CE240419April [data-block="7"] [data-img="21"]{
    width: 80rem;
    margin: 32.4rem 0 0;
  }
  .CE240419April [data-credit="7"]{
    width: 80rem;
    margin: 0;
    padding: 0;
  }
  /* block08 */
  .CE240419April [data-block="8"]{
    margin-bottom: 19.5rem;
  }
  .CE240419April [data-grid="8"]{
    grid-template-columns: 32rem 50rem 25.9rem auto;
    grid-template-rows: 105.6rem 9.9rem 92rem 29.2rem 99.2rem auto;
  }
  .CE240419April [data-sideTtl="8"]{
    top: 28.1%;
    right: 4.2%;
    left: auto;
  }
  .CE240419April [data-block="8"]::before{
    width: 50%;
    height: 36.3%;
    top: 44.8%;
    left: 0;
  }
  .CE240419April [data-ttl="8"]{
    width: 44.75rem;
    top: 8.7%;
    right: 11.2%;
  }
  .CE240419April [data-block="8"] [data-img="22"]{
    width: 160rem;
    margin: 0;
    grid-column: 2/5;
    grid-row: 1/2;
  }
  .CE240419April [data-block="8"] [data-img="23"]{
    width: 60rem;
    margin: 0;
    grid-column: 3/5;
    grid-row: 3/4;
  }
  .CE240419April [data-txtWrap="8"]{
    width: 46rem;
    margin: 15.8rem 0 0;
    grid-column: 2/3;
    grid-row: 3/4;
  }
  .CE240419April [data-txtWrap="8"] [data-txt="2"]{
    width: 95%;
  }
  .CE240419April [data-block="8"] [data-img="24"]{
    width: 65rem;
    margin: 0;
    grid-column: 1/3;
    grid-row: 4/6;
  }
  .CE240419April [data-block="8"] [data-img="25"]{
    width: 65rem;
    margin: 0;
    grid-column: 4/5;
    grid-row: 5/6;
  }
  .CE240419April [data-credit="8"]{
    width: 65rem;
    margin: 0;
    grid-column: 4 / 5;
    grid-row: 7 / 8;
  }
  .middle-img01{
    width: 192rem;
    margin: 0 auto 25rem;
  }
  /* lastArea */
  .CE240419April .lastArea{
    width: 192rem;
    padding: 14rem 0 4.4rem;
  }
  .CE240419April .lastArea__img{
    width: 71.7rem;
    margin: 0;
    position: absolute;
    top: 14.1rem;
    right: 11.3%;
    background-image: url(../img/img26_bg.png);
    background-size: 78%;
    background-position-y: 45%;
    background-position-x: 50%;
    background-repeat: no-repeat;
  }
  .CE240419April .lastArea::before{
    width: 67.7%;
    height: 142rem;
    top: 0;
  }
  .CE240419April .lastArea__ttl{
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 44rem;
    margin: 0 0 4.5rem 32.5rem;
  }
  .CE240419April .lastArea__ttl-img{
    width: 33.2rem;
    height: 13rem;
    margin-bottom: 1.8rem;
  }
}
/* end layout */

/*================================
  fadeIn
=================================*/
.CE240419April .js-fadeIn{
  opacity: 0;
  transition: 1.5s;
}
.CE240419April .pageTop{
  opacity: 0;
}
.CE240419April .js-scrollIn{
  opacity: 1;
  transform: translateY(0rem);
}
/* end fadeIn */

/*================================
  gradation
=================================*/
.CE240419April{
  overflow: hidden;
}
.CE240419April path{
  fill: url(#gradient);
}
@media screen and (max-width: 767px) {
  .CE240419April .svg_01 {
    width: calc(117*(100vw / 1500))!important;
  }
}
@media only screen and (min-width: 768px) {
  .CE240419April .svg_01 {
    width: 11.7rem!important;
  }
}
.CE240419April .svg_01 #gradient {
  fill: url(#gradient);
}
.CE240419April .stop1{
animation: stop1 5s ease-in-out infinite alternate;
}
.CE240419April .stop2{
animation: stop2 5s ease-in-out infinite alternate;
}
@keyframes stop1{ /* 紫から緑へ */
0% {stop-color: #adc1e1;}
100% {stop-color: #eee0ad;}
}
@keyframes stop2{ /* 緑から紫へ */
0% {stop-color: #eee0ad;}
100% {stop-color: #adc1e1;}
}
/* end gradation */

/*================================
  background
=================================*/
.CE240419April [data-block],
.CE240419April .lastArea{
  overflow: hidden;
}
/*--------------------------------
  background for mobile
--------------------------------*/
@media screen and (max-width: 767px) {
  .CE240419April [data-block="1"]::before,
  .CE240419April [data-block="2"]::before,
  .CE240419April [data-block="3"]::before,
  .CE240419April [data-block="4"]::before,
  .CE240419April [data-block="5"]::before,
  .CE240419April [data-block="7"]::before,
  .CE240419April .lastArea::before{
    left: -100%;
    transition: 1.5s;
  }
  .CE240419April [data-block="6"]::before,
  .CE240419April [data-block="8"]::before{
    right: -100%;
    transition: 1.5s;
  }
  .CE240419April [data-block="1"].js-active::before,
  .CE240419April [data-block="2"].js-active::before,
  .CE240419April [data-block="4"].js-active::before,
  .CE240419April [data-block="5"].js-active::before,
  .CE240419April [data-block="7"].js-active::before,
  .CE240419April .lastArea.js-active::before{
    left: 0;
  }
  .CE240419April [data-block="3"].js-active::before{
    left: 37%;
  }
  .CE240419April [data-block="6"].js-active::before,
  .CE240419April [data-block="8"].js-active::before{
    right: 0;
  }
}
/*--------------------------------
  background for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  .CE240419April [data-block="1"]::before,
  .CE240419April [data-block="4"]::before,
  .CE240419April [data-block="5"]::before,
  .CE240419April [data-block="7"]::before{
    right: -100%;
    transition: 1.5s;
  }
  .CE240419April [data-block="2"]::before,
  .CE240419April [data-block="3"]::before,
  .CE240419April [data-block="6"]::before,
  .CE240419April [data-block="8"]::before,
  .CE240419April .lastArea::before{
    left: -100%;
    transition: 1.5s;
  }
  .CE240419April [data-block="1"].js-active::before,
  .CE240419April [data-block="4"].js-active::before,
  .CE240419April [data-block="5"].js-active::before,
  .CE240419April [data-block="7"].js-active::before{
    right: 0;
  }
  .CE240419April [data-block="2"].js-active::before,
  .CE240419April [data-block="6"].js-active::before,
  .CE240419April [data-block="8"].js-active::before,
  .CE240419April .lastArea.js-active::before{
    left: 0;
  }
  .CE240419April [data-block="3"].js-active::before{
    left: 45%;
  }
}
/* end background */


/*================================
  photo-animation
=================================*/
.CE240419April .lastArea__img{
  opacity: 0;
}
.CE240419April .lastArea__img.js-animation{
  animation-name: photo-r;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: .5s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
@keyframes photo-r{
  0% {
    opacity: 0;
    transform: scale(1.2) rotate(15deg) translateY(-10%);
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0) translateY(0);
  }
}
/* end photo-animation */

/*================================
  ttl-animation
=================================*/
.CE240419April .firstviewArea__img img,
.CE240419April .firstviewArea__img span{
  opacity: 0;
}
.CE240419April .firstviewArea__img.js-animation img{
  animation-name: mv01;
  animation-duration: 5s;
  animation-timing-function: ease-out;
  animation-delay: .5s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  opacity: 0;
}
.CE240419April .firstviewArea__img.js-animation span{
  animation-name: mv02;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: 1.5s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes mv01{
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes mv02{
  0% {
    opacity: 0;
    transform: translate(10%);
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate(0%);
  }
}
/* end ttl-animation */



/* PCの縮小の設定 */
.CE240419April__wrap {
  height: 2360rem;

}
.CE240419April {
  transform: scale(72.916%);
  transform-origin: top center;
}
.CE240419April #breadcrumb {
  display: none;
}
@media screen and (max-width: 767px) {
  .CE240419April {
    transform: scale(1);
  }
}

/* YouTube追加 */
.CE240419April .youtubeWrap{
  width: calc(600*(100vw / 750));
  height: calc(337.5*(100vw / 750));
  margin: 0 auto calc(45.5*(100vw / 750));
}
.CE240419April .youtubeWrap iframe{
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .CE240419April .youtubeWrap{
    width: 120rem;
    height: 67.5rem;
    margin-bottom: 7.5rem;
  }
  #style-archive.style-archive{
    margin-top: 67.5rem;
  }
}