@charset "UTF-8";
/* color
=================================================================== */
/* common
=================================================================== */
/* layout
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* vw
================================================*/
/* vh
================================================*/
/*============================================================================================ common */
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー keyVisual */
.keyVisual {
  margin-left: auto;
  margin-right: auto; }

.keyVisual > ul {
  position: relative;
  padding-top: calc(2677 / 2030 * 100%); }

.keyVisual > ul > li {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.keyVisual > ul > li.active span {
  opacity: 1 !important; }

.keyVisual > ul > li.active:nth-child(1) span {
  transition-delay: 1.4s; }

.keyVisual > ul > li span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: block;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -ms-transition-duration: 0.7s;
  -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  　-moz-transition-duration: 0.7s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.keyVisual > ul > li:nth-child(1) span {
  background-image: url("../img/contents/top/kv--3.png");
  opacity: 0; }

.keyVisual > ul > li:nth-child(2) span {
  background-image: url("../img/contents/top/kv--2.png");
  opacity: 0; }

.keyVisual > ul > li:nth-child(3) span {
  background-image: url("../img/contents/top/kv--1.png"); }

/*============================================================================================ contents */
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー kv */
.cookie .kv .splash__contents.splash__contents--2, .cookie .kv .splash__contents.splash__contents--2 .keyVisual, .cookie .sideblock, .cookie header, .cookie .kv .kv__copy, .cookie .kv .kv__copy > dt > span, .cookie .kv .kv__copy > dd > span {
  transition: unset !important; }

.kv {
  display: block;
  position: fixed;
  width: calc(100% - 8.0527086384vw);
  top: 0;
  left: 0;
  /* padding-top: 10.980966325vw; */
  pointer-events: none;
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー splash */ }

.kv.move {
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  　-moz-transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.splash .kv {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  padding-top: 0; }

.splash .kv .splash--bg {
  visibility: visible;
  opacity: 1; }

.splash .kv .splash__contents.splash__contents--2 .keyVisual {
  width: 29.2825768668vw;
  margin-bottom: 2.5622254758vw; }

.entrance .kv .splash__contents.splash__contents--2 {
  transform: translate3d(-50%, 14.6412884334vw, 0);
  -webkit-transform: translate3d(-50%, 14.6412884334vw, 0);
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  　-moz-transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.entrance .kv .splash__contents.splash__contents--2 .splash__contents--text {
  opacity: 0;
  visibility: hidden; }

.kv.active .kv__copy > dt > span, .kv.active .kv__copy > dd > span {
  width: 100%; }

.kv.active .splash__contents.splash__contents--2 {
  top: 10vw;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  　-moz-transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1); }

.kv .kv__copy {
  position: absolute;
  width: 100%;
  top: 10.980966325vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  text-align: center;
  line-height: 1;
  transition-duration: 1.8s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -ms-transition-duration: 1.8s;
  -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-duration: 1.8s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  　-moz-transition-duration: 1.8s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1); }

.kv .kv__copy > dt, .kv .kv__copy > dd {
  display: inline-block;
  overflow: hidden; }

.kv .kv__copy > dt > span, .kv .kv__copy > dd > span {
  display: block;
  text-indent: -9999px;
  height: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  　-moz-transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  width: 0; }

.kv .kv__copy > dt {
  width: 75.1830161054vw;
  margin-bottom: 2.196193265vw; }

.kv .kv__copy > dt > span {
  padding-top: calc(122 / 1142 * 100%);
  background-image: url("../img/contents/top/copy.svg"); }

.kv .kv__copy > dd {
  width: 33.6017569546vw; }

.kv .kv__copy > dd > span {
  padding-top: calc(22 / 509 * 100%);
  background-image: url("../img/contents/top/top--jp--copy.svg"); }

.kv .splash--bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 51;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: repeat-y;
  background-image: url("../img/common/bg.jpg");
  opacity: 0;
  visibility: hidden; }

.kv .splash__contents {
  position: absolute;
  z-index: 52; }

.kv .splash__contents.splash__contents--1 {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 17.4231332357vw;
  opacity: 0; }

