@charset "utf-8";
body {
    -webkit-print-color-adjust: exact;
    }

:root {
	--main-color: #193162;
}

	/*keyvisual
--------------------------------------------*/
#takuhai #keyvisual {
	background: no-repeat center/cover url(../webp/topimg_takuhai.webp);
	padding: 98px 30px 58px;
	box-sizing: border-box;
}

.spOnly {
	display: none;
}

#syuttyou #keyvisual {
	background: no-repeat center/cover url(../webp/topimg_syuttyou.webp);
    padding: 98px 30px 58px;
    box-sizing: border-box;
}

.keyvisual__txt {
	font-weight: bold;
}

.keyvisual__txt-ttl--sub {
	color: var(--main-color);
	font-size: 2.4rem;
	margin-bottom: 4rem;
	padding-left: 3px;
}

.keyvisual__txt-ttl {
	font-family: var(--mincho-font);
	font-size: 5.8rem;
	margin-bottom: 4.5rem;
}

.keyvisual__txt-ttl--large {
	color: var(--main-color);
	margin-right: 6px;
}

.keyvisual__txt-ttl--small {
	color: #486d81;
	font-size: 3rem;
}

.keyvisual__txt--bottom {
	width: 61rem;
	color: var(--main-color);
	font-size: 2.4rem;
	margin-bottom: 18px;
	text-align: center;
}

/* point
--------------------------------------------*/
#keyvisual .point {
    display: flex;
    column-gap: 2rem;
}

#keyvisual .point li {
    background: #aa6832;
    width: 17rem;
    height: 7rem;
    text-align: center;
    line-height: 3.5rem;
    padding: 1rem;
    font-family: "Zen Old Mincho", serif;
}
#keyvisual .point li span {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.24rem;
}

#keyvisual .point li p {
    color: #fff;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3rem;
    letter-spacing: 0.24rem;
}
#takuhai #guide-menu ul {
	justify-content: flex-start;
	gap: 0 70px;
	height: 150px;
}

/*目次（.mokuji）
-----------------------------------------------*/
.mokuji {
	background: #fff;
	margin-bottom: 40px;
	padding: 30px 0 20px;
}

/*レイアウト*/
.mokuji ol {
	display: flex;
	flex-wrap: wrap;
	width: 900px;
	margin: 0 auto;
}
.mokuji ol li {
	background: #ececec;
	line-height: 50px;
	position: relative;
	width: 210px;
	height: 50px;
	margin: 0 16px 10px 0;
	text-align: center;
	border: 1px dashed #9c9962;
	border-radius: 6px;
}

.mokuji ol li:nth-child(4n) {
	margin-right: 0;
}
.mokuji ol li a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color:#333;
}
.mokuji ol li a:hover {
	background: #999daf;
	color: #fff;
}

/*
	notice
-----------------------------------------------*/
.kosen-notice {
	background: #fff;
	padding: 10px 0 30px;
	margin-bottom: 40px;
	margin-top: -40px;
}
.kosen-notice .inner,
.kosen-notice .inner-takuhai {
	width: 880px;
	margin: 0 auto;
	border: 2px solid #86252E;
	padding: 20px;
	box-sizing: border-box;
	font-size: 15px;
}
.kosen-notice .inner p,
.kosen-notice .inner-takuhai p {
	margin-bottom: 10px;
}
.kosen-notice .inner-takuhai p {
	text-indent:-1em;
	padding-left:1em;
}
.kosen-notice p:last-child {
	margin-bottom: 0;
}
.kosen-notice .kosen-notice-ttl {
	margin-bottom: 8px;
	font-size: 18px;
}
.kosen-notice .red {
	color: #86252E;
	font-weight: bold;
}


/*概要（.summary）
-----------------------------------------------*/
#summary {
	position: relative;
	margin-bottom: 40px;
	padding: 30px 0;
	background: #fff;
}
#summary .ornament {
	position: absolute;
	right: 32px;
	bottom: 0;
	height: 400px;
}
#summary .ornament.takuhai {
	height: 370px;
	z-index: 2;
}
#summary .summaryTxt {
	width: 700px;
	margin-bottom: 20px;
	margin-left: 48px;
}
#summary ul {
	width: 600px;
	margin-left: 70px;
}
#summary ul li {
	background: url(../png/summary_img01-3.png) no-repeat,url(../png/pt3.png);
	background-position: 30px center;
	font-weight: bold;
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 6px 0;
	color: #4b5060;
	border: 2px solid #c3c3c3;
}
#summary ul li p {
	padding-left: 70px;
}



