.mb0{ margin-bottom:0 !important; }

.collabo-mv{
width:100%;
height:83.73vw;
background:url(../../img/mv-collabo-sp.png) no-repeat center center;
background-size:cover;
}


#craft-container{
background:#E1F8F0;
padding:0 0 13.87vw;
}


.collabo-desc{
width:100%;
background:#fff;
padding:6.4vw 0;
}


.collabo-desc-wrap{
width:87.20vw;
margin:0 auto;
background:#009A6D;
padding:6.40vw;
color:#fff;
font-size:3.73vw;
line-height:1.75;
}
.collabo-desc h2{
color:#F0FF82;
font-size:6.40vw;
line-height:1.25;
margin:0 0 6.40vw;
font-weight:900;
letter-spacing:-.05em;
}


.collabo-hub{
width:87.20vw;
margin:0 auto;
padding:6.40vw 0 4.27vw;
}
.collabo-links{
width:87.20vw;
margin:0 auto;
display:flex;
flex-direction:column;
gap:4.27vw;
}
.collabo-links li{
width:87.20vw;
display:flex;
flex-direction:column;
font-size:3.20vw;
line-height:1.75;
gap:1.33vw;
}
.collabo-links li p a{
color:#000;
font-weight:bold;
text-decoration:underline;
}





/* COLLABO LOWER */

#craft-container h1{
text-align:center;
font-size:6.93vw;
line-height:1;
letter-spacing:-.05em;
color:#008145;
font-weight:900;
margin:0 0 8.53vw;
padding:6.4vw 0 0;
}
#craft-container h1 span{
display:block;
font-size:3.20vw;
line-height:1.5;
letter-spacing:.2em;
font-weight:normal;
}
.c-year-md{
background:#008145;
width:87.20vw;
margin:0 auto;
font-size:3.73vw;
color:#fff;
height:6.93vw;
text-align:center;
}

.collabo-fv{
width:87.20vw;
margin:0 auto 0;
padding: 0 0;
}

.collabo-fv-img{
position:relative;
align-self:flex-start;
width:87.20vw;
margin:0 auto;
padding:2.13vw 0 0;
text-align:center;
}

.g-seki img{
width:78.67vw;
margin:0 auto;
display:block;
}
.g-igari img{
width:78.67vw;
margin:0 auto;
display:block;
}
.g-n-buna img{
width:59.73vw;
margin:0 auto;
display:block;
}
.g-saba img{
width:82.93vw;
margin:0 auto;
display:block;
}


.collabo-fv-img::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:calc(100% - 12.80vw);
background:linear-gradient(to bottom, #7BD7BC 0%, #00704F 100%);
z-index:0;
}

.collabo-fv-img img{
position:relative;
z-index:11;
}


.collabo-artist-section{
width:87.20vw;
margin:0 auto;
padding:8.53vw 6.40vw 6.40vw;
background:#fff;
position:relative;
z-index:10;
top:-12.8vw;
}


.collabo-artist-section h2{
font-size:10.67vw;
font-weight:900;
line-height:1;
margin:0 0 4.27vw;
}
.collabo-artist-section h2 span{
display:block;
font-size:3.73vw;
line-height:2;
}

.collabo-artist-section p{
font-size:3.20vw;
line-height:1.75;
margin:0 0 6.40vw;
font-weight:normal;
}
.artist-imgs{
display:flex;
flex-direction:column;
gap:2.13vw;
margin:0 0 6.40vw;
}


.collabo-artist-section p a{
color:#000;
font-weight:normal;
}

.collabo-artist-section h3{
font-size:4.80vw;
line-height:1.7;
font-weight:bold;
color:#00B700;
margin:0 0 4.27vw;
}


.artist-message{
background:#F0FF82;
padding:8.53vw 6.40vw 21.33vw 6.40vw; 
font-size:3.20vw;
line-height:1.75;
position:relative;
margin-bottom:6.40vw;
}
 
.sign-n-buna{
width:45.60vw;
height:19.20vw;
position:absolute;
bottom:2.13vw;
right:2.13vw;
}





.g-spec{
width:87.20vw;
margin:0 auto 10.67vw;
border-radius:2.13vw;
overflow:hidden;
padding:6.40vw 4.27vw;
color:#fff;
}
.wood-type1{
background: #DEB887 url(../../img/g-collab_specbg01.png) no-repeat top center / cover;
}
.wood-type2{
background: #DEB887 url(../../img/g-collab_specbg02.png) no-repeat top center / cover;
}
.wood-type3-1{
background: #DEB887 url(../../img/g-collab_specbg03a.png) no-repeat top center / cover;
}
.wood-type3-2{
background: #DEB887 url(../../img/g-collab_specbg03b.png) no-repeat top center / cover;
}
.wood-type4{
background: #DEB887 url(../../img/g-collab_specbg04.png) no-repeat top center / cover;
}
.wood-type5{
background: #DEB887 url(../../img/g-collab_specbg05.png) no-repeat top center / cover;
}
.g-spec h3{
font-size:3.73vw;
line-height:1.7;
color:#00B700;
margin:0 0 5.33vw;
}

