@charset "utf-8";

/* ----------------------------------------------------------------------------
  common
---------------------------------------------------------------------------- */

#header-area{
	width: 100%;
	padding: 0 0 50px 0;
	position: relative;
}
#header-area:before{
	content:"";
	display: block;
	padding-top: 48.61%;
}
#header-area figure{
	width: 77.77777777777778%;
	line-height: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: absolute;
	top:0;
	right:0;
}
#header-area figure figcaption{
	width: 100%;
	position: absolute;
	bottom:10px;
	right:10px;
	color: #fff;
	text-align: right;
	font-size: 0.875em;
	text-shadow: 0 0 5px rgba(0,0,0,0.8)
}
#header-area h1{
	width: 22.22222222222222%;
	position: absolute;
	top:0;
	left:0;
}
#header-area img{
	width: 100%;
}

#header-txt-area{
	width: 100%;
	padding: 0 0 70px 0;
	position: relative;
}
#header-txt-area h2{
	width: 100%;
	padding: 0 0 35px 0;
	margin: 0 auto;
	text-align: center;
	font-size: 2.286em;
	font-family: "Ryumin Regular KL", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝","MS PMincho", "メイリオ", Meiryo, serif;
	font-weight: 700;
}
#header-txt-area p{
	letter-spacing: 0.1em;
}

#header-txt-area .port{
	width: 125px;
	position: absolute;
	top:95px;
	right: 40px;
}
#header-txt-area .port figure{
	width: 100%;
	margin: 0 0 10px 0;
}
#header-txt-area .port p.name{
	font-size: 0.857em;
	line-height: 1.4;
	text-align: left;
}


#header-area-top{
	width: 100%;
	padding: 0 0 50px 0;
	position: relative;
}
#header-area-top:before{
	content:"";
	display: block;
	padding-top: 25.00%;
}
#header-area-top figure{
	width: 100%;
	line-height: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: absolute;
	top:0;
	right:0;
}
#header-area-top figure figcaption{
	width: 100%;
	position: absolute;
	bottom:10px;
	right:10px;
	color: #fff;
	text-align: right;
	font-size: 0.875em;
	text-shadow: 0 0 5px rgba(0,0,0,0.8)
}
#header-area-top h1{
	width: 61.11111111111111%;
	position: absolute;
	top:50%;
	left:50%;
	margin: -6% 0 0 -30.55555555555556%;
}
#header-area-top img{
	width: 100%;
}



#under-navi{
	margin: 50px auto 50px auto;
	display: flex;
	justify-content: space-between;
}
#under-navi li{
	width: 188px;
	padding: 0 0 0 0;
}
#under-navi li a:hover{
	opacity: 0.8;
}

.int1 h2,
.int1 h3,
.int1 #header-txt-area p{
	color: #941e34;
}

.int2 h2,
.int2 h3,
.int2 #header-txt-area p{
	color: #00532e;
}

.int3 h2,
.int3 h3,
.int3 #header-txt-area p{
	color: #cb5219;
}

.int4 h2,
.int4 h3,
.int4 #header-txt-area p{
	color: #01378a;
}



#main p{
	padding: 0 0 0 0;
	margin: 0 auto;
	font-size: 1.00em;
	line-height: 1.9;
	text-align: center;
	
}
#main img{
	width: 100%;
	line-height: 0;
}
#main figure{
	line-height: 0;
	margin: 0 0 0 0;
}

#main p.note{
	padding: 0 0 0 0;
	margin: 0 auto;
	font-size: 0.875em;
	line-height: 1.8;
	text-align: left;
}