.kv .splash__contents.splash__contents--1 > span {
  display: block;
  text-indent: -9999px;
  height: 0;
  padding-top: calc(194 / 238 * 100%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("../img/contents/top/splash--logo.png"); }

.kv .splash__contents.splash__contents--1.disable {
  opacity: 0;
  visibility: hidden; }

.kv .splash__contents.splash__contents--2 {
  top: 0vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  opacity: 0; }

.kv .splash__contents.splash__contents--2.topCopy {
  top: 10.980966325vw; }

.kv .splash__contents.splash__contents--2 .keyVisual {
  width: 65.8857979502vw;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -ms-transition-duration: 0.4s;
  -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  　-moz-transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateY(4vw);
  -webkit-transform: translateY(4vw); }

.kv .splash__contents.splash__contents--2 .keyVisual.active {
  transition-duration: 2s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -ms-transition-duration: 2s;
  -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transition-duration: 2s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  　-moz-transition-duration: 2s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.kv .splash__contents.splash__contents--2 .splash__contents--text {
  width: 64.7144948755vw;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden; }

.kv .splash__contents.splash__contents--2 .splash__contents--text > span {
  display: block;
  text-indent: -9999px;
  height: 5.710102489vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  background-image: url("../img/contents/top/splash--copy.svg");
  width: 0;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -ms-transition-duration: 0.4s;
  -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  　-moz-transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1); }

.kv .splash__contents.splash__contents--2.active {
  opacity: 1;
  visibility: visible; }

.kv .splash__contents.splash__contents--2.active.show .keyVisual {
  transform: translateY(0);
  -webkit-transform: translateY(0); }

.kv .splash__contents.splash__contents--2.active.show .splash__contents--text > span {
  width: 100%; }

.top .article {
  /* padding-top: 69.5461200586vw; */
  overflow-x: hidden; }

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー Pickup */
.sectionPickup .sectionPickup__contents {
  width: calc(100% + 15vw);
  margin-bottom: 3.2942898975vw; }

.sectionPickup .sectionPickup__contents .slick-list {
  padding-left: 4.39238653vw; }

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー Concept */
.sectionConcept .sectionConcept__leader {
  margin-bottom: 6.2225475842vw; }

.sectionConcept .sectionConcept__leader > dt > span, .sectionConcept .sectionConcept__leader > dd > span {
  display: block;
  text-indent: -9999px;
  height: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto; }

.sectionConcept .sectionConcept__leader > dt {
  width: 32.9428989751vw;
  margin-bottom: 2.196193265vw; }

.sectionConcept .sectionConcept__leader > dt > span {
  padding-top: calc(48 / 792 * 100%);
  background-image: url("../img/contents/top/concept--title--pc.svg"); }

.sectionConcept .sectionConcept__leader > dd {
  width: 100%; }

.sectionConcept .sectionConcept__leader > dd > span {
  padding-top: calc(240 / 1104 * 100%);
  background-image: url("../img/contents/top/concept--copy--pc.svg"); }

.sectionConcept .sectionConcept__text {
  position: relative;
  padding-right: 21.9619326501vw;
  text-align: left; }

.sectionConcept .sectionConcept__text:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 18.4480234261vw;
  height: 15.3001464129vw;
  left: auto;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("../img/contents/top/concept--logo.png"); }

.sectionConcept .sectionConcept__text > dt {
  font-size: 23px;
  font-size: 1.6837481698vw;
  margin-bottom: 0.5856515373vw; }

.sectionConcept .sectionConcept__text > dd {
  font-size: 18px;
  font-size: 1.317715959vw; }

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー sectionHistory */
.sectionHistory > a {
  position: relative;
  padding-top: calc(1155 / 2523 * 100%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("../img/contents/top/history--cover.jpg"); }

.sectionHistory > a:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .28;
  z-index: 1;
  pointer-events: none;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -ms-transition-duration: 0.4s;
  -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  　-moz-transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1); }

.sectionHistory > a > div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: calc(100% - 14.6vw);
  z-index: 2; }

