@charset "utf-8";
/* Copyright 2022 FSFIELD All Rights Reserved. */

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

PC、タブレット、スマートフォン共通

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

評価・検証

------------------------------------------------------------ */
/* メインナビ アクティブ表示
---------------------------------------------- */
.nav_global>ul>li:nth-child(4)::before{
	display: block;
}

.pagetitle.type01{
	margin: 0 auto 100px;
}
.fig1{
	max-width: 1040px;
	margin: 0 auto 92px;
}
.fig1 img{
	width: 100%;
}

.sec1{
	max-width: 1040px;
	margin: 0 auto 90px;
	color: #1F323D;
	padding: 0 80px;
	box-sizing: content-box;
}
section.sec1:last-of-type{margin-bottom: 142px;}

.sec1 .heading h3{
	font-size: 2.6rem;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	letter-spacing: .05em;
	margin-bottom: 65px;
}
.sec1 br.tab,
.sec1 br.sp{display: none;}

.sec1 .heading h3 span{
	display: block;
	font-size: 1.6rem;
	padding: 46px 0 4px;
	position: relative;
}
.sec1 .heading h3 span::before{
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -20px;
	background-size: contain !important;
}
.sec1 .heading h3 span.type1::before{
	background: url(../img/overview/ico_human.png) no-repeat;
}
.sec1 .heading h3 span.type2::before{
	background: url(../img/overview/ico_manage.png) no-repeat;
}
.sec1 p{
	font-size: 1.7rem;
    letter-spacing: .05em;
    line-height: 2;
    max-width: 800px;
    margin: 0 auto 2em;
}
.sec1 *:last-child{margin-bottom: 0;}

.sec1 p a{
	color: #1F323D;
	text-decoration: underline;
}
.sec1 p a:hover{
	opacity: .7;
}

.sec1-2{
	display: flex;
	padding: 50px 0;
    margin-bottom: -50px;
}
.sec1-2:last-of-type{
	margin-bottom: 0;
}
.sec1-2 .heading{
	width: 300px;
	padding-right: 40px;
	flex:none;
}
.sec1-2 .heading h3{
	text-align: left;
	font-size: 2rem;
}
.sec1-2 .text{}
.sec1-2 .text p{}






@media only screen and (max-width:1024px){ /* 表示領域が1024px以下の場合に適用するスタイル */

	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	タブレット

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
	.sec1{
		padding: 0 40px;
	}
	.sec1 br.tab{display: block;}


}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
	.pagetitle.type01{
		margin: 0 auto 44px;
	}

	.fig1{
		padding: 0 5px;
		margin:0 -6.4vw 52px;
	}

	.sec1{
		padding: 0 6.4vw;
		margin: 0 0 45px 0;
	}
	section.sec1:last-of-type{
		margin-bottom: 44px;
	}
	.sec1 br,
	.sec1 br.tab{display: none;}
	.sec1 br.sp{display: block;}

	.sec1 .heading h3 {
		font-size: 5.733vw;
		letter-spacing: 0;
		text-align: left;
		margin-bottom: 36px;
	}
	.sec1 .heading h3 span{
		text-align: center;
		font-size: 1.4rem;
		padding: 40px 0 4px;
	}
	.sec1 .heading h3 span::before{
		width: 34px;
		height: 34px;
		margin-left: -17px;
	}
	.sec1 p {
	    font-size: 1.4rem;
	    letter-spacing: 0;
	    line-height: 2;
	    margin:0 0 2em 0;
	}

.sec1-2{
	display: block;
	border-top: 1px solid #E3E3E3;
	padding: 20px 0;
    margin: 0;
}
.sec1-2:last-of-type{
	border-bottom: 1px solid #E3E3E3;
	margin-bottom: 37px;
}

.sec1-2 .heading h3{
	font-size: 1.8rem;
	margin-bottom: 13px;
}
.sec1-2 .text p{}


}/*--@media--*/