/*--int1--*/
.int1 #main .unit{
	width: 100%;
	padding: 0 0 70px 0;
}
.int1 #main .unit h3{
	width: 100%;
	text-align: center;
	padding: 0 0 15px 0;
	border-bottom: #941e34 1px solid;
	margin: 0 0 30px 0;
	font-size: 1.571em;
	line-height: 1.4;
	font-family: "Ryumin Regular KL", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝","MS PMincho", "メイリオ", Meiryo, serif;
}
.int1 #main .unit .int-in{
	width: 870px;
	margin: 0 auto;
}
.int1 #main .unit .int-in dl{
	width: 100%;
	margin: 0 auto;
}
.int1 #main .unit .int-in dl dt{
	width: 70px;
	text-align: left;
	font-size: 1.00em;
	line-height: 1.8;
	color: #941e34;
	padding: 0 0 10px 0;
	float: left;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif  !important;
}
.int1 #main .unit .int-in dl dt.nomane{
	height: 1.8em;
	color: #941e34;
	background: url(../../interview1_01/img/line.png) top 25% left no-repeat;
	background-size: 30px auto;
}
.int1 #main .unit .int-in dl dd{
	width: auto;
	text-align: left;
	font-size: 1.00em;
	color: #222;
	padding: 0 0 10px 70px;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif  !important;
}
.int1 #main .unit .int-in dl dd.nomane{
	color: #941e34;
}
.int1 #main .unit .int-in figure{
	width: 768px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	line-height: 0;
}
.int1 #main .unit .int-in figcaption{
	width: 768px;
	margin: 0 auto;
	padding: 5px 0 20px 0;
	font-size: 0.857em;
	color: #941e34;
	text-align: left;
}

.int1 #main .unit .int-in dl.floatL{
	width: 490px;
	float: left;
}
.int1 #main .unit .int-in .floatR{
	width: 360px;
	padding: 0 0 0 10px;
	float: right;
}
.int1 #main .unit .int-in .floatR figure{
	width: 100%;
}
.int1 #main .unit .int-in .floatR figcaption{
	width: 100%;
}



/*--int2--*/
.int2 #header-txt-area .img{
	width: 768px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	line-height: 0;
}
.int2 #main .unit{
	width: 868px;
	margin: 0 auto;
	padding: 0 0 70px 0;
}
.int2 #main .unit i{
	display: block;
}
.int2 #main .unit .q{
	width: auto;
	padding: 10px 20px;
	border: #00532e 1px solid;
	box-sizing: border-box;
}
.int2 #main .unit .q i{
	width: 50px;
	float: left;
	padding: 25px 33px 0 0;
}
.int2 #main .unit .q h2{
	width: 618px;
	float: left;
	padding: 25px 0 0 0;
	font-size: 2.143em;
	line-height: 1.4;
	font-family: "Ryumin Regular KL", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝","MS PMincho", "メイリオ", Meiryo, serif;
}
.int2 #main .unit .q figure{
	width: 125px;
	float: right;
}

.int2 #main .unit .a{
	width: auto;
	padding: 50px 0 0 21px;
}
.int2 #main .unit .a i{
	width: 50px;
	float: left;
	padding: 25px 33px 0 0;
}
.int2 #main .unit .a .txt{
	width: 764px;
	float: right;
	padding: 15px 0 0 0;
	text-align: left;
}
.int2 #main .unit .a .txt p{
	text-align: left;
}
.int2 #main .unit .a .txt h3{
	text-align: left;
	font-size: 1.714em;
	padding: 0 0 5px 0;
	line-height: 1.4;
	font-family: "Ryumin Regular KL", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝","MS PMincho", "メイリオ", Meiryo, serif;
}
.int2 #main .unit .a .txt figure{
	text-align: left;
	width: 90%;
}
.int2 #main .unit .a .txt figcaption{
	padding: 5px 0 0 0;
	font-size: 0.857em;
	color: #00532e;
	text-align: left;
}



