@charset "UTF-8";
/* CSS Document */
@media all and (-ms-high-contrast: none){
  body{
    font-family: "メイリオ", Meiryo, sans-serif;
  }
}
/****************************************************/
/*全体
/****************************************************/
body{
 font-family: 'Noto Sans JP', sans-serif;
}

main{
 font-size: 14px;
}
.pc{
 display: none;
}
.fs-m{
 font-size: .8em;
}
.fs-s{
 font-size: .5em;
}
.fs-l{
 font-size: 1.5em;
}
.fw-b{
 font-weight: bold;
}

/****************************************************/
/*システム
/****************************************************/
/*埋め込みiframe*/
.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*ラジオ*/
input[type="radio"] {
  display : none;
}
/*チェックボックス*/
input[type="checkbox"] {
  display : none;
}
/*チェックボックスのラベル*/
label {
  display: block;
}
.switch + label + .shop-item-txt{
 -webkit-transition: .3s ease-out;
 -o-transition: .3s ease-out;
 transition: .3s ease-out;
 opacity: 0;
 -webkit-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
         transform: translateY(-10px);
}
.switch:checked + label + .shop-item-txt{
 opacity: 1;
 -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
         transform: translateY(0px);
 pointer-events: none;
}

/****************************************************/
/*メイン
/****************************************************/

/****************************************************/
/*ヘッダー
/****************************************************/
header{
 width: 100%;
 height: 18.13vw;
 position: relative;
}

.header-tit{
 position: absolute;
 width: 41.86vw;
 top: 0;
 left: 4.8vw;
 bottom: 1vw;
 margin: auto;
}

.header-nav-btn{
 z-index: 1000;
 position: fixed;
 top: 0;
 right: 0;
 background-color: rgba(255,255,255,.7); 
}
.header-nav-btn-inner{
 width: 21.06vw;
 height: 18.13vw;
 position: relative;
 overflow: hidden;
}
.header-nav-btn-inner > svg{
 position: absolute;
 width: 10vw;
 -webkit-transition: .5s;
 -o-transition: .5s;
 transition: .5s;
}
.header-nav-shape-1{
 left: 0;
 right: 0;
 bottom: 3.46vw;
 margin: auto;
}
.header-nav-shape-2-a,.header-nav-shape-2-b{
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 margin: auto;
}
.header-nav-shape-2-b{
 opacity: 0;
}
.header-nav-shape-3{
 top: 3.46vw;
 left: 0;
 right: 0;
 margin: auto;
}
.header-nav-btn-inner > svg line{
 stroke:#231815;
}

.header-nav-btn-open .header-nav-shape-1{
 -webkit-transform: translateX(160%);
     -ms-transform: translateX(160%);
         transform: translateX(160%);
 opacity: 0;
}
.header-nav-btn-open .header-nav-shape-3{
 -webkit-transform: translateX(-160%);
     -ms-transform: translateX(-160%);
         transform: translateX(-160%);
 opacity: 0;
}
.header-nav-btn-open .header-nav-shape-2-a{
 -webkit-transform: rotateZ(135deg);
     -ms-transform: rotate(135deg);
         transform: rotateZ(135deg);
}
.header-nav-btn-open .header-nav-shape-2-b{
 -webkit-transform: rotateZ(225deg);
     -ms-transform: rotate(225deg);
         transform: rotateZ(225deg);
 opacity: 1;
}

.nav{
 position: fixed;
 top: 0;
 left: 0;
 z-index: 999;
 /* display: block; */
 background-color: rgba(0,0,0,.8);
 width: 100%;
 height: 100vh;
 height: 100lvh;
 -webkit-transform: translateY(100vh);
     -ms-transform: translateY(100vh);
         transform: translateY(100vh);
 -webkit-transition: .5s;
 -o-transition: .5s;
 transition: .5s;

 display: -ms-grid;

 display: grid;
  place-content: center;
  place-items: center;
}
.nav-open{
 -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
         transform: translateY(0);
}

.nav-link{
 display: block;
 -webkit-transform: translateY(100vh);
     -ms-transform: translateY(100vh);
         transform: translateY(100vh);
 width: auto;
 height: 15vmin;
}

.nav-link path{
 fill:#fff;
}

.nav-link-open{
 -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
         transform: translateY(0);
}
.nav-link-top{
 -webkit-transition: .7s;
 -o-transition: .7s;
 transition: .7s;
}
.nav-link-news{
 -webkit-transition: 1s;
 -o-transition: 1s;
 transition: 1s;
}
/* .nav-link-swing{
 transition: 1.3s;
}

.nav-link-everyverse{
 transition: 1.6s;
} */

.nav-link-note{
 /* transition: 1.9s; */
 -webkit-transition: 1.3s;
 -o-transition: 1.3s;
 transition: 1.3s;
}