/*買取ポイント（.kaitoriPoint）
-----------------------------------------------*/
#kaitoriPoint {
	background: #fff;
	margin-bottom: 40px;
	padding: 30px 0;
}
/*項目タイトル*/
#kaitoriPoint .ttl {
	font-weight: bold;
	margin-bottom: 6px;
	color: #486d81;
	border-bottom: solid 1px #486d81;
}
#kaitoriPoint .ttl span {
	display: block;
	border-bottom: solid 2px #486d81;
	margin-bottom: 2px;
}
/*レイアウト*/
#kaitoriPoint ul {
	width: 850px;
	margin: auto;
}
#kaitoriPoint ul li {
	position: relative;
	margin-bottom: 20px;
}
#kaitoriPoint ul li small {
	line-height: 9px;
}
#kaitoriPoint .textBox {
	width: 680px;
}
#kaitoriPoint ul li .imgBox {
	position: absolute;
	top: 0;
	right: 0;
}
#kaitoriPoint ul li .imgBox img {
	width: 140px;
}


/*買取の流れ
--------------------------------------------*/
#flowChart {
	background: #fff;
	margin-bottom: 40px;
	padding: 30px 0;
}

/*タイトル*/
#flowChart h2 {
	margin-bottom: 40px;
}

/*レイアウト*/
#flowChart ul.fc {
	width: 930px;
	margin: 0 auto;
}
#flowChart ul.fc li {
	position: relative;
	box-sizing: border-box;
	width: 900px;
	margin-left: 30px;
	padding: 30px 16px 20px;
	border: 2px solid #c7c9d3;
}
#flowChart ul.fc li .flowIn .flowInImg {
	width: 270px;
	margin-right: 10px;
	float: left;
}

/*インタイトル*/
#flowChart ul.fc li .flowTtl {
	line-height: 42px;
	position: absolute;
	top: -20px;
	left: -20px;
	height: 42px;
}
#flowChart ul.fc li .flowTtl span {
	background: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-left: 50px;
	padding: 0 10px;
	color: #594828;
}


/*タイトル番号*/
#flowChart ul li:nth-child(1) .flowTtl {
	background: url(../png/flowchart_01.png) no-repeat;
	background-size: 42px;
}
#flowChart ul li:nth-child(2) .flowTtl {
	background: url(../png/flowchart_02.png) no-repeat;
	background-size: 42px;
}
#flowChart ul li:nth-child(3) .flowTtl {
	background: url(../png/flowchart_03.png) no-repeat;
	background-size: 42px;
}
#flowChart ul li:nth-child(4) .flowTtl {
	background:url(../png/flowchart_04.png) no-repeat;
	background-size: 42px;
}
#flowChart ul li:nth-child(5) .flowTtl {
	background:url(../flowchart_05.html) no-repeat;
	background-size: 42px;
}


/*矢印*/
#flowChart ul.fc li+li {
	margin-top: 64px; /*矢印画像の高さと配置を考慮して設定*/
	position: relative;
}
#flowChart ul.fc li + li:before {
	background: url(../png/yajirushi.png) no-repeat 84px 50%;
	background-size: 90px;
	position: absolute;
	top: -68px; /*矢印画像の高さと配置を考慮して設定*/
	display: block;
	width: 100%;
	height: 40px;
	content: '';
}

/*ご用意ください*/
#flowChart .preparation {
	box-sizing: border-box;
	width: 830px;
	margin: 20px auto 0;
	padding: 4px;
	border: 2px solid #ccc;
}
#flowChart .preparation .reparationIn {
	border: 1px solid #ccc;
	padding: 10px;
}
#flowChart .preparation .ttl {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 4px;
	text-align: center;
	color: #86252e;
	padding: 20px 0 10px;
}
#flowChart .preparation .txt {
	width: 630px;
	margin: 20px auto;
}
/*レイアウト*/
#flowChart .preparation .reparationIn ul {
	width: 630px;
	margin: auto;
}
#flowChart .preparation .reparationIn ul li {
	padding: 6px 0;
	border-bottom: 1px solid #b3b3b3;
}
#flowChart .preparation p {
	font-size: 14px;
	line-height: 1.1em;
}


