@charset "UTF-8";

/* CSS Document */

/* 
=================================================== 

  A. Medium :  ~ 769x
  B. SP : 768px ~
  C. SE : 320px ~

=================================================== 
*/


/* 
=================================================== 
  
  A. Medium :  ~ 769x

=================================================== 
*/


@media screen and (min-width:769px) {


/*
--
*/
}



/* 
=================================================== 
  
  B. SP : 768px ~

=================================================== 
*/


@media screen and (max-width:768px) {


/* 
---------------------------------------------------
  Loading
---------------------------------------------------
*/

/* -------- loading -------- */

/* progress-bar */

.pace {
  width: 45%;
}
.pace .pace-progress {
  max-width: 45%;
}

.firstCopy span.main {
  font-size: calc(23vw / 3.75);
  letter-spacing: 0.175em;
}
.firstCopy span.sub {
  font-size: calc(12vw / 3.75);
  margin-top: calc(8vw / 3.75);
  margin-left: calc(-4vw / 3.75);
}

.firstCopy {
	top: 54%;
}
body.home.pace-done .firstCopy {
  opacity: 1;
  top: 50%;
}




/* 
---------------------------------------------------
  0. Common
---------------------------------------------------
*/

/* ---- br ---- */

.spBr {
	display: none;
}


/* ---- Btn ---- */

.btn {
	font-size: calc(12vw / 3.75);
	letter-spacing: 0.04em;
}
.btn span {
	padding-left: calc(29vw / 3.75);
}
.btn span:before {
	width: calc(15vw / 3.75);
	height: calc(7vw / 3.75);
	left: calc(3vw / 3.75);
	top: calc(8vw / 3.75);
}

.btn a:before,
.btn .link:before,
.btn .spLink:before {
	bottom:-9px;
	background-color: #ededed;
}
.btn a:after,
.btn .link:after,
.btn .spLink:after {
	bottom:-9px;
	background-color: #ededed;
}


/* 
---------------------------------------------------
  1. Header
---------------------------------------------------
*/

/* ---- Common ---- */

header {
	top: calc(38vw / 3.75);
	position: relative;
}
body.under header > .inner {
	position: relative;
}
body.under header > .inner:before {
	content:"";
	position: absolute;
	width: 100%;
	border-bottom: 1px solid #f0f0f0;
	bottom: calc(-32vw / 3.75);

}



/* ---- Title ---- */

/* home */

header .title {
	text-align: center;
}
body.top header .title .home {
	margin-top: 0;
}
header .title .home span {
	display: none;
}
body.top header .title img {
	width: 30.9vw;
	min-width: 97px;
	height: initial;
}
body.under header .title img {
	width: 30.9vw;
	min-width: 97px;
	height: initial;
}

/* under */

body.under header .title .home {
	display: inline-block;
}
body.under.top header .title .home {
    display: inline-block;
    transition-delay: .75s;
}
body.under header .title .under {
	display: none;
}



/* ---- humbBtn ---- */

.humbBtn {
	width: calc(52vw / 3.75);
	height: calc(52.4vw / 3.75);
	right: calc(19vw / 3.75);
	top: calc(29vw / 3.75);
	border: 1px solid #ededed;
	border-radius: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all ease 1.45s;
	transition-delay: 0s;
}
body.pace-done.home .humbBtn {
	opacity: 1;
	transition-delay: 4.7s;
}
body.pace-done.home .humbBtn.transition,
body.pace-done.under .humbBtn.transition {
	transition: all ease 0.75s;
	transition-delay: 0s;
}

body.pace-done .humbBtn.change {
	border:1px solid rgba(255,255,255,0.2);
}

body.pace-done.under .humbBtn {
	opacity: 1;
	transition-delay: 0.75s;
}

.humbBtn >  .inner {
	height: 24%;
	width: 47%;
}

.humbBtn span {
	height: 1px;
}
.humbBtn span:nth-child(2) {
	top: 43%;
}
.humbBtn.change span {
	background-color: rgba(255, 255, 255, 0.67);
}

body.pace-done .humbBtn.active {
	width: calc(52vw / 3.75);
	opacity: 0;
	transition-delay: 0s;
}


/* ---- humbClose ---- */

.humbClose {
	width: calc(52vw / 3.75);
	height: calc(52.4vw / 3.75);
	right: calc(19vw / 3.75);
	top: calc(22vw / 3.75);
	border:1px solid rgba(255,255,255,0.4);
	border-radius: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all ease .35s;
	transition-delay: 0s;
}
.humbClose.active {
	transition-delay: 0.75s;
}
.humbClose >  .inner {
	height: 31%;
	width: 40%;
}
.humbClose span {
	height: 1px;
	background-color: rgba(255,255,255,1);
	opacity: 0;
	transition: all ease .35s;
	transition-delay: 0s;
}
.humbClose.active span {
	transition-delay: 0s;
}
.humbClose span:nth-child(1) {
	top: 50%;
}
.humbClose span:nth-child(2) {
	bottom: 45%;
}


/* ---- humbMenu ---- */

/* common */


/* title */

.humbCont .title {
	display: none;
	top: calc(43vw / 3.75);
	left: 12%;
	font-size: calc(15.5vw / 3.75);
	letter-spacing: 0.14em;
}
.humbCont .title span {
	font-size: calc(10.5vw / 3.75);
	margin-top: calc(6vw / 3.75);
}


/* humbInfo */

.humbInfo {
	display: none;
}

/* humbSNS */

.humbSNS ul li i {
	font-size: calc(19vw / 3.75));
	color:#fff;
}