.sectionHistory > a > div .h2__subtext {
  color: #fff; }

.sectionHistory > a:hover:after, .sectionHistory > a:active:after {
  opacity: 0; }

.sectionHistory > a:hover .btn.btn--white > a, .sectionHistory > a:hover .btn.btn--white > span, .sectionHistory > a:active .btn.btn--white > a, .sectionHistory > a:active .btn.btn--white > span {
  background-color: #fff; }

.sectionHistory > a:hover .btn.btn--white > a > img.imgW, .sectionHistory > a:hover .btn.btn--white > span > img.imgW, .sectionHistory > a:active .btn.btn--white > a > img.imgW, .sectionHistory > a:active .btn.btn--white > span > img.imgW {
  opacity: 0; }

.sectionHistory > a:hover .btn.btn--white > a > img.imgB, .sectionHistory > a:hover .btn.btn--white > span > img.imgB, .sectionHistory > a:active .btn.btn--white > a > img.imgB, .sectionHistory > a:active .btn.btn--white > span > img.imgB {
  opacity: 1; }

.sectionHistory > a:hover .btn.btn--white .arrow:before, .sectionHistory > a:active .btn.btn--white .arrow:before {
  opacity: 0; }

.sectionHistory > a:hover .btn.btn--white .arrow:after, .sectionHistory > a:active .btn.btn--white .arrow:after {
  opacity: 1; }

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー goods */
.sectionGoods {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }

.sectionGoods > div {
  width: 50%; }

.sectionGoods > div.sectionGoods__left .sectionGoods__left--img.slick-slider {
  margin-bottom: 0;
  font-size: 0; }

.sectionGoods > div.sectionGoods__left .sectionGoods__left--img.slick-slider .img > a {
  position: relative;
  padding-top: 100%;
  background-color: #fff; }

.sectionGoods > div.sectionGoods__left .sectionGoods__left--img.slick-slider .img > a > img {
  position: absolute;
  width: 92%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -ms-transition-duration: 0.4s;
  -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  　-moz-transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1); }

.sectionGoods > div.sectionGoods__left .sectionGoods__left--img.slick-slider .img > a:hover > img, .sectionGoods > div.sectionGoods__left .sectionGoods__left--img.slick-slider .img > a:active > img {
  transform: translate3d(-50%, -50%, 0) scale(1.05);
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1.05); }

.sectionGoods > div.sectionGoods__left .slick-dots {
  bottom: 1.0980966325vw; }

.sectionGoods > div.sectionGoods__left .slick-dots li {
  margin: 0 0.2928257687vw; }

.sectionGoods > div.sectionGoods__left .slick-dots li button {
  width: 0;
  height: 0;
  padding: 0.2196193265vw;
  background-color: #002964;
  opacity: .4;
  border-radius: 50%; }

.sectionGoods > div.sectionGoods__left .slick-dots li button:hover, .sectionGoods > div.sectionGoods__left .slick-dots li button:focus {
  opacity: 1; }

.sectionGoods > div.sectionGoods__left .slick-dots li.slick-active button {
  opacity: 1; }

.sectionGoods > div.sectionGoods__left .sectionGoods__left--text {
  background-color: #002964;
  padding: 1.8301610542vw 2.9282576867vw; }

.sectionGoods > div.sectionGoods__left .sectionGoods__left--text .text > a {
  position: relative;
  font-size: 17px;
  font-size: 1.2445095168vw;
  font-weight: bold;
  color: #fff; }

.sectionGoods > div.sectionGoods__left .sectionGoods__left--text .text.new > a {
  padding-left: 3.6603221083vw; }

.sectionGoods > div.sectionGoods__left .sectionGoods__left--text .text.new > a:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 2.2693997072vw;
  height: 1.4641288433vw;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: 1.756954612vw auto;
  background-image: url("../img/common/icon--new.svg");
  border: 0.0732064422vw solid #fff; }

.sectionGoods > div.sectionGoods__left .sectionGoods__left--text .text.new > a:hover, .sectionGoods > div.sectionGoods__left .sectionGoods__left--text .text.new > a:active {
  text-decoration: underline; }

.sectionGoods > div.sectionGoods__right {
  align-self: center;
  padding-left: 7.3206442167vw; }

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー project */
.sectionProject__contents--img {
  position: relative;
  padding-top: calc(1096 / 1582 * 100%);
  overflow: hidden; }

.sectionProject__contents--img > span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -ms-transition-duration: 0.4s;
  -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  　-moz-transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1); }

.sectionProject__contents--text {
  border-width: 0.1464128843vw;
  border-style: solid;
  border-color: #fff;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -ms-transition-duration: 0.4s;
  -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  　-moz-transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1); }

.sectionProject__contents--text > dl {
  margin-bottom: 1.0980966325vw; }

.sectionProject__contents--text > dl > dt {
  font-size: 20px;
  font-size: 1.4641288433vw;
  margin-bottom: 0.7320644217vw;
  line-height: 1.5; }

.sectionProject__contents--text > dl > dd {
  font-size: 12px;
  font-size: 0.878477306vw;
  line-height: 1.8; }

