@charset "UTF-8";

/* common */
.container {margin-bottom: 100px;}
.sec > figure {width: 848px; flex-shrink: 0;}
.sec .txt {padding: 30px 0 0 42px;}

.sec-tit {margin: 30px 0 0 0; letter-spacing: normal; line-height: 1.3; color: #0e1518; font-size: 32px; font-weight: 300;}
.txt .desc p {margin-top: 20px;}
.info {font-size: 15px; color: #999999; margin-top: 14px;} 
.sec .txt .desc h5{font-size: 18px; color: #0e1518; margin: 50px 0 40px;} 

/* cu */
.cu ul {margin-top: 40px;}
.cu ul li {border-bottom: 1px solid #dddddd; padding: 27px 0 15px;}
.cu ul li:first-child {padding-top: 0;}
.cu ul li p {color: #39b54a; font-size: 20px;}
.cu ul li div {width: 137px;}
.cu ul li div span {display: block; font-size: 18px;}
.cu ul li div > * {font-size: 18px; color: #0e1518;}
.cu .txt .desc p {margin-top: 27px;}


/* heyroo */
.heyroo .sec-tit {width: 70%;}
.heyroo .txt .desc p {margin-top: 50px;}
.content-wrap .sec + .sec {margin-top: 50px;}

.friends_wrap .desc h5 {font-size: 18px; color: #0e1518;}
.friends_wrap .desc p {color: #666; font-size: 15px; padding: 20px 0 50px 0;}
.friends figure {padding: 24px 0 0 122px;}
.video-area {max-width: 524px; width: 100%;}
.video-area .video {position: relative;}
.video-area .video > div {padding-top: 59.163%;}
.video-area .video iframe {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}

/* brand-logo */
.cu .brand-logo figure {width: 133px;}
.heyroo .brand-logo figure {width: 229px;}
.get .brand-logo figure {width: 98px;}
.delaffe .brand-logo figure {width: 291px;}
.pbick .brand-logo figure {width: 198px;}

@media screen and (max-width: 1440px) {
	/* common */
	.container {margin-bottom: 6.94vw;}
	.sec > figure {width: 58.89vw;}
	.sec .txt {padding: 2.08vw 0 0 2.92vw;}

	.sec-tit {margin: 2.08vw 0 0 0; font-size: 2.22vw; }
	.txt .desc p {margin-top: 1.39vw;}
	.info {font-size: 1.04vw;  margin-top: 0.97vw;} 
	.sec .txt .desc h5{font-size: 1.25vw;  margin: 3.47vw 0 2.78vw;} 

	/* cu */
	.cu ul {margin-top: 2.78vw;}
	.cu ul li {padding: 1.88vw 0 1.04vw;}
	.cu ul li p { font-size: 1.39vw;}
	.cu ul li div {width: 9.51vw;}
	.cu ul li div span { font-size: 1.25vw;}
	.cu ul li div > * {font-size: 1.25vw; }
	.cu .txt .desc p {margin-top: 1.88vw;}


	/* heyroo */
	.heyroo .txt .desc p {margin-top: 3.47vw;}
	.content-wrap .sec + .sec {margin-top: 3.47vw;}

	.friends_wrap .desc h5 {font-size: 1.25vw; }
	.friends_wrap .desc p { font-size: 1.04vw; padding: 1.39vw 0 3.47vw 0;}
	.friends figure {padding: 1.67vw 0 0 8.47vw;}
	.video-area {max-width: 36.39vw;}

	/* brand-logo */
	.cu .brand-logo figure {width: 9.24vw;}
	.heyroo .brand-logo figure {width: 15.90vw;}
	.get .brand-logo figure {width: 6.81vw;}
	.delaffe .brand-logo figure {width: 20.21vw;}
	.pbick .brand-logo figure {width: 13.75vw;}
}

@media screen and (max-width: 768px) {
	.content {padding-bottom: 11.90vw;}
	.content-wrap {padding-top: 9.52vw;}
	.sec.d-flex {display: block;}

	/* common */
	.container {margin-bottom: 0;}
	.sec > figure {width: 100%;}
	.sec .txt {padding: 4.76vw 0 0 0; line-height: normal;}	

	.sec-tit {margin: 3.57vw 0 0 0; font-size: 3.81vw; font-weight: 400; color: #0e1517;}
	.txt .desc p {margin-top: 1.90vw; font-size: 3.10vw; line-height: normal;}
	.info {font-size: 2.62vw; margin-top: 1.19vw; font-weight: 300;} 
	.sec .txt .desc h5{font-size: 3.57vw; margin-top: 3.57vw; font-weight: 500;} 

	/* cu */
	.cu ul {margin-top: 0;}
	.cu ul li {padding: 5.95vw 0 5.95vw 4.76vw;}
	.cu ul li:first-child {padding-top: 5.95vw;}
	.cu ul li p {color: #3bb149;; font-size: 3.10vw;}
	.cu ul li div {width: 25.00vw;}
	.cu ul li div span {display: block; font-size: 2.86vw; color: #999; margin-bottom: 0;}
	.cu ul li div strong {font-size: 2.86vw; color: #0e1517; font-weight: 300;}
	.cu .txt .desc p {margin-top: 4.76vw; font-size: 3.10vw;}
	

	/* heyroo */
	.heyroo .txt .desc p {margin-top: 3.57vw;}
	.content-wrap .sec + .sec {margin-top: 3.57vw;}

	.friends_wrap .d-flex {display: block;}
	.friends_wrap .desc h5 {font-size: 3.33vw; color: #0e1517; font-weight: 500; padding-bottom: 1.90vw;}
	.friends_wrap .desc p {color: #666; font-size: 3.10vw; padding: 0;}
	.friends figure {padding: 0; width: auto; height: auto;}
	.video-area {max-width: 100%;}

	/* delaffe */
	.delaffe .txt .desc p {padding-top: 4.76vw; margin-top: 0;}

	/* pbick */
	.pbick .txt .desc p {padding-top: 4.76vw; margin-top: 0;}

	/* brand-logo */
	.sec .txt .brand-logo figure {width: auto;}
	.sec .txt .brand-logo figure img {width: auto; height: 100%;}
	.cu .brand-logo figure {height: 9.05vw;}
	.heyroo .brand-logo figure {height: 8.10vw;}
	.get .brand-logo figure {height: 8.33vw;}
	.delaffe .brand-logo figure {height: 8.10vw;}
	.pbick .brand-logo figure {height: 8.10vw;}
}


@media screen and (max-width: 380px) {
	.info {font-size: 10px;} 
}

@media screen and (max-width: 370px) {
	.cu ul li div span {font-size: 10px;}
	.cu ul li div strong {font-size: 10px;}
}

@media screen and (max-width: 320px) {
	.content {padding-bottom: 38px;}
	.content-wrap {padding-top: 30px;}

	/* common */
	.sec .txt {padding: 15px 0 0 0;}

	.sec-tit {margin: 11px 0 0 0; font-size: 12px;}
	.txt .desc p {margin-top: 6px; font-size: 10px;}
	.info {margin-top: 4px;} 
	.sec .txt .desc h5{font-size: 11px; margin-top: 11px;} 

	/* cu */
	.cu .brand-logo figure {height: 29px;}
	.cu ul li {padding: 19px 0 19px 15px;}
	.cu ul li:first-child {padding-top: 19px;}
	.cu ul li p { font-size: 10px;}
	.cu ul li div {width: 80px;}
	.cu ul li div span {margin-bottom: 0;}
	.cu .txt .desc p {margin-top: 15px; font-size: 10px;}
	

	/* heyroo */
	.heyroo .brand-logo figure {height: 26px;}
	.heyroo .txt .desc p {margin-top: 11px;}
	.content-wrap .sec + .sec {margin-top: 11px;}

	.friends_wrap .desc h5 {font-size: 11px; padding-bottom: 6px;}
	.friends_wrap .desc p {font-size: 10px;}

	/* get */
	.get .brand-logo figure {height: 27px;}

	/* delaffe */
	.delaffe .brand-logo figure {height: 26px;}
	.delaffe .txt .desc p {padding-top: 15px;}

	/* pbick */
	.pbick .brand-logo figure {height: 26px;}
	.pbick .txt .desc p {padding-top: 15px;}
}