@charset "UTF-8";

/*===============================
common
===============================*/
img {
	width: 100%;
}
#guide {
	padding: 4% 4%;
	background: #fff;
}

/* pc */
@media (min-width: 768px) {
	#content {
		width: auto !important;
	}
	.content-wrap {
		margin: 0 auto;
		padding-bottom: 30px;
		width: 640px;
		background: #FFF;
		box-shadow: 16px 0px 15px -15px rgb(0 0 0 / 50%), -16px 0px 15px -15px rgb(0 0 0 / 50%);
	}
	body {
        width: 100%;
		background: url(https://d2w53g1q050m78.cloudfront.net/cosmecollegecom/uploads/hiritu/hrt-brsm/img/bg_pc.webp) no-repeat;
        background-attachment: fixed;
		background-size: cover;
    }
	#pageTop p {
		padding-left: 8px;
	}
	.component-block {
		padding-top: 3%;
	}
}



/*===============================
cv
===============================*/
.brsm-ver .cv-main-block-arr {
    top: 47%;
}
.cv-others-block {
    flex-wrap: nowrap;
    justify-content: baseline;
}
.brsm-ver .cv-others-block {
    top: auto;
    left: 1%;
    bottom: 3.5%;
    column-gap: .5%;
    width: 95%;
   
}
.brsm-ver .cv-others-block.cv-others-block-arr {
    top: auto;
}


.brsm-ver .cv-single-block {
    top: 57.6%;
}
.cv-single-block a:nth-of-type(-n+2) {
    margin-bottom: 20%;
}

/*===============================
FAQ
===============================*/
.faq-link-btn {
	position: absolute;
	bottom: 5.2%;
	left: 7%;
	width: 83.5%;
	transition: 200ms;
}
.faq-link-btn:hover {
	opacity: .8;
	transition: 200ms;
}


/* 3,4点セット　CV */
.btn_group {
	position: absolute;
    top: 45.3%;
    width: 87%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.cv-btn-top {
	display: flex;
    margin-bottom: 21%;
}
.cv-btn-mid {
	display: flex;
    margin-bottom: 73%;
}
.cv-btn-btm {
	display: flex;
}
.cv-others-block-inner {
    position: absolute;
    bottom: 1.5%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.brsm-ver .cv-others-block-inner a {
    width: 50%;
}
.brsm-ver .cv-others-block {
	left: .5%;
    bottom: 2.5%;
}
.brsm-ver .cv-others-block-inner {
	flex-wrap: nowrap;
    column-gap: .5%;
}
.brsm-ver .cv-others-block-inner a:nth-child(odd)
 {
    left: 0;
}