@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  汎用
**************************************************
--------------------------------------------------*/
main.sub_page .link_1 {
	padding-block: 12px;
}

.fitting_content_1 .fitting_image_box {
	display: flex;
	gap: 32px;
	margin-top: 64px;
}

.fitting_content_1 .fitting_image_2_3 {
	display: flex;
	gap: 21px;
}

.fitting_content_1 .fitting_image_text {
	margin-top: 32px;
	font-size: 2.3rem;
	font-weight: 500;
	line-height: 1.6;
}

.fitting_content_1 .fitting_image_text .note {
	vertical-align: super;
	font-size: 1.4rem;
}

.fitting_content_1 .text_1 {
	margin-top: 24px;
	font-size: 1.4rem;
	line-height: 1.8;
}

.fitting_content_1 .text_2 {
	margin-top: 8px;
	font-size: 1.2rem;
	line-height: 1.6;
}

.fitting_content_1 .sub_page_cta_box {
	display: flex;
	justify-content: center;
	margin-top: 64px;
}

.fitting_slider_wrap {
	position: relative;
	overflow: visible;
	width: min(100%, var(--content-pc-width-2));
	margin-inline: auto;
	padding-inline: 64px;
}

.fitting_slide_box.swiper {
	overflow: hidden;
}

.fitting_slide_box .swiper-wrapper {
	align-items: stretch;
	padding-inline: 0;
}

.fitting_slide_box .swiper-slide {
	max-width: none;
	height: auto;
}

.fitting_slide_box picture,
.fitting_slide_box img {
	display: block;
	width: 100%;
}

.fitting_slide_box img {
	object-fit: cover;
	height: auto;
}

.fitting_slider_wrap .swiper-button-prev,
.fitting_slider_wrap .swiper-button-next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	width: 14px;
	height: 28px;
}

.fitting_slider_wrap .swiper-button-prev {
	left: 0;
	background: url(../imgs/common/arrow_4.svg) no-repeat left center / 100% 100%;
}

.fitting_slider_wrap .swiper-button-next {
	right: 0;
	background: url(../imgs/common/arrow_5.svg) no-repeat left center / 100% 100%;
}

/* SP */
@media screen and (max-width: 767px) {
	.fitting_content_1 .fitting_image_box {
		flex-direction: column;
		gap: 16px;
		margin-top: 30px;
	}

	.fitting_content_1 .fitting_image_2_3 {
		gap: 16px;
	}

	.fitting_content_1 .fitting_image_text {
		margin-top: 24px;
		font-size: 1.8rem;
	}

	.fitting_content_1 .text_2 {
		font-size: 1.0rem;
	}

	.fitting_content_1 .sub_page_cta_box {
		margin-top: 48px;
	}

	.fitting_slider_wrap {
		padding-inline: 30px;
	}
}


/*--------------------------------------------------
**************************************************
  ページ内ジャンプ
**************************************************
--------------------------------------------------*/

/*-- style.css に記載 --*/



/*--------------------------------------------------
**************************************************
  CLUB FITTING（クラブ・フィッティング）
**************************************************
--------------------------------------------------*/
.club_box {
	margin-top: 35px;
}

.club_box .step_section {
	margin-top: 64px;
}

.club_box .fitting_slider_wrap {
	margin-top: 64px;
}

/* SP */
@media screen and (max-width: 767px) {
	.club_box .step_section {
		margin-top: 48px;
	}

	.club_box .fitting_slider_wrap {
		margin-top: 48px;
	}
}


/*--------------------------------------------------
**************************************************
  WEDGE FITTING（ウェッジ・フィッティング）
**************************************************
--------------------------------------------------*/
.wedge_box {
	margin-top: 120px;
	padding: 120px 0;
	border-top: var(--color-light) 1px solid;
}

.wedge_box .step_section {
	margin-top: 64px;
}

.wedge_box .fitting_slider_wrap {
	margin-top: 64px;
}

/* SP */
@media screen and (max-width: 767px) {
	.wedge_box {
		margin-top: 60px;
		padding: 60px 0;
	}

	.wedge_box .step_section {
		margin-top: 48px;
	}

	.wedge_box .fitting_slider_wrap {
		margin-top: 48px;
	}
}