/*--int3--*/
.int3 #header-txt-area .img{
	width: 768px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	line-height: 0;
}
.int3 #header-txt-area figcaption.note-right{
	width: 768px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	font-size: 0.857em;
	text-align: right;
}
.int3 #main .unit{
	width: 100%;
	padding: 0 0 70px 0;
}
.int3 #main .unit h3{
	width: 100%;
	text-align: center;
	padding: 0 0 15px 0;
	border-bottom: #cb5219 1px solid;
	margin: 0 0 30px 0;
	font-size: 1.571em;
	line-height: 1.4;
	font-family: "Ryumin Regular KL", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝","MS PMincho", "メイリオ", Meiryo, serif;
}
.int3 #main .unit .int-in{
	width: 870px;
	margin: 0 auto;
}
.int3 #main .unit .int-in dl{
	width: 100%;
	margin: 0 auto;
}
.int3 #main .unit .int-in dl dt{
	width: 100%;
	text-align: left;
	color: #cb5219;
	padding: 0 0 5px 60px;
	background: url(../../interview3/img/line.png) top 5px left no-repeat;
	background-size: 30px auto;
	box-sizing: border-box;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif  !important;
}
.int3 #main .unit .int-in dl dd{
	width: auto;
	text-align: left;
	font-size: 1.00em;
	color: #222;
	padding: 0 0 10px 60px;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif  !important;
}
.int3 #main .unit .int-in figure{
	width: 768px;
	margin: 0 0 0 60px;
	padding: 10px 0 0 0;
	line-height: 0;
}
.int3 #main .unit .int-in figcaption{
	width: 768px;
	margin: 0 0 0 0;
	padding: 5px 0 0 60px;
	font-size: 0.857em;
	color: #cb5219;
	text-align: left;
}

.int3 #main .unit .int-in figure.w500{
	width: 500px;
	margin: 0 auto;
	padding: 10px 0 0 60px;
}
.int3 #main .unit .int-in figcaption.w500{
	width: 500px;
	margin: 0 auto;
	padding: 5px 0 0 60px;
}
.int3 #main .unit .int-in figure.w400{
	width: 400px;
	margin: 0 auto;
	padding: 10px 0 0 60px;
}
.int3 #main .unit .int-in figcaption.w400{
	width: 400px;
	margin: 0 auto;
	padding: 5px 0 0 60px;
}
.int3 #main .unit .int-in .clm2{
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 0 60px;
	box-sizing: border-box;
}
.int3 #main .unit .int-in .clm2 figure{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 0;
}
.int3 #main .unit .int-in .clm2 figcaption{
	width: 100%;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
}
.int3 #main .unit .int-in .clm2 .floatL{
	width: 48%;
	float: left;
}
.int3 #main .unit .int-in .clm2 .floatR{
	width: 48%;
	float: right;
}


/*--int4--*/
.int4 #main .unit{
	width: 100%;
	padding: 0 0 70px 0;
}
.int4 #main .unit h3{
	width: 100%;
	text-align: center;
	padding: 0 0 15px 0;
	border-bottom: #01378a 1px solid;
	margin: 0 0 30px 0;
	font-size: 1.571em;
	line-height: 1.4;
	font-family: "Ryumin Regular KL", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝","MS PMincho", "メイリオ", Meiryo, serif;
}
.int4 #main .unit .int-in{
	width: 870px;
	margin: 0 auto;
}
.int4 #main .unit .int-in dl{
	width: 100%;
	margin: 0 auto;
}
.int4 #main .unit .int-in dl dt{
	width: 70px;
	text-align: left;
	font-size: 1.00em;
	line-height: 1.8;
	color: #01378a;
	padding: 0 0 10px 0;
	float: left;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif  !important;
}
.int4 #main .unit .int-in dl dd{
	width: auto;
	text-align: left;
	font-size: 1.00em;
	color: #222;
	padding: 0 0 10px 70px;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif  !important;
}
.int4 #main .unit .int-in figure{
	width: 768px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	line-height: 0;
}
.int4 #main .unit .int-in figcaption{
	width: 768px;
	margin: 0 auto;
	padding: 5px 0 20px 0;
	font-size: 0.857em;
	color: #01378a;
	text-align: left;
}

.int4 #main .unit .int-in .img2clm{
	width: 768px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.int4 #main .unit .int-in .img2clm .imgs{
	width: 49%;
}
.int4 #main .unit .int-in .img2clm figure{
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 0 0;
	line-height: 0;
}
.int4 #main .unit .int-in .img2clm figcaption{
	width: 100%;
	margin: 0 auto;
	padding: 5px 0 20px 0;
	font-size: 0.857em;
	color: #01378a;
	text-align: left;
}

