@charset "utf-8";
/*==========================================================================
【m_interview.css】インタビューページ（＆１日のスケジュールは320行目から）
============================================================================*/
/*******************************
■headContent(PC)
********************************/

/*-------------------------
【.pic_ttl】
画像文字タイトル（PC）
---------------------------*/
.pic_ttl{
	margin: 50px 0 10px;
	text-align: center;
}
.pic_ttl img {
	display: inline;
	height: auto;
	max-width: 280px;
}
/*タイトル画像*/
.maintitle{
	margin-bottom: 30px;
	text-align: center;
	position: relative;
}
.maintitle img {
	display: inline;
	position: relative;
	z-index: 10;
}
/*******************************
■BottomContent(PC)
********************************/
/*アイキャッチ画像（左寄せ）*/
.eyecatch{
	float: left;
	margin-right: 30px;
	text-align: center;
}
.eyecatch img{display: inline;}

/*テキスト*/
.int_message {
	margin: 0 0 20px;
	overflow: hidden;
	text-align: justify;
}
.int_message:after {
	clear: both;
	content: "";
	display: block;
	margin-bottom: 20px;
}
/*サブタイトル*/
.int_message .title{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
}
/*テキスト*/
.texts{
	letter-spacing: -1px;
	line-height: 1.5;
	overflow: hidden;
}
/*******************************
■インタビューリスト（PC）
********************************/
/*ナビメッセージ（取得用・非表示）*/
.mini_message{display: none;}
/*------------------------
【#int_nav】
インタビューリスト(PC)
--------------------------*/
#int_nav{
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","qMmpS Pro W3","CI",Meiryo,"lr oSVbN",sans-serif;
	font-size: 0;
	margin: 0 -10px;
	text-align: center;
}
.interview_ttl{
	color: #F96B27;
	font-size: 32px;
	text-align: center;
}
/*トップページ用*/
#int_nav .sub_ttl{
	margin: 10px 20px;
}
#int_nav dd{
	display: inline-block;
	height: auto;
	margin: 10px;
	overflow: hidden;
	position: relative;
	text-align: left;
	vertical-align: top;
	width: 220px;
}
/*現在ページ（非表示化）*/
#int_nav dd.now{display: none!important;}
/*リンク*/
#int_nav a{
	display: block;
	font-weight: bold;
	position: relative;
	box-sizing: border-box !important;
	overflow: hidden;
}
/*画像*/
#int_nav img{
	height: auto;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}
/*画像・おにぎりは対象外*/
#int_nav a img{
	border-radius: 20px;
	border-style: solid;
	border-width: 4px;
}
/*テキスト*/
#int_nav span{
	display: block;
	font-size: 15px;
	letter-spacing: -2px;
	line-height: 20px;
	margin-top: 10px;
	position: relative;
}
/*画像・丸枠*/
#int_nav span:before{
	border-radius: 50%;
	content: "";
	display: block;
	height: 40px;
	position: absolute;
	right: 10px;
	top: -60px;
	width: 40px;
	z-index: 10;
}
/*画像・三角*/
#int_nav span:after{
	border-color: transparent transparent transparent #ffffff;
	border-style: solid;
	border-width: 11px 0 11px 19.1px;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	right: 18px;
	top: -50px;
	width: 0;
	z-index: 20;
}