/*宅配キット（.kit）
-----------------------------------------------*/
#kit {
	background: #fff;
    padding: 30px 0;
    margin-bottom: 40px;
}

#kit .txt {
	width: 800px;
	margin: 0 auto 30px;
}
#kit .buy-kit-option {
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 30px 10px;
}
#kit .buy-kit-option li {
	text-align: center;
	position: relative;
	margin: 5%;
}
#kit .buy-kit-option li img {
	border-radius: 6px;
	margin-bottom: 4px;
}
#kit .buy-kit-option li p {
	font-weight: bold;
}
#kit .imgA::after,
#kit .imgB::after {
	white-space: pre;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 8.5em;
	height: 8.5em;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	position: absolute;
	top: -50px;
	left: -60px;
	border-radius: 50%;
	color: #fff;
	background: var(--color-secondary);
}
#kit .imgA::after {
content: "サイズが\a 選べます";
}
#kit .imgB::after {
	content: 'お品物に\A合わせて\Aご相談ください';
}


/*段ボール
--------------------------------------------*/
#kit .buy-kit-box {
	padding: 30px 0;
	background: #f7f8fa;
	margin: 0 20px 30px;
}
.buy-kit-box-ttl {
	width: 480px;
	margin: 0 auto;
}
.buy-kit-box-ttlIn {
	font-size: 22px;
	font-weight: bold;
	position: relative;
	display: inline-block;
	padding: 0 55px;
}
.buy-kit-box-ttlIn::before,
.buy-kit-box-ttlIn::after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 1px;
	background-color: black;
}
.buy-kit-box-ttlIn::before {
	left:0;
}
.buy-kit-box-ttlIn::after {
	right: 0;
}

/* ボタン */
#kit .buy-kit-box .tabBtn {
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	box-sizing: border-box;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	cursor: pointer;
	margin: 20px auto 0px;
	text-align: center;
}
#kit .buy-kit-box .tabBtn li {
	box-sizing: border-box;
	margin:0 0.5% 2rem;
	width: 9.5%;
	border-radius: 1.2rem;
	background:var(--color-secondary);
	color: #fff;
	font-size: 15px;
	line-height: 1.4em;
	transition: .3s;
	padding: 8px 3px 6px 0px;
	text-align: center;
}
#kit .buy-kit-box .tabBtn li:nth-child(7){
	display: flex;
	justify-content: center;
	align-items: center;
}
#kit .buy-kit-box .tabBtn li:hover {
	color: #fff;
	background-color: #81263C;
	text-decoration: none;
}
#kit .buy-kit-box .tabBtn li.active {
	background: #81263C;
	color: #fff;
	position:relative;
	z-index: 0;
}
#kit .buy-kit-box .tabBtn li.active::after {
	display: block;
	content:'';
	width: 0px;
	height: 0px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #440d24;
	position: absolute;
	bottom: -50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.tabCon {
	margin-bottom: 30px;
}
.tabCon .inner {
	display: none;
	width: 92%;
	margin: 2% auto 10px;
	border-radius: 20px;
	overflow: hidden;
}
.tabCon .inner .tab-con-inbox {
	display: flex;
	padding: 4%;
	box-sizing: border-box;
	background-color: #fff;
}
.tabCon .inner .size-img {
	width: 43%;
	margin-right: 4%;
}
.tabCon .inner .size-img img {
	width: 100%;
}
.tabCon .inner .tabkit-box {
	width: 53%;
}
.tabCon .inner .tabkit-box .tabkit-inner {
	width: 100%;
	box-sizing: border-box;
}
.tabCon .inner .tabkit-box .tabkit-inner .tabCon-ttl {
	margin-top:15px;
	text-align: center;
	font-weight: bold;
	color: #283f48;
	border-bottom: 1px solid #283f48;
	margin-bottom: 2%;
}
.tabCon .inner .tabkit-box .tabkit-inner .tabCon-ttl p {
	font-weight: normal;
}
.tabCon .first {
	display: block;
}
#kit .buy-kit-box .buy-kit-box-caution {
	font-size: 1.3rem;
	text-align: center;
}
.tabCon .inner .tab-con-inbox.mb20 {
	margin-bottom: 20px;
}


