@charset "UTF-8";



/*******************************
em25022010year
*******************************/
#em25022010year{
  display: block;
  width: 100%;
  padding: 0 0 0;
  box-sizing: border-box;
}

#em25022010year *{box-sizing: border-box;}

#em25022010year .lpWrap{
  display: block;
  width: 100%;
  padding: 0 0 0;
  margin: 0 auto;
  background: #FDFDFA;
  overflow: hidden;
}

/*******************************
imgSetting
*******************************/
#em25022010year .imgOuter{
  display: block;
  width: 100%;
}

#em25022010year .imgOuter a,
#em25022010year .imgOuter span,
#em25022010year picture,
#em25022010year img{display: block; width: 100%;}



/*******************************
creditLinks
*******************************/
#em25022010year .creditArea{
  display: block;
}

#em25022010year .creditLinks{
  display: block;
  width: 100%;
  text-align: left;
}



#em25022010year .creditLinks > a,
#em25022010year .creditLinks > span{
  display: inline;
  white-space: nowrap;
  font-family: "dm-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(8 * (100vw / 375));
  letter-spacing: 0.1em;
  line-height: calc(12 * (100vw / 375));
  color: #FFFFFF;
  text-decoration: none;
  font-feature-settings: "palt";
}

#em25022010year .creditLinks > span{
  margin-right: 0;
  margin-left: 0.12em;
}

#em25022010year .creditLinks > a:not(:nth-last-of-type(1)){
  margin-right: 0.82em;
}



/*******************************
fadeInSetting
*******************************/
#em25022010year .fadeInBlock{}


#em25022010year .fadeInBlock.view{}

/*******************************
mvBlock
*******************************/
#em25022010year #viewALLbtn{
  display: block;
  width: calc(65 * (100vw / 375));
  height: calc(65 * (100vw / 375));
  position: fixed;
  z-index: 10;
  right: calc(5.12 * (100vw / 375));
  bottom: calc(60 * (100vw / 375));
}

#em25022010year #viewALLbtn > a{
  display: block;
  width: 100%;
  height: 100%;
  padding: calc(8.125 * (100vw / 375));
}
#em25022010year #viewALLbtn > a:hover{opacity: 1;}

#em25022010year #viewALLbtn > a > span{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #1C2C71;
  background: rgba(255,255,255,.8);
  font-family: "dm-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(8.13 * (100vw / 375));
  line-height: calc(8.1 * (100vw / 375));
  letter-spacing: 0.05em;
  color: #1C2C71;
  transition: background .3s ease, color .3s ease;
  text-align: center;
}

/*
#em25022010year #viewALLbtn > a:hover > span{
  background: #1C2C71;
  color: #FFFFFF;
}
*/

#em25022010year #viewALLbtn > a picture.circle{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: circleText 10s linear infinite;
  transform-origin: center center;
}

@keyframes circleText {
  100% {
    transform: rotate(360deg);
  }
}


/*******************************
mvBlock
*******************************/
#em25022010year #mvBlock{
  display: block;
  width: 100%;
  margin: 0 auto calc(94 * (100vw / 375));
  position: relative;
}

#em25022010year #mvBlock .mvOuter,
#em25022010year #mvBlock .picture,
#em25022010year #mvBlock img{
  display: block;
  width: 100%;
  height: auto;
}

#em25022010year #mvBlock .mvText{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: calc(10 * (100vw / 375)) calc(20 * (100vw / 375));
  background: #1C2C71;
}

#em25022010year #mvBlock .mvText > span{
  font-family: "dm-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(14 * (100vw / 375));
  color: #FFFFFF;
  line-height: 1.1;
  letter-spacing: 0.03em;
}


#em25022010year #mvBlock #mvScrollBtn{
  display: block;
  width: calc(48 * (100vw / 350));
  height: calc(48 * (100vw / 350));
  position: absolute;
  left: calc(50% - 48 * (100vw / 350) / 2);
  bottom: calc(15.25 * (100vw / 350));
  z-index: 3;
}

#em25022010year #mvBlock #mvScrollBtn > a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: calc(1.5 * (100vw / 350)) solid #1C2C71;
  background: rgba(255,255,255,.75);
  border-radius: 50%;
  box-shadow: border-box;
}

#em25022010year #mvBlock #mvScrollBtn > a picture{
  display: block;
  width: calc(16 * (100vw / 350));
  height: auto;
}
#em25022010year #mvBlock #mvScrollBtn > a picture img{
  display: block;
  width: 100%;
  height: auto;
}





/*******************************
movieBlock
*******************************/
#em25022010year #movieBlock{
  display: block;
  width: calc(335 * (100vw / 375));
  margin: 0 auto calc(50 * (100vw / 375));
  position: relative;
}

#em25022010year #movieBlock .movieLogo{
  display: block;
  width: calc(243.62 * (100vw / 375));
  position: absolute;
  left: calc(50% - 243.62 * (100vw / 375) / 2);
  top: calc(-53 * (100vw / 375));
}

#em25022010year #movieBlock .movie{
  display: block;
  width: 100%;
}

#em25022010year #movieBlock .movie video{
  display: block;
  width: 100%;
  height: auto;
}

#em25022010year #movieBlock #soundBtn{
  display: block;
  width: calc(34.51 * (100vw / 375));
  height: calc(23.65 * (100vw / 375));
  background: url("../img/btn_sound_off.svg") center center no-repeat;
  background-size: calc(26.26 * (100vw / 375)) auto;
  position: absolute;
  right: calc(14.99 * (100vw / 375));
  bottom: calc(18.88 * (100vw / 375));
  z-index: 2;
  cursor: pointer;
}

