@charset "UTF-8";


body{
  overflow-x: visible;
}

.main-area{
  overflow-x: visible;
}

#footer_emmi {
  margin-top: 3.8rem;
}

/*******************************
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;
}

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

#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%;
}



#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(12 * (100vw / 1440));
  letter-spacing: 0.1em;
  line-height: calc(16 * (100vw / 1440));
  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{}

/*******************************
viewALLbtn
*******************************/
#em25022010year #viewALLbtn{
  display: block;
  width: calc(120 * (100vw / 1440));
  height: calc(120 * (100vw / 1440));
  position: fixed;
  z-index: 10;
  right: calc(28 * (100vw / 1440));
  bottom: calc(58 * (100vw / 1440));
}

#em25022010year #viewALLbtn > a{
  display: block;
  width: 100%;
  height: 100%;
  padding: calc(15 * (100vw / 1440));
}
#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(15 * (100vw / 1440));
  text-align: center;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #1C2C71;
  transition: background .3s ease, color .3s ease;
}

#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;
  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(12*(100vw / 1440)) calc(80*(100vw / 1440)) calc(8*(100vw / 1440));
  background: #1C2C71;
}

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


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

#em25022010year #mvBlock #mvScrollBtn > a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: calc(1.39 * (100vw / 1440)) solid #1C2C71;
  background: #FFFFFF;
  border-radius: 50%;
}

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


/*******************************
movieBlock
*******************************/
#em25022010year #movieBlock{
  display: block;
  width: calc(966 * (100vw / 1440));
  padding-top: calc(262 * (100vw / 1440));
  margin: 0 auto calc(65 * (100vw / 1440)) calc(237 * (100vw / 1440));
  position: relative;
}

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

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

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

#em25022010year #movieBlock #soundBtn{
  display: block;
  width: calc(27.61 * (100vw / 1440));
  height: calc(21.54 * (100vw / 1440));
  background: url("../img/btn_sound_off.svg") center center no-repeat;
  background-size: calc(21.01 * (100vw / 1440)) auto;
  position: absolute;
  right: calc(29 * (100vw / 1440));
  bottom: calc(24 * (100vw / 1440));
  z-index: 2;
  cursor: pointer;
}

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


#em25022010year #movieBlock #restartBtn{
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(125 * (100vw / 1440));
  height: calc(125 * (100vw / 1440));
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid rgba(28, 44, 113, 1);
  position: absolute;
  left: 50%;
  top: calc(50% + 124 * (100vw / 1440));
  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(22 * (100vw / 1440)) solid transparent;
  border-bottom: calc(22 * (100vw / 1440)) solid transparent;
  border-left: calc(34 * (100vw / 1440)) solid #1C2C71;
  border-right: 0;
  transform: translateX(calc(5 * (100vw / 1440)));
  transition: border .3s ease;
  cursor: pointer;
}

#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 / 1440)) solid transparent;
  border-bottom: calc(22 * (100vw / 1440)) solid transparent;
  border-left: calc(34 * (100vw / 1440)) solid #FFFFFF;
}


/*******************************
firstLede
*******************************/
#em25022010year .firstLede{
  display: block;
  width: calc(738 * (100vw / 1440));
  margin-left: calc(351.5 * (100vw / 1440));
  margin-right: auto;
  margin-bottom: calc(72 * (100vw / 1440));
  opacity: 0;
  transform: translateY(calc(80 * (100vw / 1440)));
  transition: opacity 0.6s ease, transform 0.6s ease;
}

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

#em25022010year .firstLede .subTTL{
  display: block;
  width: calc(435.53 * (100vw / 1440));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(40 * (100vw / 1440));
}

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

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

/*******************************
bar2010th
*******************************/
#em25022010year .bar2010th{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 117 * (100vw / 1440));
  margin: 0 calc(56 * (100vw / 1440)) calc(60 * (100vw / 1440)) calc(61 * (100vw / 1440));
}

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

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


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

#sec01 .secInner{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}

#sec01 .img01{
  order: 2;
  width: calc(824 * (100vw / 1440));
  position: relative;
  z-index: 1;
}

#sec01 .itemBlock{
  order: 1;
  width: calc(100% - 824 * (100vw / 1440));
  position: relative;
  z-index: 2;
}

#sec01 .itemBlock > .inner{
  position: sticky;
  padding-bottom: calc(83 * (100vw / 1440));
  top: calc(19 * (100vw / 1440));
  left: 0;
}

