/** Shopify CDN: Minification failed

Line 2461:1 Expected "}" to go with "{"

**/
@charset 'UTF-8';

.slick-slider{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

html {

  font-size: 62.5%;

}

body#corp{
  font-family: noto-sans-cjk-jp, '游ゴシック' , 'Yu Gothic' , '游ゴシック体' , 'YuGothic' , 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'Meiryo UI' , 'メイリオ' , Meiryo , 'ＭＳ Ｐゴシック' , 'MS PGothic' , sans-serif;
  letter-spacing: 0.075em;
  -webkit-font-smoothing: antialiased;

  color: #232323;
  margin: 0;

}

body#corp .jpB{
    font-weight: 600;
    letter-spacing: 0.1em;
}

body#corp .en{
  font-family: circe, sans-serif;
  letter-spacing: 0.04em;
  line-height: 1;

}

.btn{
    font-weight: 600;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    height: 3.5em;
    font-size: 1rem;
    width: 50%;
    border-radius: 1.85em;
    box-sizing: border-box;
}

body#corp .logo{
    color: #232323;
}

body#corp .ttl{
    font-feature-settings: "palt";
}

body#corp p{
    font-weight: 500;
    line-height: 1.4;
}

.pc{
    display: none;
}



#navTgl:checked~nav {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}
#navTgl:checked~.open::before {
    transform: rotate(45deg);

}
#navTgl:checked~.open::after {
    transform: rotate(-45deg);

}
#navTgl:checked~.open {

    transform: rotate(-90deg);
}
.close {
    z-index: 99;
    pointer-events: none;
}
.navCont {

    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f5eb35;
    transition: all .75s cubic-bezier(0.29, 0.63, 0.44, 1);
    overflow: hidden;
    width: 100%;
    height: 100vh !important;
    padding-top: 7.2rem;
    box-sizing: border-box;

    overscroll-behavior-y: contain;
    opacity: 0;
}
#navTgl:checked~nav {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}
#navTgl:checked~h1 svg .st0{
    fill:#ffffff;
}
.open.logoColor span, .open.logoColor::before, .open.logoColor::after{
    border-bottom: 1.5px solid #ec6301;
}
#navTgl:checked~.open.logoColor span, #navTgl:checked~.open.logoColor::before, #navTgl:checked~.open.logoColor::after{
    border-bottom: 1.5px solid #ffffff;
}
.navCont ul {
    padding: 4rem 5.6rem 6rem;
    text-align: left;
    list-style-type: none;
}
.navCont li {
    padding: 0;
    margin-bottom: 5.6rem;
    font-feature-settings: "palt";
    position: relative;
}

.navCont li.sub span {
    display: block;
    font-size: 1.1rem;
    margin-bottom: 2em;
    margin-top: 9.6rem;
}

.navCont li.sub a {
    padding-left: 1.2rem;
    display: block;
    line-height: 1.6;
}

.navCont li::after {
    content: '';
    position: absolute;
    display: block;
    width: 1rem;
    height: 1.2rem;
    background: url('//weskiii.com/cdn/shop/t/14/assets/arrowA.svg?v=124662638315382119101761622592') center no-repeat;
    background-size: contain;
    right: 0px;
    top: 50%;
    margin-top: -0.6rem;
}

.navCont li.sub::after{
    content: none;
}

.navCont li.sub ul{
    padding: 0;
}

.navCont li.sub ul li{
    padding-right: 2.8rem;
}

.navContShape {
    position: absolute;
    z-index: -1;
    width: 300%;
    top: calc(var(--vh, 1vh) * 60);
    left: calc(-30% + 1.2rem);
    opacity: 0;
    transition: all .75s .5s;
    margin-top: 2.4rem;
}

#navTgl:checked~nav .navContShape{
    opacity: 1;
    margin-top: 0;
}

.navCont a {
    text-decoration: none;
    color: #232323;
    font-size: 1.4667rem;
    line-height: 2;
}

.navCont a span{
    display: block;
    font-size: 1.1rem;
    margin-bottom: 0.5em;
    color: #232323;
}

body#corp main{
    padding: 0 1.2rem;
    overflow: hidden;
    position: relative;
    z-index: 99;
}

#corpTopMv{
    position: relative;
    z-index: 99;
}

#corpTopMv .topMvBox{
    position: relative;
    z-index: 999;
}

#corpTopMv div{
    height: 100svh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#corpTopMv div h1.mvLogo{
    text-align: center;
    margin: 0;
    opacity: 0;
    transition: opacity .75s .75s;
}
#corpTopMv div h1.mvLogo.on{
    opacity: 1;
}

#corpTopMv div h1 svg{
    width: 75%;
    height: auto;
    display: block;
    margin: 0 auto;
    fill: #232323;
}

#corpTopMv div h1 span{
    font-size: 1rem;
    color: #232323;
    display: block;
    margin-top: 1.5em;
}

#corpTopMv div h2{
    font-size: 6.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
}

#corpTopMv div h2 span{
    display: block;
    width: 100%;
}

#corpTopMv div h2 span.en{
    padding: 0.8rem 0;
    line-height: 1.4;
    font-size: 5.6rem;
}

#corpTopMv div h2 .jpB{
    font-size: 1.1rem;
    margin-top: -1em;
}

.topScroll{
    position: absolute;
    bottom: 2.4rem;
    left: 50%;
    margin-left: -0.5rem;
    display: block;
    width: 1rem;
    height: 1.2rem;
    background: url('//weskiii.com/cdn/shop/t/14/assets/arrowA.svg?v=124662638315382119101761622592') center no-repeat;
    background-size: contain;
    transform: rotate(90deg);
    transform-origin: center;
    opacity: 0;
    transition: opacity .75s 3s;
}
.topScroll.on{
    opacity: 1;
}

.copyTrg{
    position: absolute;
    width: 1px;
    height: calc(var(--vh, 1vh) * 250);
    z-index: -999999;
}

.copy{
    opacity: 0;
}

.copy:nth-of-type(1){
    transition: opacity .75s .25s;
}
.copy:nth-of-type(2){
    transition: opacity .75s 1.25s;
}
.copy:nth-of-type(3){
    transition: opacity .75s 2.25s;
}
.copy:nth-of-type(4){
    transition: opacity .75s 3.25s;
}
.copy:nth-of-type(5){
    transition: opacity .75s 4.25s;
}

.copy.on{
    opacity: 1;
}

.copyTrg{
    top: calc(var(--vh, 1vh) * 15);
}

#corpTopAbout,
#corpTopBrand,
#corpTopModel,
#corpTopCsr{
    position: relative;
}

#corpTopAbout{
    padding: 30rem 0;
}