#em25022010year #movieBlock #soundBtn.on{
  background: url("../img/btn_sound_on.svg") center center no-repeat;
  background-size: calc(34.51 * (100vw / 375)) auto;
}


#em25022010year #movieBlock #restartBtn{
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(84.65 * (100vw / 375));
  height: calc(84.65 * (100vw / 375));
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid rgba(28, 44, 113, 1);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 3;
  opacity: 0;
  transition: opacity .3s ease,background .3s ease;
  pointer-events: none;
}

#em25022010year #movieBlock #restartBtn::after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-top: calc(29.72 * (100vw / 375) / 2) solid transparent;
  border-bottom: calc(29.72 * (100vw / 375) / 2) solid transparent;
  border-left: calc(22.72 * (100vw / 375)) solid #1C2C71;
  border-right: 0;
  transform: translateX(calc(3 * (100vw / 375)));
  transition: border .3s ease;
}

#em25022010year #movieBlock #restartBtn.active{
  opacity: 1;
  pointer-events: auto;
}

/*
#em25022010year #movieBlock #restartBtn.active:hover{
  background: rgba(28, 44, 113, 1);
  opacity: 1;
}

#em25022010year #movieBlock #restartBtn.active:hover::after{
  border-top: calc(22 * (100vw / 375)) solid transparent;
  border-bottom: calc(22 * (100vw / 375)) solid transparent;
  border-left: calc(22 * (100vw / 375)) solid #FFFFFF;
}
*/

/*******************************
firstLede
*******************************/
#em25022010year .firstLede{
  display: block;
  margin-bottom: calc(42 * (100vw / 375));
  opacity: 0;
  transform: translateY(calc(80 * (100vw / 375)));
  transition: opacity 0.6s ease, transform 0.6s ease;
}

#em25022010year .firstLede.view{
  opacity: 1;
  transform: translateY(0);
}

#em25022010year .firstLede .subTTL{
  display: block;
  width: calc(176 * (100vw / 375));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(22 * (100vw / 375));
  /*
  font-family: "dm-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(42 * (100vw / 375));
  line-height: 1.1;
  letter-spacing: 0.03em;
  text-align: center;
  color: rgba(28, 44, 113, 1);
  */
}

#em25022010year .firstLede > p{
  display: block;
  width: calc(315* (100vw / 375));
  margin: 0 auto;
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: calc(12 * (100vw / 375));
  line-height: calc(27 * (100vw / 375));
  letter-spacing: 0.05em;
  text-align: center;
  color: rgba(28, 44, 113, 1);
  font-feature-settings: normal;
}

#em25022010year .firstLede > p strong{
  font-size: calc(18 * (100vw / 375));
  padding-bottom: calc(15*(100vw / 375));
  display: inline-block;
}


/*******************************
bar2010th
*******************************/
#em25022010year .bar2010th{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 48 * (100vw / 375));
  margin: 0 calc(20 * (100vw / 375)) calc(39 * (100vw / 375)) calc(28 * (100vw / 375));
}

#em25022010year .bar2010th > span{
  font-family: "dm-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(14 * (100vw / 375));
  line-height: 1.1;
  letter-spacing: 0.03em;
  text-align: center;
  color: rgba(28, 44, 113, 1);
}

#em25022010year .bar2010th > span:nth-of-type(2){
  display: block;
  width: calc(238 * (100vw / 375));
  height: 1px;
  background: rgba(28, 44, 113, 1);
}


/*******************************
#sec01
*******************************/
#sec01{
  display: block;
  margin-bottom: calc(40 * (100vw / 375));
  background: rgba(28, 44, 113, 1);
  position: relative;
}

#sec01 .secInner{
  display: block;
  width: 100%;
}

#sec01 .img01{
  width: 100%;
  position: relative;
  z-index: 1;
}

#sec01 .itemBlock{
  display: block;
  width: 100%;
  padding-bottom: calc((99 - 29) * (100vw / 375));
  position: relative;
  z-index: 2;
}

#sec01 .itemBlock .secTTL{
  display: block;
  width: calc(221.98 * (100vw / 375));
  position: absolute;
  z-index: 1;
  left: calc(27.05 * (100vw / 375));
  bottom: calc(33 * (100vw / 375));
}

#sec01 .itemBlock .secTTL picture,
#sec01 .itemBlock .secTTL img{display: block; width: 100%; height: auto;}


#sec01 .itemBlock .itemList{
  display: block;
  width: calc(300 * (100vw / 375));
  margin-left: calc(56 * (100vw / 375));
  transform: translate(0,calc(61 * (100vw / 375)));
  transition: opacity 0.6s ease, transform 0.6s ease;
  position: relative;
}

#sec01 .itemBlock .itemList.view{
  opacity: 1;
  transform:  translate(0,calc(-16 * (100vw / 375)));
}

#sec01 .itemBlock .itemList > a.credit{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: calc(131.38 * (100vw / 375));
  background: rgba(255, 255, 255, 1);
  border-radius: calc(171.61 * (100vw / 1440));
  padding-top: calc(10 * (100vw / 375));
  padding-left: calc(20.19 * (100vw / 375));
  padding-bottom: calc(5 * (100vw / 375));
  position: absolute;
  top: calc(-8 * (100vw / 375));
  left: calc(-30.87 * (100vw / 375));
  z-index: 4;
}

