@charset "UTF-8";
:root {
	--txt-color: #333;
	--point-color: #778288;
	--attention_txt-color: #747474;
	--attention_bg-color: #eee;
}

/* --------------------
	.contents
-------------------- */

.contents {
	width:1200px;
	margin: 0 auto;
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
}

.contents img {
	width: 100%;
}

.contents p {
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.8;
	color: var(--txt-color);
}

.contents h2 {
font-weight: 700;
}

.contents a {
	display: block;
	text-decoration: underline;
	transition: all 0.3s;
}

.contents a:hover {
	opacity: 0.4;
}

/* --------------------
		.head
-------------------- */

.head {
	margin-bottom: 80px;
}

.head img {
	margin-bottom: 50px;
}

.head p {
	width: 800px;
	margin: 0 auto 20px;
}

/* --------------------
		.main
-------------------- */

main {
	width: 800px;
	margin: 0 auto;
}

main > div {
	margin-bottom: 80px;
}

.link h2 {
	margin-bottom: 20px;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	vertical-align: top;
}

.link h2::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 22px;
	margin: 0 6px -4px 0;
	background-color: var(--point-color);
}

.link ul {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.3rem;
	letter-spacing: 0.05em;
	line-height: 1.8;
}

.link ul li {
	width: calc(800px/4);
	margin-bottom: 10px;
}

/* --------------------
	.favo
-------------------- */
:root {
	--favo-point-color: #661116;
}

.favo {
	width: 800px;
	margin: 0 auto 100px;
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
}

.favo .flex {
	display: flex;
	gap: 35px;
}

.favo h2,
.favo h3 {
	text-align: center;
}

.favo p {
	line-height: 1.8;
	text-align: left !important;
	letter-spacing: 0.06em;
	font-size: 1.3rem;
}

.favo a {
	display: inline;
	color: #aaa;
	text-decoration: underline;
}

.favo__ttl {
	margin-bottom: 40px;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.08em;
}

.favo__ttl--sm {
	font-size: 1.5rem;
	letter-spacing: 0.06em;
}

.favo__ttl--lg {
	padding-bottom: 5px;
	border-bottom: var(--favo-point-color) 2px solid;
	font-size: 2.4rem;
	font-weight: 600;
	color: var(--favo-point-color);
	letter-spacing: 0.06em;
}

.favo__inner {
	margin-bottom: 50px;
}

.favo__detail {
	width: calc(1000px/3);
}

.favo__detail__ttl {
	margin-bottom: 15px;
	font-size: 1.8rem;
	font-weight: 600;
	color: var(--favo-point-color);
}

.favo__detail__ttl img {
	display: inline-block !important;
	width: 23px !important;
	height: auto;
	margin-right: 2px;
	vertical-align: text-bottom;
}

.favo__img {
	width: 100%;
	margin-bottom: 15px;
	border: 1px solid #727272;
}

.favo__attention{
	text-align: center;
	font-size: 1.3rem !important;
	line-height: 1.8;
	letter-spacing: 0.05em;
}

.favo__attention a{
	color: #bf1100;
}

.txt--attention{
	color: #AAA !important;
}




/* --------------------
	.attention
-------------------- */

.attention {
	width: 100%;
	color: var(--attention_txt-color);
	background-color: var(--attention_bg-color);
}

.attention_inner {
	width: 800px;
	margin: 0 auto;
	padding: 50px 0;
}

.attention_inner h2 {
	margin-bottom: 10px;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 0.05em;

}

.attention_inner li {
	margin-bottom: 0.5em;
	font-size: 1.2rem;
	letter-spacing: 0.05em;
	line-height: 1.8;
	text-indent: -1em;
	padding-left: 1em;
}