.corpTop .ttl{
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: 0.2rem;
}

#corpTopAbout h1{
    margin: 1.2rem 0 4.8rem 10%;
}

#corpTopAbout h2{
    color: #ffffff;
}

#corpTopAbout .txtBlc{
    width: 70%;
    font-size: 1.2rem;
    margin: 0 0 4.8rem 15%;
}

#corpTopAbout .btn{
    margin: 0 15% 0 auto;
}
#corpTopAbout div{
    position: relative;
}

#corpTopAbout .topAboutBox{
    margin-bottom: 6.4rem;
}

#corpTopAbout h2,
#corpTopBrand h2,
#corpTopCsr h2{
    position: absolute;
    top: 0;
    left: 95%;
    font-size: 1.8rem;
    transform: rotate(90deg);
    margin: 0;
    transform-origin: top left;
    width: max-content;
}

#corpTopAbout .topAboutBox{
    z-index: 99;
}
#corpTopAbout .topAboutBox p{
    z-index: 99;
    position: relative;
}

#corpTopAbout .topAboutBox:nth-of-type(1){
    z-index: 999;
}

#corpTopAbout .topAboutBox:nth-of-type(2) p{
    font-size: 3rem;
    padding-top: 16rem;
    font-weight: 600;
}

#corpTopAbout .topAboutBox:nth-of-type(2) p:nth-of-type(1){
    margin-left: 15%;
}

#corpTopAbout .topAboutBox:nth-of-type(2) p:nth-of-type(2){
    margin-left: 40%;
}

#corpTopAbout .topAboutBox:nth-of-type(2) p:nth-of-type(3){
    margin-left: 10%;
}

#corpTopAbout .topAboutBox .imgBlc{
    width: 170%;
    margin-left: -35%;
}
#corpTopAbout .topAboutBox .shapeBox{

    position: absolute;
    width: 100%;
    top: 0;
}

#corpTopAbout .topAboutShape{
    z-index: 9;
    position: absolute;
}

#corpTopAbout #shapeA{
    width: 65%;
    margin-top: 32rem;
}
#corpTopAbout #shapeB{
    width: 60%;
    margin-left: 50%;
    margin-top: 72rem;
}
#corpTopAbout #shapeC{
    width: 55%;
    margin-left: -10%;
    margin-top: 80rem;
}
#corpTopAbout .topAboutBg {
    width: calc(100% + 2.4rem);
    margin-left: -1.2rem;
    margin-right: -1.2rem;
    margin-top: 0;
    height: calc(100% + 10rem);
    position: absolute;
    top: 0;
}

#corpTopAbout .topAboutBg svg{
    width: 100%;
    height: 100%;
    color: #f5eb35;
}

#corpTopBrand{
    color: #ffffff;
    margin-top: -10rem;
    margin-bottom: 20rem;
}

#topBrandBg {
    position: absolute;
    top: -200vw;
    width: calc(100% + 2.4rem);
    height: 260vw;
    margin-left: -1.2rem;
    background: url('//weskiii.com/cdn/shop/t/14/assets/topBrandBg.jpg?v=153246962173853005491761622592') center center no-repeat;
    background-size: cover;
    z-index: -1;
}

#topBrandBg.sp {
    background: url('//weskiii.com/cdn/shop/t/14/assets/topBrandBgSP.jpg?v=30061102425418771991761622592') center center no-repeat;
    background-size: cover;

}

#corpTopBrand h1.ttl{
    margin-left: 5%;
    font-size: 2rem;
    padding-top: 9rem;
}

#corpTopBrand svg{
    display: block;
    margin: 12rem auto;
    width: 65%;
    fill: #ffffff;
}

#corpTopBrand .btn{
    margin: 0 5% 0 auto;
    color: #232323;
    background: #ffffff;
    border: none;
}

#corpTopModel{
    color: #ffffff;
    padding: 0 0 30rem;
    margin-bottom: calc(var(--vh, 1vh) * 60);

}

#corpTopModel h1.ttl,
#corpTopCsr h1.ttl{
    font-size: 2rem;
    margin: 0 0 0 5%;
}

#corpTopModel .content{
    position: relative;
    z-index: 9;
}

#corpTopModel h2{
    position: absolute;
    top: calc(1.85em + 6.4rem);
    left: 5%;
    font-size: 1.8rem;
    transform: rotate(90deg);
    margin: 0;
    transform-origin: bottom left;
    width: max-content;

}

#corpTopModel h3{
    font-size: 3.6rem;
    margin-left: 25%;
    margin-bottom: 6.4rem;
}

#corpTopModel div{
    margin-top: 5.4rem;
}

#corpTopModel div span{
    font-size: 1.1rem;
    display: block;
    margin-top: 1em;
}

#corpTopModel .btn{
    margin: 0 0 0 10%;
}

#corpTopModel .topModelBg {
    width: calc(120% + 2.4rem - 10%);
    margin-left: -1.2rem;
    margin-right: -1.2rem;
    margin-top: 0;
    height: 120%;
    position: absolute;
    z-index: 2;
    top: 30%;
    color: #6cc6d6;
}

#corpTopModel .topModelBg svg,
#corpTopCsr .topCsrBg svg,
.brandBg svg,
.brandShape svg,
.aboutBg svg,
.shape svg{
    width: 100%;
    height: 100%;
}
.brandShape svg{
    transform: rotate(-5deg);
}

.brandBg svg{
    transform: rotate(-5deg);
}

#corpTopModel .topModelShape {
    position: absolute;
    right: -1.2rem;
    width: 35%;
    mix-blend-mode: color;
    margin-top: 0;
    opacity: 0;
    z-index: 1;
}

#corpTopModel .topModelShape.position{
    bottom: calc(var(--vh) * -370);
    opacity: 0.48;
}

#corpTopModel .topModelShape img,
#corpTopCsr .topCsrBg img,
#corpBrand .brandMv img,
.quot img{
    width: 100%;
    height: 100%;
}
.csrPageMv img{
    width: 100%;
    height: auto;
}

#corpTopModel #topModelImg {
    position: absolute;
    bottom: -10dvh;
    bottom:calc(var(--vh) * 50);
    width: calc(100% + 2.4rem);
    height: calc(var(--vh) * 150);
    margin-left: -1.2rem;
    background-size: 100%;
    z-index: -9;
    margin-top: 0;
    background: url('//weskiii.com/cdn/shop/t/14/assets/topModelBg.jpg?v=50054314797577021361761622592') center bottom repeat-y;
}

#corpTopModel #topModelImg.sp {
    background: url('//weskiii.com/cdn/shop/t/14/assets/topModelBgSP.jpg?v=91972342750851695251761622592') center bottom repeat-y;
    background-size: contain;
}