#sec01 .itemBlock .secTTL{
  width: calc(495.21 * (100vw / 1440));
  margin-top: calc(61.05 * (100vw / 1440));
  margin-left: calc(73.77 * (100vw / 1440));
  margin-bottom: calc(79.58 * (100vw / 1440));
}

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


#sec01 .itemBlock .itemList{
  opacity: 0;
  transform: translate(calc(149 * (100vw / 1440)),calc(80 * (100vw / 1440)));
  transition: opacity 0.6s ease, transform 0.6s ease;
}

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

#sec01 .itemBlock .itemList > a.credit{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: calc(195 * (100vw / 1440));
  background: rgba(255, 255, 255, 1);
  border-radius: calc(255 * (100vw / 1440));
  padding-top: calc(17 * (100vw / 1440));
  padding-left: calc(35 * (100vw / 1440));
  padding-bottom: calc(12 * (100vw / 1440));
  position: absolute;
  left: calc(-69 * (100vw / 1440));
  top: calc(-19 * (100vw / 1440));
  z-index: 3;
}

#sec01 .itemBlock .itemList > a.credit > span:nth-of-type(1){
  display: block;
  font-family: "dm-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(15 * (100vw / 1440));
  line-height: calc(18 * (100vw / 1440));
  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(12 * (100vw / 1440));
  line-height: calc(15 * (100vw / 1440));
  margin-top: calc(4 * (100vw / 1440));
  letter-spacing: 0.1em;
  color: #1C2C71;
  text-align: left;
}


#sec01 .itemBlock .itemList > ul{
  display: block;
  width: calc(520 * (100vw / 1440));
  height: calc(599 * (100vw / 1440));
  border: 1px solid #1C2C71;
  background: rgba(255, 255, 255, .2);
  border-radius: calc(21.89 * (100vw / 1440)) 0 calc(21.89 * (100vw / 1440)) calc(21.89 * (100vw / 1440));
  backdrop-filter: blur(8.76px);
  box-shadow: calc(6.57 * (100vw / 1440)) calc(6.57 * (100vw / 1440)) calc(16.42 * (100vw / 1440)) rgba(28, 44, 113, .25);
  position: relative;
  z-index: 2;
}

#sec01 .itemBlock .itemList > ul > li{
  display: block;
  width: calc(234 * (100vw / 1440));
  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(29 * (100vw / 1440));
  top: calc(51 * (100vw / 1440));
}

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

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


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

#sec02 .secInner{
  display: block;
}

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

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


#sec02 .creditArea{
  display: block;
  width: calc(1168 * (100vw / 1440));
  margin: 0 auto calc(136 * (100vw / 1440)) calc(138 * (100vw / 1440));
}

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

#sec02 .img0203Wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: calc(1083 * (100vw / 1440));
  margin: 0 auto 0 calc(240 * (100vw / 1440));
}


#sec02 .img02{
  order: 2;
  display: block;
  width: calc(680 * (100vw / 1440));
  margin-top: calc(79 * (100vw / 1440));
  opacity: 0;
  transform: translateX(calc(10 * (100vw / 1440)));
  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{
  order: 1;
  display: block;
  width: calc(340 * (100vw / 1440));
}

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

#sec02 .img03 .imgOuter .outer{
  display: block;
  padding: calc(20 * (100vw / 1440)) 0 0 calc(20 * (100vw / 1440));
  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(320 * (100vw / 1440));
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition-delay: 0.2s;
}

#sec02 .img03 .imgOuter .outer > picture:nth-of-type(2){}


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



#sec02 .itemBlock{
  display: block;
  width: calc(801 * (100vw / 1440));
  margin-left: calc(120 * (100vw / 1440));
  margin-right: auto;
  opacity: 0;
  transform: translateY(calc(80 * (100vw / 1440)));
  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(12 * (100vw / 1440));
  line-height: calc(16 * (100vw / 1440));
  letter-spacing: 0.1em;
  color: #1C2C71;
  text-align: left;
}
#sec02 .itemBlock .itemList a.credit > span{
  display: block;
  white-space: nowrap;
}


#sec02 .itemBlock .itemList:nth-of-type(1){
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(10 * (100vw / 1440));
  padding-top: calc(34 * (100vw / 1440));
  padding-bottom: calc(32 * (100vw / 1440));
  padding-left: calc(50 * (100vw / 1440));
  padding-right: calc(13 * (100vw / 1440));
  background: #FFFFFF;
  border: 1px solid #1C2C71;
  border-radius: calc(10 * (100vw / 1440)) 0 calc(10 * (100vw / 1440)) calc(10 * (100vw / 1440));
  position: relative;
  z-index: 2;
  transform: translateY(calc(-86 * (100vw / 1440)));
}

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

