@charset  "utf-8";

/*
-----------------
created 2023.01.17
-----------------
up date 2023.01.17
-----------------
table of contents
00.body
01.main
02.interview_media
03.interview_owner
-----------------*/

/*00.body
---------------------------------------------------------------------------------------*/
body#lower {
	background-color: white;
	font-size: 15px;
}

/*01.main
---------------------------------------------------------------------------------------*/
#interview_main_img {
	display: block;
	background: linear-gradient(#ffd600 80%, white 20%);
}

#interview_main_img h1 {
	margin:0 auto;
	padding: 0 0 0 0;
	width: 1000px;
	text-align: center;
}

#interview_main_img h1 #interview_catch {
	position: relative;
	top: 25px;
	left: 30px;
}

#interview_main_img h2 {
	position: relative;
	top:-32px;
	z-index: 100;
	width: 1000px;
	margin:0 auto;
	text-align: center;
}

/*02.interviewMedia
---------------------------------------------------------------------------------------*/
#interview_media{
	width: 1000px;
	margin:20px auto;
	line-height: 1.7;
}
.interview_title {
	display: block;
	padding: 10px 0px 10px 40px;
	border-radius: 10px 10px 0px 0px;
	font-size: 1.4em;
	font-weight: bold;
	color: white;
	text-align: center;
}

#interview_media .interview_title {
	background: black url(/common/pc/img/guide/interview/icon_camera.png) no-repeat 30px center / 40px;
	width: 350px;
}

#interview_media_box {
	background-color: #fff9b9;
	border: solid 3px black;
	text-align: center;
}

#interview_media_box h1{
    position: relative;
	margin: 40px 80px;
    padding: 1rem 1.5rem;
    font-size: 2rem;
    font-weight: bold;
	line-height: 2;
    text-align: center;
}

#interview_media_box h1::before,
#interview_media_box h1::after {
    position: absolute;
    top: 2rem;
    height: 7rem;
    content: '';
}

#interview_media_box h1::before {
    border-left: solid 3px;
    left: 0;
    transform: rotate(-30deg);
}

#interview_media_box h1::after {
    border-right: solid 3px;
    right: 0;
    transform: rotate(30deg);
}

#interview_media_box ul{
	display: flex;
	justify-content:center;
	margin-bottom: 50px;
}

#interview_media_box li{
	align-items:stretch;
	text-align: center;
}

#interview_media_box ul li p{
	text-align: center;
	font-weight: bold;
}

#interview_media_box ul li figcaption{
	text-align: center;
	padding: 10px;
}

#interview_media_box ul#interview_media_sample li{
	padding:20px;
}

#interview_media_box ul#interview_performance li{
	padding:5px;
}


#interview_media_box li.interview_list{
	background-color: rgba(255, 255, 255, 0.64);
	text-align: left;
}

#interview_media_box li.interview_list p{
	background: url(/common/pc/img/guide/interview/icon_fire.png) no-repeat 10px center / 40px;
	padding: 5px 59px;
	text-align: left;
	font-weight: bold;
	font-size:1.3em;
}

#interview_media_box #interviewer_img{
	position: relative;
	left:-12px;
}

#interview_performance_title{
	margin-bottom: 25px;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
}

.separator {
	margin: 50px 0;
}

strong.yellow{
	background:linear-gradient(transparent 60%, #ff6 60%);
	font-weight: bold;
}

strong.orange{
	color: #e45513;
	font-weight: bold;
}

/*03.interview_owner
---------------------------------------------------------------------------------------*/
#interview_owner{
	width: 1000px;
	margin:50px auto;
	line-height: 1.7;
}

#interview_owner .interview_title {
	background: black url(/common/pc/img/guide/interview/icon_home.png) no-repeat 30px center / 40px;
	width: 435px;
}

#interview_owner_box {
	background-color: #fff9b9;
	height: 1340px;
	border: solid 3px black;
	text-align: center;
}

#interview_owner_box h1{
    position: relative;
	margin: 40px 160px;
    padding: 1rem 1.5rem;
    font-size: 2rem;
    font-weight: bold;
	line-height: 2;
    text-align: center;
}

#interview_owner_box h1 span{
    font-size: 3rem;
}

#interview_owner_box h1::before,
#interview_owner_box h1::after {
    position: absolute;
    top: 3rem;
    height: 7rem;
    content: '';
}

#interview_owner_box h1::before {
    border-left: solid 3px;
    left: 0;
    transform: rotate(-30deg);
}

#interview_owner_box h1::after {
    border-right: solid 3px;
    right: 0;
    transform: rotate(30deg);
}

#interview_owner_box ul#interview_owner_sample{
	display: flex;
	justify-content:center;
	align-items:flex-end;
	margin-bottom: 20px;
}

#interview_owner_box ul#interview_owner_sample li{
	align-items:stretch;
	padding: 20px;
	text-align: center;
}

#interview_owner_box ul#interview_owner_sample li p{
	font-weight: bold;
	text-align: center;
}

#interview_owner_box ul#interview_performance_times{
	display: flex;
	width: 460px;
	padding:20px 10px 20px 30px;
	flex-direction:column;
	float: left;
}

#interview_owner_box ul#interview_performance_times li{
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}

#interview_owner_box ul#interview_performance_times li a{
	color: black;
}

#interview_owner_box ul#interview_performance_times li .kizi_img{
	height: 110px;
	float: left;
}

#interview_owner_box ul#interview_performance_times li .kizi_category{
	padding-top: 5px;
	height: 25px;
	width: 460px;
	background-color: #ffd600;
	font-weight: bold;
	text-align: center;
}

#interview_owner_box ul#interview_performance_times li .kizi_title{
	padding-top: 20px;
	height: 60px;
	width: 460px;
	background-color: white;
	font-weight: normal;
	text-align: center;
}

#interview_owner_box ul#interview_performance_konouchi{
	display: flex;
	width: 460px;
	padding:20px 24px 20px 10px;
	flex-direction:column;
}

#interview_owner_box ul#interview_performance_konouchi li{
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}

.comment_whitebox{
	width: 800px;
	margin:40px auto;
	padding: 20px 30px;
	background-color: rgba(255, 255, 255, 0.64);
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
}