#corpTopCsr{
    color: #6cc6d6;
    z-index: 99;
    margin-bottom: 9.6rem;
}

#corpTopCsr>*{
}

#corpTopCsr .topCsrCont{
    z-index: 999;
    position: relative;
    padding: 6.4rem 0;
}

#corpTopCsr h1.ttl{
    margin-bottom: 5.4rem;
}

#corpTopCsr h2{
    top: 5.8rem;
}

#corpTopCsr h3.ttl{
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin: 0 0 3.2rem 0;
    mix-blend-mode: multiply;
}

body#corp #corpTopCsr .btn{
    background: #6cc6d6;
    color: #ffffff;
}

#corpTopCsr .topCsrBlc{
    margin-bottom: 5.4rem;
    width: 65%;
}

#corpTopCsr .topCsrBlc:nth-of-type(odd){
    padding-left: 10%;
}

#corpTopCsr .topCsrBlc:nth-of-type(even){
    margin-left: 25%;
}

#corpTopCsr p{
    font-size: 1.1rem;
    mix-blend-mode: multiply;
}

#corpTopCsr a.btn{
    margin-top: 3.2rem;
    border: none;
}

#corpTopCsr .topCsrBg {
    position: absolute;
    top: 50rem;
    width: calc(200% + 2.4rem);
    height: 300%;
    margin-left: calc(-50% - 1.2rem);
    z-index: 9;
    color: #ffffff;
}

#corpTopCsr .topCsrShape{
    position: absolute;
    width: calc(100% + 2.4rem);
    left: 5%;
    margin-top: 64rem;
    z-index: 99;
}

.bgTrgA,
.bgTrgModel{
    position: absolute;
    top: 350svh;
    display: block;
    width: 1px;
    height: 300svh;
}

.shapeTrgModel{
    position: absolute;
    top: 20vw;
    display: block;
    width: 1px;
    height: calc(var(--vh, 1vh) * 200);
    left: -1.2rem;
}

#topBg #fixedBg{
    position: fixed;
    top: 0;
    width: 100%;
    height: calc(var(--vh, 1vh) * 200);
    background: url('//weskiii.com/cdn/shop/t/14/assets/bgLogo.png?v=140833688624605891541761622592') top center repeat;
    background-size: 50%;
    z-index: 9;
    opacity: 0.48;
}

#topBg #bgShape {
    position: absolute;
    width: 85%;
    top: calc(var(--vh) * 200);
    right: 35%;
    z-index: 0;
}

.page{
    min-height: 200dvh;
}

.page .brandMv {
    position: absolute;
    width: calc(100% + 2.4rem);
    height: calc(var(--vh, 1vh) * 60);
    margin-left: -1.2rem;
    background: url('//weskiii.com/cdn/shop/t/14/assets/topBrandBg.jpg?v=153246962173853005491761622592') center bottom repeat-y;
    background-size: cover;
    z-index: -9;
    margin-top: 0;
}

.page .brandMv.sp {
    background: url('//weskiii.com/cdn/shop/t/14/assets/topBrandBgSP.jpg?v=30061102425418771991761622592') center center no-repeat;
    background-size: cover;
}

.page .ttlBlc {
    height: 50svh;
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: flex-end;
    width: 100%;
}

.page h1{
    margin: 0;
    color: #ffffff;
    font-size: 1.6rem;
    margin-right: 5%;
}

.page .aboutCont h1{
    color: #232323;
}
.page h1 span{
    display: block;
}

.page h1 .en{
    font-size: 1.2rem;
    margin-bottom: 0.5em;
}

.page h1 .ttl{
    font-size: 1.6rem;
}

.brandShape {
    z-index: 2;
    position: absolute;
    width: calc(400% + 2.4%);
    height: calc(var(--vh) * 200);
    margin-left: calc(-150% - 1.2rem);
    color: #ffffff;
    top: 17.5%;
}

.brandShapeS {
    z-index: 3;
    position: absolute;
    width: 90%;
    top: 37.5%;
    left: 55%;
}

.brandShapeM {
    z-index: 4;
    color: #f5eb35;
    position: absolute;
    width: 400%;
    top: 95%;
    left: -165%;
}

.brandBg {
    position: absolute;
    width: calc(180% + 2.4rem);
    height: calc(var(--vh, 1vh) * 450);
    margin-left: calc(-40% - 1.2rem);
    color: #f5eb35;
    top: calc(var(--vh, 1vh) * -15);
}

.brandList{
    position: relative;
    z-index: 9999999;
    padding-bottom: 16rem;
}
.brandBlc{
    width: 60%;
    text-align: center;
    margin-top: 5.6rem;
    opacity: 0;
    transform: translateY(2.4rem);
    transition: all 0.75s 0.5s;
}

.brandBlc.on{
    opacity: 1;
    transform: translateY(0);
}

.brandBlc img{
    width: 100%;
    height: auto;
}

.brandBlc:nth-of-type(1){
    margin-left: 10%;
}

.brandBlc:nth-of-type(2){
    margin-left: 40%;
}

.brandBlc:nth-of-type(3){
    margin-left: 5%;
}

.brandBlc:nth-of-type(4){
    margin-left: 32.5%;
}

.brandBlc:nth-of-type(5){
    margin-left: 7.5%;
}
.brandBlc:nth-of-type(6){
    margin-left: 35%;
}

.brandBlc:nth-of-type(7){
    margin-left: 5%;
}

.brandBlc:nth-of-type(8){
    margin-left: 37.5%;
}
.brandBlc:nth-of-type(9){
    margin-left: 7.5%;
}

.brandBlc h2{
    margin: 2.4rem 0 1.6rem;
    font-size: 2.4rem;
}
.brandBlc h2 span{
    margin: 1em 0 0;
    font-size: 0.9rem;
    display: block;
    font-feature-settings: 'palt';
}

body#corp .brandBlc p {
    font-size: 1.2rem;
    margin: 0 1.2rem 1.6rem;
    line-height: 1.6;
    font-feature-settings: 'palt';
    letter-spacing: 0.1em;
}

.brandBlc a{
    margin: 0 auto;
    width: 72.5%;
}

.aboutBgA {
    position: absolute;
    width: calc(350% + 2.4rem);
    margin-left: calc(-125% - 1.2rem);
    color: #f5eb35;
    top: 0;
    margin-top: -39vw;
}

.aboutBgB {
    position: absolute;
    width: calc(100% + 2.4rem);
    margin-left: -1.2rem;
    color: #ffffff;
    top: 32%;
}

