/*--------------------------------------

【共通】

---------------------------------------*/
:root {
	--guide-mincho-font:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.section__ttl-box {
	margin-bottom: 20px;
}
.pc-non {
	display:none;
}
.sp-non {
	display: block;
}
.section__ttl {
	position: relative;
	font-size: 2.0rem;
	text-align: center;
	.ttl__sub {
		font-size: 2.0rem;
		line-height: 2.5em;
	}
	.ttl__big {
		font-size: 3.0rem;
	}
	.ttl__big.ttl_number {
		position: relative;
		font-size: 3.5rem;
	}
	.ttl__main--pc {
		display:inline-block;
		position: relative;
		line-height: 3.0rem;
		&::before {
			content:"";
			position: absolute;
			top:45%;
			left:-60px;
			display: inline-block;
			width:50px;
			height:1px;
			background-color: #333;
			transform: translateY(-50%);
		}
		&::after {
			content:"";
			position: absolute;
			top:45%;
			right:-60px;
			display: inline-block;
			width:50px;
			height:1px;
			background-color: #333;
			transform: translateY(-50%);
		}
	}
}
.section__description {
	margin-bottom: 20px;
	text-align: center;
}
/*ボタン*/
.btn__link {
	position: relative;
	display: block;
	width: 80%;
	margin: 0 auto;
	border: 1px solid rgba(255, 255, 255, 0.45);
	background: var(--color-secondary);
	color: var(--color-neutral-white);
	text-align: center;
	a {
		font-family: var(--guide-mincho-font);
		color: #fff;
		text-decoration: none;
	}
	.btn__arrow {
		position:absolute;
		top:50%;
		right:20px;
		display: inline-block;
		width:20px;
		height:20px;
		transform: translateY(-50%);
		img {
			width:100%;
			height: 100%;
			object-fit: contain;
		}
	}
}
#container::after {
	content: "";
	display: block;
	clear: both;
}
/* ---------------------------------------------------
	MV
---------------------------------------------------*/
#keyvisual {
	position: relative;
	width:1200px;
	height:420px;
	overflow: hidden;
	background: url(../img/guide/guide-mv-bg_sp.webp) no-repeat 50% 50%/cover;
	color: #fff;
	&::after {
		content: "";
		display: inline-block;
		position:absolute;
		top:-40px;
		right:-30px;
		height: 700px;
		width: 600px;
		background: url(../img/guide/guide-mv-human.webp) no-repeat right/contain;
	}
	.keyvisual__ttl-catch {
		position:absolute;
		top:10rem;
		left:35px;
		width: 100%;
		padding-top: 1rem;
		padding-bottom: 1rem;
		padding-left: 3rem;
		font-family: 'Zen Old Mincho', serif;
		line-height: 1.5em;
		font-size: 3.8rem;
		letter-spacing: 0.2rem;
		span:first-child::after {
			content: "";
			display: inline-block;
			position:absolute;
			top:19px;
			left:-10px;
			width: 3.8rem;/*文字サイズに合わせる*/
			height: 3.8rem;
			background: url(../img/guide/guide-beginner.webp) no-repeat center/contain;
			vertical-align:-20%;
		}
		span:nth-of-type(2) {
			position: relative;
			left:-3px;
		}
	}
	.keyvisual__ttl-sub {
		position:absolute;
		top:21rem;
		z-index: 1;
		padding-left: 3rem;
		line-height: 1.5em;
		font-size: 1.9rem;
		letter-spacing: 0.1rem;
		text-shadow: 0px 0px 10px rgb(35, 35, 35);
		p:first-child {
			margin-bottom: 10px;
		}
	}
}
/* ---------------------------------------------------
	パンくずリスト
---------------------------------------------------*/
#bc {
	padding: 7px 0 7px 10px;
}
/* ---------------------------------------------------
	日晃堂では丁寧に、本来の価値を目利き
---------------------------------------------------*/
#intro {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	width:990px;
	height:360px;
	margin:0px 0 40px 0;
	padding-left:30px;
	box-sizing: border-box;
	background-color: var(--color-neutral-white);
	.intro__ttl {
		margin-bottom: 10px;
		font-size: 2.5rem;
		line-height: 3.5rem;
		text-align: center;
	}
	.intro__gold-font {
		color:#b59b0b;
	}
	.intro__ttl-box {
		order:1;
	}
	.intro__img {
		order:3;
		align-self: flex-end;
		width: 350px;
		height: 300px;
		margin-right:30px;
		img {
			width:100%;
			height:100%;
			object-fit: cover;
		}
	}
	.intro__txt {
		order:2;
		p:first-child {
			margin-bottom: 10px;
		}
		span {
			position: relative;
			text-decoration: underline;
			text-decoration-color: #FFEABE;
			text-decoration-thickness: 5px;
			text-underline-offset: -2px;
		}
	}
}
/* ---------------------------------------------------
	３つの買取方法
---------------------------------------------------*/
#method {
	margin-bottom:40px;
	padding:20px 0 30px 0;/*タイトルの上下幅の余白を考慮し、上部の余白を30px→20px*/
	background-color: var(--color-neutral-white);
	.tab-button {
		display: flex;
		justify-content: space-between;
		width:900px;
		list-style: none;
		height: fit-content;
		margin:0 auto -1px auto;
		text-align: center;
		cursor: pointer;
	}
	.tab-item:nth-child(2) {
		border-left: #fff 1px solid;
		border-right: #fff 1px solid;
	}
	.tab-item:nth-child(3) {/*1ピクセル分段差ができるので調整*/
		border-right: var(--color-secondary) 1px solid;
	}
	.tab-item:nth-child(3).is-active {/*1ピクセル分段差ができるので調整*/
		border-right: var(--color-primary) 1px solid;
	}
	.tab-item.is-active {
		background: #172E4C;
	}
	.tab-item {
		width: calc(100% / 3 );
		padding: 8px 0;
		font-family: var(--guide-mincho-font);
		font-size: 1.9rem;
		color: #FFF;
	}
	.tab-item:not(.is-active) {
		background:#41586D;
	}

	.method-content {
		display: none;
	}
	.method-content.is-display {
		display: block;
	}
	.method-content__inner {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		width:900px;
		margin:0 auto;
		padding:40px 60px;
		box-sizing: border-box;
		background: var(--color-primary);
		color: #fff;
	}
	.method-content__ttl {
		display: block;
		order: 1;
		width: 100%;
		margin-bottom:20px;
		font-size: 2.7rem;
		font-family: var(--guide-mincho-font);
		text-align: center;
	}
	.method-content__img {
		order:2;
		width: 420px;
		height:210px;
		img {
			width: 100%;
			height:100%;
			object-fit: cover;
		}
	}
	.method-content__txt {
		order:4;
		margin-bottom: 20px;
		p:first-child {
			margin-bottom: 10px;
		}
		p:nth-child(2) {
			font-size:1.4rem;
		}
	}
	/*おすすめポイント*/
	.method-content__point-box {
		order:3;
		width: 320px;
		height:210px;
		margin-bottom:20px;
		padding: 30px 20px 18px 20px;
		box-sizing: border-box;
		background-color: transparent;
		border: var(--color-neutral-white) 2px solid;
		color: #333;
	}
	.point-box__ttl {
		position: relative;
		margin-bottom: 10px;
		color: var(--color-neutral-white);
		font-weight: bold;
		line-height: 45px;
		text-decoration: underline;
		text-decoration-color: #F9BC58;
		text-decoration-thickness: 2px;
		text-underline-offset: 7px;
		text-align: center;
		&::before {
			content:"";
			position: relative;
			top:10px;
			display: inline-block;
			width:30px;
			height:30px;
			background: url(../img/guide/guide-light-icon.webp) no-repeat center/contain;
		}
	}
	.point-box__list {
		margin: 0 auto;
		width: fit-content;
		color: var(--color-neutral-white);
		font-weight: bold;
		li::before {
			content:"";
			position: relative;
			top:3px;
			left: -3px;
			display: inline-block;
			width:15px;
			height:15px;
			background: url(../img/guide/guide-check-icon.webp) no-repeat center/contain;
		}
	}
	.btn__link {
		order: 5;
		width: 245px;
		box-sizing: border-box;
		text-align: left;
		overflow: hidden;
		a {
			display: inline-block;
			padding: 0.7em 0 0.7em 20px;
			height:100%;
			width:100%;
			text-align: left;
		}
	}
}
/* ---------------------------------------------------
	買取の流れ
---------------------------------------------------*/
#flow {
	margin-bottom:40px;
	padding:20px 0 30px 0;/*タイトルの上下幅の余白を考慮し、上部の余白を30px→20px*/
	background-color: var(--color-neutral-white);
	.flow__ttl-box {
		position:relative;
		margin-bottom: 20px;
	}
	.ttl__sub {
		position: relative;
		&::before {
			content:"";
			display: inline-block;
			position: absolute;
			top:-3px;
			left:-25px;
			width: 25px;
			height:25px;
			background: url('../img/guide/guide-beginner.webp') no-repeat center / contain;
		}
	}
	.ttl__big {
		font-size: 2.5rem;
	}
	.section__description {
		margin-bottom: 20px;
		padding:0 20px;
		text-align: center;
	}

	.flow-swiper__ttl {
		order:1;
		position: relative;
		left:-10px;
		align-self: center;
		margin-bottom:20px;
		font-family: var(--guide-mincho-font);
		font-size: 2.5rem;
	}
	.flow-swiper__ttl-bar {
		position:relative;
		display: inline-block;
		height:fit-content;
		padding: 0 10px;
	}
	.flow-swiper__ttl-bar::after {
		content:"";
		position:absolute;
		bottom:0;
		display: inline-block;
		width:1px;
		height:2.5rem;
		background-color: #fff;
		transform: translateY(3px);
	}
	p:first-of-type {
		margin-bottom: 10px;
	}
	.flow-swiper__inner {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		width:900px;
		height:310px;
		padding:0 40px;
		box-sizing: border-box;
		 .flow-swiper__img {
			order:4;
			align-self: flex-end;
			width:310px;
			height:230px;
			margin-bottom: 10px;
			img {
				width: 100%;
				height:100%;
				object-fit: cover;
			}
		}
		.swiper__text {
			position: relative;
			order:2;
			width: 470px;
			text-align: left;
		}
		.btn__link {
			order:3;
			margin-top:20px;
			width:310px;
			text-align: left;
			a {
				display: inline-block;
				width:100%;
				height:100%;
				padding: 0.7em 0 0.7em 20px;
			}
		}
	}
	/*アコーディオン（開閉アニメーションはguide-function.js）*/
	.accordion {
		margin: 20px auto 0 auto;
		width: 700px;
		border: 2px solid #41586d;
		background-color: #41586d;
	}
	.accordion__summary {
		display: flex;
		padding: 12px 20px;
		justify-content: space-between;
		align-items: center;
		position: relative;
		font-size: 1.7rem;
		font-weight: 600;
		font-family: var(--guide-mincho-font);
		color: #fff;
		cursor: pointer;
		span {
			position: relative;
			left:200px;
		}
	}
	.accordion__summary::after {
		content: "";
		display: inline-block;
		width: 8px;
		height: 8px;
		margin-left: 5px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: rotate(45deg);
		transition: transform 0.3s ease;
	}
	.accordion.is-open .accordion__summary::after {
		transform: rotate(-135deg);
	}
	.accordion__content {
		overflow: hidden;
		max-height: 0;
		background-color: var(--color-secondary);
		transition: max-height 0.4s ease;
	}
	.accordion__text {
		padding: 12px 20px;
		color: #333;
		font-size: 1.6rem;
		line-height: 1.6;
		&:nth-of-type(1) {
			padding-top: 0;
			margin-bottom: 0;
			text-align: center;
			color: var(--color-neutral-white);
		}
		&:nth-of-type(2) {
			font-weight: bold;
			background-color: var(--color-neutral-white);
		}
	}
}
/*Swiper設定ここから（ライブラリ関係でネスト対象外）*/
#flow .flow__swiper {
	width: 900px;
	height: 344px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