.humbSNS {
	right: initial;
	left:17.4%;
	bottom:calc(40vw / 3.75);
	opacity: 0;
	transition-delay: 0s;
}
.humbCont.active .humbSNS {
	transition-delay: 0.95s;
}
.humbSNS ul li + li {
	margin-left: calc(17vw / 3.75);
}



/* humbInner */

/*
humbNav
*/

.humbNav {
	width: 100%;
	position: relative;
}

.humbNav ul {
	width: 61%;
	top: 44%;
}
.humbNav ul li {
    font-size: calc(26vw / 3.75);
	letter-spacing: 0.12em;
}

.humbNav ul li + li {
	margin-top: calc(29vw / 3.75);
}


/*
humbImage
*/

.humbImage {
	display: none;
}



/* 
---------------------------------------------------
  2. Footer
---------------------------------------------------
*/


/* ---- coomon ---- */

footer > .inner {
	width: calc(100% - 50px);
    margin: calc(135vw / 3.75) auto 0;
    padding-top: calc(72vw / 3.75);
}


/* ---- footTop ---- */

/* commmon */

.footTop > .inner {
	width: 82%;
	flex-direction: column
}


/* footNav */

.footNav {
	font-size: calc(13.5vw / 3.75);
	line-height: 3;
	letter-spacing: 0.05em;
}
.footNav ul + ul {
    margin-left: calc(55vw / 3.75);
}
.footNav ul > li a {
	color: rgba(255,255,255,0.5);
}


/* footSNS */

