@charset "utf-8";
/*====================================================================================================*/
/*【interview.css】インタビュー専用CSS
/*====================================================================================================*/


/*====================================================================================================*/
/*【PC:～768px】
/*====================================================================================================*/
/*----------------------------*/
/*【.first_ttl】(PC)
/*最初の見出し
/*----------------------------*/
.first_ttl {
	text-align: center;
	font-size: 32px;
	padding-bottom: 1em;
}


/*----------------------------*/
/*【.message_ttl】(PC)
/*タイトルテキスト
/*----------------------------*/
.message_ttl {
	font-size: 32px;
	line-height: 1;
	margin-bottom: 10px;
}
/*カラー設定*/
.int_01 .message_ttl {color: #1F5AA4;}
.int_02 .message_ttl {color: #96C736;}
.int_03 .message_ttl {color: #FF6528;}


/*----------------------------*/
/*【#ul_profile】(PC)
/*プロフィール
/*----------------------------*/
#ul_profile li {
	font-size: 16px;
	line-height: 1.5;
}
#ul_profile:before {
	content: "";
	display: inline-block;
	float: left;
	margin-right: 1em;
	width: 80px;
	height: 80px;
}
#ul_profile:after {
	content:"";
	clear:both;
	display: table;
}

/*----------------------------*/
/*【.contents_box】(PC)
/*各種ボックス
/*----------------------------*/
.contents_box {
	letter-spacing: -1px;
	margin:20px;
	text-align: justify;
}
/*キービジュアル画像*/
#keyvisual_box {
	margin: 0 20px 20px;
}
#keyvisual_box .mainvisual {
	margin:0 -20px;
	position:relative;
}
/*キービジュアルテキスト*/
#keyvisual_box .mainvisual:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	background-size: cover;
}
.int_01 .mainvisual:after {background-image: url("../interview01/visual_bg.png");}
.int_02 .mainvisual:after {background-image: url("../interview02/visual_bg.png");}
.int_03 .mainvisual:after {background-image: url("../interview03/visual_bg.png");}

/*他の人のインタビューリンク*/
#bottom_box {
	overflow: hidden;
}


/*----------------------------*/
/*【.ul_pic】(PC)
/*インタビュー画像
/*----------------------------*/
.ul_pic {
	margin: 40px 0;
}
.ul_pic:after {
	content:"";
	display: table;
	clear:both;
}
.ul_pic li {
	margin: 1%;
	width: 48%;
	text-align:right\9;
	float:right\9;
}
.ul_pic li:first-child {float:left; text-align:left;}
.ul_pic li:last-child {float:right;text-align:right;}
.ul_pic img {display: inline;}


/*----------------------------*/
/*【.oubo_btn】(PC)
/*応募ボタン
/*----------------------------*/
.oubo_btn {
	display:block;
	margin:40px auto;
	max-width: 400px;
}
.oubo_btn a {
	box-sizing:border-box;
	background-color:#FA9054;
	border:2px solid #FA9054;
	color:#fff!important;
	display: block;
	font-size: 20px;
	line-height: 3em;
	position: relative;
	text-align: center;
	text-decoration:none!important;
}
.oubo_btn a:after {
	content:"\e800";
	font-family:arwfont;
	position:absolute;
	right:10px;
}
.oubo_btn a:hover {
	color:#FA9054!important;
	background-color:#fff;
}