#flow .swiper-wrapper {
	height:310px;
}
.swiper-slide.flow-slide {
	position: relative;
	color: #ffffff;
	width: 100%;
	height: 100%;
	background: var(--color-primary);
	text-align: center;
}
.flow__button-prev,
.flow__button-next {
	/*スライダーのボタンであることがわかりやすいようボタン上部の余白を20px→10px*/
	position: absolute;
	bottom:0;
	z-index: 10;
	width: 24px;
	height: 24px;
	background: no-repeat center / contain;
	cursor: pointer;
}
.flow__button-next {
	right: calc(50% - 70px);
	background-image: url('../img/guide/guide-slide-icon.webp');
	transform: scaleX(-1);
}
.flow__button-prev {
	left: calc(50% - 70px);
	background-image: url('../img/guide/guide-slide-icon.webp');
}
.flow__button-prev::after,
.flow__button-next::after {
	display: none;
}
.flow__pagination {
	position: relative;
	width:fit-content;
	top:9px;
	left:50%;
	height:40px;
	transform: translateX(-50%);
}
#flow .swiper-pagination-bullet {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #8b8b8b;
	opacity: 0.5;
	border-radius: 50%;
	margin: 0 5px;
}
#flow .swiper-pagination-bullet-active {
	opacity: 1;
	background: #333;
}
/*Swiperここまで*/

