@charset "utf-8";
/* =========================================================================================
LAYOUT
=========================================================================================*/
body {
	background: url(../images/page/shotech/bg.webp) no-repeat top left;
	background-size: contain;
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 468px) {
}

/* =========================================================================================
PAGE HEADER
=========================================================================================*/
.page-header {
	padding: 0;
	margin: 0;
}
.page-header .inner {
	height: 80vh;
	min-height: 700px;
	max-height: 1000px;
	max-width: 1600px;
	display: flex;
	flex-direction: column;
	align-items: end;
	justify-content: center;
	position: relative;
}
.page-header .page-title {
	text-align: left;
	font-weight: var(--bold-font-weight);
	letter-spacing: 0.05em;
	display: flex;
	flex-direction: column;
	align-items: end;
	justify-content: left;
	gap: 15px;
	padding-top: 10vh;
	margin-bottom: 7.5vh;
}
.page-header .page-title:has(.en) .jp {
	color: var(--dark-color);
	font-size: 1.25rem;
	line-height: 1.4;
	text-indent: 0.25em;
}
.page-header .page-title .en {
	color: var(--main-color);
	font-size: clamp(2.222rem, calc(0.162rem + 9.888vw), 4.667rem); /* min: 40px, max: 84px */
	line-height: 1;
	filter: drop-shadow(0.075em 0.075em 0px #fff);
}
/*英語タイトルの無いとき*/
.page-header .page-title .jp {
	color: #fff;
	font-size: clamp(2.222rem, calc(0.818rem + 6.742vw), 3.889rem); /* min: 40px, max: 70px */
	line-height: 1.4;
	text-indent: 0;
}
.page-header .catchphrase strong {
	color: var(--dark-color);
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: clamp(1.333rem, calc(0.303rem + 4.944vw), 2.556rem); /* min: 24px, max: 46px */
	display: block;
	margin-bottom: 0.5em;
}
.page-header p {
	width: 100%;
	max-width: 550px;
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	justify-content: right;
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 468px) {
}

/* =========================================================================================
contents
=========================================================================================*/
/*見出し*/
.entry-content .mid {
	text-align: left;
	font-weight: var(--bold-font-weight);
	letter-spacing: 0.05em;
	display: flex;
	flex-direction: column-reverse;
	align-items: start;
	justify-content: left;
	gap: 0.75em;
	margin-top: 1em;
	margin-bottom: 2em;
}
.entry-content .mid .jp {
	color: var(--base-font-color);
	font-size: 1.25rem;
	line-height: 1.4;
	text-indent: 0.25em;
}
.entry-content .mid .en {
	color: var(--main-color);
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: clamp(2rem, calc(1.345rem + 3.146vw), 2.778rem); /* min: 36px, max: 50px */
	line-height: 1;
	width: 100%;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 1em;
	position: relative;
}
.entry-content .mid .en::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #d3d3d3;
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 468px) {
}

/* =========================================================================================
Footer
=========================================================================================*/
#footer {
	background: var(--gray-color);
	padding: 0;
	position: relative;
	z-index: 5;
}
#footer .parts-shotech-footer .inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2em;
	padding-block: 75px 35px;
}
#footer .parts-shotech-footer .inner h2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1em;
}
#footer .parts-shotech-footer .inner h2 .jp {
	color: var(--dark-color);
	font-size: 1.5em;
	font-weight: var(--semibold-font-weight);
}
#footer .parts-shotech-footer .inner h2 .en.outfit {
	color: var(--dark-color);
	font-size: 1rem;
	font-weight: 400;
	opacity: 0.5;
}
#footer .parts-shotech-footer .inner > p {
	font-size: 0.9em;
	width: 100%;
	max-width: 480px;
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	justify-content: center;
	gap: 0 1em;
}
#footer .parts-shotech-footer .inner .box {
	width: 100%;
	max-width: 800px;
	background: #fff;
	border: 3px solid var(--dark-color);
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 0 30px;
	overflow: hidden;
}
#footer .parts-shotech-footer .inner .box h3 {
	color: #fff;
	font-size: clamp(0.875rem, calc(0.427rem + 1.91vw), 1.406rem); /* min: 14px, max: 22.5px */
	text-align: center;
	line-height: 1.6;
	width: 100%;
	background: var(--dark-color);
	padding: 0.65em 1em;
	margin-bottom: 1em;
}
#footer .parts-shotech-footer .inner .box .logo {
	text-align: center;
	padding: 30px;
}
#footer .parts-shotech-footer .inner .box .logo a:hover {
	opacity: 1;
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 468px) {
	#footer .parts-shotech-footer .inner .box .logo {
		translate: 0;
	}
}