.aboutBgC {
    position: absolute;
    width: calc(500% + 2.4rem);
    margin-left: calc(-125% - 1.2rem);
    color: #6cc6d6;
    top: 42.5%;
    height: 75%;
    z-index: -1;
}

.aboutBgD {
    position: absolute;
    width: calc(50% + 1.2rem);
    height: 60rem;
    color: #ffffff;
    top: 110rem;
    left: 50%;
    opacity: 0.2;
    z-index: 2;
}

.aboutBg svg{
    transform: rotate(85deg);
}

.aboutCont{
    position: relative;
    padding-bottom: calc(var(--vh, 1vh) * 80);
}
.aboutCont .ttlBlc,
.aboutCont .aboutBox{
    z-index: 9;
    position: relative;
}

.aboutBox{
    position: relative;
}

.aboutBox h2{
    font-size: 2.5rem;
    font-weight: 500;
    margin: 0 0 4.8rem 10%;
}

.aboutBox p{
    font-size: 1.3rem;
    width: 75%;
    margin-left: 15%;
}

.aboutShape {
    position: absolute;
    width: 85%;
    margin-left: -25%;
    top: 24rem;
    z-index: 0;
}

.aboutImg {
    position: relative;
    width: calc(100% + 2.4rem);
    margin-left: -1.2rem;
    height: calc(var(--vh, 1vh) * 120);
    margin-top: -15%;
    background: url('//weskiii.com/cdn/shop/t/14/assets/topBrandBgSP.jpg?v=30061102425418771991761622592') center no-repeat;
    background-size: cover;
    z-index: -1;
}

.aboutBox.minus{
    margin-top: -100vw;
    margin-top: calc(var(--vh, 1vh) * -25);
        overflow: visible;
}

.aboutBox .quot{
    display: inline-block;
    width: auto;
    height: 4.75rem;
    position: relative;
    z-index: 9;
}

.aboutBox .quot.last{
    margin-top: 4.8rem;
    margin-left: 85%;
    z-index: 9;
}

.aboutBlc {
    margin-top: 7.2rem;
    position: relative;
    z-index: 9;
}

.aboutBlc h3{
    font-size: 2.8rem;
    margin: 0 0 4rem 5%;
}

.blcTxt{
    margin-left: 10%;
    width: 72.5%;
}

.blcTxt p{
    margin-left: 0;
    width: 100%;
}

.aboutBlc:nth-of-type(2) h3{
    margin-left: 15%;
}

.aboutBlc:nth-of-type(2) .blcTxt{
    margin-left: 20%;
}

.aboutBlc:nth-of-type(3),
.aboutBlc:nth-of-type(4){
    color: #ffffff;
}

.valueCont{
    width: 100%;
    margin-left: 0;
}

.valueBlc{
    display: flex;
    align-items: center;
    margin-top: 3rem;
    padding: 0 5%;
}

.valueBlc h4{
    display: flex;
    width: 37.5%;
    background: #ffffff;
    color: #6cc6d6;
    aspect-ratio: 1; 
    border-radius: 50%;
    margin: 0;
    font-size: 1.1rem;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.valueBlc p{
    width: 52.5%;
    font-size: 1.2rem;
    margin: 0 0 0 5%;

}

.aboutSlide .aboutNav {
    display: flex !important;
    position: absolute;
    top: -3em;
    margin: 0 0 0 calc(5% + 1.2rem);
    list-style: none;
    padding: 0;
}

.aboutNav li{
    line-height: 1;
    width: 0.75rem;
}

.aboutNav li button{
    appearance: none;
    opacity: 0;
    padding: 0;
    border:none;
}

.aboutNav li::before{
    content: 'i';
    font-family: circe, sans-serif;
    font-size: 1.8rem;
    position: absolute;
    opacity: 0.5;
    font-weight: 600;
}

.aboutNav li.slick-active::before{
    opacity: 1;
}

.aboutSlide{
    width: calc(100% + 2.4rem);
    margin-left: -1.2rem; 
}

.aboutSlide .slick-slide{
    background: url('//weskiii.com/cdn/shop/t/14/assets/aboutSlideBg1.svg?v=180743090573345748161761622592') center no-repeat;
    color: #6cc6d6;
    margin: 0 -4rem;
    margin:0 -2.4rem;
    opacity: 0.5;
    transition: all .75s;
    width: 90vw;
    height: 40rem;
    position: relative;
    z-index: 1;
    scale:0.85;
}

.aboutSlide .slick-current,
.aboutSlide .is-active-next {
    opacity: 1;
    transition: .75s;
    z-index: 9;
    scale:1;
}

.aboutSlide .slick-slide h4 {
    margin: 0 0 0 17.5%;
    padding-top: 17.5%;
    font-size: 1.4rem;
}

.aboutSlide .slick-slide h4 span {
    display: block;
    font-size: 1.7rem;
    margin-top: .75em;
    line-height: 1.4;
}

body#corp .aboutSlide .slick-slide p {
    font-size: 1.2rem;
    width: 50%;
    position: absolute;
    top: 46%;
    left: 20%;
}

.companyCont{
    padding: 4.8rem 0 12.8rem;
    position: relative;
}

.companyImg {
    background: url('//weskiii.com/cdn/shop/t/14/assets/companyImg.jpg?v=5865895744529840261761622592') center left 7% no-repeat;
    background-size: cover;
    width: 100vw;
    height: calc(var(--vh, 1vh) * 80);
    position: absolute;
    top: calc(var(--vh, 1vh) * -80);
    left: -1.2rem;
}

.companyBg {
    position: absolute;
    width: calc(800% + 2.4rem);
    margin-left: calc(-460% - 1.2rem);
    color: #ffffff;
    top: -40%;
}

#corpModelCont .companyBg {
    top: -18%;
}
.companyBg svg{
    transform: rotate(-20deg);
}

.companyBlc{
    position: relative;
    z-index: 9;
}

.companyBlc h2 {
    font-size: 2.8rem;
    margin: 0 0 4.8rem 10%;
}

.companyBlc h2 span{
    display: block;
    font-size: 1.2rem;
    margin-top: 0.75em;
}
.companyBlc dl{
    width: 70%;
    margin: 0 auto;
    font-weight: 600;
}

.companyBlc dl dt{
    font-size: 0.9rem;
    margin-bottom: 1.5em;
}

.companyBlc dl dd {
    font-size: 1.4rem;
    padding-bottom: 3.6rem;
    margin-left: 0;
    padding-left: 7.5%;
    font-weight: 500;
}

.companyBlc dl dd span{
    display: block;
    text-align: right;
}

.modelCont{
    position: relative;
    z-index: 9;
    color: #ffffff;
}