/*--------------------------------------------------------
クーリングオフの流れ(cooling-flow)
--------------------------------------------------------*/
#cooling-flow {
	margin-bottom: 40px;
	padding:20px 20px 30px 20px;/*タイトルの上下幅の余白分を考慮し、タイトル上部の余白30px→20px*/
	background-color: #FFFCF7;
	.cooling-flow__ttl {
		display: flex;
		justify-content: center;
		align-items:center;
		margin-bottom:20px;
		font-size: 2.7rem;
		font-family: var(--guide-mincho-font);
		.cooling-flow__icon {
			position: relative;
			top:-3px;
			width:60px;
			img {
				width: 100%;
				height:100%;
				object-fit: contain;
			}
		}
		.cooling-flow__ttl--main {
			padding: 0 1rem;

			font-size: 3.0rem;
		}
	}
	.cooling-flow__description {
		text-align: center;
		margin-bottom:20px;
	}
	/*こんな時に安心*/
	.cooling__box--calm {
		position: relative;
		width: 800px;
		margin: 0 auto 35px auto;/*カンプでは「安心の3step」タイトルの余白もあるので、「こんな時に安心」とタイトル間の余白30px→35px*/
		border-radius: 30px;
		box-sizing: border-box;
		background-color: #D5AD5D;
		.cooling__box--calm-ttl {
			padding:10px 0;
			color: var(--color-neutral-white);
			font-size: 2.5rem;
			font-family: var(--guide-mincho-font);
			text-align: center;
		}
		.cooling__box--calm-content {
			display: flex;
			flex-direction: row;
			justify-content: flex-end;
			width: 800px;
			padding:20px 70px 20px 20px;
			box-sizing: border-box;
			border-radius: 0 0 30px 30px;
			background-color: #F5ECD3;
			.cooling__box--calm-img {
				position: absolute;
				bottom:0;
				left:10px;
				width:420px;
				height:150px;
				overflow: hidden;
				img {
					object-position:bottom;
					width: 100%;
					height:100%;
					object-fit: contain;
				}
			}
			.cooling__box--calm-list {
				li {
					position: relative;
					&::before {
						content: "";
						position: absolute;
						top:4px;
						left:-17px;
						display: inline-block;
						width: 15px;
						height: 15px;
						background: url('../img/guide/guide-cooling-check-icon.webp') no-repeat center / contain;
					}
				}
				li + li {
					margin-top: 10px;
				}
			}
		}
	}
	/*クーリングオフは安心の3step*/
	.cooling-flow__ttl-box {
		display: flex;
		align-items: baseline;
		gap:2px;
		position: relative;
		width: fit-content;
		margin: 0 auto 35px auto;
		text-align: center;
		.cooling-flow__ttl {
			display: inline-block;
			margin-bottom: 1px;
		}
		.cooling-flow__ttl-sub {
			display: inline-block;
			font-family: var(--guide-mincho-font);
			font-size: 2.0rem;
			font-weight: 600;
		}
		&::before {
			content:"";
			display: inline-block;
			position: absolute;
			top:50%;
			left:-40px;
			width:30px;
			height:1px;
			background-color: var(--color-txt);
		}
		&::after {
			content:"";
			display: inline-block;
			position: absolute;
			top:50%;
			right:-40px;
			width:30px;
			height:1px;
			background-color: var(--color-txt);
		}
	}
	/*フローチャート図*/
	.cooling-flow__list {
		width: 100%;
		box-sizing: border-box;
		padding:0 10px;
		margin: 0 auto;
		ol {
			display: flex;
			justify-content: space-between;
		}
		ol li {
			flex: 0 0 calc(33.33% - 26px);
			position: relative;
			&:not(:last-child)::after {
				content: '';
				width: 22px;
				height: 22px;
				position: absolute;
				bottom: -27px;
				left: calc(50% - 9px);
				transform: rotate(90deg);
			}
			&:nth-last-of-type(1) {
				margin-bottom: 0;
			}
			&:first-child::after {
				background: no-repeat center/contain url(../img/common/flow_right-arrow_a.webp);
			}
			&:nth-child(2)::after {
				background: no-repeat center/contain url(../img/common/flow_right-arrow_b.webp);
			}
			&:not(:last-child)::after {
			bottom: auto;
			left: auto;
			top: calc(50% - 12px);
			right: -26px;
			transform: none;
			}
		}
		.cooling-flow__box {
			width: 290px;
			height: 230px;
			border-radius: 30px;
			box-sizing: border-box;
			color: #fff;
			padding: 40px 2px 10px 4px;
			position: relative;
			.cooling-flow__list-ttl {
				font-family: var(--mincho-font);
				font-size: 2.5rem;
				margin-bottom: 20px;
				position: relative;
				text-align: center;
				&::after {
					content: '';
					width: 3.2rem;
					height: 0.3rem;
					background: var(--accent-y-color);
					position: absolute;
					left: calc(50% - 1.6rem);
					bottom: -1.5rem;
				}
			}
			.cooling-flow__list-number {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 48px;
				aspect-ratio: 1 / 1;
				background: #fff;
				border: 3px solid;
				border-radius: 100%;
				font-family: var(--mincho-font);
				font-size: 2rem;
				position: absolute;
				top: -24px;
				left: calc(50% - 24px);
			}
		}
		.cooling-flow__box--first {
			background: #597498;
			.cooling-flow__list-number {
				border-color: #597498;
				color: #597498;
			}
			.cooling-flow__img-wrap {
				width:fit-content;
				margin: auto 10px auto auto;
				transform: translateX(-5px);
			}
		}
		.cooling-flow__box--second {
			background: #29466B;
			.cooling-flow__list-number {
				border-color: #29466B;
				color: #29466B;
			}
		}
		.cooling-flow__box--third {
			background: var(--color-primary);
			.cooling-flow__list-number {
				border-color: var(--color-primary);
				color: var(--color-primary);
			}
		}
		.cooling-flow__box--second .cooling-flow__img-wrap,
		.cooling-flow__box--third .cooling-flow__img-wrap {
			margin: auto 10px auto auto;
		}
		.cooling-flow__content-wrap {
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
			.cooling-flow__content-txt {
				padding:0 10px;
				line-height: 1.5;
				margin: 10px auto 15px auto;
			}
			.cooling-flow__img-wrap {
				margin: 0 auto;
			}
			.cooling-icon {
				width: 50px;
				img {
					width:100%;
					object-fit: contain;
				}
			}
		}
	}
}
/* ---------------------------------------------------
	３つの強み
---------------------------------------------------*/
#strength {
	margin-bottom: 40px;
	padding: 20px 0 20px 0;/*上下の余白は、タイトルやスライダーボタン分の余白を考慮して-10pxしている*/
	background-color: var(--color-neutral-white);
	/*共通部分書き換え*/
	.section__description {
		padding-right:20px;
		padding-left: 20px;
	}
	.strength-swiper__ttl {
		order:1;
		position: relative;
		left:-10px;
		align-self: center;
		margin-bottom:20px;
		font-family: var(--guide-mincho-font);
		font-size: 2.5rem;
	}
	.strength-swiper__ttl-bar {
		position:relative;
		display: inline-block;
		height:fit-content;
		padding: 0 10px;
	}
	.strength-swiper__ttl-bar::after {
		content:"";
		position:absolute;
		bottom:0;
		display: inline-block;
		width:1px;
		height:2.5rem;
		background-color: #fff;
		transform: translateY(3px);
	}
	p:first-of-type {
		margin-bottom: 10px;
	}
	.strength-swiper__inner {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		width:900px;
		height:310px;
		padding:0 40px;
		box-sizing: border-box;
		 .strength-swiper__img {
			order:3;
			align-self: flex-end;
			width:310px;
			height:230px;
			margin-bottom: 10px;
			img {
				width: 100%;
				height:100%;
				object-fit: cover;
			}
		}
		.swiper__text {
			position: relative;
			order:2;
			width: 470px;
			text-align: left;
		}
		.strength-swiper__accent-font {
			color:var(--color-accent-light);
		}
	}
}
/*Swiper設定ここから（ライブラリ関係でネスト対象外）*/
#strength .swiper {
	width: 900px;
	height: 344px;
}
#strength .swiper-wrapper {
	height: 310px;
}
.swiper-slide.strength-slide {
	position: relative;
	color: #ffffff;
	width: 100%;
	height: 100%;
	background: var(--color-primary);
	text-align: center;
}
.strength__button-prev,
.strength__button-next {/* ボタン上部の余白を20px→10pxに（flowのスライダーの余白に統一） */
	position: absolute;
	bottom:0px;
	z-index: 10;
	width: 24px;
	height: 24px;
	background: no-repeat center / contain;
	cursor: pointer;
}
.strength__button-next {
	right: calc(50% - 70px);
	background-image: url('../img/guide/guide-slide-icon.webp');
	transform: scaleX(-1);
}
.strength__button-prev {
	left: calc(50% - 70px);
	background-image: url('../img/guide/guide-slide-icon.webp');

}
.strength__button-prev::after,
.strength__button-next::after {
	display: none;
}
.strength__pagination {
	position: relative;
	width:fit-content;
	top:9px;
	left:50%;
	height:40px;
	transform: translateX(-50%);
}
#strength .swiper-pagination-bullet {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #8b8b8b;
	opacity: 0.5;
	border-radius: 50%;
	margin: 0 5px;
}
#strength .swiper-pagination-bullet-active {
	opacity: 1;
	background: #333;
}
/*Swiperここまで*/