#sec01 .itemBlock .itemList > a.credit > span:nth-of-type(1){
  display: block;
  margin-bottom: calc(2 * (100vw / 375));
  font-family: "dm-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(10.9 * (100vw / 375));
  line-height: calc(14 * (100vw / 375));
  letter-spacing: 0.1em;
  color: #1C2C71;
  text-align: left;
}
#sec01 .itemBlock .itemList > a.credit > span:nth-of-type(2){
  display: block;
  font-family: "dm-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(8.08 * (100vw / 375));
  line-height: calc(10.1 * (100vw / 375));
  letter-spacing: 0.1em;
  color: #1C2C71;
  text-align: left;
}


#sec01 .itemBlock .itemList > ul{
  display: block;
  width: 100%;
  height: calc(345.58 * (100vw / 375));
  background: rgba(255, 255, 255, .2);
  border: 1px solid #1C2C71;
  border-radius: calc(12.63 * (100vw / 375)) 0 calc(12.63 * (100vw / 375)) calc(12.63 * (100vw / 375));
  backdrop-filter: blur(5.05px);
  box-shadow: calc(3.79 * (100vw / 375)) calc(3.79 * (100vw / 375)) calc(9.47 * (100vw / 375)) rgba(28, 44, 113, .25);
  position: relative;
  z-index: 2;
}

#sec01 .itemBlock .itemList > ul > li{
  display: block;
  width: calc(135.58 * (100vw / 375));
  position: absolute;
  z-index: 1;
}

#sec01 .itemBlock .itemList > ul > li > a,
#sec01 .itemBlock .itemList > ul > li picture,
#sec01 .itemBlock .itemList > ul > li img{
  display: block;
  width: 100%;
  height: auto;
}

#sec01 .itemBlock .itemList > ul > li:nth-of-type(1){
  left: calc(151 * (100vw / 375));
  top: calc(21 * (100vw / 375));
}

#sec01 .itemBlock .itemList > ul > li:nth-of-type(2){
  left: calc(152 * (100vw / 375));
  top: calc(169 * (100vw / 375));
}

#sec01 .itemBlock .itemList > ul > li:nth-of-type(3){
  left: calc(16 * (100vw / 375));
  top: calc(96 * (100vw / 375));
}


/*******************************
#sec02
*******************************/
#sec02{
  display: block;
  width: 100%;
  margin-bottom: calc(26 * (100vw / 375));
  position: relative;
  overflow: hidden;
}

#sec02 .secInner{
  display: block;
}

#sec02 .img01{
  display: block;
  width: calc(350 * (100vw / 375));
  margin: 0 auto 0 calc(13 * (100vw / 375));
  opacity: 0;
  transform: translateY(calc(80 * (100vw / 375)));
  transition: opacity 0.6s ease, transform 0.6s ease;
}

#sec02 .img01.view{
  opacity: 1;
  transform: translateY(0);
}


#sec02 .creditArea{
  display: block;
  width: calc(340 * (100vw / 375));
  padding-top: calc(13 * (100vw / 375));
  margin: 0 auto calc(28* (100vw / 375)) calc(23 * (100vw / 375));
}

#sec02 .creditArea .creditLinks > a,
#sec02 .creditArea .creditLinks > span{
  color: #F5E1A4;
}

#sec02 .img0203Wrap{
  display: block;
}


#sec02 .img02{
  display: block;
  width: calc(264.69 * (100vw / 375));
  margin: 0 calc(40.31 * (100vw / 375)) calc(32 * (100vw / 375)) auto;
  opacity: 0;
  transform: translateX(calc(10 * (100vw / 375)));
  transition: transform .5s ease,opacity .5s ease;
}

#sec02 .img02 .imgOuter{
  clip-path: inset(0 100% 0 0);
  transition: clip-path .6s ease;
}

#sec02 .img02 .imgOuter picture{
  transform: scale(1.4);
  transition: transform .6s ease;
}

#sec02 .img02.view{opacity: 1; transform: translateX(0);}
#sec02 .img02.view .imgOuter{clip-path: inset(0);}
#sec02 .img02.view .imgOuter picture{transform: scale(1);}




#sec02 .img03{
  display: block;
  width: calc(179.41 * (100vw / 375));
  margin-left: calc(26 * (100vw / 375));
  margin-right: auto;
  position: relative;
  z-index: 3;
}

#sec02 .img03 .imgOuter{background-color: transparent;}

#sec02 .img03 .imgOuter .outer{
  display: block;
  position: relative;
}

#sec02 .img03 .imgOuter .outer > picture{
  opacity: 0;
  transform: scale(1.2);
  transition: opacity 1s ease, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform-origin: center center;  
}

#sec02 .img03 .imgOuter .outer > picture:nth-of-type(1){
  width: calc(169.41 * (100vw / 375));
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition-delay: 0.2s;
}

#sec02 .img03 .imgOuter .outer > picture:nth-of-type(2){
  width: calc(169.41 * (100vw / 375));
  padding-top: calc(10 * (100vw / 375));
  margin-left: auto;
  margin-right: 0;
  z-index: 1;
}

#sec02 .img03.view .imgOuter .outer > picture{
  opacity: 1;
  transform: scale(1);
}



#sec02 .itemBlock{
  display: block;
  width: calc(335 * (100vw / 375));
  margin-left: calc(19.88 * (100vw / 375));
  margin-right: auto;
  opacity: 0;
  transform: translateY(calc(80 * (100vw / 375)));
  transition: opacity 0.6s ease, transform 0.6s ease;
}

#sec02 .itemBlock.view{
  opacity: 1;
  transform: translateY(0);
}

