@charset "utf-8";

/*****************************************
  FV
*****************************************/
.ptlFv {
	width: 100%;
}

.ptlFv .wrap {
	width: 100%;
	max-width: 1260px;
	background: url(../images/top_mv.jpg) no-repeat center top;
	background-size: cover;
	aspect-ratio: 630 / 433;
	margin: 0 auto;
}

.ptlFv strong {
	font-size: 28px;
	font-weight: normal;
	padding: 14% 0 0 6%;
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.ptlFv strong {
		font-size: 3.5vw;
		padding: 12% 0 0 5%;
	}
}

/*****************************************
  NEWS
*****************************************/
.ptlNewsBlock {
	width: 100%;
}

.ptlNewsBlock .wrap {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
	padding: 80px 0 100px;
}

.ptlNewsBlock h2 {
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	margin: 0 0 20px;
	letter-spacing: 0.1em;
}

.ptlNewsBlock dl {
	border-top: solid 1px #843C0C;
	width: 700px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 10px 0;
	color: #000;
	padding: 20px 0 0;
	font-size: 15px;
}

.ptlNewsBlock dt {
	width: 130px;
}

.ptlNewsBlock dd {
	width: 570px;
}

@media screen and (max-width: 767px) {
	.ptlNewsBlock {
		width: 100%;
	}

	.ptlNewsBlock .wrap {
		padding: 40px 15px 50px;
	}

	.ptlNewsBlock h2 {
		font-size: 20px;
		margin: 0 0 10px;
	}

	.ptlNewsBlock dl {
		width: 100%;
		flex-direction: column;
		gap: 0 0;
		padding: 0 0 0;
		font-size: 14px;
	}

	.ptlNewsBlock dt {
		padding: 12px 0 0;
		width: 100%;
		font-size: 12px;
	}

	.ptlNewsBlock dd {
		width: 100%;
		border-bottom: dotted 1px #843C0C;
		padding: 0 0 10px;
	}
}

/*****************************************
  会社案内
*****************************************/
.ptlInfoBlock {
	width: 100%;
}

.ptlInfoBlock .wrap {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
	background: url(../images/top_about_bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 75px 0 90px;
}

.ptlInfoBlock h2 {
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	margin: 0 0 25px;
	letter-spacing: 0.2em;
}

.ptlInfoBlock dl {
	text-align: center;
}

.ptlInfoBlock dt {
	font-size: 22px;
	padding: 0 0 25px;
}

.ptlInfoBlock dd {
	font-size: 18px;
}

.linkBtn {
	width: 100%;
	display: block;
	text-align: center;
	margin: 45px 0 0;
}

.linkBtn a {
	border-radius: 10px;
	background: #ED7D31;
	color: #fff;
	font-size: 18px;
	padding: 6px 35px;
	display: inline-block;
	transition: 0.3s;
}

.linkBtn a:hover {
	opacity: 0.7;
}

.linkBtn span {
	padding: 0 18px 0 0;
	background: url(../images/arrow_white.png) no-repeat right center;
	background-size: 6px auto;
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.ptlInfoBlock .wrap {
		padding: 40px 0 50px;
	}

	.ptlInfoBlock h2 {
		font-size: 20px;
		margin: 0 0 15px;
	}

	.ptlInfoBlock dl {
		text-align: center;
	}

	.ptlInfoBlock dt {
		font-size: 18px;
		padding: 0 0 15px;
	}

	.ptlInfoBlock dd {
		font-size: 14px;
	}

	.linkBtn {
		margin: 25px 0 0;
	}

	.linkBtn a {
		border-radius: 5px;
		font-size: 14px;
		padding: 4px 25px;
	}

	.linkBtn span {
		padding: 0 15px 0 0;
		background: url(../images/arrow_white.png) no-repeat right center;
		background-size: 5px auto;
	}
}

/*****************************************
  仕事内容
*****************************************/
.ptlJobBlock {
	width: 100%;
}

.ptlJobBlock .wrap {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
	padding: 70px 0 90px;
}

.ptlJobBlock h2 {
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	margin: 0 0 20px;
	letter-spacing: 0.2em;
}

.ptlJobBlock strong {
	font-size: 22px;
	padding: 0 0 45px;
	text-align: center;
	font-weight: normal;
	display: block;
}

@media screen and (max-width: 767px) {
	.ptlJobBlock .wrap {
		padding: 40px 0 50px;
	}

	.ptlJobBlock h2 {
		font-size: 20px;
		margin: 0 0 15px;
	}

	.ptlJobBlock strong {
		font-size: 18px;
		padding: 0 0 25px;
		text-align: center;
		font-weight: normal;
		display: block;
	}
}

/*****************************************
  あんずの森の強み
*****************************************/
.anzuStrengthBlock {
	width: 100%;
}

.anzuStrengthBlock .wrap {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto 0;
}

.anzuStrengthBlock .anzuStrengthBlockInnner {
	width: 800px;
	margin: 0 auto;
	border: solid 4px #ED7D31;
	border-radius: 40px;
	padding: 60px 40px 70px;
	background: url(../images/top_anzu_strength_bg01.png) no-repeat 25px 25px/140px auto, url(../images/top_anzu_strength_bg02.png) no-repeat right 35px top 35px/80px auto;
}

.anzuStrengthBlock h2 {
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	margin: 0 0 35px;
	letter-spacing: 0.2em;
}

.anzuStrengthBlock dl {
	width: 100%;
	padding: 0 35px;
}

.anzuStrengthBlock dl dt {
	text-align: center;
	margin: 0 0 15px;
	font-size: 22px;
}

.anzuStrengthBlock dl dd {
	font-size: 18px;
	text-align: center;
	margin: 0 0 45px;
}

.anzuStrengthBlock dl dd:last-child {
	margin: 0 0 0;
}

@media screen and (max-width: 767px) {
	.anzuStrengthBlock {
		padding: 0 15px;
	}

	.anzuStrengthBlock .anzuStrengthBlockInnner {
		width: 100%;
		border: solid 3px #ED7D31;
		border-radius: 20px;
		padding: 30px 20px 10px;
		background: url(../images/top_anzu_strength_bg01.png) no-repeat 25px 25px/90px auto, url(../images/top_anzu_strength_bg02.png) no-repeat right 35px top 35px/50px auto;
	}

	.anzuStrengthBlock h2 {
		font-size: 20px;
		margin: 0 0 25px;
	}

	.anzuStrengthBlock dl {
		padding: 0 25px;
	}

	.anzuStrengthBlock dl dt {
		text-align: center;
		margin: 0 0 10px;
		font-size: 16px;
	}

	.anzuStrengthBlock dl dd {
		font-size: 14px;
		margin: 0 0 25px;
	}

	.anzuStrengthBlock dl dd:last-child {
		margin: 0 0 0x;
	}
}

@media screen and (max-width: 490px) {
	.anzuStrengthBlock .anzuStrengthBlockInnner {
		padding: 30px 20px 10px;
		background: url(../images/top_anzu_strength_bg01.png) no-repeat 10px 15px/40px auto, url(../images/top_anzu_strength_bg02.png) no-repeat right 10px top 20px/30px auto;
	}

	.anzuStrengthBlock dl {
		padding: 0 0;
	}

}