@charset "UTF-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.web .txt {
	max-width: 865px;
	margin: 0 auto;
}
.web .mapBg {
	margin-bottom: 14px;
	padding-top: 65px;
	background: url(../img/web/photo01.png) no-repeat right -12px top;
   	background-size: 620px auto;
   	min-height: 300px;
   	box-sizing: border-box;
}
.web p {
	margin-bottom: 29px;
	line-height: 1.67;
	text-align: justify;
	text-justify: inter-ideograph;
	font-feature-settings: "palt";
}
.web p a {
	color: #0071B6;
	text-decoration: underline;
}
.web p:last-child {
	margin-bottom: 0;
}
.web .list {
	margin-bottom: 29px;
}
.web .list li {
	text-indent: -1.3em;
	padding-left: 1.3em;
	line-height: 1.67;
	text-align: justify;
	text-justify: inter-ideograph;
	font-feature-settings: "palt";
}
@media screen and (min-width: 897px) {
	.web {
		margin-bottom: 245px;
	}
	.web p a:hover {
		text-decoration: none;
	}
}
@media screen and (max-width: 896px) {
	.web .txt {
		max-width: inherit;
	}
	.web .mainImg {
		margin-bottom: 8px;
	}
	.web .mapBg {
		min-height: 48.4375vw;
		padding: 50px 12px 44px;
		margin: 0;
		background-position: center top 14px;
		background-size: 81.6% auto;
  	}
	.web .mainBox {
		margin-bottom: 31px;
	}
	.web .headLine02 {
		margin-bottom: 8px;
		line-height: 1.26;
	}
	.web p {
		margin-bottom: 24px;
	}
	.headLine02 .txtSpan {
		margin-right: 0;
	}
	.web .mainBox::after {
		width: 42.2%;
		height: 621px;
		background-color: #F4F5F7;
		transform-origin: right top;
		transform: skew(-32deg);
		position: absolute;
		top: -178px;
		right: -197px;
		content: "";
		z-index: -1;
		mix-blend-mode: multiply;
	}
	.web .list {
		margin-bottom: 22px;
	}
}


@media screen and (min-width: 375px)and (max-width: 896px) {
	.web .mainBox::after {
		top: -52px;
	}
}