#sec02 .itemBlock .itemList a.credit{
  display: block;
  font-family: "dm-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(8 * (100vw / 375));
  line-height: calc(9 * (100vw / 375));
  letter-spacing: 0.1em;
  color: #1C2C71;
  text-align: left;
  margin-top: calc(4 * (100vw / 375));
}
#sec02 .itemBlock .itemList a.credit > span{display: block;}
#sec02 .itemBlock .itemList a.credit > span + span{
  margin-top: calc(4 * (100vw / 375));
}

#sec02 .itemBlock .itemList:nth-of-type(1){
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(15 * (100vw / 375));
  width: calc(243 * (100vw / 375));
  margin-left: auto;
  margin-right: 0;
  padding-top: calc(21 * (100vw / 375));
  padding-bottom: calc(15.43 * (100vw / 375));
  padding-left: calc(19.28 * (100vw / 375));
  padding-right: calc(18.72 * (100vw / 375));
  background: #FFFFFF;
  border: 1px solid #1C2C71;
  border-radius: calc(3.86 * (100vw / 375)) 0 calc(3.86 * (100vw / 375)) calc(3.86 * (100vw / 375));
  position: relative;
  z-index: 2;
  transform: translateY(calc(-15 * (100vw / 375)));
}

#sec02 .itemBlock .itemList:nth-of-type(1) > ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: calc(12 * (100vw / 375)) calc(10 * (100vw / 375));
}

#sec02 .itemBlock .itemList:nth-of-type(1) > ul > li{
  display: block;
  width: calc(70 * (100vw / 375));
}
#sec02 .itemBlock .itemList:nth-of-type(1) > ul > li > a,
#sec02 .itemBlock .itemList:nth-of-type(1) > ul > li picture,
#sec02 .itemBlock .itemList:nth-of-type(1) > ul > li img{
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}

#sec02 .itemBlock .itemList:nth-of-type(1) > ul > li picture.limitedIcon{
  width: calc(45 * (100vw / 375));
  position: absolute;
  right: calc(-21.72 * (100vw / 375));
  top: calc(-9.86 * (100vw / 375));
  z-index: 1;
}

 
#sec02 .itemBlock .itemList:nth-of-type(2){
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(317 * (100vw / 375));
  gap: calc(22.72 * (100vw / 375));
  margin-left: 0;
  margin-right: auto;
  padding-top: calc(31 * (100vw / 375));
  padding-bottom: calc(15 * (100vw / 375));
  padding-left: calc(16.28 * (100vw / 375));
  padding-right: calc(15.09 * (100vw / 375));
  background: #FFFFFF;
  border: 1px solid #1C2C71;
  /*
  border-radius: calc(3.86 * (100vw / 375)) 0 calc(3.86 * (100vw / 375)) calc(3.86 * (100vw / 375));
  */
  position: relative;
  z-index: 1;
  transform: translateY(calc(-27 * (100vw / 375)));
}

#sec02 .itemBlock .itemList:nth-of-type(2) > ul{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(7.72 * (100vw / 375));
}

#sec02 .itemBlock .itemList:nth-of-type(2) > ul > li{
  display: block;
  width: calc(70 * (100vw / 375));
}
#sec02 .itemBlock .itemList:nth-of-type(2) > ul > li > a,
#sec02 .itemBlock .itemList:nth-of-type(2) > ul > li picture,
#sec02 .itemBlock .itemList:nth-of-type(2) > ul > li img{
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}




/*******************************
sec0304Wrap
*******************************/
#em25022010year .sec0304Wrap{
  display: block;
  width: 100%;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(28, 44, 113, .6) 52%, rgba(28, 44, 113, .8) 100%);
  overflow: hidden;
}

/*******************************
#sec03
*******************************/
#sec03{
  display: block;
  width: 100%;
  padding-bottom: calc(75 * (100vw / 375));
  margin-bottom: calc(40.5 * (100vw / 375));
  position: relative;
}

#sec03 .secInner{
  display: block;
}

#sec03 .img01{
  display: block;
  width: calc(290 * (100vw / 375));
  margin: 0 0 0 auto;
}

#sec03 .img01 .imgOuter{
  opacity: 0;
  transform: translateX(calc(10 * (100vw / 375)));
  transition: transform .5s ease,opacity .5s ease;
}

#sec03 .img01 .imgOuter picture{
  clip-path: inset(0 100% 0 0);
  transition: clip-path .6s ease;
}


#sec03 .img01 .imgOuter picture img{
  transform: scale(1.4);
  transition: transform .6s ease;
}

#sec03 .img01.view .imgOuter{opacity: 1; transform: translateX(0);}
#sec03 .img01.view .imgOuter picture{clip-path: inset(0);}
#sec03 .img01.view .imgOuter picture img{transform: scale(1);}


#sec03 .img01 .creditArea{
  padding-top: calc(18 * (100vw / 375));
  padding-left: calc(74 * (100vw / 375));
}
#sec03 .img01 .creditLinks > a,
#sec03 .img01 .creditLinks > span{
  color: #1C2C71;
}



#sec03 .img0203Wrap{
  display: block;
  width: calc(116 * (100vw / 375));
  position: absolute;
  left: calc(20.13 * (100vw / 375));
  bottom: 0;
}

#sec03 .img02,
#sec03 .img03{
  width: 100%;
  opacity: 0;
  transform: translateY(calc(80 * (100vw / 375)));
  transition: opacity 1s ease, transform 1s ease;
}

#sec03 .img03{
  transition-delay: 0.2s;
}

#sec03 .img0203Wrap.view .img02,
#sec03 .img0203Wrap.view .img03{
  opacity: 1;
  transform: translateY(0);
}