#sec02 .itemBlock .itemList:nth-of-type(1) > ul > li{
  display: block;
  width: calc(140 * (100vw / 1440));
}
#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 / 1440));
  position: absolute;
  right: calc(11 * (100vw / 1440));
  top: calc(-17 * (100vw / 1440));
  z-index: 1;
}


#sec02 .itemBlock .itemList:nth-of-type(2){
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(40 * (100vw / 1440));
  margin-left: calc(88 * (100vw / 1440));
  padding-top: calc(60 * (100vw / 1440));
  padding-bottom: calc(37 * (100vw / 1440));
  padding-left: calc(50 * (100vw / 1440));
  padding-right: calc(29 * (100vw / 1440));
  background: #FFFFFF;
  border: 1px solid #1C2C71;
  border-radius: calc(10 * (100vw / 1440)) 0 calc(10 * (100vw / 1440)) calc(10 * (100vw / 1440));
  position: relative;
  z-index: 1;
  transform: translateY(calc(-109 * (100vw / 1440)));
}

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

#sec02 .itemBlock .itemList:nth-of-type(2) > ul > li{
  display: block;
  width: calc(140 * (100vw / 1440));
}
#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) 70%, rgba(28, 44, 113, .8) 100%);
  overflow: hidden;
}

/*******************************
#sec03
*******************************/
#sec03{
  display: block;
  width: 100%;
  margin-bottom: calc(60 * (100vw / 1440));
  position: relative;
}

#sec03 .secInner{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: calc(1317 * (100vw / 1440));
  margin: 0 0 0 auto;
}

#sec03 .img01{
  order: 2;
  display: block;
  width: calc(980 * (100vw / 1440));
}

#sec03 .img01 .imgOuter{
  opacity: 0;
  transform: translateX(calc(10 * (100vw / 1440)));
  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(27 * (100vw / 1440));
}
#sec03 .img01 .creditLinks > a,
#sec03 .img01 .creditLinks > span{
  color: #1C2C71;
}



#sec03 .img0203Wrap{
  display: block;
  width: calc(280 * (100vw / 1440));
}

#sec03 .img02,
#sec03 .img03{
  width: 100%;
  opacity: 0;
  transform: translateY(calc(80 * (100vw / 1440)));
  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(15 * (100vw / 1440));
}


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

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

#sec04 .img01{
  width: calc(887 * (100vw / 1440));
  position: absolute;
  left: calc(705 * (100vw / 1440));
  top: 0;
  z-index: 2;
  opacity: 0;
  transform: translateX(100%);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
#sec04 .img01.view{
  opacity: 1;
  transform: translateY(0);
}

#sec04 .itemBlock{
  display: block;
  width: calc(773 * (100vw / 1440));
  margin-top: calc(258 * (100vw / 1440));
  margin-left: calc(150 * (100vw / 1440));
  border: 3px solid #FDFDFA;
  box-shadow: calc(6 * (100vw / 1440)) calc(6 * (100vw / 1440)) calc(15 * (100vw / 1440)) rgba(28, 44, 113, .15);
  border-radius: calc(18.17 * (100vw / 1440)) 0 calc(18.17 * (100vw / 1440)) calc(18.17 * (100vw / 1440));
  background: rgba(255,255,255,.14);
  backdrop-filter: blur(7.27px);
  padding-top: calc(48 * (100vw / 1440));
  padding-bottom: calc(41 * (100vw / 1440));
  padding-left: calc(52 * (100vw / 1440));
}

#sec04 .itemBlock .itemList{}
#sec04 .itemBlock .itemList:nth-of-type(3){
  margin-top: calc(32 * (100vw / 1440));
}


#sec04 .itemBlock .itemList > ul{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 calc(40 * (100vw / 1440));
}

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

#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(21 * (100vw / 1440));
  font-family: "dm-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(12 * (100vw / 1440));
  line-height: calc(18 * (100vw / 1440));
  letter-spacing: 0.1em;
  color: #FFFFFF;
  text-align: center;
}


#sec04 .creditArea{
  display: block;
  width: calc(773 * (100vw / 1440));
  padding-top: calc(28 * (100vw / 1440));
  margin-left: calc(150 * (100vw / 1440));
}


