@charset "utf-8";
/*----------------------------------------------------------------------------------------

	page-sell.css

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

/* subheader //
////////////////////////////////////////////////////////////////////*/

.subheader_visual {
	height: 500px;
	background: url(../images/sell/bg_subheader.png) no-repeat center / cover;
}
.subheader_visual .subheader_visual_inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}
.subheader_visual .subheader_catch {
	position: relative;
}
.subheader_visual .subheader_catch::before {
	content: "";
	position: absolute;
	right: -149px;
	bottom: -72px;
	width: 435px;
	height: 148px;
	background-color: #fff;
  -webkit-mask: url(../images/sell/subheader-illustration.svg) no-repeat center / contain;
  mask: url(../images/sell/subheader-illustration.svg) no-repeat center / contain;
}
.subheader_visual .subheader_catch .ttl {
	position: relative;
	color: #fff;
	font-weight: 700;
	font-size: 48px;
	font-family: var(--font-gothic);
	line-height: 1.4;
	padding-bottom: 27px;
}
.subheader_visual .subheader_catch .ttl::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 3px;
	background-color: var(--acc2);
	border-radius: 2px;
}
.subheader_visual .subheader_catch .lead {
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	font-family: var(--font-gothic);
	line-height: 1.8;
	margin-top: 24px;
}
.subheader_visual .subheader_points {
	color: #fff;
	background:
		linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.15)),
		linear-gradient(rgba(46,98,86,0.65), rgba(46,98,86,0.65));
	width: 450px;
	padding: 40px 40px 32px;
	box-sizing: border-box;
	text-align: center;
}
.subheader_visual .subheader_points .ttl {
	color: #fff;
	font-weight: 700;
	font-size: 24px;
	font-family: var(--font-gothic);
	line-height: 1.4;
}
.subheader_visual .subheader_points ul {
	display: inline-flex;
	flex-direction: column;
	gap: 15px;
	margin-top: 24px;
}
.subheader_visual .subheader_points ul li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 4px;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	font-family: var(--font-gothic);
	line-height: 1.4;
}
.subheader_visual .subheader_points ul li::before {
	content: "";
	position: relative;
	display: inline-block;
	width: 21px;
	height: 16px;
	background-color: #fff;
  -webkit-mask: url(../images/common/icon-checkbox.svg) no-repeat center / contain;
  mask: url(../images/common/icon-checkbox.svg) no-repeat center / contain;
}
.subheader_visual .subheader_points ul li:nth-child(2n) {
	margin-left: 40px;
}
.subheader_visual .subheader_points .btn {
	margin-top: 28px;
}
.subheader_visual .subheader_points .btn .kome {
	font-size: 11px;
	font-weight: 500;
	line-height: 1.4;
	margin-top: 8px;
}

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

.subheader_bottom {
	background: #b5a680;
	background: url(../images/common/pattern-noise03.svg) repeat center / 1024px 1024px;
}
.subheader_bottom .subheader_bottom_inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
}
.subheader_bottom .bg_txt {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: #fff;
	font-weight: 700;
	font-size: 120px;
	font-family: var(--font-en);
	line-height: 1;
	opacity: 0.1;
}
.subheader_bottom .ttl {
	color: #fff;
	font-weight: 700;
	font-size: 28px;
	font-family: var(--font-gothic);
	line-height: 1.4;
}
.subheader_bottom .txt {
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.8;
}


/* oazukari //
////////////////////////////////////////////////////////////////////*/

.oazukari {
	margin-top: 48px;
	overflow: hidden;
}
.oazukari .oazukari_inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}
.oazukari .oazukari_head {
	flex: 1 1 auto;
}
.oazukari .oazukari_body {
	flex: 0 0 800px;
	width: 800px;
}

.oazukari .swiper_wrapper {
	width: 100%;
}
.oazukari .swiper_slide {
	width: 800px !important;
}


/* cases //
////////////////////////////////////////////////////////////////////*/

.cases {
	position: relative;
	margin-top: 80px;
	padding-bottom: 64px;
}
.cases::before {
	content: "";
	position: absolute;
	top: 38.5%;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--bgc1);
	background: url(../images/common/pattern-noise01.svg) repeat center / 1024px 1024px;
	z-index: -1;
}
.cases .sec_head01 {
	text-align: center;
}
.cases .sec_head01 .ttl {
	align-items: center;
}
.cases .cases_btn {
	text-align: center;
	margin-top: 20px;
}


/* news //
////////////////////////////////////////////////////////////////////*/