.sectionProjectHover .whiteFrame {
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -ms-transition-duration: 0.4s;
  -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  　-moz-transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  border: 1px solid #fff; }

.sectionProjectHover:hover .sectionProject__contents--img > span, .sectionProjectHover:active .sectionProject__contents--img > span {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  opacity: .7; }

.sectionProjectHover:hover .whiteFrame, .sectionProjectHover:active .whiteFrame {
  border: 1px solid #002964; }

.sectionProjectHover:hover .whiteFrame .btnMore .arrow, .sectionProjectHover:active .whiteFrame .btnMore .arrow {
  transform: translate3d(0.7vw, -50%, 0);
  -webkit-transform: translate3d(0.7vw, -50%, 0); }

.sectionProject .sectionProject__title {
  position: absolute;
  width: auto;
  height: auto;
  left: 7.3206442167vw;
  top: 0;
  z-index: 2; }

.sectionProject .sectionProject__contents {
  position: relative;
  padding-left: 35.8711566618vw;
  padding-bottom: 4.7584187408vw;
  padding-top: 4.39238653vw;
  z-index: 1; }

.sectionProject .sectionProject__contents > a .sectionProject__contents--text {
  position: absolute;
  width: 39.5314787701vw;
  left: 0;
  bottom: 0;
  border-width: 0.1464128843vw;
  border-style: solid;
  border-color: #fff;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -ms-transition-duration: 0.4s;
  -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  　-moz-transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1); }

.sectionProject .sectionProject__contents > a .sectionProject__contents--text > dl {
  margin-bottom: 1.8301610542vw; }

.sectionProject .sectionProject__contents > a .sectionProject__contents--text > dl > dt {
  font-size: 26px;
  font-size: 1.9033674963vw;
  margin-bottom: 1.0980966325vw;
  line-height: 1.5; }

.sectionProject .sectionProject__contents > a .sectionProject__contents--text > dl > dd {
  font-size: 15px;
  font-size: 1.0980966325vw;
  line-height: 1.8; }

.sectionProject .sectionProject__contents > a:hover .sectionProject__contents--img > span, .sectionProject .sectionProject__contents > a:active .sectionProject__contents--img > span {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  opacity: .7; }

.sectionProject .sectionProject__contents > a:hover .sectionProject__contents--text, .sectionProject .sectionProject__contents > a:active .sectionProject__contents--text {
  border-color: #002964; }

.sectionProject .sectionProject__contents > a:hover .sectionProject__contents--text .btnMore .arrow, .sectionProject .sectionProject__contents > a:active .sectionProject__contents--text .btnMore .arrow {
  transform: translate3d(0.7vw, -50%, 0);
  -webkit-transform: translate3d(0.7vw, -50%, 0); }

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー project */
.sectionComing .column--2 > li .whiteFrame {
  font-size: 20px;
  font-size: 1.4641288433vw; }

/*============================================================================================ 更新 2021/04/ future */
.sectionFuture__btnWrapper {
  position: relative;
  z-index: 2; }

.sectionFuture__btnWrapper .btn {
  position: absolute;
  bottom: 5vw;
  width: 30.7467057101vw; }

.sectionFuture__btnWrapper .btn > a {
  padding: 1.4641288433vw 4.7584187408vw 1.4641288433vw 2.5622254758vw; }

.sectionFuture__btnWrapper .btn > a > p.btnText {
  font-size: 21px;
  font-size: 1.5373352855vw; }

.sectionHistory {
  position: relative; }

.sectionHistory:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  top: auto;
  bottom: 98%;
  width: 95%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  background-image: url("../img/contents/future/topBg.png");
  pointer-events: none;
  z-index: 2; }

.sectionHistory > a {
  z-index: 3; }

.futureVoice {
  height: 38vw; }

.futureVoice:after {
  background-repeat: repeat-x;
  background-size: 60% auto; }

/*====================================================================================================================== 更新 2021/07 */
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー leader */
.futureContents__leader {
  position: relative;
  margin-bottom: 4.39238653vw; }

.futureContents__leader .future--h3 {
  margin-bottom: 1.0980966325vw; }

.futureContents__leader .future--h3 img {
  height: 3.4407027818vw;
  width: auto; }

.futureContents__leader .futureContents__leader--text {
  width: 30.7467057101vw; }

.futureContents__leader .futureContents__leader--text > dt {
  font-size: 21px;
  font-size: 1.5373352855vw;
  font-weight: bold;
  margin-bottom: 0.7320644217vw; }

.futureContents__leader .futureContents__leader--text > dd {
  font-size: 17px;
  font-size: 1.2445095168vw; }

.futureContents__leader .futureContents__leader--comment {
  position: absolute;
  width: calc(50% + 6.5vw);
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  top: 40%;
  right: 0;
  overflow: hidden;
  white-space: nowrap; }

.futureContents__leader .futureContents__leader--comment .futureContents__leader--comment--star {
  font-size: 0; }

.futureContents__leader .futureContents__leader--comment .futureContents__leader--comment--star > li {
  display: inline-block;
  position: relative;
  width: 25vw;
  margin-right: 0.5124450952vw; }

.futureContents__leader .futureContents__leader--comment .futureContents__leader--comment--star > li:before, .futureContents__leader .futureContents__leader--comment .futureContents__leader--comment--star > li:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto; }