#sec03 .img02 a,
#sec03 .img03 a{
  display: block;
  width: 100%;
  position: relative;
}

#sec03 .img02 a::after,
#sec03 .img03 a::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #1C2C71;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  box-sizing: border-box;
}

#sec03 .img03{
  margin-top: calc(6.21 * (100vw / 375));
}


/*******************************
#sec04
*******************************/
#sec04{
  display: block;
  width: 100%;
}

#sec04 .secInner{
  display: block;
  padding-bottom: calc(35 * (100vw / 375));
  position: relative;
  overflow: hidden;
}

#sec04 .img01{
  display: none;
}

#sec04 .itemBlock{
  display: block;
  width: calc(287.12 * (100vw / 375));
  margin-left: calc(50.12 * (100vw / 375));
  margin-right: auto;
  position: relative;
}

#sec04 .itemBlock .itemList{
  width: calc(155 * (100vw / 375));
  margin-left: auto;
  margin-right: 0;
  border: 3px solid #FDFDFA;
  box-shadow: calc(4 * (100vw / 375)) calc(4 * (100vw / 375)) calc(8 * (100vw / 375)) rgba(28, 44, 113, .15);
  border-radius: calc(8.73 * (100vw / 375)) 0 calc(8.73 * (100vw / 375)) calc(8.73 * (100vw / 375));
  background: rgba(255,255,255,.14);
  backdrop-filter: blur(3.49px);
  padding-top: calc(36 * (100vw / 375));
  padding-bottom: calc(33 * (100vw / 375));
  padding-left: calc(37 * (100vw / 375));
  position: relative;
  z-index: 4;
}
#sec04 .itemBlock .itemList:nth-of-type(3){
  padding-top: calc(48 * (100vw / 375));
  padding-left: calc(36 * (100vw / 375));
  padding-bottom: calc(36 * (100vw / 375));
  margin-top: calc(-34 * (100vw / 375));
  margin-left: 0;
  margin-right: auto;
  z-index: 1;
}


#sec04 .itemBlock .itemList > ul{
  display: block;
}

#sec04 .itemBlock .itemList > ul > li{
  width: calc(75 * (100vw / 375));
  position: relative;
  z-index: 3;
}

#sec04 .itemBlock .itemList > ul > li + li{
  margin-top: calc(18 * (100vw / 375));
}

#sec04 .itemBlock .itemList:nth-of-type(3) > ul > li + li{
  margin-top: calc(16 * (100vw / 375));
}

#sec04 .itemBlock .itemList > ul > li a,
#sec04 .itemBlock .itemList > ul > li span,
#sec04 .itemBlock .itemList > ul > li picture,
#sec04 .itemBlock .itemList > ul > li img{
  display: block;
  width: 100%;
  height: auto;
}

#sec04 .itemBlock .itemList > ul > li > a > span{
  display: block;
  padding-top: calc(10 * (100vw / 375));
  font-family: "dm-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(8 * (100vw / 375));
  line-height: calc(9 * (100vw / 375));
  letter-spacing: 0.1em;
  color: #FFFFFF;
  text-align: center;
}


#sec04 .itemBlock .img01SP{
  width: calc(174 * (100vw / 375));
  position: absolute;
  left: calc(-43 * (100vw / 375));
  top: calc(48 * (100vw / 375));
  z-index: 3;  opacity: 0;
  transform: translateX(100%);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
#sec04 .itemBlock .img01SP.view{
  opacity: 1;
  transform: translateY(0);
}


#sec04 .itemBlock .img02SP{
  width: calc(213 * (100vw / 375));
  position: absolute;
  right: calc(-22 * (100vw / 375));
  top: calc(456 * (100vw / 375));
  z-index: 2;  opacity: 0;
  transform: translateX(100%);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
#sec04 .itemBlock .img02SP.view{
  opacity: 1;
  transform: translateY(0);
}


#sec04 .creditArea{
  display: block;
  width: calc(136 * (100vw / 375));
  padding-top: calc(23 * (100vw / 375));
  margin-left: calc(50 * (100vw / 375));
}


/*******************************
scrollText
*******************************/
#em25022010year .scrollText{
  display: block;
  width: 100%;
  padding: calc(10 * (100vw / 375)) 0 calc(8 * (100vw / 375));
  overflow: hidden;
}

#em25022010year .scrollText .container{
  width: calc(210 * (100vw / 375));
  font-family: "dm-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(15.71 * (100vw / 375));
  line-height: 1.1;
  letter-spacing: 0.03em;
  color: #F5E1A4;
}

#em25022010year .scrollText .container > .sliderWrapper{
  height: 100%;
	width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  list-style: none;
  padding: 0;
  z-index: 1;
  transition-timing-function: linear;
}

#em25022010year .scrollText .container > .sliderWrapper > .slider{
	display: block;
  font-family: "dm-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(15.71 * (100vw / 375));
  line-height: 1.1;
  letter-spacing: 0.03em;
  color: #F5E1A4;
  padding: 0 calc(17.74 * (100vw / 375) / 2);
	position: relative;
}


/*******************************
#sec05
*******************************/
#sec05{
  display: block;
  width: 100%;
}

#sec05 .secInner{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  overflow: hidden;
  background: #1C2C71;
  border-bottom: 1px solid #F5E1A4;
}


#sec05 .img01{
  width: calc(170 * (100vw / 375));
}

#sec05 .img02{
  width: calc(100% - 170 * (100vw / 375));
}

#sec05 .img01 .imgOuter,
#sec05 .img02 .imgOuter{
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  transform: translateX(calc(10 * (100vw / 375)));
  transition: transform .5s ease,opacity .5s ease;
}