/* ---------------------------------------------------
	お客様の声
---------------------------------------------------*/
#voice.voice-box {
	margin-bottom: 40px;
	background-color: var(--color-primary)!important;/*common_spを上書き*/
}
/* -----------------------------------------------
	大切にしていること
---------------------------------------------------*/
.taisetsu {
	position: relative;
	z-index: 0;
	margin-bottom: 40px;
	padding: 40px 0;
	background-color:#FFFCF7;
}

.taisetsu::before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 237px;
	height: 217px;
	background-image: url(../img/guide/taisetsu_bg01.webp);
	background-size: contain;
	vertical-align: middle;
	content: '';
}

.taisetsu::after {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 222px;
	height: 129px;
	background-image: url(../img/guide/taisetsu_bg02.webp);
	background-size: contain;
	vertical-align: middle;
	content: '';
}

.taisetsu .taisetsu__title-box {
	margin-bottom: 25px;
}

.taisetsu .taisetsu__title-box .taisetsu__title {
	position: relative;
	color:#172E4C;
	font-size: 26px;
	text-align: center;
}

.taisetsu .taisetsu__title-box .taisetsu__title::before {
	display: inline-block;
	position: absolute;
	top: 12%;
	left: 0;
	z-index: 2;
	width: 303px;
	height: 18px;
	background-image: url(../img/guide/taisetsu_title_bg.webp);
	background-size: contain;
	vertical-align: middle;
	content: '';
}

.taisetsu .taisetsu__title-box .taisetsu__title::after {
	display: inline-block;
	position: absolute;
	top: 12%;
	right: 0;
	width: 303px;
	height: 18px;
	background-image: url(../img/guide/taisetsu_title_bg.webp);
	background-size: contain;
	vertical-align: middle;
	content: '';
}

.taisetsu .taisetsu__main {
	display: flex;
	flex-direction:row-reverse;
	justify-content: space-between;
	padding: 0 40px;
}

.taisetsu .taisetsu__main .taisetsu__img {
	z-index: 2;
	width: 395px;
	height: 336px;
}

.taisetsu .taisetsu__main .taisetsu__text {
	z-index: 2;
	width: 459px;
}

.taisetsu .taisetsu__main .taisetsu__text p:not(:last-child) {
	margin-bottom: 17px;
	line-height: 24px;
}

.taisetsu .taisetsu__main .taisetsu__text .taisetsu__logo {
	display: block;
	width: 77px;
	height: auto;
	margin: 0 auto;
	margin-top: 20px;
}
/*CTA*/
.contact {
	margin-bottom: 40px;/*common_ver3を上書き*/
}