.int4 #main .unit .int-in dl.floatL{
	width: 490px;
	float: left;
}
.int4 #main .unit .int-in .floatR{
	width: 360px;
	padding: 0 0 0 10px;
	float: right;
}
.int4 #main .unit .int-in .floatR figure{
	width: 100%;
}
.int4 #main .unit .int-in .floatR figcaption{
	width: 100%;
}


#past_interview{
	width: 968px;
	padding: 70px 0 0 0;
	margin: 0 auto;
}
#past_interview h3{
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 15px 0;
	text-align: center;
	font-size: 1.500em;
	line-height: 1.4;
	font-family: "Ryumin Regular KL", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝","MS PMincho", "メイリオ", Meiryo, serif;
	color: #937a51;
}
#past_interview .unit{
	width: 100%;
	padding: 0 0 0 0 !important;
	margin: 0 auto 20px auto;
	border: #a98f67 1px solid;
	box-sizing: border-box;
}
#past_interview .unit a{
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	    text-decoration: none;
}
#past_interview .unit a:hover{
	background: rgba(147,122,81,0.50);
	opacity: 0.7;
	text-decoration: none;
}
#past_interview .unit figure{
	width: 390px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#past_interview .unit figure img{
	width: auto;
	height: 100%;
}
#past_interview .unit .txt{
	width: calc(100% - 390px);
	padding: 15px 30px;
	box-sizing: border-box;
	text-align: left;
}
#past_interview .unit .txt h6{
	font-size: 1.00em;
	font-style: italic;
	font-weight: bold;
	font-family: "Ryumin Regular KL", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝","MS PMincho", "メイリオ", Meiryo, serif;
	text-align: left;
	padding: 0 0 10px 0;
	color: #937a51;
}
#past_interview .unit .txt h4{
	font-size: 1.250em;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
	padding: 0 0 10px 0;
}
#past_interview .unit .txt p{
	font-size: 0.875em;
	line-height: 1.6;
	text-align: left;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif  !important;
}


#past_interview_top{
	width: 968px;
	padding: 40px 0 40px 0;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#past_interview_top h3{
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 15px 0;
	text-align: center;
	font-size: 1.500em;
	line-height: 1.4;
	font-family: "Ryumin Regular KL", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝","MS PMincho", "メイリオ", Meiryo, serif;
	color: #937a51;
}
#past_interview_top .unit{
	width: 32.5% !important;
	padding: 0 0 0 0 !important;
	margin: 0 0 20px 0;
	border-top: #941d34 5px solid;
	border-bottom: #a98f67 1px solid;
	border-left: #a98f67 1px solid;
	border-right: #a98f67 1px solid;
	box-sizing: border-box;
}

#past_interview_top .unit a{
	box-sizing: border-box;
	display: block;
	height: 100%;
	position: relative;
}

#past_interview_top .unit a i{
	position: absolute;
	top:-20px;
	left:-1px;
	background: rgba(191,0,3,1.00);
	color: rgba(255,255,255,1.00);
	font-size: 0.875em;
	font-family: "Ryumin Regular KL", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝","MS PMincho", "メイリオ", Meiryo, serif;
	padding: 5px 10px;
	border-radius: 10%;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.3);
}
#past_interview_top .unit a:hover{
	background: rgba(147,122,81,0.50);
	opacity: 0.7;
	text-decoration: none;
}
#past_interview_top .unit figure{
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#past_interview_top .unit figure img{
	width: 100%;
}
#past_interview_top .unit .txt{
	width: 100%;
	padding: 0 0 15px;
	box-sizing: border-box;
	text-align: left;
}
#past_interview_top .unit .txt h4{
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
	padding: 15px 15px 0 15px;
}
#past_interview_top .unit .txt h5{
	font-size: 1.000em;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
	padding: 10px 15px 10px 15px;
	position: relative;
	background: #941d34;
	color: rgba(255,255,255,1.00);
}
#past_interview_top .unit .txt p{
	font-size: 0.875em;
	line-height: 1.6;
	text-align: left;
}