/*******************************
scrollText
*******************************/
#em25022010year .scrollText{
  display: block;
  width: 100%;
  padding: calc(18 * (100vw / 1440)) 0 calc(12 * (100vw / 1440));
  overflow: hidden;
}

#em25022010year .scrollText .container{
  width: calc(328 * (100vw / 1440));
  font-family: "dm-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(25 * (100vw / 1440));
  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;
  width: calc(328 * (100vw / 1440));
  padding: 0 calc(35 * (100vw / 1440) / 2);
  font-family: "dm-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(25 * (100vw / 1440));
  line-height: 1.1;
  letter-spacing: 0.03em;
  color: #F5E1A4;
  white-space: nowrap;
	position: relative;
}


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

#sec05 .secInner{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  overflow: hidden;
}


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

#sec05 .img02{
  width: calc(540 * (100vw / 1440));
}

#sec05 .img01 .imgOuter,
#sec05 .img02 .imgOuter{
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  transform: translateX(calc(10 * (100vw / 1440)));
  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: calc(100% - 980 * (100vw / 1440));
  background: #1C2C71;
  border-bottom: 1px solid #F5E1A4;
}

#sec05 .img03 .imgOuter{
  width: calc(340 * (100vw / 1440));
  margin: calc(125 * (100vw / 1440)) auto 0;
}

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

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

#sec05 .message{
  padding: calc(111 * (100vw / 1440)) 0 calc(111 * (100vw / 1440));
  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(15 * (100vw / 1440));
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
  color: #F5E1A4;
}


/*******************************
#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;
  overflow: hidden;
}
#sec06 .secInner{
  display: block;
}

#sec06 .img0102Wrap{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}


#sec06 .img01{
  width: calc(100% - 980 * (100vw / 1440));
}

#sec06 .img01 .imgOuter{
  width: calc(340 * (100vw / 1440));
  margin: calc(90 * (100vw / 1440)) auto 0
}
#sec06 .img01 .creditText{
  padding-top: calc(25 * (100vw / 1440));
}

#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;
  font-size: calc(12 * (100vw / 1440));
  color: #1C2C71;
  letter-spacing: 0.1em;
  line-height: calc(18 * (100vw / 1440));
}

#sec06 .img02{
  width: calc(980 * (100vw / 1440));
}
#sec06 .img02 .imgOuter{
  opacity: 0;
  transform: translateX(calc(10 * (100vw / 1440)));
  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(120 * (100vw / 1440));
  background: url("../img/pc/bg_06.png") left top no-repeat #F5E1A4;
  background-size: 100% auto;
  position: relative;
  z-index: 2;
}

#sec07 > .creditArea{
  width: 100%;
  padding-top: calc(28 * (100vw / 1440));
  padding-left: calc(64 * (100vw / 1440));
}

#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;
  margin-bottom: calc(3 * (100vw / 1440));
  padding: calc(2 * (100vw / 1440)) calc(6 * (100vw / 1440)) calc(0 * (100vw / 1440)) calc(6 * (100vw / 1440));
  background: #1C2C71;
  border-radius: calc(2 * (100vw / 1440));
  text-align: center;
  font-size: calc(10 * (100vw / 1440));
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0.06em;
  margin-left: 0.7em;
  margin-right: 1em;
  transform: translateY(calc(-2 * (100vw / 1440)));
}


#sec07 .secInner{
  display: block;
}


#sec07 .img0102Wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: calc(1319 * (100vw / 1440));
  margin: 0 auto calc(84 * (100vw / 1440)) 0;
}

#sec07 .img01{
  order: 2;
  width: calc(490 * (100vw / 1440));
  transform: translateY(calc(-142 * (100vw / 1440)));
  position: relative;
  z-index: 3;
}

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

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

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



#sec07 .img02{
  order: 1;
  width: calc(676.84 * (100vw / 1440));
  margin-top: calc(362 * (100vw / 1440));
}

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

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


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

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

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

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


#sec07 .img02 .creditArea{
  width: 100%;
  padding-top: calc(45 * (100vw / 1440));
  padding-left: calc(60 * (100vw / 1440));
}

#sec07 .img02 .creditArea .creditLinks{}

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



#sec07 .img03{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: calc(1380 * (100vw / 1440));
  margin: 0 0 0 auto;
}

#sec07 .img03 .imgOuter{
  order: 2;
  width: calc(943 * (100vw / 1440));
  opacity: 0;
  transform: translateY(calc(80 * (100vw / 1440)));
  transition: opacity 0.6s ease, transform 0.6s ease;
}

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

#sec07 .img03 .creditArea{
  padding-left: calc(17 * (100vw / 1440));
  transform: translateY(calc(10 * (100vw / 1440)))
}

#sec07 .img03 .creditArea .creditLinks{}

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


/*******************************
#sec07
*******************************/
#sec08{
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}

