@charset "UTF-8";

/* fv */
.mypage_fv {
	background-image: url('./img/interview-tenant_fv.jpg');
}

/* Interview */
.mypage_tenant_name {
	color: #265D5F;
	background-color: rgba(255, 255, 255, 0.7);
	box-sizing: border-box;
	font-weight: 600;
	padding-bottom: .5rem;
	text-align: center;
	width: 100%;
}

.mypage_interview_block {
	border: solid 1px #265D5F;
	background-color: #fff;
	width: 100%;
}

.mypage_interview_text h4 {
	border-left: double 5px #265D5F;
	padding-left: 1rem;
	font-weight: 600;
}

/*===============================================
●スマホ用（700px未満）
===============================================*/
@media screen and (max-width:699px) {

	/* Interview */
	.mypage_tenant_name {
		font-size: 2.2rem;
		margin: 3rem 0 1rem;
		padding: 1rem;
	}

	.mypage_tenant_name span {
		font-size: 1.6rem;
	}

	.mypage_img_box {
		width: 100%;
	}

	.mypage_img_box img {
		width: 100%;
	}

	.mypage_interview_text {
		padding: 2rem 1rem;
	}

	.mypage_interview_text h4 {
		font-size: 1.8rem;
		margin-top: 2rem;
		margin-bottom: 1rem;
	}

	.mypage_interview_text h4:first-of-type {
		margin-top: 0;
	}

}

/*===============================================
●PC・タブレット用（700px以上）
===============================================*/
@media screen and (min-width:700px){

	/* Interview */
	.mypage_tenant_name {
		font-size: 2.4rem;
		margin: 4rem 0 2rem;
		padding: 1.2rem 0;
	}

	.mypage_tenant_name span {
		font-size: 2rem;
	}

	.mypage_img_box {
		display: block;
		margin: 0 auto;
		width: 60%;
	}

	.mypage_img_box img {
		width: 100%;
	}

	.mypage_interview_text {
		padding: 3rem 2rem;
	}

	.mypage_interview_text h4 {
		font-size: 2rem;
		margin-top: 3rem;
		margin-bottom: 1rem;
	}

	.mypage_interview_text h4:first-of-type {
		margin-top: 0;
	}


}