#sec05 .img01 .imgOuter a,
#sec05 .img02 .imgOuter a{
  display: block;
  width: 100%;
  height: 100%;
}

#sec05 .img01 .imgOuter picture,
#sec05 .img02 .imgOuter picture{
  width: 100%;
  height: 100%;
  clip-path: inset(0 100% 0 0);
  transition: clip-path .6s ease;
}

#sec05 .img01 .imgOuter picture img,
#sec05 .img02 .imgOuter picture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.4);
  transition: transform .6s ease;
}

#sec05 .img01.view .imgOuter,
#sec05 .img02.view .imgOuter{opacity: 1; transform: translateX(0);}
#sec05 .img01.view .imgOuter picture,
#sec05 .img02.view .imgOuter picture{clip-path: inset(0);}
#sec05 .img01.view .imgOuter picture img,
#sec05 .img02.view .imgOuter picture img{transform: scale(1);}



#sec05 .img03{
  width: 100%;
  padding-bottom: calc(22 * (100vw / 375));
}

#sec05 .img03 .imgOuter{
  width: calc(300 * (100vw / 375));
  margin: calc(59.6 * (100vw / 375)) auto 0;
}

#sec05 .img03 .creditArea{
  padding-top: calc(16 * (100vw / 375));
}

#sec05 .img03 .creditLinks{text-align: center;}
#sec05 .img03 .creditLinks > a,
#sec05 .img03 .creditLinks > span{
  color: #F5E1A4;
}

#sec05 .message{
  padding: calc(50 * (100vw / 375)) 0 calc(60 * (100vw / 375));
  background: #1C2C71;
}

#sec05 .message > p{
  display: block;
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: calc(13 * (100vw / 375));
  line-height: calc(30 * (100vw / 375));
  letter-spacing: 0.05em;
  text-align: center;
  color: #F5E1A4;
  font-feature-settings: normal;
}


/*******************************
#movieBlock2
*******************************/
#movieBlock2{
  display: block;
  width: 100%;
}

#movieBlock2 .movie video {
  display: block;
  width: 100%;
  height: auto;
}

/*******************************
#sec06
*******************************/
#sec06{
  display: block;
  width: 100%;
  background: #F5E1A4;
  position: relative;
  z-index: 1;
}
#sec06 .secInner{
  display: block;
}

#sec06 .img0102Wrap{
  display: block;
  padding-top: calc(60.38 * (100vw / 375))
}


#sec06 .img01{
  width: calc(300 * (100vw / 375));
  margin: 0 auto calc(38 * (100vw / 375)) calc(39 * (100vw / 375));
}

#sec06 .img01 .imgOuter{}
#sec06 .img01 .creditText{
  padding-top: calc(16 * (100vw / 375));
}

#sec06 .img01 .creditText{text-align: center;}
#sec06 .img01 .creditText > a,
#sec06 .img01 .creditText > span{
  font-family: "dm-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #1C2C71;
  font-size: calc(8.72 * (100vw / 375));
  line-height: calc(13.1 * (100vw / 375));
  font-feature-settings: normal;
  letter-spacing: 0.1em;
}

#sec06 .img02{
  width: 100%;
}
#sec06 .img02 .imgOuter{
  opacity: 0;
  transform: translateX(calc(10 * (100vw / 375)));
  transition: transform .5s ease,opacity .5s ease;
}

#sec06 .img02 .imgOuter picture{
  clip-path: inset(0 100% 0 0);
  transition: clip-path .6s ease;
}
#sec06 .img02 .imgOuter picture img{
  transform: scale(1.4);
  transition: transform .6s ease;
}
#sec06 .img02.view .imgOuter{opacity: 1; transform: translateX(0);}
#sec06 .img02.view .imgOuter picture{clip-path: inset(0);}
#sec06 .img02.view .imgOuter picture img{transform: scale(1);}



/*******************************
#sec07
*******************************/
#sec07{
  display: block;
  width: 100%;
  padding-bottom: calc(35 * (100vw / 375));
  background: url("../img/sp/bg_06.png") left top no-repeat #F5E1A4;
  background-size: 100% auto;
  position: relative;
  z-index: 2;
}

#sec07 > .creditArea{
  width: 100%;
  margin-bottom: calc(32 * (100vw / 375));
  padding-top: calc(14 * (100vw / 375));
  padding-left: calc(16 * (100vw / 375));
}

#sec07 > .creditArea .creditLinks{}

#sec07 > .creditArea .creditLinks > a,
#sec07 > .creditArea .creditLinks > span{
  letter-spacing: 0.08em;
  color: #1C2C71;
}

#sec07 > .creditArea .creditLinks > a > span.limitedColor{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: calc(11 * (100vw / 375));
  padding: calc(2 * (100vw / 375)) calc(6 * (100vw / 375)) calc(0 * (100vw / 375));
  background: #1C2C71;
  border-radius: calc(2 * (100vw / 375));
  text-align: center;
  font-size: calc(6 * (100vw / 375));
  font-weight: 500;
  color: #FFFFFF;
  margin-left: 1em;
  margin-right: 1em;
  transform: translateY(calc(-1 * (100vw / 375)))
}


#sec07 .secInner{
  display: block;
}


#sec07 .img0102Wrap{
  display: block;
  width: 100%;
  margin: 0 auto calc(54 * (100vw / 375)) 0;
  overflow: hidden;
}

#sec07 .img01{
  width: calc(240 * (100vw / 375));
  margin: 0 auto calc(27 * (100vw / 375));
  position: relative;
  z-index: 3;
}