#sec08 .secInner{}

#sec08 .img01{
  width: 100%;
}


#sec08 .img01 .imgOuter{
  opacity: 0;
  transform: translateX(calc(10 * (100vw / 1440)));
  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{
  position: absolute;
  left: calc(60 * (100vw / 1440));
  bottom: calc(53 * (100vw / 1440));
}

#sec08 .creditArea .creditLinks{}

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


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

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


#bottomSection .secTTL{
  display: block;
  width: calc(395 * (100vw / 1440));
  margin: 0 auto calc(39 * (100vw / 1440));
}

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

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

#bottomSection .viewMore{
  display: block;  
  width: calc(279 * (100vw / 1440));
  margin: 0 auto;
  

  margin-bottom: calc(67 * (100vw / 1440));
  
  position: relative;
  z-index: 1;
}

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

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


#bottomSection .noveltyBlock{
  display: block;
  width: calc(1108 * (100vw / 1440));
  margin-top: calc(94 * (100vw / 1440));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(116 * (100vw / 1440));
  position: relative;
}

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

#bottomSection .noveltyBlock .noveltyItems{
  display: block;
  width: calc(1035 * (100vw / 1440));
  height: calc(785 * (100vw / 1440));
  background: #FDFDFA;
  border-radius: calc(20 * (100vw / 1440));
  position: relative;
  z-index: 1;
}

#bottomSection .noveltyBlock .noveltyItems .img01,
#bottomSection .noveltyBlock .noveltyItems .img02,
#bottomSection .noveltyBlock .noveltyItems .img03{
  display: block;
  position: absolute;
  opacity: 0;
  transform: translateY(calc(80 * (100vw / 1440)));
  transition: opacity 0.6s ease-in, transform 0.6s ease-in;
}

#bottomSection .noveltyBlock .noveltyItems .img01{
  width: calc(253.53 * (100vw / 1440));
  left: calc(218 * (100vw / 1440));
  top: calc(97 * (100vw / 1440));
}
#bottomSection .noveltyBlock .noveltyItems .img02{
  width: calc(297.55 * (100vw / 1440));
  left: calc(83 * (100vw / 1440));
  top: calc(424 * (100vw / 1440));
  transition-delay: 0.2s;
}
#bottomSection .noveltyBlock .noveltyItems .img03{
  width: calc(207.42 * (100vw / 1440));
  left: calc(591 * (100vw / 1440));
  top: calc(109 * (100vw / 1440));
  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: block;}
#bottomSection .noveltyBlock .credit{
  padding-top: calc(10 * (100vw / 1440));
}

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

#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(15 * (100vw / 1440));
  line-height: 1.1;
  letter-spacing: 0.03em;
  color: #1C2C71;
  text-align: center;
}


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


#bottomSection .noveltyBlock .noveltyimg{
  display: block;
}

#bottomSection .noveltyBlock .noveltyimg > .imgOuter{
  width: calc(220 * (100vw / 1440));
  position: absolute;
  right: 0;
  bottom: calc(33 * (100vw / 1440));
  z-index: 3;
  background-color: inherit;
}

/*
#bottomSection .noveltyBlock .noveltyimg > .imgOuter::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/pc/img_novlty.png") center center no-repeat;
  background-size: 100%;
  filter: brightness(0) invert(1);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
*/


#bottomSection .noveltyBlock .noveltyimg .creditArea{
  padding-top: calc(50 * (100vw / 1440));
}

#bottomSection .noveltyBlock .noveltyimg .creditLinks{
  text-align: right;
}

#bottomSection .noveltyBlock .noveltyimg .creditLinks > a,
#bottomSection .noveltyBlock .noveltyimg .creditLinks > span{
  color: #FFFFFF;
  line-height: calc(15 * (100vw / 1440));
}

#bottomSection .noveltyBlock .noveltyimg .creditLinks > span{margin-right: 1em;}


#bottomSection .staffList{
  display: block;
  width: calc(948 * (100vw / 1440));
  margin: 0 auto;
}

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


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