.modelBgA {
    position: absolute;
    width: calc(800% + 2.4rem);
    margin-left: calc(-260% - 1.2rem);
    color: #6cc6d6;
    top: calc(var(--vh, 1vh) * 43);
    top: 40rem;
    height: 300rem;
}

.modelBgA svg{
    transform: rotate(30.15deg);
}

.modelBgB {
    position: absolute;
    width: calc(720% + 2.4rem);
    margin-left: calc(-260% - 1.2rem);
    color: #ffffff;
    height: 240rem;
    z-index: -2;
    top: 15%;
}

.modelBgC {
    position: absolute;
    width: calc(280% + 2.4rem);
    margin-left: calc(-90% - 1.2rem);
    color: #6cc6d6;
    height: 160%;
    z-index: -1;
    top: -8%;
}

.modelBox {
    margin-bottom: 13.4rem;
    position: relative;
}

.modelBox.bgW {
    color: #6cc6d6;
    padding: 6.4rem 0;
}

.modelBox h2 {
    font-size: 3.6rem;
    margin-left: 5%;
    margin-top: 0;
    margin-bottom: 4.8rem;
}
.modelBox.bgW h2{
    padding-top: 4.8rem;
}

.modelBox h2 span{
    display: block;
    font-size: 1.2rem;
    margin-top: 1em;

}

.modelBox h2 span.arrow{
    display: inline-block;
}

.modelBox p{
    width: 75%;
    font-size: 1.3rem;
    margin-left: 15%;
}

.modelBox h3{
    margin-left: 7.5%;
    font-size: 1.5rem;
}

.modelBox h3.jpB{
    margin-left: 10%;
    font-weight: 500 !important;
    margin-bottom: 4.8rem;
}

.modelBox img {
    display: block;
    width: 50%;
    margin: 12rem auto;
}

body#corp .modelBox p.center{
    text-align: center;
    width: 100%;
    margin: 0;
    font-weight: 600;
}

body#corp .modelBox p.center:last-of-type{
    margin-top: 13.6rem;
}

.modelBox .shapeBox{
    opacity: .48;
}

.modelBox h4{
    font-size: 3rem;
    margin: 0;
    margin-top: 13.6rem;
    display: inline-grid;
}

.modelBox h4 span{
    display: inline-block;
    font-size: 1.3rem;
    margin-top: 1em;
    margin: 1em auto 0;
}

.modelBox h4:nth-of-type(1){
    margin-left: 35%;
}
.modelBox h4:nth-of-type(2){
    margin-left: 22.5%;
}
.modelBox h4:nth-of-type(3){
    margin-left: 27.5%;
}

.modelBox:last-of-type h4 {
    display: block;
    font-size: 0.9rem;
    margin: 0 0 0 10%;
}

.modelBox:last-of-type .imgBlc{
    margin:6.4rem 0 7.2rem;
}

.modelBox:last-of-type .imgBlc>div{
    width: 75%;
    margin: 4.8rem auto 4.8rem 15%;
}

.modelBox:last-of-type .imgBlc img {
    margin: 0 auto;
    height: 4.8rem;
    width: auto;
}

.modelBox .shapeBox .shape img{
    margin: 0;
    width: 100%;
}

.modelBox .shapeBox .shape{
    position: absolute;
}

.modelBox .shapeBox #shapeA{
    width: 50%;
    top: 55rem;
    left: 5%;
}

.modelBox .shapeBox #shapeB{
    width: 45%;
    top: 87.5rem;
    left: 50%;
}

.modelBox .shapeBox #shapeC{
    width: 40%;
    top: 97.5rem;
}

#corpModelCont .companyCont{
    margin-top: 90vh;
}
#corpModelCont .companyBg svg{
    transform: rotate(180deg);
}

#corpModelCont .companyImg {
        top: -80vh;
}

.page .csrPageCont{
    position: relative;
    color: #6cc6d6;
    padding-bottom: 7.2rem;
}

.page .csrPageCont .ttlBlc {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    margin: 0 0 0 5%;
    margin-bottom: calc(var(--vh, 1vh) * 25);
    flex-wrap: wrap;
}

.page .csrPageCont .ttlBlc div {
    margin-top: calc(var(--vh, 1vh) * 25);
    width: 100%;
    padding-right: 5%;
}

.page .csrPageCont .ttlBlc div span{
    margin-bottom: 2em;
    display: block;
}

.csrPageCont .csrPageInr{
    padding: 6.4rem 0;
}
.csrPageCont h1{
    color: #6cc6d6;
    font-size: 2rem;
    font-weight: 500;
    position: relative;
    z-index: 9;
    line-height: 1.4;
}

.csrPageCont p{
    margin: 2.4rem auto;
    font-size: 1.3rem;
}
.csrPageCont h2{
    font-size: 2rem;
    margin-bottom: 4.8rem;
}

.csrPageTxt{
    width: 80%;
    margin: 0 auto;
}

.csrPageMovie {
  width: 100vw;
  margin: 6.4rem auto 6.4rem -1.2rem;
  aspect-ratio: 16 / 9;
}
.csrPageMovie iframe {
  width: 100%;
  height: 100%;
}

.csrPageMv{
    position: relative;
    z-index: -9;
    width: 100vw;
    margin-left: -1.2rem;
}

.pageCsrShape {
    width: 100vw;
    position: absolute;
    left: 20%;
    top: 10rem;
    z-index: -1;
}

.csrPageBgA {
    position: absolute;
    width: calc(350% + 2.4rem);
    margin-left: calc(-125% - 1.2rem);
    color: #ffffff;
    top: calc(var(--vh, 1vh) * -115);
    top: -24%;
    z-index: -9;
}

.csrPageBgB {
    position: absolute;
    width: calc(100% + 2.4rem);
    margin-left: -1.2rem;
    color: #ffffff;
    top: calc(var(--vh, 1vh) * 130);
    top: 37.5%;
    z-index: -9;
    height: calc(var(--vh, 1vh) * 40);
}

body#corp footer{
    background: #f5eb35;
    position: relative;
    z-index: 999;
}

body#corp footer nav{
    padding: 7.2rem calc(1.2rem + 10%);

}

body#corp footer nav ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

body#corp footer nav a {
    text-decoration: none;
    font-size: 1.2rem;
    color: #232323;
    padding: 0.8em 0;
    display: block;
    font-feature-settings: 'palt';
}
body#corp footer .brandLink{
    margin-top: 4.8rem;
}
body#corp footer .brandLink span{
    display: block;
    margin-bottom: 2.4rem;
    font-weight: 500;
}
body#corp footer .brandLink ul{
    padding: 0 5%;
}

