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



.gbs-mv{
width:100%;
height:83.73vw;
background:url(../../img/mv-gbs-sp.jpg) no-repeat center center;
background-size:cover;
margin:0 0 21.33vw;
}

.gbs-cont01{
width:87.20vw;
background:#F0FF82;
margin:0 auto 10.67vw;
padding:10.67vw 6.40vw 4.27vw;
position:relative;
}


.gbs-cont01 h2{
color:#00B700;
font-size:7.47vw;
line-height:1.25;
position:absolute;
top:-12.93vw;
left:0.00vw;
z-index:5;
font-weight:900;
}
.gbs-cont01 h2::after{
content:'';
width:21.12vw;
height:21.12vw;
position:absolute;
left:72.00vw;
top:0;
background:url(../../img/gc-md01.png) no-repeat;
background-size:21.12vw;
z-index:-1;
}


.gbs-cont01 h3{
font-size:4.80vw;
line-height:1.5;
text-align:center;
}


.gbs-cont01-col{
margin:0 0 10.67vw;
}
.gbs-cont01-thumb{
width:74.40vw;
margin:0 0 4.27vw;
}
.gbs-cont01-txt{
width:74.40vw;
font-size:3.20vw;
line-height:1.75;
}


.gbs-cont02{
background:#E1F8F0;
padding:25.60vw 0 9.60vw;
}

.gbs-cont02-inner{
width:87.20vw;
margin:0 auto 4.27vw;
position:relative;
background:#fff;
padding:10.67vw 6.40vw 4.27vw;
}
h2.gc-md02{
color:#00B700;
font-size:7.47vw;
line-height:1.2;
position:absolute;
letter-spacing:-.05em;
top:-11.73vw;
left:0.00vw;
z-index:5;
font-weight:900;
}
h2.gc-md02::after{
content:'';
width:21.12vw;
height:21.12vw;
position:absolute;
left:71.00vw;
top:-3.00vw;
background:url(../../img/gc-md02.png) no-repeat;
background-size:21.12vw;
z-index:-1;
}
.gbs-cont02-inner p{
font-size:3.20vw;
line-height:1.75;
margin:0 0 4.27vw;
}

.guitar-job{
display:flex;
flex-wrap:wrap;
gap:4.27vw;
margin:0 0 6.40vw;
}

.guitar-job div{
width:74.40vw;
height:20.00vw;
cursor:pointer;
}

[data-pagename^="course/craft"] .l-modal:not(.l-modal--default), [data-pagename=course] [data-department=craft] .l-modal:not(.l-modal--default), #craft .l-modal:not(.l-modal--default), .l-modal--craft{
background:rgba(0,0,0,1);
}



.modal-main{
font-size:3.20vw;
line-height:1.75;
text-align:left;
}

.modal-main h2{
font-size:6.40vw;
line-height:1;
margin:0 0 4.27vw;
text-align:center;
}
.modal-main figure{
margin-bottom:4.27vw;
}

.gbs-cont-md{
text-align:center;
color:#F00072;
font-size:5.5vw;
line-height:1.2;
font-weight:900;
}


.gbs-cont02-inner-2{
width:87.20vw;
margin:29.60vw auto 4.27vw;
background:#fff;
padding:10.67vw 6.40vw 4.27vw;
position:relative;
}


h2.gc-md03{
color:#00B700;
font-size:5.33vw;
line-height:1.25;
position:absolute;
top:-17.87vw;
left:0.00vw;
z-index:5;
font-weight:900;
}
h2.gc-md03 span{
font-size:4.27vw;
color:#fff;
line-height:1.5;
display:block;
-webkit-text-stroke:1.60vw #000;
text-stroke: 1.60vw #000;
paint-order: stroke fill;
}

h2.gc-md03::after{
content:'';
width:21.12vw;
height:21.12vw;
position:absolute;
left:71.00vw;
top:6vw;
background:url(../../img/gc-md03.png) no-repeat;
background-size:21.12vw;
z-index:-1;
}

.gbs-cont02-inner-2 h3.point01-md{
padding:2vw 0 .5vw 22.87vw;
font-size:4.00vw;
line-height:1.2;
position:relative;
background:url(../../img/gbs-point1.svg) no-repeat left center;
background-size:21.60vw;
margin:0 0 2vw;
}
.gbs-cont02-inner-2 h3.point02-md{
padding:2vw 0 .5vw 22.87vw;
font-size:4.00vw;
line-height:1.2;
position:relative;
background:url(../../img/gbs-point2.svg) no-repeat left center;
background-size:21.60vw;
margin:0 0 2vw;
}

