@charset "UTF-8";
/* CSS Document */
html{line-height: 1; width: 100%; box-sizing: border-box; font-size: 62.5%;}
h1,h2,h3,h4,h5,p {margin: 0; border: 0; padding: 0;}
a{color: #fff; text-decoration: none;}
ul,li{list-style-type: none;}

body{width: 100%;}
.bgpack{min-height: 100vh; background: url("../img/hss_bg3.jpg") top / cover;}
/*header*/
header{position: relative; display: grid; grid-template-columns: 12.5% repeat(3, 1fr) 12.5%; grid-template-rows: auto; width: 100%; height: auto; padding: 20px 0;}
.en{font-family: adobe-garamond-pro, sans-serif; font-weight: 400; font-style: normal;}
.en2{font-family: kinescope,sans-serif; font-weight: 400; font-style: normal;}
.jp{font-family: yu-gothic-pr6n, sans-serif; font-weight: 400; font-style: normal;}
#home,#concept,#product{font-size: 1.6rem;}
.boxa{grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; text-align: left;}
.boxb{grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2; text-align: center;}
.boxc{grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; text-align: right;}
/*body*/
/*section-maintitle*/
.mtitle{margin-bottom: 222px; padding-top: 20px; padding-left: 12.5%; font-size: 3.2rem; line-height: 0; color: #ffffff;}
.stitle{width: 50%; padding: 1.5rem 12.5% 1.5rem 12.5%; font-size: 1.4rem; background-color: #ffffff;}
.stitle2{padding: 333px 12.5% 20px 12.5%; font-size: 1.2rem; color: #ffffff;}

/*section-conts*/
#cut,#color,#perm,#hs,#treatment,#headspa{display: grid; grid-template-columns: 5% repeat(2, 1fr) 5%; grid-template-rows: auto; width: 100%; color: #000000;}
.menudetails{line-height: 1.75rem;}

.cuta{grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; text-align: left; padding: 3rem 0 1rem; font-size: 1.6rem;}
.cutc{grid-column-start: 2; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; text-align: left; padding-bottom: 2rem; font-size: 1.2rem;}
.cute{grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; text-align: left; font-size: 1.4rem;}
.cutf{grid-column-start: 3; grid-column-end: 4; grid-row-start: 3; grid-row-end: 4; text-align: left; padding-bottom: 1rem; font-size: 1.4rem;}
.cutg{grid-column-start: 2; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5; text-align: left; font-size: 1.4rem;}
.cuth{grid-column-start: 3; grid-column-end: 4; grid-row-start: 4; grid-row-end: 5; text-align: left; padding-bottom: 1rem; font-size: 1.4rem;}
.cuti{grid-column-start: 2; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6; text-align: left; font-size: 1.4rem;}
.cutj{grid-column-start: 3; grid-column-end: 4; grid-row-start: 5; grid-row-end: 6; text-align: left; font-size: 1.4rem;}

.colora{grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; text-align: left; padding: 5rem 0 1rem; font-size: 1.6rem;}
.colorc{grid-column-start: 2; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; text-align: left; padding-bottom: 2rem; font-size: 1.2rem;}
.colore{grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; text-align: left; font-size: 1.4rem;}
.colorf{grid-column-start: 3; grid-column-end: 4; grid-row-start: 3; grid-row-end: 4; text-align: left; padding-bottom: 1rem; font-size: 1.4rem;}
.colorg{grid-column-start: 2; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5; text-align: left; font-size: 1.4rem;}
.colorh{grid-column-start: 3; grid-column-end: 4; grid-row-start: 4; grid-row-end: 5; text-align: left; padding-bottom: 1rem; font-size: 1.4rem;}
.colori{grid-column-start: 2; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6; text-align: left; font-size: 1.4rem;}
.colorj{grid-column-start: 3; grid-column-end: 4; grid-row-start: 5; grid-row-end: 6; text-align: left; padding-bottom: 1rem; font-size: 1.4rem;}
.colork{grid-column-start: 2; grid-column-end: 3; grid-row-start: 6; grid-row-end: 7; text-align: left; font-size: 1.4rem;}
.colorl{grid-column-start: 3; grid-column-end: 4; grid-row-start: 6; grid-row-end: 7; text-align: left; font-size: 1.4rem;}

.perma{grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; text-align: left; padding: 5rem 0 1rem; font-size: 1.6rem;}
.permc{grid-column-start: 2; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; text-align: left; padding-bottom: 2rem; font-size: 1.2rem;}
.perme{grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; text-align: left; font-size: 1.4rem;}
.permf{grid-column-start: 3; grid-column-end: 4; grid-row-start: 3; grid-row-end: 4; text-align: left; padding-bottom: 1rem; font-size: 1.4rem;}
.permg{grid-column-start: 2; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5; text-align: left; font-size: 1.4rem;}
.permh{grid-column-start: 3; grid-column-end: 4; grid-row-start: 4; grid-row-end: 5; text-align: left; padding-bottom: 1rem; font-size: 1.4rem;}
.permi{grid-column-start: 2; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6; text-align: left; font-size: 1.4rem;}
.permj{grid-column-start: 3; grid-column-end: 4; grid-row-start: 5; grid-row-end: 6; text-align: left; padding-bottom: 1rem; font-size: 1.4rem;}
.permk{grid-column-start: 2; grid-column-end: 4; grid-row-start: 6; grid-row-end: 7; text-align: left; font-size: 1.2rem;}

.hsa{grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; text-align: left; padding: 5rem 0 1rem; font-size: 1.6rem;}
.hsc{grid-column-start: 2; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; text-align: left; padding-bottom: 2rem; font-size: 1.2rem;}
.hse{grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; text-align: left; font-size: 1.4rem;}
.hsf{grid-column-start: 3; grid-column-end: 4; grid-row-start: 3; grid-row-end: 4; text-align: left; padding-bottom: 1rem; font-size: 1.4rem;}
.hsg{grid-column-start: 2; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5; text-align: left; font-size: 1.4rem;}
.hsh{grid-column-start: 3; grid-column-end: 4; grid-row-start: 4; grid-row-end: 5; text-align: left; padding-bottom: 1rem; font-size: 1.4rem;}
.hsi{grid-column-start: 2; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6; text-align: left; font-size: 1.4rem;}
.hsj{grid-column-start: 3; grid-column-end: 4; grid-row-start: 5; grid-row-end: 6; text-align: left; font-size: 1.4rem;}

.treatmenta{grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; text-align: left; padding: 5rem 0 1rem; font-size: 1.6rem;}
.treatmentc{grid-column-start: 2; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; text-align: left; padding-bottom: 2rem; font-size: 1.2rem;}
.treatmente{grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; text-align: left; font-size: 1.4rem;}
.treatmentf{grid-column-start: 3; grid-column-end: 4; grid-row-start: 3; grid-row-end: 4; text-align: left; padding-bottom: 0.5rem; font-size: 1.4rem;}
.treatmentg{grid-column-start: 2; grid-column-end: 4; grid-row-start: 4; grid-row-end: 5; text-align: left; padding-bottom: 3rem; font-size: 1.2rem; line-height: 1.5rem}
.treatmenti{grid-column-start: 2; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6; text-align: left; font-size: 1.4rem;}
.treatmentj{grid-column-start: 3; grid-column-end: 4; grid-row-start: 5; grid-row-end: 6; text-align: left; padding-bottom: 0.5rem; font-size: 1.4rem;}
.treatmentk{grid-column-start: 2; grid-column-end: 4; grid-row-start: 6; grid-row-end: 7; text-align: left; padding-bottom: 3rem; font-size: 1.2rem; line-height: 1.5rem}
.treatmentm{grid-column-start: 2; grid-column-end: 3; grid-row-start: 7; grid-row-end: 8; text-align: left; font-size: 1.4rem;}
.treatmentn{grid-column-start: 3; grid-column-end: 4; grid-row-start: 7; grid-row-end: 8; text-align: left; padding-bottom: 0.5rem; font-size: 1.4rem;}
.treatmento{grid-column-start: 2; grid-column-end: 4; grid-row-start: 8; grid-row-end: 9; text-align: left; padding-bottom: 1rem; font-size: 1.2rem; line-height: 1.5rem}

.hs2a{grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; text-align: left; padding: 5rem 0 1rem; font-size: 1.6rem;}
.hs2c{grid-column-start: 2; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; text-align: left; padding-bottom: 2rem; font-size: 1.2rem;}
.hs2e{grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; text-align: left; font-size: 1.4rem;}
.hs2f{grid-column-start: 3; grid-column-end: 4; grid-row-start: 3; grid-row-end: 4; text-align: left; padding-bottom: 0.5rem; font-size: 1.4rem;}
.hs2g{grid-column-start: 2; grid-column-end: 4; grid-row-start: 4; grid-row-end: 5; text-align: left; padding-bottom: 0.5rem; font-size: 1rem;}
.hs2i{grid-column-start: 2; grid-column-end: 4; grid-row-start: 5; grid-row-end: 6; text-align: left; padding-bottom: 1rem; font-size: 1.2rem; line-height: 1.5rem}
.hs2k{grid-column-start: 2; grid-column-end: 4; grid-row-start: 6; grid-row-end: 7; text-align: left; padding-bottom: 0.5rem; font-size: 1rem;}
.hs2m{grid-column-start: 2; grid-column-end: 4; grid-row-start: 7; grid-row-end: 8; text-align: left; padding-bottom: 3rem; font-size: 1.2rem; line-height: 1.5rem}
.hs2o{grid-column-start: 2; grid-column-end: 3; grid-row-start: 8; grid-row-end: 9; text-align: left; font-size: 1.4rem;}
.hs2p{grid-column-start: 3; grid-column-end: 4; grid-row-start: 8; grid-row-end: 9; text-align: left; padding-bottom: 0.5rem; font-size: 1.4rem;}
.hs2q{grid-column-start: 2; grid-column-end: 4; grid-row-start: 9; grid-row-end: 10; text-align: left; padding-bottom: 0.5rem; font-size: 1rem;}
.hs2s{grid-column-start: 2; grid-column-end: 4; grid-row-start: 10; grid-row-end: 11; text-align: left; padding-bottom: 1rem; font-size: 1.2rem; line-height: 1.5rem}
.hs2u{grid-column-start: 2; grid-column-end: 4; grid-row-start: 11; grid-row-end: 12; text-align: left; padding-bottom: 0.5rem; font-size: 1rem;}
.hs2w{grid-column-start: 2; grid-column-end: 4; grid-row-start: 12; grid-row-end: 13; text-align: left; padding-bottom: 1rem; font-size: 1.2rem; line-height: 1.5rem}
.hs2y{grid-column-start: 2; grid-column-end: 4; grid-row-start: 13; grid-row-end: 14; text-align: left; padding-bottom: 0.5rem; font-size: 1rem;}
.hs20{grid-column-start: 2; grid-column-end: 4; grid-row-start: 14; grid-row-end: 15; text-align: left; padding-bottom: 2rem; font-size: 1.2rem; line-height: 1.5rem}

/*section-info*/
#info{padding-top: 100px; display: grid; grid-template-columns: 12.5% repeat(3, 1fr) 12.5%; grid-template-rows: auto; width: 100%; color: #000000;}
.a{grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; text-align: left; margin-bottom: 10px;}
.d{grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; text-align: left;}
.e{grid-column-start: 3; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; text-align: center;}
.f{grid-column-start: 4; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; text-align: right; margin-bottom: 20px;}

.g{grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; text-align: left; margin-bottom: 10px;}
.j{grid-column-start: 2; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5; text-align: left;}
.k{grid-column-start: 3; grid-column-end: 4; grid-row-start: 4; grid-row-end: 5; text-align: center; margin-bottom: 5px;}
.m{grid-column-start: 2; grid-column-end: 3; grid-row-start: 6; grid-row-end: 7; text-align: left;}
.n{grid-column-start: 3; grid-column-end: 4; grid-row-start: 6; grid-row-end: 7; text-align: center; margin-bottom: 20px;}

.p{grid-column-start: 2; grid-column-end: 3; grid-row-start: 7; grid-row-end: 8; text-align: left; margin-bottom: 10px;}
.s{grid-column-start: 2; grid-column-end: 3; grid-row-start: 8; grid-row-end: 9; text-align: left;}
.t{grid-column-start: 3; grid-column-end: 4; grid-row-start: 8; grid-row-end: 9; text-align: center;}
.u{grid-column-start: 4; grid-column-end: 5; grid-row-start: 8; grid-row-end: 9; text-align: right;}

.n a{color: #000;}

.title{font-size: 1.3rem;}
.details{font-size: 1.4rem;}

footer{padding: 100px 0 75px; text-align: center; color: #000000;}
footer .p{font-size: 1.2rem;}

@media screen and (min-width:600px){
	/*header{background-color: #fff;}*/
	.bgpack{background: url("../img/hss_bg_land5.jpg") top / cover; margin-bottom: 25px;}
	.stitle{width: 20%; padding: 1.5rem 5% 1.5rem 5%; font-size: 1.4rem; background-color: #ffffff;}
	#conts{display: grid; grid-template-columns: 2.5% repeat(2, 1fr) 2.5%; grid-template-rows: auto; width: 100%;}
	#cut{grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; margin: 0; padding: 0; border: 0.1rem solid;}
	#color{grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; margin: 0; padding: 0; border: 0.1rem solid;}
	#perm{grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 5; margin: 0; padding: 0; border: 0.1rem solid;}
	#hs{grid-column-start: 3; grid-column-end: 4; grid-row-start: 3; grid-row-end: 4; margin: 0; padding: 0; border: 0.1rem solid;}
	#treatment{grid-column-start: 2; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6; margin: 0; padding: 0; border: 0.1rem solid;}
	#headspa{grid-column-start: 3; grid-column-end: 4; grid-row-start: 5; grid-row-end: 7; margin: 0; padding: 0; border: 0.1rem solid;}
	#cut,#color,#perm,#hs,#treatment,#headspa{display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; margin: 1rem; padding: 2rem; width: auto; color: #000000;}
	
	.cuta{grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; text-align: left; padding: 0 0 0.5rem;}
    .cutc{grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; text-align: left; padding: 0 0 1rem;}
    .cute{grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 4; text-align: left;}
    .cutf{grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; text-align: left; padding-bottom: 1rem;}
    .cutg{grid-column-start: 1; grid-column-end: 2; grid-row-start: 4; grid-row-end: 5; text-align: left;}
    .cuth{grid-column-start: 2; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5; text-align: left; padding-bottom: 1rem;}
    .cuti{grid-column-start: 1; grid-column-end: 2; grid-row-start: 5; grid-row-end: 6; text-align: left;}
    .cutj{grid-column-start: 2; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6; text-align: left;}

    .colora{grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; text-align: left; padding: 0 0 0.5rem;}
    .colorc{grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; text-align: left; padding-bottom: 1rem;}
    .colore{grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 4; text-align: left; padding-bottom: 1rem;}
    .colorf{grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; text-align: left; padding-bottom: 1rem;}
    .colorg{grid-column-start: 1; grid-column-end: 2; grid-row-start: 4; grid-row-end: 5; text-align: left;}
    .colorh{grid-column-start: 2; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5; text-align: left; padding-bottom: 1rem;}
    .colori{grid-column-start: 1; grid-column-end: 2; grid-row-start: 5; grid-row-end: 6; text-align: left;}
    .colorj{grid-column-start: 2; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6; text-align: left; padding-bottom: 1rem;}
    .colork{grid-column-start: 1; grid-column-end: 2; grid-row-start: 6; grid-row-end: 7; text-align: left;}
    .colorl{grid-column-start: 2; grid-column-end: 3; grid-row-start: 6; grid-row-end: 7; text-align: left;}

    .perma{grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; text-align: left; padding: 0 0 0.5rem;}
    .permc{grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; text-align: left; padding-bottom: 1rem;}
    .perme{grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 4; text-align: left;}
    .permf{grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; text-align: left; padding-bottom: 1rem;}
    .permg{grid-column-start: 1; grid-column-end: 2; grid-row-start: 4; grid-row-end: 5; text-align: left;}
    .permh{grid-column-start: 2; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5; text-align: left; padding-bottom: 1rem;}
    .permi{grid-column-start: 1; grid-column-end: 2; grid-row-start: 5; grid-row-end: 6; text-align: left;}
    .permj{grid-column-start: 2; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6; text-align: left; padding-bottom: 1rem;}
    .permk{grid-column-start: 1; grid-column-end: 3; grid-row-start: 6; grid-row-end: 7; text-align: left;}

    .hsa{grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; text-align: left; padding: 0 0 0.5rem;}
    .hsc{grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; text-align: left; padding-bottom: 1rem;}
    .hse{grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 4; text-align: left;}
    .hsf{grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; text-align: left; padding-bottom: 1rem;}
    .hsg{grid-column-start: 1; grid-column-end: 2; grid-row-start: 4; grid-row-end: 5; text-align: left;}
    .hsh{grid-column-start: 2; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5; text-align: left; padding-bottom: 1rem;}
    .hsi{grid-column-start: 1; grid-column-end: 2; grid-row-start: 5; grid-row-end: 6; text-align: left;}
    .hsj{grid-column-start: 2; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6; text-align: left;}

    .treatmenta{grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; text-align: left; padding: 0 0 0.5rem;}
    .treatmentc{grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; text-align: left; padding-bottom: 1rem;}
    .treatmente{grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 4; text-align: left;}
    .treatmentf{grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; text-align: left; padding-bottom: 0.5rem;}
    .treatmentg{grid-column-start: 1; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5; text-align: left; padding-bottom: 3rem; line-height: 1.5rem}
    .treatmenti{grid-column-start: 1; grid-column-end: 2; grid-row-start: 5; grid-row-end: 6; text-align: left;}
    .treatmentj{grid-column-start: 2; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6; text-align: left; padding-bottom: 0.5rem;}
    .treatmentk{grid-column-start: 1; grid-column-end: 3; grid-row-start: 6; grid-row-end: 7; text-align: left; padding-bottom: 3rem; line-height: 1.5rem}
    .treatmentm{grid-column-start: 1; grid-column-end: 2; grid-row-start: 7; grid-row-end: 8; text-align: left;}
    .treatmentn{grid-column-start: 2; grid-column-end: 3; grid-row-start: 7; grid-row-end: 8; text-align: left; padding-bottom: 0.5rem;}
    .treatmento{grid-column-start: 1; grid-column-end: 3; grid-row-start: 8; grid-row-end: 9; text-align: left; padding-bottom: 0; line-height: 1.5rem}

    .hs2a{grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; text-align: left; padding: 0 0 0.5rem;}
    .hs2c{grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; text-align: left; padding-bottom: 1rem;}
    .hs2e{grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 4; text-align: left; padding-bottom: 0.5rem;}
    .hs2f{grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; text-align: left; padding-bottom: 0.5rem;}
    .hs2g{grid-column-start: 1; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5; text-align: left; padding-bottom: 0.5rem;}
    .hs2i{grid-column-start: 1; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6; text-align: left; padding-bottom: 1rem; line-height: 1.5rem}
    .hs2k{grid-column-start: 1; grid-column-end: 3; grid-row-start: 6; grid-row-end: 7; text-align: left; padding-bottom: 0.5rem;}
    .hs2m{grid-column-start: 1; grid-column-end: 3; grid-row-start: 7; grid-row-end: 8; text-align: left; padding-bottom: 3rem; line-height: 1.5rem}
    .hs2o{grid-column-start: 1; grid-column-end: 2; grid-row-start: 8; grid-row-end: 9; text-align: left; padding-bottom: 0.5rem;}
    .hs2p{grid-column-start: 2; grid-column-end: 3; grid-row-start: 8; grid-row-end: 9; text-align: left; padding-bottom: 0.5rem;}
    .hs2q{grid-column-start: 1; grid-column-end: 3; grid-row-start: 9; grid-row-end: 10; text-align: left; padding-bottom: 0.5rem;}
    .hs2s{grid-column-start: 1; grid-column-end: 3; grid-row-start: 10; grid-row-end: 11; text-align: left; padding-bottom: 1rem; line-height: 1.5rem}
    .hs2u{grid-column-start: 1; grid-column-end: 3; grid-row-start: 11; grid-row-end: 12; text-align: left; padding-bottom: 0.5rem;}
    .hs2w{grid-column-start: 1; grid-column-end: 3; grid-row-start: 12; grid-row-end: 13; text-align: left; padding-bottom: 1rem; line-height: 1.5rem}
    .hs2y{grid-column-start: 1; grid-column-end: 3; grid-row-start: 13; grid-row-end: 14; text-align: left; padding-bottom: 0.5rem;}
    .hs20{grid-column-start: 1; grid-column-end: 3; grid-row-start: 14; grid-row-end: 15; text-align: left; padding-bottom: 0; line-height: 1.5rem}
    }
	
@media screen and (min-width:1025px){
	/*header{background-color: #fff;}*/
	.bgpack{margin-bottom: 50px;}
	#conts{display: grid; grid-template-columns: 2.5% repeat(3, 1fr) 2.5%; grid-template-rows: auto; width: 100%;}
	#cut{grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; margin: 1rem; padding: 2rem; border: 0.1rem solid;}
	#color{grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; margin: 1rem; padding: 2rem; border: 0.1rem solid;}
	#perm{grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end: 4; margin: 1rem; padding: 2rem; border: 0.1rem solid;}
	#hs{grid-column-start: 2; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5; margin: 1rem; padding: 2rem; border: 0.1rem solid;}
	#treatment{grid-column-start: 3; grid-column-end: 4; grid-row-start: 4; grid-row-end: 6; margin: 1rem; padding: 2rem; border: 0.1rem solid;}
	#headspa{grid-column-start: 4; grid-column-end: 5; grid-row-start: 4; grid-row-end: 7; margin: 1rem; padding: 2rem; border: 0.1rem solid;}
}