@charset "utf-8";
:root {
	--mainColor: #009999;
	--subColor1: #3D5670;
	--subColor2:#7C4968;
	--subColor3:#58AC84;
	--subcolor4:#e7aa73;
	--subcolor5:#c57961;
}
/*--------------見学予約・ダウンロード--------------*/
main a{
	position: relative;
	display: block;
	text-decoration: none;
}
main a::before{
	top: -3px;
	left: 0;
	width: 100%;
	height: calc(100% + 6px);
	background: #fff;
	opacity: 0;
}
main a[target="_blank"] p::after{
	font-family: "Font Awesome 5 Free";
	content:"\f35d";
	font-weight: 900;
	font-size: 90%;
	color: currentColor;
	padding-left: 5px;
}
main a:hover::before {
	opacity: 0.3;
	transition: 0.3s;
}
main a::before{
	top: -3px;
	left: 0;
	width: 100%;
	height: calc(100% + 6px);
	background: #fff;
	opacity: 0;
}
.fontMedium2{
	font-size: clamp(16px, (100vw - 600px) * 6 / 600 + 18px, 20px);
}
.LinkText{
	display: flex;
	text-align: center;
	margin-bottom: 10px;
	font-size: clamp(16px, (100vw - 600px) * 6 / 600 + 17px, 18px);
	font-weight: 600;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: end;
	color: #444;
}
.LinkText span{
	width: 20px;
	display: block;
	font-weight: bold;
}
.boxInquiry2,.boxInquiryTop2 {
	display: flex;
	background: repeating-linear-gradient(-45deg, rgba(200, 200, 220, 0.2) 0 10px, transparent 10px 20px), #eeeeee;
	justify-content: center;
	align-items: center;
	gap: 15px;
	border-radius: 5px;
	
	box-sizing: border-box;
}
.boxInquiryTop2{
	width: min(95% ,700px);
	padding: 10px 20px;
}
.boxInquiry2{
	width: min(95% ,900px);
	margin: 0 auto 40px;
	padding: 20px 15px;
}
.boxInquiryTop2 p {
	text-align: center;
}
.boxInquiryTop2 a,.boxInquiry2 :is(.reservationBtn,.downloadBtn){
	display: flex;
	padding: 20px;
	border-radius: 5px;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-size: clamp(10px, 2vw + 8px, 24px);
	transition: 0s;
	color: #444;

}
.boxInquiry2 :is(.reservationBtn,.downloadBtn){
	box-sizing: border-box;
	margin: 0 auto;
	height: 115px;
	
}
.linkBox{
	width: 50%;
}
.boxInquiry2 .reservationBtn{
	background: var(--subcolor4);
}
.boxInquiry2 .downloadBtn{
	background: var(--subColor2);
	color: #fff;
}
.boxInquiryTop2 :is(.reservationBtn,.downloadBtn){
	width: min(90% ,200px);
	background: var(--subcolor4);
}
.boxInquiry2  :is(.reservationBtn,.downloadBtn)::before{
	border-radius: 5px;
}
p:has(.marker) {
	text-align: center;
	font-size: calc(24/16*1rem); 
}
.marker {
	text-decoration: underline;
	text-decoration-thickness: 0.5em;
	text-decoration-color: rgba(255, 0, 0, 0.3);
	text-underline-offset: -0.2em;
	text-decoration-skip-ink: none;
}
.marker span {
	font-weight: 700;
}

@media screen and (max-width: 825px) {
	.boxInquiry2,.boxInquiryTop2{
		flex-direction: column;
		align-items: center;
	}

}
@media screen and (max-width: 690px) {
	section:not(.boxInquiry2,.boxInquiryTop2,#summary) {
		padding: 30px 0;
	}
	.boxInquiry2{
		flex-direction: column;
	}
	.linkBox{
		width: 100%;
	}
	.boxInquiry2 :is(a.reservationBtn,a.downloadBtn){
		width: min(100% ,700px);
		height: 80px;
	}
}