@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	共通css

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* ================================================================================

	CONTENTS

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.h2_midashi{
		text-align: center;
		margin-top: 62px;
		width: 100%;
	}
	.h2_midashi h2{
		margin-bottom: 36px;
		color:#21397e;
		font-size: 36px;
	}
	.fs-l-main {
		margin: 0px auto;
		padding: 0;
		max-width: 100%;
	}
	

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.h2_midashi{
		text-align: center;
		margin-top: 14vw;
		width: 100%;
	}
	.h2_midashi h2{
		margin-bottom: 7vw;
		color: #21397e;
		font-size: 7vw;
	}
	
}
/* ================================================================================

	スライダー

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.slider1{
		width: 1200px;
		margin:0 auto;
	}
}
/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

}



/* ================================================================================

	industry_list

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.industry_table{
		width: 1224px;
		margin:0 auto;
		font-size:0;
	}
	.industry_table > ul{
		margin:0;
		padding:0;
	}
	.industry_table > ul > li{
		display:inline-block;
		width : calc(100% / 3) ;
		margin-bottom: 40px;
	}
	.list_texts{
		width:400px;
	}
	.industry_h3_title{
		text-align:center;
	}
	.industry_h3_title h3{
		color: #00438e;
		font-size: 24px;
		font-weight: normal;
		text-align: center;
		letter-spacing: 1px;
	}
	.table_list{
		display: flex;
		width: 390px;
		padding: 20px 18px;
		border-bottom: 2px solid #eaeaea;
		height: 145px;
		margin: 0 auto;
	}
	.last{
		border-bottom:0;
	}
	.list_pic{
		margin-right:20px;
	}
	.list_pic img{
		width: 150px;
		height: 94px;
		object-fit: cover;
	}
	.tag_area{
		display: flex;
		margin-bottom: 8px;
	}
	.tag{
		background: #0b52a4;
		color: #FFF;
		font-size: 10px;
		padding: 2px 15px;
	}
	.new{
		background:#f3ec27;
		color:#002855;
	}
	.yoyaku{
		background:#f86363;
		color:#FFF;
	}
	.list_yoyaku_day{
		color:#aaaaaa;
		font-weight:600;
		font-size: 12px;
	}
	.list_title a{
		color: #21397e;
		font-size: 13px;
		text-decoration: none;
		font-weight: 600;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden; 
	}
	.i_02{
		background-color:#f7f7f7;
		width: 400px;
		display: block;
		margin: 0 auto;
	}
	.industory_list_link{
		width:380px;
		margin: 6px auto 0;
		text-align:right;
	}
	.industory_list_link a{
		font-size: 13px;
		color: #002855;
		font-weight: 600;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.industry_table{
		margin:0 auto;
		font-size:0;
	}
	.industry_table > ul{
		margin:0;
		padding:0;
	}
	.industry_table > ul > li{
		margin-bottom: 12vw;
	}
	.industry_h3_title{
		text-align:center;
	}
	.industry_h3_title h3{
		color: #00438e;
		font-size: 6vw;
		font-weight: 100;
		text-align: center;
		letter-spacing: 1px;
		margin-bottom: 3vw;
	}
	.table_list{
		display: flex;
		padding: 3vw 3vw;
		border-bottom: 2px solid #eaeaea;
		margin: 0 auto;
	}
	.last{
		border-bottom:0;
	}
	.list_pic{
		margin-right:4vw;
	}
	.list_pic img{
		width:25vw;
		height:25vw;
		object-fit:cover;
	}
	.tag_area{
		display: flex;
		margin-bottom: 8px;
	}
	.tag{
		background: #0b52a4;
		color: #FFF;
		font-size: 2vw;
		padding: 1vw 4vw;
	}
	.new{
		background:#f3ec27;
		color:#002855;
	}
	.yoyaku{
		background:#f86363;
		color:#FFF;
	}
	.list_yoyaku_day{
		color:#aaaaaa;
		font-weight:600;
		font-size: 3vw;
	}
	.list_title a{
		color: #21397e;
		font-size: 3vw;
		text-decoration: none;
		font-weight: 600;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden; 
	}
	.i_02{
		background-color:#f7f7f7;
		display: block;
		margin: 0 auto;
	}
	.list_texts{
		width:60vw;
	}
}


/* ================================================================================

	INDUSTRY SLIDER

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.slider2{
		width:90%;
	}
	.slider2{
		font-size: 13px!important;
		text-align: center;
		height:465px;
	}
	.slider2_inner{
		display:block;
		margin:0 auto;
		text-align:center;
		padding-top: 0px;
	}
	.slider2 a{
		text-decoration:none;
	}
	a.slider2_pic img{
		width:360px;
		height:240px;
		object-fit:cover;
	}
	.slider2_title{
		text-align: left;
		font-size: 14px;
		font-weight: 600;
		width: 90%;
		color: #21397e;
		border-bottom: 1px solid;
		margin: 10px auto 10px;
		padding-bottom: 8px;
	}
	.slider2_text{
		padding: 0 9px;
		color: #000;
		text-align: left;
		margin: 0 8px 30px 8px;
		font-size: 14px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden; 
	}
	

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.slider2{
		width:90%;
	}
	.slider2{
		font-size: 3.6vw!important;
		text-align: center;
	}
	.slider2_inner{
		display:block;
		margin:0 auto;
		text-align:center;
		padding-top: 0;
	}
	.slider2 a{
		text-decoration:none;
	}
	.slider2_pic img{
		height: 52vw !important;
		object-fit:cover;
	}
	.slider2_title{
		text-align: left;
		font-size: 3.8vw;
		font-weight: 600;
		width: 90%;
		color: #21397e;
		border-bottom: 1px solid;
		margin: 3vw auto 3vw;
		padding-bottom: 2.6vw;
	}
	.slider2_text{
		padding: 0 3vw;
		color: #000;
		text-align: left;
		margin: 0 3vw 13vw 3vw;
		font-size: 3.4vw;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden; 
	}
}


/* ================================================================================

	PICK UP

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	.pickup_base{
		background-color:#0b52a4;
		padding:80px;
		padding: 4px 0 80px;
		width:100%;
	}
	.slider3{
		width:1124px;
		font-size:0;
	}
	.p_slider{
		width: 1118px;
		margin:0 auto;
	}
	.slider3_inner{
		background:#FFF;
		font-size:12px;
	}
	.swiper-slide {
	  cursor: pointer;
	}
	.p_pic img{
		object-fit:cover;
		width : 100% ;
		height:172px;
	}
	.p_info{
		padding: 17px 17px 40px;
	}
	.p_title{
		border-bottom:1px solid #DCDCDC;
		padding-bottom:10px;
	}
	.p_title a{
		text-decoration:none;
		color:#000;
		font-weight:bold;
		font-size:18px;
	}
	.p_yotei{
		font-size:12px;
		color:#888;
		font-weight:bold;
	}
	.p_tag{
		display:flex;
		padding: 9px 0;
	}
	.p_yoyaku{
		padding:4px 8px;
		background:#df2124;
		color:#FFF;
		font-size:10px;
	}
	.p_category{
		padding:4px 8px;
		background:#2a4caf;
		color:#FFF;
		font-size:10px;
	}
	.p_text{
		font-size:16px;
	}


}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	.pickup_base{
		background-color:#0b52a4;
		padding:80px;
		padding: 4px 0 80px;
	}
	.slider3{
		font-size:0;
	}
	.p_slider{
		margin:0 auto;
	}
	.slider3_inner{
		background:#FFF;
		font-size:12px;
	}
	.swiper-slide {
	  cursor: pointer;
	}
	.sp_c .swiper-button-prev,
	.sp_c .swiper-button-next {
		top: 50%;
	}

	.picup .swiper-button-prev,
	.sample .swiper-button-next {
	  display: none;
	}
	
	.p_info{
		padding: 17px 17px 40px;
	}
	.p_title{
		border-bottom:1px solid #DCDCDC;
		padding-bottom:10px;
	}
	.p_title a{
		text-decoration:none;
		color:#000;
		font-weight:bold;
		font-size:18px;
	}
	.p_yotei{
		font-size:12px;
		color:#888;
		font-weight:bold;
	}
	.p_tag{
		display:flex;
		padding: 9px 0;
	}
	.p_yoyaku{
		padding:4px 8px;
		background:#df2124;
		color:#FFF;
		font-size:10px;
	}
	.p_category{
		padding:4px 8px;
		background:#2a4caf;
		color:#FFF;
		font-size:10px;
	}
	.p_text{
		font-size:16px;
	}
	
	
}


/* ================================================================================

	BY PURPOSE

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.porpose_base{
	
	}
	.porpose_table{
		width:100%;
	}
	.porpose_table > ul{
		font-size:0;
		width: 1200px;
		margin: 0 auto;
	}
	.porpose_table > ul > li{
		display:inline-block;
		font-size:16px;
		width : calc(100% / 3) ;
	}
	li.p_t01{
		color:#FFF;
	}
	.p_p01{
		background:url(../img/p_01_bg.jpg)center top no-repeat;
		background-position: bottom left;
		padding: 36px 19px 0 32px;
		height: 242px;
	}
	li.p_t02{
		color:#FFF;
	}
	.p_p02{
		background:url(../img/p_02_bg.jpg)center top no-repeat;
		background-position: bottom left;
		padding: 36px 19px 0 32px;
		height: 242px;
	}
	li.p_t03{
		color:#FFF;
	}
	.p_p03{
		background:url(../img/p_03_bg.jpg)center top no-repeat;
		background-position: bottom left;
		padding: 36px 19px 0 32px;
		height: 242px;
	}
	li.p_t04{
		color:#FFF;
	}
	.p_p04{
		background:url(../img/p_04_bg.jpg)center top no-repeat;
		background-position: bottom left;
		padding: 36px 19px 0 32px;
		height: 242px;
	}
	
	li.p_t05{
		color:#FFF;
	}
	.p_p05{
		background:url(../img/p_05_bg.jpg)center top no-repeat;
		background-position: bottom left;
		padding: 36px 19px 0 32px;
		height: 242px;
	}
	
	li.p_t06{
		color:#FFF;
	}
	.p_p06{
		background:url(../img/p_06_bg.jpg)center top no-repeat;
		background-position: bottom left;
		padding: 36px 19px 0 32px;
		height: 242px;
	}
	
	.b_title{
		font-weight:bold;
		font-size:23px;
		color:#FFF;
	}
	.b_text{
		font-size:16px;
		color:#FFF;
	}
	.p_linkarea{
	
	}
	.p_linkarea > ul{
		padding:0;
		padding-bottom: 22px;
	}
	.p_linkarea > ul > li{
		display: inline-block;
		width: calc(100% / 2.1);
		border-bottom: 1px solid #999;
		font-size: 14px;
		padding: 7px 9px 5px;
	}
	.p_linkarea > ul > li a{
		text-decoration:none;
		color:#21397e;
	}
	.arrow05 {
		position: relative;
		padding-left: 15px;
	}
	.arrow05::before {
		position: absolute;
		content: '';
		width: 6px;
		height: 6px;
		border-top: solid 2px #697b91;
		border-right: solid 2px #697b91;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		left: 0;
		margin-top: -3px;
	}
	.b_purpose_banner{
		padding: 30px 0px;
		margin: 10px 0 66px 0;
	}
	.b_purpose_banner img{
		
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.porpose_base{
	
	}
	.porpose_table{
	
	}
	.porpose_table > ul{
		font-size:0;
		margin: 0 auto;
	}
	.porpose_table > ul > li{
		font-size:3.4vw;

	}
	li.p_t01{
		color:#FFF;
	}
	.p_p01{
		background:url(../img/p_01_bg.jpg)center top no-repeat;
		background-position: bottom left;
		padding: 8vw 5vw 0 5vw;
		height: 34vw;
	}
	li.p_t02{
		color:#FFF;
	}
	.p_p02{
		background:url(../img/p_02_bg.jpg)center top no-repeat;
		background-position: bottom left;
		padding: 8vw 5vw 0 5vw;
		height: 34vw;
	}
	li.p_t03{
		color:#FFF;
	}
	.p_p03{
		background:url(../img/p_03_bg.jpg)center top no-repeat;
		background-position: bottom left;
		padding: 8vw 5vw 0 5vw;
		height: 34vw;
	}
	li.p_t04{
		color:#FFF;
	}
	
	.p_p04{
		background:url(../img/p_04_bg.jpg)center top no-repeat;
		background-position: bottom left;
		padding: 8vw 5vw 0 5vw;
		height: 34vw;
	}
	
	li.p_t05{
		color:#FFF;
	}
	
	.p_p05{
		background:url(../img/p_05_bg.jpg)center top no-repeat;
		background-position: bottom left;
		padding: 8vw 5vw 0 5vw;
		height: 34vw;
	}
	
	li.p_t06{
		color:#FFF;
	}
	
	.p_p06{
		background:url(../img/p_06_bg.jpg)center top no-repeat;
		background-position: bottom left;
		padding: 8vw 5vw 0 5vw;
		height: 34vw;
	}
	.b_title{
		font-weight:bold;
		font-size: 6vw;
		color:#FFF;
	}
	.b_text{
		font-size:3.4vw;
		color:#FFF;
	}
	.p_linkarea{
	
	}
	.p_linkarea > ul{
		padding:0;
		padding-bottom: 5vw;
	}
	.p_linkarea > ul > li{
		display: inline-block;
		width: calc(100% / 2.1);
		border-bottom: 1px solid #999;
		font-size: 3.4vw;
		padding: 2.3vw 3vw 2vw;
	}
	.p_linkarea > ul > li a{
		text-decoration:none;
		color:#21397e;
	}
	.arrow05 {
		position: relative;
		padding-left: 15px;
	}
	.arrow05::before {
		position: absolute;
		content: '';
		width: 6px;
		height: 6px;
		border-top: solid 2px #697b91;
		border-right: solid 2px #697b91;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		left: 0;
		margin-top: -3px;
	}
	.b_purpose_banner{
		padding: 3vw;

	}
}


/* ================================================================================



================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

}
/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

}





/* ================================================================================



================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

}
/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

}





/* ================================================================================



================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

}
/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

}





/* ================================================================================



================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

}
/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

}





/* ================================================================================



================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

}
/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

}





/* ================================================================================



================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

}
/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

}