/*--------------------------------------------------
**************************************************
  PUTTER FITTING（パター・フィッティング）
**************************************************
--------------------------------------------------*/
.putter_box {
	margin-top: 120px;
	padding: 120px 0;
	border-top: var(--color-light) 1px solid;
}

.putter_box .step_section {
	margin-top: 64px;
}

/* SP */
@media screen and (max-width: 767px) {
	.putter_box {
		margin-top: 0;
		padding: 60px 0;
	}

	.putter_box .step_section {
		margin-top: 48px;
	}
}


/*--------------------------------------------------
**************************************************
  4plusが選ばれる理由
**************************************************
--------------------------------------------------*/
.reason_bg_box {
	width: 100%;
	padding: 90px 0 120px;
	background: #F0F0F0;
	border-top: #DEDEDE 1px solid;
	border-bottom: #DEDEDE 1px solid;
	box-shadow: 0px 0px 18px 0px #0000001A;
}

.reason_box {
	width: min(var(--content-sp-width-1), var(--content-pc-width-2));
	margin-inline: auto;
}

.reason_box .reason_heading_1 {
	text-align: center;
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 1.4;
	color: var(--color-accent-5);
}

.reason_box .reason_heading_2 {
	padding: 7px 20px 5px;
	background: #FFFFFA;
	border: var(--color-accent-3) 1px solid;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.6;
	color: var(--color-accent-3);
}

.reason_box .reason_heading_3 {
	padding: 7px 20px 5px;
	background: var(--color-accent-4);
	border: var(--color-accent-4) 1px solid;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.6;
	color: #FFFFFA;
}

.reason_box .reason_heading_4 {
	display: inline-block;
	padding: 4px 16px;
	background: #E3E3E3;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 500;
}

.reason_box .reason_heading_5 {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--color-accent-4);
}

.reason_box .reason_item_1 {
	margin-top: 40px;
}

.reason_box .reason_item_1 > p:nth-of-type(1) {
	margin-top: 24px;
	font-size: 1.4rem;
	line-height: 1.88;
}

.reason_box .reason_item_1 .reason_flexbox_1 {
	display: flex;
	gap: 32px;
	margin-top: 64px;
}

.reason_box .reason_item_1 .reason_image_1 + div {
	width: min(100%, 448px);
}

.reason_box .reason_item_1 .reason_heading_4 + p {
	margin-top: 16px;
	font-size: 1.2rem;
}

.reason_box .reason_item_1 .reason_image_2 {
	margin-top: 24px;
}

.reason_box .reason_item_2 {
	margin-top: 80px;
}

.reason_box .reason_item_2 .reason_flexbox_2 {
	display: flex;
	gap: 32px;
	margin-top: 48px;
}

.reason_box .reason_item_2 .reason_flexbox_2 + .reason_flexbox_2 {
	margin-top: 32px;
}

.reason_box .reason_item_2 .reason_flexbox_item_image {
	width: 192px;
}

.reason_box .reason_item_2 .reason_flexbox_item_body {
	width: calc(100% - 192px);
}

.reason_box .reason_item_2 .reason_flexbox_item_heading {
	font-size: 1.5rem;
	font-weight: 500;
}

.reason_box .reason_item_2 .reason_flexbox_item_heading span {
	font-size: 1.2rem;
	font-weight: 400;
}

.reason_box .reason_item_2 .reason_flexbox_item_text {
	margin-top: 8px;
	font-size: 1.4rem;
}

.reason_box .reason_item_3 {
	margin-top: 80px;
}

.reason_box .reason_item_3 .reason_flexbox_3 {
	display: flex;
	gap: 32px;
	margin-top: 48px;
}

.reason_box .reason_item_3 .reason_image_6 {
	width: 311px;
}

.reason_box .reason_item_3 .reason_image_6 + div {
	width: calc(100% - 311px);
}

.reason_box .reason_item_3 .reason_image_6 + div > p:nth-of-type(1) {
	font-size: 1.4rem;
	line-height: 1.88;
}

.reason_box .reason_item_3 .reason_image_6 + div > p:nth-of-type(2) {
	margin-top: 8px;
	font-size: 1.2rem;
	line-height: 1.6;
}

.reason_box .reason_item_4 {
	margin-top: 80px;
}

.reason_box .reason_item_4 > p:nth-of-type(1) {
	margin-top: 24px;
	text-align: center;
	font-size: 3.4rem;
	font-weight: 600;
	line-height: 1.4;
	color: var(--color-accent-4);
}