/*----------------------------*/
/*【.bottom_ttl】(PC)
/*その他のスタッフインタビュー見出し
/*----------------------------*/
.bottom_ttl {
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	line-height: 2em;
	background: -moz-linear-gradient(top, #d3c5a1 0%, #c8b88e 100%);
	background: -webkit-linear-gradient(top, #d3c5a1 0%,#c8b88e 100%);
	background: linear-gradient(to bottom, #d3c5a1 0%,#c8b88e 100%);
	text-indent: 1em;
}


/*----------------------------*/
/*【#ul_bottom】(PC)
/*その他のスタッフインタビューリスト
/*----------------------------*/
#ul_bottom {
	font-size: 0;
	text-align: center;
	margin:0 -1%;
}
#ul_bottom a {
	text-decoration: none !important;
	color: #333 !important;
}
#ul_bottom li:hover{
	background-color: #fff;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
	-khtml-opacity: .40;
	-moz-opacity: .40;
	zoom:1;
	z-index: 100;
}
#ul_bottom li {
	background-color: #f3f3f3;
	box-sizing: border-box;
	display: inline-block;
	font-size: 14px;
	margin: 1%;
	padding: 10px;
	position: relative;
	text-align: left;
	width: 48%;
}
/*アイコン画像*/
#ul_bottom li:before{
	content: "";
	width: 50px;
	height: 50px;
	position: absolute;
	background-size: contain;
	background-repeat:no-repeat;
	bottom: 25px;
	left: 35px;
}
/*隠す処理（スクリプト）*/
#ul_bottom ._hide {
	display:none;
}
/*インタビュー画像*/
#ul_bottom img {
	margin: auto;
}
/*プロフィール（SP非表示）*/
#ul_bottom dl {
	background-position: 35px 35px;
	background-repeat: no-repeat;
	background-size: 48px 48px;
	padding-bottom: 1em;
	position: relative;
}
/*勤務地*/
#ul_bottom dt {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
/*勤務地以外のプロフィール*/
#ul_bottom dd {
	color: #333;
	font-size: 14px;
	line-height: 1.2;
	padding-left: 80px;
}
/*詳しくはコチラボタン*/
#ul_bottom .dd_btn {
	bottom: 0;
	padding: 0;
	position: absolute;
	right: 0;
}
#ul_bottom .dd_btn span {
	border: 1px solid #b69a43;
	background-color: #b69a43;
	border-radius: 20px;
	box-sizing: border-box;
	color: #fff;
	letter-spacing: 1px;
	padding: 2px 0 2px 15px;
	text-decoration:none!important;
}
#ul_bottom .dd_btn span:after {
	font-family: arwfont;
	content: "\e800";
	padding: 0 10px;
	line-height: 1;
}