.gbs-cont02-inner-2 h3.point03-md{
padding:2vw 0 .5vw 22.87vw;
font-size:4.00vw;
line-height:1.2;
position:relative;
background:url(../../img/gbs-point3.svg) no-repeat left center;
background-size:21.60vw;
margin:0 0 2vw;
}

.gbs-cont02-inner-2 p{
font-size:3.20vw;
line-height:1.75;
margin:0 0 4.27vw;
}

.gbs-slider{
width:74.40vw;
margin:0 auto 6.4vw;
}

.gbs-slide-img{
margin:0 0 2.13vw;
}
.gbs-slide-txt{
text-align:left !important;
}

.gbs-slide-txt h4{
font-size:3.73vw;
line-height:1.2;
margin:0 0 2.13vw;
}
.gbs-slide-txt p{
font-size:3.20vw;
line-height:1.75;
margin:0 !important;
}


/* dotsをスライダーラッパーの6.40vw下に配置（装飾自体は共通の .l-slider ルールを流用） */
.gbs-slider .swiper-container.swiper-container-initialized {
padding-bottom:7.20vw !important;
}

/* 矢印ボタン：40x40の黒square、画像の上から21.87vw・左右に5.33vwはみ出す配置（黒背景・アイコン反転は共通の .l-slider ルールを流用） */
.gbs-slider .swiper-button-prev,
.gbs-slider .swiper-button-next {
width:5.33vw !important;
height:5.33vw !important;
margin-top:0 !important;
top:17.60vw !important;
}
.gbs-slider .swiper-button-prev {
left:-2.67vw !important;
}
.gbs-slider .swiper-button-next {
right:-2.67vw !important;
}



h3.mov-md{
font-size:4.80vw;
line-height:1.2;
margin:0 0 2.13vw;
}
.mov-wrap{
width:74.40vw;
height:auto;
aspect-ratio: 16 / 9;
margin:0 auto 6.40vw;
background:#dbdbdb;
border-radius: 15px;
overflow: hidden;
}
.mov-wrap iframe{
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
}


.gbs-bq{
background:#f4f4f4;
padding:4.27vw 2.13vw;
margin:0 0 6.40vw;
}
.gbs-bq h4{
font-size:3.73vw;
line-heigt:1.7;
margin:0 0 4.27vw;
text-align:center;
}

.gbs-col3{
display:flex;
flex-direction:column;
gap:4.27vw;
}
.gbs-col3 div{
}
.gbs-col3 h5{
font-size:2.93vw;
line-height:1.75;
}
.gbs-disc{
font-size:3.20vw;
line-height:1.75;
margin-left:1.5em;
}
.gbs-disc li{
list-style-type:disc;
}


.gbs-copy{
font-size:4.80vw;
line-height:1.5;
marign:0 0 2.13vw;
text-align:center;
font-weight:bold;
}
.gbs-sns{
width:74.40vw;
height:40.53vw;
margin:0 auto 6.40vw;
}

.slide-md{
color:#00B700;
font-size:4.80vw;
line-height:1.2;
margin:0 0 2.13vw;
}




.gbs-cont03{
background:#F0FF82;
padding:15.20vw 0 10.67vw;
}

.gbs-cont03-inner-01{
background:#fff;
width:87.20vw;
margin:0 auto 13.60vw;
padding:6.40vw 6.40vw 4.27vw;
position:relative;
}

.typo-message{
width:50.13vw;
height:8.00vw;
position:absolute;
top:-5.53vw;
left:6.40vw;
}

.gbs-cont03-inner-01 h2,
.gbs-cont03-inner-02 h2,
.gbs-cont03-inner-03 h2{
font-size:4.80vw;
line-height:1;
font-weight:normal;
margin:0 0 4.27vw;
}

.gbs-message{
display:flex;
flex-wrap:wrap;
flex-direction:column;
gap:6.40vw;
}


.gbs-message li{
width:74.13vw;
display:flex;
flex-direction:column;
gap:4.27vw;
}
.gbs-ceo-name span,
.gbs-v-name span{
font-size:2.93vw;
line-height:1;
display:block;
margin:0 0 1.33vw;
}
.gbs-ceo-name,
.gbs-v-name{
font-size:4.80vw;
line-height:1;
margin:0 0 3.20vw;
font-weight:bold;
}
.gbs-txt p{
font-size:3.20vw;
line-height:1.75;
}