.footBottom .footSNS {
	display: none;
}
.footTop .footSNS {
	display: block;
	margin-top: calc(41vw / 3.75);
	margin-left: calc(-4vw / 3.75);
}
.footSNS ul li {
	position: relative;
	width:calc(44vw / 3.75);
	height:calc(44vw / 3.75);
    border-radius: 100%;
}
.footSNS ul li a {
	font-size: calc(19vw / 3.75);
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
.footSNS ul li + li {
    margin-left: calc(6.7vw / 3.75);
}
.footSNS ul li img {
    width: initial;
}


/* produced */

.produced {
	margin-left: initial;
	margin-top: calc(55vw / 3.75);
	margin-right: 0%;
	padding-left: initial;
	width: 100%;
}
.produced:before {
	content:none;
}
.produced .title {
	font-size: calc(27vw / 3.75);
	opacity: 0.9;
}
.produced .title span {
	font-size: calc(10vw / 3.75);
	margin-bottom: calc(8vw / 3.75);
	opacity: 0.6;
	letter-spacing: 0.05em;
}

.produced p.desc {
	margin-top: calc(19vw / 3.75);
	font-size: calc(11vw / 3.75);
	line-height: 2.35;
	letter-spacing: 0.05em;
	opacity: 0.5;
}
.produced .url {
	font-size: calc(11vw / 3.75);
	margin-top: calc(27vw / 3.75);
	font-family: 'Avenir LT W01_35 Light1475496';
	opacity: 0.7;
	letter-spacing: 0.05em;
}
.produced .url a:before {
	bottom: -8px;
	left: -2%;
	width: 102%;
	background-color: rgba(207, 199, 184, 0.62);
}
.produced .url a:after {
	bottom: -8px;
	left: -2%;
	width: 102%;
	background-color: rgba(207, 199, 184, 0.62);
}


/* ---- footBottom ---- */

/* commmon */

.footBottom {
	margin-top: calc(179vw / 3.75);
	padding-bottom: calc(28vw / 3.75);
}
.footBottom > .inner {
	width: 86%;
	align-items: baseline;
}


/* copyright */

.copyright {
	font-size: calc(11vw / 3.75);
	opacity: 0.4;
}

/* toTop */

.toTop {
	width: calc(46vw / 3.75);
	height: calc(46vw / 3.75);
	display: block;
	margin-left: auto;
	margin-right: 0%;
	right: 5.7%;
	bottom: calc(27vw / 3.75);
	line-height: calc(55vw / 3.75);
	border: 1px solid rgba(255,255,255,0.2);
}
.toTop img {
	width: calc(9vw / 3.75);
}
@keyframes totop {
  50% {
    line-height: 4.4;
  }
  100% {
    line-height: 5;
  }
}



/* 
---------------------------------------------------
  3. Main
---------------------------------------------------
*/

/* ---- sectCommon ---- */

.sectCommon + .sectCommon > .inner{
	margin-top: calc(0vw / 3.75);
	padding-top: calc(86vw / 3.75);
	border-top: 1px solid #f4f4f4;
}
.sectCommon + section.information > .inner {
	margin-top: calc(174vw / 3.75);
}
section.information {
	padding-bottom: initial;
}


/* ---- MV ---- */

/* common */

section.mv {
	height: 134vw;
    min-height: 134vw;
	max-height: initial;	
}
section.underMv {
	
}	
section.underMv.aboutMv, section.underMv.joinMv {
	display: block;
}
section.underMv.opacity {
	opacity: 1;
}



/* left */

/*
common
*/

section.mv .left {
	background-color: initial;
	width: 20%;
	position: relative;
}


/*
copy
*/

section.mv .copy {
	left: calc(33vw / 3.75);
	top: 31.1%;
	transform: initial;
	z-index: 2;
}
body.pace-done.home section.mv .copy {
	opacity: 1;
	top: 29.7%;
}
section.mv .copy .main {
	font-size: calc(28.5vw / 3.75);
	letter-spacing: 0.2em;
	line-height: 1.85;
}
section.mv .copy .sub {
	line-height: 2.3;
	font-size: calc(12vw / 3.75);
	margin-top: calc(12vw / 3.75);
	color: rgba(177, 177, 177, 0.9);
}
section.mv .copy .sub span.inner:before {
	height: 0;
	background-color:rgba(232, 232, 232, 0.6);	
}


/* right */

section.mv .right {
	width: calc(80% - 8px);
	position: relative;
}

section.mv .right .image {
	width: 100%;
	height: calc(100% - 129vw / 3.75);
	margin-top: calc(117vw / 3.75);
	position: relative;
	overflow: hidden;
}
.top section.mv .right .image {
	margin-top: calc(72vw / 3.75);
}


/* ---- MV / Under ---- */

/* common */

body.under section.mv > .inner {
	display: block;
}

/* left */

/*
common
*/

body.under section.mv .left {
	width: 100%;
	margin-top: calc(114vw / 3.75);
}



/*
title
*/

body.under section.mv .cont {
	position: relative;
	top: initial;
	left: initial;
	transform: initial;
	width: 74%;
	margin:0 auto;
	transition-delay: .75s;
}

section.mv .title {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction:column;
}
section.mv .title span.jpn {
	font-size: calc(23vw / 3.75);
	letter-spacing: 0.07em;
	color:#000;
	order:1;
}
section.mv .title span.eng {
	font-size: calc(14vw / 3.75);
	color: #908f7a;
	font-style: normal;
	letter-spacing: 0.1em;
	order: 2;
	margin-top: calc(11vw / 3.75);
	margin-left: calc(1vw / 3.75);
	text-transform: initial;
	font-variant: small-caps;
}


body.under section.mv .desc {
	display: none;
}



/* right */

body.under section.mv .right {
	width: calc(100% - 17px);
	height: calc(100% - 122vw / 3.75);
	margin: calc(61vw / 3.75) auto 0;
}
body.under section.mv .right .image {	
	height: calc(100% - 12px);
	margin-top: initial;
	position: relative;
	overflow: hidden;
}
section.underMv .right .image:before {
	right:0;
	width: 0;
	left: initial;
}




/* ---- Scroll ---- */

.scroll {
	display: none;
}


/* ---- underDesc ---- */

/*
common
*/

.underDesc > .inner {
	width: 72%;
    margin: calc(44vw / 3.75) auto 0;
	flex-direction:column;

}


/*
Left
*/

.underDesc .left {
	width: 100%;
}

.underDesc .lead {
	font-size: calc(26vw / 3.75);
	letter-spacing: 0.07em;
	line-height: 1.85;
	white-space: nowrap;
	padding-bottom: initial;
}
.underDesc .lead span {
	font-size: calc(16.7vw / 3.75);
	margin-top: calc(9vw / 3.75);
	letter-spacing: 0.1em;
	margin-left: calc(1vw / 3.75);
}


/*
Right
*/

.underDesc .right {
	width: 100%;
	margin-top: calc(42vw / 3.75);
}

.underDesc .desc {
	font-size: 1.3rem;
	letter-spacing: 0.065em;
	line-height: 2.8;
	margin-top: initial;
	text-align: justify;
}


/* ---- underNext ---- */

section.underNext {
	width: 81%;
    margin: calc(136vw / 3.75) auto calc(-27vw / 3.75);
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}
section.thougtSect + .underNext {
	margin-top: calc(115vw / 3.75);
}

section.underNext > .inner {
	width: 86%;
	margin: calc(57vw / 3.75) auto;
}

.underNav ul li .navCont:before {
	content: "";
	position: absolute;
	height: 16px;
	width: 15px;
	z-index: -1;
}
.underNav ul li.prev  {
	display: none;
}
.underNav ul li.next {
	width: 100%;
	text-align: left;
	margin-left: auto;
}
.underNav ul li.next .navCont a {
	padding-right: calc(31vw / 3.75);
}

.underNav ul li .jpn {
	font-size: calc(21vw / 3.75);
	line-height: 1.55;
	letter-spacing: 0.13em;
}
.underNav ul li .eng {
	display: block;
	font-size: calc(14vw / 3.75);
	letter-spacing: 0.11em;
	margin-top: calc(8vw / 3.75);
}
.underNav ul li.prev .eng {
	margin-left: 2px;
}
.underNav ul li.next .eng {
	margin-right: 2px;
}

.underNav ul li.next:before {
	content:none;
}





/* ---- thoughtSect ---- */

/* common */

section.thougtSect {
    width: 91.2%;
    margin: calc(135vw / 3.75) auto calc(101vw / 3.75);
    border-top: 1px solid #f0f0f0;
}
section.thougtSect > .inner {
	width: 100%;
	margin: calc(58vw / 3.75) auto 0;
}


/* list */

/*
common
*/

.thoughtList li {
    border-top: initial;
    position: relative;
}
.thoughtList li > .inner {
	width: 100%;
	margin:0 auto;
	flex-direction: column;
	padding-top: calc(20vw / 3.75);
}
.thoughtList li + li {
	margin-top: calc(78vw / 3.75);
}


/*
arrow
*/

.slick-arrow {
	font-size: 0;
	display: block !important;
	position: absolute;
	bottom:calc(0vw / 3.75);
	width: calc(59vw / 3.75);
	height: calc(59vw / 3.75);
	border-radius: 100%;
	border: 1px solid #e9e9e9;
    background-color: #fff;
    outline: none;
    z-index: 3;
}
.slick-arrow:before {
	content: '';
 	width: calc(6vw / 3.75);
 	height: calc(6vw / 3.75);
 	border: 0px;
 	border-top: solid 1px #000;
 	border-right: solid 1px #000;
}

.slick-prev {
	right: calc(76vw / 3.75);
}
.slick-prev:before {
	-ms-transform: rotate(-135deg);
 	-webkit-transform: rotate(-135deg);
 	transform: rotate(-135deg);
 	position: absolute;
  	top: 46%;
    left: 47%;
}

.slick-next {
	right: calc(12vw / 3.75);
}
.slick-next:before {
	-ms-transform: rotate(45deg);
 	-webkit-transform: rotate(45deg);
 	transform: rotate(45deg);
 	position: absolute;	
    top: 46%;
    left: 42%;
}


/*
left
*/

.thoughtList li .left {
	width: 100%;
}
.thoughtList li .left .image {
	width: calc(100% - 24px);
	height: 80vw;
	margin:0 auto;
}


/*
right
*/

.thoughtList li .right {
	width: 100%;
	margin-top: calc(68vw / 3.75);
}
.thoughtList li .cont {
    width: 81%;
    padding-left: initial;
    margin-top: 0;
}


.thoughtList .slick-counter {
	font-size: calc(20vw / 3.75);
    margin-left: calc(4vw / 3.75);
}
.thoughtList li .title {
    font-size: calc(25vw / 3.75);
    letter-spacing: 0.105em;
    margin-top: calc(47vw / 3.75);
}
.thoughtList li .title span {
    font-size: calc(19vw / 3.75);
	margin-top: calc(11vw / 3.75);
}
.thoughtList li .btn {
	margin-top: calc(75.7vw / 3.75);
	cursor: pointer;
}


/* ---- thoughtSlide ---- */

/* thoughtClose */

.thoughtSlide .topClose {
	width: calc(20vw / 3.75);
	height: calc(16vw / 3.75);
	right: 6.4%;
	top: 4.9%;
}


/* thoughtBg */

.thoughtBg.half figure {
	width:calc(100%);
}


/* contents */

.thoughtSlide {
	height: 100vh;
	width: 95%;
	right: -100%;
	-webkit-transition: 1.2s cubic-bezier(.6,0,.25,1);
    transition: 1.2s cubic-bezier(.6,0,.25,1);
    transition-delay: 0.35s;
}
.thoughtSlide.active {
	transition-delay: 1.9s;
}

.thoughtSlide > .inner {
	width: 66%;
	margin: calc(102vw / 3.75) auto calc(62vw / 3.75);
	padding-top: calc(20vw / 3.75);
	transition-delay: 0s;
}


/* inner */

.thoughtSlide .slideCont + .slideCont {
	margin-top: calc(78vw / 3.75);
	padding-top: calc(70vw / 3.75);
}
.thoughtSlide .title {
    font-size: calc(26vw / 3.75);
    letter-spacing: 0.11em;
	line-height: 1.8;
}

.thoughtSlide .num + .title {
    margin-top: calc(54vw / 3.75);
} 
.thoughtSlide .title span {
    font-size: calc(16vw / 3.75);
    margin-top: calc(7vw / 3.75);
}

.thoughtSlide .desc {
	font-size: calc(13.8vw / 3.75);
    letter-spacing: 0.1em;
    font-family: a-otf-ryumin-pr6n, serif;
    font-weight: 300;
    line-height: 2.7;
    margin-top: calc(50vw / 3.75);
}


/* slideNext */

/*
common
*/

.slideNext {
	width: 77.5%;
	margin: calc(145vw / 3.75) auto calc(70vw / 3.75);
	border-bottom: 0;
}
.slideNext.fadeIn6 {
	opacity: 1;
	margin-top: calc(135vw / 3.75);
	transition-delay: 0s;
}

.slideNext .inner {
	width: 100%;
	margin:calc(72vw / 3.75) auto calc(111vw / 3.75);
	flex-direction: column
}

/*
right
*/

.slideNext .right {
	width: 100%;
	order:1;
}
.slideNext .image {
	height: 63vw;
	background-color: #ccc;
	overflow: hidden;
}

/*
left
*/

.slideNext .left {
	width: 89%;
	order:2;
	margin:0 auto;
}

.slideNext .left .subTitle {
	font-size: calc(13vw / 3.75);
    margin-left: calc(1vw / 3.75);
    display: inline-block;
    position: relative;
    margin-top: calc(75vw / 3.75);
}
.slideNext .left .subTitle:before {
    bottom: -6px;
}
.slideNext .left .slideTitle {
	margin-top: calc(73vw / 3.75);
    font-size: calc(24vw / 3.75);
}
.slideNext .left .slideTitle span {
    font-size: calc(16vw / 3.75);
    margin-top: calc(13vw / 3.75);
}

.spBtn {
	margin-top: calc(70vw / 3.75);
	display: inline-block;
}





/* 
---------------------------------------------------
  4. Index
---------------------------------------------------
*/

/* ---- Common - Section ---- */

/* common */

.sectCommon >  .inner {
	width: calc(100% - 19px);
}


/* sectTitle */

.sectCommon .sectTitle {
	width: 80%;
	display: block;
}
.sectCommon .sectTitle span.num {
	font-size: calc(14vw / 3.75);
	letter-spacing: 0.02em;
	margin-right: 0.55em;
}
.sectCommon .sectTitle span.txt {
	font-size: calc(14vw / 3.75);
	letter-spacing: 0.08em;
}


/* ---- Message - Section ---- */

/* common */

section.message {
	padding-top: 0;
	margin-top: calc(86vw / 3.75);
}
section.philosophy {
	margin-top: calc(184vw / 3.75);
}


/* sectCont */

section.message .sectCont {
	width: 100%;
	margin: calc(45vw / 3.75) auto 0;
}
section.message .sectCont > .inner {
	flex-direction: column
}

/*
image
*/

section.message .sectCont .image {
	width: 100%;
	height: 82vw;
}

/*
cont
*/

section.message .sectCont .cont {
	width: 100%;
	margin-top: calc(74vw / 3.75);
}
section.message .sectCont .cont > .inner {
	width: 72%;
	padding-left: initial;
}

section.message .sectCont .cont .lead {
	font-size: calc(25.2vw / 3.75);
	letter-spacing: 0.075em;
	line-height: 2;
}
section.message .sectCont .cont .lead span  {
	font-size: calc(16vw / 3.75);
	margin-top: calc(9vw / 3.75);
	letter-spacing: 0.07em;
}
section.message .sectCont .cont .txt {
	margin-top: calc(41vw / 3.75);
	font-size: calc(14vw / 3.75);
	line-height: 3.2;
	white-space: initial;
}


section.message .sectCont .btn {
	margin-top: calc(52vw / 3.75));
}


