@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@400;500&display=swap");
.google-font {
  font-family: "Heebo", sans-serif;
}

@keyframes displaynone {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
main.specialcontents {
  overflow: hidden;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
}

.specialcontents .specialcontents-fv {
  width: calc(748/1642*100vw);
  height: calc(831/1642*100vw);
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 2;
}
.specialcontents .specialcontents-fv:after {
  content: "";
  display: block;
  width: 100%;
  padding-top: calc(831/1642*100vw);
}
.specialcontents .specialcontents-fv .fadein-fv-h1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
  text-align: center;
  line-height: 1;
  margin-top: 6vw;
  width: 100%;
  z-index: 1;
  opacity: 0;
  transition: 2s ease;
  transition-delay: 0.6s;
}
.specialcontents .specialcontents-fv .fadein-fv-h1.done {
  opacity: 1;
}
.specialcontents .specialcontents-fv .fadein-fv-h1 .large {
  order: 2;
  font-size: calc(92/1642*100vw);
  line-height: 1.086;
}
.specialcontents .specialcontents-fv .fadein-fv-h1 .small {
  order: 1;
  font-size: calc(48/1642*100vw);
  margin-bottom: 0.5vw;
  letter-spacing: 0.02em;
}
.specialcontents .specialcontents-fv .fv-slide-specialcontents {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.specialcontents .specialcontents-fv .fv-slide-specialcontents div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: top center;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  opacity: 0;
}
.specialcontents .specialcontents-fv .fv-slide-specialcontents div.slideactive {
  animation-name: slideactive;
  animation-duration: 4s;
}
.specialcontents .specialcontents-fv .fv-slide-specialcontents div.slidehide {
  animation-name: slidehide;
  animation-duration: 1.25s;
}
.specialcontents .specialcontents-fv .fv-slide-specialcontents div.slide-01 {
  background-image: url(../img/specialcontents/fv-01.jpg);
}
@media (min-width: 1540px) {
  .specialcontents .specialcontents-fv .fv-slide-specialcontents div.slide-01 {
    background-image: url(../img/specialcontents/fv-01@2x.jpg);
  }
}
.specialcontents .specialcontents-fv .fv-slide-specialcontents div.slide-02 {
  background-image: url(../img/specialcontents/fv-02.jpg);
}
@media (min-width: 1540px) {
  .specialcontents .specialcontents-fv .fv-slide-specialcontents div.slide-02 {
    background-image: url(../img/specialcontents/fv-02@2x.jpg);
  }
}
.specialcontents .specialcontents-fv .fv-slide-specialcontents div.slide-03 {
  background-image: url(../img/specialcontents/fv-03.jpg);
}
@media (min-width: 1540px) {
  .specialcontents .specialcontents-fv .fv-slide-specialcontents div.slide-03 {
    background-image: url(../img/specialcontents/fv-03@2x.jpg);
  }
}
.specialcontents .specialcontents-fv .fv-slide-specialcontents div.slide-04 {
  background-image: url(../img/specialcontents/fv-04.jpg);
}
@media (min-width: 1540px) {
  .specialcontents .specialcontents-fv .fv-slide-specialcontents div.slide-04 {
    background-image: url(../img/specialcontents/fv-04@2x.jpg);
  }
}

@keyframes slideactive {
  0% {
    opacity: 0;
    transform: Scale(1.1);
    filter: blur(20px);
  }
  30% {
    opacity: 1;
    transform: Scale(1);
    filter: blur(0px);
  }
  100% {
    opacity: 1;
    transform: Scale(1);
    filter: blur(0px);
  }
}
@keyframes slidehide {
  0% {
    opacity: 1;
    transform: Scale(1);
  }
  100% {
    opacity: 0;
    transform: Scale(1.5);
  }
}
.fv-bg {
  width: calc((748/1642*100vw));
  height: calc(100vh - 130px - (831/1642*100vw) + 2px);
  background: #003B84;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: 0.8s;
}
.fv-bg.done {
  opacity: 1;
}

.specialcontents .right-wrap-specialcontents {
  width: calc(100% - (748/1642*100vw) + 1px);
  height: auto;
  margin-top: 0;
  margin-left: calc((748/1642*100vw) - 1px);
  position: relative;
  z-index: 3;
}

