@charset "utf-8";
/*====================================================================================

SP用（bleak_point:680px）

====================================================================================*/
@media screen and (max-width:680px){
/*====================================================================================

下層 共通項目CSS

====================================================================================*/
.common_cnt{
	background: #E5F3FF;
	position: relative;
}
.common_cnt::after{
	content: '';
	background: #E5F3FF; 
	display: block;
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: -50px;
}
header .common_mv_cnt{
	width: 100%;
	height: 180px;
	position: relative;
	margin-top: 60px;
}
header .common_mv_cnt .in_wrap{
	height: 100%;
}
header .common_mv_cnt .in_wrap.interview_icon::before{
	content: '';
	background: url("../img/interview_mv_001@2x.png")no-repeat top 0 right 0/contain;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
header .common_mv_cnt .in_wrap.interview_01_icon::before{
	background: url("../img/interview_mv_001@2x.png")no-repeat top 0 right 0/cover;
	width: 320px;
	height: 370px;
	left: 0;
}
header .common_mv_cnt .in_wrap.interview_02_icon::before{
	background: url("../img/interview_mv_002@2x.png")no-repeat top 0 right 0/cover;
	left: 0px;
	width: 300px;
	height: 380px;
}
header .common_mv_cnt .in_wrap.interview_03_icon::before{
	background: url("../img/interview_mv_003@2x.png")no-repeat top 0 right 0/cover;
	left: 0px;
	width: 350px;
	height: 370px;
}
header .common_mv_cnt.interview_01{
	background: url("../img/interview_mv_01@2x.jpg")no-repeat top 0 right 0/cover;
	position: relative;
	height: 420px;
}
header .common_mv_cnt.about{
	background: url("../img/about_mv_01@2x.jpg")no-repeat top 0 right 0/cover;
	position: relative;
	z-index: 1;
}
header .common_mv_cnt.work{
	background: url("../img/work_mv_01@2x.jpg")no-repeat top 0 right 0/cover;
	position: relative;
}
header .common_mv_cnt.environment{
	background: url("../img/environment_mv_01@2x.jpg")no-repeat top 0 right 0/cover;
	position: relative;
}
header .common_mv_cnt.recruit{
	background: url("../img/environment_mv_01@2x.jpg")no-repeat top 0 right 0/cover;
	position: relative;
}


header .common_mv_cnt .page_tit{
	background: url("../img/common_bg_01@2x.png")no-repeat center 0/contain;
	width: 300px;
	height: 120px;
	display: block;
	padding: 35px 40px ;
	box-sizing: border-box;
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
header .common_mv_cnt .page_tit h3{
	font-size: 26px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}
header .common_mv_cnt .page_tit h2{
	font-size: 16px;
	font-weight: bold;
}
header .common_mv_cnt .page_tit h2::before{
	content: '';
	background: url("../img/icon08@2x.png")no-repeat center 0/contain;
	width: 14px;
	height: 20px;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 10px;
}


header .common_mv_cnt .page_tit_inte{
	background: url("../img/common_bg_01@2x.png")no-repeat center 0/contain;
	width: 260px;
	height: 120px;
	display: block;
	padding: 35px 40px ;
	box-sizing: border-box;
	color: #fff;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
header .common_mv_cnt .page_tit_inte h3{
	font-size: 26px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 0px;
	display: inline-block;
}
header .common_mv_cnt .page_tit_inte h2{
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
}
header .common_mv_cnt .page_tit_inte h2::before{
	content: '';
	background: url("../img/icon08@2x.png")no-repeat center 0/contain;
	width: 14px;
	height: 20px;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 10px;
}



/*****************************
社員インタビュー INTERVIEW
*****************************/
.interview_block_01{
	background: #1174FC;
	padding: 60px 0;
	color: #fff;
}
.interview_block_01 p.icon09{
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	position: relative;
	margin-bottom: 15px;
}
.interview_block_01 p.icon09::before{
	content: '';
	background: url("../img/icon09@2x.png")no-repeat center 0/contain;
	width: 28px;
	height: 30px;
	display: inline-block;
	position: relative;
	top: 10px;
	margin-right: 10px;
}
.interview_block_01 h3.c_copy{
	font-size: 28px;
	font-weight: 900;
	letter-spacing: 0.06em;
	line-height: 1.5;
}
.interview_block_01 h4.read{
	font-size: 14px;
	font-weight: 900;
	line-height: 2;
	margin-bottom: 30px;
}
.interview_block_01 p.txt00{
	line-height: 2;
	
}
.interview_block_01 .flex01{
	position: relative;
}
.interview_block_01 .flex01 .left_box{
	width: 40%;
}
.interview_block_01 .flex01 .left_box img{
	width: 100%;
}
.interview_block_01 .flex01 .right_box{
	padding-top: 32px;
	box-sizing: border-box;
}
.interview_block_01 .flex01 .right_box h3.name{
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 52px;
	margin-bottom: 30px;
	position: absolute;
	right: 50px;
	top: 20px;
}
.interview_block_01 .flex01 .right_box h3.name span{
	display: block;
	font-size: 14px;
	line-height: 1.25;
	position: relative;
	top: 5px;
	margin-left: 0px;
}
.interview_block_01 .flex01 .right_box p.txt01{
	line-height: 2;
}
.interview_block_01 .theme01{
	margin-top: 60px;
}
.interview_block_01 .theme02{
	margin-top: 60px;
}
.interview_block_01 .theme{
	position: relative;
}
.interview_block_01 .theme .side{
	font-size: 60px;
	font-weight: 500;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	transform: rotate(-180deg);
	line-height: 1;
	color: rgba(255,255,255,0.2);
	position: absolute;
	top: 0px;
	right: -0px;
	white-space:nowrap; 
}
.interview_block_01 .theme02 .side{
	left: 0px;;
	right: inherit;
	transform: rotate(-0deg);
}
.interview_block_01 .theme .flex02{
	
}
.interview_block_01 .theme02 .flex02{
	flex-direction: row-reverse;
}
.interview_block_01 .theme .flex02 .left_box{
	
}
.interview_block_01 .theme .flex02 .left_box .theme_tit_wrap{
	width: 140px;
	background: #fff;
	padding: 5px 12px;
	box-sizing: border-box;
}
.interview_block_01 .theme .flex02 .left_box .theme_tit_wrap span{
	font-size: 18px;
	font-weight: bold;
	color: #1174FC;
	text-align: center;
}
.interview_block_01 .theme .flex02 .left_box h3{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	margin: 10px 0 30px 5px;
	letter-spacing: 0.1em;
}
.interview_block_01 .theme02 .flex02 .left_box h3{
	margin-right: 15px;
	margin-left: 5px;
}
.interview_block_01 .theme .flex02 .left_box h3 span{
	font-size: 32px;
	font-weight: 900;
}
.interview_block_01 .theme .flex02 .right_box{
	
}
.interview_block_01 .theme .flex02 .right_box h4{
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 0.04em;
	position: relative;
	margin-bottom: 20px;
	padding-left: 40px;
}
.interview_block_01 .theme .flex02 .right_box h4::before{
	content: '';
	width: 30px;
	height: 1px;
	background: #fff;
	display: block;
	position: absolute;
	left: 0;
	top: 15px;
}
.interview_block_01 .theme .flex02 .right_box p.answer{
	line-height: 2;
	margin-bottom: 40px;
}
.interview_block_01 .theme01 .img_wrap{
	width: 100%;
	position: relative;
	left: 10px;
	z-index: 1;
	margin-top: 40px;
}
.interview_block_01 .theme .img_wrap img{
	width: 100%;
}
.interview_block_01 .theme01 .img_wrap::before{
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, #BF83FC , #6A9AFA 64.7%, #EF777C);
	display: block;
	position: absolute;
	left: -10px;
	bottom: -10px;
	z-index: -1;
}

.interview_block_01 .theme02 .img_wrap{
	width: 100%;
	position: relative;
	right: 10px;
	z-index: 1;
}

.interview_block_01 .theme02 .img_wrap::before{
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, #BF83FC , #6A9AFA 64.7%, #EF777C);
	display: block;
	position: absolute;
	right: -10px;
	bottom: -10px;
	z-index: -1;
}
.interview_block_01 .theme02 .message{
	width: 100%;
	margin-top: 100px;
	background: #fff;
	color: #1174FC;
	padding: 20px 25px;
	box-sizing: border-box;
	display: block;
}
.interview_block_01 .theme02 .message h3{
	font-size: 22px;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.5;
	position: relative;
	margin-bottom: 30px;
	text-indent: -2.4rem;
	padding-left: 1.5rem;
}
.interview_block_01 .theme02 .message h3::before{
	content: '';
	width: 30px;
	height: 1px;
	background: #1174FC;
	display: inline-block;
	position: relative;
	top: -10px;
	margin-right: 10px;
}
.interview_block_01 .theme02 .message p.txt01{
	line-height: 2;
}




/*****************************
東協塗装工業を知る ABOUTUS
*****************************/

.about_block_01{
	position: relative;
	padding: 60px 0;
	
}
.about_block_01 .in_wrap{
	
}
.about_block_01 .flex{
}
.about_block_01 .flex .left_box{
	width:100%;
}
.about_block_01 .flex .left_box h3{
	font-size: 28px;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 5px;
}
.about_block_01 .flex .left_box h4{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}
.about_block_01 .flex .left_box p.txt01{
	line-height: 2;
	margin-top: 30px;
}
.about_block_01 .flex .right_box{
	width: 100%;
	margin-top: 30px;
}
.about_block_01 .flex .right_box img{
	width: 100%;
} 
.about_block_02{
	
	background: url("../img/common_bg_02@2x.jpg")no-repeat center 0/cover;
	padding: 90px 0;
	box-sizing: border-box;
}
.about_block_02 .img_wrap{
	width: 100%;
	margin: 0 auto;
}
.about_block_02 .img_wrap img{
	width: 100%;
}
.about_block_03{
	padding: 60px 0;
	position: relative;
}
.about_block_03 .in_wrap{
	
}
.about_block_03 h3{
	font-size: 28px;
	font-weight: 500;
	text-align: center;
	line-height: 1.0909;
	margin-bottom: 5px;
}
.about_block_03 h2{
	font-size: 16px;
	text-align: center;
	margin-bottom: 55px;
}
.about_block_03 .gaiyou{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.about_block_03 .gaiyou .left_box,
.about_block_03 .gaiyou .right_box{
	width: 100%;
}
.about_block_03 .gaiyou dl{
	
}
.about_block_03 .gaiyou dl .line{
	display: flex;
	padding-bottom: 15px;
	border-bottom: 1px solid #9B9B9B;
}
.about_block_03 .gaiyou dl .line:nth-of-type(n + 2){
	margin-top: 15px;
}
.about_block_03 .gaiyou dl .line dt{
	width: 120px;
	font-weight: 500;
	display: flex;
	align-items: center;
}
.about_block_03 .gaiyou dl .line dd{
	width: calc(100% - 120px);
	line-height: 1.5;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.about_block_03 .gaiyou dl .line dd a{
	text-decoration: none;
	text-align: left!important;
}
.about_block_03 .gaiyou dl .line dd span{
	font-weight: 500;
}
.about_block_03 .gaiyou dl .line dd span:nth-of-type(2){
	margin-top: 10px;
}
.about_block_03 .gaiyou .right_box{
	margin-top: 10px;
}
.about_block_03 .gaiyou a.link{
	text-decoration: underline;
	position: relative;
	text-align: right;
	margin-top: 20px;
	display: block;
}
.about_block_03 .gaiyou a.link::after{
	content: '';
	background: url("../img/icon10@2x.png")no-repeat center 0/contain;
	width: 18px;
	height: 18px;
	display: inline-block;
	position: relative;
	top: 2px;
	margin-left: 5px;
}

.about_block_04{
	padding: 60px 0;
	background: #F2F2F2;
}
.about_block_04 .in_wrap{width: 1280px;}
.about_block_04 h3{
	font-size: 28px;
	font-weight: 500;
	text-align: center;
	line-height: 1.0909;
	margin-bottom: 5px;
}
.about_block_04 h2{
	font-size: 16px;
	text-align: center;
	margin-bottom: 30px;
}
.about_block_04 .map{
	width: 100%;
	height: 300px;
}
.about_block_04 p{
	font-size: 16px;
	text-align: center;
	line-height: 1.5;
	margin-top: 20px;
}
.about_block_04 p span{
	font-weight: bold;
}


/****************************
仕事を知るWORK
****************************/
.work_block_01{
	background: url("../img/work_bg_01@2x.jpg")no-repeat center 0/cover;
	padding: 60px 0 60px;
}
.work_block_01 h2{
	font-size: 24px;
	font-weight: 900;
	letter-spacing: 0.06em;
	line-height: 1.5416;
	color: #fff;
	margin-bottom: 40px;
}
.work_block_01 h3{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.0em;
	line-height: 1.7777;
	color: #fff;
}

.work_block_02{
	background: url("../img/work_bg_02@2x.jpg")no-repeat center 0/cover;
	padding: 60px 0; 
	color: #fff;
}
.work_block_02 .in_wrap{
}
.work_block_02 .left_box{
	text-align: center;
	padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.work_block_02 .left_box h3{
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 0.3em;
	line-height: 1;
	margin-bottom: 5px;
}
.work_block_02 .left_box h2{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
	opacity: 0.6;
}
.work_block_02 .right_box{
	margin-top: 45px;
}
.work_block_02 .right_box ol li{
} 
.work_block_02 .right_box ol li:nth-of-type(n + 2){
	margin-top: 45px;
}
.work_block_02 .right_box ol li .img_wrap{
	width: 100px;
        height: 100px;
        margin-right: 15px;
	margin-bottom: 10px;
        float: left;
        clear: both;
}
.work_block_02 .right_box ol li .img_wrap img{
	width: 100%;
}
.work_block_02 .right_box ol li .txt_wrap{
	margin-top: 30px;
}
.work_block_02 .right_box ol li .txt_wrap h3{
 	font-size: 18px;
	font-weight: 900;
	line-height: 1.428;
	margin-bottom: 20px;
}
.work_block_02 .right_box ol li .txt_wrap p.txt01{
	font-size: 14px;
	line-height: 2;
}
.work_block_02 .right_box ol li .txt_wrap .flex{
	display: flex;
	margin-bottom: 16px;
}
.work_block_02 .right_box ol li .txt_wrap .flex .box{
	width: 145px;
	position: relative;
}
.work_block_02 .right_box ol li .txt_wrap .flex .box:nth-of-type(1){
	margin-right: 70px;
}
.work_block_02 .right_box ol li .txt_wrap .flex .box:nth-of-type(1)::after{
	content: '';
	background: url("../img/icon11@2x.png")no-repeat center 0/contain;
	width: 71px;
	height: 93px;
	display: block;
	position: absolute;
	top: 0px;
	right: -55px;
}
.work_block_02 .right_box ol li .txt_wrap .flex .box p:nth-of-type(1){
	background: #fff;
	color: #000000;
	font-weight: bold;
	text-align: center;
	padding: 2px 5px;
	margin-bottom: 5px;
}
.work_block_02 .right_box ol li .txt_wrap .flex .box p:nth-of-type(2){
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 25px;
}
.work_block_02 .right_box ol li .txt_wrap .flex .box p:nth-of-type(2) span{
	font-size: 36px;
	font-weight: bold;
}



/****************************
働く環境を知るENVIRONMENT
****************************/
.welfare_block_01{
	background: #1174FC;
	padding: 60px 0;
	color: #1174FC;
}
.welfare_block_01 .cnt_wrap{
	width: 91.7%;
	margin: 0 auto 0;
}
.welfare_block_01 p.icon09{
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	position: relative;
	margin-bottom: 8px;
	color: #fff;
	text-align: center;
}
.welfare_block_01 p.icon09::before{
	content: '';
	background: url("../img/icon09@2x.png")no-repeat center 0/contain;
	width: 26px;
	height: 28px;
	display: inline-block;
	position: relative;
	top: 7px;
	margin-right: 10px;
}
.welfare_block_01 h2{
	font-size: 5.79vw;
	font-weight: 900;
	letter-spacing: 0.06em;
	line-height: 1.4;
	color: #fff;
	text-align: center;
}
.welfare_block_01 h3.read{
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.0em;
	line-height: 1.5;
	color: #fff;
	margin-top: 5px;
	text-align: center;
	opacity: 0.6;
}
.welfare_block_01 ul{
	margin-top: 30px;
}
.welfare_block_01 ul li{
	width: 100%;
	background: #fff;
	border-radius: 20px;
	padding: 20px 15px;
	box-sizing: border-box;
	position: relative;
}
.welfare_block_01 ul li:nth-of-type(n + 2){
	margin-top: 20px;
}
.welfare_block_01 ul li:nth-child(3),
.welfare_block_01 ul li:nth-child(7),
.welfare_block_01 ul li:nth-child(10){
	margin-top: 45px;
}
.welfare_block_01 ul li h3{
	font-size: 22px;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 20px;
	position: relative;
}
.welfare_block_01 ul li h3::after{
	content: '';
	width: 50px;
	height: 1px;
	background: #1174FC;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.welfare_block_01 ul li .img_wrap{
	margin: 0 auto 20px;
}
.welfare_block_01 ul li:nth-child(1) .img_wrap{
	width: 92px;
	height: 100px;
}
.welfare_block_01 ul li:nth-child(2) .img_wrap,
.welfare_block_01 ul li:nth-child(4) .img_wrap,
.welfare_block_01 ul li:nth-child(6) .img_wrap,
.welfare_block_01 ul li:nth-child(7) .img_wrap{
	width: 100px;
	height: 100px;
}
.welfare_block_01 ul li:nth-child(3) .img_wrap{
	width: 106px;
	height: 100px;
}
.welfare_block_01 ul li:nth-child(5) .img_wrap{
	width: 126px;
	height: 100px;
}
.welfare_block_01 ul li:nth-child(8) .img_wrap{
	width: 70px;
	height: 100px;
}
.welfare_block_01 ul li:nth-child(9) .img_wrap{
	width: 104px;
	height: 100px;
}
.welfare_block_01 ul li:nth-child(10) .img_wrap{
	width: 116px;
	height: 100px;
}
.welfare_block_01 ul li:nth-child(11) .img_wrap{
	width: 94px;
	height: 100px;
}
.welfare_block_01 ul li:nth-child(12) .img_wrap{
	width: 124px;
	height: 100px;
}
.welfare_block_01 ul li .img_wrap img{
	width: 100%;
}
.welfare_block_01 ul li p.txt01{
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	text-align: center;
}
.welfare_block_01 ul li p.txt01 span{
	font-size: 18px;
	font-weight: 900;
	display: block;
}
.welfare_block_01 ul li p.txt01 span.inblock{
	display: inline-block;
}
.welfare_block_01 ul li p.txt02{
	font-size: 12px;
	position: absolute;
	color: #fff;
	bottom: -28px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}




/****************************
1日の流れFLOW
****************************/
.flow_block_01{
	position: relative;
	padding: 60px 0 0;
}
.flow_block_01 p.icon13{
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	position: relative;
	margin-bottom: 8px;
	color: #000;
}
.flow_block_01 p.icon13::before{
	content: '';
	background: url("../img/icon13@2x.png")no-repeat center 0/contain;
	width: 26px;
	height: 28px;
	display: inline-block;
	position: relative;
	top: 7px;
	margin-right: 10px;
}

	
.flow_block_01 h2{
	font-size: 30px;
	font-weight: 900;
	letter-spacing: 0.06em;
	line-height: 1.66;
	margin: 10px 0 30px;
}
.flow_block_01 h2 img{
	width: 100%;
}
.flow_block_01 ul.flow_plink{
	display: flex;
	justify-content: space-between;
}
.flow_block_01 ul.flow_plink li{
	/*width: 200px !important;
	margin: 0 20px;*/
	width: calc((100% - 20px) / 3);
}
.flow_block_01 ul.flow_plink li .img_wrap{
	width: 100%;
	position: relative;
}
.flow_block_01 ul.flow_plink li .img_wrap img{
	width: 100%;
}
.flow_block_01 ul.flow_plink li .txt_wrap{
	position: absolute;
	top: 0;
	left: 0;
	writing-mode: vertical-rl;
}
.flow_block_01 ul.flow_plink li .txt_wrap p{
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
}
.flow_block_01 ul.flow_plink li .txt_wrap h3{
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 0.12em;
	line-height: 1.6;
	margin-right: 0px;
	background: #E5F3FF;
}

.flow_block_01 .flow_cnt{
	position: relative;
	margin-top: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #333;
}
.flow_block_01 .flow_cnt h3{
	font-size: 20px;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.5;
	position: relative;
	padding-left: 1.8rem;
	text-indent: -1.9rem;
}
.flow_block_01 .flow_cnt h3::before{
	content: '';
	width: 20px;
	height: 1px;
	background: #000;
	display: inline-block;
	position: relative;
	top: -5px;
	margin-right: 10px;
}
.flow_block_01 .flow_cnt p.txt00{
	text-decoration: underline;
	display: block;
	font-size: 14px;
	margin-bottom: 30px;
}
.flow_block_01 .flow_cnt .flex{
}
.flow_block_01 .flow_cnt .flex.flex02{
	flex-direction: row-reverse;
	margin-top: 60px;
}
.flow_block_01 .flow_cnt .left_box{
	
}
.flow_block_01 .flow_cnt .left_box dl{
	
}
.flow_block_01 .flow_cnt .left_box dl .line{
	position: relative;
}
.flow_block_01 .flow_cnt .left_box dl .line.mt130,
.flow_block_01 .flow_cnt .left_box dl .line.mt190,
.flow_block_01 .flow_cnt .left_box dl .line.mt100,
.flow_block_01 .flow_cnt .left_box dl .line.mt65,
.flow_block_01 .flow_cnt .left_box dl .line.mt60,
.flow_block_01 .flow_cnt .left_box dl .line.mt125,
.flow_block_01 .flow_cnt .left_box dl .line.mt80{
	margin-top: 30px;
}


.flow_block_01 .flow_cnt .left_box dl .line dt{
	width: 80px;
	margin-right: 30px;
	position: relative;
}
.flow_block_01 .flow_cnt .left_box dl .line dt span{
	width: 60px;
	height: 30px;
	background: #000;
	border-radius: 18px;
	padding: 5px 0px;
	box-sizing: border-box;
	position: relative;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 1.5;
	text-align: center;
	display: inline-block;
	color: #fff;
	margin-left: 30px;
}
.flow_block_01 .flow_cnt .left_box dl .line dt::before{
	content: '';
	background: url("../img/icon14@2x.png")no-repeat center 0/contain;
	width: 45px;
	height: 10px;
	display: inline-block;
	position: absolute;
	top: 10px;
}
.flow_block_01 .flow_cnt .left_box dl .line dd{
	margin-top: 20px
}
.flow_block_01 .flow_cnt .left_box dl .line dd p.caption{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 20px;
	position: absolute;
	top: 2px;
	left: 100px;
}
.flow_block_01 .flow_cnt .left_box dl .line dd p.txt01{
	line-height: 1.5;
}
.flow_block_01 .flow_cnt .left_box dl .line dd p.txt01.mt20{line-height: 1.5;}
.flow_block_01 .flow_cnt .left_box dl .line dd p.txt02{
	line-height: 2;
	margin-top: 20px;
}
.flow_block_01 .flow_cnt .left_box dl .line dd p.txt02 span{
	font-weight: 500;
}
.flow_block_01 .flow_cnt .left_box dl .line dd ul li{
	list-style-position: outside;
    margin-left: 25px;
    margin-bottom: 5px;
    line-height: 1.5em;
}
.flow_block_01 .flow_cnt .left_box dl .line dd ul li::marker{
	font-size: 0.5rem;
}
.flow_block_01 .flow_cnt .left_box dl .line dd ul.caption{
	font-weight: bold;
	font-size: 18px;
	position: absolute;
	top: -2px;
	left: 110px;
}
.flow_block_01 .flow_cnt .left_box dl .line dd ul.caption li{
	list-style: disc;
	list-style-position: outside;
}

.flow_block_01 .flow_cnt .left_box dl .line.spmt{
	margin-top: 120px;
}
.flow_block_01 .flow_cnt .left_box dl .line dd span.f_14{font-size: 14px;}
.flow_block_01 .flow_cnt .right_box{
	margin: 50px auto 0;
}
.flow_block_01 .flow_cnt .right_box ul li{
	border-radius: 20px;
	overflow: hidden;
}

.flow_block_01 .flow_cnt .right_box ul li img{
	width: 100%;
}

.flow_block_01 .flow_cnt h3.flow_after{
	margin-top: 60px;
}
.flow_block_01 .flow_cnt .flow_after_list{
	display: flex;
	justify-content: space-between;
}
.flow_block_01 .flow_cnt .flow_after_list li{
	width: 340px;
}
.flow_block_01 .flow_cnt .flow_after_list li .img_wrap{ 
	margin: 0 auto;
}
.flow_block_01 .flow_cnt .flow_after_list li .img_wrap img{ 
	width: 100%;
}
.flow_block_01 .flow_cnt .flow_after_list li p.txt01{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.777;
	margin-top: 20px;
}




/****************************
働く環境を知るENVIRONMENT
****************************/
.environment_block_01{
	position: relative;
	padding: 60px 0;
}
.environment_block_01 .cnt_wrap{ 
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}
.environment_block_01  p.icon15{
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	position: relative;
	color: #1174FC;
	text-align: center;
}
.environment_block_01  p.icon15::before{
	content: '';
	background: url("../img/icon15@2x.png")no-repeat center 0/contain;
	width: 26px;
	height: 28px;
	display: inline-block;
	position: relative;
	top: 7px;
	margin-right: 10px;
}
.environment_block_01 h2{
	font-size: 5.79vw;
	font-weight: 900;
	line-height: 1.66;
	color: #1174FC;
	text-align: center;
}
.environment_block_01 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}
.environment_block_01 ul li{
	width: 100%;
	background: #1174FC;
	border-radius: 20px;
	padding: 30px 10px;
	box-sizing: border-box;
	position: relative;
}
.environment_block_01 ul li:nth-of-type(n + 2){
	margin-top: 20px;
}

.environment_block_01 ul li p.num{
	font-size: 20px;
	font-weight: bold;
	line-height: 35px;
	color: rgba(255,255,255,0.5);
	position: absolute;
	top: 10px;
	left: 10px;
}
.environment_block_01 ul li p.num::before{
	content: '';
	background: url("../img/icon16@2x.png")no-repeat center 0/contain;
	width: 30px;
	height: 32px;
	display: inline-block;
	position: relative;
	top: 10px;
	margin-right: 8px;
}
.environment_block_01 ul li h3{
	font-size: 20px;
	font-weight: 900;
	line-height: 1.5;
	text-align: center;
	color: #fff;
	padding-bottom: 15px;
	margin-top: 15px;
	position: relative;
}
.environment_block_01 ul li h3 span{
	font-size: 30px;
}
.environment_block_01 ul li h3::after{
	content: '';
	width: 200px;
	height: 1px;
	background: #FFFFFF;
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.environment_block_01 ul li p.txt01{
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	color: #fff;
	text-align: center;
	margin-top: 20px;
}
.environment_block_01 ul li p.txt01 span{
	font-size: 24px;
	line-height: 1;
}

.environment01_block_02{
	position: relative;
	background: url("../img/environment01_bg_01@2x.jpg")no-repeat center 0/cover;
	padding: 60px 0;
	color: #fff;
}
.environment01_block_02 .flex{
}
.environment01_block_02 .flex.flex01 .left_box{
	width: 176px;
	margin-right: 115px;
}
.environment01_block_02 .flex .left_box h4{
	font-size: 34px;
	font-weight: 500;
	line-height: 1.0909;
}
.environment01_block_02 .flex .left_box h3.sub{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4444;
	display: block;
	margin-top: 5px;
}
.environment01_block_02 .flex.flex01 .right_box{
	margin-top: 30px;
}
.environment01_block_02 .flex.flex01 .right_box ol {
	
}
.environment01_block_02 .flex.flex01 .right_box ol li{
	display: flex;
}
.environment01_block_02 .flex.flex01 .right_box ol li:nth-of-type(n + 2){
	margin-top: 40px;
}
.environment01_block_02 .flex.flex01 .right_box ol li .img_wrap{
	width: 80px;
}
.environment01_block_02 .flex.flex01 .right_box ol li .img_wrap img{
	width: 100%;
}
.environment01_block_02 .flex.flex01 .right_box ol li .txt_wrap{
	width: calc(100% - 80px - 1px);
	margin-left: 15px;
}
.environment01_block_02 .flex.flex01 .right_box ol li h3{
	font-size: 20px;
	font-weight: 900;
	margin-bottom: 20px;
	line-height: 1.428;
}
.environment01_block_02 .flex.flex01 .right_box ol li p{
	font-weight: 400;
	line-height: 1.5;
	position: relative;
	font-size: 14px;
	padding-left: 19px;
	text-indent: -19px;
}
.environment01_block_02 .flex.flex01 .right_box ol li p::before{
	content: '';
	background: url("../img/icon17@2x.png")no-repeat center 0/contain;
	width: 16px;
	height: 8px;
	display: inline-block;
	margin-right: 5px;
}
.environment01_block_02 .flex.flex02{
	margin-top: 60px;
	display: flex;
	flex-direction: column-reverse;
}
.environment01_block_02 .flex.flex02 .left_box{
	margin-top: 30px;
}
.environment01_block_02 .flex.flex02 .left_box ol{
	
}
.environment01_block_02 .flex.flex02 .left_box ol li{
	
}
.environment01_block_02 .flex.flex02 .left_box ol li:nth-of-type(n + 2){
	margin-top: 40px;
}
.environment01_block_02 .flex.flex02 .left_box ol li .img_wrap{
	width: 80px;
	margin-right: 30px;
	float: left;
}
.environment01_block_02 .flex.flex02 .left_box ol li .img_wrap img{
	width: 100%;
}
.environment01_block_02 .flex.flex02 .left_box ol li .txt_wrap{
	
}
.environment01_block_02 .flex.flex02 .left_box ol li .txt_wrap h3{
	font-size: 24px;
	font-weight: 900;
	margin-bottom: 10px;
	padding: 15px
}
.environment01_block_02 .flex.flex02 .left_box ol li .txt_wrap h3 span{
	font-size: 14px;
	font-weight: 400;
	text-decoration: underline;
	margin-left: 0px;
	display: block;
}
.environment01_block_02 .flex.flex02 .left_box ol li .txt_wrap p.txt01{
	font-weight: bold;
	line-height: 1.6;
}
.environment01_block_02 .flex.flex02 .left_box ol li .txt_wrap p.txt02{
	line-height: 1.6;
	margin-top: 15px;
	opacity: 0.6;
}

.environment01_block_02 .flex.flex02 .right_box{
}
.environment01_block_02 .flex.flex02 .right_box h4{
	font-size: 34px;
	font-weight: 500;
	line-height: 1.0909;
}
.environment01_block_02 .flex.flex02 .right_box h3.sub{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4444;
	display: block;
	margin-top: 5px;
}
.environment01_block_02 .flex.flex02 .right_box .tate{
	margin-top: 20px;
	background: rgba(255,255,255,0.1);
	padding: 15px;
	text-align: center;
}
.environment01_block_02 .flex.flex02 .right_box .tate p.caption{
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	margin-left: 5px;
}
.environment01_block_02 .flex.flex02 .right_box .tate p.read{
	font-size: 14px;
	line-height: 1.5;
	margin-top: 10px;
}

.environment01_block_02 .blog_cnt{
	margin-top: 60px;
	position: relative;
}
.environment01_block_02 .blog_cnt h2{
	font-size: 34px;
	font-weight: 500;
	line-height: 1.0909;
}
.environment01_block_02 .blog_cnt h2 span{
	font-size: 16px;
	font-weight: 500;
	margin-left: 0px;
	display: block;
	margin-top: 10px;
}
.environment01_block_02 .blog_cnt a.link03{
	width: 185px;
	background: rgba(255,255,255,0.5);
	border-radius: 27px;
	line-height: 54px;
	display: block;
	padding-left: 20px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
}
.environment01_block_02 .blog_cnt a.link03::after{
	content: '';
	background: url("../img/icon18@2x.png")no-repeat center 0/contain;
	width: 16px;
	height: 8px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
}
.environment01_block_02 .blog_cnt a.link03:hover{
	border: 1px solid rgba(255,255,255,0.5);
	background: none;
	color: rgba(255,255,255,0.5);
}
.environment01_block_02 .blog_cnt a.link03:hover::after{
	filter: brightness(50%) invert(1);
	}
.environment01_block_02 .blog_cnt ul{
	display: flex;
	justify-content: space-between;
	margin-top: 45px;
}
.environment01_block_02 .blog_cnt ul li{
	margin: 0 auto;
}
.environment01_block_02 .blog_cnt ul li a{
	color: #fff;
}
.environment01_block_02 .blog_cnt ul li time{
	letter-spacing: 0.05em;
	line-height: 2;
	color: #8B8B8B;
	margin-bottom: 10px;
}
.environment01_block_02 .blog_cnt ul li .img_wrap{
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.environment01_block_02 .blog_cnt ul li .img_wrap::before{
	content: '';
	display: block;
	padding-top: 63.23%;
}
.environment01_block_02 .blog_cnt ul li .img_wrap img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	object-fit: cover;
}
.environment01_block_02 .blog_cnt ul li p.txt01{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.7777;
	margin-top: 25px;
}




/****************************
働く環境を知るENVIRONMENT
****************************/
.privacy_block01 {
	padding: 60px 0;
}
.privacy_block01 h2{
	font-size: 24px;
	line-height: 1;
}
.privacy_block01 h3{
	font-size: 18px;
	line-height: 1;
	margin: 20px 0 50px;
}

.privacy_block01 dt {
	color: #00324D;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4em;
	margin-bottom: 20px;
	letter-spacing: 0.0em;
}
.privacy_block01 dd {
	margin-left: 10px;
	margin-bottom: 50px;
}
.privacy_block01 dd:last-child{
	margin-bottom: 0;
}

.privacy_block01 dd ul li{
	position: relative;
	padding-left: 20px;
}
.privacy_block01 dd ul li::before{
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    left: 5px;
    top: 0;
	bottom: 0;
	margin: auto;
} 
	
	
/****************************
採用ブログ RECRUIT BLOG
****************************/
	/**投稿系テンプレート**/
	.custom_temp01{
		padding: 60px 0 0px;
	}
	.custom_temp01 .in_wrap{
	}
	.custom_temp01 .list_cnt{
	}
	
	
	.custom_temp01 aside{
		width: 240px;
		margin: 60px auto 0;
	}
	.custom_temp01 aside ul li a{
		font-size: 16px;
	}
	.custom_temp01 aside .month_list,
	.custom_temp01 aside .category_list{
		padding-left: 30px;
		border-left: 1px solid #B9C9D1;
		margin-top: 60px;
	}
	.custom_temp01 aside h3{
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 0.1em;
		margin-bottom: 20px;
	}
	.custom_temp01 aside .month_list ul li,
	.custom_temp01 aside .category_list ul li{
		position: relative;
		font-weight: bold;
	}
	.custom_temp01 aside .month_list ul li::before,
	.custom_temp01 aside .category_list ul li::before{
		content: '・';
		
	}
	.custom_temp01 aside > div{
		border-top: 1px solid #B9C9D1;
		padding-top: 30px;
	}
	.pager {
		margin: 60px 0 0;
		font-family: 'Noto Sans JP', sans-serif;
	}
	.pager ul{
		display: flex;
		justify-content: center;
	}
	.pager.single ul{
		justify-content: space-between;
	}
	
	.pager ul li a,
	.pager ul li span.page-numbers {
		width: 44px;
		height: 44px;
		line-height: 44px;
		font-size: 18px;
		margin-right: 10px;
		background: #333;
		border-radius: 4px;
		border: 1px solid #333;
		box-sizing: border-box;
		text-align: center;
	}
	.pager ul li:last-child{
		margin-right: 0;
	}
	.pager ul li.dots a{
		width: 25px!important;
		color: #333;
		font-weight: bold;
		background: none!important;
		border: none!important;
	}
	.pager ul li.dots a{
		color: #333;
		font-weight: bold;
	}

	.pager ul li span{
		color: #fff;
		display: block;
		line-height: 44px;
	}
	.pager ul li.on a{
		background: #fff;
		color: #333;

	}
	.pager ul li a{
		color: #fff;
		display: block;
		font-size: 15px;
		line-height: 44px;
		text-align: center;
	}
	.pager ul li:not(.dots) a:hover{
		background: #fff;
		color: #333;
		opacity: 1;
		box-sizing: border-box;
	}
	.pager ul li a:hover{
		opacity: 1;
		text-decoration: none;
	}
	.pager ul li span.current{
		background: #fff!important;
		color: #333!important;
	}
	.pager ul li.prev a,
	.pager ul li.next a{
		font-size: 14px;
		font-weight: bold;
	}
	.pager ul li a.prev{
		margin-right: 80px;
	}
	.pager ul li.prev{
		margin-right: 80px;
	}	

	
	
	
	.blog_block_01 h2{
		font-size: 26px;
		font-weight: bold;
		line-height: 1.722;
		letter-spacing: 0.06em;
		position: relative;
		padding-top: 15px;
		margin-bottom: 15px;
		border-top: 1px solid #B9C9D1;
	}
	.blog_block_01 h2::before{
		content: '';
		width: 120px;
		height: 1px;
		background: #000;
		display: block;
		position: absolute;
		top: -1px;
		left: 0;
	}
	.blog_block_01 .list_cnt ul.post_list{
		position: relative;
		border-top: 1px solid #B9C9D1;
		padding-top: 30px;
	}
	.blog_block_01 .list_cnt ul.post_list li{
		padding-bottom: 30px;
		border-bottom: 1px solid #B9C9D1;
	}
	.blog_block_01 .list_cnt ul.post_list li:nth-of-type(n + 2){
		margin-top: 30px;
	}
	.blog_block_01 .list_cnt ul.post_list li a{
		position: relative;
	}
	.blog_block_01 .list_cnt ul.post_list li .img_wrap{
		width: 100%;
		position: relative;
		border-radius: 10px;
		overflow: hidden;
	}
	.blog_block_01 .list_cnt ul.post_list li .img_wrap::before{
		content: '';
		display: block;
		padding-top: 90.90%;
	}
	.blog_block_01 .list_cnt ul.post_list li .img_wrap img{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		object-fit: cover;
	}
	.blog_block_01 .list_cnt ul.post_list li .txt_wrap{
		margin-top: 30px;
	}
	.blog_block_01 .list_cnt ul.post_list li .txt_wrap p.txt{
		position: relative;
		line-height: 1.5;
		padding-left: 40px;
		margin-bottom: 15px;
	}
	.blog_block_01 .list_cnt ul.post_list li .txt_wrap p.txt .icon img {
        width: 28px;
        height: 28px;
        border-radius: 15px;
        margin-right: 8px;
		position: absolute;
		left: 0;
		top: -4px;
    }
	.blog_block_01 .list_cnt ul.post_list li .txt_wrap p.txt span.post_c{
		font-size: 14px;
		line-height: 1.428;
		background: #333;
		padding: 0 10px;
		border-radius: 10px;
		color: #fff;
		margin-left: 5px;
	}
	.blog_block_01 .list_cnt ul.post_list li .txt_wrap h3{
		font-size: 20px;
		font-weight: bold;
		line-height: 1.5;
		margin-bottom: 15px;
	}
	.blog_block_01 .list_cnt ul.post_list li .txt_wrap p.txt01{
		font-size: 14px;
		line-height: 2;
	}
	
	.blog_block_01 aside .img_wrap{
		width: 80px;
		height: 74px;
		position: relative;
		overflow: hidden;
		border-radius: 4px;
	}
	.blog_block_01 aside .img_wrap::before{
		content: '';
		display: block;
		padding-top: 92.5%;
	}
	.blog_block_01 aside img{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		object-fit: cover;
	}
	.blog_block_01 aside .share{
		padding-top: 30px;
	}
	.blog_block_01 aside .share h3{
		
	}
	.blog_block_01 aside .share .share_btn{
		margin-bottom: 60px;
	}
	.blog_block_01 aside .recently{
		
	}
	.blog_block_01 aside .recently ul li:nth-of-type(n + 2){
		margin-top: 20px;
	}
	.blog_block_01 aside .recently ul li figure{
		display: flex;
		justify-content: space-between;
	}
	.blog_block_01 aside .recently ul li figcaption{
		width: calc(100% - 95px);
		line-height: 1.5;
		font-weight: bold;
	}
/**個別ページ**/	
	.blog_block_01 .art_wrap{
		
	}
	.blog_block_01 .art_wrap article{
		background: #fff;
		padding: 30px 15px;
	}
	.blog_block_01 .art_wrap article img{
		width: 100%;
		border-radius: 10px;
	}
	.blog_block_01 .art_wrap article a {
		color: #0B62FF;
		text-decoration: underline;
	}
	.blog_block_01 .art_wrap article a {
		color: #0B62FF;
		text-decoration: underline;
	}
	.blog_block_01 .art_wrap article ul.wp-block-list {
		margin-top: 20px;
		line-height: 2.285;
	}
	.blog_block_01 .art_wrap article ul.wp-block-list li {
		list-style: disc;
		margin-left: 25px;
	}
	.blog_block_01 .art_wrap h2.art_title{
		border-top: none;
		font-size: 26px;
		font-weight: bold;
		line-height: 1.4375;
		padding-bottom: 30px;
		margin-bottom: 20px;
	}
	.blog_block_01 .art_wrap h2.art_title{
		border-top: none;
	}
	.blog_block_01 .art_wrap h2.art_title::before{
		content: none;
	}
	.blog_block_01 .art_wrap h2.art_title::after{
		content: '';
		width: calc(100% + 30px);
		height: 1px;
		background: #B9C9D1;
		display: block;
		position: absolute;
		bottom: 0;
		left: -15px;
	}
	.blog_block_01 .art_wrap p.txt{
		position: relative;
		line-height: 1.5;
		padding-left: 40px;
		margin-bottom: 28px;
	}
	.blog_block_01 .art_wrap p.txt .icon img {
        width: 28px;
        height: 28px;
        border-radius: 15px;
        margin-right: 8px;
		position: absolute;
		left: 0;
		top: -4px;
    }
	.blog_block_01 .art_wrap p.txt span.post_c{
		font-size: 14px;
		line-height: 1.428;
		background: #333;
		padding: 0 10px;
		border-radius: 10px;
		color: #fff;
		margin-left: 5px;
	}
	.blog_block_01 .art_wrap p:not(.txt):not(.ez-toc-title):not(.rtxt02):not(.rlist02_txt){
		margin-top: 20px;
		font-size: 16px;
		line-height: 2.285;
	}
	.blog_block_01 .art_wrap ol.wp-block-list {
		margin-top: 20px;
	}
	.blog_block_01 .art_wrap ol.wp-block-list li {
		list-style: decimal;
		list-style-position: outside;
		margin-left: 30px;
		line-height: 2;
	}
	.blog_block_01 .art_wrap  #ez-toc-container{
		position: relative;
		background: #E4F3FF;
		border: 1px solid #B9C9D1;
		border-radius: 10px;
		padding: 20px;
		margin: 60px 0;
	}
	.blog_block_01 .art_wrap #ez-toc-container .ez-toc-title{
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 0.2em;
		line-height: 1.6;
		padding-bottom: 15px;
		margin-top: 0;
		border-bottom: 1px dashed #B9C9D1;
	}
	.blog_block_01 .art_wrap #ez-toc-container ul{
		margin-top: 15px;
		padding-left: 25px;
	}
	.blog_block_01 .art_wrap #ez-toc-container ul li{
		list-style: decimal;
		text-decoration: underline;
		font-weight: 500;
		line-height: 1.5;
		margin-bottom: 10px;
	}
	.blog_block_01 .art_wrap #ez-toc-container ul li:last-child {
		margin-bottom: 0;
	}
	.blog_block_01 .art_wrap #ez-toc-container ul.ez-toc-list-level-4{
		margin-top: 0;
	}
	.blog_block_01 .art_wrap h3.wp-block-heading{
		font-size: 22px;
		font-weight: bold;
		line-height: 1.3571;
		position: relative;
		padding-left: 20px;
		margin-bottom: 32px;
	}
	.blog_block_01 .art_wrap h3.wp-block-heading::before{
		content: '';
		width: 5px;
		height: 100%;
		display: block;
		background: #333;
		position: absolute;
		left: 0;
	}
	.blog_block_01 .art_wrap h4.wp-block-heading{
		font-size: 20px;
		font-weight: bold;
		line-height: 1.583;
		position: relative;
		padding-left: 30px;
		padding-top: 0;
		margin-top: 40px;
	}
	.blog_block_01 .art_wrap h4.wp-block-heading::before{
		content: '';
		width: 15px;
		height: 15px;
		display: block;
		background: #1174FC;
		border-radius: 50%;
		position: absolute;
		top: 10px;
		bottom: 0;
		left: 0;
		
	}
/****************************
採用ブログ RECRUIT BLOG
****************************/

.news_block_01{
	
}
.news_block_01 ul.post_list{
}
.news_block_01 ul.post_list li{
	width: 100%;
	background: #fff;
	border: 1px solid #B9C9D1;
	border-radius: 10px;
	padding: 30px 20px;
	box-sizing: border-box;
}
.news_block_01 ul.post_list li:nth-of-type(n + 2){
	margin-top: 30px;
}
.news_block_01 ul.post_list li h3{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 20px;
}
.news_block_01 ul.post_list li p.txt{
	color: #1174FC;
	line-height: 1.5;
}
	
.news_block_01 aside .recently{

}
.news_block_01 aside .recently ul{

}
.news_block_01 aside .recently ul li{
	font-weight: bold;
	line-height: 1.5;
}
.news_block_01 aside .recently ul li:nth-of-type(n + 2){
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #C7D5DD;
}
	
/**個別ページ**/	
.news_block_01 .art_wrap{
		
}
.news_block_01 .art_wrap article{
	background: #fff;
	padding: 30px 15px;
}
.news_block_01 .art_wrap h2.art_title::after{
	content: '';
	width: calc(100% + 60px);
	height: 1px;
	background: #B9C9D1;
	display: block;
	position: absolute;
	bottom: 0;
	left: -30px;
}
.news_block_01 .art_wrap article img{
	width: 100%;
	border-radius: 10px;
}
.news_block_01 .art_wrap h2.art_title{
	border-top: none;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.4375;
	padding-bottom: 40px;
	margin-bottom: 20px;
	position: relative;
}
.news_block_01 .art_wrap h2{
	border-top: none;
}
.news_block_01 .art_wrap h2::before{
	content: none;
}
.news_block_01 .art_wrap h2.art_title::after{
	content: '';
	width: calc(100% + 60px);
	height: 1px;
	background: #B9C9D1;
	display: block;
	position: absolute;
	bottom: 0;
	left: -30px;
}
.news_block_01 .art_wrap p.txt{
	position: relative;
	line-height: 1.5;
	padding-left: 0px;
	margin-bottom: 28px;
}

.news_block_01 .art_wrap p.txt span.post_c{
	font-size: 14px;
	line-height: 1.428;
	background: #333;
	padding: 0 10px;
	border-radius: 10px;
	color: #fff;
	margin-left: 5px;
}
.news_block_01 .art_wrap p:not(.txt){
	margin-top: 20px;
	font-size: 16px;
	line-height: 2;
}
	.news_block_01 .art_wrap article a {
		color: #0B62FF;
		text-decoration: underline;
	}
/****************************
新着情報 NEWS & TOPICS
****************************/
/*==================================================================================*/



/****************************
ページ下部共通
****************************/
.other_inteview{
	padding: 60px 0 60px;
}
.other_inteview h2{
	font-size: 28px;
	font-weight: 400;
	line-height: 1.333;
	margin-bottom: 35px;
	color: #000000;
}
.other_inteview ul{

}
.other_inteview ul li{
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #BFBFBF;;
}
	.other_inteview ul li:last-child {
		border-bottom:none;
		margin-bottom: 0px;
	padding-bottom: 0px;
	}
	.other_inteview ul li:last-child {
		margin-bottom: 0;
	}
.other_inteview ul li .img_wrap{
	width: 320px;
	margin: 0 auto;
	position: relative;
}

.other_inteview ul li .img_wrap img{
	width: 100%;
	height: auto;
}
.other_inteview ul li .img_wrap .name_wrap{
	writing-mode: vertical-rl;
	position: absolute;
	top: 0;
	left: 0;
}
.other_inteview ul li .img_wrap .name_wrap p.ruby{
	font-weight: 500;
	margin-left: 5px;
	text-shadow: 0 0 4px #fff;
}
.other_inteview ul li .img_wrap .name_wrap p.name{
	font-size: 24px;
	font-weight: bold;
}
.other_inteview ul li .txt_wrap h3{
	font-size: 17px;
	font-weight: bold;
	line-height: 1.3333;
	margin-top: 10px;
}
.other_inteview ul li .txt_wrap p{
	font-weight: 500;
	line-height: 1.5;
	margin-top: 2px;
}




.other_page{
	position: relative;
	padding: 60px 0 30px;
}
.other_page ul{

}
.other_page ul li:nth-of-type(n + 2){
	margin-top: 40px;
}
.other_page ul li .img_wrap{
	width: calc(100% - 10px);
	position: relative;
	margin: 0 auto;
}
.other_page ul li .img_wrap img{
	width: 100%;
}
.other_page ul li .img_wrap::before{
	content: '';
	background: url("../img/icon12@2x.png")no-repeat center 0/contain;
	width: 54px;
	height: 54px;
	display: block;
	position: absolute;
	bottom: -15px;
	right: -15px;
}
.other_page ul li .txt_wrap{
	position: absolute;
	top: 0;
	left: 0;
	writing-mode: vertical-rl;
}
.other_page ul li .txt_wrap p{
	font-size: 12px;
	font-weight: 500;
}
.other_page ul li .txt_wrap h3{
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 0.12em;
	margin-right: 0px;
}	
	
	
	

	.art_wrap {
		font-feature-settings: "palt";
		text-align: justify;
	}
	
h2.art_title span {
		background: #1599FA;
		color: #fff;
		display: inline-block;
		width: 90px;
		border-radius: 4px;
		text-align: center;
		line-height: 28px;
		margin-right: 10px;
		font-size: 16px;
	}
	.news_block_01 .art_wrap h2.recruit_tit {
		font-size: 24px;
	}
	
	.rtit01 {
		font-size: 20px;
		font-weight: 700;
		text-align: center;
		color: #286783;
		margin: 30px 0 25px 0;
		line-height: 30px;
	}
	.rtit01 br {
		display: none;
	}
	.rimg_list {
		display: flex;
		justify-content: space-between;
		margin: 40px 0;
		position: relative;
	}
	.rimg_list li {
		margin: 0 7px;
	}
	.rimg_list .slick-next {
		right: -13px;
		z-index: 9990;
		width: 36px;
	}
	.rimg_list .slick-prev {
		left: -13px;
		z-index: 9990;
		width: 36px;
	}
	.rimg_list .slick-prev:before, .rimg_list .slick-next:before {
		color: #121212;
		font-size: 36px;
		opacity: 1;
	}
	.rtit02 {
		font-size: 18px;
		line-height: 28px;
		font-weight: 700;
		letter-spacing: 0.1em;
		margin-bottom: 25px;
	}
	.rlist01 {
		font-size: 14px;
	}
	.rlist01 dt {
		float: left;
		clear: both;
		width: 85px;
		font-weight: 700;
		color: #00B5C1;
	}
	.rlist01 dd {
		padding-left: 85px;
		margin-bottom: 25px;
		line-height: 1.8;
		letter-spacing: 0.05em;
	}
	.rlist01 dd:last-child {
		margin-bottom: 50px;
	}
	
	.rlist_in {
		margin-top: 10px;
	}
	.rlist_in li {
		list-style: disc;
		margin-left: 20px;
		font-size: 13px;
		line-height: 1.3;
		margin-bottom: 8px;
		text-decoration: underline;
		color: #0096BF;
	}
	.rlist_in li:last-child {
		margin-bottom: 0;
	}
	.rlist_in li span {
		display: none;
	}
	.rtable01 {
		width: 100%;
		margin-bottom: 40px;
		font-size: 14px;
		border-top: #C7C5C0 solid 1px;
	}
	.rtable01 th,
	.rtable01 td{
		border: #C7C5C0 solid 1px;
		padding: 15px;
		vertical-align: middle;
		box-sizing: border-box;
		display: block;
		width: 100%;
		line-height: 1.5;
	}
	.rtable01 th {
		background: #EDECE8;
		font-weight: 500;
		letter-spacing: 0.1em;
		padding: 10px;
		line-height: 1;
		border-bottom: none;
		border-top: none;
		text-align: center;
	}
	.rtable01 td ul li {
		list-style: disc;
	margin-left: 20px;
		margin-bottom: 8px;
	}
	.rtable01 td ul li:last-child {
		margin-bottom: 0;
	}
	.rtit03 {
		font-size: 20px;
		line-height: 1em;
		letter-spacing: 0.1em;
		padding-bottom: 20px;
		border-bottom: 1px #C7C5BF solid;
		text-align: center;
		margin-bottom: 20px;
		font-weight: 600;
	}
	p.rtxt02 {
		color: #E34C4C;
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 1.5;
	}

	.rlist02 {
		font-size: 14px;
		margin-bottom: 40px;
	}
	.rlist02 dt {
		position: relative;
		padding: 10px 15px;
		background: #EDECE8;
		line-height: 20px;
		box-sizing: border-box;
		font-size: 14px;
		
	}
	.rlist02 dt span {
		background: #E34C4C;
		display: block;
		width: 34px;
		font-size: 12px;
		color: #fff;
		border-radius: 4px;
		position: absolute;
		right: 15px;
		top: 10px;
		line-height: 20px;
		text-align: center;
	}
	.rlist02 dd {
		padding: 15px 15px 15px 15px;
		border-bottom: 1px #C7C5BF dashed;
		box-sizing: border-box;
	}
	.rlist02 dd .rbox01 {
		width: 100%;
		box-sizing: border-box;
		border: 1px #C7C5BF solid;
		border-radius: 4px;
		height: 44px;
		padding: 0 15px;
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 180%;
		font-weight: 400;
	}
	.rlist02 dd .rbox01::placeholder,
	.rlist02 dd .rbox02::placeholder,
	.rlist02 dd .rbox03::placeholder{
		color: #C7C7C7;
	}
	
	.rlist02 dd .rbox02 {
		width: 120px;
		box-sizing: border-box;
		border: 1px #C7C5BF solid;
		border-radius: 4px;
		height: 44px;
		padding: 0 15px;
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 180%;
		font-weight: 400;
	}
	
	.rlist02 dd .rbox03 {
		width: 100%;
		box-sizing: border-box;
		border: 1px #C7C5BF solid;
		border-radius: 4px;
		height: 150px;
		padding: 15px;
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 180%;
		font-weight: 400;
	}
	
	.rlist02 dt:nth-last-child(2),
	.rlist02 dd:nth-last-child(1) {
		border: none;
	}
	
	.rbtn {
		background: #333333;
		width: 200px;
		height: 44px;
		border-radius: 4px;
		color: #fff;
		letter-spacing: 0.1em;
		font-weight: 500;
		display: block;
		margin: auto;
		cursor: pointer;
	}
	
	
}
/*====================================================================================

PC用（bleak_point:480px）

====================================================================================*/
@media screen and (min-width: 681px){
/*====================================================================================

下層 共通項目CSS

====================================================================================*/
.common_cnt{
	background: #E5F3FF;
	position: relative;
}
	.common_cnt::after{
		content: '';
		background: #E5F3FF; 
		display: block;
		width: 100%;
		height: 100px;
		position: absolute;
		bottom: -100px;
	}
header .common_mv_cnt{
	width: 100%;
	height: calc(100vh - 0px);
	position: relative;
}
header .common_mv_cnt .in_wrap{
	height: 100%;
	position: relative;
}
header .common_mv_cnt .in_wrap.interview_icon::before{
	content: '';
	background: url("../img/interview_mv_001@2x.png")no-repeat top 0 right 0/contain;
	display: block;
	position: absolute;
	bottom: 0;
	left: -122px;
}
header .common_mv_cnt .in_wrap.interview_01_icon::before{
	background: url("../img/interview_mv_001@2x.png")no-repeat top 0 right 0/contain;
	width: 670px;
	height: 840px;
}
header .common_mv_cnt .in_wrap.interview_02_icon::before{
	background: url("../img/interview_mv_002@2x.png")no-repeat top 0 right 0/contain;
	left: -188px;
	width: 817px;
	height: 833px;
}
header .common_mv_cnt .in_wrap.interview_03_icon::before{
	background: url("../img/interview_mv_003@2x.png")no-repeat top 0 right 0/contain;
	left: -168px;
	width: 818px;
	height: 775px;
}
header .common_mv_cnt.interview_01{
	background: url("../img/interview_mv_01@2x.jpg")no-repeat top 0 right 0/cover;
	position: relative;
}
header .common_mv_cnt.about .common_mv_fix{
	background: url("../img/about_mv_01@2x.jpg")no-repeat top 0 right 0/cover;
	width: 100%;
	height: 100vh;
	display: block;
	position: fixed;
	top: 0;
}
header .common_mv_cnt.work .common_mv_fix{
	background: url("../img/work_mv_01@2x.jpg")no-repeat top 0 right 0/cover;
	width: 100%;
	height: 100vh;
	display: block;
	position: fixed;
	top: 0;
}
header .common_mv_cnt.environment .common_mv_fix{
	background: url("../img/environment_mv_01@2x.jpg")no-repeat top 0 right 0/cover;
	width: 100%;
	height: 100vh;
	display: block;
	position: fixed;
	top: 0;
}
	header .common_mv_cnt.recruit {
		height: 450px;
	}
	
	
	
header .common_mv_cnt.recruit .common_mv_fix{
	background: url("../img/environment_mv_01@2x.jpg")no-repeat center;
	background-size: cover;
	width: 100%;
	height: 450px;
	display: block;
	position: fixed;
	top: 0;
}


header .common_mv_cnt .page_tit{
	background: url("../img/common_bg_01@2x.png")no-repeat center 0/contain;
	width: 760px;
	height: 350px;
	display: block;
	padding: 115px 0 0 180px;
	box-sizing: border-box;
	color: #fff;
	position: absolute;
	bottom: 185px;
	left: -74px;
}
header .common_mv_cnt .page_tit h3{
	font-size: 58px;
	font-weight: 500;
	line-height: 78px;
	margin-bottom: 5px;
}
header .common_mv_cnt .page_tit h2{
	font-size: 24px;
	font-weight: bold;
}
header .common_mv_cnt .page_tit h2::before{
	content: '';
	background: url("../img/icon08@2x.png")no-repeat center 0/contain;
	width: 18px;
	height: 26px;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 10px;
}
header .common_mv_cnt.recruit .page_tit {
		width: 450px;
		height: 210px;
		padding: 82px 0 0 0;
		bottom: 105px;
		left: 50%;
	transform: translateX(-50%);
	text-align: center;
	
	}
	header .common_mv_cnt.recruit .page_tit h2 {
		font-size: 32px;
	}
	header .common_mv_cnt.recruit .page_tit h2::before {
		display: none;
	}
header .common_mv_cnt .page_tit_inte{
	background: url("../img/common_bg_01@2x.png")no-repeat center 0/contain;
	width: 760px;
	height: 350px;
	display: block;
	padding: 115px 0 0 180px;
	box-sizing: border-box;
	color: #fff;
	position: absolute;
	bottom: 75px;
	right: -40px;
}
header .common_mv_cnt .page_tit_inte h3{
	font-size: 58px;
	font-weight: 500;
	line-height: 78px;
	margin-bottom: 5px;
}
header .common_mv_cnt .page_tit_inte h2{
	font-size: 24px;
	font-weight: bold;
}
header .common_mv_cnt .page_tit_inte h2::before{
	content: '';
	background: url("../img/icon08@2x.png")no-repeat center 0/contain;
	width: 18px;
	height: 26px;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 10px;
}



/*****************************
社員インタビュー INTERVIEW
*****************************/
.interview_block_01{
	background: #1174FC;
	padding: 100px 0;
	color: #fff;
}
.interview_block_01 p.icon09{
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
	position: relative;
	margin-bottom: 8px;
}
.interview_block_01 p.icon09::before{
	content: '';
	background: url("../img/icon09@2x.png")no-repeat center 0/contain;
	width: 34px;
	height: 36px;
	display: inline-block;
	position: relative;
	top: 10px;
	margin-right: 10px;
}
.interview_block_01 h3.c_copy{
	font-size: 68px;
	font-weight: 900;
	letter-spacing: 0.06em;
	line-height: 99px;
}
.interview_block_01 h4.read{
	font-size: 36px;
	font-weight: 900;
	line-height: 52px;
	margin-bottom: 60px;
}
.interview_block_01 p.txt00{
	line-height: 2;
}
.interview_block_01 .flex01{
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
}
.interview_block_01 .flex01 .left_box{
	width: 180px;
}
.interview_block_01 .flex01 .left_box img{
	width: 100%;
}
.interview_block_01 .flex01 .right_box{
	width: calc(100% - 240px);
	padding-top: 32px;
	box-sizing: border-box;
}
.interview_block_01 .flex01 .right_box h3.name{
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 52px;
	margin-bottom: 30px;
}
.interview_block_01 .flex01 .right_box h3.name span{
	display: inline-block;
	font-size: 16px;
	line-height: 1.25;
	position: relative;
	top: 5px;
	margin-left: 30px;
}
.interview_block_01 .flex01 .right_box p.txt01{
	line-height: 2;
}
.interview_block_01 .theme01{
	margin-top: 80px;
}
.interview_block_01 .theme02{
	margin-top: 100px;
}
.interview_block_01 .theme{
	position: relative;
}
.interview_block_01 .theme .side{
	font-size: 120px;
	font-weight: 500;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	transform: rotate(-180deg);
	line-height: 1;
	color: rgba(255,255,255,0.2);
	position: absolute;
	top: 0px;
	right: -7px;
	white-space:nowrap; 
}
.interview_block_01 .theme02 .side{
	left: -7px;
	right: inherit;
	transform: rotate(-0deg);
}
.interview_block_01 .theme .flex02{
	min-height: 700px;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.interview_block_01 .theme02 .flex02{
	flex-direction: row-reverse;
}
.interview_block_01 .theme .flex02 .left_box{
	width: 140px;
	position: absolute;
	top: 0;
	left: 0;
}
.interview_block_01 .theme .flex02 .left_box .theme_tit_wrap{
	width: 140px;
	background: #fff;
	padding: 5px 12px;
	box-sizing: border-box;
}
.interview_block_01 .theme .flex02 .left_box .theme_tit_wrap span{
	font-size: 18px;
	font-weight: bold;
	color: #1174FC;
	text-align: center;
}
.interview_block_01 .theme .flex02 .left_box h3{
	writing-mode: vertical-rl;
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	margin-left: 15px;
	margin-top: 20px;
	letter-spacing: 0.1em;
}
.interview_block_01 .theme02 .flex02 .left_box h3{
	margin-right: 15px;
	margin-left: 25px;
}
.interview_block_01 .theme .flex02 .left_box h3 span{
	font-size: 50px;
	font-weight: 900;
}
.interview_block_01 .theme .flex02 .right_box{
	width: 860px;
	padding-left: 220px;
}
.interview_block_01 .theme .flex02 .right_box h4{
	font-size: 34px;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.2;
	position: relative;
	margin-bottom: 30px;
	padding-left: 86px;
}
.interview_block_01 .theme .flex02 .right_box h4::before{
	content: '';
	width: 65px;
	height: 1px;
	background: #fff;
	display:block;
	position: absolute;
	left: 0;
	top: 18px;
	margin-right: 20px;
}
.interview_block_01 .theme .flex02 .right_box p.answer{
	line-height: 2;
	margin-bottom: 60px;
}
.interview_block_01 .theme .img_wrap{
	width: 1280px;
	position: relative;
	z-index: 1;
	margin-top: 0px;
	margin-left: auto;
}
.interview_block_01 .theme .img_wrap img{
	width: 100%;
}
.interview_block_01 .theme .img_wrap::before{
	content: '';
	width: 1310px;
	height: 475px;
	background: linear-gradient(to right, #BF83FC , #6A9AFA 64.7%, #EF777C);
	display: block;
	position: absolute;
	left: -30px;
	bottom: -30px;
	z-index: -1;
}

	
.interview_block_01 .theme02 .flex02 .left_box{
	left: inherit;
	right: 0;
}
.interview_block_01 .theme02 .flex02 .right_box{
	padding-left: 0;
	padding-right: 220px;
}
.interview_block_01 .theme02 .img_wrap{
	width: 1280px;
	position: relative;
	z-index: 1;
	margin:0 auto 0 0;
}

.interview_block_01 .theme02 .img_wrap::before{
	content: '';
	width: 1310px;
	height: 475px;
	background: linear-gradient(to right, #BF83FC , #6A9AFA 64.7%, #EF777C);
	display: block;
	position: absolute;
	left: 0;
	right: -30px;
	bottom: -30px;
	z-index: -1;
}
.interview_block_01 .theme02 .message{
	width: 1080px;
	margin-top: 100px;
	background: #fff;
	color: #1174FC;
	padding: 40px 50px;
	box-sizing: border-box;
	display: block;
}
.interview_block_01 .theme02 .message h3{
	font-size: 34px;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.5;
	position: relative;
	margin-bottom: 30px;
}
.interview_block_01 .theme02 .message h3::before{
	content: '';
	width: 65px;
	height: 1px;
	background: #1174FC;
	display: inline-block;
	position: relative;
	top: -12px;
	margin-right: 20px;
}
.interview_block_01 .theme02 .message p.txt01{
	line-height: 2;
}




/*****************************
東協塗装工業を知る ABOUTUS
*****************************/

.about_block_01{
	position: relative;
	padding: 140px 0;
	
}
.about_block_01 .in_wrap{
	width: 1280px;
}
.about_block_01 .flex{
	display: flex;
	justify-content: space-between;
}
.about_block_01 .flex .left_box{
	width: 600px;
}
.about_block_01 .flex .left_box h3{
	font-size: 44px;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 5px;
}
.about_block_01 .flex .left_box h4{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
}
.about_block_01 .flex .left_box p.txt01{
	line-height: 2;
	margin-top: 40px;
}
.about_block_01 .flex .right_box{
	width: 640px;
}
.about_block_01 .flex .right_box img{
	width: 100%;
} 
.about_block_02{
	height: 661px;
	background: url("../img/common_bg_02@2x.jpg")no-repeat center 0/cover;
	padding: 140px 0;
	box-sizing: border-box;
}
.about_block_02 .img_wrap{
	width: 480px;
	height: 380px;
	margin: 0 auto;
}
.about_block_02 .img_wrap img{
	width: 100%;
}
.about_block_03{
	padding: 140px 0;
	position: relative;
}
.about_block_03 .in_wrap{
	width: 1280px;
}
.about_block_03 h3{
	font-size: 44px;
	font-weight: 500;
	text-align: center;
	line-height: 1.0909;
	margin-bottom: 5px;
}
.about_block_03 h2{
	font-size: 18px;
	text-align: center;
	margin-bottom: 55px;
}
.about_block_03 .gaiyou{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.about_block_03 .gaiyou .left_box,
.about_block_03 .gaiyou .right_box{
	width: 620px;
}
.about_block_03 .gaiyou dl{
	
}
.about_block_03 .gaiyou dl .line{
	display: flex;
	padding-bottom: 15px;
	border-bottom: 1px solid #9B9B9B;
}
.about_block_03 .gaiyou dl .line:nth-of-type(n + 2){
	margin-top: 15px;
}
.about_block_03 .gaiyou dl .line dt{
	width: 160px;
	font-weight: 500;
}
.about_block_03 .gaiyou dl .line dd{
	line-height: 1.5;
}
.about_block_03 .gaiyou dl .line dd span{
	font-weight: 500;
}
.about_block_03 .gaiyou dl .line dd span:nth-of-type(2){
	margin-top: 10px;
}
.about_block_03 .gaiyou a{
	position: relative;
	text-align: right;
	margin-top: 56px;
	display: block;
}
.about_block_03 .gaiyou a::after{
	content: '';
	background: url("../img/icon10@2x.png")no-repeat center 0/contain;
	width: 18px;
	height: 18px;
	display: inline-block;
	position: relative;
	top: 2px;
	margin-left: 5px;
}
.about_block_03 .gaiyou a:hover{
	text-decoration: underline;
}

.about_block_04{
	padding: 140px 0;
	background: #F2F2F2;
}
.about_block_04 .in_wrap{width: 1280px;}
.about_block_04 h3{
	font-size: 44px;
	font-weight: 500;
	text-align: center;
	line-height: 1.0909;
	margin-bottom: 5px;
}
.about_block_04 h2{
	font-size: 18px;
	text-align: center;
	margin-bottom: 55px;
}
.about_block_04 .map{
	width: 100%;
	height: 450px;
}
.about_block_04 p{
	font-size: 16px;
	text-align: center;
	line-height: 1.5;
	margin-top: 40px;
}
.about_block_04 p span{
	font-weight: bold;
}

/****************************
仕事を知るWORK
****************************/
.work_block_01{
	position: relative!important;
	padding: 210px 0 200px;
	overflow: hidden;
}
.work_block_01::before{
	content: '';
	background: url("../img/work_bg_01@2x.jpg")no-repeat center 0/cover;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
}
.work_block_01 h2{
	font-size: 48px;
	font-weight: 900;
	letter-spacing: 0.06em;
	line-height: 1.5416;
	color: #fff;
	margin-bottom: 60px;
}
.work_block_01 h3{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.0em;
	line-height: 1.7777;
	color: #fff;
}

.work_block_02{
	background: url("../img/work_bg_02@2x.jpg")no-repeat center 0/cover;
	padding: 100px 0; 
	color: #fff;
}
.work_block_02 .in_wrap{
	display: flex;
	justify-content: space-between;
}
.work_block_02 .left_box{
	margin-right: 110px;
}
.work_block_02 .left_box h3{
	font-size: 44px;
	font-weight: 500;
	letter-spacing: 0.025em;
	line-height: 1.09;
	margin-bottom: 5px;
}
.work_block_02 .left_box h2{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
}
.work_block_02 .right_box{
	
}
.work_block_02 .right_box ol li{
	display: flex;
} 
.work_block_02 .right_box ol li:nth-of-type(n + 2){
	margin-top: 60px;
}
.work_block_02 .right_box ol li .img_wrap{
	width: 200px;
	height: 200px;
	margin-right: 30px;
}
.work_block_02 .right_box ol li .img_wrap img{
	width: 100%;
}
.work_block_02 .right_box ol li .txt_wrap{
	width: calc(100% - 230px);
}
.work_block_02 .right_box ol li .txt_wrap h3{
 	font-size: 28px;
	font-weight: 900;
	line-height: 1.428;
	margin-bottom: 35px;
}
.work_block_02 .right_box ol li .txt_wrap p.txt01{
	font-size: 14px;
	line-height: 2;
}
.work_block_02 .right_box ol li .txt_wrap .flex{
	display: flex;
	margin-bottom: 16px;
}
.work_block_02 .right_box ol li .txt_wrap .flex .box{
	width: 145px;
	position: relative;
}
.work_block_02 .right_box ol li .txt_wrap .flex .box:nth-of-type(1){
	margin-right: 70px;
}
.work_block_02 .right_box ol li .txt_wrap .flex .box:nth-of-type(1)::after{
	content: '';
	background: url("../img/icon11@2x.png")no-repeat center 0/contain;
	width: 71px;
	height: 93px;
	display: block;
	position: absolute;
	top: -6px;
	right: -55px;
}
.work_block_02 .right_box ol li .txt_wrap .flex .box p:nth-of-type(1){
	background: #fff;
	color: #000000;
	font-weight: bold;
	text-align: center;
	padding: 2px 5px;
	margin-bottom: 5px;
}
.work_block_02 .right_box ol li .txt_wrap .flex .box p:nth-of-type(2){
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 25px;
}
.work_block_02 .right_box ol li .txt_wrap .flex .box p:nth-of-type(2) span{
	font-size: 36px;
	font-weight: bold;
}



/****************************
働く環境を知るENVIRONMENT
****************************/
.welfare_block_01{
	background: #1174FC;
	padding: 100px 0;
	color: #1174FC;
}
.welfare_block_01 .cnt_wrap{
	width: 91.7%;
	margin: 0 auto 0;
}
.welfare_block_01 p.icon09{
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
	position: relative;
	color: #fff;
	margin-bottom: 8px;
}
.welfare_block_01 p.icon09::before{
	content: '';
	background: url("../img/icon09@2x.png")no-repeat center 0/contain;
	width: 34px;
	height: 36px;
	display: inline-block;
	position: relative;
	top: 10px;
	margin-right: 10px;
}
.welfare_block_01 h2{
	font-size: 68px;
	font-weight: 900;
	letter-spacing: 0.06em;
	line-height: 1.4;
	color: #fff;
}
.welfare_block_01 h3.read{
	font-size: 36px;
	font-weight: 900;
	letter-spacing: 0.0em;
	line-height: 1.5;
	color: #fff;
}
.welfare_block_01 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;
}
.welfare_block_01 ul li{
	width: calc((100% / 3) - 30px);
	background: #fff;
	border-radius: 20px;
	padding: 45px 0;
	box-sizing: border-box;
	position: relative;
}
.welfare_block_01 ul li:nth-of-type(n + 4){
	margin-top: 60px;
}
.welfare_block_01 ul li h3{
	font-size: max(1.6666vw,20px);
	font-weight: 900;
	letter-spacing: 0.2em;
	text-align: center;
	padding-bottom: 30px;
	margin-bottom: 30px;
	position: relative;
}
.welfare_block_01 ul li h3::after{
	content: '';
	width: 50px;
	height: 1px;
	background: #1174FC;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.welfare_block_01 ul li .img_wrap{
	margin: 0 auto 40px;
}

.welfare_block_01 ul li:nth-child(1) .img_wrap{
	width: 92px;
	height: 100px;
}
.welfare_block_01 ul li:nth-child(2) .img_wrap,
.welfare_block_01 ul li:nth-child(4) .img_wrap,
.welfare_block_01 ul li:nth-child(6) .img_wrap,
.welfare_block_01 ul li:nth-child(7) .img_wrap{
	width: 100px;
	height: 100px;
}
.welfare_block_01 ul li:nth-child(3) .img_wrap{
	width: 106px;
	height: 100px;
}
.welfare_block_01 ul li:nth-child(5) .img_wrap{
	width: 126px;
	height: 100px;
}
.welfare_block_01 ul li:nth-child(8) .img_wrap{
	width: 70px;
	height: 100px;
}
.welfare_block_01 ul li:nth-child(9) .img_wrap{
	width: 104px;
	height: 100px;
}
.welfare_block_01 ul li:nth-child(10) .img_wrap{
	width: 116px;
	height: 100px;
}
.welfare_block_01 ul li:nth-child(11) .img_wrap{
	width: 94px;
	height: 100px;
}
.welfare_block_01 ul li:nth-child(12) .img_wrap{
	width: 124px;
	height: 100px;
}
.welfare_block_01 ul li .img_wrap img{
	width: 100%;
}
.welfare_block_01 ul li p.txt01{
	font-size: max(0.9375vw,12px);
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
.welfare_block_01 ul li p.txt01 span{
	font-size: max(1.25vw,14px);
	font-weight: 900;
	display: block;
}
.welfare_block_01 ul li p.txt01 span.inblock{
	display: inline-block;
}
.welfare_block_01 ul li p.txt02{
	font-size: max(0.7291vw,10px);
	position: absolute;
	color: #fff;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}




/****************************
1日の流れFLOW
****************************/
.flow_block_01{
	position: relative;
	padding: 100px 0 0;
}
.flow_block_01 p.icon13{
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
	position: relative;
	margin-bottom: 8px;
}
.flow_block_01 p.icon13::before{
	content: '';
	background: url("../img/icon13@2x.png")no-repeat center 0/contain;
	width: 34px;
	height: 36px;
	display: inline-block;
	position: relative;
	top: 10px;
	margin-right: 10px;
}
.flow_block_01 h2{
	font-size: 68px;
	font-weight: 900;
	letter-spacing: 0.06em;
	line-height: 1.66;
	margin: 10px 0 60px;
}
.flow_block_01 h2 img{
	width: 100%;
}
.flow_block_01 ul.flow_plink{
	display: flex;
	justify-content: space-between;
}
.flow_block_01 ul.flow_plink li{
	width: 340px;
}
.flow_block_01 ul.flow_plink li .img_wrap{
	width: 340px;
	position: relative;
}
.flow_block_01 ul.flow_plink li .img_wrap img{
	width: 100%;
}
.flow_block_01 ul.flow_plink li .txt_wrap{
	position: absolute;
	top: 0;
	left: 0;
	writing-mode: vertical-rl;
}
.flow_block_01 ul.flow_plink li .txt_wrap p{
	font-size: 14px;
	font-weight: 500;
}
.flow_block_01 ul.flow_plink li .txt_wrap h3{
	font-size: 28px;
	font-weight: 900;
	letter-spacing: 0.12em;
	margin-right: 10px;
}

.flow_block_01 .flow_cnt{
	position: relative;
	margin-top: 100px;
	padding-bottom: 100px;
	border-bottom: 1px solid #333;
}
.flow_block_01 .flow_cnt h3{
	font-size: 34px;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.5;
	position: relative;
	margin-bottom: 40px;
}
.flow_block_01 .flow_cnt h3::before{
	content: '';
	width: 65px;
	height: 1px;
	background: #000;
	display: inline-block;
	position: relative;
	top: -13px;
	margin-right: 20px;
}
.flow_block_01 .flow_cnt p.txt00{
	text-decoration: underline;
	display: block;
	position: absolute;
	right: 0;
	top: 70px;
}
.flow_block_01 .flow_cnt .flex{
	display: flex;
	justify-content: space-between;
}
.flow_block_01 .flow_cnt .flex.flex02{
	flex-direction: row-reverse;
	margin-top: 60px;
}
.flow_block_01 .flow_cnt .left_box{
	width: 702px;
}
.flow_block_01 .flow_cnt .left_box dl{
	
}
.flow_block_01 .flow_cnt .left_box dl .line{
	display: flex;
}
.flow_block_01 .flow_cnt .left_box dl .line.mt130{
	margin-top: 130px;
}
.flow_block_01 .flow_cnt .left_box dl .line.mt190{
	margin-top: 190px;
}
.flow_block_01 .flow_cnt .left_box dl .line.mt100{
	margin-top: 100px;
}
.flow_block_01 .flow_cnt .left_box dl .line.mt65{
	margin-top: 65px;
}
.flow_block_01 .flow_cnt .left_box dl .line.mt125{
	margin-top: 125px;
}
.flow_block_01 .flow_cnt .left_box dl .line.mt80{
	margin-top: 80px;
}


.flow_block_01 .flow_cnt .left_box dl .line dt{
	width: 174px;
	margin-right: 40px;
}
.flow_block_01 .flow_cnt .left_box dl .line dt span{
	width: 100px;
	height: 36px;
	background: #000;
	border-radius: 18px;
	padding: 5px 0px;
	box-sizing: border-box;
	position: relative;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 1.5;
	text-align: center;
	display: inline-block;
	color: #fff;
}
.flow_block_01 .flow_cnt .left_box dl .line dt::before{
	content: '';
	background: url("../img/icon14@2x.png")no-repeat center 0/contain;
	width: 74px;
	height: 18px;
	display: inline-block;
}
.flow_block_01 .flow_cnt .left_box dl .line dd{
	width: calc(100% - 217px);
}
.flow_block_01 .flow_cnt .left_box dl .line dd p.caption{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 20px;
}
.flow_block_01 .flow_cnt .left_box dl .line dd p.txt01{
	line-height: 2;
}
.flow_block_01 .flow_cnt .left_box dl .line dd p.txt01.mt20{line-height: 1.5;}
.flow_block_01 .flow_cnt .left_box dl .line dd p.txt02{
	line-height: 2;
	margin-top: 20px;
}
.flow_block_01 .flow_cnt .left_box dl .line dd p.txt02 span{
	font-weight: 500;
}
.flow_block_01 .flow_cnt .left_box dl .line dd ul li{
	list-style: disc;
	list-style-position: inside;
}
.flow_block_01 .flow_cnt .left_box dl .line dd ul li::marker{
	font-size: 0.5rem;
}
.flow_block_01 .flow_cnt .left_box dl .line dd ul.caption{
	font-weight: bold;
	font-size: 20px;
}
.flow_block_01 .flow_cnt .left_box dl .line dd span.f_14{font-size: 14px;}
.flow_block_01 .flow_cnt .right_box{
	width: 343px;
}
.flow_block_01 .flow_cnt .right_box ul li{
	border-radius: 20px;
	overflow: hidden;
}
.flow_block_01 .flow_cnt .right_box ul li:nth-of-type(n + 2){
	margin-top: 20px;
}
.flow_block_01 .flow_cnt .right_box ul li img{
	width: 100%;
}

.flow_block_01 .flow_cnt h3.flow_after{
	margin-top: 60px;
}
.flow_block_01 .flow_cnt .flow_after_list{
	display: flex;
	justify-content: space-between;
}
.flow_block_01 .flow_cnt .flow_after_list li{
	width: 340px;
}
.flow_block_01 .flow_cnt .flow_after_list li .img_wrap{ 
	width: 340px;
}
.flow_block_01 .flow_cnt .flow_after_list li .img_wrap img{ 
	width: 100%;
}
.flow_block_01 .flow_cnt .flow_after_list li p.txt01{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.777;
	margin-top: 25px;
}




/****************************
働く環境を知るENVIRONMENT
****************************/
.environment_block_01{
	position: relative;
	padding: 100px 0;
}
.environment_block_01 .cnt_wrap{ 
	width: 85.4%;
	margin: 0 auto;
}
.environment_block_01  p.icon15{
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
	position: relative;
	margin-bottom: 8px;
	color: #1174FC;
}
.environment_block_01  p.icon15::before{
	content: '';
	background: url("../img/icon15@2x.png")no-repeat center 0/contain;
	width: 34px;
	height: 36px;
	display: inline-block;
	position: relative;
	top: 10px;
	margin-right: 10px;
}
.environment_block_01 h2{
	font-size: 68px;
	font-weight: 900;
	letter-spacing: 0.06em;
	line-height: 1.66;
	color: #1174FC;
}
.environment_block_01 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;
}
.environment_block_01 ul li{
	width: calc((100% / 3) - 25px);
	background: #1174FC;
	border-radius: 20px;
	padding: 40px 0;
	box-sizing: border-box;
	position: relative;
}
.environment_block_01 ul li:nth-of-type(n + 4){
	margin-top: 40px;
}
.environment_block_01 ul li:nth-of-type(3),
.environment_block_01 ul li:nth-of-type(6){
	padding-top: 60px;
}
.environment_block_01 ul li p.num{
	font-size: 24px;
	font-weight: bold;
	line-height: 35px;
	color: rgba(255,255,255,0.5);
	position: absolute;
	top: 10px;
	left: 10px;
}
.environment_block_01 ul li p.num::before{
	content: '';
	background: url("../img/icon16@2x.png")no-repeat center 0/contain;
	width: 34px;
	height: 36px;
	display: inline-block;
	position: relative;
	top: 10px;
	margin-right: 8px;
}
.environment_block_01 ul li h3{
	font-size: 1.666vw;
	font-weight: 900;
	line-height: 1.5;
	text-align: center;
	color: #fff;
	padding-bottom: 25px;
	position: relative;
}
.environment_block_01 ul li h3 span{
	font-size: 2.5vw;
}
.environment_block_01 ul li h3::after{
	content: '';
	width: 200px;
	height: 1px;
	background: #FFFFFF;
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.environment_block_01 ul li p.txt01{
	font-size: 0.9375vw;
	font-weight: bold;
	line-height: 2;
	color: #fff;
	text-align: center;
	margin-top: 30px;
}
.environment_block_01 ul li p.txt01 span{
	font-size: 1.6666vw;
	line-height: 1;
}

.environment01_block_02{
	position: relative;
	background: url("../img/environment01_bg_01@2x.jpg")no-repeat center 0/cover;
	padding: 100px 0;
	color: #fff;
}
.environment01_block_02 .flex{
	display: flex;
}
.environment01_block_02 .flex.flex01 .left_box{
	width: 176px;
	margin-right: 115px;
}
.environment01_block_02 .flex .left_box h4{
	font-size: 44px;
	font-weight: 500;
	line-height: 1.0909;
}
.environment01_block_02 .flex .left_box h3.sub{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4444;
	text-align: center;
	display: block;
	margin-top: 5px;
}
.environment01_block_02 .flex.flex01 .right_box{
	
}
.environment01_block_02 .flex.flex01 .right_box ol {
	
}
.environment01_block_02 .flex.flex01 .right_box ol li{
	display: flex;
}
.environment01_block_02 .flex.flex01 .right_box ol li:nth-of-type(n + 2){
	margin-top: 40px;
}
.environment01_block_02 .flex.flex01 .right_box ol li .img_wrap{
	width: 96px;
	height: 100px;
}
.environment01_block_02 .flex.flex01 .right_box ol li .img_wrap img{
	width: 100%;
}
.environment01_block_02 .flex.flex01 .right_box ol li .txt_wrap{
	padding-top: 8px;
	margin-left: 40px;
}
.environment01_block_02 .flex.flex01 .right_box ol li h3{
	font-size: 28px;
	font-weight: 900;
	margin-bottom: 20px;
	line-height: 1.428;
}
.environment01_block_02 .flex.flex01 .right_box ol li p{
	font-weight: 500;
	line-height: 1.75;
	position: relative;
}
.environment01_block_02 .flex.flex01 .right_box ol li p::before{
	content: '';
	background: url("../img/icon17@2x.png")no-repeat center 0/contain;
	width: 16px;
	height: 8px;
	display: inline-block;
	margin-right: 20px;
}
.environment01_block_02 .flex.flex02{
	margin-top: 100px;
	justify-content: space-between;
}
.environment01_block_02 .flex.flex02 .left_box{
	width: 842px;
}
.environment01_block_02 .flex.flex02 .left_box ol{
	
}
.environment01_block_02 .flex.flex02 .left_box ol li{
	display: flex;
}
.environment01_block_02 .flex.flex02 .left_box ol li:nth-of-type(n + 2){
	margin-top: 40px;
}
.environment01_block_02 .flex.flex02 .left_box ol li .img_wrap{
	width: 96px;
	height: 100px;
	margin-right: 40px;
}
.environment01_block_02 .flex.flex02 .left_box ol li .img_wrap img{
	width: 100%;
}
.environment01_block_02 .flex.flex02 .left_box ol li .txt_wrap{
	width: calc(100% - 136px);
}
.environment01_block_02 .flex.flex02 .left_box ol li .txt_wrap h3{
	font-size: 28px;
	font-weight: 900;
	margin-bottom: 20px;
}
.environment01_block_02 .flex.flex02 .left_box ol li .txt_wrap h3 span{
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	margin-left: 20px;
}
.environment01_block_02 .flex.flex02 .left_box ol li .txt_wrap p.txt01{
	font-weight: bold;
	line-height: 1.75;
}
.environment01_block_02 .flex.flex02 .left_box ol li .txt_wrap p.txt02{
	line-height: 1.75;
	margin-top: 20px;
}

.environment01_block_02 .flex.flex02 .right_box{
	width:calc(100% - 942px);
}
.environment01_block_02 .flex.flex02 .right_box h4{
	font-size: 44px;
	font-weight: 500;
	line-height: 1.0909;
	text-align: center;
}
.environment01_block_02 .flex.flex02 .right_box h3.sub{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4444;
	text-align: center;
	display: block;
	margin-top: 5px;
}
.environment01_block_02 .flex.flex02 .right_box .tate{
	writing-mode: vertical-rl;
	margin-top: 30px;
	margin-left: 15px;
	letter-spacing: 0.2em;
}
.environment01_block_02 .flex.flex02 .right_box .tate p.caption{
	font-size: 28px;
	font-weight: 900;
	line-height: 1;
	margin-left: 5px;
}
.environment01_block_02 .flex.flex02 .right_box .tate p.read{
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
	padding-top: 55px;
}

.environment01_block_02 .blog_cnt{
	margin-top: 100px;
	position: relative;
}
.environment01_block_02 .blog_cnt h2{
	font-size: 44px;
	font-weight: 500;
	line-height: 1.0909;
}
.environment01_block_02 .blog_cnt h2 span{
	font-size: 18px;
	font-weight: 500;
	margin-left: 33px;
}
.environment01_block_02 .blog_cnt a.link03{
	width: 185px;
	background: rgba(255,255,255,0.5);
	border-radius: 27px;
	line-height: 54px;
	display: block;
	padding-left: 20px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
}
.environment01_block_02 .blog_cnt a.link03::after{
	content: '';
	background: url("../img/icon18@2x.png")no-repeat center 0/contain;
	width: 16px;
	height: 8px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
}
.environment01_block_02 .blog_cnt a.link03:hover{
	border: 1px solid rgba(255,255,255,0.5);
	background: none;
	color: rgba(255,255,255,0.5);
}
.environment01_block_02 .blog_cnt a.link03:hover::after{
	filter: brightness(50%) invert(1);
	}
.environment01_block_02 .blog_cnt ul{
	display: flex;
	justify-content: space-between;
	margin-top: 45px;
}
.environment01_block_02 .blog_cnt ul li{
	width: 340px;
}
.environment01_block_02 .blog_cnt ul li a{
	color: #fff;
}
.environment01_block_02 .blog_cnt ul li a time{
	letter-spacing: 0.05em;
	line-height: 2;
	color: #8B8B8B;
	margin-bottom: 10px;
	display: block;
}
.environment01_block_02 .blog_cnt ul li .img_wrap{
	width: 340px;
	height: 215px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
.environment01_block_02 .blog_cnt ul li .img_wrap::before{
	content: '';
	display: block;
	padding-top: 63.23%;
}
.environment01_block_02 .blog_cnt ul li .img_wrap img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	object-fit: cover;
}
.environment01_block_02 .blog_cnt ul li a p.txt01{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.7777;
	margin-top: 25px;
}
.environment01_block_02 .blog_cnt ul li:hover .img_wrap{
	opacity: 0.8;
}
.environment01_block_02 .blog_cnt ul li a:hover{
	color: #F5C468;
}



/****************************
働く環境を知るENVIRONMENT
****************************/
	
	
/****************************
プライバシーポリシー privacy
****************************/
.privacy_block01 {
	padding: 140px 0;
}
.privacy_block01 h2{
	font-size: 38px;
	line-height: 1;
}
.privacy_block01 h3{
	font-size: 22px;
	line-height: 1;
	margin: 20px 0 100px;
}

.privacy_block01 dt {
	color: #00324D;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4em;
	margin-bottom: 40px;
	letter-spacing: 0.0em;
}
.privacy_block01 dt::after{
	content: '';
	width: 160px;
	height: 1px ;
	background: #E2E2E2;
	display: inline-block;
	position: relative;
	top: -6px;
	margin-left: 30px;
}
.privacy_block01 dd {
	margin-left: 40px;
	margin-bottom: 50px;
}
.privacy_block01 dd:last-child{
	margin-bottom: 0;
}

.privacy_block01 dd ul li{
	position: relative;
	padding-left: 20px;
}
.privacy_block01 dd ul li::before{
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    left: 5px;
    top: 0;
	bottom: 0;
	margin: auto;
} 
	
/****************************
プライバシーポリシー privacy
****************************/
	
	
	
/****************************
採用ブログ RECRUIT BLOG
****************************/
	/**投稿系テンプレート**/
	.custom_temp01{
		padding: 140px 0 0px;
	}
	.custom_temp01 .in_wrap{
		display: flex;
		justify-content: space-between;
	}
	.custom_temp01 .list_cnt{
		width: 780px;
	}
	
	
	.custom_temp01 aside{
		width: 240px;
	}
	.custom_temp01 aside .month_list,
	.custom_temp01 aside .category_list{
		padding-left: 30px;
		border-left: 1px solid #B9C9D1;
		margin-top: 60px;
	}
	.custom_temp01 aside h3{
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 0.1em;
		margin-bottom: 20px;
	}
	.custom_temp01 aside .month_list ul li,
	.custom_temp01 aside .category_list ul li{
		position: relative;
		font-weight: bold;
	}
	.custom_temp01 aside .month_list ul li::before,
	.custom_temp01 aside .category_list ul li::before{
		content: '・';
		
	}
	.custom_temp01 aside > div{
		border-top: 1px solid #B9C9D1;
		padding-top: 30px;
	}
	.pager {
		margin: 60px 0 0;
		font-family: 'Noto Sans JP', sans-serif;
	}
	.pager ul{
		display: flex;
		justify-content: center;
	}
	.pager.single ul{
		justify-content: space-between;
	}
	
	.pager ul li a,
	.pager ul li span.page-numbers {
		width: 44px;
		height: 44px;
		line-height: 44px;
		font-size: 18px;
		margin-right: 10px;
		background: #333;
		border-radius: 4px;
		border: 1px solid #333;
		box-sizing: border-box;
		text-align: center;
	}
	.pager ul li:last-child{
		margin-right: 0;
	}
	.pager ul li.dots a{
		width: 25px!important;
		color: #333;
		font-weight: bold;
		background: none!important;
		border: none!important;
	}
	.pager ul li.dots a{
		color: #333;
		font-weight: bold;
	}

	.pager ul li span{
		color: #fff;
		display: block;
		line-height: 44px;
	}
	.pager ul li.on a{
		background: #fff;
		color: #333;

	}
	.pager ul li a{
		color: #fff;
		display: block;
		font-size: 15px;
		line-height: 44px;
		text-align: center;
	}
	.pager ul li:not(.dots) a:hover{
		background: #fff;
		color: #333;
		opacity: 1;
		box-sizing: border-box;
	}
	.pager ul li a:hover{
		opacity: 1;
		text-decoration: none;
	}
	.pager ul li span.current{
		background: #fff!important;
		color: #333!important;
	}
	.pager ul li.prev a,
	.pager ul li.next a{
		font-size: 14px;
		font-weight: bold;
	}
	.pager ul li a.prev{
		margin-right: 80px;
	}
	.pager ul li.prev{
		margin-right: 80px;
	}	

	
	.blog_block_01 a:hover{
		opacity: 0.7;
	}
	
	.blog_block_01 h2:not(.wp-block-heading){
		font-size: 36px;
		font-weight: bold;
		line-height: 52px;
		letter-spacing: 0.06em;
		position: relative;
		padding-top: 30px;
		padding-bottom: 0px;
		margin-bottom: 30px;
		border-top: 1px solid #B9C9D1;
	}
	.blog_block_01 h2:not(.wp-block-heading)::before{
		content: '';
		width: 240px;
		height: 1px;
		background: #000;
		display: block;
		position: absolute;
		top: -1px;
		left: 0;
	}
	.blog_block_01 .list_cnt ul.post_list{
		position: relative;
		border-top: 1px solid #B9C9D1;
		padding-top: 30px;
	}
	.blog_block_01 .list_cnt ul.post_list li{
		padding-bottom: 30px;
		border-bottom: 1px solid #B9C9D1;
	}
	.blog_block_01 .list_cnt ul.post_list li:nth-of-type(n + 2){
		margin-top: 30px;
	}
	.blog_block_01 .list_cnt ul.post_list li a{
		position: relative;
		display: flex;
		justify-content: space-between;
	}
	.blog_block_01 .list_cnt ul.post_list li .img_wrap{
		width: 220px;
		height: 200px;
		position: relative;
		border-radius: 10px;
		overflow: hidden;
	}
	.blog_block_01 .list_cnt ul.post_list li .img_wrap::before{
		content: '';
		display: block;
		padding-top: 90.90%;
	}
	.blog_block_01 .list_cnt ul.post_list li .img_wrap img{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		object-fit: cover;
	}
	.blog_block_01 .list_cnt ul.post_list li .txt_wrap{
		width: calc(100% - 245px);
		padding-top: 10px;
	}
	.blog_block_01 .list_cnt ul.post_list li .txt_wrap p.txt{
		position: relative;
		line-height: 1.5;
		padding-left: 50px;
		margin-bottom: 18px;
	}
	.blog_block_01 .list_cnt ul.post_list li .txt_wrap p.txt .icon img{
		width: 40px;
        height: 40px;
        border-radius: 20px;
        margin-right: 10px;
		position: absolute;
		top: -8px;
		left: 0;
	}
	.blog_block_01 .list_cnt ul.post_list li .txt_wrap p.txt span.post_c{
		font-size: 14px;
		line-height: 1.428;
		background: #333;
		padding: 0 10px;
		border-radius: 10px;
		color: #fff;
		margin-left: 5px;
	}
	.blog_block_01 .list_cnt ul.post_list li .txt_wrap h3{
		font-size: 20px;
		font-weight: bold;
		line-height: 1.5;
		margin-bottom: 15px;
	}
	.blog_block_01 .list_cnt ul.post_list li .txt_wrap p.txt01{
		font-size: 14px;
		line-height: 2;
	}
	
	.blog_block_01 aside .img_wrap{
		width: 80px;
		height: 74px;
		position: relative;
		overflow: hidden;
		border-radius: 4px;
	}
	.blog_block_01 aside .img_wrap::before{
		content: '';
		display: block;
		padding-top: 92.5%;
	}
	.blog_block_01 aside img{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		object-fit: cover;
	}
	.blog_block_01 aside .share{
		padding-top: 30px;
	}
	.blog_block_01 aside .share h3{
		
	}
	.blog_block_01 aside .share .share_btn{
		margin-bottom: 60px;
	}
	.blog_block_01 aside .recently{
		
	}
	.blog_block_01 aside .recently ul li:nth-of-type(n + 2){
		margin-top: 20px;
	}
	.blog_block_01 aside .recently ul li figure{
		display: flex;
		justify-content: space-between;
	}
	.blog_block_01 aside .recently ul li figcaption{
		width: calc(100% - 95px);
		line-height: 1.5;
		font-weight: bold;
	}
	
	.blog_block_01 .art_wrap{
		
	}
	.blog_block_01 .art_wrap article{
		background: #fff;
		padding: 40px 30px;
	}
	.blog_block_01 .art_wrap article img{
		width: 100%;
		border-radius: 10px;
	}
	.blog_block_01 .art_wrap article > h2.art_title{
		border-top: none;
		font-size: 32px;
		font-weight: bold;
		line-height: 1.4375;
		padding-top: 0;
		padding-bottom: 40px;
		margin-bottom: 18px;
	}
	.blog_block_01 .art_wrap article h2.art_title{
		border-top: none;
	}
	.blog_block_01 .art_wrap article h2.art_title::before{
		content: none;
	}
	.blog_block_01 .art_wrap article h2.art_title::after{
		content: '';
		width: calc(100% + 60px);
		height: 1px;
		background: #B9C9D1;
		display: block;
		position: absolute;
		bottom: 0;
		left: -30px;
	}
	
	.blog_block_01 .art_wrap article a {
		color: #0B62FF;
		text-decoration: underline;
	}
	.blog_block_01 .art_wrap article ul.wp-block-list {
		margin-top: 20px;
		line-height: 2.285;
	}
	.blog_block_01 .art_wrap article ul.wp-block-list li {
		list-style: disc;
		margin-left: 25px;
	}
	.blog_block_01 .art_wrap p.txt{
		position: relative;
		line-height: 1.5;
		padding-left: 50px;
		margin-bottom: 28px;
		display: flex;
		flex-wrap: wrap;
	}
	.blog_block_01 .art_wrap p.txt .icon img{
		width: 40px;
        height: 40px;
        border-radius: 20px;
        margin-right: 10px;
		position: absolute;
		top: -8px;
		left: 0;
	}
	.blog_block_01 .art_wrap p.txt span.post_c{
		font-size: 14px;
		line-height: 1.428;
		background: #333;
		padding: 0 10px;
		border-radius: 10px;
		color: #fff;
		margin-left: 5px;
	}
	.blog_block_01 .art_wrap p:not(.txt):not(.ez-toc-title):not(.rtxt02):not(.rlist02_txt){
		margin-top: 20px;
		font-size: 16px;
		line-height: 2.285;
	}
	.blog_block_01 .art_wrap ol.wp-block-list {
		margin-top: 20px;
	}
	.blog_block_01 .art_wrap ol.wp-block-list li {
		list-style: decimal;
		list-style-position: outside;
		margin-left: 35px;
		line-height: 2;
	}
	.blog_block_01 .art_wrap #ez-toc-container{
		position: relative;
		background: #E4F3FF;
		border: 1px solid #B9C9D1;
		border-radius: 10px;
		padding: 20px;
		margin: 60px 0;
	}
	.blog_block_01 .art_wrap #ez-toc-container .ez-toc-title{
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 0.2em;
		line-height: 1.6;
		padding-bottom: 15px;
		margin-top: 0;
		border-bottom: 1px dashed #B9C9D1;
	}
	.blog_block_01 .art_wrap #ez-toc-container ul{
		margin-top: 15px;
		padding-left: 25px;
	}
	.blog_block_01 .art_wrap #ez-toc-container ul li{
		list-style: decimal;
		text-decoration: underline;
		font-weight: 500;
		line-height: 2;
	}
	.blog_block_01 .art_wrap #ez-toc-container ul.ez-toc-list-level-4{
		margin-top: 0;
	}
	.blog_block_01 .art_wrap h3.wp-block-heading{
		font-size: 28px;
		font-weight: bold;
		line-height: 1.3571;
		position: relative;
		padding-left: 20px;
		margin-bottom: 32px;
	}
	.blog_block_01 .art_wrap h3.wp-block-heading::before{
		content: '';
		width: 5px;
		height: 44px;
		display: block;
		background: #333;
		position: absolute;
		left: 0;
	}
	.blog_block_01 .art_wrap h4.wp-block-heading{
		font-size: 24px;
		font-weight: bold;
		line-height: 1.583;
		position: relative;
		padding-left: 30px;
		padding-top: 0;
		margin-top: 40px;
	}
	.blog_block_01 .art_wrap h4.wp-block-heading::before{
		content: '';
		width: 18px;
		height: 18px;
		display: block;
		background: #1174FC;
		border-radius: 50%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
/****************************
採用ブログ RECRUIT BLOG
****************************/

.news_block_01{
	
}
.news_block_01 ul.post_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.news_block_01 ul.post_list li{
	width: calc(100% / 2 - 15px);
	background: #fff;
	border: 1px solid #B9C9D1;
	border-radius: 10px;
	padding: 30px 20px;
	box-sizing: border-box;
}
.news_block_01 ul.post_list li:nth-of-type(n + 3){
	margin-top: 30px;
}
.news_block_01 ul.post_list li h3{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 20px;
}
.news_block_01 ul.post_list li p.txt{
	color: #1174FC;
	line-height: 1.5;
}
	
.news_block_01 aside .recently{

}
.news_block_01 aside .recently ul{

}
.news_block_01 aside .recently ul li{
	font-weight: bold;
	line-height: 1.5;
}
.news_block_01 aside .recently ul li:nth-of-type(n + 2){
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #C7D5DD;
}
	
	
.news_block_01 .art_wrap{
		
}
.news_block_01 .art_wrap article{
	background: #fff;
	padding: 40px 30px;
}
.news_block_01 .art_wrap h2.art_title{
	border-top: none;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.4375;
	padding-bottom: 40px;
	margin-bottom: 18px;
	position: relative;
}
.news_block_01 .art_wrap h2.art_title::after{
	content: '';
	width: calc(100% + 60px);
	height: 1px;
	background: #B9C9D1;
	display: block;
	position: absolute;
	bottom: 0;
	left: -30px;
}
.news_block_01 .art_wrap article img{
	width: 100%;
	border-radius: 10px;
}
.news_block_01 .art_wrap h2.art_title{
	border-top: none;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.4375;
	padding-bottom: 40px;
	margin-bottom: 18px;
}
.news_block_01 .art_wrap h2{
	border-top: none;
}
.news_block_01 .art_wrap h2::before{
	content: none;
}
.news_block_01 .art_wrap h2.art_title::after{
	content: '';
	width: calc(100% + 60px);
	height: 1px;
	background: #B9C9D1;
	display: block;
	position: absolute;
	bottom: 0;
	left: -30px;
}
.news_block_01 .art_wrap p.txt{
	position: relative;
	line-height: 1.5;
	padding-left: 0px;
	margin-bottom: 28px;
}

.news_block_01 .art_wrap p.txt span.post_c{
	font-size: 14px;
	line-height: 1.428;
	background: #333;
	padding: 0 10px;
	border-radius: 10px;
	color: #fff;
	margin-left: 5px;
}
.news_block_01 .art_wrap p:not(.txt){
	margin-top: 20px;
	font-size: 16px;
	line-height: 2;
}
	.news_block_01 .art_wrap article a {
		color: #0B62FF;
		text-decoration: underline;
	}
	
	
	
h2.art_title span {
		background: #1599FA;
		color: #fff;
		display: inline-block;
		width: 90px;
		border-radius: 4px;
		text-align: center;
		line-height: 28px;
		margin-right: 10px;
		font-size: 16px;
	}
	.news_block_01 .art_wrap h2.recruit_tit {
		font-size: 24px;
	}
	
	.rtit01 {
		font-size: 24px;
		font-weight: 700;
		text-align: center;
		color: #286783;
		margin: 30px 0;
		line-height: 42px;
	}
	.rimg_list {
		display: flex;
		justify-content: space-between;
		margin: 50px 0;
		position: relative;
	}
	.rimg_list li {
		margin: 0 7px;
	}
	.rimg_list .slick-next {
		right: -13px;
		z-index: 9990;
		width: 36px;
	}
	.rimg_list .slick-prev {
		left: -13px;
		z-index: 9990;
		width: 36px;
	}
	.rimg_list .slick-prev:before, .rimg_list .slick-next:before {
		color: #121212;
		font-size: 36px;
		opacity: 1;
	}
	.rtit02 {
		font-size: 20px;
		line-height: 32px;
		text-align: center;
		font-weight: 700;
		letter-spacing: 0.1em;
		margin-bottom: 30px;
	}
	.rlist01 dt {
		float: left;
		clear: both;
		width: 120px;
		font-weight: 700;
	}
	.rlist01 dd {
		padding-left: 120px;
		margin-bottom: 25px;
	}
	.rlist01 dd:last-child {
		margin-bottom: 50px;
	}
	
	.rlist_in {
		margin-top: 10px;
	}
	.rlist_in li {
		list-style: disc;
		margin-left: 20px;
	}
	
	.rtable01 {
		width: 100%;
		margin-bottom: 50px;
		font-size: 14px;
	}
	.rtable01 th,
	.rtable01 td{
		border: #C7C5C0 solid 1px;
		padding: 15px;
		vertical-align: middle;

		box-sizing: border-box;
	}
	.rtable01 th {
		width: 160px;
		background: #EDECE8;
		font-weight: 500;
		letter-spacing: 0.1em;
	}
	.rtable01 td ul li {
		list-style: disc;
	margin-left: 20px;
	}
	
	.rtit03 {
		font-size: 20px;
		line-height: 1em;
		letter-spacing: 0.1em;
		padding-bottom: 20px;
		border-bottom: 1px #C7C5BF solid;
		text-align: center;
		margin-bottom: 20px;
		font-weight: 600;
	}
	.rtxt02 {
		color: #E34C4C;
		margin-bottom: 20px;
		font-size: 14px;
	}

	.rlist02 {
		font-size: 14px;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 40px;
	}
	.rlist02 dt {
		width: 215px;
		position: relative;
		padding: 15px;
		background: #EDECE8;
		line-height: 44px;
		box-sizing: border-box;
		border-bottom: 1px #C7C5BF dashed;
	}
	.rlist02 dt span {
		background: #E34C4C;
		display: block;
		width: 34px;
		font-size: 12px;
		color: #fff;
		border-radius: 4px;
		position: absolute;
		right: 15px;
		top: 29px;
		line-height: 20px;
		text-align: center;
	}
	.rlist02 dd {
		padding: 15px 15px 15px 15px;
		border-bottom: 1px #C7C5BF dashed;
		box-sizing: border-box;
		width: calc(100% - 215px);
	}
	.rlist02 dd .rbox01 {
		width: 100%;
		box-sizing: border-box;
		border: 1px #C7C5BF solid;
		border-radius: 4px;
		height: 44px;
		padding: 0 15px;
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 180%;
		font-weight: 400;
	}
	.rlist02 dd .rbox01::placeholder,
	.rlist02 dd .rbox02::placeholder,
	.rlist02 dd .rbox03::placeholder{
		color: #C7C7C7;
	}
	
	.rlist02 dd .rbox02 {
		width: 120px;
		box-sizing: border-box;
		border: 1px #C7C5BF solid;
		border-radius: 4px;
		height: 44px;
		padding: 0 15px;
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 180%;
		font-weight: 400;
	}
	
	.rlist02 dd .rbox03 {
		width: 100%;
		box-sizing: border-box;
		border: 1px #C7C5BF solid;
		border-radius: 4px;
		height: 150px;
		padding: 15px;
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 180%;
		font-weight: 400;
	}
	
	.rlist02 dt:nth-last-child(2),
	.rlist02 dd:nth-last-child(1) {
		border: none;
	}
	
	.rbtn {
		background: #333333;
		width: 200px;
		height: 44px;
		border-radius: 4px;
		color: #fff;
		letter-spacing: 0.1em;
		font-weight: 500;
		display: block;
		margin: auto;
		cursor: pointer;
	}
	.art_wrap {
		font-feature-settings: "palt";
		text-align: justify;
	}
	
	
	
	
/****************************
新着情報 NEWS & TOPICS
****************************/
/*==================================================================================*/



/****************************
ページ下部共通
****************************/
.other_inteview a:hover{
	opacity: 0.7;
}
.other_inteview{
	padding: 100px 0 100px;
}
.other_inteview h2{
	font-size: 36px;
	font-weight: 400;
	line-height: 1.333;
	margin-bottom: 35px;
	color: #000000;
}
.other_inteview ul{
	display: flex;
	justify-content: space-between;
}
.other_inteview ul li{
	width: 333px;
}
.other_inteview ul li .img_wrap{
	width: 333px;
	position: relative;
}
.other_inteview ul li .img_wrap::before{
	content: '';
	display: block;
	padding-top: 88.28%;
}
.other_inteview ul li .img_wrap img{
	width: 100%;
	height: 294px;
	position: absolute;
	top: 0;
	object-fit: cover;
}
.other_inteview ul li .img_wrap .name_wrap{
	writing-mode: vertical-rl;
	position: absolute;
	top: 0;
	left: 0;
}
.other_inteview ul li .img_wrap .name_wrap p.ruby{
	font-weight: 500;
	margin-left: 5px;
	text-shadow: 0 0 4px #fff;
}
.other_inteview ul li .img_wrap .name_wrap p.name{
	font-size: 24px;
	font-weight: bold;
}
.other_inteview ul li .txt_wrap h3{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3333;
	margin-top: 10px;
}
.other_inteview ul li .txt_wrap p{
	font-weight: 500;
	line-height: 1.5;
	margin-top: 2px;
}



.other_page a:hover{
	opacity: 0.7;
}
.other_page{
	position: relative;
	padding: 100px 0 8px;
}
.other_page ul{
	display: flex;
	justify-content: space-between;
}
.other_page ul li{
	
}
.other_page ul li .img_wrap{
	width: 520px;
	position: relative;
}
.other_page ul li .img_wrap img{
	width: 100%;
}
.other_page ul li .img_wrap::before{
	content: '';
	background: url("../img/icon12@2x.png")no-repeat center 0/contain;
	width: 54px;
	height: 54px;
	display: block;
	position: absolute;
	bottom: -15px;
	right: -15px;
}
.other_page ul li .txt_wrap{
	position: absolute;
	top: 0;
	left: 0;
	writing-mode: vertical-rl;
}
.other_page ul li .txt_wrap p{
	font-size: 14px;
	font-weight: 500;
}
.other_page ul li .txt_wrap h3{
	font-size: 28px;
	font-weight: 900;
	letter-spacing: 0.12em;
	margin-right: 10px;
}
/*------------------------------------------------------------------------

下層ページ 各タイトル画像

------------------------------------------------------------------------*/

h2.about_page_tit {
	width: 960px;
	height: 220px;
	background: url(.jpg);
	display: block;
	font-size: 1px;
	text-indent: -9999px;
}

}