@charset "UTF-8";
/* CSS Document */


/* title-page */

.title-page h2 {
	padding-top: 45px;
}

.title-page h2::before {
	content: "環境を知る";
}

/* contents02 */

.contents02 > h3 {
	font-size: 20px;
color: #50A0FE;
line-height: 1.4;
letter-spacing: 0.05em;
font-weight: 500;
	margin-bottom: 50px;
	position: relative;
	margin-top: -5px;
}

/* layout01 */

.layout01 .box-img {
	margin-bottom: 90px;
}

.layout01 .box-detail {
	position: relative;
	display: flex;
  justify-content: center;
flex-wrap: wrap;
	gap:0px 50px;
	padding: 60px 0px 50px;
	text-align: left;
}

.layout01 .box-detail::after {
	content: "その他教育・研修制度";
	position: absolute;
left: 38%;
top: 0px;
	width: 24%;
	height: 62px;
	display: block;
	border-radius: 60px;
	text-align: center;
	background : -moz-linear-gradient(50% 0% -90deg,rgba(86, 171, 255, 1) 0%,rgba(155, 153, 255, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(86, 171, 255, 1) 0%, rgba(155, 153, 255, 1) 100%);
  background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(86, 171, 255, 1) ),color-stop(1,rgba(155, 153, 255, 1) ));
  background : -o-linear-gradient(-90deg, rgba(86, 171, 255, 1) 0%, rgba(155, 153, 255, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(86, 171, 255, 1) 0%, rgba(155, 153, 255, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#56ABFF', endColorstr='#9B99FF' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(86, 171, 255, 1) 0%, rgba(155, 153, 255, 1) 100%);
	font-size: 18px;
color: #FFF;
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 400;
	display: flex;
  justify-content: center;
align-items: center;
flex-wrap: wrap;
	margin-top: -30px;
}

.layout01 ul {
	position: relative;
}

.layout01 ul li {
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 400;
	position: relative;
	padding-left: 20px;
}

.layout01 ul li:not(:last-child) {
	margin-bottom: 15px;
}

.layout01 ul li::before {
	content: "";
	position: absolute;
left: 0px;
top: 7px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #50A0FE;
}

.layout01 ul li.li-last {
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 500;
	position: absolute;
left: 0px;
bottom: 0px;
	padding-left: 0px;
}

.layout01 ul li.li-last::before {
	display: none;
}


/* layout02 */

.layout02 {
	padding: 60px 125px;
	text-align: center;
}

.layout02 .box-detail {
	margin-bottom: 50px;
}

.layout02 h4 {
	font-size: 32px;
color: #50A0FE;
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 500;
	margin-bottom: 30px;
}

.layout02 .box-text {
	width: 660px;
	text-align: left;
}



.sp-view {
	display: none;
}