/*====================================================================================================*/
/*【SP:768px～】
/*====================================================================================================*/
@media screen and (max-width: 768px) {
	/*----------------------------*/
	/*【.first_ttl】(PC)
	/*最初の見出し
	/*----------------------------*/
	.first_ttl {
		font-size: 22px;
	}
	/*----------------------------*/
	/*【.contents_box】(PC)
	/*各種ボックス
	/*----------------------------*/
	.contents_box {
		margin: 20px 10px;
	}
	/*その他スタッフインタビュー*/
	#bottom_box {
		margin: 20px 0;
	}
	/*----------------------------*/
	/*【.message_ttl】(SP)
	/*タイトルテキスト
	/*----------------------------*/
	.message_ttl {
		font-size: 20px;
	}
	/*----------------------------*/
	/*【.ul_pic】(SP)
	/*インタビュー画像
	/*----------------------------*/
	.ul_pic li:first-child {
		margin: auto;
		float:none;
	}
	/*一部画像を非表示*/
	.ul_pic li:last-child {display: none;}


	/*----------------------------*/
	/*【.oubo_btn】(SP)
	/*タイトルテキスト
	/*----------------------------*/
	.oubo_btn {
		margin: 10px;
		max-width: none;
	}
	/*----------------------------*/
	/*【.bottom_ttl】(PC)
	/*その他のスタッフインタビュー見出し
	/*----------------------------*/
	.bottom_ttl {
		font-size: 18px;
		text-align: center;
		text-indent: 0;
		margin:1em 0;
	}
	/*----------------------------*/
	/*【#ul_bottom】(SP)
	/*その他のスタッフインタビューリスト
	/*
	/*キービジュアル画像リンク化＆プロフィール非表示
	/*----------------------------*/
	#ul_bottom li {
		font-size: 0;
		margin:0 10px 10px;
		padding: 0;
		text-align: center;
		width: 98%;
	}
	/*PCアイコン消す*/
	#ul_bottom li:before {
		content:none;
	}
	#ul_bottom .p_visual {
		display: inline-block;
	}
	#ul_bottom .p_visual:hover {
		opacity: .60;
		filter: alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)";
		-khtml-opacity: .60;
		-moz-opacity: .60;
		zoom:1;
	}
	/*キービジュアル画像リンク化*/
	#ul_bottom .p_visual {
		position:relative;
	}
	/*ブランドロゴと矢印アイコン*/
	#ul_bottom .p_visual:before,
	#ul_bottom .p_visual:after {
		position:absolute;
		z-index:100;
		background-size:contain;
	}
	/*ブランドロゴ*/
	#ul_bottom .p_visual:before {
		width: 40%;
		height: 40%;
		top: 5%;
		left: 2%;
		content: "";
		box-sizing: border-box;
		max-height: 50px !important;
		max-width: 50px !important;
		background-repeat: no-repeat;
	}
	/*矢印アイコン*/
	#ul_bottom .p_visual:after {
		right:10px;
		bottom:10px;
		content:"";
		width: 30px;
		height: 30px;
		background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAb1BMVEUAAAC1mza1mza1mza1mza1mza1mza1mza1mza1mza1mza1mza1mza1mza1mza1mza1mza1mza1mza1mza1mza1mzb///+5oD/z797y7ty6oUPn37/CrFjr5cro4MH8+vb49uzi2LG9pk3HtGjHs2fpY6spAAAAFXRSTlMA7ZjTs6x4NxMI44ccWfOWV+SIHpmgrLYqAAAA+klEQVQ4y5WV2xKCMAxEU5A7RQSDqOD9/79RdHxIYTvEfcycyUKabslVEkehqSoTRnFCXpVFzkJ5UUIs3fJC23TJ1YaBTD3nAvYocLBsw15tMgEKDpDAd8W95hXZ31zMGmjSpfFrPPnMW1kZrt3xAMh2AgvJdZN60LOYQHm+j3ECUc+cKHErFw+ZUDyrnLF7TBHPSdgzopBZ0zMkMG30nYYY6P4hb4NTo0oHVl7rfmat/hn1eNQDVx8hWooeLoV+zUrN4n7DxYmSJ74K/10usmugVQbAHkQPDh99SAnSH3sZubI4SC2I5gC0S3HYNztJ7RoZ9uj5YAbPxxvCymbKpRE7swAAAABJRU5ErkJggg==")
	}
	/*プロフィールを非表示化*/
	#ul_bottom dl {
		display: none;
	}
}


