<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ========== インタビュー ========== */
main h2 {background: url(../interview/title_bg_pc.jpg) no-repeat center #2f9afe;}
main h2 br {display: none;}

#main {
	width: 900px;
	margin: auto;
}

#main h3 {
	margin: 0 0 10px;
	color: #2074fe;
	font-size: 18px;
	letter-spacing: 0.05em;
}

#main h3 br {display: none;}

#main h3 img {
	width: 35px;
	margin-right: 0.5em;
	float: none !important;
	vertical-align: bottom;
}

#main .senior .text {
	width: 820px;
	margin: 30px auto 0;
}

#main .senior .text p {
	margin: 0 0 30px;
	text-align: justify;
}

#main .senior .text .img .floatL {float: left;}

#main .senior .text .img div {
	width: 410px;
	float: right;
}


/** タブレット
===================================*/
@media screen and (max-width: 1210px){
main h2 {background-size: cover;}

#main .senior .text {
	width: 100%;
	max-width: 825px;
}

#main h3 {
	padding-left: 2.4em;
	text-indent: -2.4em;
}

#main .title img {
	width: 100%;
	max-width: 900px;
	margin: auto;
	display: block;
}

#main .senior .text .img div {width: 50%;}
#main .senior .text .img .floatL {width: 45%;}
}


/** スマートフォン
===================================*/
@media screen and (max-width: 768px){
main h2 {
	height: 125px;
	line-height: 1.2em;
	background: url(../interview/title_bg_sp.jpg) no-repeat center #2f9afe;
	background-size: 100%;
}

main h2 span {
	padding: 30px 0 0;
	display: block;
}

main h2 br {display: block;}

#main .title {
	background: url(../interview/interview_bg.jpg) no-repeat center  #2f9afe;
	padding:  15px;
	width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

#main { width: 90%;}
#main .title img {max-width: 450px;}

#main h3 {
	padding-left: 2em;
	text-indent: -2em;
}

#main h3 br {display: block;}
#main h3 img {width: 27px;}

#main .senior .text {margin: 6% 0 0;}
#main .senior .text p {margin: 0 0 6%;}

#main .senior .text .img .floatL,
#main .senior .text .img div {
	float: none;
}

#main .senior .text .img .floatL {
	width: 70%;
	margin: auto;
	display: block;
}

#main .senior .text .img div {
	width: 100%;
	margin: 6% 0 0;
}

}</pre></body></html>