/* 文字を横長にするクラス */
.yoko-naga {
	display: inline-block!important;
	transform: scaleX(1.1);
	font-weight: inherit;
	font-size: 2.2rem!important;
	margin-right: 0.3em;
	vertical-align: middle;
	/* 事業と同じサイズ・高さに調整 */
}
/********************事業案内*******************/
/* カスタムフォント読み込み */
@font-face {
	font-family: 'CorporateLogoBold';
	src: url('./font/Corporate-Logo-Bold-ver3.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* サンプル適用クラス */
.logo-text {
	font-family: 'CorporateLogoBold', "ヒラギノ角ゴシック", Hiragino Sans, "メイリオ", Meiryo, sans-serif;
}

.works_list{
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
	position: relative;
	margin-top: 50px;
}
/* 三角の吹き出し */
.works_list:before{
	content: "";
	position: absolute;
	top: -12px;
	left: 50%;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #fff;
}

.works_list ul{
	display: flex;
	justify-content: space-around;
}

.work_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 50px auto;
}

.work_img_kv{
	flex: 1;
}

.work_text{
	width: 55%;
	margin: 0 60px;
}

.h3-type1{
	font-family: "corporate-logo-ver2", sans-serif;
	margin-bottom: 50px;
}

.h3-type1 p{
	font-size: 4.7rem;
	color: #66cc99a6;
	line-height: 1;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 1px;
	margin-left: -60px;
}

.h3-type1 h3{
	color: #fff;
	font-size: 2rem;
	display: block;
	font-weight: 500;
	line-height: 1;
	margin-top: -20px;
	letter-spacing: 0.05em;
	/* 文字サイズをエネルギーと揃える */
}

.h3-type1 span{
	font-size: 1.4rem;
	display: block;
	vertical-align: top;
}

.work_img_kv{
	margin-top: 50px;
}

.work_box{
	background-repeat: no-repeat;
	padding: 100px 0 0;
}

#work1{
	background-image: url(../img/img_work1.png);
	background-position: 0px 180px;
	background-size: 35%;
}

#work2{
	background-image: url(../img/img_work2.png);
	background-position: right 150px;
	background-size: 30%;
}

#work3{
	background-image: url(../img/img_work3.png);
	background-position: 0px 150px;
	background-size: 30%;
}

#work4{
	background-image: url(../img/img_work4.png);
	background-position: right 150px;
	background-size: 40%;
}

#work5{
	background-image: url(../img/img_work5.png);
	background-position: 0px 220px;
	background-size: 35%;
}

#work6{
	background-image: url(../img/img_work6.png);
	background-position: right 150px;
	background-size: 20%;
}

.work_text_box{
	margin-top: 20px;
	color: #fff;
}

.work_text_box h4{
	color: #ffff66;
	font-size: 18px;
}

.work_text_box a{
	color: #ffff66;
}

.work_img{
	display: flex;
	justify-content: space-between;
}

.work_img p{
	width: 48%;
	margin-top: 20px;
}

.work_img img{
	width: 100%;
}

.work_text_img{
	margin-top: 20px;
}

.work_text_link{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
}

.work_text_link a{
	display: block;
	width: 48%;
}

.work_box_link{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.work_box_link p{
	margin-right: 10px;
}

.work_box_link p:last-child{
	margin-right: 0;
}

/********************768レスポンシブ*******************/
@media screen and (max-width:768px){
	.work_box{
		margin: 40px 0 40px;
		background-position: right 10px top !important;
		padding: 0;
	}
	.work_flex{
		margin: 0 auto;
	}
	.works_list{
		width: 95%;
		margin: 50px auto 0;
	}

	.works_list ul{
		flex-wrap: wrap;
	}

	.works_list ul li{
		width: 45%;
		text-align: center;
	}

	.work_img_kv{
		flex:0;
	}

	.work_text{
		width: 100%;
		margin: 20px 20px 0;
	}

	.h3-type1 p{
		margin-left: 0;
		font-size: 2.5rem;
	}

	.h3-type1 h3{
		font-size: 1.5rem;
	}

	.work_img{
		flex-wrap: wrap;
	}

	.work_img p{
		width: 95%;
		margin: 10px auto;
	}

	.work_text_link{
		width: 95%;
		margin: 10px auto;
	}

	.work_img_kv{
		display: none;
	}

	#work2{
		background-size: 25%;
	}

	#work3{
		background-size: 25%;
	}

	#work4{
		background-size: 25%;
		background-position: right 10px top 40px;
	}

	#work5{
		background-size: 25%;
	}

	.work_box_link{
		flex-wrap: wrap;
		width: 95%;
		margin: 10px auto;
	}

	.work_box_link p{
		width: 48%;
		margin-bottom: 10px;
		margin-right: 0;
	}
}