@charset "utf-8";

@media screen and (max-width: 767px) {}
@media screen and (min-width: 768px), print {}
@media screen and (min-width: 768px) and (max-width: 1023px) {}
/*-------------------------------------------------
共通指定
-------------------------------------------------*/
/* パンくずリスト */
#pan ol{ float: right;}
#pan ol li{ float:left; font-size: 0.8rem;}
#pan ol li a{ color: #0083d6;}
#pan ol li a:hover{ text-decoration: underline;}
#pan ol > li:before {content:"　\003e　";}
#pan ol > li:first-child:before { content: none;}

.bg_pan_01{ background: #d0e9ff; overflow: hidden;}

/* タイトル */
#page_title_frame_01{ width: 100%;}
#page_title_frame_01 h1{ text-align: center; margin-bottom: 20px; line-height: 1;}
#page_title_frame_01 h1::after{ content: " "; display: block; width: 120px; margin: 0 auto; padding-top: 24px; border-bottom: 1px solid #000;}
#page_title_frame_01 p{ text-align: center; line-height: 1.8;}

#page_title_frame_02{ width: 100%;}
#page_title_frame_02 p{ text-align: center; line-height: 1.8;}
#page_title_frame_02 h1{ text-align: center; margin-bottom: 20px; line-height: 1;}
#page_title_frame_02 h1::after{ content: " "; display: block; width: 120px; margin: 0 auto; padding-top: 24px; border-bottom: 1px solid #000;}

.bg_business{ background: url(../business/images/bg_title_business_01.jpg) center top no-repeat;}
.bg_profile{ background: url(../profile/images/bg_title_profile_01.jpg) center top no-repeat;}
.bg_recruitment{ background: url(../recruitment/images/bg_title_recruitment_01.jpg) center top no-repeat;}
.bg_sitemap{ background: url(../sitemap/images/bg_title_sitemap_01.jpg) center top no-repeat;}

.title_01{ text-align: center; letter-spacing: 0.1em; color: #0072ba;}
.title_02{ text-align: center;}
.title_02::after{ content: " "; display: block; width: 120px; margin: 0 auto; padding-top: 24px; border-bottom: 1px solid #000;}
.title_03{ text-align: center;}
.title_03 .title_text_02{ font-size: 1.8rem;}
.title_04{ font-weight: bold; font-size: 1.2rem; padding-bottom: 6px; margin-bottom: 20px; color: #0072ba; border-bottom: 2px solid #e9f0f6;}
.title_05{ font-weight: bold; font-size: 1.1rem; padding: 6px 20px; margin-bottom: 20px; background: #e9f0f6; text-align: center;}
.title_06{ position: relative; display: inline-block; font-weight: bold; width: 100%; text-align: center; margin-bottom: 30px;}
.title_06 span{;position: relative; z-index: 10; background: #fff; padding: 10px 15px;}
.title_06:before { content: ''; position: absolute; z-index: 1; right: 0; top: 50%; display: inline-block; width: 100%; height: 1px; background-color: #000;}

.title_text_01{ font-size: 0.9rem; color:#0083d6;}

/* フレーム */
#page_contents_frame{ clear: both;}

.box_topics_01{ border: 10px solid #e9f0f6;}

.pic_border_01 img{ border: 1px solid #e9f0f6;}

/* ボタン */
.btn_link_01 a{ position: relative; display: inline-block; background: #e9f0f6; font-weight: bold; font-size: 1.1rem; text-align: center; padding: 15px 50px;}
.btn_link_01 a::after{ position: absolute; top:50%; right: 0; content: " "; display: block; width: 20px; height: 1px; background: #000;}
.btn_link_01 a:hover{ background: #91c7f4;}

.btn_link_02{ background: url(../images/common/arrow_next.png) left 0.2em no-repeat; background-size: 7px 7px; padding-left: 14px; line-height: 1;}
.btn_link_02 a{ color: #0083d6;}
.btn_link_02 a:hover{ text-decoration: underline;}

.btn_link_03 a{ display: block; font-weight: bold; font-size: 1.1rem; padding: 6px 20px; margin-bottom: 20px; background: #e9f0f6; text-align: center;}
.btn_link_03 a:hover{ background: #0083d6; color: #fff;}

/* リスト */
.list_01{ display:-webkit-flex;display: flex; -webkit-justify-content:flex-start;justify-content:flex-start; -webkit-flex-wrap: wrap;flex-wrap: wrap;}

.list_x2_01 li{ margin-bottom: 0.5em;}

ul.list_mb_40 li{ margin-bottom: 40px;}

ul.list_maru_01 li{ text-indent: -1.5em; padding-left: 1.5em;}
ul.list_maru_01 > li::before{ content: "●"; margin-right: 0.5em; color: #0083d6;}
ul.list_maru_02 li{ text-indent: -1.2em; padding-left: 1.2em; margin-bottom: 0.5em;}
ul.list_maru_02 > li::before{ content: "・"; margin-right: 0.2em;}

ul.list_num li{ list-style: decimal; margin-left: 1.2em; margin-bottom: 0.5em;}

ul.list_shikaku_01 li{ text-indent: -1.5em; padding-left: 1.5em; margin-bottom: 1em;}
ul.list_shikaku_01 li::before{ content: "■"; margin-right: 0.5em; color: #0083d6;}

ul.list_kome_01 li{ text-indent: -1.2em; padding-left: 1.2em; margin-bottom: 0.5em;}
ul.list_kome_01 li::before{ content: "※"; margin-right: 0.2em;}

ul.list_sen_01 li{ text-indent: -1.2em; padding-left: 1.2em; margin-bottom: 0.1em;}
ul.list_sen_01 > li::before{ content: "―"; margin-right: 0.2em; color: #0083d6;}

ul.list_link_02 li a{ font-size: 0.9rem;}

ul.list_border_01 li{ border-bottom: 1px solid #e4ebf1; overflow: hidden;}

dl.list_text_01 dt{ color: #0083d6; font-weight: bold;}
dl.list_text_02 dt{ float: left;}
dl.list_text_02 dd{ margin-bottom: 0.5em;}
dl.list_text_03{ border-bottom: 1px solid #e4ebf1;}
dl.list_text_03 dt{ font-weight: bold;}
dl.list_text_04 dt{ font-weight: bold; border-bottom: 1px solid #e4ebf1; padding-bottom: 0.5em;}
dl.list_text_05 dd{ line-height: 1.8;}
dl.list_text_06 dt{ font-weight: bold; margin-bottom: 20px;}
dl.list_text_06 dd{ margin-bottom: 20px;}

/* テーブル */
table.t_01{ width: 100%;}
table.t_01 th{ font-weight: bold;}

table.t_02{ width: 100%;}
table.t_02 th{ font-weight: bold;}

table.t_03{ width: 100%;}
table.t_03 th{ border: 1px solid #d4e1e6; background: #d4e1e6; font-weight: bold; text-align: center;}
table.t_03 td{ border: 1px solid #d4e1e6;}

.hissu{ color: #f62c11; background: #fff; border: 1px solid #f62c11; font-size: 0.7em; padding: 0.1em 0.3em; border-radius: 5px;}

/* 分割 */
.list_frame_01{ display:-webkit-flex;display: flex; -webkit-justify-content:flex-start;justify-content:flex-start; -webkit-flex-wrap: wrap;flex-wrap: wrap;}

/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	/* パンくずリスト */
	#pan ol{ padding-top: 10px;}
	#pan ol li{ float:left; font-size: 0.7rem;}

	/* タイトル */
	#page_title_frame_01{ padding-top: 60px;}
	#page_title_frame_01 h1{ font-size: 7vw; padding-top: 60px;}
	#page_title_frame_01 p{ font-size: 0.9rem;}
	
	.page_title_second_01{ padding-bottom: 30px;}
	.page_title_second_02{ padding-bottom: 20px;}
	.page_title_third_01{ padding-bottom: 20px;}
	.page_title_third_01 p{ margin-bottom: 20px;}
	.page_title_fourth_01{ padding-top: 100px!important;}
	.page_title_fourth_01 h1{ padding-top: 20px!important;}
	
	#page_title_frame_02{ padding-top: 60px; padding-bottom: 1px;}
	#page_title_frame_02 h1{ font-size: 7vw; padding-top: 20px;}
	#page_title_frame_02 p{ font-size: 0.9rem; padding-top: 40px;}
	
	.title_bg_01{ background-position: center 60px; background-repeat: no-repeat; background-size: auto 100%;}
	.bg_development_01{ background-image: url(../business/development/images/bg_title_development_01_sp.jpg)}
	.bg_industry_01{ background-image: url(../business/industry/images/bg_title_industry_01_sp.jpg)}
	.bg_car_01{ background-image: url(../business/car/images/bg_title_car_01_sp.jpg)}
	.bg_embedded_01{ background-image: url(../business/embedded/images/bg_title_embedded_01_sp.jpg)}
	.bg_product_01{ background-image: url(../business/product/images/bg_title_product_01_sp.jpg)}
	.bg_recruitment_01{ background-image: url(../recruitment/entry_interview/images/bg_title_entry_interview_01_sp.jpg)}
	
	.title_bg_02{ background-position: center 60px; background-repeat: no-repeat; background-size: auto 150px;}
	.bg_education_02{ background-image: url(../education/images/bg_title_education_02_sp.jpg);}
	.bg_government_02{ background-image: url(../business/government/images/bg_title_government_02_sp.jpg);}
	.bg_profile_02{ background-image: url(../profile/images/bg_title_profile_02_sp.jpg);}
	.bg_recruitment_02{ background-image: url(../recruitment/images/bg_title_recruitment_02_sp.jpg);}

	.title_01{ font-size: 1.5rem; margin-bottom: 40px;}
	.title_02{ font-size: 1.5rem; margin-bottom: 40px;}
	.title_03{ margin-bottom: 40px;}
	.title_06{ font-size: 1.2rem;}

	/* フレーム */
	#page_contents_frame{ padding-top: 80px;}
	
	.box_topics_01{ padding: 40px 10px 0;}

	/* リスト */
	.list_x2_01 li{ width: 100%;}
	.list_x2_02 li{ width: 100%;}
	.list_x3_01 li{ width: 100%;}
	.list_x3_02 li{ width: 100%;}
	
	.list_x5 li{ width: calc(50% - 10px * 1/2); margin-right: 10px; margin-bottom: 10px;}
	.list_x5 li:nth-child(2n+2){ margin-right: 0;}
	
	.list_x6 li{ width: calc(50% - 10px * 1/2); margin-right: 10px; margin-bottom: 10px;}
	.list_x6 li:nth-child(2n+2){ margin-right: 0;}
	
	.list_x7 li{ width: calc(50% - 10px * 1/2); margin-right: 10px; margin-bottom: 10px;}
	.list_x7 li:nth-child(2n+2){ margin-right: 0;}

	ul.list_link_01{ border-top: 1px solid #d4d4d4; margin-bottom: 60px;}
	ul.list_link_01 li{ text-align: center; font-size: 0.9rem; border-bottom: 1px solid #d4d4d4;}
	ul.list_link_01 li a{ display: block; color: #0083d6; padding: 5px 0; background: url(../images/common/arrow_next.png) 16px center no-repeat; background-size: 7px 7px;}

	ul.list_link_02 li{ margin-bottom: 10px; width: 100%;}
	ul.list_link_02 li a{ display: block;}
	
	ul.list_num{ margin-left: 10px;}
	
	ul.list_border_01 li{ padding-bottom: 40px; margin-bottom: 30px;}	
	
	dl.list_text_01 dt{ font-size: 1.2em; margin-bottom: 20px;}
	dl.list_text_01 dd{ font-size: 0.9rem; margin-bottom: 40px;}
	dl.list_text_02 dd{ padding-left: 12em;}
	dl.list_text_03{ margin-bottom: 20px;}
	dl.list_text_03 dt{ font-size: 1.2rem; margin-bottom: 10px;}
	dl.list_text_03 dd{ margin-bottom: 30px;}
	dl.list_text_04 dt{ margin-bottom: 10px;}
	dl.list_text_04 dd{ font-size: 0.9rem; margin-bottom: 40px; line-height: 1.8;}
	dl.list_text_05 dt{ font-size: 1.2em; margin-bottom: 20px;}
	dl.list_text_06 dd{ font-size: 0.9rem;}

	/* テーブル */
	table.t_01{}
	table.t_01 th{ display: block; padding: 10px; background: #e9f0f6;}
	table.t_01 td{ display: block; padding: 20px 0; font-size: 0.9rem;}
	
	table.t_02 th{ display: block; padding: 10px; background: #e9f0f6;}
	table.t_02 td{ display: block; padding: 20px 0; font-size: 0.9rem;}
	
	table.t_03 th{ display: block; padding: 5px 10px;}
	table.t_03 td{ display: block; padding: 20px 10px; font-size: 0.9rem;}


}
@media screen and (min-width: 768px), print {
	/* パンくずリスト */
	#pan{ padding-right: 20px;}
	#pan ol{ padding-top: 16px;}

	/* タイトル */
	#page_title_frame_01 h1{ font-size: 2.2rem; padding-top: 180px;}
	#page_title_frame_01 p{ font-size: 1.1rem;}
	
	.page_title_second_01{ height: 540px; padding-top: 100px;}
	.page_title_second_02 h1{ padding-top: 130px!important;}
	.page_title_third_01{ padding-bottom: 40px; padding-top: 100px;}
	.page_title_third_01 p{ margin-bottom: 100px;}
	.page_title_fourth_01 p{ padding-top: 130px;}
	.page_title_fourth_01 h1{ padding-top: 10px!important; padding-bottom: 20px;}

	#page_title_frame_02{ padding-bottom: 20px;}
	#page_title_frame_02 p{ font-size: 1.1rem; padding-top: 130px;}
	#page_title_frame_02 h1{ font-size: 2.2rem; padding-top: 10px;}
	
	.title_bg_01{ background-position: center 100px; background-repeat: no-repeat;}
	.bg_development_01{ background-image: url(../business/development/images/bg_title_development_01.jpg)}
	.bg_industry_01{ background-image: url(../business/industry/images/bg_title_industry_01.jpg)}
	.bg_car_01{ background-image: url(../business/car/images/bg_title_car_01.jpg)}
	.bg_embedded_01{ background-image: url(../business/embedded/images/bg_title_embedded_01.jpg)}
	.bg_product_01{ background-image: url(../business/product/images/bg_title_product_01.jpg)}
	.bg_recruitment_01{ background-image: url(../recruitment/entry_interview/images/bg_title_entry_interview_01.jpg)}
	.bg_education_01{ background-image: url(../education/images/bg_title_education_01.jpg)}
	
	.title_bg_02{ background-position: center 100px; background-repeat: no-repeat;}
	.bg_education_02{ background-image: url(../education/images/bg_title_education_02.jpg);}
	.bg_government_02{ background-image: url(../business/government/images/bg_title_government_02.jpg);}
	.bg_profile_02{ background-image: url(../profile/images/bg_title_profile_02.jpg);}
	.bg_recruitment_02{ background-image: url(../recruitment/images/bg_title_recruitment_02.jpg);}
	
	.title_01{ font-size: 2.2rem; margin-bottom: 60px;}
	.title_02{ font-size: 2.2rem; margin-bottom: 60px;}
	.title_03{ margin-bottom: 60px;}
	.title_06{ font-size: 1.4rem;}
	
	/* フレーム */
	#page_contents_frame{ padding-top: 80px;}
	
	.box_text_01{ margin: 0 80px; overflow: hidden;}
	.box_text_02{ margin: 0 11%;}
	
	.box_topics_01{ padding: 70px;}
	
	/* リスト */
	.list_x1_01 > li{ width: 100%; margin-bottom: 6px;}
	
	.list_x2_01 > li{ float: left; width: 50%; font-size: 1.1rem;}
	.list_x2_02 > li{ float: left; width: calc(50% - 40px * 1/2); margin-right: 40px;}
	.list_x2_02 > li:nth-child(2n+2){ margin-right: 0;}
	.list_x2_03 > li{ float: left; width: calc(50% - 6px * 1/2); margin-right: 6px; margin-bottom: 6px;}
	.list_x2_03 > li:nth-child(2n+2){ margin-right: 0;}
	
	.list_x3_01 > li{ float: left; width: calc(33.3333% - 24px * 2/3); margin-right: 24px;}
	.list_x3_01 > li:nth-child(3n+3){ margin-right: 0;}
	
	.list_x3_02 > li{ float: left; width: calc(33.3333% - 6px * 2/3); margin-right: 6px; margin-bottom: 6px;}
	.list_x3_02 > li:nth-child(3n+3){ margin-right: 0;}
	
	.list_x5 li{ width: calc(20% - 10px * 4/5); margin-right: 10px;}
	.list_x5 li:last-child{ margin-right: 0;}
	
	.list_x6 li{ width: calc(16.666% - 10px * 5/6); margin-right: 10px;}
	.list_x6 li:last-child{ margin-right: 0;}
	
	.list_x7 li{ width: calc(14% - 10px * 6/7); margin-right: 10px;}
	.list_x7 li:last-child{ margin-right: 0;}

	ul.list_link_01{ margin-bottom: 80px; line-height: 1; text-align: center;}
	ul.list_link_01 li{ display: inline-block; text-align: center; border-left: 2px solid #d4d4d4;}
	ul.list_link_01 li:first-child{ border: none;}
	ul.list_link_01 li a{ padding: 0 20px;}
	ul.list_link_01 li a:hover{ text-decoration: underline;}
	
	ul.list_link_02 li a{ width: 100%; padding: 30px;}
	
	ul.list_border_01 li{ padding-bottom: 60px; margin-bottom: 40px;}

	dl.list_text_01 dt{ font-size: 1.5rem; margin-bottom: 30px;}
	dl.list_text_01 dd{ margin-bottom: 60px;}
	dl.list_text_02 dd{ padding-left: 13em;}
	dl.list_text_03{ margin-bottom: 30px;}
	dl.list_text_03 dt{ font-size: 1.5rem; margin-bottom: 30px;}
	dl.list_text_03 dd{ font-size: 1.1rem; margin-bottom: 40px;}
	dl.list_text_04 dt{ font-size: 1.5rem; margin-bottom: 20px;}
	dl.list_text_04 dd{ margin-bottom: 50px;}
	dl.list_text_05 dt{ font-size: 1.5rem; margin-bottom: 30px;}

	/* テーブル */
	table.t_01{ font-size: 1.1rem;}
	table.t_01 th{ border-bottom: 1px solid #abb4bc; padding: 20px;}
	table.t_01 td{ border-bottom: 1px solid #e9f0f6; padding: 20px;}
	
	table.t_02 th{ border-bottom: 1px solid #e9f0f6; padding: 10px 0; width: 30%;}
	table.t_02 td{ border-bottom: 1px solid #e9f0f6; padding: 10px 0;}
	
	table.t_03 th{ width: 20%; padding: 10px; border-bottom: 1px solid #fff;}
	table.t_03 tr:last-child th{ border-bottom: 1px solid #d4e1e6;}
	table.t_03 td{ padding: 10px 20px;}

	/* 分割 */
	.column_x3 .list_contents_x1{width: calc(33.333% - 20px * 2 / 3); margin-right: 20px;}
	.column_x3 .list_contents_x1:nth-child(3n+3){ margin-right: 0;}
	
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	/* タイトル */
	#page_title_frame_01 h1{ padding-top: 40px;}
	
	.page_title_second_01{ height: 340px;}
	.page_title_third_01 p{ margin-bottom: 40px;}
	
	/* フレーム */
	.box_text_01{ margin: 0 40px;}
	.box_text_02{ margin: 0 40px;}

	.box_topics_01{ padding: 20px;}
	
	/* リスト */
	ul.list_link_01 li{ margin-bottom: 16px;}
	ul.list_link_01 li:first-child{  border-left: 2px solid #d4d4d4;}
	ul.list_link_01 li:last-child{  border-right: 2px solid #d4d4d4;}

	ul.list_num{ margin-left: 10px;}
	
	.list_x6 li{ width: calc(33.333% - 10px * 2/3); margin-right: 10px; margin-bottom: 10px;}
	.list_x6 li:nth-child(3n+3){ margin-right: 0;}
	
	.list_x7 li{ width: calc(33.333% - 10px * 2/3); margin-right: 10px; margin-bottom: 10px;}
	.list_x7 li:nth-child(3n+3){ margin-right: 0;}

	/* テーブル */
	table.t_01 th{ width: 20%}
	
}

/*-------------------------------------------------
レイアウト
-------------------------------------------------*/
/* カテゴリ一覧 */
.category_title_01 h2{ text-align: center;}
.category_title_01::after{ content: " "; display: block; height: 1px;
background: -moz-linear-gradient(left, #d4e1e6 33%, #0083d6 33%, #0083d6 66%, #d4e1e6 66%);
background: -webkit-linear-gradient(left, #d4e1e6 33%, #0083d6 33%, #0083d6 66%, #d4e1e6 66%);
background: linear-gradient(to right, #d4e1e6 33%, #0083d6 33%, #0083d6 66%, #d4e1e6 66%);
}
ul.list_category_01{}
ul.list_category_01 li{ font-weight: bold; background: url(../images/common/arrow_r_bk.png) 3px 0.4em no-repeat; background-size: 5px 8px; padding-left: 16px; margin-bottom: 0.5em;}
ul.list_category_01 li a{ color: #0083d6;}
ul.list_category_01 li a:hover{ text-decoration: underline;}

/* カテゴリ詳細 トップ */
.page_list_navi_frame{ background: #e9f0f6; padding: 20px 0;}
.box_list_navi_01{ font-size: 0.9rem;}
.box_list_navi_01 h2{ position: relative; float: left; margin-right: 4px; border-right: 1px solid #000;}
.box_list_navi_01 h2 a{ display: block; background: #fff;}
.box_list_navi_01 h2::after{ position: absolute; top:50%; right: 0; content: " "; display: block; width: 20px; height: 1px; background: #000;}
.box_list_navi_01 h2 a:hover{ background: #ffd7d7;}
.box_list_navi_01 h2.current a{ background: #ffd7d7; cursor: inherit;}
ul.list_navi_01 li{ margin-bottom: 1px; display: table;}
ul.list_navi_01 li a{ position: relative; background: #fff; display: table-cell; vertical-align: middle; padding: 0 30px 0 15px;}
ul.list_navi_01 li a::after{ position: absolute; top:50%; right: 0; content: " "; display: block; width: 20px; height: 1px; background: #000;}
ul.list_navi_01 li a:hover{ background: #ffd7d7;}
ul.list_navi_01 li.current a{ background: #ffd7d7; cursor: inherit;}

.box_title_01{ position: relative; border-bottom: 1px solid #0072ba;}
.box_title_01::after{ position: absolute; left: 0; right: 0; content: " "; display: block; width: 1px; margin: 0 auto; background: #0072ba;}
.box_title_01 p{ line-height: 1.8;}

.box_contents_01{}
.box_contents_02{}

.box_title_02 *{ font-weight: bold; line-height: 1.2;}
.box_title_02::after{ content: " "; display: block; height: 1px;
background: -moz-linear-gradient(left, #0083d6 16%, #d2dee8 16%);
background: -webkit-linear-gradient(left, #0083d6 16%, #d2dee8 16%);
background: linear-gradient(to right, #0083d6 16%, #d2dee8 16%);
}

.box_contents_detail_01{ clear: both; overflow: hidden;}
.box_contents_detail_01 p{ line-height: 1.8;-webkit-transition: all 0.3s ease;transition: all  0.3s ease;}
.box_contents_detail_01 .pic_l .pic_text_01{ text-align: center; font-size: 0.8em; padding-top: 10px;}
.box_contents_detail_02{}
.box_contents_detail_03{}
.box_border_01{ border-bottom: 1px solid #e4ebf1;}

.category_frame_02 .list_contents_x1{ background: #e9f0f6; margin-bottom: 20px;}
.category_frame_02 .list_contents_x1 ul li{ margin-bottom: 0.5em;}
.category_title_02 h4{ text-align: center;}
.category_title_02 a:hover h4{ background: #0083d6; color: #fff;-webkit-transition: all 0.3s ease;transition: all  0.3s ease;}
.category_title_02::after{ content: " "; display: block; height: 1px;
background: -moz-linear-gradient(left, #fff 33%, #0083d6 33%, #0083d6 66%, #fff 66%);
background: -webkit-linear-gradient(left, #fff 33%, #0083d6 33%, #0083d6 66%, #fff 66%);
background: linear-gradient(to right, #fff 33%, #0083d6 33%, #0083d6 66%, #fff 66%);
}

/* カテゴリ詳細 */
#page_top_frame{ background: #d0e9ff; clear: both; overflow: hidden;}

.box_interview_01 .subtitle_01{ font-size: 1.1rem; margin-bottom: 10px;}
.box_interview_01 h2{ margin-bottom: 20px;}
.box_interview_01 .text_name{ font-weight: bold; color: #0083d6; margin-bottom: 20px; font-size: 0.9rem;}
.box_interview_01 .text_name span{ color: #000; font-size: 1.2rem;}

.box_business_01 h2{ font-weight: bold; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",'ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo', sans-serif;}
.box_business_01 ul{ font-weight: bold;}
.box_business_01 p{ /*margin-bottom: 1em;*/ margin-bottom: 40px;}

p.btn_banner_01 a{ display: block; padding: 10px; border: 1px solid #0083d6; text-align: center; background: url(../images/common/icon_blank.png) 98% center no-repeat; background-size: 24px 24px;}
p.btn_banner_01 img{ width: auto;}

p.btn_banner_02 a{ display: inline-block;}
p.btn_banner_02 img{ width: auto;}

p.btn_banner_03 img{ width: 100%;}

ul.list_summary_01 li{ border-bottom: 1px solid #e9f0f6;}

ol.list_history_01 li{ background: #fff;}
ol.list_history_01 li:nth-child(2n+2){ background: #f7f9fb;}
ol.list_history_01 li dl dt{ font-family: 'Noto Serif JP', serif; font-style: normal; font-weight: 600; color: #0083d6;}

dl.list_policy_01{ float: right; margin-bottom: 20px; font-size: 0.9rem;}
dl.list_policy_01 dt{ float: left; width: 7em;}
dl.list_policy_01 dd{ padding-left: 8em}

ol.list_policy_02 > li{ margin-bottom: 30px;}
ol.list_policy_02 > li p{ font-weight: bold; margin-left: 2.2em;}
ol.list_policy_02 > li p.text_policy_01{ margin-left: 0; margin-bottom: 10px; padding-left: 2em; text-indent: -2em;}
ol.list_policy_02 > li ul{ margin-bottom: 20px;}
ol.list_policy_02 > li ul li{ margin-bottom: 0; margin-left: 20px;}

.box_training_01 h5{ font-weight: bold; color: #0083d6; border-bottom: 1px solid #0083d6; margin-bottom: 16px; padding-bottom: 5px;}
.box_training_01 dl dt{ font-weight: bold;}

dl.list_faq_01{}
dl.list_faq_01 dt{ font-weight: bold; color: #0083d6; background: #f7f9fb;}
dl.list_faq_01 dd{}

p.btn_entry_01{ border: 1px solid #00aaef; width: 270px;}
p.btn_entry_01 a{ display: block; padding: 10px;}
p.qr_entry_01{ border: 1px solid #d2dee8; width: 125px;}

ul.list_recruitment_01{}
ul.list_recruitment_01 li{ font-weight: bold; color: #0083d6; margin-bottom: 1em; text-indent: -2.2em; padding-left: 2.2em;}

h4.title_recruitment_01{ font-weight: bold; color: #0083d6; text-indent: -2.2em; padding-left: 2.2em; line-height: 1.3;}

ul.list_development_01 li{ border: 1px solid #d4e1e6; text-align: center; font-weight: bold;}
ul.list_development_01 li span{ font-weight: normal; font-size: 0.9rem;}

/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	/* カテゴリ一覧 */
	.category_frame_01 .list_contents_x1{ margin-bottom: 80px;}
	.category_frame_01 .list_contents_x1 ul{ padding-top: 20px;}
	.category_title_01 h2{ font-size: 5vw; padding: 15px 0;}
	
	/* カテゴリ詳細 トップ */
	.box_list_navi_01 h2 { width: 100%; margin-bottom: 1px;}
	.box_list_navi_01 h2 a{ height: 51px; padding: 15px;}
	ul.list_navi_01{ clear: both;}
	ul.list_navi_01 li{ font-size: 0.8rem; width: 100%; margin-right: 1px;}
	ul.list_navi_01 li a{ height: 31px;}
	
	.box_title_01{ margin-bottom: 100px;}
	.box_title_01::after{ height: 100px;}
	.box_title_01 p{ padding-bottom: 40px;}

	.box_title_02{ margin-bottom: 20px;}
	.box_title_02 *{ font-size: 1.3rem; padding-bottom: 16px;}
	.box_title_02 a{ padding: 0;}

	.box_contents_01{ padding-top: 60px; margin-bottom: 60px;}
	.box_contents_01 h3{ margin-bottom: 40px;}
	.box_contents_02{ margin-bottom: 100px;}
	
	.box_pic_02{ margin-bottom: 40px;}

	.box_contents_detail_01{ margin-bottom: 80px;}
	.box_contents_detail_01 .pic_l{ margin-bottom: 20px;}
	.box_contents_detail_01 .pic_01{ margin-bottom: 40px;}
	.box_contents_detail_01 p{ font-size: 0.9rem;}
	.box_contents_detail_01 p.text_02{ margin-bottom: 40px;}
	
	.box_contents_detail_02{ margin-bottom: 100px;}

	.category_title_02 h4{ font-size: 1rem; padding: 20px;}
	.category_frame_02 .list_contents_x1{ width: 100%;}
	.category_frame_02 .list_contents_x1 ul{ padding: 20px 20px 20px 30px; font-size: 0.9rem;}

	/* カテゴリ詳細 */
	#page_top_frame{ padding-top: 80px;}

	.box_business_01 h2{ font-size: 1.4rem; margin-bottom: 30px;}
	.box_business_01 ul{ margin-left: 14px;}
	.box_business_01 ul li{ margin-bottom: 0.5em;}

	.box_interview_01 h2{ font-size: 1.6rem;}

	p.btn_banner_03{ width: 100%;}

	ul.list_summary_01 li{ font-size: 1.1rem; padding-bottom: 20px; margin-bottom: 20px;}

	ol.list_history_01 li{ padding: 20px 10px;}
	ol.list_history_01 li dl dt{ margin-bottom: 0.5em;}
	ol.list_history_01 li dl dd{ font-size: 0.9rem;}

	.box_training_01 h5{ font-size: 1.1rem; max-width: 100px;}
	.box_training_01 dl dt{ font-size: 1.2rem; margin-bottom: 20px;}
	.box_training_01 dl dd{ font-size: 0.9rem; line-height: 1.8;}

	dl.list_faq_01 dt{ font-size: 1.1rem; text-indent: -48px; padding: 10px 10px 14px 58px;}
	dl.list_faq_01 dd{ font-size: 0.9rem; padding: 20px 0 60px; overflow: hidden;}

	ul.list_development_01 li{ width: 100%; padding: 15px 20px 10px; margin-bottom: 6px;}

	.box_sitemap_01 > ul > li > ul{ margin-bottom: 20px;}

}
@media screen and (min-width: 768px), print {
	/* カテゴリ一覧 */
	.category_frame_01 .list_contents_x1{ margin-bottom: 90px;}
	.category_frame_01 .list_contents_x1 ul{ padding: 40px 40px 0;}
	.category_title_01 h2{ font-size: 1.2rem; padding: 25px 0;}
	
	/* カテゴリ詳細 トップ */
	.box_list_navi_01{ margin: 0 20px;}
	.box_list_navi_01 h2{ width: 292px; height: 100%;}
	.box_list_navi_01 h2.rows_1 a{ height: 60px; padding: 20px 30px 10px 15px;}
	.box_list_navi_01 h2.rows_2 a{ height: 121px; padding: 46px 30px 10px 15px;}
	.box_list_navi_01 h2.rows_3 a{ height: 182px; padding: 76px 30px 10px 15px;}
	.box_list_navi_01 h2.rows_4 a{ height: 243px; padding: 106px 30px 10px 15px;}
	ul.list_navi_01 li{ width: calc(33.333% - 1px); margin-left: 1px;}
	ul.list_navi_01 li a{ height: 60px;}
	
	.box_title_01{ padding: 0 80px; margin-bottom: 160px;}
	.box_title_01::after{ height: 160px;}
	.box_title_01 p{ padding-bottom: 80px;}
	
	.box_title_02{ margin-bottom: 60px;}
	.box_title_02 *{ font-size: 1.8rem; padding: 0 80px 20px;}
	.box_title_02 a{ padding: 0;}
	
	.box_contents_01{ padding-top: 80px; margin-bottom: 80px; overflow: hidden;}
	.box_contents_01 h3{ margin-bottom: 60px;}
	.box_contents_02{ margin-bottom: 180px;}
	
	.box_pic_01{ margin: 0 40px;}
	.box_pic_02{ margin-bottom: 70px;}
	
	.box_contents_detail_01{ margin-bottom: 80px;}
	.box_contents_detail_01 .pic_l{ float: left;}
	.box_contents_detail_01 .pic_01{ margin-bottom: 40px;}
	.box_contents_detail_01 .text_01{ padding-left: 420px;}
	.box_contents_detail_01 .text_02{ margin-bottom: 40px;}
	.box_contents_detail_01 .text_03{ padding-left: 340px; font-size: 1.1rem;}
	.box_contents_detail_01 .text_04{ padding-left: 340px;}
	.box_contents_detail_01 .text_05{ padding-left: 640px;}
	.box_contents_detail_02{ margin-bottom: 120px;}
	.box_border_01{ padding-bottom: 80px;}
	
	.category_frame_02{ margin-bottom: 180px;}
	.category_title_02 h4{ font-size: 1.3rem; padding: 30px;}
	.category_title_02 h4.rows_2{ padding: 15px 30px;}
	.category_frame_02 .list_contents_x1 ul{ padding: 40px;}

	/* カテゴリ詳細 */
	#page_top_frame{ padding-top: 80px;}

	.box_business_01{ margin-right: 80px;}
	.box_business_01 h2{ font-size: 1.5rem; margin-bottom: 40px;}
	.box_business_01 ul{ font-size: 1.2rem;}
	.box_business_01 ul li{ margin-bottom: 1em;}
	.box_business_01 dl dt{ margin-bottom: 40px;}
		
	.box_interview_01 h2{ font-size: 1.8rem;}
	
	p.btn_banner_01{ width: 560px; margin: 0 auto;}
	p.btn_banner_03{ max-width: 750px; margin: 0 auto;}
	
	ul.list_summary_01 li{ font-size: 1.8rem; padding-bottom: 60px; margin-bottom: 40px;}
	
	ol.list_history_01 li{ padding: 20px;}
	ol.list_history_01 li dl{ font-size: 1.1rem;}
	ol.list_history_01 li dl dt{ float: left;}
	ol.list_history_01 li dl dd{ padding-left: 150px}

	.box_training_01 h5{ font-size: 1.5rem; padding-left: 20px; margin-left: -20px; max-width: 200px;}
	.box_training_01 dl dt{ font-size: 1.8rem; margin-bottom: 30px;}
	.box_training_01 dl dd{ font-size: 1.1rem; line-height: 1.8;}
	
	dl.list_faq_01 dt{ font-size: 1.4rem; text-indent: -54px; padding: 10px 20px 14px 74px;}
	dl.list_faq_01 dd{ padding: 20px 20px 80px; overflow: hidden;}
	
	ul.list_recruitment_01 li{ font-size: 1.2rem;}
	
	ul.list_development_01 li{ padding: 25px 20px 20px; font-size: 1.1rem;}
	
	.box_sitemap_01 > ul > li{ margin-bottom: 24px;}

}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	/* カテゴリ一覧 */
	.category_title h2{ font-size: 1.2rem;}
	ul.list_category_01{ padding: 20px 10px 0; font-size: 0.9rem;}
	
	/* カテゴリ詳細 トップ */
	.box_list_navi_01 h2{ width: 222px;}
	ul.list_navi_01 li{ font-size: 0.8rem;}
	
	.box_title_01{ padding: 0 40px;}
	
	.box_title_02 *{ padding-left: 40px;}
	.box_title_02 a{ padding-left: 0;}
	
	.box_contents_detail_01 .pic_l{ width: 280px;}
	.box_contents_detail_01 .text_01{ padding-left: 320px;}
	.box_contents_detail_01 .text_05{ padding-left: 320px;}
	
	.category_frame_02 .list_contents_x1 ul{ padding: 20px; font-size: 0.8rem;}
	.category_title_02 h4{ font-size: 1.1rem;}
	
	/* カテゴリ詳細 */
	.box_business_01{ margin-right: 40px;}
	
	.box_interview_01{ margin-right: 40px;}
	
	ul.list_summary_01 li{ font-size: 1.5rem;}
	
	h4.title_recruitment_01{ padding-left: 3em;}

}


/*---------- 採用情報　2022.02追記 ----------*/
/*--- 先輩インタビュー ---*/
.interview_header_frame{ background: rgba(255,255,255,1.0);}

/* list */
.interview_menu_frame{ background: url("../recruitment/images/bg_interview_nav.png") right bottom no-repeat; background-color: #0082d6; width: 100%;}
.interview_menu_frame h2{ color: #fff; font-style: oblique;}
.interview_menu_frame h2 span{ font-weight: bold; font-style: normal;}
.interview_menu h3{ color: #fff; font-style: oblique;}
.interview_menu ul{ display: -webkit-flex;display: flex; -webkit-justify-content:flex-end;justify-content: flex-end;}
.interview_menu ul li{  text-align: center;}
.interview_menu ul li a{ display: block; background: #0082d6; color: #fff;}
.interview_menu ul li a:hover{ background: #35b1ff;}

/* title */
.bg_interview_frame{ background-repeat: no-repeat; background-color: #d1edfb; width: 100%;}

#interview_title_frame_01{ position: relative; width: 100%;}
#interview_title_frame_01 h1{ text-align: center; background: #0082d6; color: #fff; line-height: 1; margin: 0 auto; border-radius: 50%;}
#interview_title_frame_01 h1 span{ font-weight: 300;}
#interview_title_frame_01 ul{ width: 300px; margin: 0 auto; display: -webkit-flex;display: flex; -webkit-justify-content:space-between;justify-content:space-between;}
#interview_title_frame_01 ul li img{ width: 27px; height: 41px;}
#interview_title_frame_01::before{ position: absolute; left: 0; right: 0; margin: 0 auto; content: " "; width: 1px; background: #0082d6; height: 100%;}

#interview_title_frame_02{ clear: both;}

#interview_title_frame_03{ clear: both;}

#interview_title_frame_04{ background: #f62c11;}
#interview_title_frame_04 p{ color: #fff; font-style: oblique; line-height: 1.2; font-size: 1.4em; font-weight: 300;}
#interview_title_frame_04 h1{ color: #fff;}

#interview_title_frame_05{ position: relative; width: 100%;}
#slider_recruitment li img{ object-fit: cover; font-family: 'object-fit: cover;';}

/* contents */
.box_interview_frame_01{ position: relative; border-bottom: 1px solid #0072ba;}
.box_interview_frame_01::before{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; content: " "; width: 1px; background: #0082d6; height: calc(100% + 80px);}
.box_interview_frame_01 .pic_01{ position: relative;}
.box_interview_frame_01 .box_text_interview_01{ background: #004a79; color: #fff;}
.box_interview_frame_01 .box_text_interview_01 h2{ font-weight: bold;}
.box_interview_frame_01 .box_text_interview_01 ul{ clear: both;}
.box_interview_frame_01 .box_text_interview_01 ul li{ margin-bottom: 0.5em;}
.btn_page_01 a{ display: block; line-height: 1.2; color: #fff; background: url("../images/common/arrow_r_wh.png") 95% center no-repeat; background-size: 6px 10px; background-color: #0082d6;}
.btn_page_01 a:hover{ background-color: #35b1ff;}

.box_interview_frame_02{ overflow: hidden;}
dl.list_text_interview_01 dt{ font-weight: bold; color: #0082d6; margin-bottom: 1em; font-size: 1.1em;}
dl.list_text_interview_01 dt span{ background: linear-gradient(transparent 40%, #e5f5ff 40%);}
dl.list_text_interview_01 dd.text_l{ line-height: 1.4; font-weight: bold; margin-bottom: 1em;}
dl.list_text_interview_01 dd{ line-height: 1.8;}

.box_interview_frame_03{ position: relative; background: #d0e9ff;}
.box_interview_frame_03 h3{ position: absolute; top: -25px; left: 0; right: 0; z-index: 1; text-align: center; color: #0082d6; font-weight: 300; font-size: 2.2em;}
.box_interview_frame_03 .box_text_interview_05{ line-height: 1.8; overflow: hidden;}

.box_interview_title_01 h3{ text-align: center; font-weight: bold; color: #0082d6;}
.box_interview_title_01::after{ content: " "; display: block; height: 1px;
background: -moz-linear-gradient(left, #d4e1e6 40%, #0083d6 40%, #0083d6 60%, #d4e1e6 60%);
background: -webkit-linear-gradient(left, #d4e1e6 40%, #0083d6 40%, #0083d6 60%, #d4e1e6 60%);
background: linear-gradient(to right, #d4e1e6 40%, #0083d6 40%, #0083d6 60%, #d4e1e6 60%);
}

table.t_interview_01{ width: 100%;}
table.t_interview_01 thead th{ background: #004a79;}
table.t_interview_01 tbody th{ background: #3ea1e1;}
table.t_interview_01 th{ border: 1px solid #fff; vertical-align: text-top; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; text-align: center; color: #fff;}
table.t_interview_01 td{ border: 1px solid #fff; vertical-align: text-top;}
table.t_interview_01 td:nth-child(2n){ background: #f7f9fb;}
table.t_interview_01 td:nth-child(2n+1){ background: #e9f0f6;}

/*--- 採用情報トップ ---*/
.box_recruitment_title_01{ clear: both;}
.box_recruitment_title_01 h1, .box_recruitment_title_01 h2{ text-align: center; font-weight: bold; color: #0082d6;}
.box_recruitment_title_01 p{ text-align: center;}
.box_recruitment_title_01 p img{ width: 100%;}

.banner_recruitment_01{ text-align: center;}

.box_recruitment_02{ background: url("../recruitment/images/bg_recruitment_01.jpg") center top no-repeat;}
ul.list_interview_01 li dl dd{ font-weight: bold; padding: 20px;}
ul.list_interview_01 li dl dd span{ font-weight: normal; color: #0082d6;}

.box_recruitment_03{ position: relative; background: #d0e9ff;}
.infographics_frame_01, .infographics_frame_02{ background: #fff;}
.infographics_frame_01 h3, .infographics_frame_02 h3{ text-align: center; color: #0082d6; font-weight: bold; line-height: 1.2;}

.box_infographics_01{ position: relative;}
.box_infographics_01 .box_count_01 p.text_01{ font-weight: bold;}

.box_count_01{ color: #0082d6;}
.box_count_01 .icon_01 img{ width: auto;}
.box_count_01 h4{ font-weight: bold;}
.box_count_01 p{ line-height: 1;}
.box_count_01 p span{ font-weight: bold;}
.box_count_01 p.text_02{ font-size: 1em; padding-top: 10px;}
.box_count_01 p.text_03{ font-weight: bold; font-size: 1.2em; padding-top: 16px;}
.box_count_01 p.text_03 span.text_s{ font-size: 0.7em; white-space: nowrap;}

ul.list_interview_02 li{ line-height: 1.2;}
ul.list_interview_02 li p{ text-align: center; color: #0082d6; font-weight: bold; line-height: 1.2;}
ul.list_interview_02 li .pic_01{ margin-bottom: 20px;}

.fade{opacity:0;}
.fadeIn{animation-name:fadeUpAnime;animation-duration:1s;animation-fill-mode:forwards; opacity:0;}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(40px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/*--- 社員に聞いてみた！ ---*/
.box_recruitment_faq_01{}
.box_recruitment_faq_02{}

.box_recruitment_title_02{ background: #0082d6;}
.box_recruitment_title_02 h2{ text-align: center; color: #fff; font-weight: bold; line-height: 1.2;}
.box_recruitment_title_02 p{ text-align: center; margin-bottom: 10px;}

.faq_frame_01{ background: #d0e9ff;}
.box_faq_01{}
p.btn_Q{ position: relative; color: #fff; font-weight: bold;}
p.btn_Q::before{ position: absolute; top: 0; left: 0; content: "Q"; color: #fff; background: #0082d6; border-radius: 50%; font-weight: bold; text-align: center;}
p.btn_Q span{ position: relative; display: block; background: #0082d6; border-radius: 10px; cursor: pointer;}
p.btn_Q span::before{ position: absolute; top: 0; content: ""; background: url("../recruitment/faq/images/bg_fukudashi_bl.png") left top no-repeat;}
.box_toggle{ position: relative;}
.icon_toggle::before { content: ""; height: 2px; display: inline-block; background: #fff; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: .5s;}
.icon_toggle::after { content: ""; width: 2px; display: inline-block; background: #fff; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: .5s;}
.active .icon_toggle::before{ transform: translate(-50%, -50%) rotate(180deg);}
.active .icon_toggle::after{ transform: translate(-50%, -50%) rotate(90deg);}

.box_drawer{ display: none;}
p.btn_A{ position: relative; color: #0082d6;}
p.btn_A::before{ position: absolute; top: 0; right: 0; content: "A"; color: #0082d6; background: #fff; border-radius: 50%; font-weight: bold; text-align: center;}
p.btn_A span{ position: relative; display: block; background: #fff; border-radius: 10px;}
p.btn_A span::before{ position: absolute; top: 0; content: ""; background: url("../recruitment/faq/images/bg_fukudashi_wh.png") left top no-repeat;}
p.btn_A:nth-child(1)::before{ color: #b0a7f5;}
p.btn_A:nth-child(2)::before{ color: #5944ea;}
p.btn_A:nth-child(3)::before{ color: #462fe8;}
p.btn_A:nth-child(4)::before{ color: #2f17d0;}
p.btn_A:nth-child(5)::before{ color: #3146bb;}
p.btn_A:nth-child(6)::before{ color: #8fb8e0;}
p.btn_A:nth-child(7)::before{ color: #5492cf;}
p.btn_A:nth-child(8)::before{ color: #3374b5;}
p.btn_A:nth-child(9)::before{ color: #2d669f;}
p.btn_A:nth-child(10)::before{ color: #255483;}
p.btn_A:nth-child(11)::before{ color: #5bcaff;}
p.btn_A:nth-child(12)::before{ color: #28b9ff;}
p.btn_A:nth-child(13)::before{ color: #00acff;}
p.btn_A:nth-child(14)::before{ color: #007ab5;}
p.btn_A:nth-child(15)::before{ color: #005f8c;}

p.btn_A:nth-child(16)::before{ color: #44a7cc;}
p.btn_A:nth-child(17)::before{ color: #2d85a6;}
p.btn_A:nth-child(18)::before{ color: #526c8f;}
p.btn_A:nth-child(19)::before{ color: #5787b7;}
p.btn_A:nth-child(20)::before{ color: #3e6791;}


/*--- 5分でわかる東海ソフト ---*/
.box_number_frame_01{ overflow: hidden;}
.title_number_01{ text-align: center; font-weight: bold; color: #0082d6; line-height: 1;}
.title_number_01::after{ content: " "; display: block; margin: 0 auto; border-bottom: 4px solid #0082d6;}

.chart_frame_02{ position: relative; width: 100%;}
/*
.chart_frame_02::before{ position: absolute; content: ""; width: 2px; height: 100%; border-left: 2px solid #0082d6; bottom: 12px; left: 50px;}
.chart_frame_02::after{ position: absolute; content: ""; width: 100%; height: 2px; border-bottom: 2px solid #0082d6; bottom: 12px; left: 50px;}
*/
ul.list_number_x{ position: absolute;}
ul.list_number_x li{ width: 16.666%; text-align: center; color: #0082d6; font-weight: bold;}
.chart_frame_02 .box_icon_01{ position: absolute;}
.chart_frame_02 .box_icon_01{ top: 0; right: 30px;}
.chart_frame_02 .box_icon_01 .icon_01{ text-align: center;}
.chart_frame_02 .box_icon_01 .icon_01 img{ width: auto;}
.chart_frame_02 .box_icon_01 p{ color: #0082d6;}
.chart_frame_02 .box_icon_01 p span{ font-weight: bold;}

ul.list_number_01 li{ text-align: center; line-height: 1.1; margin-bottom: 10px;}
ul.list_number_01 li span{ font-size: 1.1em; font-weight: bold;}

ul.list_number_02{ margin: 0 auto;}
ul.list_number_02 li{ line-height: 1.1; margin-bottom: 10px;}
ul.list_number_02 li span{ font-size: 1.2em; font-weight: bold;}
ul.list_number_02 li span.text_s{ font-size: 0.6em; font-weight: inherit;}

dl.list_text_number_01{ font-weight: bold;}
dl.list_text_number_01 dt{ font-size: 1.4em; margin-bottom: 10px;}


/*--- エントリー ---*/
table.t_recruitment_01{ width: 100%;}
table.t_recruitment_01 th{ border-bottom: 1px solid #abb4bc; font-weight: bold;}
table.t_recruitment_01 td{ border-bottom: 1px solid #e9f0f6;}
table.t_recruitment_01 thead{ background: #d0e9ff;}
table.t_recruitment_01 thead th{ color: #0082d6;}
table.t_recruitment_01 thead td{ color: #0082d6; font-weight: bold;}

.box_recruitment_06 h4{ text-align: center; font-weight: bold; color: #0082d6;}

p.banner_recruitment_02{ border: 1px solid #00aaff;}
p.banner_recruitment_02 a{ display: block; text-align: center;}
p.banner_recruitment_02 img{ width: auto;}

ul.list_interview_04 li{ background: #d0e9ff; color: #0082d6; text-align: center; font-weight: bold; display: block; padding: 10px 10px 20px;}
ul.list_interview_04 li span{ font-style: oblique; font-size: 1.5em; line-height: 2; font-weight: 300;}

@media screen and (max-width: 767px) {
	/*--- 先輩インタビュー ---*/
	.interview_header_frame{ height: 70px;}
	
	/* menu */
	.interview_menu_frame{ position: fixed; bottom: 0; z-index: 9999; background-size: 100%;}
	.interview_menu_frame h2{ display: none;}
	.interview_menu_frame h2 span{ font-size: 1.4em;}
	.interview_menu{ padding: 10px 20px 20px;}
	.interview_menu h3{ display: none;}
	.interview_menu ul{ display: -webkit-flex;display: flex; -webkit-justify-content:space-between;justify-content: space-between;}
	.interview_menu ul li{ font-size: 3.3vw; height: 31px; flex-grow: 1; margin-left: 5px;}
	.interview_menu ul li:first-child{ margin-left: 0;}
	.interview_menu ul li a{ padding: 8px 5px 5px 5px; border: 1px solid #fff;}

	/* title */
	.bg_interview_frame{ height: 590px; background-position: center 70px; background-size: 100%; background-color: #3dadef;}
	.bg_interview_01{ background-image: url("../recruitment/interview/01/images/bg_interview_top_sp.jpg");}
	.bg_interview_02{ background-image: url("../recruitment/interview/02/images/bg_interview_top_sp.jpg");}
	.bg_interview_03{ background-image: url("../recruitment/interview/03/images/bg_interview_top_sp.jpg");}
	.bg_interview_04{ background-image: url("../recruitment/interview/04/images/bg_interview_top_sp.jpg");}
	.bg_interview_05{ background-image: url("../recruitment/interview/05/images/bg_interview_top_sp.jpg");}
	.bg_interview_06{ background-image: url("../recruitment/interview/06/images/bg_interview_top_sp.jpg");}
	.bg_interview_07{ background-image: url("../recruitment/interview/07/images/bg_interview_top_sp.jpg");}
	.bg_interview_08{ background-image: url("../recruitment/interview/08/images/bg_interview_top_sp.jpg");}
	.bg_interview_09{ background-image: url("../recruitment/interview/09/images/bg_interview_top_sp.jpg");}
	
	#interview_title_frame_01{ padding-top: 70px;}
	#interview_title_frame_01 p{ text-align: center; padding-top: 30vh; margin-bottom: 40px;}
	#interview_title_frame_01 p img{ width: 80%;}
	#interview_title_frame_01 h1{ width: 120px; height: 120px; padding-top: 22px; font-size: 0.8em;}
	#interview_title_frame_01 h1 span{ font-size: 68px;}
	#interview_title_frame_01 ul{ margin-top: -80px;}
	#interview_title_frame_01::before{ bottom: 0; height: 100px;}

	#interview_title_frame_02 .box_recruitment_title_01{ padding-top: 70px;}
	
	#interview_title_frame_03{ padding-bottom: 40px; background-position: left bottom; background-repeat: no-repeat; background-size: 100%; background-color: #e6f3fb;}
	#interview_title_frame_03 .box_recruitment_title_01{ padding-top: 40px;}
	#interview_title_frame_03 #pan{ padding-top: 70px;}

	#interview_title_frame_04{ padding: 120px 0 40px;}
	#interview_title_frame_04 h1{ margin-bottom: 40px;}

	#interview_title_frame_05{}
	#slider_recruitment{ width: 100%; height: calc( 65vh + 70px); padding-top: 70px;}
	#slider_recruitment li img{ height: 65vh;}

	.bg_faq_top_01{ background-image: url("../recruitment/faq/images/bg_faq_top_sp.jpg");}
	.bg_number_top_01{ background-image: url("../recruitment/numbers/images/bg_number_top_sp.jpg");}

	/* contents */
	.box_interview_frame_01{ padding-bottom: 100px;}
	.box_interview_frame_01 .box_text_interview_01{ position: relative; width: 100%; padding: 20px;}
	.box_interview_frame_01 .box_text_interview_01 h2{ font-size: 1.4em; margin-bottom: 10px;}
	.box_interview_frame_01 .box_text_interview_01	.btn_page_01{ margin-bottom: 10px;}
	.box_interview_frame_01 .box_text_interview_01 ul li{ font-size: 0.8em;}
	.btn_page_01 a{ padding: 5px 14px 3px;}
	
	.box_interview_frame_02{ padding-top: 60px;}
	.box_interview_frame_02 .pic_l_01{ margin-bottom: 20px;}
	.box_interview_frame_02 .pic_r_01{ margin-bottom: 20px;}
	.box_interview_frame_02 .pic_c_01{ margin-bottom: 20px;}
	dl.list_text_interview_01{ margin-bottom: 60px;}
	
	.box_interview_frame_03{ padding: 40px 20px; margin-top: 100px;}
	.box_interview_frame_03 .pic_l_01{ padding: 20px; margin-bottom: 20px;}

	.box_interview_title_01{ margin-bottom: 40px;}
	.box_interview_title_01 h3{ font-size: 1.6em; margin-bottom: 10px;}
	
	.box_interview_frame_04{ padding: 80px 0;}
	table.t_interview_01 thead{ display: none;}
	table.t_interview_01 tbody th{ background: #004a79;}
	table.t_interview_01 th{ display: block; padding: 10px; font-size: 0.9em;}
	table.t_interview_01 td{ position: relative; display: block; padding: 10px; padding-left: 3em; min-height: 7em; font-size: 0.9em;}
	table.t_interview_01 td::before{ position: absolute; left:0; top:0; display: block; width: 2em; height: 100%; background: #3ea1e1; color: #fff; padding: 14px 0.5em; line-height: 1.2;}
	table.t_interview_01 td:nth-child(2)::before{ content: "業務内容";}
	table.t_interview_01 td:nth-child(3)::before{ content: "開発環境";}
	table.t_interview_01 td:nth-child(4)::before{ content: "開発規模";}

	/* list */
	.list_interview_frame_01{ padding-bottom: 100px;}
	.list_interview_frame_01 .box_list_navi_01{ padding-top: 20px;}
	.list_interview_frame_02{ margin: -70px 20px 0;}
	.list_interview_frame_02 .list_contents_x1{ width: 100%;}
	.list_interview_frame_02 .list_contents_x1 ul{ padding: 20px;}
	
	/*--- 採用情報トップ ---*/
	.box_recruitment_01 .banner_recruitment_01{ margin: 0 40px;}
	
	.box_recruitment_01 .banner_recruitment_01{ margin-bottom: 160px;}
	
	.box_recruitment_02{ background-size: 250%; padding-bottom: 260px;}
	.box_recruitment_02 .box_recruitment_title_01{ margin-top: -30px;}
	.box_recruitment_02 ul.list_interview_01{ padding-top: 140px;}
	.box_recruitment_title_01 p{ margin-bottom: 10px;}
	.box_recruitment_title_01 h1, .box_recruitment_title_01 h2{ font-size: 1.4em; margin-bottom: 40px;}

	ul.list_interview_01 li{ width: 100%; margin-bottom: 60px;}

	ul.list_interview_02 > li{ width: calc(50% - 20px * 1/2); margin-right: 20px; margin-bottom: 40px;}
	ul.list_interview_02 > li:nth-child(2n+2){ margin-right: 0;}
	ul.list_interview_02 > li:last-child{ width: 100%; margin-right: 0;}

	ul.list_interview_03 li{ width: 100%;}
	
	.infographics_frame_01, .infographics_frame_02{ padding: 20px; margin-bottom: 40px;}
	.infographics_frame_01 h3, .infographics_frame_02 h3{ font-size: 1.4em; margin-bottom: 20px;}
	.infographics_frame_01 h3 span, .infographics_frame_02 h3 span{ font-size: 0.6em;}

	.box_recruitment_03{ padding-bottom: 160px; padding-top: 120px; margin-top: -80px;}
	.box_recruitment_03 .box_recruitment_title_01{ position: absolute; top: -30px; left: 0; right: 0; margin: 0 auto;}
	.box_recruitment_03 .btn_link_01{ clear: both; padding-top: 60px;}
	
	.box_infographics_01{ min-height: 400px;}
	.box_infographics_01 #count_01{ position: absolute; top: 100px; right: 20px;}
	.box_infographics_01 #count_02{ position: absolute; bottom: 20px; left: 40%;}
	.box_infographics_01 #count_03{ position: absolute; top: 80px; left: 20px;}
	.box_infographics_01 #count_04{ position: absolute; top: 80px; right: 10px;}
	.box_infographics_01 #count_05{ position: absolute; bottom: 10px; left: 10px;}
	.box_infographics_01 .box_count_01 h4{ line-height: 1.2; font-size: 1.4em;}
	.box_infographics_01 .box_count_01 p.text_01{ font-size: 0.9em;}

	.infographics_frame_02 .box_count_01 .icon_01{ padding-top: 10px; margin-bottom: 10px;}

	.box_count_01 h4{ font-size: 1.4em;}
	.box_count_01 p{ font-size: 1.5em;}
	.box_count_01 p span{ font-size: 2em;}
	.box_count_01 p.num_03{ font-size: 1.2em; line-height: 1.4;}
	
	ul.list_infographics_01 > li{ float: left; width: calc(50% - 20px * 1/2); margin-right: 20px;}
	ul.list_infographics_01 > li:nth-child(2n+2){ margin-right: 0;}

	.box_recruitment_04{ padding-top: 60px; padding-bottom: 160px;}
	.box_recruitment_04 .btn_link_01{ clear: both; padding-top: 60px;}

	/*--- 社員に聞いてみた！ ---*/
	.box_recruitment_faq_01{ padding: 40px 0; margin-bottom: -80px;}
	.box_recruitment_faq_02{ margin-top: -60px; padding-top: 60px;}

	.box_recruitment_title_02{ padding: 40px;}
	.box_recruitment_title_02 h2{ font-size: 1.4em;}
	.box_recruitment_title_02 p img{ width: 100%;}

	.faq_frame_01{ padding: 40px 0 100px;}
	.box_faq_01{}
	.box_toggle{ margin-bottom: 20px;}
	.icon_toggle::before{ width: 20px; right: 0;}
	.icon_toggle::after{ height: 20px; right: 18px;}
	p.btn_Q{ padding-left: 60px;}
	p.btn_Q::before{ width: 40px; height: 40px; font-size: 1.5em; padding: 2px;}
	p.btn_Q span{ padding: 20px 40px 20px 20px; font-size: 1em;}
	p.btn_Q span::before{ background-size: 14px 23px; left: -14px; width: 14px; height: 23px;}
	.box_drawer{ margin-bottom: 60px;}
	p.btn_A{ padding-right: 60px; margin-bottom: 10px;}
	p.btn_A::before{ width: 40px; height: 40px; font-size: 1.5em; padding: 3px;}
	p.btn_A span{ padding: 20px; font-size: 0.9em;}
	p.btn_A span::before{ background-size: 14px 23px; right: -14px; width: 14px; height: 23px;}
	
	/*--- 5分でわかる東海ソフト ---*/	
	.box_number_frame_01{ margin-bottom: 100px;}
	.title_number_01{ font-size: 2.2em; padding-top: 40px; margin-bottom: 60px;}
	.title_number_01::after{ width: 30%; padding-top: 20px;}
	
	ul.list_number_01 li{ font-size: 1.4em;}
	
	ul.list_number_02{ width: 76%;}
	ul.list_number_02 li{ font-size: 1.4em;}

	ul.list_number_x{ bottom: -10px; left: 46px; width: calc(100% - 46px);}
	ul.list_number_x li{ font-size: 0.9em;}
	ul.list_number_x li span{ font-size: 1.2em; line-height: 1.2;}

	.chart_frame_02 p{ font-size: 1.2em;}
	.chart_frame_02 p span{ font-size: 1.8em;}

	
	/*--- エントリー ---*/
	table.t_recruitment_01 th{ display: block; padding: 10px;}
	table.t_recruitment_01 td{ display: block; padding: 20px 10px;}
	table.t_recruitment_01 td 	dl.list_text_02 dt{ font-weight: bold;}
	table.t_recruitment_01 td 	dl.list_text_02 dd{ padding-left: 6em;}
	table.t_recruitment_01 tbody th{ background: #e9f0f6;}

	.box_recruitment_06{ padding: 80px 0;}
	.box_recruitment_06 h4{ font-size: 1.3em; margin-bottom: 20px;}
	
	p.banner_recruitment_02{ margin-bottom: 40px;}	
	
}
@media screen and (min-width: 768px) {
	/*--- 先輩インタビュー ---*/
	.interview_header_frame{ height: 100px; position: relative!important;}
	
	/* menu */
	#navi_frame.fixed{ position: fixed; left: 0; top: 0; z-index: 500;}

	.interview_menu_frame{}
	.interview_menu_frame h2{ float: left; font-size: 0.8em; padding-top: 14px; margin-left: 40px;}
	.interview_menu_frame h2 span{ font-size: 1.8em;}
	.interview_menu{ height: 60px; padding-top: 10px; display: -webkit-flex;display: flex; -webkit-justify-content:flex-end;justify-content: flex-end;}
	.interview_menu h3{ padding-right: 10px; padding-top: 10px;}
	.interview_menu ul{ margin-right: 40px;}
	.interview_menu ul li{ margin-left: 10px; height: 40px; border: 1px solid #fff;}
	.interview_menu ul li a{ padding: 7px; width: 190px;}
	
	/* title */
	.bg_interview_frame{ height: 720px; background: center top;}
	.bg_interview_01{ background-image: url("../recruitment/interview/01/images/bg_interview_top_pc.jpg");}
	.bg_interview_02{ background-image: url("../recruitment/interview/02/images/bg_interview_top_pc.jpg");}
	.bg_interview_03{ background-image: url("../recruitment/interview/03/images/bg_interview_top_pc.jpg");}
	.bg_interview_04{ background-image: url("../recruitment/interview/04/images/bg_interview_top_pc.jpg");}
	.bg_interview_05{ background-image: url("../recruitment/interview/05/images/bg_interview_top_pc.jpg");}
	.bg_interview_06{ background-image: url("../recruitment/interview/06/images/bg_interview_top_pc.jpg");}
	.bg_interview_07{ background-image: url("../recruitment/interview/07/images/bg_interview_top_pc.jpg");}
	.bg_interview_08{ background-image: url("../recruitment/interview/08/images/bg_interview_top_pc.jpg");}
	.bg_interview_09{ background-image: url("../recruitment/interview/09/images/bg_interview_top_pc.jpg");}
	
	#interview_title_frame_01 p{ text-align: center; padding-top: 270px; margin-bottom: 40px;}
	#interview_title_frame_01 p img{ width: 100%; max-width: 690px;}
	#interview_title_frame_01 h1{ width: 160px; height: 160px; padding-top: 38px;}
	#interview_title_frame_01 h1 span{ font-size: 72px;}
	#interview_title_frame_01 ul{ margin-top: -100px;}
	#interview_title_frame_01::before{ top: 580px;}
	
	#interview_title_frame_02 .box_recruitment_title_01{ padding-top: 80px; margin-bottom: 120px;}
	
	#interview_title_frame_03{ background-position: center top; background-repeat: no-repeat; padding-bottom: 40px;}
	#interview_title_frame_03 .box_recruitment_title_01{ padding-top: 80px; margin-bottom: 120px;}
	
	#interview_title_frame_04{ padding: 80px 0 40px;}
	#interview_title_frame_04 h1{ margin-bottom: 70px;}
	
	#interview_title_frame_05{ height: 70vh; max-height: 740px;}
	#interview_title_frame_05 #pan{ position: absolute; top: 0; width: 100%;}
	#slider_recruitment li img{ height: 70vh; max-height: 740px; width: 100%;}
	
	.bg_interview_top_01{ background-image: url("../recruitment/interview/images/bg_interview_top_pc.jpg");}
	.bg_faq_top_01{ background-image: url("../recruitment/faq/images/bg_faq_top_pc.jpg");}
	.bg_number_top_01{ background-image: url("../recruitment/numbers/images/bg_number_top_pc.jpg");}

	
	/* contents */
	.box_interview_frame_01{ padding-bottom: 120px;}
	.box_interview_frame_01 .pic_01{ width: 100%; text-align: right;}
	.box_interview_frame_01 .pic_01 img{ width: 100%; max-width: 800px;}
	.box_interview_frame_01 .box_text_interview_01{ position: absolute; top: 300px; left: 0; padding: 60px 60px 40px; width: 60%; max-width: 700px;}
	.box_interview_frame_01 .box_text_interview_01 h2{ float: left; font-size: 1.6em; margin-bottom: 30px;}
	.box_interview_frame_01 .box_text_interview_01	.btn_page_01{ margin-left: 120px;}
	.btn_page_01 a{ width: 170px; padding: 5px 14px 3px; font-size: 1.1em;}
	
	.box_interview_frame_02{ padding-top: 80px;}
	.box_interview_frame_02 .pic_l_01{ float: left;}
	.box_interview_frame_02 .pic_r_01{ float: right;}
	.box_interview_frame_02 .pic_c_01{ margin: 0 60px 50px;}
	.box_interview_frame_02 .box_text_interview_02{ padding-left: 540px; margin-right: 60px;}
	.box_interview_frame_02 .box_text_interview_03{ padding-right: 540px; margin-left: 60px;}
	.box_interview_frame_02 .box_text_interview_04{ width: 600px; margin: 0 auto;}
	.box_interview_frame_02 .box_text_interview_04 dl dt{ text-align: center;}
	.box_interview_frame_02 .box_text_interview_04 dl dd.text_l{ text-align: center;}
	dl.list_text_interview_01{ margin-bottom: 90px;}
	dl.list_text_interview_01 dd.text_l{ font-size: 1.5em;}
	
	.box_interview_frame_03{ padding: 80px 130px;}
	.box_interview_frame_03 .pic_l_01{ float: left;}
	.box_interview_frame_03 .text_r_01{ padding-left: 340px;}
	
	.box_interview_title_01{ margin-bottom: 50px;}
	.box_interview_title_01 h3{ font-size: 1.8em; margin-bottom: 20px;}

	.box_interview_frame_04{ padding: 140px 0;}
	table.t_interview_01 thead th{ padding: 10px;}
	table.t_interview_01 th{ padding: 20px;}
	table.t_interview_01 td{ padding: 20px;}
		
	/* list */
	.list_interview_frame_01{ padding-bottom: 130px;}
	.list_interview_frame_02{ margin: -70px 20px 0;}
	.list_interview_frame_02 .list_contents_x1 ul{ padding: 40px 40px 0;}

/*--- 採用情報トップ ---*/
	#pan ol.list_pan_wh li{ color: #fff!important;}
	#pan ol.list_pan_wh li a{ color: #d0e9ff!important;}

	.box_recruitment_01 .banner_recruitment_01{ margin-bottom: 160px;}
	.banner_recruitment_01 img{ width: auto;}

	.box_recruitment_02{ padding-bottom: 280px;}
	
	.box_recruitment_02 .box_recruitment_title_01{ margin-top: -60px;}
	.box_recruitment_02 ul.list_interview_01{ padding-top: 390px; margin-bottom: 80px;}
	.box_recruitment_title_01 p{ margin-bottom: 10px;}
	.box_recruitment_title_01 p img{ max-width: 700px;}
	.box_recruitment_title_01 h1, .box_recruitment_title_01 h2{ font-size: 2.2em;}

	ul.list_interview_01 li{ width: calc(33.3333% - 60px * 2/3); margin-right: 60px;}
	ul.list_interview_01 li:nth-child(3n+3){ margin-right: 0;}
	
	ul.list_interview_02{ padding-top: 80px; margin-bottom: 80px;}
	ul.list_interview_02 > li{ width: calc(25% - 40px * 3/4); margin-right: 40px; margin-bottom: 60px;}
	ul.list_interview_02 > li:nth-child(4n+4){ margin-right: 0;}
	ul.list_interview_02 > li:last-child{ width: 100%; margin: 0 18%;}
	ul.list_interview_02 li p{ font-size: 1.4em;}

	ul.list_interview_03 > li{ width: calc(50% - 20px * 1/2); margin-right: 20px; margin-bottom: 20px;}
	ul.list_interview_03 > li:nth-child(2n+2){ margin-right: 0;}

	.box_recruitment_03{ padding-bottom: 120px; padding-top: 180px; margin-top: -80px;}
	.box_recruitment_03 .box_recruitment_title_01{ position: absolute; top: -60px; left: 0; right: 0; margin: 0 auto;}
	.box_recruitment_03 .btn_link_01{ clear: both; padding-top: 80px;}

	.infographics_frame_01, .infographics_frame_02{ padding: 40px 20px;}
	.infographics_frame_01 h3, .infographics_frame_02 h3{ font-size: 1.8em;}
	.infographics_frame_01 h3 span, .infographics_frame_02 h3 span{ font-size: 0.6em;}
	
	.view_infographics_frame{ display: -webkit-flex;display: flex; -webkit-justify-content:space-between;justify-content:space-between;}
	.view_infographics_x1{ width: calc(50% - 10px);}	
	
	.infographics_frame_02{ height: 285px;}
	.infographics_frame_02 h3{ margin-bottom: 10px;}
	
	.box_infographics_01{ height: 590px; margin-bottom: 20px;}
	.box_infographics_01 h3{ margin-bottom: 50px;}
	.box_infographics_01 .chart_frame_01{ position: relative; padding: 0 75px;}
	.box_infographics_01 #count_01{ position: absolute; top: 30px; right: 30px;}
	.box_infographics_01 #count_02{ position: absolute; top: 200px; left: 90px;}
	.box_infographics_01 #count_03{ position: absolute; top: 0; left: 110px;}
	.box_infographics_01 #count_04{ position: absolute; top: 100px; right: 30px;}
	.box_infographics_01 #count_05{ position: absolute; bottom: 0; left: 30px;}
	
	.box_infographics_01 .box_count_01 .icon_01{ float: left; width: 60px;}
	.box_infographics_01 .box_count_01 p.num_01{ float: left; padding-left: 10px;}
	.box_infographics_01 .box_count_01 h4{ clear: both; padding-top: 10px; margin-bottom: 5px; font-size: 2.4em; line-height: 1.2;}
	.box_infographics_01 #count_03 h4{ font-size: 1.8em;}
	.box_infographics_01 .box_count_01 p.text_01{ font-size: 1.4em;}
	.box_count_01 p{ font-size: 1.7em;}
	.box_count_01 p span{ font-size: 2.2em;}
	.box_count_01 p.num_01 span{ font-size: 2em;}
	.box_count_01 p.num_02{ margin-bottom: 10px;}
	.box_count_01 p.num_03{ font-size: 1.5em; line-height: 1.4; padding-top: 10px; margin-bottom: 10px; font-weight: bold;}

	ul.list_infographics_01 > li{ float: left; width: 50%;}

	.box_recruitment_04{ padding: 120px 0 260px;}
	
	.box_recruitment_05{ padding-bottom: 120px;}
	.box_recruitment_05 ul.list_interview_01{ margin: 0 60px;}
	.box_recruitment_05 ul.list_interview_01 li{ margin-bottom: 60px;}

	/*--- 社員に聞いてみた！ ---*/	
	.box_recruitment_faq_01{ padding-bottom: 40px;}
	.box_recruitment_faq_02{ margin-top: -60px; padding-top: 60px;}
	
	.box_recruitment_title_02{ padding: 80px;}
	.box_recruitment_title_02 h2{ font-size: 3em;}
	.box_recruitment_title_02 p img{ width: auto;}

	.faq_frame_01{ padding: 60px 0 120px;}
	.box_faq_01{ margin: 0 60px;}
	.box_toggle{ margin-right: 20%; margin-bottom: 20px;}
	.icon_toggle::before{ width: 50px; right: 0;}
	.icon_toggle::after{ height: 50px; right: 48px;}
	p.btn_Q{ padding-left: 110px;}
	p.btn_Q::before{ width: 60px; height: 60px; font-size: 2.3em; padding: 2px;}
	p.btn_Q span{ padding: 30px 90px 30px 30px; font-size: 1.4em;}
	p.btn_Q span::before{ background-size: 28px 46px; left: -28px; width: 28px; height: 48px;}
	.box_drawer{ padding-top: 20px; margin-bottom: 80px;}
	p.btn_A{ padding-right: 110px; margin-left: 20%; margin-bottom: 10px;}
	p.btn_A::before{ width: 60px; height: 60px; font-size: 2.3em; padding: 3px;}
	p.btn_A span{ padding: 30px; font-size: 1.1em;}
	p.btn_A span::before{ background-size: 28px 46px; right: -28px; width: 28px; height: 48px;}

	/*--- 5分でわかる東海ソフト ---*/	
	.box_number_frame_01{ margin-bottom: 100px;}
	.title_number_01{ font-size: 3em; padding-top: 40px; margin-bottom: 60px;}
	.title_number_01::after{ width: 220px; padding-top: 24px;}
	
	ul.list_number_x{ bottom: -40px; left: 46px; width: calc(100% - 64px);}
	ul.list_number_x li{ font-size: 1.1em;}
	ul.list_number_x li span{ font-size: 1.4em;}

	.chart_frame_02{ padding-right: 20px;}
	.chart_frame_02 p{ font-size: 1.6em;}
	.chart_frame_02 p span{ font-size: 2.4em;}
	
	ul.list_number_01 li{ font-size: 1.8em;}
	
	ul.list_number_02{ width: 80%;}
	ul.list_number_02 li{ font-size: 1.2em;}

	/*--- エントリー ---*/
	table.t_recruitment_01{ font-size: 1.1em;}
	table.t_recruitment_01 th{ padding: 20px; width: 20%;}
	table.t_recruitment_01 td{ padding: 20px;}

	.box_recruitment_06{ padding: 70px 0 80px;}
	.box_recruitment_06 h4{ font-size: 1.6em; margin-bottom: 30px;}
	
	p.banner_recruitment_02{ max-width: 600px; margin: 0 auto 100px;}
	
	ul.list_interview_04 li{font-size: 1.1em;}
	ul.list_interview_04 li span{ font-size: 1.5em;}
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
	/*--- 採用情報トップ ---*/
	.infographics_frame_01, .infographics_frame_02{ padding: 40px 10px;}
	.box_infographics_01 .chart_frame_01{ padding: 0 8%;}
		
	.box_infographics_01 .box_count_01 h4{ font-size: 2em;}
	.box_count_01 p{ font-size: 1.5em;}

	/*--- 5分でわかる東海ソフト ---*/
	ul.list_number_01 li{ font-size: 1.4em;}
	ul.list_number_02 li{ font-size: 1.1em;}

}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	/*--- 先輩インタビュー ---*/
	.interview_header_frame{ height: 80px;}
	
	/* menu */
	.interview_menu_frame h2{ line-height: 1; margin-left: 20px;}
	.interview_menu_frame h2 span{ display: block;}
	.interview_menu ul{ margin-right: 20px;}
	.interview_menu ul li{ font-size: 0.8em;}
	.interview_menu ul li a{ width: 150px; padding: 10px 0 9px;}
	
	/* title */
	.bg_interview_frame{ /*height: 70vh;*/ background-size: 100%; background-color: #fff;}
	.bg_interview_01{ background-image: url("../recruitment/interview/01/images/bg_interview_top_tablet.jpg");}
	.bg_interview_02{ background-image: url("../recruitment/interview/02/images/bg_interview_top_tablet.jpg");}
	.bg_interview_03{ background-image: url("../recruitment/interview/03/images/bg_interview_top_tablet.jpg");}
	.bg_interview_04{ background-image: url("../recruitment/interview/04/images/bg_interview_top_tablet.jpg");}
	.bg_interview_05{ background-image: url("../recruitment/interview/05/images/bg_interview_top_tablet.jpg");}
	.bg_interview_06{ background-image: url("../recruitment/interview/06/images/bg_interview_top_tablet.jpg");}
	.bg_interview_07{ background-image: url("../recruitment/interview/07/images/bg_interview_top_tablet.jpg");}
	.bg_interview_08{ background-image: url("../recruitment/interview/08/images/bg_interview_top_tablet.jpg");}
	.bg_interview_09{ background-image: url("../recruitment/interview/09/images/bg_interview_top_tablet.jpg");}

	#interview_title_frame_05{ height: 42vh;}
	#slider_recruitment li img{ height: 42vh;}
	
	/* contents */
	.box_interview_frame_01 .box_text_interview_01{ left: -20px; padding: 40px 40px 30px;}
	
	.box_interview_frame_02 .pic_l_01{ width: 40%;}
	.box_interview_frame_02 .pic_r_01{ width: 40%;}
	.box_interview_frame_02 .box_text_interview_02{ padding-left: 45%; margin-right: 0;}
	.box_interview_frame_02 .box_text_interview_03{ padding-right: 45%; margin-left: 0;}
	
	.box_interview_frame_03{ padding: 60px;}
	.box_interview_frame_03 .pic_l_01{ width: 40%;}
	.box_interview_frame_03 .text_r_01{ padding-left: 45%;}
	
	table.t_interview_01{ font-size: 0.8em;}
	
	/*--- 採用情報トップ ---*/
	ul.list_interview_01 li{ width: calc(33.3333% - 30px * 2/3); margin-right: 30px;}

	.box_recruitment_05 ul.list_interview_01{ margin: 0;}

	.box_infographics_01{ height: 490px;}
	.infographics_frame_02{ height: 235px;}
	
	.infographics_frame_01, .infographics_frame_02{ padding: 20px 10px;}
	.infographics_frame_01 h3, .infographics_frame_02 h3{ font-size: 1.2em; margin-bottom: 20px;}

	.box_infographics_01 .box_count_01 h4{ font-size: 1.8em;}
	.box_infographics_01 #count_01{ top: 20px; right: 0;}
	.box_infographics_01 #count_02{ bottom: 0; left: 40px;}
	.box_infographics_01 #count_03{ top: 0; left: 0;}
	.box_infographics_01 #count_03 h4{ font-size: 1.4em;}

	.box_count_01 h4{ font-size: 1.4em;}
	.box_count_01 p{ font-size: 1.3em;}
	.box_count_01 p.text_02{ font-size: 0.8em;}
	.box_count_01 p.text_03{ font-size: 1em;}
	.box_count_01 p.text_03 span.text_s{ font-size: 0.6em;}
	
	ul.list_infographics_01 > li{ float: left; width: calc(50% - 10px * 1/2); margin-right: 10px;}
	ul.list_infographics_01 > li:nth-child(2n+2){ margin-right: 0;}

	.box_infographics_01 .chart_frame_01{ padding: 0 4%;}
	
	/*--- 社員に聞いてみた ---*/
	.box_faq_01{ margin: 0 0;}
	
	/*--- 5分でわかる東海ソフト ---*/
	ul.list_number_01 li{ font-size: 1em;}
	ul.list_number_02{ width: 100%;}
	ul.list_number_02 li{ font-size: 1em;}
	
	ul.list_number_x{ bottom: -20px;}
	ul.list_number_x li{ font-size: 0.9em;}
	ul.list_number_x li span{ font-size: 1.2em;}
	.chart_frame_02 p{ font-size: 1.1em;}

	.box_count_01 p.num_03{ font-size: 1em; padding-top: 0;}
	.box_count_01 p.num_03 .sp_no{ display: none;}
	
	.box_infographics_01 #count_04{ position: absolute; top: 60px; right: 0;}
	.box_infographics_01 #count_05{ position: absolute; bottom: -30px; left: 10px;}

	/*--- エントリー ---*/

}