@media screen and (max-width: 967px) {
	

	#header-txt-area{
		width: 100%;
		padding: 0 0 70px 0;
		position: relative;
	}
	#header-txt-area h2{
		padding: 0 0 35px 0;
		font-size: 2.125em;
	}

	#header-txt-area .port{
		width: 125px;
		position: absolute;
		top:95px;
		right: 40px;
	}
	
	#header-area-top{
		padding: 0 0 40px 0;
		position: relative;
	}

	#header-area-top h1{
		width: 61.11111111111111%;
		margin: -6% 0 0 -30.55555555555556%;
	}
	
	
	#under-navi li{
		width: 19%;
	}
	
	#main p{
		text-align: left;
	}

	.int1 #main .unit{
		width: 100%;
		padding: 0 0 70px 0;
	}
	.int1 #main .unit h3{
		margin: 0 0 30px 0;
	}
	.int1 #main .unit .int-in{
		width: 90%;
	}
	.int1 #main .unit .int-in dl dt{
		width: 70px;
		padding: 0 0 10px 0;
		float: left;
	}
	.int1 #main .unit .int-in dl dd{
		padding: 0 0 10px 70px;
	}
	.int1 #main .unit .int-in figure{
		width: 80%;
	}
	.int1 #main .unit .int-in figcaption{
		width: 80%;
	}
	.int1 #main .unit .int-in dl.floatL{
		width: 60%;
		float: left;
	}
	.int1 #main .unit .int-in .floatR{
		width: 39%;
		padding: 0 0 0 1%;
		float: right;
	}
	
	
	/*--int2--*/
	.int2 #header-txt-area .img{
		width: 100%;
	}
	.int2 #main .unit{
		width: 100%;
		margin: 0 auto;
		padding: 0 0 70px 0;
	}
	.int2 #main .unit .q{
		box-sizing: border-box;
	}
	.int2 #main .unit .q i{
		width: 6%;
		padding: 14px 2% 0 0;
	}
	.int2 #main .unit .q h2{
		width: 80%;
		font-size: 2.143em;
		padding: 7px 0 0 0;
	}
	.int2 #main .unit .q figure{
		width: 12%;
		float: right;
	}

	.int2 #main .unit .a{
		padding: 50px 0 0 21px;
	}
	.int2 #main .unit .a i{
		width: 6%;
		padding: 14px 2% 0 0;
	}
	.int2 #main .unit .a .txt{
		width: 92%;
		padding: 15px 0 0 0;
	}
	.int2 #main .unit .a .txt h3{
		font-size: 1.714em;
		padding: 0 0 5px 0;
	}
	.int2 #main .unit .a .txt figure{
		text-align: left;
		width: 90%;
	}
	.int2 #main .unit .a .txt figcaption{
		padding: 5px 0 0 0;
		font-size: 0.857em;
	}
	
	
	/*--int3--*/
	.int3 #header-txt-area .img{
		width: 100%;
	}
	.int3 #header-txt-area figcaption.note-right{
		width: 100%;
	}
	.int3 #main .unit{
		width: 100%;
		padding: 0 0 70px 0;
	}
	.int3 #main .unit h3{
		width: 100%;
		margin: 0 0 30px 0;
	}
	.int3 #main .unit .int-in{
		width: 90%;
		margin: 0 auto;
	}
	.int3 #main .unit .int-in dl{
	}
	.int3 #main .unit .int-in dl dt{
	}
	.int3 #main .unit .int-in dl dd{
		padding: 0 0 10px 60px;
	}
	.int3 #main .unit .int-in figure{
		width: 80%;
	}
	.int3 #main .unit .int-in figcaption{
		width: 80%;
	}
	
	
	/*--int4--*/
	.int4 #main .unit{
		width: 100%;
		padding: 0 0 70px 0;
	}
	.int4 #main .unit h3{
		width: 100%;
		margin: 0 0 30px 0;
	}
	.int4 #main .unit .int-in{
		width: 90%;
	}
	.int4 #main .unit .int-in dl dt{
		width: 70px;
		padding: 0 0 10px 0;
		float: left;
	}
	.int4 #main .unit .int-in dl dd{
		padding: 0 0 10px 70px;
	}
	.int4 #main .unit .int-in figure{
		width: 80%;
	}
	.int4 #main .unit .int-in figcaption{
		width: 80%;
	}

	.int4 #main .unit .int-in .img2clm{
		width: 80%;
	}
	.int4 #main .unit .int-in .img2clm .imgs{
		width: 49%;
	}
	.int4 #main .unit .int-in .img2clm figure{
		width: 100%;
	}
	.int4 #main .unit .int-in .img2clm figcaption{
		width: 100%;
	}

	.int4 #main .unit .int-in dl.floatL{
		width: 60%;
		float: left;
	}
	.int4 #main .unit .int-in .floatR{
		width: 39%;
		padding: 0 0 0 1%;
		float: right;
	}
	
	#past_interview{
		width: 94%;
		padding: 70px 0 0 0;
		margin: 0 auto;
	}
	#past_interview h3{
		width: 100%;
		font-size: 1.500em;
	}

	#past_interview .unit figure{
		width: 40%;
		position: relative;
	}

	#past_interview .unit .txt{
		width: 60%;
		padding: 15px 30px;
	}
	#past_interview .unit .txt h6{
		font-size: 1.00em;
	}
	#past_interview .unit .txt h4{
		font-size: 1.250em;
		padding: 0 0 10px 0;
	}
	#past_interview .unit .txt p{
		font-size: 0.875em;
		line-height: 1.6;
	}
	
	
	#past_interview_top{
		width: 96%;
		padding: 40px 0 40px 0;
		margin: 0 auto;
	}

	#past_interview_top .unit .txt h4{
		font-size: 1.1250em;
	}
	#past_interview_top .unit .txt h5{
		font-size: 1.0000em;
	}
	#past_interview_top .unit .txt p{
		font-size: 0.875em;
	}
}
@media screen and (max-width: 767px) {
	#header-txt-area{
		width: 100%;
		padding: 0 0 40px 0;
		position: relative;
	}
	#header-txt-area h2{
		padding: 0 0 35px 0;
		font-size: 2.125em;
	}
	
	#header-area-top{
		padding: 0 0 40px 0;
		position: relative;
	}

	#header-area-top h1{
		width: 80%;
		margin: -6% 0 0 -40%;
	}
	
	
	.int1 #header-txt-area p{
		width: 100%;
		float: left;
	}
	.int2 #header-txt-area p{
		width: 100%;
		float: none;
	}
	.int3 #header-txt-area p{
		width: 100%;
		float: none;
	}
	.int4 #header-txt-area p{
		width: 100%;
		float: none;
	}
	#header-txt-area p br{
		display: none;
	}
	#header-txt-area .port{
		width: 125px;
		position: relative;
		top:auto;
		right: auto;
		float: right;
	}
	#header-txt-area .port p.name{
		width: 100%;
	}
	
	#under-navi{
		margin: 30px auto 30px auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#under-navi li{
		width: 33%;
		padding: 0 0 10px 0;
	}
	#under-navi li:last-of-type{
		margin: 0 auto 0 0.6%;
	}


	#main p{
		text-align: left;
	}
	
	#main p.note{
		font-size: 0.813em;
	}

	.int1 #main .unit{
		width: 100%;
		padding: 0 0 70px 0;
	}
	.int1 #main .unit h3{
		margin: 0 0 30px 0;
	}
	.int1 #main .unit .int-in{
		width: 90%;
	}
	.int1 #main .unit .int-in dl dt{
		width: 70px;
		padding: 0 0 0 0;
		float: left;
	}
	.int1 #main .unit .int-in dl dd{
		padding: 0 0 10px 70px;
	}
	.int1 #main .unit .int-in figure{
		width: 90%;
	}
	.int1 #main .unit .int-in figcaption{
		width: 90%;
	}
	.int1 #main .unit .int-in dl.floatL{
		width: 100%;
		float: none;
	}
	.int1 #main .unit .int-in .floatR{
		width: 90%;
		float: none;
		padding: 0 0 0 0;
		margin: 0 auto;
	}
	.int1 #main .unit .int-in .floatR figure{
		width: 100%;
	}
	
	
	/*--int2--*/
	.int2 #header-txt-area .img{
		width: 100%;
	}
	.int2 #main .unit{
		width: 100%;
		padding: 0 0 70px 0;
	}

	.int2 #main .unit .q i{
		width: 6%;
		padding: 14px 2% 0 0;
	}
	.int2 #main .unit .q h2{
		width: 80%;
		font-size: 2.00em;
		padding: 7px 0 0 0;
	}
	.int2 #main .unit .q figure{
		width: 12%;
	}

	.int2 #main .unit .a{
		padding: 30px 0 0 21px;
	}
	.int2 #main .unit .a i{
		width: 6%;
		padding: 14px 2% 0 0;
	}
	.int2 #main .unit .a .txt{
		width: 92%;
		padding: 15px 0 0 0;
	}
	.int2 #main .unit .a .txt h3{
	}
	.int2 #main .unit .a .txt figure{
		text-align: left;
		width: 100%;
	}
	
	
	/*--int3--*/
	.int3 #main .unit{
		width: 100%;
		padding: 0 0 70px 0;
	}
	.int3 #main .unit h3{
		width: 100%;
		margin: 0 0 30px 0;
	}
	.int3 #main .unit .int-in{
		width: 90%;
		margin: 0 auto;
	}
	.int3 #main .unit .int-in dl dd{
		padding: 0 0 10px 60px;
	}
	.int3 #main .unit .int-in figure,
	.int3 #main .unit .int-in figure.w500{
		width: 80%;
	}
	.int3 #main .unit .int-in figcaption,
	.int3 #main .unit .int-in figcaption.w500{
		width: 80%;
	}
	
	/*--int4--*/
	.int4 #main .unit{
		width: 100%;
		padding: 0 0 70px 0;
	}
	.int4 #main .unit h3{
		width: 100%;
		margin: 0 0 30px 0;
	}
	.int4 #main .unit .int-in{
		width: 90%;
	}
	.int4 #main .unit .int-in dl dt{
		width: 70px;
		padding: 0 0 0 0;
		float: left;
	}
	.int4 #main .unit .int-in dl dd{
		padding: 0 0 10px 70px;
	}
	.int4 #main .unit .int-in figure{
		width: 80%;
	}
	.int4 #main .unit .int-in figcaption{
		width: 80%;
	}

	.int4 #main .unit .int-in .img2clm{
		width: 80%;
		flex-wrap: wrap;
	}
	.int4 #main .unit .int-in .img2clm .imgs{
		width: 100%;
	}
	.int4 #main .unit .int-in .img2clm figure{
		width: 100%;
	}
	.int4 #main .unit .int-in .img2clm figcaption{
		width: 100%;
	}

	.int4 #main .unit .int-in dl.floatL{
		width: 100%;
		float: none;
	}
	.int4 #main .unit .int-in .floatR{
		width: 90%;
		float: none;
		padding: 0 0 0 0;
		margin: 0 auto;
	}
	
	#past_interview{
		width: 94%;
		padding: 40px 0 0 0;
	}
	#past_interview h3{
		font-size: 1.350em;
	}
	#past_interview .unit a{
		flex-wrap: wrap;
	}
	#past_interview .unit figure{
		width: 45%;
		position: relative;
	}

	#past_interview .unit .txt{
		width: 55%;
		padding: 15px 15px;
	}
	#past_interview .unit .txt h6{
		font-size: 1.00em;
	}
	#past_interview .unit .txt h4{
		font-size: 1.250em;
		padding: 0 0 10px 0;
	}
	#past_interview .unit .txt p{
		font-size: 0.875em;
		line-height: 1.6;
	}
	
	#past_interview_top{
		width: 94%;
		padding: 30px 0 30px 0;
	}
	#past_interview_top h3{
		font-size: 1.500em;
	}

	#past_interview_top .unit .txt h4{
		font-size: 0.938em;
	}
	#past_interview_top .unit .txt h5{
		font-size: 1.000em;
	}
	#past_interview_top .unit .txt p{
		font-size: 0.875em;
	}
}