/*段ボールが不要な場合
--------------------------------------------*/
.unnecessary {
	width: 92%;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	display: flex;
	margin: 0 auto 30px;
	padding: 20px 1%;
	box-sizing: border-box;
}
.unnecessary-txt {
	width: 58%;
	margin-right: 2%;
}
.unnecessary-txt .small {
	font-size: 1.5rem;
	margin-top: 20px;
}
.unnecessary-imgbox {
	width: 40%;
	display: flex;
}
.unnecessary-imgbox img {
	width: 49%;
	border-radius: 10px;
	border: 1px solid #ccc;
}
.unnecessary-img1{
	margin-right: 2%;
}


/*段ボールが不要な場合
--------------------------------------------*/
.oneself {
	width: 94%;
	margin: 0 auto;
}
.onesel-ttl {
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	padding: 1% 0;
	background: var(--color-primary);
	color: #fff;
	margin-bottom: 20px;
}
.oneself-box {
	width: 86%;
	margin: 0 auto 30px;
	display: flex;
}
.oneself-box .oneself-box-img {
	margin-right: 2%;
}
.oneself-box .oneself-box-txt {
	display: flex;
	justify-content: center;
	align-items: center;
}
/* 具体例 */
.not-use {
	width: 96%;
	margin: 0 auto;
	border-radius: 30px;
	background: #e7e9f2;
	padding: 30px 3%;
	box-sizing: border-box;
}
.not-use .not-use-txt {
	text-align: center;
	margin-bottom: 20px;
}
.not-use .not-use-box {
	width: 66%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.not-use .not-use-box li {
	width: calc((100% - 4%) / 2);
	margin-right: 4%;
	position: relative;
}
.not-use .not-use-box li:last-child {
	margin-right: 0;
}
.not-use .not-use-box li img {
 width: 100%;
 height: auto;
}
.not-use .not-use-box li p {
	width: 100%;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	position: absolute;
	box-sizing: border-box;
	background: rgba(0,0,0,0.6);
	bottom: 10px;
}

/*梱包のコツ紹介
--------------------------------------------*/
.packing-point {
	background: #fff;
	padding: 30px 0;
	margin-bottom: 40px;
}
.packing-point .packing-point-box {
	background: #f9f9f9;
	border-radius: 30px;
	width: 86%;
	margin: 0 auto 30px;
	padding-bottom: 30px;
}
.packing-point .packing-point-box:last-child {
	margin-bottom: 0;
}
.packing-point .packing-point-box .packing-point-box-ttl {
	background: var(--color-primary);
	border-radius: 30px 30px 0 0;
	margin-bottom: 30px;
	padding: 16px 0;
	text-align: center;
	color: #fff;
	font-size: 20px;
}
.packing-point .packing-point-box ul {
	width: 76%;
	margin: 0 auto;
	display: flex;
}
.packing-point .packing-point-box ul li {
	width: calc((100% - 8%) / 2);
	margin-right: 8%;
}
.packing-point .packing-point-box ul li:last-child {
	margin-right: 0;
}
.packing-point .packing-point-box ul li img {
	width: 100%;
	margin-bottom: 10px;
}
.packing-point .packing-point-box ul li {

}

/*よくある質問
--------------------------------------------*/
#qanda {
	background: #fff;
	margin-bottom: 40px;
	padding: 30px 0;
}

/*タイトル*/
#qanda h2 {
	background: #cdc6be;
	width: 930px;
	margin: 0 auto 20px;
	padding: 14px 0;
	text-align: center;
	color: #432f2c;
	font-size: 2rem;
}

/*レイアウト*/
#qanda dl {
	width: 840px;
	margin: 0 auto;
}
#qanda dl dt {
	background: url(../png/qanda_iconq.png) no-repeat;
	background-size: 28px;
	font-weight: bold;
	min-height: 28px;
	margin-bottom: 2px;
	padding: 2px 0 0 38px;
	color: #4c5161;
}
#qanda dl dd {
	background: url(../png/qanda_icona.png) no-repeat;
	background-size: 28px;
	min-height: 28px;
	margin-bottom: 30px;
	padding-left: 38px;
}

/* info-news
-----------------------------------------------*/
.info_news {
	background: #fff;
	margin-bottom: 40px;
	padding: 50px 20px;
	color: #545142;
}

.info_news h2{
	font-size: 32px;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #4b5060;
	padding-bottom: 6px;
	border-bottom: 3px solid #4b5060;
	margin-bottom: 30px;
}