body#corp footer .brandLink a{
    padding: 0.6em 0;
    font-weight: 600;
}
body#corp .copyright {
    font-size: 1rem;
    letter-spacing: 0;
    position: absolute;
    bottom: 1.2rem;
    right: 1.2rem;
    font-family: sans-serif;
}



body#corp .aboutPage~footer .footerBg{
    bottom: 56rem;
}

body#corp .brandPage~footer .footerBg{
    bottom: 12rem;
}

body#corp .csrPage~footer .footerBg{
    bottom: 56rem;
}

body#corp .modelPage~footer .footerBg{
    bottom: 56rem;
}

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

    .btn{
        font-size: 1.2rem;
    }
    .corpTop .ttl{
        font-size: 2.88rem;
    }

    .navCont ul{
        padding: 7.2rem 20rem;
    }
    .navCont a{
        font-size: 1.76rem;
    }
    .navCont a span,
    .navCont li.sub span{
        font-size: 1.32rem;
    }

    body#corp main {
        padding: 0 4.8rem;
    }

    #corpTopMv div{
        height: calc(var(--vh, 1vh) * 100)
    }
    #corpTopMv div:nth-of-type(2){
        height: 60svh;
    }

    #corpTopAbout h2, #corpTopBrand h2, #corpTopCsr h2,
    #corpTopModel h2{
        font-size: 2.16rem;
    }
    #corpTopAbout .topAboutBox:nth-of-type(2) p{
        font-size: 3.6rem;
    }

    #corpTopAbout .topAboutBox .imgBlc {
        width: 100%;
        margin-left: 0;
    }

    #corpTopAbout .topAboutBg {
        width: 100vw;
        margin-left: -4.8rem;
        height: calc(109% + 10rem);
    }

    #corpTopAbout .txtBlc{
        font-size: 1.44rem;
    }
    #corpTopAbout .topAboutBox:nth-of-type(2) p:nth-of-type(1) {
        margin-left: 25%;
    }
    #corpTopAbout .topAboutBox:nth-of-type(2) p:nth-of-type(2) {
        margin-left: 50%;
    }
    #corpTopAbout .topAboutBox:nth-of-type(2) p:nth-of-type(3) {
        margin-left: 12.5%;
    }

    #corpTopAbout #shapeA {
        width: 50%;
        margin-top: 25rem;
        margin-left: 5%;
    }

    #corpTopAbout #shapeB {
        width: 45%;
        margin-left: 57.5%;
        margin-top: 60rem;
    }

    #corpTopAbout #shapeC {
        width: 40%;
        margin-left: 0%;
        margin-top: 75rem;
    }

    #topBg #fixedBg{
        background-size: 35%;
    }
    #topBg #bgShape {
        width: 50%;
        right: 45%;
        top: calc(var(--vh) * 150);
    }

    #topBrandBg {
        width: 100vw;
        margin-left: -4.8rem;
        top: -100vw;
        height: 180vw;
    }

    #corpTopBrand {
        margin-top: 10rem;
        margin-bottom: 36rem;
    }
    #corpTopBrand h1.ttl,
    #corpTopModel h1.ttl, #corpTopCsr h1.ttl{
        font-size: 2.4rem;
    }

    #corpTopModel h3{
        font-size: 4.23rem;
    }
    #corpTopModel div {
        margin-left: 10%;
    }
    #corpTopModel div span{
        font-size: 1.32rem;
    }

    #corpTopModel .topModelBg,
    #corpTopModel #topModelImg,
    .aboutImg,
    .aboutBgB,
    .page .brandMv{
        width: 100vw;
        margin-left: -4.8rem;
    }

    #corpTopModel #topModelImg{
        bottom: calc(var(--vh) * -5);
    }
    #corpTopModel .topModelShape{
        right: -4.8rem;
    }
    #corpTopModel .topModelShape.position{
        bottom: calc(var(--vh) * -190);
    }

    #corpTopCsr .topCsrCont {
        padding: 16rem 0 24rem;
    }

    #corpTopCsr h3.ttl{
        font-size: 2.16rem;
    }

    #corpTopCsr p{
        font-size: 1.32rem;
    }
    #corpTopCsr .topCsrBlc{
        width: 60%;
    }

    #corpTopCsr .topCsrBg{
        top: 36rem;
    }

    #corpTopCsr .topCsrShape {
        width: calc(80% + 2.4rem);
        margin-top: 16rem;
        left: 35%;
    }

    body#corp .aboutPage~footer .footerBg{
        bottom: 48rem;
    }

    .page h1 .en{
        font-size: 1.32rem;
    }
    .page h1 .ttl{
        font-size: 1.92rem;
    }

    .page .ttlBlc, .page .ttlBlc{
        height: calc(var(--vh) * 50);
    }

    .aboutBgA{
        width: 300vw;
        margin-left: -100%;
        margin-top: calc(var(--vh) * -40);
        height: calc(var(--vh) * 150);
    }

    .aboutBox h2{
        font-size: 3rem;
    }
    .aboutBox p{
        font-size: 1.56rem;
    }

    .aboutBgB {
        top: 0;
        margin-top: calc(var(--vh) * 170);
    }
    .aboutBlc {
        margin-top: 12.8rem;
    }

    .aboutBlc:nth-of-type(1) .blcTxt, 
    .aboutBlc:nth-of-type(2) .blcTxt{
        width: 65%;
    }

    .aboutBlc:nth-of-type(2) {

    }
    .aboutBlc:nth-of-type(2) h3{
        margin-left: 25%;
    }

    .aboutBlc:nth-of-type(2) .blcTxt{
        margin-left: 30%;
    }

    .aboutBlc h3{
        font-size: 3.36rem;
    }

    .aboutBox.minus{
        margin-top: calc(var(--vh, 1vh) * -30);
    }

    .valueBlc h4 {
        width: 20rem;
        height: 20rem;
        font-size: 1.32rem;
        border-radius: 10rem;
        box-sizing: border-box;
    }
    .valueBlc  p{
        width: calc(100% - 20rem - 5%);
    }

    .aboutBgD {
        width: 30vw;
        height: calc(var(--vh, 1vh) * 80);
        left: auto;
        right: -4.8rem;
        top: calc(var(--vh, 1vh) * 140);
    }

    .aboutSlide {
        width: calc(100% + 9.6rem);
        margin-left: -4.8rem;
    }

    .aboutSlide .slick-slide {
        width: 60vw;
        margin: 0 -4.8rem;
        height: 60rem;
    }
    .aboutSlide .slick-slide h4{
        padding-top: 35%;
        font-size: 1.68rem;
    }
    .aboutSlide .slick-slide h4 span{
        font-size: 2.04rem;
    }
    body#corp .aboutSlide .slick-slide p{
        font-size: 1.32rem;
        top: 50%;
    }

    .companyImg {
        left: -4.8rem;
        top: calc(var(--vh, 1vh) * -90);
    }
    .companyBg {
        width: 450%;
        margin-left: -270%;
        top: calc(var(--vh, 1vh) * 5);
    }

    .brandBg{

    }

    .brandBlc {
        width: 40%;
        margin-top: -14.4rem;
    }

    .brandBlc:nth-of-type(1){
        margin-top: 0;
    }

    .brandBlc:nth-of-type(2) {
        margin-left: 55%;
    }

    .brandBlc:nth-of-type(odd){
        margin-left: 5%;
    }
    .brandBlc:nth-of-type(even){
        margin-left: 55%;
    }

    .brandBlc h2{
        font-size: 2.88rem;
    }
    .brandBlc h2 span{
        font-size: 1.08rem;
    }
    body#corp .brandBlc p{
        font-size: 1.32rem;
    }

    .modelBox h2{
        font-size: 4.32rem;
    }
    .modelBox h2 span{
        font-size: 1.32rem;
    }
    .modelBox p{
        font-size: 1.56rem;
    }
    .modelBox h3{
        font-size: 1.8rem;
    }
    .modelBox h4{
        font-size: 3.6rem;
        margin-top: 16.32rem;
    }
    .modelBox h4 span{
        font-size: 1.56rem;
    }
    .modelBox .shapeBox #shapeA {
        width: 40%;
    }
    .modelBox .shapeBox #shapeB {
        width: 35%;
        left: 62.5%;
    }
    .modelBox .shapeBox #shapeC {
        width: 35%;
    }
    .modelBox h4:nth-of-type(1) {
        margin-left: 25%;
    }
    .modelBox h4:nth-of-type(2) {
        margin-left: 48%;
    }
    .modelBox h4:nth-of-type(3) {
        margin-left: 17.5%;
    }
    .modelBox.bgW{
        padding: 12.8rem 0;
    }
    #corpModelCont .companyImg {
        top: calc(var(--vh, 1vh) * -90);
    }

    #corpModelCont .companyBg {
        margin-left: -250%;
        width: 500%;
        top: calc(var(--vh, 1vh) * 0);
    }
    body#corp .modelPage~footer .footerBg {
        bottom: 40rem;
    }

    .pageCsrShape {
    width: 50vw;
    left: 40%;
    top: 16rem;
}

    .page .csrPageCont .ttlBlc div{
        margin-top: calc(var(--vh, 1vh) * 20);
    }