#sec07 .img01 .imgOuter{
  opacity: 0;
  transform: translateY(calc(80 * (100vw / 375)));
  transition: opacity 0.6s ease, transform 0.6s ease;
}

#sec07 .img01.view .imgOuter{
  opacity: 1;
  transform: translateY(0);
}

#sec07 .img01 .creditText{
  padding-top: calc(15 * (100vw / 375));
  text-align: center;
}
#sec07 .img01 .creditText > a{
  font-family: "dm-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(8 * (100vw / 375));
  line-height: calc(10 * (100vw / 375));
  letter-spacing: 0.1em;
  color: #1C2C71;
  text-align: center;
}



#sec07 .img02{
  width: calc(337.61 * (100vw / 375));
}

#sec07 .img02 .outer{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: calc(337.61 * (100vw / 375));
  transform: translateX(calc(-14 * (100vw / 375)))
}

#sec07 .img02 .outer picture{
  opacity: 0;
  transform: translateY(calc(80 * (100vw / 375)));
  transition: opacity 1s ease, transform 1s ease;
}


#sec07 .img02 .outer picture:nth-of-type(1){
  width: calc((102.63) * (100vw / 375));
}

#sec07 .img02 .outer picture:nth-of-type(2){
  width: calc(102.63 * (100vw / 375));
  transition-delay: 0.2s;
}

#sec07 .img02 .outer picture:nth-of-type(3){
  width: calc(108.16 * (100vw / 375));
  transition-delay: 0.4s;
}

#sec07 .img02.view .outer picture{
  opacity: 1;
  transform: translateY(0);
}


#sec07 .img02 .creditArea{
  width: 100%;
  padding-top: calc(12 * (100vw / 375));
  padding-left: calc(20 * (100vw / 375));
}

#sec07 .img02 .creditArea .creditLinks{}

#sec07 .img02 .creditArea .creditLinks > a,
#sec07 .img02 .creditArea .creditLinks > span{
  color: #1C2C71;
}



#sec07 .img03{
  display: block;
  width: calc(296.6 * (100vw / 375));
  margin: 0 0 0 auto;
}

#sec07 .img03 .imgOuter{
  transform: translateY(calc(80 * (100vw / 375)));
  transition: opacity 0.6s ease, transform 0.6s ease;
}

#sec07 .img03.view .imgOuter{
  opacity: 1;
  transform: translateY(0);
}

#sec07 .img03 .creditArea{
  padding-top: calc(12 * (100vw / 375));
}

#sec07 .img03 .creditArea .creditLinks{}

#sec07 .img03 .creditArea .creditLinks > a,
#sec07 .img03 .creditArea .creditLinks > span{
  color: #1C2C71;
}


/*******************************
#sec07
*******************************/
#sec08{
  display: block;
  width: 100%;
  margin-bottom: calc(60 * (100vw / 375));
  position: relative;
  overflow: hidden;
}

#sec08 .secInner{}

#sec08 .img01{
  width: 100%;
}


#sec08 .img01 .imgOuter{
  opacity: 0;
  transform: translateX(calc(10 * (100vw / 375)));
  transition: transform .5s ease,opacity .5s ease;
}

#sec08 .img01 .imgOuter picture{
  clip-path: inset(0 100% 0 0);
  transition: clip-path .6s ease;
}
#sec08 .img01 .imgOuter picture img{
  transform: scale(1.4);
  transition: transform .6s ease;
}
#sec08 .img01.view .imgOuter{opacity: 1; transform: translateX(0);}
#sec08 .img01.view .imgOuter picture{clip-path: inset(0);}
#sec08 .img01.view .imgOuter picture img{transform: scale(1);}


#sec08 .creditArea{
  padding-top: calc(15 * (100vw / 375));
  padding-left: calc(28 * (100vw / 375));
}

#sec08 .creditArea .creditLinks{}

#sec08 .creditArea .creditLinks > a,
#sec08 .creditArea .creditLinks > span{
  color: #1C2C71;
}


/*******************************
#bottomSection
*******************************/
#bottomSection{
  display: block;
  width: 100%;
  padding-top: calc(60 * (100vw / 375));
  padding-bottom: calc(104 * (100vw / 375));
  background: #1C2C71;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

#bottomSection::after{
  content: '';
  display: block;
  width: 100%;
  height: calc(97.8 * (100vw / 375));
  background: url("../img/bg_novelty.svg") center center no-repeat;
  background-size: 100% auto;
  opacity: .05;
  position: absolute;
  top: calc(15 * (100vw / 375));
  left: 0;
  z-index: -1;
  pointer-events: none;
}


#bottomSection .secTTL{
  display: block;
  width: calc(232 * (100vw / 375));
  margin: 0 auto calc(34 * (100vw / 375));
}

#bottomSection .secTTL picture,
#bottomSection .secTTL img{display: block; width: 100%; height: auto;}

#bottomSection .bottomText{
  display: block;
  /*
  margin-bottom: calc(35 * (100vw / 375));
  */
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: calc(13 * (100vw / 375));
  line-height: calc(30 * (100vw / 375));
  letter-spacing: 0.05em;
  text-align: center;
  color: #FDFDFA;
  font-feature-settings: normal;
}

#bottomSection .viewMore{
  display: block;
  width: calc(258.17 * (100vw / 375));
  margin: 0 auto 0 calc(55.41 * (100vw / 375));
  margin-bottom: calc(37.46 * (100vw / 375));
  position: relative;
  z-index: 1;
}