.reason_box .reason_item_4 > p:nth-of-type(2) {
	width: min(100%, 736px);
	margin: 24px auto 0;
	text-align: center;
}

.reason_box .reason_item_4 > ol {
	counter-reset: merit-num 0;
	width: min(100%, 664px);
	margin: 48px auto 0;
}

.reason_box .reason_item_4 > ol li {
	width: 100%;
	padding: 16px;
	background: #FFFFFA;
	border: var(--color-accent-3) 1px solid;
	border-radius: 8px;
}

.reason_box .reason_item_4 > ol li + li {
	margin-top: 28px;
}

.reason_box .reason_item_4 > ol li .reason_heading_5 {
	position: relative;
	padding-left: 40px;
}

.reason_box .reason_item_4 > ol li .reason_heading_5::before {
	counter-increment: merit-num 1;
	content: counter(merit-num);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	background: var(--color-accent-3);
	border-radius: 50%;
	font-family: "Inter", sans-serif;
	font-size: 1.9rem;
	font-weight: 800;
	line-height: 1;
	color: #FFFFFA;
}

.reason_box .reason_item_4 > ol li > p {
	margin-top: 16px;
	font-size: 1.4rem;
	line-height: 1.88;
}

.reason_box .reason_item_4 .reason_image_7 {
	position: relative;
	margin-top: 60px;
	padding-top: 80px;
	text-align: center;
}

.reason_box .reason_item_4 .reason_image_7::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 75px;
	height: 30px;
	background: url(../imgs/common/arrow_6.svg) no-repeat left top / 100% 100%;
}

.reason_box .reason_item_4 .reason_image_7 p {
	margin-top: 8px;
	font-size: 1.2rem;
}

/* SP */
@media screen and (max-width: 767px) {
	.reason_bg_box {
		padding: 40px 0 60px;
	}

	.reason_box .reason_heading_1 {
		font-size: 2.8rem;
	}

	.reason_box .reason_heading_2 {
		font-size: 1.7rem;
	}

	.reason_box .reason_heading_4 {
		font-size: 1.4rem;
	}

	.reason_box .reason_heading_4 {
		display: block;
		padding: 4px 8px;
	}

	.reason_box .reason_item_1 {
		margin-top: 32px;
	}

	.reason_box .reason_item_1 > p:nth-of-type(1) {
		margin-top: 32px;
		padding: 0 16px;
	}

	.reason_box .reason_item_1 .reason_flexbox_1 {
		flex-direction: column;
		margin-top: 32px;
	}

	.reason_box .reason_item_1 .reason_image_1 + div {
		width: 100%;
	}

	.reason_box .reason_item_1 .reason_heading_4 + p {
		margin-top: 10px;
		padding: 0 16px;
		font-size: 1.4rem;
	}

	.reason_box .reason_item_1 .reason_image_2 {
		margin-top: 32px;
	}

	.reason_box .reason_item_2 {
		margin-top: 56px;
	}

	.reason_box .reason_item_2 .reason_flexbox_2 {
		flex-direction: column;
		margin-top: 32px;
	}

	.reason_box .reason_item_2 .reason_flexbox_item_image {
		margin-inline: auto;
	}

	.reason_box .reason_item_2 .reason_flexbox_item_body {
		width: 100%;
	}

	.reason_box .reason_item_2 .reason_flexbox_item_text {
		margin-top: 16px;
	}


	.reason_box .reason_item_3 {
		margin-top: 56px;
	}

	.reason_box .reason_item_3 .reason_flexbox_3 {
		flex-direction: column;
		margin-top: 32px;
	}

	.reason_box .reason_item_3 .reason_image_6 {
		width: 100%;
	}

	.reason_box .reason_item_3 .reason_image_6 + div {
		width: 100%;
	}

	.reason_box .reason_item_4 {
		margin-top: 56px;
	}

	.reason_box .reason_item_4 > p:nth-of-type(1) {
		font-size: 2.0rem;
	}

	.reason_box .reason_item_4 > p:nth-of-type(2) {
		line-height: 1.7;
	}

	.reason_box .reason_item_4 > ol {
		margin-top: 32px;
	}

	.reason_box .reason_item_4 .reason_image_7 {
		margin-top: 32px;
		padding-top: 60px;
	}
}