@charset "utf-8";

@media screen and (max-width: 767px) {}
@media screen and (min-width: 768px) {}
@media screen and (min-width: 768px) and (max-width: 1023px) {}
/*-------------------------------------------------
共通指定
-------------------------------------------------*/
/* TITLE */
h2.home_title_01{ text-align: center;}
h2.home_title_01 .title_text_01{ font-size: 0.9rem; color:#0083d6;}
h2.home_title_01 .title_text_02{ font-size: 1.8rem;}

/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	h2.home_title_01{ margin-bottom: 40px;}
}
@media screen and (min-width: 768px), print {
	h2.home_title_01{ margin-bottom: 60px;}
}

/*-------------------------------------------------
レイアウト
-------------------------------------------------*/
/* TOP */
.home_top_frame{ position: relative; width: 100%;}
.home_top_frame h2{ position: absolute; top: 24vh; left: 0; right: 0; text-align: center; z-index: 10;}
.bg_line_blue{ /*background-color: #005bcb;*/ background-color: #b7e3ff; mix-blend-mode: multiply; width: 100%; height: 180px; position: absolute; bottom: 0; left: 0;}

#slider li img{ width: 100%; object-fit: cover; font-family: 'object-fit: cover;';}

/* TOPICS */
.home_topics_frame{ padding-top: 40px; margin-top: -180px;}
#topics_slider li{ background: #fff;}
#topics_slider li h3{ font-weight: bold; margin-bottom: 20px;}

.text_topics_mark{ display: inline-block; color: #fff; font-size: 0.8rem; padding: 2px 6px; margin-bottom: 10px;}

/* NEWS */
ul.home_list_news li > p{ line-height: 1;}
ul.home_list_news li .box_news_01 h3{ font-weight: bold; margin-bottom: 10px;}
ul.home_list_news li .box_news_01 p{ font-size: 0.9rem;}
ul.home_list_news li a{ text-decoration: underline;}
ul.home_list_news li a:hover{ text-decoration: none; color: #007ccb;}

.text_news_date{ padding-top: 0.2em;}
.text_news_mark{ display: inline-block; color: #fff; text-align: center; min-width: 60px; padding: 2px; margin-bottom: 10px;}

/* IR */
.home_ir_frame{ background: #e9f0f6;}
.home_ir_frame ul.home_list_news li h3{ float: left; margin-right: 20px;}

.text_ir_mark{ display: inline-block; color: #fff; text-align: center; min-width: 60px; padding: 4px 2px; margin-bottom: 10px; font-size: 0.9rem;}
.text_pdf_mark span{ display: inline-block; color: #fff; background: #d95151; border-radius: 5px; padding: 2px 8px; font-size: 0.9rem;line-height: 1;}

/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	/* TOP */
	.home_top_frame{ height: 80vh;}
	#slider li img{ height: 80vh;}

	/* TOPICS */	
	#topics_slider{ margin: 0 20px;}
	#topics_slider li{ margin: 0 10px;}
	.box_topics_text{ padding-top: 10px;}
	.box_topics_text h3{ font-size: 1.2rem;}

	/* NEWS */
	.home_news_frame{ padding: 100px 0;}

	.home_box_news{ height: 360px; overflow-x: hidden; overflow-y: scroll;}
	ul.home_list_news{ padding-right: 20px;}
	ul.home_list_news li{ padding: 20px 0; border-bottom: 1px solid #d4e1e6;}
	ul.home_list_news li > p{ margin-bottom: 5px;}
	ul.home_list_news li .box_news_01 h3{ clear: both; padding-top: 5px;}
	ul.home_list_news li .box_news_01 p{}

	/* IR */
	.home_ir_frame{ padding: 100px 0;}
	.text_pdf_mark{ display: inline-block;}
}
@media screen and (min-width: 768px), print {
	/* TOP */
	.home_top_frame{ height: 90vh;}
	.home_top_frame h2 img{ width: auto;}
	#slider li img{ height: 90vh;}

	/* TOPICS */
	#topics_slider li{ margin: 0 30px;}
	.box_topics_text{ padding: 30px;}
	.box_topics_text h3{ font-size: 1.5rem;}
	
	/* NEWS */
	.home_news_frame{ padding: 100px 0;}
	
	.home_box_news{ height: 600px; margin: 0 9%; overflow-x: hidden; overflow-y: scroll;}
	.home_box_news ul.home_list_news{ padding-right: 40px;}
	ul.home_list_news li{ margin-bottom: 40px}
	ul.home_list_news li > p{ float: left; margin-right: 30px;}
	ul.home_list_news li .box_news_01{ padding-left: 200px;}
	
	/* IR */
	.home_ir_frame{ padding: 100px 0;}
	.home_ir_frame ul.home_list_news li{ margin-bottom: 20px;}
	.home_box_ir{ margin: 0 9%;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	/* TOPICS */
	#topics_slider{ margin: 0 40px;}
	#topics_slider li{ margin: 0 10px;}
	.box_topics_text{ padding: 0; padding-top: 20px;}
	.box_topics_text h3{ font-size: 1.2rem;}

}
/* IEのみ対応 */
@media all and (-ms-high-contrast: none) {
	.bg_line_blue{ background-color: #03326b; opacity: 0.7; filter: alpha(opacity=70);}
}


/*新_新卒採用ページ*/
.box_second_catch{ overflow: hidden;}
.box_second_catch h2{ font-family: 'Noto Serif JP', serif; font-style:normal; font-weight: 400; color: #FFFFFF;}

.photo_330{}
.photo_420{}
.photo_540{}

.box_catch_photo{ margin-bottom: 40px;}
.box_catch_photo p{ margin-bottom: 20px;}
.box_catch_photo dl{}
.box_catch_photo dl dt{}
.box_catch_photo dl dd{ font-size: 1.5rem;}
.box_catch_photo ul{ border-top: 1px solid #FFFFFF; color: #FFFFFF;}
.box_catch_photo ul li{ font-size: 1.13rem; border-bottom: 1px solid #FFFFFF; position:relative;}
.box_catch_photo ul li a{ color: #FFFFFF; display: block; padding: 20px 40px;}
.box_catch_photo ul li a:hover{ background: #0a364e;}
.box_catch_photo ul li:before{display:block; height: 100%; position:absolute; top: 18px; right: 20px; text-align: center;content: "+";}

.box_catch_text{ margin-bottom: 40px;}
.text_r{}
.text_l{}

.interview_bg_blue{ background: url("../images/second/bg_second_03.png") repeat; padding-top: 120px; padding-bottom: 120px; margin-bottom: 0px !important;}

@media screen and (max-width: 767px) {
.box_second_catch{ margin-bottom: 60px;}
.box_second_catch h2{ margin-bottom: 40px; font-size: 2rem;}
.box_catch_text p.mb_160{ margin-bottom: 100px;}
}
@media screen and (min-width: 768px), print {
.box_second_catch{ margin-bottom: 120px;}

.photo_330 .box_catch_photo{ width: 27.5%;}
.photo_360 .box_catch_photo{ width: 30%;}
.photo_420 .box_catch_photo{ width: 35%;}
.photo_540 .box_catch_photo{ width: 45%;}

.box_catch_photo p.photo_lo{ width: auto; margin-left: -360px;}
.box_catch_text p{ font-size: 1.15rem;}
.box_catch_text p.mb_160{ margin-bottom: 160px;}
.box_catch_text p.mb_80{ margin-bottom: 80px;}

.photo_330 .box_catch_text{ width: 57.5%;}
.photo_360 .box_catch_text{ width: 50%;}
.photo_420 .box_catch_text{ width: 50%;}
.photo_540 .box_catch_text{ width: 40%;}
.photo_00 .box_catch_text{ width: 70%;}

.ml_60{ margin-left: 5%;}

.text_r .box_catch_photo{ float: left;}
.text_r .box_catch_text{ float: right; margin-right: 5%;}
.box_second_catch .text_r h2{ font-size: 3rem; margin-bottom: 80px;}

.text_l .box_catch_photo{ float: right;/*margin-right: 5%;*/}
.text_l .box_catch_text{ float: left; margin-right: 5%;}
.box_second_catch .text_l h2{ font-size: 3rem; margin-bottom: 80px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
}