@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#main .ttl {
	width: fit-content;
	margin: 0 auto 0.5rem;
	text-align: center;
	font-size: 5.6rem;
	letter-spacing: 0.07em;
	background-image: linear-gradient(90deg, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 0, 1) 50%, rgba(255, 255, 0, 0) 100%);
    background-repeat: repeat-x;
    background-size: 100% 3.5rem;
    background-position: 100% 4.5rem;
}
#main .txt {
	margin-bottom: 6.3rem;
	text-align: center;
	font-size: 2.6rem;
	letter-spacing: 0.18em;
	line-height: 1.69;
}
#main .imgBox {
	margin: 0 min(4.3vw,5.5rem) min(7.03vw,9rem);
}
#main .imgBox .textBox {
	margin-bottom: min(3.9vw,5rem);
	flex: 1;
	margin-top: max(-0.8vw,-1rem);
}
#main .imgBox .textBox:last-child {
	margin-bottom: 0;
}
#main .imgBox .textBox p {
	margin-bottom: min(3.125vw,4rem);
	font-size: min(1.6vw,2rem);
	line-height: 2;
	font-feature-settings: "palt";
}
#main .imgBox .textBox .text {
	letter-spacing: -0.05em;
}
#main .imgBox .textBox p:last-child {
	margin-bottom: 0;
}
#main .imgBox .list {
	margin: 0 auto;
	max-width: min(51.6vw,66rem);
	display: flex;
	flex-wrap: wrap;
	gap: 2rem 2rem;
	margin-bottom: min(5vw,6rem);
}
#main .imgBox .list li {
	width: calc((100% - 2rem) / 2);
	padding: min(1.95vw,2.5rem) 0.5rem min(1.95vw,2.5rem) min(1.6vw,2rem);
	display: flex;
	align-items: center;
	background: #0975AA;
}
#main .imgBox .list li:last-child {
	margin-bottom: 0;
}
#main .imgBox .list dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
#main .imgBox .list dt {
	min-width: min(3.125vw,4.0rem);
	min-height: min(3.125vw,4.0rem);
	text-align: center;
	font-size: min(2.2vw,2.8rem);
	line-height: 1;
	color: #0975AA;
	display: flex;
	font-weight: 600;
	margin-right: min(1.2vw,1.5rem);
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background-color: #fff;
}
#main .imgBox .list dd {
	flex: 1;
	font-size: min(1.72vw,2.2rem);
	font-weight: 600;
	color: #fff;
	line-height: 1.17;
	font-feature-settings: "palt";
}
#main .headLine05 + .txt2 {
	margin-top: max(-3.5vw,-4.5rem);
}
#main .imgBox .comLink {
	margin-top: -0.5rem;
	text-align: center;
	margin-bottom: min(9rem);
}
#main .imgBox .comLink:last-child {
	margin-bottom: 0;
}
#main .imgBox .comLink a {
	display: inline-flex;
	min-height: min(6.25vw,8rem);
	padding: min(0.8vw,1rem) min(7.42vw,9.5rem) min(0.8vw,1rem) min(2.4vw,3rem);
	font-size: min(2.03vw,2.6rem);
	background-color: #DAEAF2;
	background-size: min(4.2vw,5.3rem) auto;
}
#main .txt2 {
	text-align: center;
	letter-spacing: 0.04em;
	margin-bottom: min(2.1vw,2.6rem);
}
#main {
	margin-bottom: 8rem;
}
#main .greyBox {
	padding: min(6.25vw,8rem) 0;
	margin-top: min(4.1vw,5.2rem);
	background-color: #F2F2F2;
}
#main .greyBox .linkUl {
	margin: 0 min(0.8vw,1rem);
	display: flex;
	flex-wrap: wrap;
	gap: min(0.8vw,1rem) min(2.2vw,2.8rem);
}
#main .greyBox .linkUl li {
	width: calc((100% - min(4.5vw,5.7rem)) / 3);
}
#main .greyBox .linkUl li a {
	min-height: min(10.94vw,14rem);
	font-size: min(2.1vw,2.6rem);
	line-height: 1.23;
	font-weight: 600;
	padding-left: min(2.4vw,3rem);
	background-color: #fff;
}
@media all and (min-width: 897px) {
	.headLine01 {
		margin-bottom: 8.5rem;
	}
	.headLine05 {
		margin-bottom: 6rem;
	}
}

@media all and (max-width: 896px) {
	.headLine01 {
		margin-bottom: 3rem;
	}
	#main .ttl {
		margin: 0 auto 0.8rem;
		font-size: 2.4rem;
		font-feature-settings: "palt";
		letter-spacing: 0.11em;
		background-position: 100% 1.8rem;
		background-size: 100% 1.5rem;
	}
	#main .padBox {
		margin: 0 -2rem;
	}
	#main .txt {
		margin-bottom: 2.1rem;
		font-size: 1.3rem;
		line-height: 1.54;
		font-feature-settings: "palt";
	}
	.headLine05 {
		margin-bottom: 2rem;
	}
	#main .imgBox {
		margin: 0 0.5rem 3.6rem;
		display: block;
	}
	#main .imgBox .textBox {
		margin: 0;
	}
	#main .imgBox .rBox {
		width: auto;
		margin: 2.4rem 0 0;
	}
	#main .imgBox .textBox p {
		margin-bottom: 2.4rem;
		font-size: 1.4rem;
		line-height: 1.714;
	}
	#main .imgBox .list li {
		min-height: 8rem;
		width: auto;
		padding: 1.2rem 2rem;
		margin-bottom: 1.8rem;
		flex-wrap: wrap;
	}
	#main .imgBox .list li:last-child {
		margin-bottom: 0;
	}
	#main .imgBox .list dl {
		width: 100%;
	}
	#main .imgBox .list dt {
		min-width: 4rem;
		min-height: 4rem;
		margin-right: 1.8rem;
		font-size: 2.4rem;
	}
	#main .imgBox .list dd {
		font-size: 1.9rem;
		line-height: 1.2;
	}
	#main .imgBox .list {
		margin: 0 0 2.8rem;
		display: block;
		max-width: inherit;
	}
	#main .imgBox .comLink {
		margin: 2rem 0 0;
	}
	#main .imgBox .comLink a {
		display: flex;
		font-size: 1.6rem;
		line-height: 1.2;
		min-height: 5rem;
		text-align: left;
		justify-content: flex-start;
		background-size: 3rem auto;
		padding: 1rem 4rem 1rem 1.5rem;
	}
	#main .txt2 {
		margin-bottom: 2.7rem;
		font-size: 1rem;
	}
	#main .headLine05 + .txt2 {
		margin-top: 0;
	}
	#main .greyBox {
		margin-top: 2.7rem;
		padding: 2rem 0;
	}
	#main .greyBox .linkUl {
		margin: 0 4.7rem;
		display: block;
	}
	#main .greyBox .linkUl li {
		width: auto;
		margin-bottom: 1.4rem;
	}
	#main .greyBox .linkUl li:last-child {
		margin-bottom: 0;
	}
	#main .greyBox .linkUl li a {
		min-height: 6.6rem;
		font-size: 1.5rem;
		padding: 0.5rem 1.5rem;
	}
	#main {
		margin-bottom: 14vw;
	}
}

@media all and (min-width: 897px) and (max-width: 1279px) {
	#main .content {
		width: 93%;
	}
	#main .padBox {
		margin-left: -4rem;
		margin-right: -4rem;
	}
	#main .headLine05 + .txt2 {
		margin-top: max(-5vw,-4.5rem);
	}
	#main .txt2 {
		margin-bottom: 2.6rem;
	}
}