@charset "UTF-8";
/* CSS Document */

:root{
    --navwidth:inherit;
    --boxnarrow_width:inherit;
    --navgation_height:70px;
}
.flex{
    flex-direction: column;
}

#vis #slider>div{
    aspect-ratio: inherit;
    background-size: auto 100%;
    height: 70vh;
}
#vis>h2{
    font-size: 5vw;
    top: 1em;
    left: 1em;
}
#member .items>div{
    width: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#aboutus .item1,
#aboutus .item1 figure,
#speciality .items>div,
#services .item .flex>figure,
#services .item .flex>figure+.caption,
#services .sample h4,
#onlineshop .item>figure,
#onlineshop .item>figure+.caption,
#member .group,
#member .group>div:first-child,
#member .group>div:first-child h3{
    width:inherit;
}
#services .sample h4{
    border-right: none;
    border-bottom: 1px solid #577C9D;
}
#member .group.flex .flex{
    flex-direction: row;
}

.pc{
	display:none;
}
.smp{
	display:inherit;
}
.pc-center{/* PC時のみセンタリング */
	text-align:left;
}
.smp-center{
	text-align:center;
}
.smp-left{
	text-align:left;
}

/* レイアウト */
/* スマホ時 float無しの1列レイアウトに（初期設定） */
.flex .col-2,
.flex .col-3,
.flex .col-4,
.flex .col-5,
.flex .col-6,
.flex .col-7,
.flex .col-8,
.flex .col-9,
.flex .col-10{
	float:none;
	width:100%;
	box-sizing:border-box;
	padding:0 0.5em; 
}

.flex .smp-col-6{/* スマホ時でも2列レイアウト */
	width:50%;
	float:left;
}

main{
    padding-top: 10vh;
}
nav#global{
    width: 100vw;
    height: auto;
    justify-content: flex-start;
    padding: .75em;
    align-items: center;
}
nav#global h1{
    width: 11vw;
    margin: 0 auto;
}
nav#global>ul{
    display: none;
    text-align: center;
}
#services .item .flex{
    margin: 0;
}
#services .item .flex>figure,
#onlineshop .item figure{
    margin-bottom: 1.2em;
}
#smpbtn{
    position: fixed;
    top:.95em;
    right: .75em;
    margin: 0;
}
#smpbtn a{
    display: block;
    width: 35px;
    height: 35px;
    background: url("../img/icon_menu1.svg") no-repeat center/80% auto;
    text-indent: -9999em;
}
#smpbtn a.open{
    background-image: url("../img/icon_menu2.svg");
}