@charset "UTF-8";
.second-text{width:100%;padding-bottom: 0;}
.more{background:#666;color:#fff;font-weight:bold;padding:4% 0;text-align:center;border-radius:40px;position:relative;}
.more:after{content: "\f105";font-family: 'icon';position:absolute;right:4vw;}
.intr{width:90%;margin: 0 auto 12vw;}

.info .title{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:5% 0;text-align:center;font-family: 'Josefin Sans';color: #666;font-size: 6vw;letter-spacing: 2px;margin-bottom:5vw;}
.info .title span{display:block;font-size:60%;margin-top:2vw;}
.group-title { text-align: center; }
.group-title .en { margin-bottom: 3vw; }
.group { padding: 2vw 0 4vw; }
.group-items { width: 90vw; margin: auto; }
.group-items li {width: 100%;margin-bottom: 12vw;}
.group-items li.cosme .group-item-title .small { color: #97c2d8; }
.group-items li.aesthetic .group-item-title .small { color: #db9fb5; }
.group-items li.hair .group-item-title .small { color: #9cba75; }
.group-items li.eyelash .group-item-title .small { color: #bd8de1; }
.group-items li.nail .group-item-title .small { color: #e0b64a; }
.group-item-image { width: 100%; }
.group-item-text { padding-top: 6.5vw; position: relative; }
.group-item-title { margin-bottom: 2.5vw; }
.group-item-title .small { margin-bottom: 1vw; font-size: 3.16vw; font-family: 'Josefin Sans'; letter-spacing: 0.2vw; display: block; }
.group-item-title .big {font-size: 6.84vw;font-family: freight-big-pro;font-weight: 400;letter-spacing: 0.5vw;display: block;line-height: 1;}
.group-item-comment { margin-bottom: 5vw; }
.group-item-comment p { font-size: 3.68vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }
.group-item-batch { width: 20vw; z-index: 1; position: absolute; top: -10vw; right: 0; }

.company{width:90%;margin:0 auto;}
.company .set{margin-bottom:12%;}
.company .title{font-size: 5vw;font-family: var(--mincho);font-weight: 600;padding-bottom: 4%;margin-bottom: 4%;border-bottom: 1px solid #9f9f9f;}
.company table{width:100%;font-family: 'Josefin Sans';}
.company tr{border-bottom:1px dotted #ddd;}
.company tr:nth-last-child(1){border-bottom:none;}
.company th,.company td{display:inline-block;vertical-align:middle;padding: 4% 2%;line-height:1.4;}
.company th{width:35%;}
.company td{width:60%;}

.map iframe{width:100%;height:60vw;}

.kata{margin: 0 auto 7vw;padding: 5%;border-top: 1px solid #ccc;}
.kata img{width:80%;margin:0 auto;}
.kata .title{font-family: var(--mincho);font-weight: 600;margin: 0 auto 6vw;font-size: 5.2vw;line-height: 1.6;}
.kata .center{text-align: center;}

.sdgs{margin-bottom:10vw;}
.sdgs .mds img{width:40%;margin: 0 auto 5vw;}
.sdgs .mds .title{font-family: var(--mincho);font-weight: 600;font-size: 5.2vw;line-height: 1.6;text-align: center;margin-bottom: 5vw;}
.sdgs .info{width:90%;margin: 0  auto 5vw;border:1px solid #ccc;padding: 8%;}
.sdgs .info .tit{text-align:center;font-weight:bold;}
.sdgs ul{width:90%;margin:0 auto;}
.sdgs li{background:#ccc;padding:5%;margin-bottom:5%;}
.sdgs li img{width:20%;margin: 0 auto 5%;}
.sdgs li p{font-family: var(--mincho);border-top: 1px dashed #ccc;padding-top: 5%;}

.sdgs li:nth-child(1){background:#f5fcf6;}
.sdgs li:nth-child(2){background:#fdfafa;}
.sdgs li:nth-child(3){background:#fbf6f7;}
.sdgs li:nth-child(4){background:#fcfbf9;}
.sdgs li:nth-child(5){background:#f6f9fb;}

@media screen and (min-width: 736px) {
.more{width:500px;padding:20px;margin:0 auto;}
.more:after{right:30px;}
.intr{width:80%;margin-bottom:100px;}

.info .title{font-size:30px;padding:30px 0;margin-bottom: 30px;}
.info .title span{margin-top: 7px;font-size: 16px;}
.group {padding: 20px 0 50px 0;}
.group-title .en { margin-bottom: 15px; }
.group-items { width: 95%; max-width: 1760px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.group-items li {width: 40%;margin: 0 1.5% 80px;}
.group-item-text { padding-top: 30px; }
.group-item-title { margin-bottom: 15px; }
.group-item-title .small {margin-bottom: 4px;font-size: 15px;letter-spacing: 1px;}
.group-item-title .big { font-size: 34px; letter-spacing: 1px; }
.group-item-comment { margin-bottom: 30px; }
.group-item-comment p { font-size: 15px; }
.group-item-batch {width: 90px;top: -45px;}
.company .title{font-size:26px;padding: 20px 10px;margin-bottom: 20px;}
.company th, .company td{padding: 20px;}
.company th{width: 20%;}
.map iframe{height:600px;}

.kata{padding:70px 0;margin-bottom: 50px;}
.kata .in{width:900px;margin:0 auto;}
.kata img{width:500px;}
.kata .title{font-size:30px;margin-bottom: 30px;text-align: center;}
.kata p{text-align: center;}

.sdgs .mds{width:900px;margin:0 auto;text-align:center;}
.sdgs .mds img{display:inline-block;width: 205px;margin-bottom: 0;vertical-align: middle;}
.sdgs .mds .title{width: 580px;font-size: 36px;display:inline-block;margin-bottom: 0;vertical-align: middle;margin-left: 30px;}
.sdgs .info{width:900px;margin: 40px auto 70px;padding: 50px;}
.sdgs .info .tit{font-size:24px;letter-spacing:4px;margin-bottom: 15px;}
.sdgs .more{width:400px;}
.sdgs ul{margin: auto;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.sdgs li{width: 49%;padding: 30px;margin-bottom: 2%;}
.sdgs li img{width:145px;}
.sdgs li p{margin-bottom:0;}
}

@media screen and (min-width: 1200px) {
.intr{width:1000px;}
.group-item-batch{width: 110px;top: -57px;}
.company{width:96%;text-align:center;margin-bottom:80px;}
.company .set{display:inline-block;width:30%;margin:0 1%;}
.company th, .company td{text-align:left;}
.company th{width: 130px;}

.group-items{width: 1100px;}
.group-item-title .big{font-size:28px;}
    
.sdgs ul{-webkit-justify-content: center;justify-content: center;}
.sdgs li{width: 32%;padding: 30px;margin-bottom: 2%;}

@media screen and (min-width: 1500px) {
.sdgs{margin-bottom:0;}
.sdgs ul{width:100%;}
.sdgs li{width: 20%;margin-bottom: 0;}
}
}