/* ----------------------------------------
見出し
---------------------------------------- */
.sec-ttl .mz-block-composite-tile-with-buttons {
	position: relative;
}
.sec-ttl .mz-block-composite-tile-with-buttons:before {
	display: block;
	position: absolute;
	top: -30px;
	left: 30px;
	width: 60px;
	height: 60px;
	background-color: #fff;
	border: 1px solid #0067a8;
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: 700;
	color: #0067a8;
	text-align: center;
}
.sec-ttl .mz-block-composite-tile-with-buttons .title-area {
	margin-bottom: 0;
}
.sec-ttl .mz-block-composite-tile-with-buttons .title-area h3 {
	color: #fff;
	line-height: 1.7;
	padding-left: 0.5em;
	text-indent: -0.5em;
	font-family: "Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing: 0.02em;
}
.sec-ttl .mz-block-composite-tile-with-buttons .title-area h3 .name {
	display: block;
	padding-top: 10px;
	padding-left: 14px;
	font-size: 17px;
	font-size: 1.7rem;
}
.sec-ttl .mz-block-composite-tile-with-buttons .image-area {
	margin-top: -30px;
	margin-bottom: -30px;
}
.s01-ttl .mz-block-composite-tile-with-buttons:before {
	content: "01";
}
.s02-ttl .mz-block-composite-tile-with-buttons:before {
	content: "02";
}
.s03-ttl .mz-block-composite-tile-with-buttons:before {
	content: "03";
}

@media screen and (max-width: 1080px) {
	.sec-ttl .mz-block-composite-tile-with-buttons:before {
		top: -30px;
		left: 30px;
		width: 50px;
		height: 50px;
		font-size: 30px;
		font-size: 3.0rem;
	}
	.sec-ttl .mz-block-composite-tile-with-buttons .title-area h3 {
		font-size: 30px;
		font-size: 3.0rem;
	}
}

@media screen and (max-width: 767px) {
	.main-ttl {
		border-bottom: 1px solid #333;
	}
	.main-ttl .title h2 {
		line-height: 1.8;
	}
	.sec-ttl .mz_container {
		padding: 0;
	}
	.sec-ttl .mz-block-composite-tile-with-buttons:before {
		top: -20px;
		left: 30px;
		width: 40px;
		height: 40px;
		font-size: 20px;
		font-size: 2.0rem;
	}
	.sec-ttl .mz-block-composite-tile-with-buttons .title-area {
		padding: 0 16px 0 10px;
	}
	.sec-ttl .mz-block-composite-tile-with-buttons .title-area h3 {
		font-size: 20px;
		font-size: 2.0rem;
		line-height: 1.6;
	}
	.sec-ttl .mz-block-composite-tile-with-buttons .title-area h3 .name {
		display: inline-block;
		padding-top: 4px;
		padding-left: 10px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.sec-ttl .mz-block-composite-tile-with-buttons .image-area {
		margin-top: 0;
		margin-bottom: 0;
	}
	.sec-ttl .mz-block-composite-tile-with-buttons .desc-area {
		padding-top: 28px;
		padding-bottom: 28px;
	}
}


/* ----------------------------------------
ページ内リンク
---------------------------------------- */
@media screen and (max-width: 767px) {
	.btn-area .mz-block-image-tiles li {
		margin-bottom: 1.8rem;
	}
}


/* ----------------------------------------
コメント
---------------------------------------- */
.comment-box p {
	font-weight: 400;
	line-height: 1.9;
}
.comment-box .question {
	color: #0067a8;
}
@media screen and (max-width: 767px) {
	.comment-box p {
		line-height: 1.8;
	}
}


/* ----------------------------------------
What’s in the bag?
---------------------------------------- */
.clubset-area .ttl-box h4 {
	font-family: "garamond-premier-pro",serif;
}
.clubset-area .ttl-box h4 span {
	display: inline-block;
	padding: 8px 20px 4px 20px;
	background-color: #fff;
	border-radius: 40px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
}
.clubset-area .spec-box {
	margin-left: 0;
}
.clubset-area .spec-box .image-area {
	padding-left: 0;
	padding-right: 20px;
}
.clubset-area .spec-box p {
	font-weight: 400;
	line-height: 1.8;
}
.craftman-box {
	padding: 40px;
	background-color: #fff;
	border-radius: 10px;
}
.craftman-box .title h5 {
	line-height: 1.7;
}
.craftman-box .title h5 span {
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 400;
}
.craftman-box p {
	font-weight: 400;
	line-height: 1.8;
}

@media screen and (max-width: 767px) {
	.clubset-area .ttl-box h4 span {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.clubset-area .spec-box {
		margin-left: 0;
	}
	.clubset-area .spec-box .image-area {
		margin: 0 40px 30px;
		padding: 0 15px;
	}
	.clubset-area .spec-box .desc-area {
		padding-left: 0;
	}
	.clubset-area .spec-box p {
		line-height: 1.7;
	}
	.craftman-box {
		padding: 20px;
	}
	.craftman-box .title h5 {
		line-height: 1.4;
	}
	.craftman-box .title h5 span {
		font-size: 13px;
		font-size: 1.3rem;
	}
	.craftman-box p {
		line-height: 1.6;
	}
}


/* ----------------------------------------
バナーエリア
---------------------------------------- */
.bnr-area {
}

@media screen and (max-width: 767px) {
	.bnr-area .mz-block-title-and-text .title h4 {
		text-align: left;
	}
}


/* ----------------------------------------
共通
---------------------------------------- */
.layout--multicol-section {
	align-items: center;
}

@media screen and (max-width: 767px) {
	.px-20-sp {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}