/*******************************
■ご応募の方はこちら（PC）
********************************/
/*------------------------
【btn_oubo_interview】
ご応募の方はこちら（PC）
--------------------------*/
.btn_oubo_interview{
	background-color: #6fcdf0;
	border: 4px solid #6fcdf0;
	border-radius: 60px;
	box-sizing: border-box;
	display: table;
	height: 120px;
	margin: 40px auto;
	max-width: 720px;
	position: relative;
	text-align: center;
	width: 100%;
}
.btn_oubo_interview a{
	color: #000000;
	display: table-cell;
	font-size: 42px;
	vertical-align: middle;
}
/*アイコン：丸と三角*/
.btn_oubo_interview a:before,
.btn_oubo_interview a:after{
	bottom: 0;
	content: "";
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
}
/*丸*/
.btn_oubo_interview a:before{
	background-color: #ffffff;
	border-radius: 50%;
	height: 40px;
	right: 40px;
	width: 40px;
}
/*三角*/
.btn_oubo_interview a:after{
	border-color: transparent transparent transparent #6fcdf0;
	border-style: solid;
	border-width: 9px 0 9px 15.6px;
	height: 0;
	right: 50px;
	width: 0;
}
/*各種マウスオーバー*/
.btn_oubo_interview:hover{background-color: #ffffff!important;}
.btn_oubo_interview:hover a:before{background-color: #6fcdf0;}
.btn_oubo_interview:hover a:after{border-color: transparent transparent transparent #ffffff;}
/*１日のスケジュールはこちら*/
.btn_oubo_interview.width_schedule{
	background-color: #C6EB53;
	border: 4px solid #C6EB53;
}
/*丸*/
.btn_oubo_interview.width_schedule a:before{background-color: #ffffff;}
/*三角*/
.btn_oubo_interview.width_schedule a:after{border-color: transparent transparent transparent #C6EB53;}

/*マウスオーバー*/
#int_nav dd:hover a{color:#C6EB53!important}
#int_nav dd:hover a img{border-color:#C6EB53!important;opacity:0.6}
#int_nav dd:hover span:before{background-color:#C6EB53!important;}
.btn_oubo_interview.width_schedule:hover a:before{background-color: #C6EB53;}
.btn_oubo_interview.width_schedule:hover a:after{border-color: transparent transparent transparent #ffffff;}


@media screen and (max-width:970px){
.eyecatch{margin-left: 10px;}
.int_message{margin-right: 10px;}
.title_message{margin: 0 10px;}
/*******************************
■ご応募の方はこちら(TAB)
********************************/
.btn_oubo_interview{height: 90px;}
.btn_oubo_interview a{font-size: 32px;}
}
@media screen and (max-width:670px){
/*-------------------------
【.pic_ttl】
画像文字タイトル（SP）
---------------------------*/
.pic_ttl{
	margin: 40px 0 0;
	text-align: center;
}
.pic_ttl img{width: 50%;}

/*******************************
■BottomContent(SP)
********************************/
.eyecatch{
	float: none;
	margin: auto 20px;
}
.int_message{margin: auto 10px;}
.int_message .title{font-size: 18px;}
/*******************************
■ご応募の方はこちら（SP）
********************************/
/*------------------------
【btn_oubo_interview】
ご応募の方はこちら（SP）
--------------------------*/
.btn_oubo_interview{
	height: 70px;
	margin: 20px auto;
}
.btn_oubo_interview a{font-size: 20px;}
.btn_oubo_interview a:before{right: 10px;}
.btn_oubo_interview a:after{right: 20px;}
/*******************************
■インタビューリスト（SP）
********************************/
/*------------------------
【#int_nav】
インタビューリスト（SP）
--------------------------*/
.interview_ttl{
	font-size: 18px;
}
#int_nav dd{
	height: auto;
	margin: 4% 2% 0;
	max-width: 220px;
	width: 40%;
}
#int_nav span{
	font-size: 14px;
	letter-spacing: inherit;
}
#int_nav span br{display: none;}
/*画像・丸枠*/
#int_nav span:before{
	height: 28px;
	top: -50px;
	width: 28px;
}
/*画像・三角*/
#int_nav span:after{
	border-width: 6px 0 6px 10.4px;
	top: -42px;
}
}
@media screen and (max-width:480px){
/*******************************
■ご応募の方はこちら（SP2）
********************************/
/*------------------------
【btn_oubo_interview】
ご応募の方はこちら（SP2）
--------------------------*/
.btn_oubo_interview{height: 64px;}
.btn_oubo_interview a{font-size: 18px;}

.btn_oubo_interview a:before{
	background-color: #ffffff;
	height: 28px;
	width: 28px;
}
.btn_oubo_interview a:after{
	border-width: 6px 0 6px 10.4px;
	right: 18px;
}
}
/*==========================================================================
【schedule】スケジュールページ用
============================================================================*/
/*******************************
■特殊フォント
********************************/
@font-face{
	font-family: radio_land;
	src:
	url('radio-land.eot?') format('eot'),
	url('radio-land.ttf') format("truetype"); /* IE6-IE8 */
}

/*******************************
■headContent(PC)
********************************/
.maintitle{
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.maintitle img{
	display: inline;
	position: relative;
	z-index: 10;
}
.title_message{
	max-width: 950px;
	text-align: justify;
}
.mini_message{
	display: none;
}
/*******************************
■BottomContent(PC)
********************************/
/*----------------------------
【schedule_box】
1日のスケジュール
----------------------------*/
.schedule_box{
	max-width: 740px;
	margin: 40px auto;
	text-align: center;
}
/*時間*/
.p_clock{
	box-sizing: border-box;
	border-radius: 50px;
	color: #ffffff;
	display: block;
	font-family: radio_land;
	font-size: 32px;
	height: 80px;
	line-height: 1.8em;
	margin: auto;
	overflow: hidden;
	padding-top: 15px;
	position: relative;
	text-align: center;
	width: 200px;
}
/*矢印*/
.p_clock:after{
	border-color: transparent transparent transparent #ffffff;
	border-style: solid;
	border-width: 9px 0 9px 15.6px;
	bottom: 0;
	content: "";
	display: block;
	height: 0;
	margin: auto;
	position: absolute;
	right: 20px;
	top: 0;
	width: 0;
	z-index: 20;
}
/*テキスト*/
.text{
	text-align:left;
}
/*アイキャッチ画像*/
.schedule_eyecatch{
	height: 160px;
	margin: 10px auto;
	position: relative;
	overflow: hidden;
	text-align: center;
	width: 240px;
	vertical-align: top;
}

/*2つ横並び*/
.schedule_eyecatch.parallel_image{
	display:inline-block;
}
/*注釈文付き*/
.schedule_eyecatch.annotation{
	height:188px;
}
.annotation:after {
	content: "＊配達車両は株式会社セブン-イレブン・ジャパン許諾のもと、各配送会社が商標を使用しています。";
	display: block;
	font-size: 11px;
	letter-spacing: -1px;
	line-height: 1.2;
	margin: -10px auto;
	max-width: 242px;
	text-align: left;
	width: 100%;
	overflow: visible;
	background: white;
	bottom: 10px;
	color: #000000;
	position: absolute;
}
/*タイトル*/
.schedule_ttl{
	font-size: 18px;
	text-align: center;
	margin: 10px 0 0;
}
/*テキスト*/
.schedule_ttl + p{
	text-align: justify;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 10px;
}
/*【午前午後カラー設定:am_box/pm_box】-------------------------------------------------*/
/*午前*/
.am_box .p_clock{
	border-color: #f33c26;
	background-color: #f33c26;
}
.am_box .schedule_ttl{color: #f33c26;}
/*午後*/
.pm_box .p_clock{
	border-color: #ED6C00;
	background-color: #ED6C00;
}
.pm_box .schedule_ttl{color: #ED6C00;}


.page_schedule #int_nav span{
	text-align:center;
}
/*-------------------------------------------------------------------------------------*/
@media screen and (max-width:970px){
/*----------------------------
【schedule_box】
1日のスケジュール
----------------------------*/
.schedule_box{
	margin: 40px auto;
}
}
@media screen and (max-width:740px){
/*----------------------------
【schedule_box】
1日のスケジュール
----------------------------*/
.schedule_box{
	margin: 40px 20px;
}
	
}