@media screen and (max-width:1080px) {
.footer { padding-bottom:clamp(6rem,30vw,12rem);}
}


@media screen and (max-width:960px) {
html, body {  }
body { min-width:320px; padding:0; }

.pc_no { display:block; }
br.pc_no { display:inline-block; }
.sp_no, br.sp_no { display:none; }
span.sp_no { display:none; }

p { line-height:1.8; }

.hm { margin: -3em 0 4em 0;}
.hm ul li a { font-size:1rem; padding:0.8rem; }

.group_box ul li, body.test .group_box ul li { width:49.5%; }

.instagram_box .index_area .index_box { width:100%; padding:0 0 1.5rem 0; box-sizing:border-box; }
.instagram_box .index_area .index_box a { align-items:flex-start; }

.recruit_box .index_area .index_box { width:50%; }


/*-- TEMPLATE ------------------------------------------------------------------------------------------*/

/*-- ARTICLE/ --*/
.article { }


img.full { width:calc(100% + 40px); max-width:100vw; margin-left:-20px; margin-right:-20px; }

h1 { font-size:3.0em; }
h2 { font-size:2.6em; letter-spacing:normal; }
h3 { font-size:2.2em; letter-spacing:normal; }
h4 { font-size:1.8em; letter-spacing:normal }
h5 { font-size:1.4em; letter-spacing:normal }

h2 .comment { font-size:0.5em; letter-spacing:normal }

.col3 { column-count:2; }

.greeting_box {padding-top:12rem; padding-bottom:12rem; }
.greeting_box h5 { font-size: 1.8em;}
	
.group_box { padding-bottom:11rem;}
.copy_box span { font-size:2.5rem; }
.slogan_box { margin-bottom:4rem; }
.slogan_box span { font-size:2.5rem; }
.info_box { padding-top: 6em; padding-bottom: 4em; }
.recruit_box, .staffonly_box { padding-top: 4em; padding-bottom: 4em; }
	
.resp100 { width:100%; }
.resp90 { width:90% !important; }
.resp80 { width:80% !important; }
.resp70 { width:70% !important; }
.resp60 { width:60% !important; }
.resp50 { width:50% !important; }
.resp48 { width:48% !important; }
.resp47 { width:47% !important; }
.resp40 { width:40% !important; }
.resp30 { width:30% !important; }
.resp20 { width:20% !important; }
.resp10 { width:10% !important; }

.resp66 { width:66.6% !important; }
.resp33 { width:33.3% !important; }
.resp49 { width:49% !important; }
.resp32 { width:32% !important; }

.resp_no { display: none; }
.resp_ma { margin:auto !important; }
.resp_column { flex-flow: column wrap; }

}




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

.logo img { width:15vw; height:10vw; }
.logo .smc { font-size:3vw; letter-spacing:0.1vw; }
.logo .name { font-size:8vw; letter-spacing:0.2vw; }
	
.logo.newlogo img { width:50vw; height:auto; }
.logo.newlogo2 img { width:50vw; height:auto; }
.logo.newlogo4 img { width:50vw; height:auto; }

.logo.newlogo3 { top:9%; left:5%; transform:translate(0,0); text-align:left; padding-left:20vw; }
.logo.newlogo3 img { position:absolute; width:18vw; height:14vw; display:inline-block; margin:0 auto; left:0; top:50%; transform:translate(0,-50%);  }
.logo.newlogo3 .smc { font-size:3vw; letter-spacing:0.1vw; }
.logo.newlogo3 .name { font-size:8vw; letter-spacing:0.2vw; }

.hm { margin: -2.5rem 0 1.5rem 0;}
.hm ul li a { font-size:0.9rem; padding:0.5rem; }
.navibar { margin:-3rem auto 1rem auto; }

.group_box ul li, body.test .group_box ul li { width:100%;  }
.greeting_box ul li { width:100%; padding:60px 0 0 0; box-sizing:border-box; min-width:0; }

.info_box ul { text-align:left; }
.info_box ul li { width:49%; margin:0; }

.index_box { width:49%; }
.index_box .icon { height:27.8vw; max-height:27.8vw; }
body.recruit .index_box { width:100%; margin:0; }
body.recruit .index_box a .title { border:none; }

.col2 { column-count:1; }

.header { height:50vw; }
	


}


@media screen and (max-width:480px) {
/*.slideshow { min-height:250px; }
.slideshow .item { width:144vw; height:81vw; margin:-6vw 0 0 -22vw; }
*/

.hm ul {  padding:0.25em; display:flex; flex-flow:row wrap; justify-content:flex-start;}
.hm ul li { width:33.3%; }

.info_box ul { text-align:center; }
.info_box ul li { width:80%; margin:auto; }

.index_box { width:100%; }
.index_box .icon { height:57.39vw; max-height:57.39vw; }

}

@media screen and (max-width:360px) {
	.hm ul li a { font-size:0.8rem;}
}