.specialcontents .sec01 {
  width: 100%;
  height: calc(831/1642*100vw);
  background-image: url(../img/specialcontents/sec01-bg.jpg);
  background-size: cover;
  opacity: 0;
  transition: 1.2s ease;
  transition-delay: 1s;
}
@media (min-width: 1540px) {
  .specialcontents .sec01 {
    background-image: url(../img/specialcontents/sec01-bg@2x.jpg);
  }
}
.specialcontents .sec01.sec01active {
  opacity: 1;
}
.specialcontents .sec01 h2 {
  width: calc(333/1642*100vw);
  padding-top: calc(196/1642*100vw);
  margin-left: calc(52/1642*100vw);
}
.specialcontents .sec01 p {
  width: calc(318/1642*100vw);
  margin-top: calc(48/1642*100vw);
  margin-left: calc(52/1642*100vw);
}

.specialcontents .sec02 {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2057/1642*100vw);
  background-image: url(../img/specialcontents/sec02-bg.jpg);
  background-size: cover;
  padding-top: calc(110/1642*100vw);
}
.specialcontents .sec02 h2 {
  display: flex;
  flex-direction: column;
  line-height: 1;
  margin-bottom: calc(93/1642*100vw);
}
.specialcontents .sec02 h2 .small {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(34/1642*100vw);
  margin-bottom: 0.7em;
}
.specialcontents .sec02 h2 .small img {
  display: block;
  width: calc(25.26/1642*100vw);
  height: calc(25.26/1642*100vw);
  margin: 0 0.2em;
  position: relative;
  top: -0.05em;
}
.specialcontents .sec02 h2 .large {
  font-size: calc(57/1642*100vw);
  text-align: center;
}
.specialcontents .sec02 ol {
  width: calc(590/1642*100vw);
  margin: 0 auto;
}
.specialcontents .sec02 ol li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: calc(144/1642*100vw);
}
.specialcontents .sec02 ol li:last-of-type {
  margin-bottom: 0;
  margin-top: calc(190/1642*100vw);
}
.specialcontents .sec02 ol li h3 {
  order: 3;
  font-size: calc(24/1642*100vw);
  font-weight: normal;
  line-height: 1;
  margin-top: 0.8em;
}
.specialcontents .sec02 ol li .ttl-sub {
  order: 1;
  color: #003B84;
  line-height: 1;
  display: flex;
  align-items: center;
  margin-bottom: 0.7em;
}
.specialcontents .sec02 ol li .ttl-sub .small {
  font-size: calc(25/1642*100vw);
  letter-spacing: -0.04em;
  margin-right: 0.5em;
}
.specialcontents .sec02 ol li .ttl-sub .large {
  font-size: calc(73/1642*100vw);
  letter-spacing: 0;
}
.specialcontents .sec02 ol li .js-video-btn {
  order: 2;
}