.csrPageBgA {
    top: calc(var(--vh, 1vh) * -124);
    margin-left: calc(-125% - 4.8rem);
}
.csrPageBgB{
    top: calc(var(--vh, 1vh) * 124);
}

.csrPageMv,
.csrPageBgB{
    width: 100vw;
    margin-left: -4.8rem;
}

.page .csrPageCont .ttlBlc{
    margin-bottom: calc(var(--vh, 1vh) * 5);
}
.page .csrPageCont .ttlBlc div span{
    font-size: 1.2rem;
}
.csrPageCont h1{
    font-size: 2.4rem;
}
.csrPageCont p{
    font-size: 1.56rem;
}
.csrPageMovie {
    width: 80%;
    margin: 12.8rem auto;
}

body#corp .csrPage~footer .footerBg {
    bottom: 50rem;
}

}

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

.sp{
    display: none;
}
.pc{
    display: block;
}

.btn{
    width: 32rem;
}
#topBg #fixedBg {
    background-size: 17.5%;
}

#topBg #bgShape {
    width: 30%;
    right: 60%;
    top: calc(var(--vh) * 165);
}

body#corp main {
    padding: 0 21.6rem;
}

#corpTopMv div:nth-of-type(2) {
    height: calc(var(--vh, 1vh) * 100);
}

.topAboutInr{
    display: flex;
    justify-content: center;
    align-items: stretch;
}

#corpTopAbout .topAboutBg{
    top: calc(var(--vh, 1vh) * -10);

}

#corpTopAbout .topAboutBg, #corpTopModel .topModelBg, #corpTopModel #topModelImg, .aboutImg, .aboutBgB, .page .brandMv,
#topBrandBg {
    width: 100vw;
    margin-left: -21.6rem;
}

#corpTopAbout .topAboutBox{
    width: 100%;
    padding: 0 2.4rem;
    box-sizing: border-box;
    margin: 0;
}

#corpTopAbout .topAboutBox:nth-of-type(1) {
    width: 55%;
}
#corpTopAbout .topAboutBox:nth-of-type(2) {
    width: 45%;
    padding-left: 8.4rem;
    box-sizing: border-box;
}
#corpTopAbout #shapeA {
    width: 35%;
    margin-top: 24rem;
    margin-left: 5%;
}
#corpTopAbout #shapeB {
    width: 30%;
    margin-left: 50%;
}
#corpTopAbout #shapeC {
    width: 30%;
    margin-top: 64rem;
}

#corpTopAbout .topAboutBox:nth-of-type(2) p:nth-of-type(1) {
    margin-left: 22.5%;
}

#corpTopAbout .topAboutBox:nth-of-type(2) p:nth-of-type(2) {
    margin-left: 35%;
}

#corpTopAbout .topAboutBox:nth-of-type(2) p{
    padding-top: 9.6rem;
}

#topBrandBg {
    height: calc(var(--vh, 1vh) * 134);
    top: calc(var(--vh, 1vh) * -82);
}

#corpTopBrand svg{
    width: 35%;
    margin: 12rem auto 16rem;
}

#corpTopBrand h1.ttl{
    margin: 0;
    padding: 0;
}
#corpTopBrand .btn{
    margin-right: 0;
}

.topBrandInr,
#corpTopModel .content{
    padding: 0 16rem;
}

#corpTopModel .content{
    margin: 0 0 14.4rem;
}

#corpTopModel .content >div{
    display: flex;
    justify-content: space-between;
}

#corpTopModel .topModelBg{
    top: calc(var(--vh, 1vh) * 20);
}
#corpTopModel h3{
    margin-left: 0;
}
#corpTopModel .btn {
    margin: 0 0 0 calc(100% - 32rem);
}

#corpTopModel #topModelImg {
    bottom: calc(var(--vh) * 25);
    height: calc(var(--vh) * 100);
    background-size: cover;
}
#corpTopModel .topModelShape.position {
    bottom: calc(var(--vh) * -170);
    right: -21.6rem;
    width: 20%;
}

#corpTopCsr .topCsrCont {
    padding: 20rem 0 30rem;
}