.gbs-logo01{
width:48.00vw;
margin:0 auto;
}
.gbs-logo02{
width:65.60vw;
margin:0 auto;
}
.gbs-logo03{
width:65.60vw;
margin:0 auto;
}


.gbs-cont03-inner-02{
background:#fff;
width:87.20vw;
margin:0 auto 13.60vw;
padding:18.93vw 6.40vw 4.27vw;
position:relative;
}
.gbs-cont03-inner-03{
background:#fff;
width:87.20vw;
margin:0 auto;
padding:18.93vw 6.40vw 4.27vw;
position:relative;
}


.typo-stuv{
width:56.53vw;
height:19.20vw;
position:absolute;
top:-2.93vw;
left:6.40vw;
}
.typo-grad{
width:65.87vw;
height:19.20vw;
position:absolute;
top:-2.93vw;
left:6.40vw;
}

.gbs-v-col{
}
.gbs-v-col li{
padding:6.40vw 0;
border-bottom:0.27vw solid #000;
}
.gbs-v-col li:first-child{
padding-top:0;
}
.gbs-v-col li:last-child{
padding-bottom:0;
border:0;
}


.gbs-v-photo{
width:74.13vw;
margin:0 0 6.40vw;
}
.gbs-v-txt{
width:74.13vw;
}

.gbs-v-name{}

.gbs-v dt{
font-size:3.20vw;
line-height:1.75;
margin:0 0 4.27vw;
font-weight:bold;
}
.gbs-v dd{
font-size:3.20vw;
line-height:1.75;
margin:0 0 6.40vw;
}




.craft-course-links{
background:#008145;
padding:0 0 4.27vw;
}
.course-md{
text-align:center;
line-height:12.00vw;
font-size:4.80vw;
color:#fff;
}

.annul-md{
background:#42AD81;
color:#fff;
font-size:3.73vw;
line-height:9.33vw;
margin-bottom:0.53vw;
padding:0 6.40vw;
}

.craft-course-links-wrap{
width:100%;
}

.craft-course-links-wrap-half{
width:100%;
background:#42AD81;
margin:0 auto 4.27vw;
}


.craft-course-list{
width:100%;
margin:0 auto;
display:flex;
flex-wrap:wrap;
}
.craft-course-list li{
width:100%;
padding:0 6.4vw;
display:flex;
justify-content:space-between;
background:#42AD81;
position:relative;
align-items:center;
margin:0 0 2px;
}
.craft-course-list li a{
position:absolute;
inset:0;
z-index:1;
}
.cc-thumb{
width:23.47vw;
}
.cc-txt{
width:61.60vw;
color:#fff;
font-size:3.73vw;
line-height:1.7;
position:relative;
padding-right:8.53vw;
}
.cc-txt .icon-arrow-right{
position:absolute;
top:50%;
right:4.27vw;
transform:translateY(-50%) rotate(45deg);
}
.cc-txt span{
display:block;
font-size:2.67vw;
}