.nav-link-contact{
 /* transition: 2.2s; */
 -webkit-transition: 1.6s;
 -o-transition: 1.6s;
 transition: 1.6s;
}
.nav-link-top .st1{
 fill:url(#SVGID_1_);
}
.nav-link-news .st1{
 fill:url(#SVGID_2_);
}
.nav-link-swing .st1{
 fill:url(#SVGID_3_);
}
.nav-link-everyverse .st1{
 fill:url(#SVGID_4_);
}
.nav-link-note .st1{
 fill:url(#SVGID_5_);
}
.nav-link-contact .st1{
 fill:url(#SVGID_6_);
}



.nav-link .hover .st1{
 opacity: 0;
 -webkit-transition: .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 -o-transition: .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 transition: .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.nav-link:hover .hover .st1{
 opacity: 1;
}
.nav-link .hover .st0{
 -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
         transform: scaleX(0);
 opacity: 0;
 -webkit-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 -o-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.nav-link:hover .hover .st0{
 opacity: 1;
 -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
         transform: scaleX(1);
}

/****************************************************/
/*タイトル
/****************************************************/
.title{
 width: 100%;
 height: calc(100vh - 18.13vw);
 overflow: hidden;
 position: relative;
 background-color: #fff;
}

/*scroll*/
.scroll{
 position: absolute;
 width: 40px;
 height: 80px;
 left: 0;
 right: 0;
 bottom: 0;
 margin: auto;
 cursor: pointer;
}
.scroll:after{
 content: "SCROLL";
 position: absolute;
 font-size: 10px;
 letter-spacing: 2px;
 line-height: 1;
 -webkit-transform: rotateZ(90deg);
     -ms-transform: rotate(90deg);
         transform: rotateZ(90deg);
 color: #b55fe5;
 height: 50px;
 top: 0;
 right: 0;
}
.scroll span{
 display: block;
 width: 1px;
 height: 100%;
 background-color: #eee;
 margin: 0 auto;
}
.scroll span:before{
 display: block;
 content: "";
 position: absolute;
 width: 1px;
 height: 100%;
 background-color: #b55fe5;
 left: 0;
 top: 0;
 right: 0;
 margin: auto;
}


.tit-swing{
 position: absolute;
 top: 0;
 bottom: 18.13vw;
 left: 0;
 right: 0;
 margin: auto;
 width: 82vw;
 max-width: 919px;
 z-index: 2;
}
.tit-swing .stroke{
 fill:none;
 stroke:rgba(0,0,0,.3);
 stroke-width:.5px;
}
.tit-swing .fill{
 fill:#000;
 -webkit-clip-path: url(#clip-tit-swing);
         clip-path: url(#clip-tit-swing);
}

.tit-bat-anime{
 position: absolute;
 width: 100%;
 height: 50vh;
 top: 0;
 bottom: 18.13vw;
 left: 0;
 margin: auto;
 z-index: 2;
}
 .tit-bat-anime-flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 100%;
 }
 .tit-bat-anime-item{
  width: calc(100% / 5);
  height: 100%;
 }
 .tit-bat-anime-item img{
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
 }

.trans-1{
 -webkit-transform: translateX(calc(100vw / 5 * 1 * -1));
     -ms-transform: translateX(calc(100vw / 5 * 1 * -1));
         transform: translateX(calc(100vw / 5 * 1 * -1));
 opacity: 0;
}
.trans-2{
 -webkit-transform: translateX(calc(100vw / 5 * 1 * 1));
     -ms-transform: translateX(calc(100vw / 5 * 1 * 1));
         transform: translateX(calc(100vw / 5 * 1 * 1));
  opacity: 0;
}
.trans-3{
 -webkit-transform: translateX(calc(100vw / 5 * 2 * -1));
     -ms-transform: translateX(calc(100vw / 5 * 2 * -1));
         transform: translateX(calc(100vw / 5 * 2 * -1));
  opacity: 0;

}
.trans-4{
 -webkit-transform: translateX(calc(100vw / 5 * 2 * 1));
     -ms-transform: translateX(calc(100vw / 5 * 2 * 1));
         transform: translateX(calc(100vw / 5 * 2 * 1));
 opacity: 0;
}

 .tit-bat-slider{
  width: 100%;
  height: 50vh;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 18.13vw;
  margin: auto;
  z-index: 1;
 }
/*
.swiper{
 height: 100%;
}
.swiper-wrapper{
 height: 100%;
}
.swiper-slide{
 width: 100%;
 height: 100%;
}
.swiper-slide img{
 width: 100%;
 height: 100%;
 object-fit: contain;
 object-position: center center;
}
*/

 .tit-bat-slider .swiper{
  height: 50vh;
 }
 .tit-bat-slider .swiper-wrapper{
 }
 .tit-bat-slider .swiper-slide{
 }
 .tit-bat-slider .swiper-slide img{
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
 }


/****************************************************/
/*SWINGについて（ABOUT）
/****************************************************/
.about{
 width: 100%;
 position: relative;
 overflow: hidden;
 background-color: #000;
}
.about:before{
 display: block;
 content: "";
 padding-top: 242.67%;
}

/*circle*/
.about-circle{
 position: absolute;
 width: 37.2vw;
 top: 0;
 right: 0;
}

.about-circle path{
 fill:none;
 stroke-width:2px;
}

.about-tit{
 position: absolute;
 width: 70vw;
 top: 36vw;
 left: 8vw;
}
.about-tit .stroke path{
 fill:none;
 stroke:rgba(255,255,255,.5);
 stroke-width:1px;
}
.about-tit .fill path{
 fill:#fff;
 -webkit-clip-path:url(#clip-about-tit);
         clip-path:url(#clip-about-tit); 
}

.about-english{
 position: absolute;
 width: 86vw;
 top: 67vw;
 left: 8vw;
}
.about-english .stroke path{
 fill:none;
 stroke:rgba(255,255,255,.5);
 stroke-width:1px;
}
.about-english .fill path{
 fill:#fff;
 -webkit-clip-path:url(#clip-about-english);
         clip-path:url(#clip-about-english); 
}

.about-swinglogo{
 position: absolute;
 width: 63.6vw;
 bottom: 0;
 right: 4.53vw;
}
.about-swinglogo g{
 fill:#fff;
}

.about-txt g path:nth-child(1){
 fill:none;
 stroke:rgba(255,255,255,.5);
 stroke-width:1px;
}
.about-txt g path:nth-child(2){
 fill:#fff;
}

.about-txt-1{
 position: absolute;
 width: 82.93vw;
 top: 78.53vw;
 left: 8vw;
}
.about-txt-1 g path:nth-child(2){
  -webkit-clip-path:url(#clip-about-txt-1);
          clip-path:url(#clip-about-txt-1);
}

.about-txt-2{
 position: absolute;
 width: 56.13vw;
 top: 86.27vw;
 left: 8vw;
}
.about-txt-2 g path:nth-child(2){
  -webkit-clip-path:url(#clip-about-txt-2);
          clip-path:url(#clip-about-txt-2);
}

.about-txt-3{
 position: absolute;
 width: 42.67vw;
 top: 94vw;
 left: 8vw;
}
.about-txt-3 g path:nth-child(2){
  -webkit-clip-path:url(#clip-about-txt-3);
          clip-path:url(#clip-about-txt-3);
}

.about-txt-4{
 position: absolute;
 width: 54.4vw;
 top: 102vw;
 left: 8vw;
}
.about-txt-4 g path:nth-child(2){
  -webkit-clip-path:url(#clip-about-txt-4);
          clip-path:url(#clip-about-txt-4);
}

.about-txt-5{
 position: absolute;
 width: 76.26vw;
 top: 109.73vw;
 left: 8vw;
}
.about-txt-5 g path:nth-child(2){
  -webkit-clip-path:url(#clip-about-txt-5);
          clip-path:url(#clip-about-txt-5);
}

.about-txt-6{
 position: absolute;
 width: 77.46vw;
 top: 117.46vw;
 left: 8vw;
}
.about-txt-6 g path:nth-child(2){
  -webkit-clip-path:url(#clip-about-txt-6);
          clip-path:url(#clip-about-txt-6);
}

.about-txt-7{
 position: absolute;
 width: 40.66vw;
 top: 133.2vw;
 left: 8vw;
}
.about-txt-7 g path:nth-child(2){
  -webkit-clip-path:url(#clip-about-txt-7);
          clip-path:url(#clip-about-txt-7);
}

.about-txt-8{
 position: absolute;
 width: 77.73vw;
 top: 140.93vw;
 left: 8vw;
}
.about-txt-8 g path:nth-child(2){
  -webkit-clip-path:url(#clip-about-txt-8);
          clip-path:url(#clip-about-txt-8);
}

.about-txt-9{
 position: absolute;
 width: 42.8vw;
 top: 148.66vw;
 left: 8vw;
}
.about-txt-9 g path:nth-child(2){
  -webkit-clip-path:url(#clip-about-txt-9);
          clip-path:url(#clip-about-txt-9);
}

.about-txt-10{
 position: absolute;
 width: 59.33vw;
 top: 156.53vw;
 left: 8vw;
}
.about-txt-10 g path:nth-child(2){
  -webkit-clip-path:url(#clip-about-txt-10);
          clip-path:url(#clip-about-txt-10);
}

.about-txt-11{
 position: absolute;
 width: 50.8vw;
 top: 164.26vw;
 left: 8vw;
}
.about-txt-11 g path:nth-child(2){
  -webkit-clip-path:url(#clip-about-txt-11);
          clip-path:url(#clip-about-txt-11);
}

.about-txt-12{
 position: absolute;
 width: 78vw;
 top: 179.86vw;
 left: 8vw;
}
.about-txt-12 g path:nth-child(2){
  -webkit-clip-path:url(#clip-about-txt-12);
          clip-path:url(#clip-about-txt-12);
}

.about-txt-13{
 position: absolute;
 width: 38.8vw;
 top: 187.6vw;
 left: 8vw;
}
.about-txt-13 g path:nth-child(2){
  -webkit-clip-path:url(#clip-about-txt-13);
          clip-path:url(#clip-about-txt-13);
}

.about-txt-14{
 position: absolute;
 width: 74.13vw;
 top: 195.46vw;
 left: 8vw;
}
.about-txt-14 g path:nth-child(2){
  -webkit-clip-path:url(#clip-about-txt-14);
          clip-path:url(#clip-about-txt-14);
}

.about-txt-15{
 position: absolute;
 width: 72.93vw;
 top: 211.06vw;
 left: 8vw;
}
.about-txt-15 g path:nth-child(2){
  -webkit-clip-path:url(#clip-about-txt-15);
          clip-path:url(#clip-about-txt-15);
}

/****************************************************/
/*banner
/****************************************************/
#banner{
  background-color: #f0f0f0;
  padding: calc(10vw - 1rem) 10vw;
}
.banner-flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.banner-item{
  width: 100%;
  margin: 1rem 0;
}

.banner-item a{
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.banner-item a:hover{
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}

.banner-item img{
  width: 100%;
}

/****************************************************/
/*news
/****************************************************/
.news{
 width: 100%;
 position: relative;
 background-color: #000;
 padding: 0 0 17.07vw;
 overflow: hidden;
}

.news-logo{
 position: absolute;
 top: 10.57vw;
 left: 14.28vw;
 width: 6.64vw;
}
.news-logo .stroke{
 fill:none;
 stroke:rgba(255,255,255,.5);
 stroke-width:1px;
}
.news-logo .fill{
 fill:#fff;
 -webkit-clip-path: url(#clip-news-logo);
         clip-path: url(#clip-news-logo)
}

.news-tit{
 position: absolute;
 width: 38.4vw;
 top: 12.8vw;
 left: 8.4vw;
}
.news-tit path{
 fill:#fff;
}
.news-content{
 padding: 17.4vw 8vw 0 8vw;
}
.news-flex{
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
 border-bottom: solid 1px #b1b1b1;
}
.news-flex:last-child{
 border: none;
}
.news-item,.news-item a{
 color: #fff;
 font-size: 14px;
}
.news-date{
 padding: 6vw 2.5vw 6vw 0;
}
.news-txt{
 padding: 6vw 0 6vw 0;
}
.news-allview{
 width: 80vw;
 margin: 7.6vw auto 0 auto;
}

.news-allview-frame,.news-allview-arrow{
 fill:none;
 stroke:#fff;
 stroke-width:2px;
 -webkit-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 -o-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.news-allview-txt{
 fill:#fff;
 -webkit-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 -o-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}

.news-allview:hover .news-allview-frame{
 fill:#fff;
}
.news-allview:hover .news-allview-txt{
 fill:#000;
}
.news-allview:hover .news-allview-arrow{
 stroke:#000;
}
/****************************************************/
/*swing
/****************************************************/
.swing{
 position: relative;
 width: 100%;
 background-color: #fff;
 padding: 0 0 22vw 0;
}

.swing-tit{
 position: absolute;
 top: 17.2vw;
 left: 8.26vw;
 width: 55.46vw;
 /* color: #dd007f; */
}
.swing-tit #swing-tit{
  fill: #dd007f;
}

.project-tit{
 position: absolute;
 top: 17.2vw;
 left: 8.26vw;
 width: 63.07vw;
}
.swing-tit path,.project-tit path{
 /* fill:#231815; */
}
.swing-flex{
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 padding: 28.67vw 5.2vw 0;
}
.swing-item{
 width: calc(100% / 2 - 5.6vw);
 margin: 0 2.8vw 10vw;
}
.swing-img{
 width: 100%;
/* height: 25.07vw;*/
 position: relative;
}
.swing-img:before{
 display: block;
 content: "";
 padding-top: 64%;
}
.swing-img img{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
    object-fit: cover;
 -o-object-position: center center;
    object-position: center center;
}
.swing-img iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.swing-item p{
/* font-size: 0.8em;*/
 margin-top: 4vw;
 font-weight: bold;
 color: #040000;
}

.swing-allswing{
 display: block;
 margin: 0 auto;
 width: 84vw;
}
.swing-allproject{
 display: block;
 margin: 0 auto;
 width: 84vw;
}
.swing-allswing path,.swing-allproject path{
 fill:#231815;
}
.swing-allswing polyline,.swing-allswing line,.swing-allproject polyline,.swing-allproject line{
 fill:none;
 stroke:#231815;
 stroke-width:2px;
}
.swing-allswing g > *,.swing-allproject g > *{
 -webkit-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 -o-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 -webkit-transform-origin: right;
     -ms-transform-origin: right;
         transform-origin: right;
}
.swing-allswing:hover path,.swing-allproject:hover path{
 -webkit-transform: translateX(-1vw);
     -ms-transform: translateX(-1vw);
         transform: translateX(-1vw);
}
.swing-allswing:hover polyline,.swing-allproject:hover polyline{
 -webkit-transform: translateX(-1vw);
     -ms-transform: translateX(-1vw);
         transform: translateX(-1vw);
}
.swing-allswing:hover line,.swing-allproject:hover line{
 -webkit-transform: scaleX(50%);
     -ms-transform: scaleX(50%);
         transform: scaleX(50%);
}

/****************************************************/
/*separate
/****************************************************/
.separate{
/* width: 100vw;*/
 height: 63.2vw; 
 position: relative;
 overflow: hidden;
}
.separate-bg{
 position: absolute;
 top: 0;
 right: 0;
 width: 91.06vw;
}
.separate-bg #separate-bg-img{
 -webkit-clip-path: url(#clip-separate-bg);
         clip-path: url(#clip-separate-bg);
}
.separate-logo{
 position: absolute;
 width: 62.4vw;
 top: 22.26vw;
 left: 2.8vw;
}
/****************************************************/
/*team
/****************************************************/
.team{
 width: 100%;
 position: relative;
 background-color: #fff;
}

.team-tit{
 position: absolute;
 top: 24.4vw;
 left: 8.93vw;
 width: 56.53vw;
}
.team-tit path{
 fill:#231815;
}
.team-flex{
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 padding: 37.6vw 2.93vw 6.4vw;
}
.team-item{
 width: calc(100% / 2 - 10.14vw);
 margin: 0 5.07vw 14.27vw;
 letter-spacing: .15em;
 text-align: center;
 position: relative;
 padding-bottom: 4em;
}
.team-img{
 width: 100%;
 position: relative;
 margin-bottom: 4.27vw;
}
.team-img:before{
 display: block;
 content: "";
 padding-top: 100%;
}
.team-img img{
 position: absolute;
 left: 0;
 top: 0;
 border-radius: 50%;
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
    object-fit: cover;
 -o-object-position: center center;
    object-position: center center;
}
.team-item p{
 color: #231815;
 font-weight: bold;
 line-height: 1.8;
}
.prof{
 margin: 2em 0 auto;
 border-top: solid 1px #231815;
 padding: 1em .5em;
 font-size: .8em;
 line-height: 1.8;
 text-align: left;
 color: #231815;
}
.prof-flex{
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
.prof-item:nth-child(1){
 width: calc(100% - 2em);
 padding: 1em;
}
.prof-item .team-img{
 max-width: 250px;
 margin: 0 auto;
}
.prof-item:nth-child(2){
 width: calc(100% - 2em);
 padding: 1em;
}

/****************************************************/
/*contact
/****************************************************/
.contact{
}

.contact-inner{
 background-color: #000;
 margin: 0 7.6vw;
 overflow: hidden;
 position: relative;
}

.contact-swing-top{
 position: absolute;
 width: 74.4vw;
 top: -4.2vw;
 left: 4.13vw;
}
.contact-swing-bottom{
 position: absolute;
 width: 74.4vw;
 bottom: -5.4vw;
 left: 4.13vw;
}
.contact-swing path{
 fill:#fff;
}

.contact-form{
 width: 100%;
 margin: 21.33vw auto 22.27vw;
}
.contact-tit{
 display: block;
 margin: 0 auto;
 width: 36.27vw;
}
.contact-tit .stroke{
 fill:none;
 stroke:rgba(255,255,255,.5);
 stroke-width:1px;
}
.contact-tit .fill{
 fill:#fff;
 -webkit-clip-path: url(#clip-contact-tit);
         clip-path: url(#clip-contact-tit);
}
.contact-txt{
 margin: 7.47vw 6.67vw 0;
 line-height: 2;
 font-size: 1.2em;
 color: #fff;
 font-weight: bold;
}
.contact-button{
 display: block;
 margin: 6.67vw auto 0;
 width: 71.33vw;
}
.contact-button path{
  -webkit-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.contact-button .button-base{
 fill:#00a85f;
}
.contact-button .button-txt{
 fill:#fff;
}
.contact-button:hover .button-base{
 fill:#fff;
}
.contact-button:hover .button-txt{
 fill:#00a85f;
}
/****************************************************/
/*footer
/****************************************************/
footer{
 padding: 10.4vw 9.33vw 9.33vw;
 color: #231815;
 letter-spacing: .2em;
}
footer a{
 color: #231815;
}
footer li{
 margin: 0 0 4.53vw;
}
footer p{
 line-height: 2;
 font-size: .8em;
}
/****************************************************/
/*contact-fixed
/****************************************************/
.contact-fixed{
 position: fixed;
 width: 16vw;
 bottom: 0;
 right: 0;
}

.contact-fixed rect{
 fill:#fe464c;
}
.contact-fixed path{
 fill:#fff;
}
.contact-fixed g > *{
 -webkit-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 -o-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.contact-fixed:hover rect{
 fill:#fff;
}
.contact-fixed:hover path{
 fill:#fe464c;
}
/*everyverseカラー*/
.everyverse .contact-fixed rect{
 fill:#000;
}
.everyverse .contact-fixed path{
 fill:#fff;
}
.everyverse  .contact-fixed g > *{
 -webkit-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 -o-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.everyverse .contact-fixed:hover rect{
 fill:#fff;
}
.everyverse  .contact-fixed:hover path{
 fill:#000;
}


/****************************************************/
/*page-swing
/****************************************************/
/*freestyle*/
.page-freestyle-slot{
 padding: 5.07vw 6.4vw 10.53vw;
 word-break: break-all;
}
.page-freestyle-slot img{
 display: block;
 max-width: 100%;
 margin: 3.57vw auto 0;
}
.page-freestyle-slot p{
 margin-top: 3.57vw;
 letter-spacing: .1em;
 line-height: 2.1;
}
/*freestyle*/
.page-swing-tit{
 width: 100%;
 position: relative;
 background-color: #ddd;
}
.page-swing-tit:before{
 display: block;
 content: "";
 padding-top: 56.29%;
}
.page-swing-tit img{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
    object-fit: cover;
 -o-object-position: center center;
    object-position: center center;
}
.page-swing-tit iframe{
 position: absolute;
 top: 0;
 right: 0;
 width: 100% !important;
 height: 100% !important;
}
.page-swing-content{
 padding: 5.6vw 0;
 word-break: break-all;
}
/*複数flexの追加制御*/
.page-swing-content .page-swing-content-flex:nth-child(n+2){
 margin-top: 14.67vw;
}
.page-swing-content .page-swing-content-flex:nth-child(n+2) .page-swing-content-txt-tit{
 display: none!important;
}
.page-swing-content .page-swing-content-flex:nth-child(n+2) .page-swing-content-txt-tips{
 margin-top: 0!important;
}
/*複数flexの追加制御*/


.page-swing-content-flex{
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 -webkit-box-orient: vertical;
 -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
}
.page-swing-content-img{
 width: calc(100%);
}
.page-swing-content-img-slot{
 width: 100%;
 position: relative;
}
.page-swing-content-img-slot:before{
 display: block;
 content: "";
 padding-top: 56.27%;
}
.page-swing-content-img-slot img{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
    object-fit: cover;
 -o-object-position: center center;
    object-position: center center;
}
.page-swing-content-img-slot iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.page-swing-content-caption-slot{
 padding: 1em 1em 3em;
 letter-spacing: .1em;
 line-height: 1.8;
 font-size: .8em;
}

.page-swing-content-txt{
 width: calc(100% - 10.53vw - 6.53vw);
 margin: 0 10.53vw 14.67vw 6.53vw;
}
.page-swing-content-txt-tit{
 font-size: 1.4em;
 font-weight: bold;
 letter-spacing: .15em;
 line-height: 1.8;
}
.page-swing-content-txt-tips{
 margin-top: 2.93vw;
 letter-spacing: .1em;
 line-height: 2.1;
}
.page-swing-content-txt-tips img{
 display: block;
 max-width: 100%;
 margin: 10.53vw auto;
}
.page-swing-list{
 padding: 14.4vw 8vw 9.33vw;
}
.page-swing-list-tit{
 width: 55.2vw;
}
.page-swing-list-tit path{
 fill:#231815;
}
.page-swing-list .swing-flex{
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 padding: 6.67vw 0 0;
}
.page-swing-list .swing-item{
 width: calc((100% - 5.33vw) / 2 );
 margin: 0 0 10vw 0;
}

.page-swing-list .swing-item:nth-child(even){
 margin: 0 0 10vw 5.33vw;
}
.page-swing-list .swing-item p{
 margin-top: 1.43vw;
 line-height: 1.6;
 color: #000;
}
/****************************************************/
/*page-swingall
/****************************************************/
.page-swingall-tit{
 width: 100%;
 position: relative;
 margin-bottom: -13.07vw;
}
.page-swingall-tit:before{
 display: block;
 content: "";
 padding-top: 52.53%;
}
.page-swingall-tit-bg{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
    object-fit: cover;
 -o-object-position: center center;
    object-position: center center;
}
.page-swingall-tit-swing{
 position: absolute;
 top: 0;
 left: 0;
 right: 1.7vw;
 bottom: 0;
 width: 78vw;
 margin: auto;
}
.pager{
 padding: 3.87vw 0 6.94vw;
 text-align: center;
}
.js-pagenav > *{
 display: inline-block;
 width: 10.67vw;
 height: 10.67vw;
 margin: 0 2.4vw;
 text-align: center;
 line-height: 10.67vw!important;
 font-size: calc(10.67vw / 3)!important;
 border: solid 1px #b2b2b3;
 color: #b2b2b3;
}
.js-pagenav > *:nth-child(2){
 border: solid 1px transparent;
 color: #000;
}
.js-pagenav > a{
 cursor: pointer;
 color: #000;
 border: solid 1px #000;
}
.js-pagenav > a:hover{
 color: #00a8c8;
 border: solid 1px #00a8c8;
}
/****************************************************/
/*page-news
/****************************************************/
.page-news-tit{
 width: 100%;
 position: relative;
 background-color: #ddd;
}
.page-news-tit:before{
 display: block;
 content: "";
 padding-top: 56.29%;
}
.page-news-tit img{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
    object-fit: cover;
 -o-object-position: center center;
    object-position: center center;
}
.page-news-content{
 padding: 5.07vw 6.4vw 10.53vw;
 word-break: break-all;
}
.page-news-content-tit{
 font-size: 1.4em;
 font-weight: bold;
 letter-spacing: .15em;
 line-height: 1.8;
}
.page-news-content-date{
 letter-spacing: .1em;
 line-height: 2.1;
}
.page-news-content-tips{
 margin-top: 3.57vw;
 letter-spacing: .1em;
 line-height: 2.1;
}
.page-news-content-tips img{
 display: block;
 width: 100%;
 margin: 10.53vw 0;
}
.page-news-content-back{
 width: 80vw;
 margin: 9vw auto 0;
}

.page-news-content-back-frame,.page-news-content-back-arrow{
 fill:none;
 stroke:#231815;
 stroke-width:2px;
 -webkit-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 -o-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.page-news-content-back-txt{
 fill:#231815;
 -webkit-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 -o-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}

.page-news-content-back:hover .page-news-content-back-frame{
 fill:#231815;
}
.page-news-content-back:hover .page-news-content-back-txt{
 fill:#fff;
}
.page-news-content-back:hover .page-news-content-back-arrow{
 stroke:#fff;
}
/****************************************************/
/*page-newsall
/****************************************************/
.page-newsall-tit{
 width: 100%;
 position: relative;
}
.page-newsall-tit:before{
 display: block;
 content: "";
 padding-top: 52.53%;
}
.page-newsall-tit-bg{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
    object-fit: cover;
 -o-object-position: right center;
    object-position: right center;
}
.page-newsall-tit-news{
 position: absolute;
 top: 0;
 left: 0;
 right: 1.6vw;
 bottom: 0;
 width: 66.4vw;
 margin: auto;
}
.page-newsall-list{
 padding: 1.6vw 7.47vw 0;
}
.page-newsall-list-flexwrap .news-flex:last-child{
 border-bottom: none;
}
.page-newsall-list-flexwrap .news-item,.page-newsall-list-flexwrap .news-item a{
 color: #231815;
}

.page-newsall-list .pager{
 padding: 10.13vw 0 16.4vw;
}
/****************************************************/
/*モーダル
/****************************************************/
.openModal{
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 font-size: .8em;
 margin: auto;
 padding: 1em 0;
 max-width: 200px;
 color: #231815;
 border: solid 1px #231815;
 border-radius: 3em;
 line-height: 1;
 text-align: center;
 cursor: pointer;
}
.openModal:hover{
 color: #fff;
 background-color: #231815;
}
/*モーダル*/
.modalArea {
  display: none;
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}
.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform:translate(-50%,-50%);
      -ms-transform:translate(-50%,-50%);
          transform:translate(-50%,-50%);
  width: 80%;
  max-width: 600px;
  max-height: 60vh;
  overflow: auto;
  padding: 1em;
  background-color: #fff;
 letter-spacing: .15em;
 line-height: 1.8;
  color: #231815;
}
.prof-name{
 border-bottom: solid 1px #231815;
 font-weight: bold;
 padding: .5em .5em 1em;
 text-align: center;
 line-height: 1.2;
 font-size: 1.2em;
}
.prof-txt{
 font-size: .8em;
 padding: 1em;
 line-height: 2;
}
.closeModal-wrap{
 text-align: center;
}
.closeModal {
 display: inline-block;
/* font-size: .8em;*/
 margin-top: 1em;
 padding: 1em 2em;
 color: #231815;
 border: solid 1px #231815;
 border-radius: 3em;
 line-height: 1;
 cursor: pointer;
}
.closeModal:hover{
 background-color: #231815;
 color: #fff;
}

/****************************************************/
/*everyverse
/****************************************************/
.everyverse{
overflow: hidden;
}
.ev-tit{
 height: 100vh;
 position: relative;
 overflow: hidden;
}
/*scroll*/
.ev-tit .scroll:after{
 color: #c30569;
}
.ev-tit .scroll span{
 background-color: #eee;
}
.ev-tit .scroll span:before{
 background-color: #c30569;
}


.ev-tit-wrap{
 z-index: 2;
 position: absolute;
 left: 13.47vw;
 height: 40vh;
 top: 0;
 bottom: 0;
 margin: auto;
}
.ev-tit-logo{
 width: 73.2vw;
}
.ev-tit-sublogo{
 margin-top: 2.53vw;
 width: 48.67vw;
}
.ev-tit-txt{
 margin-top: 1.87vw;
 width: 62vw;
}

.ev-tit-people{
 z-index: -1;
 position: absolute;
 width: 98.8vw;
 right: 0;
 bottom: 0;
}

.people-1{
 z-index: -1;
}
.people-2{
 z-index: -2;
}

.ev-tit-bg{
 z-index: -3;
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 -o-object-fit: cover;
    object-fit: cover;
 -o-object-position: left center;
    object-position: left center;
}
/*everyverseとは*/
.ev-about{
 padding-top: 15.53vw;
 padding-right: 8vw;
 padding-bottom: 14.80vw;
 padding-left: 8vw;
 background-image: url("../img/everyverse/ev-about-bg.png");
 background-size: cover;
 background-position: top center;
}
.ev-about-tit{
 width: 52.93vw;
}
.ev-about-subtit{
 width: 30.53vw;
 margin-top: 3.2vw;
}
/*
.ev-about-img{
 width: 100%;
 margin-top: 6vw;
 margin-bottom: 6.53vw;
}
*/

.ev-about-img{
 width: 100%;
 margin-top: 6vw;
 margin-bottom: 6.53vw;
}
.ev-about-img #ev-about-img-img{
 -webkit-clip-path: url(#clip-ev-about-img);
         clip-path: url(#clip-ev-about-img);
}

/*
.ev-about-img img{
 width: 100%;
}
*/
.ev-about p{
 font-weight: bold;
 letter-spacing: .1em;
 line-height: 2.1;
 margin-bottom: 8.8vw;
}
.ev-about p br{
 display: none;
}
.ev-about-company{
 text-align: left;
}
.ev-about-company > *{
 display: inline-block;
 vertical-align: middle;
}
.company{
 width: 13.6vw;
 margin-top: -1vw;
}
.mitsui-logo{
 width: 18.4vw;
 margin-left: 3.47vw;
}
.moon-logo{
 width: 22.13vw;
 margin-left: 4vw;
}

/*エブリバースができること*/
.ev-point{
 padding-top: 16.67vw;
 padding-right: 8vw;
 padding-bottom: 16.67vw;
 padding-left: 8vw;
 background-color: #f4f7f9;
}
.ev-point-tit-wrap > *{
 display: block;
 margin-bottom: 9.07vw;
}
.ev-point-tit{
 width: 60.27vw;
 margin-bottom: 3.33vw;
}
.ev-point-subtit{
 width: 38.8vw;
}
.ev-point .flex{
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 width: 100%;
 margin-bottom: 26.4vw;
}
.ev-point .item{
 width: 100%;
}
.ev-point-txt h3{
 font-weight: 900;
 letter-spacing: 0em;
 line-height: 1.4;
 font-size: 4.8vw;
 margin-top: 6.93vw;
}
.ev-point-txt h3 br{
 display: none;
}
.ev-point-01 h3{
 color: #1479bf;
}
.ev-point-02 h3{
 color: #48975f;
}
.ev-point-03 h3{
 color: #30306e;
}
.ev-point-04 h3{
 color: #d4c91a;
}
.ev-point-05 h3{
 color: #ef8853;
}
.ev-point-06 h3{
 color: #e4087c;
}
.ev-point-txt p{
 margin-top: 4.53vw;
 font-weight: bold;
 letter-spacing: .1em;
 line-height: 2.1;
}
.ev-point-txt p a{
 color: #e4087c;
 text-decoration: underline;
}
.ev-point-txt p a:hover{
 opacity: .7;
}

.ev-point-img{
 width: 100%;
 position: relative;
 pointer-events: none;
}
.ev-point-img img:first-child{
 width: 100%;
 border-radius: 5vw;
}
.word{
 pointer-events: none;
}
.ev-point-01 .word{
 width: 4.93vw;
 position: absolute;
 left: 71.6vw;
 bottom: -5.87vw;
}
.ev-point-02 .word{
 width: 7.73vw;
 position: absolute;
 right: 15.53vw;
 top: -6.27vw;
}
.ev-point-03 .word{
 width: 7.07vw;
 position: absolute;
 left: 78.13vw;
 bottom: -4.93vw;
}
.ev-point-04 .word{
 width: 6.93vw;
 position: absolute;
 left: -3.87vw;
 bottom: 11.33vw;
}
.ev-point-05 .word{
 width: 7.47vw;
 position: absolute;
 right: 10.80vw;
 top: -7.33vw;
}
.ev-point-06 .word{
 width: 6.93vw;
 position: absolute;
 right: 4.4vw;
 bottom: -6vw;
}

.ev-point-txt .link-youtube{
 width: 80vw;
 margin-top: 8.67vw;
 margin-left: auto;
 margin-right: auto;
}

.link-youtube .st0{
 fill:#fff;
 stroke:none;
 -webkit-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 -o-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.link-youtube .st1{
 fill:#000;
 stroke:none;
 -webkit-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 -o-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
 transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.link-youtube:hover .st0{
 fill:#000;
}

.link-youtube:hover .st1{
 fill:#e4087c;
}

.btn-blank{
 margin: 0 auto 3em;
 text-align: center;
}
.btn-blank a{
 display: inline-block;
 border-radius: 2em;
 border: solid 2px #000;
 color: #000;
 letter-spacing: .1em;
 padding: 1em 3em;
 -webkit-transition: .3s;
 -o-transition: .3s;
 transition: .3s;
 cursor: pointer;
}
.btn-blank a:hover{
 background-color: #000;
 color: #fff;
 cursor: pointer;
}

/*【PC】*/
@media screen and (min-width: 751px) {
/****************************************************/
/*全体
/****************************************************/
 main{
  font-size: 20px;
 }
 .pc{
  display: unset;
  }
  .sp{
  display: none;
  }
/****************************************************/
/*ヘッダー
/****************************************************/
header{
 height: 7.71vw;
}

.header-tit{
 width: 18.64vw;
 left: 2.71vw;
 bottom: .2vw;
}
.header-nav-btn{
}
.header-nav-btn-inner{
 width: 8.42vw;
 height: 7.71vw;
}
.header-nav-btn-inner > svg{
 width: 4vw;
}
.header-nav-shape-1{
 bottom: 1.42vw;
}
.header-nav-shape-3{
 top: 1.42vw;
}

 .nav-link{
  /* left: 30vw; */
 }
 /****************************************************/
/*メイン
/****************************************************/
/****************************************************/
/*タイトル
/****************************************************/
.title{
 height: calc(100vh - 7.71vw);
}

.tit-bat-anime{
 bottom: 7.71vw;
}

 .tit-bat-anime-item{
  width: calc(100% / 9);
 }
 
 .trans-1{
 -webkit-transform: translateX(calc(100vw / 9 * 1 * -1));
     -ms-transform: translateX(calc(100vw / 9 * 1 * -1));
         transform: translateX(calc(100vw / 9 * 1 * -1));
 opacity: 0;
}
.trans-2{
 -webkit-transform: translateX(calc(100vw / 9 * 1 * 1));
     -ms-transform: translateX(calc(100vw / 9 * 1 * 1));
         transform: translateX(calc(100vw / 9 * 1 * 1));
  opacity: 0;
}
.trans-3{
 -webkit-transform: translateX(calc(100vw / 9 * 2 * -1));
     -ms-transform: translateX(calc(100vw / 9 * 2 * -1));
         transform: translateX(calc(100vw / 9 * 2 * -1));
  opacity: 0;

}
.trans-4{
 -webkit-transform: translateX(calc(100vw / 9 * 2 * 1));
     -ms-transform: translateX(calc(100vw / 9 * 2 * 1));
         transform: translateX(calc(100vw / 9 * 2 * 1));
  opacity: 0;

}
.trans-5{
 -webkit-transform: translateX(calc(100vw / 9 * 3 * -1));
     -ms-transform: translateX(calc(100vw / 9 * 3 * -1));
         transform: translateX(calc(100vw / 9 * 3 * -1));
  opacity: 0;

}
.trans-6{
 -webkit-transform: translateX(calc(100vw / 9 * 3 * 1));
     -ms-transform: translateX(calc(100vw / 9 * 3 * 1));
         transform: translateX(calc(100vw / 9 * 3 * 1));
  opacity: 0;

}
.trans-7{
 -webkit-transform: translateX(calc(100vw / 9 * 4 * -1));
     -ms-transform: translateX(calc(100vw / 9 * 4 * -1));
         transform: translateX(calc(100vw / 9 * 4 * -1));
  opacity: 0;

}
.trans-8{
 -webkit-transform: translateX(calc(100vw / 9 * 4 * 1));
     -ms-transform: translateX(calc(100vw / 9 * 4 * 1));
         transform: translateX(calc(100vw / 9 * 4 * 1));
  opacity: 0;
}
 
.tit-swing{
 width: 65.64vw;
 bottom: 7.71vw;
}
 .tit-bat-slider{
  width: 100%;
  height: 50vh;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 7.71vw;
  margin: auto;
  z-index: 1;
 }
 
 .tit-bat-slider .swiper{
  height: 50vh;
 }
 .tit-bat-slider .swiper-wrapper{
 }
 .tit-bat-slider .swiper-slide{
 }
 .tit-bat-slider .swiper-slide img{
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
 }
/****************************************************/
/*SWINGについて（ABOUT）
/****************************************************/
.about{
}
.about:before{
 padding-top: 132.85%;
}
.about-circle{
 width: 29.28vw;
 top: 26.35vw;
 right: 0;
}

.about-circle path{
 stroke-width:2px;
}
 
.about-bat{
 width: 65.28vw;
 top: 26.07vw;
 right: -32.64vw;
}
.about-swinglogo{
 width: 21.35vw;
 bottom: 0;
 right: 0.57vw;
}
.about-tit{
 width: 50vw;
 top: 14.57vw;
 left: 13.85vw;
}
/*
.about-tit .fill path{
 clip-path:url(#clip-about-tit-pc); 
}
*/
.about-english{
 width: 56vw;
 top: 36.2vw;
 left: 14.14vw;
}
/*
 .about-english .fill path{
  clip-path:url(#clip-about-english-pc); 
 }
*/

 .about-txt-1{
  width: 49.71vw;
  top: 43vw;
  left: 14.28vw;
 }
 .about-txt g path:nth-child(1){
 stroke-width:.5px;
}
 .about-txt-2{
  width: 33.71vw;
  top: 47.5vw;
  left: 14.28vw;
 }
 
 .about-txt-3{
  width: 25.57vw;
  top: 52.14vw;
  left: 14.28vw;
 }
 
 .about-txt-4{
  width: 32.64vw;
  top: 56.78vw;
  left: 14.28vw;
 }
 
 .about-txt-5{
  width: 45.78vw;
  top: 61.42vw;
  left: 14.28vw;
 }

 .about-txt-6{
  width: 46.5vw;
  top: 66vw;
  left: 14.28vw;
 }
 
 .about-txt-7{
  width: 24.42vw;
  top: 75.28vw;
  left: 14.28vw;
 }
 
 .about-txt-8{
  width: 46.64vw;
  top: 79.85vw;
  left: 14.28vw;
 }
 
 .about-txt-9{
  width: 25.71vw;
  top: 84.35vw;
  left: 14.28vw;
 }

 .about-txt-10{
  width: 35.57vw;
  top: 89.07vw;
  left: 14.28vw;
 }
 
 .about-txt-11{
  width: 30.50vw;
  top: 93.64vw;
  left: 14.28vw;
 }
 
 .about-txt-12{
  width: 46.78vw;
  top: 102.85vw;
  left: 14.28vw;
 }
 
 .about-txt-13{
  width: 23.28vw;
  top: 107.42vw;
  left: 14.28vw;
 }
 
 .about-txt-14{
  width: 44.5vw;
  top: 112.07vw;
  left: 14.28vw;
 }
 
 .about-txt-15{
  width: 43.78vw;
  top: 121.28vw;
  left: 14.28vw;
 }

 /****************************************************/
/*banner
/****************************************************/
#banner{
  /* padding: 16.8vw 8.57vw 16.8vw 9.79vw; */
}
.banner-item{
  width: calc(100% / 3 - 1rem);
}

/****************************************************/
/*news
/****************************************************/
.news{
 padding: 0 0 9.57vw;
 min-height: 50vw;
}

.news-tit{
 top: 8.21vw;
 left: 33.64vw;
 width: 19.92vw;
}
.news-content{
 padding: 10.4vw 4.86vw 0 33.5vw;
}
.news-flex{

}
.news-flex:last-child{
 border-bottom: solid 1px #b1b1b1;
}
.news-item,.news-item a{
 font-size: 1.15vw;
}
.news-date{
 padding: 2.9vw 2.5vw 2.9vw 0;
}
.news-txt{
 padding: 2.9vw 0 2.9vw 0;
}
.news-allview{
 width: 17.85vw;
 margin: 3.05vw 5.7vw 0 auto;
}
 
/****************************************************/
/*swing
/****************************************************/
.swing{
 padding: 0 0 12.64vw 0;
}
.swing-tit{
 width: 28.35vw;
 top: 10.78vw;
 left: 11.14vw;
}
 
.project-tit{
 width: 33.79vw;
 top: 10.78vw;
 left: 11.14vw;
}
.swing-flex{
 padding: 16.8vw 8.57vw 0 9.79vw;
}

.swing-item{
 width: calc(100% / 4 - 2.5vw);
 margin: 0 1.25vw 5.7vw;
}
.swing-img{
/* height: 11.4vw;*/
}
.swing-img img{
}
.swing-item p{
 font-size: 0.8em;
 margin-top: 1.3vw;
}

.swing-allswing{
 margin: 0 9.9vw 0 auto;
 width: 58.43vw;
}
.swing-allproject{
 margin: 0 9.9vw 0 auto;
 width: 58vw;
}
/****************************************************/
/*team
/****************************************************/
.team{
}

.team-tit{
 top: 15.6vw;
 left: 10.8vw;
 width: 28.3vw;
}

.team-flex{
 padding: 22.6vw 7.21vw 12vw 8.79vw;
}
.team-item{
 width: calc(100% / 4 - 4.28vw);
 margin: 0 2.14vw 6.3vw;
 font-size: .8em;
}
.team-img{
 margin-bottom: 1.55vw;
}
/****************************************************/
/*contact
/****************************************************/
.contact{
}

.contact-inner{
 background-color: #000;
 margin: 0 4.29vw;
 overflow: hidden;
 position: relative;
}

.contact-swing-top{
 position: absolute;
 width: 53.4vw;
 top: -4.8vw;
 left: 18.7vw;
}
.contact-swing-bottom{
 position: absolute;
 width: 53.4vw;
 bottom: -5.64vw;
 left: 18.7vw;
}

.contact-form{
 width: 100%;
 margin: 11.57vw auto 10.29vw;
}
.contact-tit{
 display: block;
 margin: 0 auto;
 width: 20vw;
}
.contact-txt{
 margin: 2.9vw 19.79vw 0 18.57vw;
 line-height: 2;
 font-size: 1.2em;
 color: #fff;
 font-weight: bold;
 text-align: center;
}
.contact-button{
 display: block;
 margin: 4.29vw auto 0;
 width: 31vw;
}
/****************************************************/
/*footer
/****************************************************/
footer{
 padding: 7.36vw 0 6.43vw;
 letter-spacing: .2em;
}
footer a{
}
 footer ul{
  text-align: center;
}
footer li{
 display: inline-block;
 text-align: center;
 margin: 0 3.21vw;
}
footer p{
 text-align: center;
 margin-top: 2.59vw;
 font-size: 1em;
}
/****************************************************/
/*contact-fixed
/****************************************************/
.contact-fixed{
 width: 6.42vw;
}
/****************************************************/
/*page-swing
/****************************************************/
/*freestyle*/
.page-freestyle-slot{
padding: 3.57vw 14.29vw 12.57vw;
}
.page-freestyle-slot img{
 margin: 3.57vw auto 0;
}
.page-freestyle-slot p{
 margin-top: 3.57vw;
 font-size: .8em;
}

/*freestyle*/
.page-swing-content{
 padding: 3.86vw 3.71vw;
}
/*複数flexの追加制御*/
.page-swing-content .page-swing-content-flex:nth-child(n+2){
 margin-top: 3.86vw;
}
/*複数flexの追加制御*/
.page-swing-content-flex{
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
}
.page-swing-content-img{
 width: calc(57.87%);
}
.page-swing-content-img-slot:before{
 display: block;
 content: "";
 padding-top: 56.27%;
}
 
.page-swing-content-caption-slot{
 padding: 1em 0 3em;
}
 
.page-swing-content-txt{
 width: calc(100% - 57.87% - 3.71vw);
 margin: 0 0 0 3.71vw;
}
.page-swing-content-txt-tips{
 margin-top: 1.86vw;
 font-size: .8em;
}
.page-swing-content-txt-tips img{
  margin: 2.57vw auto;
}
.page-swing-list{
 padding: 9.29vw 9.57vw;
}
.page-swing-list-tit{
 width: 28.21vw;
}
 .page-swing-list .swing-flex{
  padding: 3.71vw 0 0;
 }
 .page-swing-list .swing-item,.page-swing-list .swing-item:nth-child(even){
  width: calc(100% / 4 - 2.43vw);
  margin: 0 2.43vw 4.86vw 0;
 }
/****************************************************/
/*page-swingall
/****************************************************/
.page-swingall-tit{
 margin-bottom: -5.14vw;
}
.page-swingall-tit:before{
 padding-top: 28.14%;
}
.page-swingall-tit-swing{
 right: 1.5vw;
 width: 41.79vw;
}
.pager{
 padding: 3vw 0 3.28vw;
 text-align: center;
}
.js-pagenav > *{
 width: 2.86vw;
 height: 2.86vw;
 margin: 0 0.71vw;
 line-height: 2.86vw!important;
 font-size: calc(2.86vw / 3)!important;
}
/****************************************************/
/*page-news
/****************************************************/
.page-news-content{
 padding: 3.57vw 14.29vw 12.57vw;
}
.page-news-content-date{
 font-size: .8em;
}
.page-news-content-tips{
 margin-top: 3.57vw;
 font-size: .8em;
}
.page-news-content-tips img{
 margin: 2.57vw 0;
}
.page-news-content-back{
 width: 17.85vw;
 margin: 5.71vw auto 0;
}
/****************************************************/
/*page-newsall
/****************************************************/
.page-newsall-tit:before{
 padding-top: 28.14%;
}
.page-newsall-tit-news{
 right: 1.7vw;
 width: 35.57vw;
}
.page-newsall-list{
 padding: 2.43vw 20.43vw 0;
}
.page-newsall-list-flexwrap .news-flex:last-child{
  border-bottom: solid 1px #b1b1b1;
}
.page-newsall-list .pager{
 padding: 5.14vw 0 11.21vw;
}
/****************************************************/
/*モーダル
/****************************************************/
 .prof-name{
  text-align: left;
 }
 
/****************************************************/
/*everyverse
/****************************************************/
.ev-tit{
/* height: 66.21vw;*/
}
 .ev-tit-wrap{
  left: 7.86vw;
 }
.ev-tit-logo{
 width: 39.21vw;
}

.ev-tit-sublogo{
 margin-top: 1.36vw;
 width: 26.07vw;
}
.ev-tit-txt{
 margin-top: 1vw;
 width: 33.21vw;
}

.ev-tit-people{
 width: 60.86vw;
}

.ev-tit-bg{
 -o-object-position: center center;
    object-position: center center;
}
/*everyverseにとは*/
.ev-about{
 padding-top: 13.57vw;
 padding-right: 9.93vw;
 padding-bottom: 13.57vw;
 padding-left: 11.14vw;
 background-image: url("../img/everyverse/ev-about-bg.png");
 background-size: cover;
 background-position: top center;
}
.ev-about-tit{
 width: 35.64vw;
}
.ev-about-subtit{
 width: 19.64vw;
 margin-top: 1.71vw;
}
.ev-about-img{
 width: 100%;
 margin-top: 2.71vw;
 margin-bottom: 3.14vw;
}
.ev-about p{
 margin-bottom: 4.79vw;
}
.ev-about p br{
 display: unset;
}
.company{
 width: 6.07vw;
 margin-top: -1vw;
}
.mitsui-logo{
 width: 8.93vw;
 margin-left: 3.57vw;
}
.moon-logo{
 width: 10.64vw;
 margin-left: 3.57vw;
}
 
/*エブリバースができること*/
.ev-point{
 padding-top: 14.29vw;
 padding-right: 9.93vw;
 padding-bottom: 13.57vw;
 padding-left: 11.14vw;
}
.ev-point-tit-wrap > *{
 display: inline-block;
 vertical-align:top;
 margin-bottom: 6.43vw;
}
.ev-point-tit{
 width: 32.29vw;
 margin-bottom: 0;
}
.ev-point-subtit{
 width: 18.71vw;
 margin-left: 2.86vw;
}

.ev-point .flex{
 margin-bottom: 14.29vw;
}
.ev-point .flex:nth-child(even){
 -webkit-box-orient: horizontal;
 -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
}
.ev-point .item:first-child{
 width: 60%;
}
.ev-point .item:last-child{
 width: calc(100% - 60%);
}

.ev-point-01 .word{
 width: 2.64vw;
 left: 35.64vw;
 bottom: -4.29vw;
}

.ev-point-02 .word{
 width: 4.50vw;
 right: 9.07vw;
 top: -3.71vw;
}

.ev-point-03 .word{
 width: 4.07vw;
 left: 4.5vw;
 bottom: -3.86vw;
}

.ev-point-04 .word{
 width: 4vw;
 left: -3.36vw;
 bottom: 2.29vw;
}

.ev-point-05 .word{
 width: 4.36vw;
 right: 0.57vw;
 top: -4.36vw;
}

.ev-point-06 .word{
 width: 4.07vw;
 right: -2.86vw;
 bottom: -0.14vw;
}

.ev-point .flex:nth-child(odd) .ev-point-txt{
 padding-left: 2.43vw;
}
.ev-point .flex:nth-child(even) .ev-point-txt{
 padding-right: 2.43vw;
}

.ev-point-txt h3{
 font-weight: 900;
 letter-spacing: 0em;
 line-height: 1.4;
 font-size: 2.7vw;
 margin-top: 0;
}
.ev-point-txt h3 br{
 display: unset;
}
.ev-point-txt p{
 margin-top: 2.86vw;
}

.ev-point-txt .link-youtube{
 width: 17.86vw;
 margin-top: 4vw;
 margin-left: 0;
}
}