/*ブランドロゴ画像設定(BASE64変換)*/
/*ティップネス*/
._icon_tipness01:before,
._icon_tipness01 .p_visual:before{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAArlBMVEXwggD////zmjD0oUD2sWD62LD3uXD5yZD60KD++fH74MD86NDxig///vv1qU/61anylSbwhATxhwr98OHykB30pknzmCzxjhf727X4wYD3vHf2tWn0nzvxixP979385835zZj+9er//Pj++vT84sT73732tGX1rVb969f73bn5z5z5y5P4xov4w4T2uG30okLznTjykyH+9+31r1vznDX3vnv+8uX85cr86dL0pESrvi2bAAADTklEQVRYw+3VaXObMBAGYL3mNLfNDbYB3/cRx0n7//9YjSDjFpo2opppZ5r9YDGy/FjsroB8xmf8t3Hm7A22nEFD4w26vEEM+YJjBHzBHizOXYOE8I0N775Z8u4bseANwuANPpMusZJlOS0vBPlrOYTJ10ENXkkaX2hPvq0hViSFdLEkOe+AGoB+eaFArfoPX4IKjIkOgc69rfEB9MqJKWB9HEThUdBugRlglqCN98Ewxsb7EXyBTUH9AfYvHj2OSIflEe/jMHi3ZDIk8iPowwxLcPYdSJeMMKX59YC7/3GQTCCWILwG6GNCRwcmYQJVKBQ8NUChBi+s4AEqBdMGGNTjEDCYwBg2BZUGeIdCevGEMxOoYEvBqAESF1/rXlsygQskFJxkDdDGgY57qCxgOMUzBc15AzxCo6MFlwWU8IVQEC9v4EwY1f1Cq2GYcBhAwK9Bs3H0yASrOokJCyiTGkQT3NXJS7BgAEekAt0HOBOv9Vkp6o40DYYq16AGNIpChmb9ui7gdwCLFkgypHSUcOgAzttgjpyON0QdwG0bfHTipAOYtEGfQrQqHUCrDT7jiY4hMGQHgyb4uDQAgx0ctsFTvUOn0w6J2wJjZNW3FGYGF4+HgzAoM3gukJcTwRpRFzB/A1GlzAUwql/mqy6g3AZVUoHa4D0wEE9VQ4j0oTAWxWreEX1iQajm7lECsi1T52rHQ9IlHApyjIHJGSQuZ3DY5wyK4Az6vMExb5BMeIMSb3DPG1zyBr2A/I0Y/On5cYRVGu/szTzTs+xV1+cdofC8uuWb++9tJVlaIyd8PMKeNvuV8/E7cnx5F+n6Jk9Wz+FPl9hrADNNEYPBr2tySpVIz6SDKHi/y4NwVNcmMH3dyqf2v45H4kHK9EhJTx5Lds9pPp8BKBbK8mzQPQniwZ6/RsrRv3Qt3sWKpRcAcBfraV+SfYddMgwjvDg9wboe7+Vf6PqrvUv2UpkDTNfl9nrjj1rjnpUSTdtIkr1VYrks//i7elryVnNNlPBkbu+T5erU84zWhrxgZC1vO/t+TwDw2z7xRtckj/TCRB2zfuG6X3Rdn7ju0wx1mC9ZlN+uwoWhlwPBEuV4v1MlSYq0xf1TVfP97SjSO/uMfzi+ARFvPSEur3tjAAAAAElFTkSuQmCC");
}
#ul_bottom ._icon_tipness01:before,
._icon_tipness01 .p_visual:before{background-image:url(ie8_s_logo_brand01.png)\9;}