#bottomSection .viewMore::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #394DA6;
  border-radius: calc(5 * (100vw / 375));
  filter: blur(calc(8 * (100vw / 375)));
  position: absolute;
  left: calc(6 * (100vw / 375));
  top: calc(6.54 * (100vw / 375));
  z-index: -1;
}

#bottomSection .viewMore > a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(52.54 * (100vw / 375));
  padding-top: calc(3 * (100vw / 375));
  background: #FFFFFF;
  border-radius: calc(5 * (100vw / 375));
  font-family: "dm-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20 * (100vw / 375));
  line-height: 1.1;
  letter-spacing: 0.03em;
  color: #1C2C71;
  text-align: center;
  transition: background .3s ease, color .3s ease;
}



#bottomSection .noveltyBlock{
  display: block;
  width: calc(335 * (100vw / 375));
  margin-top: calc(84 * (100vw / 375));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(93.37 * (100vw / 375));
  position: relative;
}

#bottomSection .noveltyBlock .noveltyTTL{
  display: block;
  margin-bottom: calc(14 * (100vw / 375));
  font-family: "dm-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20 * (100vw / 375));
  line-height: 1.1;
  letter-spacing: 0.03em;
  color: #FDFDFA;
  text-align: center;
}

#bottomSection .noveltyBlock .noveltyItems{
  display: block;
  width: 100%;
  padding: calc(53 * (100vw / 375)) calc(25.48 * (100vw / 375)) calc(36.73 * (100vw / 375)) calc(26 * (100vw / 375));
  background: #FDFDFA;
  border-radius: calc(10 * (100vw / 375));
  position: relative;
  z-index: 1;
}

#bottomSection .noveltyBlock .noveltyItems .img01,
#bottomSection .noveltyBlock .noveltyItems .img02,
#bottomSection .noveltyBlock .noveltyItems .img03{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  opacity: 0;
  transform: translateY(calc(80 * (100vw / 375)));
  transition: opacity 0.6s ease-in, transform 0.6s ease-in;
}



#bottomSection .noveltyBlock .noveltyItems .img01{
  width: calc(254 * (100vw / 375));
  margin-left: 0;
  margin-right: auto;
}
#bottomSection .noveltyBlock .noveltyItems .img02{
  width: calc(283.52 * (100vw / 375));
  margin-top: calc(60 * (100vw / 375));
  margin-left: auto;
  margin-right: 0;
  transition-delay: 0.2s;
}
#bottomSection .noveltyBlock .noveltyItems .img03{
  width: calc(224 * (100vw / 375));
  margin-top: calc(60 * (100vw / 375));
  margin-left: auto;
  margin-right: 0;
  transition-delay: 0.4s;
}

#bottomSection .noveltyBlock .noveltyItems.view .img01,
#bottomSection .noveltyBlock .noveltyItems.view .img02,
#bottomSection .noveltyBlock .noveltyItems.view .img03{
  opacity: 1;
  transform: translateY(0);
}

#bottomSection .noveltyBlock .noveltyItems a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}


#bottomSection .noveltyBlock .noveltyItems .img01 .imgOuter{
  width: calc(125.69 * (100vw / 375));
}
#bottomSection .noveltyBlock .noveltyItems .img02 .imgOuter{
  width: calc(147.52 * (100vw / 375));
}
#bottomSection .noveltyBlock .noveltyItems .img03 .imgOuter{
  width: calc(102.83 * (100vw / 375));
}

#bottomSection .noveltyBlock .noveltyItems .img01 .imgOuter,
#bottomSection .noveltyBlock .noveltyItems .img03 .imgOuter{
  order: 2;
}

#bottomSection .noveltyBlock .noveltyItems .img01 .credit{order: 1;}
#bottomSection .noveltyBlock .noveltyItems .img03 .credit{order: 1;}


#bottomSection .noveltyBlock .credit > span:nth-of-type(1){
  display: block;
  margin-bottom: calc(4 * (100vw / 375));
  font-family: "dm-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(14 * (100vw / 375));
  line-height: 1.1;
  letter-spacing: 0.03em;
  color: #1C2C71;
  text-align: left;
}

#bottomSection .noveltyBlock .credit > span:nth-of-type(2){
  display: block;
  font-family: "dm-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(10 * (100vw / 375));
  line-height: 1.1;
  letter-spacing: 0.03em;
  color: #1C2C71;
  text-align: left;
}


#bottomSection .noveltyBlock .credit > .limitedText{
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(110 * (100vw / 375));
  height: calc(20 * (100vw / 375));
  padding-top: calc(4 * (100vw / 375));
  border: 1px solid #1C2C71;
  border-radius: calc(14 * (100vw / 375));
  margin-top: calc(10 * (100vw / 375));
  margin-left: 0;
  margin-right: auto;
  font-family: "dm-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(11 * (100vw / 375));
  line-height: 1.1;
  letter-spacing: 0.03em;
  color: #1C2C71;
  text-align: center;
}



#bottomSection .noveltyBlock .noveltyimg{
  display: block;
  width: calc(69.9 * (100vw / 375));
  position: absolute;
  left: calc(9 * (100vw / 375));
  bottom: calc(-67.37 * (100vw / 375));
  z-index: 2;
}

#bottomSection .noveltyBlock .noveltyimg .creditArea{display: none;}


#bottomSection .staffList{
  display: block;
  width: 100%;
  margin: 0 auto;
}

#bottomSection .staffList picture,
#bottomSection .staffList img{display: block; width: 100%;}


/*******************************
overRide
*******************************/
#em25022010year .pcView{display: none!important;}