.specialcontents .sec03 {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: calc(232/1642*100vw);
  padding-bottom: calc(334/1642*100vw);
  background: rgba(0, 59, 135, 0.8);
}
.specialcontents .sec03 h2 {
  display: flex;
  flex-direction: column;
  line-height: 1;
  margin-bottom: calc(85/1642*100vw);
  color: #FFF;
}
.specialcontents .sec03 h2 .small {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(34/1642*100vw);
  margin-bottom: 0.7em;
}
.specialcontents .sec03 h2 .small img {
  display: block;
  width: calc(25.26/1642*100vw);
  height: calc(25.26/1642*100vw);
  margin: 0 0.2em;
  position: relative;
  top: -0.05em;
}
.specialcontents .sec03 h2 .large {
  font-size: calc(57/1642*100vw);
  text-align: center;
}
.specialcontents .sec03 h2 .jp {
  font-weight: normal;
  font-size: calc(32/1642*100vw);
  text-align: center;
  margin-top: calc(16/1642*100vw);
}
.specialcontents .sec03 .sec03-ul-01 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: calc(217/1642*100vw);
}
.specialcontents .sec03 .sec03-ul-01 li {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
.specialcontents .sec03 .sec03-ul-01 li:nth-of-type(1) {
  width: 100%;
  margin-bottom: calc(127/1642*100vw);
  width: calc(380/1642*100vw);
}
.specialcontents .sec03 .sec03-ul-01 li:nth-of-type(1) img {
  width: 100%;
}
.specialcontents .sec03 .sec03-ul-01 li.sec03-ul-01__col-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.specialcontents .sec03 .sec03-ul-01 li.sec03-ul-01__col-2 .sec03-ul-01__col-2--layout {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.specialcontents .sec03 .sec03-ul-01 li.sec03-ul-01__col-2 .sec03-ul-01__col-2--layout:nth-of-type(1) .fllows-img {
  width: auto;
}
.specialcontents .sec03 .sec03-ul-01 li.sec03-ul-01__col-2 .sec03-ul-01__col-2--layout:nth-of-type(1) img {
  width: calc(216/1642*100vw);
}
.specialcontents .sec03 .sec03-ul-01 li.sec03-ul-01__col-2 .sec03-ul-01__col-2--layout:nth-of-type(2) {
  align-self: flex-end;
}
.specialcontents .sec03 .sec03-ul-01 li.sec03-ul-01__col-2 .sec03-ul-01__col-2--layout:nth-of-type(2) .fllows-img {
  width: auto;
}
.specialcontents .sec03 .sec03-ul-01 li.sec03-ul-01__col-2 .sec03-ul-01__col-2--layout:nth-of-type(2) img {
  width: calc(338/1642*100vw);
}
.specialcontents .sec03 .sec03-ul-01 li p {
  color: #FFF;
  font-size: calc(22/1642*100vw);
  margin-top: 0.9em;
}
.specialcontents .sec03 h3 {
  line-height: 1.71;
  text-align: center;
  color: #FFF;
  font-size: calc(30/1642*100vw);
  margin-bottom: calc(58/1642*100vw);
  font-weight: normal;
}
.specialcontents .sec03 .sec03-ul-02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(662/1642*100vw);
  margin: 0 auto;
}
.specialcontents .sec03 .sec03-ul-02 li {
  width: 100%;
  margin-bottom: calc(96/1642*100vw);
}
.specialcontents .sec03 .sec03-ul-02 li img {
  display: block;
  width: 100%;
}
.specialcontents .sec03 .sec03-ul-02 li:last-of-type {
  margin-bottom: 0;
}
.specialcontents .sec03 .sec03-ul-02 li.sec03-ul-02__col-2 {
  display: flex;
  justify-content: space-between;
}
.specialcontents .sec03 .sec03-ul-02 li.sec03-ul-02__col-2 .fllows-img {
  width: auto;
}
.specialcontents .sec03 .sec03-ul-02 li.sec03-ul-02__col-2 .sec03-ul-02__col-2--layout:nth-of-type(1) .fllows-img {
  width: auto;
}
.specialcontents .sec03 .sec03-ul-02 li.sec03-ul-02__col-2 .sec03-ul-02__col-2--layout:nth-of-type(1) img {
  width: calc(322/1642*100vw);
}
.specialcontents .sec03 .sec03-ul-02 li.sec03-ul-02__col-2 .sec03-ul-02__col-2--layout:nth-of-type(2) .fllows-img {
  width: auto;
}
.specialcontents .sec03 .sec03-ul-02 li.sec03-ul-02__col-2 .sec03-ul-02__col-2--layout:nth-of-type(2) img {
  width: calc(302/1642*100vw);
}

.specialcontents .sec04 {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: calc(75/1642*100vw);
  padding-bottom: calc(75/1642*100vw);
  background: #3B3B3B;
}
.specialcontents .sec04 h2 {
  display: flex;
  flex-direction: column;
  line-height: 1;
  margin-bottom: calc(45/1642*100vw);
}
.specialcontents .sec04 h2 .small {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(34/1642*100vw);
  margin-bottom: 0.4em;
  color: #E66C2C;
}
.specialcontents .sec04 h2 .large {
  font-size: calc(57/1642*100vw);
  text-align: center;
  color: #FFF;
}
.specialcontents .sec04 .inner-layout {
  width: 90.133%;
  padding: 0;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.specialcontents .sec04 .inner-layout .sec04__left {
  width: calc(640/1642*100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: calc(100/1642*100vw);
}
.specialcontents .sec04 .inner-layout .sec04__left p {
  width: calc(640/1642*100vw);
}
.specialcontents .sec04 .inner-layout .sec04__right {
  width: calc(536/1642*100vw);
  margin-right: calc(126/1642*100vw);
}
.specialcontents .sec04 .inner-layout .sec04__name {
  position: absolute;
  top: 0;
  left: calc((1480/1642*100vw) - (78/1642*100vw));
  font-size: calc(22/1642*100vw);
  color: #FFF;
  transform-origin: left top;
  width: 12em;
}
.specialcontents .sec04 .sec04__profile {
  display: block;
  width: 100%;
}
.specialcontents .sec04 p {
  font-size: calc(19/1642*100vw);
  line-height: 2;
  color: #FFF;
  margin-bottom: calc(45/1642*100vw);
  font-feature-settings: "palt";
}
.specialcontents .sec04 dl {
  font-size: calc(19/1642*100vw);
  line-height: 1.684;
  display: flex;
  color: #FFF;
  letter-spacing: 0em;
}
.specialcontents .sec04 dl dt {
  display: flex;
  width: 8.3em;
}
.specialcontents .sec04 dl dt:before {
  content: "●";
  width: 1em;
  height: 1em;
  margin-right: 0.25em;
}
.specialcontents .sec04 dl dd {
  width: calc(100% - 8.3em);
}

.specialcontents .sec05 {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: calc(140/1642*100vw);
  padding-bottom: calc(218/1642*100vw);
  background: #FFF;
}
.specialcontents .sec05 .inner-layout {
  width: 84.531%;
  padding: 0;
}
.specialcontents .sec05 ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.specialcontents .sec05 ul li {
  width: calc(658/1388*100%);
}
.specialcontents .sec05 ul li a {
  display: block;
  width: 100%;
}
.specialcontents .sec05 ul li a:hover {
  opacity: 1;
}
.specialcontents .sec05 ul li a img {
  display: block;
  width: 100%;
}

.specialcontents .sec06 {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: calc(42/1642*100vw);
  padding-bottom: calc(102/1642*100vw);
  background: #EDEDED;
}
.specialcontents .sec06 a.inner-layout {
  width: 90.133%;
  padding: 0;
  display: block;
  text-decoration: none;
}
.specialcontents .sec06 a.inner-layout:hover {
  opacity: 1;
}
.specialcontents .sec06 a.inner-layout:hover .sec06-img-01 {
  transform: Scale(1.15);
}
.specialcontents .sec06 h2 {
  width: calc(51/1642*100vw);
  height: calc(51/1642*100vw);
  margin: 0 auto;
  margin-bottom: calc(20/1642*100vw);
}
.specialcontents .sec06 h2 img {
  display: block;
  width: 100%;
  height: 100%;
}
.specialcontents .sec06 p {
  text-align: center;
  line-height: 1.636;
  margin-bottom: calc(44/1642*100vw);
  font-size: calc(22/1642*100vw);
  color: #1A1A1A;
  text-decoration: none;
}
.specialcontents .sec06 .sec06-img-01 {
  display: block;
  width: 100%;
}

.specialcontents .sec07 {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: calc(56/1642*100vw);
  padding-bottom: calc(310/1642*100vw);
  background: #FFF;
}
.specialcontents .sec07 a {
  text-decoration: none;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  width: calc(680/1642*100vw);
}
.specialcontents .sec07 a:hover {
  opacity: 0.6;
  transition: 0.5s;
}
.specialcontents .sec07 h2 {
  width: calc(132/1642*100vw);
  height: calc(30/1642*100vw);
}
.specialcontents .sec07 h2 img {
  display: block;
  width: 100%;
  height: 100%;
}
.specialcontents .sec07 p {
  text-align: center;
  line-height: 1;
  font-size: calc(20/1642*100vw);
  color: #1A1A1A;
  text-decoration: none;
  position: relative;
  top: 0.2em;
}

/*# sourceMappingURL=specialcontents.css.map */