.info_news h3{
	margin-bottom: 10px;
	font-size: 20px;
}
.info_news dl {
	margin-bottom: 40px;
	padding: 0 20px;
}
.info_news dt::before {
	content:"■";
}
.info_news dt {
	font-size: 16px;
	font-weight: bold;
}
.info_news dd {
	padding: 0 10px;
}
.info_news dd p {
	margin-bottom: 10px;
}
.heads_up {
	width: 800px;
}
.heads_up p {
	margin-bottom: 20px;
}

/* 詐欺関連（バイセル統一）
-----------------------------------------------*/
.info-con {
	padding: 4rem 0;
	background: var(--color-neutral-white);
	h2 {
		margin-bottom: 4rem;
		padding: 0 2rem 0.5rem;
		font-size: 2.8rem;
		font-weight: 600;
		color: var(--color-primary);
		line-height: 1.2em;
		border-bottom: 2px solid var(--color-primary);
	}
	.info-con__subttl {
		margin: 0 3rem 4rem;
		padding: 3rem;
		background: #D3DCE3;
		border-radius: 6px;
		color: var(--color-primary);
		font-size: 2.4rem;
		text-align: center;
		font-weight: 600;
	}
}
.info_box {
	margin: 0 3rem 5rem;
	h3 {
		margin-bottom: 2rem;
		padding-bottom: 0.5rem;
		font-size: 2.4rem;
		color: var(--color-primary);
		font-weight: 600;
		border-bottom: 1px solid var(--color-primary);
	}
}
.info_box__txt {
	p {
		margin-bottom: 1.5rem;
	}
	.coution {
		display: flex;
		/* align-items: center; */
		padding-top: 0.5rem;
		gap: 0.8rem;
		font-size: 1.4rem;
		line-height: 1.6;
		color: var(--color-ruby);
		.alert {
			width: 1.5em;
			height: 1.5em;
			flex-shrink: 0;
		}
	}
}
.info_box__list {
	display: flex;
	flex-wrap: wrap;
	padding: 2rem 10rem;
	background: #D3DCE3;
	border-radius: 6px;
	gap:1rem;
	li {
		display: flex;
		gap: 0.8rem;
		width: calc((100% - 2rem) / 2);
		p {
			font-weight: 600;
		}
		.check {
			width: 1.4em;
			height: 1.4em;
			flex-shrink: 0;
			
		}
	}
}
.info_box {
	dl {
		margin-bottom: 2rem;
		border-radius: 6px;
		border: 1px solid var(--color-primary);
		overflow: hidden;
	}
	dt {
		padding: 1rem;
		background: #D3DCE3;
		color: var(--color-primary);
		font-weight: 600;
	}
	dd {
		padding: 1rem;
		font-size: 1.5rem;
	}
}