/*キッズ*/
._icon_tipness02:before,
._icon_tipness02 .p_visual:before{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAABOFBMVEUAAACcyBOcyBOcyBOcyBOcyBOcyBOcyBMdLHX///+UvhlcekRsjThEXFeMtB90lzIeLXQ0SGNUcEry8/dNZ0+XwRdkgz7Hy926vtWApiiaxhQ5RoYrOX6PuB2VvxiYwhZgf0F8oSyrsMwsP2lQa02RuxsjNHAmN24xRGVYdUcgLncgMHP8/f3M0OA8U1xHX1RmhjxvkTXk5u90faohMnFAV1qEqyWJsSH5+fvb3ek+S4l3mjCHriOwtc8lNHooOmwqPWtKY1JylDP19vrv8PW1udIzQYM2S2E4Tl9Wckh3my+DqSeSvBvp6vLX2ufS1OOVnL+Di7NjbqBWYZdJVZA3RIVad0Vujzd9oird4OqmrMmfpsWQl7yHj7ZrdaVaZZtFUo15nS2Mk7l5g65SXpUvPYDDx9pTXpYpmmynAAAAB3RSTlMA+M7LbAYasTkiKQAABKNJREFUWMPs1U1vqkAUBmCs2vMG6ghkaAIJgvEDSJNWEsXF7eLWTat23d7t/f9/4s4ZnIXBBU3Y3NZ3cUaG+MwwJwTLsoaDfo86SK8/GFoqtzfUWW5u1f7Y604cWgPqNAOr3y3Yt3rdgj2LOs4VvIJX8LuBiV0nIQrs+npCOoEeJwEX2zbTiYhJxxaTS+DzA+q4x9DFiFQBlr6ix1CXVACfXDh7ouPGBbKQqPQA5EETHMNkfAd4pAont8kBUNEIcLgA7E/r5e/4Jkc0wco1YGhAnbn+j38Gzom3pcwydusfiyZIC1EB+CMWZMDf2ydgHTCYJQb0hRDRO4ADBVW0A2aCFs+Xu2yf9m7AGdmuWoJBjA3o6MUBV7ekBLxIjW1BmgE7DY4MOK+qKuF5jx9T8AFEXwAz4KBB960GdSSVOIkSwEvUGvwLYOtA56zL9AEgV2LwqMV24PplDeTc5eU5yOeYAniNlLgBULQDdcYMPuYGZIxTiys1cv/dbVvwYUUaTJsgzYE3HoMccFqBS/8+phqM3SY45VPmFIBs22U6gTQyoCelnNJUOmnO8/fztFgC6ZfB3XmXfejsyANnHV8EJwD4zieDJTfYnP6GkozBJwPuTbdfecwOdBGklZ9quPAPXH6RTrz3Q6LQ3ws6+johxamUDr/Bxw8pV+//6SfgR4L/+C7TrbShKAr/zHdwIAWZQaUiaCAySWWQwTJoW0EBqXWe2/d/gyZhaJcrcf/KWkm+m3vvvvuchH/Mk9f1ZVbINkLzanEQN3S4ofyvw0u/f/nXuhMw1ILjmEnxqOxbBnKnoGS+cLqHJbWUX0SVewemUem3jS9fE2DPGHfq/ifDgWmYntMsC32aJYsH0Ho9TB3ZAZ8geAuuXBqKZxGTk6OhF0kZi6EyLBg6u7mAZEgxtAyPwbJIuXL9AHbx5QZvAI4h2hVv1QT6ichnsE55UAaDilek3qC5bQzR5LUsg3pd70gBas5AGBckMIHv74FR0Ma6BDQSxoKDnnnA1GMVNeYM1M4lc6ehbio2QNC6MiTtsp7Wmeub4gisnsnVBbTiig1w058i6i2YsRWHSrsKkMzu1hRHYLEt1w3IuhQ7oNucaV0i7Cq+fe6l8xwBVI/PEZgR7wj2lxXFAaikeJYxa1YdLXZEBudVOF53AralPAR1KewITHIrf0xgOAvRYrAtmXNYc5zyQ19+9+Bk1QFYg65M+KkYyqWAxn1F7mDbCchbUDojSF7aAT2eNJN2BfNTw7lsKQkQ7fc/9uFL2dqXhL1tGgEpkvSZTc1cegbyHwDnzsnbAN+KBalbnUcMXkdRQCtmdAg5A1em3n7k6D3Q6y2LZG41s6O2fCjS1/WOeC9ohW2Acbh5QfXVUjDu9kiYAaDVRzSNm4brAoa6wx5smUmwrVK9C1bKmaubCeRtfyu2ALLGbEoAashIwSSz1irBQivTHV3inzbtA/bgBDVrWTTXpPXVytwd0gkzpX1rKqZaicVq1Y6as8wNOdaU08UZcs0vYvPQ960a+juwPALwKfLzR8gN5Vpv1MBRA0cNpJuBVB/UpfqwM9UHxqk+dE/1yQWqT38AAIclHq6D/GxwAAAAAElFTkSuQmCC");
}

#ul_bottom ._icon_tipness02:before,
._icon_tipness02 .p_visual:before{background-image:url(ie8_s_logo_brand02.png)\9;}

/*-----------------------------------*/
h4 {
    font-size: 18px;
    margin-top: 0.5em;
}