.model-ttl{
font-size:3.20vw;
line-height:1.75;
font-weight:bold;
margin:0 0 4.27vw;
}

.spec-col{
}
.spec-detail{
width:78.67vw;
font-size:3.20vw;
line-height:1.75;
}
.spec-detail dt{
font-weight:bold;
}
.spec-detail dd{
margin:0 0 4.27vw;
}


.g-production{
width:87.20vw;
margin:0 auto 4.27vw;
background:#fff;
padding:6.40vw;
}
.g-production h3{
font-size:4.80vw;
line-height:1.5;
margin:0 0 4.27vw;
color:#00B700;
}
.g-photo-lead{
margin:0 auto 2.13vw;
foont-size:3.20vw;
line-height:1.5;
font-weight:bold;
}

.g-photo-col{
display:flex;
flex-direction:column;
gap:2.13vw;
margin:0 auto 6.40vw;
}
.g-photo-cap{
font-size:2.93vw;
line-height:1.5;
margin:2.13vw 0 0;
font-weight:bold;
}

.g-mov-wrap{
width:74.4vw;
margin:6.4vw auto;
}
.g-mov{
width:74.40vw;
height:41.87vw;
background:#dbdbdb;
}
.g-mov-cap{
font-size:2.93vw;
line-height:1.5;
margin:4.27vw 0 0;
font-weight:bold;
}
.g-production .g-mov {
height: auto;
aspect-ratio: 16 / 9;
border-radius: 15px;
overflow: hidden;
}
.g-mov iframe{
width:100%;
height: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
}


.production-flow{
display:flex;
flex-wrap:wrap;
gap:1.8vw;
margin:0 auto 6.40vw;
}
.production-flow li{
width:36.27vw;
font-size:2.93vw;
line-height:1.75;
}
.p-flow-thumb{
width:36.27vw;
height:36.27vw;
margin:0 0 1.33vw;
}

.episode{
margin:0 auto 6.40vw;
font-size:12x;
line-height:1.75;
}

.g-bnr,
.gm-bnr{
width:72.00vw;
margin:0 auto 6.40vw;
}


.process-lead{
margin:0 auto 4.27vw;
font-size:3.20vw;
line-height:1.75;
}

.process-link{
width:74.40vw;
margin:0 auto 4.27vw;
display:flex;
flex-wrap:wrap;
gap:2.13vw;
padding:2.67vw 2.13vw 4.27vw;
background:#EBEBEB;
}

.process-link li{
width:70.13vw;
height:6.93vw;
display:flex;
align-items:center;
font-size:2.67vw;
border-bottom:0.27vw solid #00B700;
}
.process-link li a{
color:#000;
position:relative;
display:block;
width:70.13vw;
height:6.93vw;
text-decoration:none;
font-weight:normal;
}
.process-link li a::after{
content:'';
width:4.27vw;
height:4.27vw;
background:url(../../img/icon-ext.svg) no-repeat;
background-size:4.27vw;
position:absolute;
top:1.33vw;
right:2.13vw;
}






@media (min-width: 768px) {


.collabo-mv{
width:100%;
height:372px;
background:url(../../img/mv-collabo.jpg) no-repeat center center;
background-size:cover;
}


#craft-container{
background:#E1F8F0;
padding:40px 0 54px;
}

.collabo-desc{
width:100%;
background:none;
padding:0;
}


.collabo-desc-wrap{
width:1260px;
margin:0 auto 40px;
background:#009A6D;
padding:24px 30px;
color:#fff;
font-size:18px;
line-height:1.75;
}
.collabo-desc h2{
color:#F0FF82;
font-size:28px;
line-height:1.15;
margin:0 0 24px;
}


.collabo-hub{
width:1260px;
margin:0 auto 24px;
background:#fff;
padding:40px 0;
}
.collabo-links{
width:704px;
margin:0 auto;
display:flex;
flex-direction:column;
gap:16px;
}
.collabo-links li{
width:704px;
display:flex;
flex-direction:column;
font-size:16px;
line-height:1.75;
gap:8px;
}
.collabo-links li p a{
color:#000;
font-weight:bold;
text-decoration:underline;
}



/* COLLABO LOWER */

#craft-container h1{
text-align:center;
font-size:32px;
line-height:1;
letter-spacing:-.05em;
color:#008145;
font-weight:900;
margin:0 0 40px;
padding:0;
}
#craft-container h1 span{
display:block;
font-size:14px;
line-height:1.5;
letter-spacing:.2em;
font-weight:normal;
}
.c-year-md{
background:#008145;
width:1260px;
margin:0 auto 24px;
font-size:18px;
color:#fff;
height:30px;
text-align:center;
}

.collabo-fv{
width:1260px;
display:flex;
margin:0 auto 36px;
gap:40px;
padding: 0 0;
}

.collabo-fv-img{
position:relative;
align-self:flex-start;
width:580px;
margin:0 0 0 30px;
padding:12px 0 0;
text-align:center;
}