#corpTopCsr .topCsrBg {
    top: 20rem;
}

#corpTopCsr .topCsrBlc {
    width: 45%;
}

#corpTopCsr .topCsrShape {
    width: calc(50% + 2.4rem);
    margin-top: -13rem;
    left: 48%;
}

.aboutShape {
    position: absolute;
    width: 48%;
    margin-left: -10%;
    top: 13rem;
    z-index: 0;
}

.aboutCont .aboutBox{
    padding-left: 25%;
}
.aboutBox p{
    width: 70%;
}

.aboutImg {
    background: url('//weskiii.com/cdn/shop/t/14/assets/topBrandBg.jpg?v=153246962173853005491761622592') center no-repeat;
    background-size: cover;
    height: calc(var(--vh, 1vh) * 100);
    margin-top: -5%;
}

.aboutBgB {
    height: calc(var(--vh) * 180);
    margin-top: calc(var(--vh) * 180);
}
.aboutBox.minus{
    margin-top: 0;
    padding: 0 10%;
}

.aboutBlc:nth-of-type(2) h3 {
    margin-left: 45%;
}

.aboutBlc:nth-of-type(2) .blcTxt {
    margin-left: 50%;
}

.aboutSlide {
    width: 100vw;
    margin-left: calc(-21.6rem - 10% - 2.4rem);
}

.aboutSlide .slick-slide {
    width: 30vw;
}

.aboutSlide .aboutNav {
    margin: 0 0 0 calc(21.6rem + 10.5%);
}

.aboutBgC {
    top: 35%;
    height: 90%;
}

.aboutBgD {
    width: 18vw;
    height: calc(var(--vh, 1vh) * 140);
    left: auto;
    right: -21.6rem;
    top: calc(var(--vh, 1vh) * 122);
}

.companyImg {
    width: 100vw;
    top: calc(var(--vh, 1vh) * -72);
    left: -21.6rem;
    height: calc(var(--vh, 1vh) * 100);
}
.companyCont {
    padding: 36.8rem 0 12.8rem;
    position: relative;
}
.companyBg {
    width: 450%;
    margin-left: -200%;
    top: calc(var(--vh, 1vh) * -63);
}

.modelBox{
    padding: 0 5%;
}
.modelBox.bgW{
    padding: 14.4rem 5% 16.8rem;
}

.modelBox img {
    width: 27.5%;
    margin: 24rem auto;
}
.modelBox .shapeBox #shapeA{
    width: 25%;
    top: 76rem;
    left: 17.5%;
}

.modelBox .shapeBox #shapeB{
    width: 22.5%;
    top: 104rem;
}

.modelBox .shapeBox #shapeC {
    width: 25%;
    top: 120rem;
}

.modelBox h4:nth-of-type(2) {
    margin-left: 57.5%;
}
.modelBgA{
    height: 370rem;
}

.modelBgB{

}
.modelBgC{
    top: -5%;
    height: 180%;
}
.modelBox:last-of-type .imgBlc img{
    height: 6.4rem;
}
#corpModelCont .companyImg {
    top: calc(var(--vh, 1vh) * -70);
}
#corpModelCont .companyBg {
    margin-left: -100%;
    width: 280%;
    top: calc(var(--vh, 1vh) * 46);
    height: 90vh;
}

body#corp .modelPage~footer .footerBg {
    bottom: 50rem;
}

.csrPageBgA {
    top: calc(var(--vh, 1vh) * -344);
    margin-left: calc(-125% - -1.6rem);
}

.csrPageMv, .csrPageBgB {
    margin-left: -21.6rem;
}

.csrPageMv{
    margin-top: calc(var(--vh, 1vh) * -10);
}
.pageCsrShape {
    width: 24vw;
    left: 10%;
    top: 16rem;
}
.csrPageBgB {
    top: calc(var(--vh, 1vh) * 144);
}

.brandList{
    display: flex;
    flex-wrap: wrap;
    margin-top: 4.8rem;
}
.brandBlc{
    width: calc(100% / 3);
    padding: 0 4.8rem;
    box-sizing: border-box;
}
.brandBlc:nth-of-type(odd),
.brandBlc:nth-of-type(even){
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 9.6rem;
}
.brandShapeS {
    z-index: 3;
    position: absolute;
    width: 40%;
    top: 37.5%;
    left: 72%;
}

@media screen and (min-width: 1280px) {
    /* 旧テーマのmainを、画面いっぱいに広げる(親を突き破る) */
    body main main#main-content {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        padding: 0 21.6rem;  /* 旧テーマの本来の余白を再現 */
    }
}

body#corp #fixedBg {
    position: absolute;
    width: 100vw;
    height: 300rem;
    left: 50%;
    margin-left: -50vw;
    top: 0;
}

/* corporateページ:フッターも画面いっぱいに */
@media screen and (min-width: 1280px) {
    body main footer,
    body main footer-group,
    body main #shopify-section-sections--footer-group,
    body main [id*="footer-group"],
    body main [id*="sections--footer"] {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
}

/* ニュースレター・メンバーシップ部分のテキストは中央寄せに */
@media screen and (min-width: 1280px) {
    body#corp [id*="newsletter"] p,
    body#corp [id*="membership"] p,
    body#corp [id*="rich-text"] p,
    body#corp section-newsletter p,
    body#corp footer p {
        text-align: center;
    }
}

@media screen and (min-width: 1280px) {
    body main [id*="sections--19632298000571__rich_text"],
    body main [id*="sections--19632298000571__newsletter"] {
        position: relative;
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        left: auto;
        right: auto;
        box-sizing: border-box;
    }
}

@media screen and (min-width: 1280px) {
    body main [id*="sections--19632298000571__newsletter"] form,
    body main [id*="sections--19632298000571__newsletter"] .newsletter-form {
        width: 40rem;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    body main [id*="sections--19632298000571__newsletter"] .newsletter-form__field-wrapper,
    body main [id*="sections--19632298000571__newsletter"] .field {
        width: 100%;
        max-width: 40rem;
        margin-left: auto;
        margin-right: auto;
    }

    body main [id*="sections--19632298000571__newsletter"] input[type="email"] {
        width: 100%;
        box-sizing: border-box;
    }
}

@media screen and (min-width: 1280px) {
    body main [id*="sections--19632298000571__newsletter"] .newsletter-form__field-wrapper {
        width: 40rem;
        max-width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block;
    }

    body main [id*="sections--19632298000571__newsletter"] .field {
        width: 100%;
        max-width: 40rem;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body main [id*="sections--19632298000571__newsletter"] input[type="email"] {
        width: 100%;
        max-width: 40rem;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
        display: block;
    }
}