/* messImage */

/*
one
*/

.messImage.one {
	width: 71vw;
	height: 92vw;
	margin-left: auto;
	margin-right: 3%;
	margin-top: 46%;
}
.messImage.one.fadeIn4 {
	margin-top: 41%;
}


/*
two
*/

.messImage.two {
	width: 55vw;
	height: 71vw;
	margin-left: 3%;
	margin-top: 55%;
}
.messImage.two.fadeIn {
	margin-top: 48%;
}



/* ---- Philosophy & Information - Section ---- */

/*
common
*/

section.sectCommon .infoCont {
	width: 100%;
    margin: calc(40vw / 3.75) auto 0;
    align-items: center
}
section.sectCommon .infoCont {
	flex-direction: column;
}

/*
left
*/

section.sectCommon .infoCont .left {
	width: 100%;
	order:2;
}

/*
cont
*/

section.philosophy .infoCont .left .cont {
	width: 89%;
	margin:calc(50vw / 3.75) auto 0;
}
section.philosophy .infoCont .left .cont .title {
    font-size: calc(34vw / 3.75);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
section.philosophy .infoCont .left .cont .title span {
	font-size: calc(12vw / 3.75);
	letter-spacing: 0.19em;
	margin-left: calc(1vw / 3.75);
	margin-top: calc(10vw / 3.75);
}

section.philosophy .infoCont .left .cont .btn {
	margin-top: calc(60vw / 3.75);
}


/*
infoList
*/

section.sectCommon .infoList {
	width: 73%;
	margin: calc(58vw / 3.75) auto 0;
}


/*
infoNav
*/

section.sectCommon .infoCont .left .infoNav {
	font-size: calc(33vw / 3.75);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 1.65;
	width: 50%;
}


/*
infoCopy
*/

section.sectCommon .infoCont .left .infoCopy {
    font-size: calc(12vw / 3.75);
    margin-top: calc(21vw / 3.75);
}



/*
right
*/

section.sectCommon .infoCont .right {
	order:1;
	width: 100%;
	height: 82vw;
	position: relative;
}



/* 
---------------------------------------------------
  5. About us
---------------------------------------------------
*/

/* ---- MV ---- */

/* common */

section.underSubMv {
	height: initial !important;
}
section.underSubMv >  .inner {
	display: block;
}

/* left */

section.underSubMv .left {
	display: none;
}

/* right */

/*
common
*/

section.underSubMv .right {
	width: 100%;
	display: initial;
}
section.underSubMv .right .aboutInfo {
	width: 68%;
	margin: calc(30vw / 3.75) auto 0;
	opacity: 0;
    transition: all ease 0.75s;
    transition-delay: .5s;
}
body.pace-done section.underSubMv .right .aboutInfo {
	margin: calc(81vw / 3.75) auto 0;
	padding-left: 0;
	opacity: 1;
}


/*
one
*/

section.underSubMv .aboutInfo .one .name {
	font-size: calc(25vw / 3.75);
}
section.underSubMv .aboutInfo .one .url {
	font-size: calc(12.5vw / 3.75);
	margin-top: calc(26vw / 3.75);
}
section.underSubMv .aboutInfo .one .mail {
	font-size: calc(12.5vw / 3.75);
	margin-top: calc(28vw / 3.75);
}


.aboutSns ul {
	margin-top: calc(41vw / 3.75);
	margin-left: -5px;
}
.aboutSns ul li {
	font-size: calc(18vw / 3.75);
	border: 1px solid #e0e0e0;
}
.aboutSns ul li a {
	height: calc(43vw / 3.75);
	width: calc(43vw / 3.75);
}
.aboutSns ul li + li {
	margin-left: calc(6vw / 3.75);
}


/*
two
*/

section.underSubMv .aboutInfo .two {
	margin-top: calc(51vw / 3.75);
}
section.underSubMv .aboutInfo .two .name {
	font-size: calc(25.5vw / 3.75);
}
section.underSubMv .aboutInfo .two .name span {
	font-size: calc(10vw / 3.75);
    margin-bottom: calc(5vw / 3.75);
}

section.underSubMv .aboutInfo .two .cont {
	flex-direction: column;
	font-size: calc(12vw / 3.75);
    margin-top: calc(19vw / 3.75);
}
section.underSubMv .aboutInfo .two .telMail {
	margin-left: initial;
	margin-top: calc(21vw / 3.75);
}

section.underSubMv .aboutInfo .two .telMail span {
	display: inline-block;
	width: 20px;
}
section.underSubMv .aboutInfo .two .url {
	font-size: calc(12.5vw / 3.75);
	margin-top: calc(30vw / 3.75);
}


/* 
---------------------------------------------------
  6. Join us
---------------------------------------------------
*/

/* right */

.joinInfo {
	width: 71%;
	margin:0 auto;
	padding-left: initial;
}
.joinInfo .title {
	display: none;
}
.joinInfo .desc {
	margin-top: calc(58vw / 3.75);
	font-family: a-otf-ryumin-pr6n, serif;
	font-size: 1.3rem;
	letter-spacing: 0.04em;
	line-height: 2.75;
}
.joinInfo .mail {
	margin-top: calc(43vw / 3.75);
	font-size: calc(13.5vw / 3.75);
}
.joinInfo .mail a:before,.joinInfo .mail a:after {
	bottom: -8px;
}



/*
--
*/
}