.news {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 88px;
}
.news .sec_head {
	margin-bottom: 0;
}
.news .news_btn {
	margin-top: 20px;
}
.news .news_items {
	flex: 0 0 800px;
}
.news .news_item a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 16px;
	border-bottom: 1px solid #ccc;
	padding: 26px 20px;
}
.news .news_item:first-child a {
	border-top: 1px solid #ccc;
}
.news .news_item a::after {
	content: "\f061"; /* arrow-right */
	display: inline-block;
	color: var(--acc1);
	font-size: 14px;
	font-weight: 900;
	font-family: 'Font Awesome 6 Free';
	line-height: 1;
	margin-left: 20px;
}
.news .news_item a .meta {
	display: flex;
	align-items: center;
	gap: 16px;
}
.news .news_item a time {
	font-size: 16px;
	line-height: 1;
}
.news .news_item a .cate-item {
	color: var(--acc1);
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	border: 1px solid var(--acc1);
	padding: 4px 10px;
	box-sizing: border-box;
}
.news .news_item a .ttl {
	font-size: 16px;
	line-height: 1.4;
	flex: 1;
	min-width: 0;
	/* white-space: nowrap; */
	overflow: hidden;
	text-overflow: ellipsis;
}


/* sateiform //
////////////////////////////////////////////////////////////////////*/

.satei {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	margin-top: 88px;
}
#satei > section {
	position: relative;
}

/* sateiform ///
---------------------------------------------- */
.section-sateiform {
	padding: 40px 60px;
}
.section-sateiform .sec_head02 {
	position: relative;
}
.section-sateiform .sec_head02 .img {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 242px;
	height: 67px;
}
.section-sateiform form {
	flex-direction: column;
}
.section-sateiform .steps {
	flex-direction: column;
	gap: 24px;
}
.section-sateiform .step {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	z-index: 1;
}
.section-sateiform .input::after {
	content: "\f103"; /* angles-down */
	top: auto;
	left: 50%;
	right: auto;
	bottom: -18px;
	transform: translateX(-50%);
}
.section-sateiform .submit {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 28px;
}
.section-sateiform .submit button {
	padding: 10px 12px 10px 24px;
	width: 232px;
	min-width: 0;
	margin-top: 0;
}
.section-sateiform .submit button::after {
	margin-left: 24px;
}

/* syuhendb ///
---------------------------------------------- */
.syuhendb {
	position: relative;
	color: #fff;
	background-color: var(--acc1);
	border-radius: 16px;
	padding: 40px 60px;
	overflow: hidden;
}
.syuhendb:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 8px;
	background-color: var(--acc2);
}
.syuhendb .sec_head02 {
	position: relative;
	margin-bottom: 24px;
}
.syuhendb .sec_head02 .img {
	content: "";
	position: absolute;
	top: -9px;
	right: 0;
	width: 107px;
	height: 74px;
}
.syuhendb .syuhendb-info .pic {
	width: 355px;
}
.syuhendb .syuhendb-info .txt {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
	margin-top: 14px;
}
.syuhendb .syuhendb_btn {
	text-align: right;
	margin-top: 16px;
}
.syuhendb .syuhendb_btn a span::before {
	background-color: #fff;
}
.syuhendb .syuhendb_btn a::after {
	background-color: var(--acc2);
}


/* teian //
////////////////////////////////////////////////////////////////////*/

.teian {
	position: relative;
	padding: 64px 0 80px;
	margin-top: 80px;
	overflow: hidden;
}
.teian::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--bgc1);
	background: url(../images/common/pattern-noise01.svg) repeat center / 1024px 1024px;
	z-index: -1;
}
.teian::after {
	content: "";
	position: absolute;
	right: -300px;
	bottom: -510px;
	width: 1105px;
	height: 1005px;
	background: url(../images/common/bg_deco_circle_double_w.svg) no-repeat center / contain;
	opacity: 0.4;
	z-index: -1;
}
.teian .sec_head01 .ttl {
	align-items: center;
	text-align: center;
}
.teian .teian-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	counter-reset: columcount;
}


/* bible //
////////////////////////////////////////////////////////////////////*/

.bible {
	position: relative;
	border-radius: 16px;
	padding: 48px 80px 40px;
	margin-top: 80px;
	box-sizing: border-box;
	overflow: hidden;
}
.bible::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--bgc1);
	background: url(../images/common/pattern-noise01.svg) repeat center / 1024px 1024px;
	z-index: -1;
}
.bible::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 8px;
	background-color: var(--acc1);
}
.bible .ttl {
	position: relative;
	font-size: 32px;
	font-weight: 700;
	font-family: var(--font-gothic);
	line-height: 1.4;
}
.bible .pic {
	position: absolute;
	top: 12px;
	right: 80px;
}
.bible .bible_txt {
	font-size: 16px;
	line-height: 1.8;
	margin-top: 16px;
}
.bible .bible_btn {
	margin-top: 24px;
}


/* link-bnr（kaitori） //
////////////////////////////////////////////////////////////////////*/

.link-bnr._kaitori a {
	background: url(../images/sell/bg-bnr-kaitori.png) no-repeat center / 1000px 200px;
	margin-top: 30px;
}


/* faq //
////////////////////////////////////////////////////////////////////*/

.faq {
	margin-top: 64px;
}
.faq .sec_head01 {
	margin-bottom: 32px;
}
.faq .sec_head01 .ttl {
	align-items: center;
	text-align: center;
}
.faq .faq_items {
	width: 1000px;
	margin: 0 auto;
}
.faq .faq_btn {
	text-align: center;
	margin-top: 40px;
}