/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 28 2024 | 11:22:49 */
.lp01-pc{
	max-width:1140px;
	margin:0 auto;
}
.lp01-subtitle{
	width:100%;
	text-align:center;
	font-size:40px;
	font-weight:600;
	line-height: 60px;
	color:#fff;
	background:#FF4200;
	padding:20px 6px;
}
.lp01-nayami{
	background:#fefdfd;
	margin:0 auto;
	padding:50px 6px;
	
}
.lp01-nayami h2{
	font-size:40px;
	font-weight:600;
	text-align:center;
	line-height: 60px;
}
.lp01-nayamibox{
	margin: 0 auto;
    max-width: 1140px;
    font-size: 30px;
	padding:40px 10px
}
.lp01-nayamibox h3{
	
}
.lp01-nayamibox span{
	background:linear-gradient(transparent 60%, #ff6 60%);
}
.lp01-nayamibox h3::after {
	margin-left: 20px;
	color:#fff;
	padding:0 10px;
	font-weight: 500;
    font-size: 21px;
}
.lp01-nayamibox h3.ken::after {
	content: '建築系';
	background:#238DDC;
}
.lp01-nayamibox h3.unso::after {
	content: '運送系';
	background:#238DDC;
}
.lp01-nayamibox h3.tobi::after {
	content: 'とび系';
	background:#1F81D8;
}
.lp01-nayamibox h3.naiso::after {
	content: '内装工事系';
	background:#FF4200;
}
.lp01-nayamibox h3.suido::after {
	content: '配管工事系';
	background:#238DDC;
}
.lp01-nayamibox h3.ken:before, .lp01-nayamibox h3.unso:before, .lp01-nayamibox h3.tobi:before, .lp01-nayamibox h3.naiso:before, .lp01-nayamibox h3.suido:before {
	content: '';/*何も入れない*/
  display: inline-block;
  width: 45px;/*画像の幅*/
  height: 36px;/*画像の高さ*/
  background-image: url(https://www.bcall.jp/wp/wp-content/uploads/2024/01/Icon-awesome-user-check.png);
  background-size: contain;
  vertical-align: bottom;
  margin-right: 13px;
}
.lp01-yajirushi{
	padding: 40px 6px;
}
.lp01-subtitles h2{
	font-size:40px;
	font-weight:600;
	text-align:center;
	line-height: 60px;
}
.lp01-marugoto01{
	background:#E1F5FF;
	margin:0 auto;
}
.lp01-marugoto01-block{
	max-width:1140px;
	display:flex;
	margin: 0 auto;
    padding: 80px 10px;
	color: #000;
	font-size:18px;
	font-weight: 500;
}
.lp01-marugoto01-box01{
	width: 80%;
	margin:20px;
}
.lp01-marugoto01-box01text h3{
	color:#238DDC;
}
.lp01-marugoto01-box01text p{
	font-weight:600;
}
.lp01-marugoto01-box02{
	margin:20px;
}
.lp01-marugoto01-box02 img{
	margin: 0;
}
.lp01-marugoto01-box02 p{
	padding: 20px 6px;
}
.lp01-marugoto01-box02 ul{
	width:70%;
	background:#fff;
	padding:10px;
	margin: 0 30px;
}
.lp01-marugoto01-box02 ul li{
	border-bottom: 1px #707070 solid;
    padding: 20px;
}
.lp01-marugoto01-mana{
	width: 56%;
    margin: 0 auto;
    background: #FF4200;
    padding: 20px 10px;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
	position: relative;
}
.lp01-marugoto01-mana:before {
  position: absolute;/*絶対配置*/
  content: '';/*空に*/
  border-top: 20px solid #FF4200;/*三角を作る*/
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  top: 100%;/*下にフィット*/
  left: 50%;/*中央配置*/
  transform: translateX(-50%);/*一応ズレを補正*/
}

.lp01-marugoto01-manaup{
	max-width:1140px;
	margin:0 auto;
	text-align:center;
	color:#000;
	padding:40px 10px;
}
.lp01-marugoto01-manaup h2{
	line-height:45px;
}

.lp01-marugoto02{
	width:100%;
	padding:60px 10px;
	background:#F5FCFF;
}
.lp01-marugoto02-block{
	max-width:1140px;
	margin:0 auto;
	display:flex;
	color: #000;
    font-size: 18px;
    font-weight: 500;
	margin-bottom:60px;
}
.lp01-marugoto02-box01{
	margin:20px;
}
.lp01-marugoto02-box01 img{
	margin-bottom:30px;
}
.lp01-marugoto02-box02{
	margin:20px;
}
.lp01-sns-block{
	display: flex;   
	justify-content: center;
    max-width: 1140px;
    margin: 0 auto;   
	padding: 40px 6px;
	
}
.lp01-sns-box01{
	width:10%;
	text-align: center;
    font-size: 20px;
    font-weight: 600;
}
.lp01-sns-box01 img{
	width:100%;
}
.lp01-canpen{
	max-width:1140px;
	margin:40px auto;
	text-align:center;
}
.lp01-canpen p{
	padding:20px;
	font-size:21px;
	font-weight:600;
}
.lp01-contact{
	text-align:center;
	margin:40px auto;
}
.lp01-contact a:hover{
	opacity:0.6;
}



.pc_hidden{
		display:none;
	}


@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
	
	.lp01-subtitle{
		font-size:34px;
	}
	.lp01-nayami h2 {
		font-size: 28px;
	}
	.lp01-nayamibox h3{
		font-size: 18px;
		line-height: 48px;		
	}
	.lp01-subtitles h2{
		font-size: 26px;
		line-height: 52px;
	}
	.lp01-marugoto01-block{
		flex-wrap:wrap;
		flex-direction: column-reverse;
	}
	.lp01-marugoto01-box02 ul{
		width: 100%;
		margin: 0;
	}
	.lp01-marugoto01-mana {
		width: 95%;  
		font-size: 21px;
	}
	.lp01-marugoto01-manaup h2{
		font-size:23px;
	}
	.lp01-marugoto02-block{ 
		flex-wrap: wrap;		
	}
	.lp01-sns-box01{  
		width: 18%;
		font-size: 14px;
	}
	.sp_hidden{
		display:none;
	}
	.pc_hidden{
		display:block;
	}
	.pc_hidden img, .lp01-canpen img{
		width:100%;
		padding:6px;
	}
	

	
		
	
}
