/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 08 2025 | 18:46:11 */
/* 基本スタイル */

*,
*::before,
*::after {
	font-family: "Roboto", "Zen Kaku Gothic New", serif;
	letter-spacing: .05em;
	line-height: 1.6;
}

strong {
	font-weight: 600;
}

.fontMidium {
	font-weight: 500!important;
}

@media (max-width: 959px) {
	.pcOnly {
		display: none;
	}
}
@media (min-width: 960px) {
	.spOnly {
		display: none;
	}
}

/* 見出し */
.midashi p > span {
	position: relative;
	display: inline-block;
	font-size: calc(18rem/16);
}
@media (max-width: 959px) {
	.midashi p > span {
		font-size: calc(16rem/16);
	}
}
.midashi p > span::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -10px;
	width: 20px;
	height: 2px;
	background-color: var(--color_main);
}
.midashi.borderCenter span::before {
	left: 50%;
	transform: translatex(-50%);
}
.midashi .is-style-section_ttl {
	font-weight: 500;
	font-size: calc(40rem/16);
}
@media (max-width: 959px) {
	.midashi .is-style-section_ttl {
		font-size: calc(30rem/16);
	}
}


/* ボタン */
.btn a {
	width: 240px;
	min-width: 240px;
	transition: .3s;
}
.btn span {
	color: #333;
	font-size: calc(18rem/16);
	transition: .4s;
}
.btn svg.__icon.-right {
	color: #333;
	position: absolute;
	right: 22px;
	margin-right: auto;
	transition: .4s;
	will-change: right;
}

/* ボタンホバー */
@media (hover: hover) {
	div:not(.btn) a:hover {
		opacity: .6;
		transition: .3s;
	}
	.btn a:hover {
		opacity: 1!important;
		background-color: var(--color_main);
		border-radius: 25px 0 25px 0;
		transition: .3s;
	}
	.btn a:hover span,
	.btn a:hover svg.__icon.-right {
		color: #fff;
		transition: .4s;
	}
	.btn a:hover svg.__icon.-right {
		right: 18px;
	}
}

/* タクソノミーサブタイトルの非表示 */
.c-pageTitle__subTitle {
	display: none;
}