.g-seki img{
width:524px;
margin:0 auto;
display:block;
}
.g-igari img{
width:548px;
margin:0 auto;
display:block;
}

.g-n-buna img{
width:356px;
margin:0 auto;
display:block;
}
.g-saba img{
width:523px;
margin:0 auto;
display:block;
}


.collabo-fv-img::before{
content:"";
position:absolute;
top:0;
left:-30px;
width:1023px;
height:calc(100% - 77px);
background:linear-gradient(to bottom, #7BD7BC 0%, #00704F 100%);
z-index:0;
}

.collabo-fv-img img{
position:relative;
z-index:1;
}


.collabo-artist-section{
width:580px;
margin:40px 30px 0 0;
padding:24px;
background:#fff;
position:relative;
z-index:10;
top:0;
}


.collabo-artist-section h2{
font-size:60px;
font-weight:900;
line-height:1;
margin:0 0 24px;
}
.collabo-artist-section h2 span{
display:block;
font-size:20px;
line-height:2;
}

.collabo-artist-section p{
font-size:16px;
line-height:1.75;
margin:0 0 24px;
}
.artist-imgs{
display:flex;
flex-direction:column;
gap:16px;
margin:0 0 24px;
}


.collabo-artist-section h3{
font-size:28px;
line-height:1.7;
font-weight:bold;
color:#00B700;
margin:0 0 16px;
}

.artist-message{
background:#F0FF82;
padding:30px 32px 113px 24px;
font-size:16px;
line-height:1.75;
position:relative;
margin-bottom:24px;
}
 
.sign-n-buna{
width:250px;
height:105px;
position:absolute;
bottom:8px;
right:8px;
}



.g-spec{
width:1260px;
margin:0 auto 40px;
border-radius:16px;
overflow:hidden;
padding:24px;
color:#fff;
}
.g-spec h3{
font-size:22px;
line-height:1.7;
color:#00B700;
margin:0 0 30px;
}

.model-ttl{
font-size:16px;
line-height:1.5;
font-weight:bold;
margin:0 0 24px;
}

.spec-col{
display:flex;
justify-content:space-between;
}
.spec-detail{
width:373px;
font-size:16px;
line-height:1.5;
}
.spec-detail dt{
font-weight:bold;
}
.spec-detail dd{
margin:0 0 24px;
}


.g-production{
width:1260px;
margin:0 auto 24px;
background:#fff;
padding:40px 30px 16px;
}
.g-production h3{
text-align:center;
font-size:42px;
line-height:1.5;
margin:0 0 24px;
color:#00B700;
}
.g-photo-lead{
width:782px;
margin:0 auto 24px;
font-size:16px;
line-height:1.5;
font-weight:bold;
}

.g-photo-col{
width:786px;
display:flex;
flex-direction:row;
justify-content:space-between;
gap:40px;
margin:0 auto 24px;
}
.g-photo-col li{
width:373px;
}


.g-photo-cap{
font-size:16px;
line-height:1.5;
margin:16px 0 0;
font-weight:bold;
}
.g-photo-saba-col{
width:993px;
display:flex;
justify-content:space-between;
gap:40px;
margin:0 auto 24px;
}
.g-photo-saba-col li:nth-child(1){
width:580px;
}
.g-photo-saba-col li:nth-child(2){
width:373px;
}


.g-mov-wrap{
width:782px;
margin:0 auto 56px;
}
.g-mov{
width:100%;
}
.g-mov-cap{
font-size:16px;
line-height:1.5;
text-align:center;
margin:16px 0 0;
font-weight:bold;
}


.production-flow{
display:flex;
flex-wrap:wrap;
gap:24px 40px;
margin:0 auto 56px;
}
.production-flow li{
width:270px;
font-size:16px;
line-height:1.75;
}
.p-flow-thumb{
width:270px;
height:270px;
margin:0 0 9px;
}

.episode{
width:782px;
margin:0 auto 56px;
font-size:16px;
line-height:1.75;
}

.g-bnr{
width:400px;
margin:0 auto 40px;
}
.gm-bnr{
width:706px;
margin:0 auto 40px;
}

.process-lead{
margin:0 auto 24px;
font-size:16px;
line-height:1.75;
text-align:center;
}

.process-link{
width:786px;
margin:0 auto 24px;
display:flex;
flex-wrap:wrap;
gap:8px;
padding:10px 80px 16px;
background:#EBEBEB;
}

.process-link li{
width:624px;
height:32px;
display:flex;
align-items:center;
font-size:16px;
border-bottom:1px solid #00B700;
}
.process-link li a{
color:#000;
position:relative;
display:block;
width:624px;
height:32px;
text-decoration:none;
font-weight:normal;
}
.process-link li a::after{
content:'';
width:16px;
height:16px;
background:url(../../img/icon-ext.svg) no-repeat;
background-size:16px;
position:absolute;
top:8px;
right:16px;
}






/* END PC CSS */
}