@media screen and (max-width: 600px) {
	
	#past_interview .unit figure{
		width: 100%;
		height: 200px;
		position: relative;
	}
	#past_interview .unit figure img{
		width: 100%;
		height: auto;
	}
	#past_interview .unit .txt{
		width: 100%;
		padding: 15px 15px;
	}
	
	#past_interview_top .unit{
		width: 100% !important;
	}
}
@media screen and (max-width: 480px) {
	#header-txt-area{
	}
	#header-txt-area h2{
	}
	#header-txt-area p{
		width: 100%;
		float: none;
		padding: 0 0 20px 0;
	}
	#header-txt-area p br{
		display: none;
	}
	#header-txt-area .port{
		width: 100%;
		float: none;
	}
	
	#header-area-top h1{
		width: 90%;
		margin: -9% 0 0 -45%;
	}
	
	#under-navi li{
		width: 24%;
		padding: 0 0 10px 0;
	}
	#under-navi li:last-of-type{
		margin: 0 0 0 0%;
	}

	#main p{
		text-align: left;
	}

	.int1 #main .unit{
		width: 100%;
		padding: 0 0 40px 0;
	}
	.int1 #main .unit h3{
		margin: 0 0 30px 0;
	}
	.int1 #main .unit .int-in{
		width: 100%;
	}
	.int1 #main .unit .int-in dl dt{
		width: 4em;
		padding: 0 0 0 0;
		float: left;
	}
	.int1 #main .unit .int-in dl dd{
		padding: 0 0 10px 4em;
	}
	.int1 #main .unit .int-in figure{
		width: 90%;
	}
	.int1 #main .unit .int-in figcaption{
		width: 90%;
	}
	
	
	.int2 #main .unit .q i{
		width: 10%;
		padding: 7px 5% 0 0;
	}
	.int2 #main .unit .q h2{
		width: 85%;
		font-size: 1.500em;
		padding: 7px 0 0 0;
	}
	.int2 #main .unit .q figure{
		width: 100%;
		float: none;
		padding: 15px 0 0 0;
		clear: both;
	}

	.int2 #main .unit .a{
		padding: 10px 0 0 0;
	}
	.int2 #main .unit .a i{
		width: 10%;
		padding: 14px 5% 0 0;
	}
	.int2 #main .unit .a .txt{
		width: 85%;
		padding: 15px 0 0 0;
	}
	
	
	/*--int3--*/
	.int3 #main .unit{
		width: 100%;
		padding: 0 0 40px 0;
	}
	.int3 #main .unit h3{
		width: 100%;
		margin: 0 0 30px 0;
	}
	.int3 #main .unit .int-in{
		width: 100%;
		margin: 0 auto;
	}
	.int3 #main .unit .int-in dl dd{
		padding: 0 0 10px 60px;
	}
	.int3 #main .unit .int-in figure{
		width: 90%;
	}
	.int3 #main .unit .int-in figcaption{
		width: 90%;
	}
	.int3 #main .unit .int-in figure.w400{
		width: 80%;
	}
	.int3 #main .unit .int-in figcaption.w400{
		width: 80%;
	}
	
	
	/*--int4--*/
	.int4 #main .unit{
		padding: 0 0 40px 0;
	}
	.int4 #main .unit h3{
		width: 100%;
		margin: 0 0 30px 0;
	}
	.int4 #main .unit .int-in{
		width: 100%;
	}
	.int4 #main .unit .int-in dl dt{
		width: 4em;
		padding: 0 0 0 0;
		float: left;
	}
	.int4 #main .unit .int-in dl dd{
		padding: 0 0 10px 4em;
	}
	.int4 #main .unit .int-in figure{
		width: 90%;
	}
	.int4 #main .unit .int-in figcaption{
		width: 90%;
	}

	.int4 #main .unit .int-in .img2clm{
		width: 90%;
		flex-wrap: wrap;
	}
	
	#past_interview .unit figure{
		width: 100%;
		height: auto;
		position: relative;
	}
}