/*2025 宅配買取ページ*/
#takuhai.takuhai-top {
	/*  メインビジュアル
	------------------------------------*/
	*{
		box-sizing: border-box;
	}

	/*目次2025デザイン*/
	.toc {
		margin-bottom: 40px;
		padding: 30px 0;
		background: var(--color-neutral-lighter);
	}

	.toc__ttl {
		margin-bottom: 30px;
		font-family: var(--mincho-font);
		font-size: 28px;
		line-height: 1.3;
		text-align: center;
	}

	.toc__list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px 20px;
		margin-bottom: 20px;
	}

	.toc__item {
		flex: 0 0 400px;
		a {
			box-sizing: border-box;
		}
	}

	.toc__link {
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding: 5px 10px;
		border-bottom: solid 1px var(--color-txt);
		color: var(--color-txt);
		font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;;
		text-decoration: none;

		&:hover {
			filter: brightness(2);
		}

		& .arrow {
			display: block;
			width: 13px;
			height: 13px;
			margin-top: 6px;
			border-right: solid 2px var(--color-txt);
			border-bottom: solid 2px var(--color-txt);
			transform: rotate(45deg);
			transform-origin: 50% 25%;
		}
	}
	#keyvisual {
		width: 1200px;
		height: 420px;
		position: relative;
		padding: 90px 0 0 95px;
		overflow: hidden;
		background: no-repeat center/cover url(../webp/city_topimg_bg.webp);
		&::before {
			content: '';
			display: block;
			width: 34.0rem;
			height: max-content;
			aspect-ratio: 3 / 2;
			position: absolute;
			right: 27.4rem;
			top: 13rem;
			background: no-repeat center / contain url(../webp/city_topimg_bg5.webp);
		}
		.text-box h1{
			margin-bottom: 1rem;
			color: #fff;
			font-size: 3.0rem;
			font-family: 'Zen Old Mincho', serif;
			font-weight: 500;
			line-height: 1.55;
			letter-spacing: .1rem;
			text-shadow: 3px 3px 3px rgb(0 0 0 / 28%);
		}
		.text-box p {
			margin-left: 5px;
			color: #fff;
			font-size: 2.0rem;
			font-family: 'Zen Old Mincho', serif;
			line-height: 1.4;
			text-shadow: 3px 3px 3px rgb(0 0 0 / 28%);
		}
		span.large {
			font-size: 6.2rem;
		}
		span.large2{
			font-size: 3.6rem;
		}
		span.gold {
			display: inline-block;
			background: linear-gradient(0deg, #D0A900 12%, #FFF9E6 52%, #D0A900 72%);
			-webkit-text-fill-color: transparent;
			-webkit-background-clip: text;
		}
		.text-box {
			position: relative;
			.item {
				margin-bottom: 45px;
				text-align: left!important;
				.spNon {
					font-size: 40px;
				}
				.large {
					font-size: 45px;
				}
			}
			.text {
				font-size: 30px;
			}
		}
		&::before {
			width: 880px;
			height: 420px;
			aspect-ratio: auto;
			position: absolute;
			right: -1px;
			top: 0;
			background: no-repeat center / contain var(--mv-pc-bg);
		}
	}
	.text-box {/*tentouでの指定を上書き*/
		position: relative!important;
		width: auto!important;
		top: auto!important;
		left: auto!important;
		-webkit-transform: translateY(0)!important;
		transform: translateY(0%)!important;
		text-align: left!important;
	}

	/*概要
-----------------------------------------------*/
.entrust {
	margin-bottom: 40px;
	padding : 54px 45px 38px;
	background: linear-gradient(180deg, #040303 48%, #313132 80%, #343536 100%);
	color: #fff;
	position: relative;
	z-index: -2;
	.entrust__inner {
		width: 420px;
	}
	.entrust__ttl {
		margin-bottom: 30px;
		font-size: 2rem;
		font-family: var(--mincho-font);
		line-height: 1.8em;
		text-align: center;
		.ttl__big {
			font-size: 2.8rem;
		}
		span {
			display: block;
		}
	}
	/* 両サイドライン装飾 */
	.entrust__ttl-box {
		display: flex;
		align-items: center;
		margin-bottom: 30px;
		.entrust__ttl {
			margin-bottom: 0px;
		}
	}
	.entrust__ttl-box::before,
	.entrust__ttl-box::after {
		content: "";
		display: block;
		width: 20px;
		height: 1px;
		background-color: #fff;
	}
	.entrust__ttl-box::before {
		margin-right: 10px;
	}
	.entrust__ttl-box::after {
		margin-left: 10px;
	}
	.entrust__txt p {
		margin-bottom: 1.14em;
	}
	&::before {
		content: '';
		display: inline-block;
		width: 50rem;
		height: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		background-image: url(../webp/entrust_bg.webp);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 50% 80%;
		z-index: -1;
	}
}

		/* 本人確認書類　アコーディオン(開閉アニメーションはidentification-accordion.js）
	---------------------------------------------------------- */
		.guide-contact {
			margin: 0 auto 40px;
			padding-bottom: 30px;
			.flow__attention {
				margin: 0 auto 0 auto;
				width: 856px;
				border: 2px solid #41586d;
				background-color: #41586d;
			}
			.attention__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;
					margin: 0 auto;
				}
			}
			.attention__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;
			}
			.flow__attention.is-open .attention__summary::after {
				transform: rotate(-135deg);
			}
			.attention__content {
				overflow: hidden;
				max-height: 0;
				background-color: var(--color-secondary);
				transition: max-height 0.4s ease;
			}
			.attention__txt {
				padding: 12px 20px;
				color: #333;
				font-size: 1.6rem;
				line-height: 1.6;
				background-color: var(--color-neutral-white);
				p {
					margin-bottom: 10px;
				}
			}
		}
}