@media (min-width: 768px) {
.gbs-mv{
width:100%;
height:372px;
background:url(../../img/mv-gbs.jpg) no-repeat center center;
background-size:cover;
margin:0 0 128px;
}
.gbs-cont01{
width:1260px;
background:#F0FF82;
margin:0 auto 40px;
padding:56px 30px 24px;
position:relative;
}

.gbs-cont01 h2{
color:#00B700;
font-size:42px;
line-height:1;
position:absolute;
top:-61px;
left:0px;
z-index:5;
font-weight:900;
}
.gbs-cont01 h2::after{
content:'';
width:130px;
height:130px;
position:absolute;
left:400px;
top:-34px;
background:url(../../img/gc-md01.png) no-repeat;
background-size:130px;
z-index:-1;
}

.gbs-cont01 h3{
font-size:24px;
line-height:1.5;
text-align:left;
}

.gbs-cont01-col{
display:flex;
gap:40px;
margin:0 0 40px;
}
.gbs-cont01-thumb{
width:580px;
margin:0;
}
.gbs-cont01-txt{
width:580px;
display:flex;
align-items:center;
font-size:16px;
line-height:1.75;
}

.gbs-cont02{
background:#E1F8F0;
padding:132px 0 38px;
}

.gbs-cont02-inner{
width:1260px;
margin:0 auto 20px;
position:relative;
background:#fff;
padding:56px 30px 24px;
}
h2.gc-md02{
color:#00B700;
font-size:42px;
line-height:1;
position:absolute;
top:-61px;
left:0px;
z-index:5;
font-weight:900;
}
h2.gc-md02::after{
content:'';
width:130px;
height:130px;
position:absolute;
left:411px;
top:-34px;
background:url(../../img/gc-md02.png) no-repeat;
background-size:130px;
z-index:-1;
}
.gbs-cont02-inner p{
font-size:16px;
line-height:1.75;
margin:0 0 24px;
}

.guitar-job{
display:flex;
flex-wrap:wrap;
gap:24px 40px;
margin:0 0 24px;
}

.guitar-job div{
width:373px;
height:100px;
cursor:pointer;
}



.modal-main{
font-size:16px;
line-height:1.75;
text-align:left;
}

.modal-main h2{
font-size:28px;
line-height:1;
margin:0 0 24px;
text-align:center;
}
.modal-main figure{
margin-bottom:24px;
}

.gbs-cont-md{
text-align:center;
color:#F00072;
font-size:42px;
line-height:1.2;
font-weight:900;
}

.gbs-cont02-inner-2{
width:1260px;
margin:159px auto 24px;
background:#fff;
padding:54px 30px 32px;
position:relative;
}


h2.gc-md03{
color:#00B700;
font-size:42px;
line-height:1;
position:absolute;
top:-113px;
left:0px;
z-index:5;
font-weight:900;
}
h2.gc-md03 span{
font-size:32px;
color:#fff;
line-height:1.5;
display:block;
-webkit-text-stroke:6px #000;
text-stroke: 6px #000;
paint-order: stroke fill;
}

h2.gc-md03::after{
content:'';
width:130px;
height:130px;
position:absolute;
left:697px;
top:13px;
background:url(../../img/gc-md03.png) no-repeat;
background-size:130px;
z-index:-1;
}

.gbs-cont02-inner-2 h3.point01-md{
padding:0 0 0 122px;
font-size:32px;
line-height:1.5;
position:relative;
background:url(../../img/gbs-point1.svg) no-repeat;
background-size:110px;
margin:0;
}

.gbs-cont02-inner-2 h3.point02-md{
padding:0 0 0 122px;
font-size:32px;
line-height:1.5;
position:relative;
background:url(../../img/gbs-point2.svg) no-repeat;
background-size:110px;
margin:0;
}

.gbs-cont02-inner-2 h3.point03-md{
padding:0 0 0 122px;
font-size:32px;
line-height:1.5;
position:relative;
background:url(../../img/gbs-point3.svg) no-repeat;
background-size:110px;
margin:0;
}

.gbs-cont02-inner-2 p{
font-size:16px;
line-height:1.75;
margin:0 0 24px;
}

.gbs-slider{
width:1169px;
margin:0 auto 40px;
}

.gbs-slide-img{
margin:0 0 16px;
}
.gbs-slide-txt{
text-align:left !important;
}

.gbs-slide-txt h4{
font-size:20px;
line-height:1.2;
margin:0 0 8px;
}
.gbs-slide-txt p{
font-size:16px;
line-height:1.75;
margin:0 !important;
}

h3.mov-md{
font-size:24px;
line-height:1.5;
margin:0 0 24px;
}
.mov-wrap{
width:800px;
height:450px;
margin:0 auto 40px;
background:#dbdbdb;
}

.gbs-bq{
background:#f4f4f4;
padding:24px;
margin:0 0 64px;
}
.gbs-bq h4{
font-size:22px;
line-heigt:1.7;
margin:0 0 24px;
text-align:center;
}

.slide-md{
color:#00B700;
font-size:24px;
line-height:1.5;
margin:0 0 16px;
}



.gbs-col3{
display:flex;
justify-content:space-between;
flex-direction:row;
}
.gbs-col3 div{
width:373px;
}
.gbs-col3 h5{
font-size:16px;
line-height:1.5;
}
.gbs-disc{
font-size:16px;
line-height:1.5;
margin-left:1.5em;
}
.gbs-disc li{
list-style-type:disc;
}


.gbs-copy{
font-size:32px;
line-height:1.5;
marign:0 0 24px;
text-align:center;
font-weight:bold;
}
.gbs-sns{
width:373px;
height:203px;
margin:0 auto 40px;
}


.gbs-cont03{
background:#F0FF82;
padding:72px 0 40px;
}

.gbs-cont03-inner-01{
background:#fff;
width:1260px;
margin:0 auto 156px;
padding:55px 30px 24px;
position:relative;
}

.typo-message{
width:388px;
height:63px;
position:absolute;
top:-32px;
left:30px;
}

.gbs-cont03-inner-01 h2,
.gbs-cont03-inner-02 h2,
.gbs-cont03-inner-03 h2{
font-size:32px;
line-height:1;
font-weight:normal;
margin:0 0 40px;
}

.gbs-message{
display:flex;
justify-content:space-between;
flex-direction:row;
gap:40px;
}


.gbs-message li{
width:373px;
display:flex;
flex-direction:column;
justify-content:space-between;
gap:21px;
}
.gbs-ceo-name span,
.gbs-v-name span{
font-size:16px;
line-height:1;
display:block;
margin:0 0 16px;
}
.gbs-ceo-name,
.gbs-v-name{
font-size:32px;
line-height:1;
margin:0 0 21px;
font-weight:bold;
}
.gbs-txt p{
font-size:16px;
line-height:1.75;
}

.gbs-logo01{
width:225px;
margin:0 auto;
}
.gbs-logo02{
width:307px;
margin:0 auto;
}
.gbs-logo03{
width:307px;
margin:0 auto;
}


.gbs-cont03-inner-02{
background:#fff;
width:1260px;
margin:0 auto 156px;
padding:55px 30px 24px;
position:relative;
}
.gbs-cont03-inner-03{
background:#fff;
width:1260px;
margin:0 auto;
padding:55px 30px 24px;
position:relative;
}


.typo-stuv{
width:441px;
height:147px;
position:absolute;
top:-116px;
left:30px;
}
.typo-grad{
width:514px;
height:147px;
position:absolute;
top:-116px;
left:30px;
}

.gbs-v-col{
}
.gbs-v-col li{
display:flex;
justify-content:space-between;
padding:24px 0;
border-bottom:1px solid #000;
}
.gbs-v-col li:first-child{
padding-top:0;
}
.gbs-v-col li:last-child{
padding-bottom:0;
border:0;
}


.gbs-v-photo{
width:373px;
margin:0;
}
.gbs-v-txt{
width:787px;
}

.gbs-v-name{}

.gbs-v dt{
font-size:20px;
line-height:1.2;
margin:0 0 16px;
font-weight:bold;
}
.gbs-v dd{
font-size:16px;
line-height:1.75;
margin:0 0 24px;
}



.craft-course-links{
background:#008145;
padding:0 0 16px;
}
.course-md{
text-align:center;
line-height:45px;
font-size:20px;
color:#fff;
}

.annul-md{
background:#42AD81;
color:#fff;
text-align:center;
font-size:20px;
line-height:45px;
margin-bottom:2px;
}

.craft-course-links-wrap{
width:100%;
background:#42AD81;
margin-bottom:2px;
}

.craft-course-links-wrap-half{
width:100%;
background: linear-gradient(to right, #42AD81 50%, transparent 50%);
margin:0 auto 16px;
}


.craft-course-list{
width:1200px;
margin:0 auto;
display:flex;
gap:2px;
}
.craft-course-list li{
width:599px;
display:flex;
justify-content:space-between;
background:#42AD81;
position:relative;
align-items:center;
padding:0;
margin:0;
}
.craft-course-list li a{
position:absolute;
inset:0;
z-index:1;
}
.cc-thumb{
width:187px;
}
.cc-txt{
width:398px;
color:#fff;
font-size:22px;
line-height:1.7;
position:relative;
padding-right:32px;
}
.cc-txt .icon-arrow-right{
position:absolute;
top:50%;
right:16px;
transform:translateY(-50%) rotate(45deg);
}
.cc-txt span{
display:block;
font-size:16px;
}


/* dotsをスライダーラッパーの24px下に配置（装飾自体は共通の .l-slider ルールを流用） */
.gbs-slider .swiper-container.swiper-container-initialized {
padding-bottom:42px !important;
}

/* 矢印ボタン：40x40の黒square、画像の上から82px・左右に20pxはみ出す配置（黒背景・アイコン反転は共通の .l-slider ルールを流用） */
.gbs-slider .swiper-button-prev,
.gbs-slider .swiper-button-next {
width:40px !important;
height:40px !important;
margin-top:0 !important;
top:82px !important;
}
.gbs-slider .swiper-button-prev {
left:-20px !important;
}
.gbs-slider .swiper-button-next {
right:-20px !important;
}






/* END PC CSS */
}