.futureContents__leader .futureContents__leader--comment .futureContents__leader--comment--star > li:before {
  top: 4.5%;
  left: 5%;
  background-image: url("../img/contents/future/new/star--shadow.png");
  z-index: 1; }

.futureContents__leader .futureContents__leader--comment .futureContents__leader--comment--star > li:after {
  background-image: url("../img/contents/future/new/star.png");
  z-index: 2; }

.futureContents__leader .futureContents__leader--comment .futureContents__leader--comment--star > li > ul {
  position: relative;
  padding-top: 100%;
  z-index: 3; }

.futureContents__leader .futureContents__leader--comment .futureContents__leader--comment--star > li > ul > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto; }

/*========================================================================================================================= update 2021.11 modal */
/* color
=================================================================== */
/* common
=================================================================== */
/* layout
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/*================================================ vw */
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー common */
.kv.active .splash__contents.splash__contents--2 {
  top: 14vw; }

.top .article {
  /* padding-top: 75vw;  */
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー kv__copy */
.kv .kv__copy > dd.kvEnding__leader, .kv .kv__copy > dd.kvEnding__date {
  display: block;
  text-align: center;
  width: auto;
  opacity: 0;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  　-moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s; }
.kv .kv__copy > dd > p {
  display: inline-block;
  line-height: 1; }
.kv .kv__copy > dd.kvEnding__leader {
  color: #fff;
  font-weight: bold;
  margin: 1.6105417277vw 0 1.0980966325vw; }
  .kv .kv__copy > dd.kvEnding__leader > p {
    font-size: 15px;
    font-size: 1.0980966325vw;
    background-color: #002964;
    padding: 0.3660322108vw 0.5856515373vw;
    border-radius: 0.3660322108vw; }
.kv .kv__copy > dd.kvEnding__date > p {
  position: relative;
  width: 36.6032210835vw;
  padding-bottom: 0.2928257687vw; }
  .kv .kv__copy > dd.kvEnding__date > p:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 0.2928257687vw;
    top: auto;
    bottom: 0;
    background-color: #002964; }
  .kv .kv__copy > dd.kvEnding__date > p > span {
    display: block;
    text-indent: -9999px;
    height: 0;
    padding-top: calc(74 / 1000 * 100%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("../img/contents/top/ending/ending--date.png"); }
.kv.active .kv__copy > dd.kvEnding__leader, .kv.active .kv__copy > dd.kvEnding__date {
  opacity: 1; }

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー news */


.c-news-lists {
  border-top: 1px solid #B2C6DD;
  margin-top: 30px;
}

.c-news-list {
  border-bottom: 1px solid #B2C6DD;
  padding: 20px 0;
}

.c-news-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-news-category {
  width: 170px;
  line-height: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
}

.c-news-category._cat-ticket{
  background: #004091;
}

.c-news-category._cat-event {
  background: #fac048;
}

.c-news-category._cat-fanclub {
  background: #e563b3;
}

.c-news-category._cat-goods {
  background: #F9823B;
}

.c-news-category._cat-sponsor {
  background: #f75239;
}

.c-news-category._cat-foods {
  background: #f73939;
}

.c-news-category._cat-app {
  background: #006191;
}

.c-news-category._cat-other{
  background: #a6a6a6;
}

.c-news-category._cat-team {
  background: #75c9f6;
}

.c-news-date {
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 40px;
  color: #333333;
  margin-left: 18px;
  width: 158px;
}

.c-news-text {
  width: calc(100% - 357px);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #333333;
  padding: 9px 0;
}