@charset "utf-8";


/*keyvisual
--------------------------------------------*/

#takuhai #keyvisual {
	background: no-repeat 76% top / cover url(../webp/topimg_takuhai_sp.webp);
    padding: max(30px, 6vw) max(12px, 3vw) max(20px,7vw);
    box-sizing: border-box;
}
.keyvisual__txt {
	font-weight: bold;
}

.keyvisual__txt-ttl--sub {
	color: var(--main-color);
	font-size: max(1.25rem, 3.6vw);
	line-height: 1.2;
    margin-bottom: max(24px, calc(6px + 3vw));
    padding-left: max(3px, .4vw);
}

.keyvisual__txt-ttl {
	font-family: var(--mincho-font);
	font-size: max(3rem, 8.4vw);
    line-height: .68;
    margin: 0 auto max(1rem, 6vw);
}

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

.keyvisual__txt-ttl--small {
	color: #486d81;
	font-size: max(1.4rem, 4vw);
}


.keyvisual__txt--bottom {
	color: var(--main-color);
	font-size: max(1.2rem, 3.4vw);
    margin-bottom: max(4px, 1.4vw);
	text-shadow:2px 2px 0 #fff,
	-2px 2px 0 #fff,
	2px -2px 0 #fff,
	-2px -2px 0 #fff,
	2px 0 0 #fff,
	-2px 0 0 #fff,
	0 2px 0 #fff,
	0 -2px 0 #fff,
	2px 1px 0 #fff,
	-2px 1px 0 #fff,
	2px -1px 0 #fff,
	-2px -1px 0 #fff,
	1px 2px 0 #fff,
	-1px 2px 0 #fff,
	1px -2px 0 #fff,
	-1px -2px 0 #fff,
	1px 1px 0 #fff,
	-1px 1px 0 #fff,
	1px -1px 0 #fff,
	-1px -1px 0 #fff;
	text-align: center;
}


/*2025 宅配買取ページ*/
#takuhai.takuhai-top {
 	*{
		box-sizing: border-box;
	}
	#keyvisual {
		width: 100%;
		height: 450px;
		padding: 0!important;
		position: relative;
		overflow: hidden;
		background: no-repeat center/cover url(../webp/city_topimg_spbg.webp);
		.text-box {
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: end;
			position: absolute;
			bottom: 0;
			z-index: 3;
			margin: auto auto 0;
			padding-top: 2rem;
			background: linear-gradient(to bottom, rgb(10 4 37 / 0), rgb(10 4 37 / 0.5) 15%, rgb(10 4 37/ 1) 75%);
			.text {
				margin-bottom: 1.5rem!important;
			}
			.item .pcNon {
				letter-spacing: 1px;
			}
		}
		.text-box h1{
			margin: 0 0 1rem 2rem;
			color: #fff;
			font-size: min(7vw,2.2rem);
			font-family: 'Zen Old Mincho', serif;
			line-height: 1.35;
			text-align: center;
			text-shadow: 3px 3px 3px rgb(0 0 0 / 28%);
		}
		.text-box p {
			margin-left: 5px;
			color: #fff;
			font-size: min(4.6vw,1.6rem);
			font-family: 'Zen Old Mincho', serif;
			line-height: 1.4;
			margin-bottom: 1rem;
		}
		span.large {
			font-size: 26px;
		}
		span.large2{
			font-size: 40px;
		}
		span.gold {
			display: inline-block;
			background: linear-gradient(0deg, #D0A900 12%, #FFF9E6 52%, #D0A900 72%);
			-webkit-text-fill-color: transparent;
			-webkit-background-clip: text;
		}	
		&::before {
			content: '';
			display: block;
			width: 100%!important;
			min-width: 26rem;
			max-width: none!important;
			height: 100%;
			aspect-ratio: 3 / 2;
			position: absolute;
			top: 0!important;
			left: 0!important;
			background: var(--mv-sp-bg) no-repeat top / cover !important;
			z-index: 1;
		}
	}
}

@media(min-width:599px){
	.spOnly {
		display: none;
	}
	#takuhai #keyvisual {
		background: no-repeat center top/100% url(../webp/topimg_takuhai.webp);
		padding: 7.6vw 5vw 3vw;
	}

	.keyvisual__txt-ttl--sub {
		font-size: max(1.4rem,2.4vw);
		margin-bottom: max(10px,1.4vw);
	}

	.keyvisual__txt-ttl {
		font-size: max(2.6rem, 5.4vw);
		line-height: .9;
		margin: 0 auto max(1rem, 4vw);
	}

	.keyvisual__txt-ttl--small {
		font-size: max(1.6rem, 3vw);
	}

	.keyvisual__txt--bottom {
		font-size: max(1.6rem,2.4vw);
	}
}

/* ---------------------------------------------------
	概要
---------------------------------------------------*/
/*2025 出張・店頭買取ページ*/
#takuhai.takuhai-top {
	.entrust {
		margin-bottom: 60px;
	}
	.entrust .entrust__txt {
		font-size: 1.5rem;
	}
	.entrust .entrust__ttl {
		margin-bottom: 0;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}
	.entrust .entrust__txt p:not(:last-child) {
		margin-bottom: 1rem;
	}
	/* 両サイドライン装飾 */
	.entrust__ttl-box {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 1.6rem;
	}
	.entrust__ttl-box::before,
	.entrust__ttl-box::after {
		content: "";
		display: block;
		width: 20px;
		height: 1px;
		background-color: #000;
	}
	.entrust__ttl-box::before {
		margin-right: 10px;
	}
	.entrust__ttl-box::after {
		margin-left: 10px;
	}
	.entrust .entrust__txt p {
		padding: 0 0.8rem;
	}
}

@media screen and (max-width: 576px) {
	.entrust .entrust__ttl {
		text-align: center;
		line-height: 1.8em;
	}
	.entrust .entrust__tsmall-font {
		display: block;
	}
	.entrust .ttl__big {
		font-size: 2.8rem;
	}
	.entrust .entrust__img {
		background: linear-gradient(180deg, #040303 48%, #313132 80%, #343536 100%);
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 577px) {
	.entrust__ttl-box::before,
	.entrust__ttl-box::after {
		background-color: #fff;
	}
	.entrust .tabNon {
		display: none !important;
	}
	.entrust {
		margin: 0 1rem;
		position: relative;
		margin-bottom: 20px;
		padding: 3rem 2rem 1rem;
		background: linear-gradient(180deg, #040303 48%, #313132 80%, #343536 100%);
		color: #fff;
		z-index: -2;
	}
	.entrust .ttl__big {
		font-size: 2.6rem;
	}
	.entrust .entrust__inner {
		width: 50%;
	}
	.entrust .entrust__ttl {
		text-align: center;
		line-height: 1.8em;
		span {
			display: block;
		}
	}
	.entrust::before {
		content: '';
		display: inline-block;
		width: 38rem;
		height: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 1rem;
		background-image: url(../webp/entrust_bg.webp);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom;
		z-index: -1;
	}
}



/* =====================================
	宅配買取をご利用の際の注意事項
======================================= */
/*2025 出張・店頭買取ページ*/
#takuhai.takuhai-top {
	.guide-contact {
		margin-top: 30px;
		margin-bottom: 40px;
	}
	.flow__attention {
		width: 93%;
		margin: 0 auto;
		border: 2px solid #ADACB2;
	}
	#top .contact {
		margin-bottom: 0;
	}

	/* アコーディオン(開閉アニメーションはidentification-accordion.js）
	---------------------------------------------------------- */
	.flow__attention {
		margin: 20px auto 0 auto;
		max-width: 600px;
		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 {
				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;
		}
		&.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;
				margin-bottom: 0;
				background-color: var(--color-neutral-white);
				color: var(--color-txt);
			}
		}
	}
	@media screen and (min-width: 550px) {
		.flow__attention {
			margin: 20px auto;
		}
	}
}
/* point
------------------------------------------*/
#keyvisual .point {
    display: flex;
    column-gap: 2rem;
    justify-content: center;
	zoom: .75;
}
#keyvisual .point li {
    background: #aa6832;
    width: 17rem;
    text-align: center;
    padding: 2rem 1rem;
    height: 5.5rem;
    line-height: 2.5rem;
    color: #fff;
}
#keyvisual .point li p {
    font-weight: 600;
    letter-spacing: 0.1rem;
    font-size: 2.5rem;
}
@media screen and (max-width: 798px){
	#keyvisual .point {
		zoom: .55;
	}
}
@media screen and (max-width: 598px){
	#keyvisual .point {
		column-gap: 8px;
		width: 97%;
		margin: 0 auto;
		zoom: 0.85;
	}
	#keyvisual .point li {
		padding: 0.5rem 0;
		line-height: 3rem;
		height: 5.5rem;
	}
	#keyvisual .point li span {
		font-size: 1.2rem;
		line-height: 1.2rem;
		letter-spacing: 0.05rem;
	}
	#keyvisual .point li p {
		font-size: 1.7rem;
		line-height: 1rem;
		letter-spacing: 0.05rem;
		padding-top: 0.4rem;
	}
}

/*目次（.mokuji）
-----------------------------------------------*/

#takuhai #guide-menu ul {
	width: 96%;
	justify-content: flex-start;
	gap: 0 5%;
	height: 150px;
}
#takuhai #guide-menu ul li {
	font-size: 14px;
}

/*2025 宅配買取ページ*/
#takuhai.takuhai-top {
	/*目次*/
	.toc {
		margin-bottom: 30px;
		padding: 20px 0;
		background: var(--color-neutral-lighter);
	}

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

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

	.toc__item {
		flex: 0 0 calc(100% - 30px);
	}

	.toc__link {
		display: flex;
		justify-content: space-between;
		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;

		& .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%;
		}
	}
}


@media screen and (min-width: 599px) {
	#takuhai #guide-menu ul li {
		font-size: 16px;
	}
}
.mokuji {
	margin-bottom: 40px;
}

/*レイアウト*/
.mokuji ol {
	margin: 0 10px;
}
.mokuji ol li {
	background: #ececec;
	font-size: 1.4rem;
	float: left;
	box-sizing: border-box;
	width: 49%;
	margin-bottom: 10px;
	padding: 18px 0;
	text-align: center;
	border: 1px dashed #9c9962;
	border-radius: 6px;
}
.mokuji ol li:nth-child(odd) {
	margin-right: 2%
}
.mokuji ol li a {
	display: block;
	text-decoration: none;
	color: #333;
}


/*ポイント（.summary）
-----------------------------------------------*/
#summary {
	margin-bottom: 40px;
}
#summary .summaryTxt {
	margin: 0 10px 20px;
}
#summary ul {
	margin: 0 10px;
}
#summary ul li {
	background: url(../png/summary_img01-3.png) no-repeat,url(../png/pt3.png);
	background-position: 2% center;
	background-size: 3%;
	margin-bottom: 10px;
	padding: 8px 2%;
	border: 2px solid #c3c3c3;
	box-sizing: border-box;
	color: #4b5060;
	font-weight: bold;
}
#summary ul li p {
	padding-left: 9%
}
@media screen and (min-width:599px) and ( max-width:960px) {
	#summary ul li {
		background-size: 2.8%;
	}
	#summary ul li p {
		padding-left: 6%
	}
}


/*買取ポイント（.kaitoriPoint）
-----------------------------------------------*/
#kaitoriPoint {
	margin-bottom: 40px;
}
#kaitoriPoint .ttl {
	color: #486d81;
	font-weight: bold;
	border-bottom: solid 1px #486d81;
	margin-bottom: 6px;
}
#kaitoriPoint .ttl span {
	display: block;
	border-bottom: solid 2px #486d81;
	margin-bottom: 2px;
}
#kaitoriPoint ul {
	margin: 0 10px;
}
#kaitoriPoint ul li .kaitoriPIn {
	width: 100%;
	display: flex;
	margin-bottom: 20px;
}
#kaitoriPoint ul li .kaitoriPIn .textBox {
	width: 70%;
	font-size: 1.4rem;
	line-height: 1.6em;
}
#kaitoriPoint ul li .kaitoriPIn .imgBox {
	width: 30%;
}


/*
	買取の流れ
------------------------------------------*/
#flowChart {
	margin-bottom: 40px;
}
#flowChart ul.fc {
	margin: 0 10px 0 5%;
}
#flowChart ul.fc li {
	padding: 0 0 20px 20px;
	position: relative;
}
#flowChart ul.fc li:last-child {
	padding-bottom: 0px;
}

/*インナーレイアウト*/
#flowChart ul.fc li .flowInImg {
	width: 40%;
	margin-right: 2%;
	float: left;
}
#flowChart ul.fc li .flowTtl {
	font-weight: bold;
	color: #594828;
	padding: 8px 0;
}
#flowChart ul.fc li .flowTxt p {
	font-size: 1.4rem;
}

/*アイコン・左線*/
#flowChart ul.fc li:nth-child(1)::before {
	background: url(../png/flowchart_01.png) no-repeat;
	background-size: 30px 30px;
}
#flowChart ul.fc li:nth-child(2)::before {
	background: url(../png/flowchart_02.png) no-repeat;
	background-size: 30px 30px;
}
#flowChart ul.fc li:nth-child(3)::before {
	background: url(../png/flowchart_03.png) no-repeat;
	background-size: 30px 30px;
}
#flowChart ul.fc li:nth-child(4)::before {
	background: url(../png/flowchart_04.png) no-repeat;
	background-size: 30px 30px;
}
#flowChart ul.fc li:nth-child(5)::before {
	background: url(../flowchart_05.html) no-repeat;
	background-size: 30px 30px;
}
#flowChart ul.fc li::before {
	left: -15px;
	width: 30px;
	height: 30px;
}
#flowChart ul.fc li::after,
#flowChart ul.fc li::before {
	content: '';
	display: block;
	position: absolute;
}
#flowChart ul.fc li:not(:last-child)::after {
	background:#4d5263;
}
#flowChart ul.fc li:not(:last-child)::after {
	left: 0;
	top: 20px;
	z-index: -1;
	width: 1px;
	height: 100%;
}
#flowChart ul.fc li::after,
#flowChart ul.fc li::before {
	content: '';
	display: block;
	position: absolute;
}
#flowChart ul.fc li .flowTxt p small {
	display: block;
	line-height: 1.6em;
}

/*ご用意ください*/
#flowChart .preparation {
	margin: 20px 20px 0;
	padding: 4px;
	border: 2px solid #ccc;
	box-sizing: border-box;
	font-size: 1.4rem;
}
#flowChart .preparation .reparationIn {
	border: 1px solid #ccc;
	padding: 10px;
}
#flowChart .preparation .reparationIn ul {
	margin: 1em 0;
}
#flowChart .preparation .reparationIn ul li {
	padding: 0.6em 0;
	border-bottom: 1px solid #ccc;
}
#flowChart .preparation .ttl {
	font-weight: bold;
	color: #86252e;
	margin-bottom: 4px;
}
#flowChart .preparation .txt p {
	font-size: 1.4rem;
	line-height: 1.2em;
}
#flowChart .flowTxt p a {
	word-break: break-all;
}
#flowChart .flowTxt p a:visited {
	color: #0000ff;
}

/*宅配キット（.kit）
------------------------------------------*/
#kit .txt {
	width: 96%;
	margin: 0 auto 20px;
}
#kit .buy-kit-option {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 1rem 0rem;
	margin: 2rem 0 2rem;
}
#kit .buy-kit-option li {
	width: 40%;
	text-align: center;
	font-size: 1.5rem;
	position: relative;
	margin: 4%;
}
#kit .buy-kit-option li img {
	border-radius: 6px;
	margin-bottom: 4px;
	border: 1px solid #ccc;
}
#kit .imgA,
#kit .imgB {
	background: #fff;
	border-radius: 1rem;
	box-sizing: border-box;
	padding: 1rem 1rem 0;
}
#kit .imgA::after,
#kit .imgB::after {
	white-space: pre;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 7.5em;
	height: 7.5em;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	position: absolute;
	top: -30px;
	left: -30px;
	border-radius: 50%;
	color: #fff;
	background: var(--color-secondary);
	padding: 0px 0px 5px;
	box-sizing: border-box;
}
#kit .imgA::after {
	content: "サイズが\a 選べます";
	}
	#kit .imgB::after {
		content: 'お品物に\A合わせて\Aご相談ください';
	}


/*段ボールサイズ
--------------------------------------------*/
#kit .buy-kit-box .buy-kit-box-ttl {
	background: #4c5161;
	color: #fff;
	text-align: center;
	font-size: 1.8rem;
	padding: 20px 0;
	font-weight: bold;
	margin-bottom: 20px;
}

#kit .buy-kit-box {
	padding-bottom: 20px;
	background: #f7f8fa;
	margin-bottom: 30px;
}
#kit .buy-kit-box .tabBtn {
	display: -webkit-box;
	display: -ms-flexbox;
	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: 1rem auto 10px;
	text-align: center;
}
#kit .buy-kit-box .tabBtn li {
	box-sizing: border-box;
	margin:0 0.5% 1.7rem;
	width: 18%;
	border-radius: 1.2rem;
	background: var(--color-secondary);
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.4em;
	cursor: pointer;
	padding: 8px 3px 6px 0px;
	text-align: center;
}
#kit .buy-kit-box .tabBtn li:nth-of-type(7){
	display: flex;
	justify-content: center;
	align-items: center;
}
#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 #81263C;
	position: absolute;
	bottom: -50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

#kit .buy-kit-box .tabCon .inner {
	display: none;
}
#kit .buy-kit-box .tabCon .first {
	display: block;
}
#kit .buy-kit-box .tabCon .inner {
	width: 94%;
	margin:0px auto 0.5rem;
}
#kit .buy-kit-box .tabCon .inner .size-img {
	width: 70%;
	margin: 0.75rem auto;
}
#kit .buy-kit-box .tabkit-box {
	width: 90%;
	margin: auto;
}
.tabCon .inner .tab-con-inbox {
	background-color: #fff;
	padding: 20px 0.5rem;
	border-radius: 20px;
}
.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%;
}
#kit .buy-kit-box .buy-kit-box-caution {
	line-height: 1.4em;
	font-size: 1.25rem;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0 4%;
}
.tabCon .inner .tab-con-inbox.mb20 {
	margin-bottom: 20px;
}

@media screen and (min-width:599px) and ( max-width:960px) {
	/* ボタン */
	#kit .buy-kit-box .tabBtn {
		width: 92%;
		margin: 0 auto;
	}
	#kit .buy-kit-box .tabBtn li {
		width: calc((100% - 7% ) / 8);
		margin:0 1% 2rem 0;
		line-height: 1.4em;
	}
	#kit .buy-kit-box .tabBtn li:last-child {
		margin-right: 0;
	}
	/* 中身 */
	#kit .tabCon .inner .tab-con-inbox {
		display: flex;
		box-sizing: border-box;
	}
	#kit .buy-kit-box .tabCon .inner .size-img {
		width: 39%;
	}
	#kit .tabCon .inner .size-img img {
		width: 100%;
	}
	#kit .tabCon .inner .tabkit-box {
		width: 52%;
		margin: 0;
		padding-right: 3%;
		box-sizing: border-box;
	}
}


/*ダンボール不要な場合
------------------------------------------*/
.unnecessary {
	margin-bottom: 40px;
	padding: 0 2%;
	box-sizing: border-box;
}
.unnecessary-txt {
	margin-bottom: 10px;
}
.unnecessary-txt .small {
	font-size: 1.4rem;
	margin-top: 8px;
}
.unnecessary-imgbox {
	display: flex;
}
.unnecessary-imgbox img {
	width: 49%;
	height: 80px;
	border-radius: 10px;
	border: 1px solid #ccc;
	object-fit: cover;
}
.unnecessary-img1{
	margin-right: 2%;
}
@media screen and (min-width:599px) and ( max-width:960px) {
	.unnecessary {
		display: flex;
		width: 92%;
	}
	.unnecessary-txt {
		width: 68%;
		margin-right: 2%;
	}
	.unnecessary-txt .small {
		font-size: 1.5rem;
		margin-top: 20px;
	}
	.unnecessary-imgbox {
		width: 30%;
		display: flex;
	}
	.unnecessary-imgbox img {
		width: 65%;
		height: 100%;
		border-radius: 10px;
		border: 1px solid #ccc;
	}
	.unnecessary-img1{
		margin-right: 2%;
	}
}


/*自身で用意
------------------------------------------*/
.oneself {
	margin-bottom: 40px;
}
.onesel-ttl {
	background: var(--color-primary);
	color: #fff;
	font-size: 1.8rem;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
}
.oneself-box {
	display: flex;
	justify-content: center;
	margin: 0 1rem 20px;
	padding: 0 0.25rem;
}
.oneself-box .oneself-box-img {
	width: 48%;
	margin: 0 2% 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.oneself-box .oneself-box-txt {
	width: 48%;
	margin: 0 0 0 0px;
	font-size: 1.4rem;
	line-height: 1.5em;
	font-feature-settings: "palt";
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.not-use {
	background-color: #f9f9f9;
	border-radius: 20px;
	padding: 20px 2%;
	box-sizing: border-box;
	margin: 0 2%;
}
.not-use-txt {
	font-size: 1.5rem;
	margin-bottom: 10px;
}
.not-use .not-use-box {
	width: 92%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.not-use .not-use-box li {
	width: calc((100% - 4%) / 2);
	position: relative;
}
.not-use .not-use-box li:first-child {
	margin-right: 4%;
}
.not-use .not-use-box li p {
	padding: 6px 0;
	width: 100%;
	color: #fff;
	text-align: center;
	position: absolute;
	background: rgba(0,0,0,0.7);
	font-size: 1.4rem;
	bottom: 10px;
}
@media screen and (min-width:599px) and ( max-width:960px) {
	.oneself .oneself-box {
		width: 80%;
		margin: 0 auto 30px;
	}
	.not-use .not-use-box {
		width: 70%;
		margin: 0 auto;
	}
	.not-use {
		width: 88%;
		margin: 0 auto;
	}
	.not-use .not-use-box li {
		width: calc((100% - 6%) / 2);
		margin-right: 6%;
	}
	.not-use .not-use-box li:last-child {
		margin-right: 0;
	}
}



/*梱包のコツ
------------------------------------------*/
.packing-point {
	background: #f9f9f9;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
.packing-point .packing-point-box {
	background: #fff;
	border-radius: 30px;
	width: 96%;
	margin: 0 auto 30px;
	padding: 0 10px 20px;
	box-sizing: border-box;
}
.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: 20px;
	padding: 16px 0;
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
}
.packing-point .packing-point-box ul li {
	display: flex;
	margin-bottom: 10px;
}
.packing-point .packing-point-box ul li img {
	width: 48%;
	margin-right: 2%;
}
.packing-point .packing-point-box ul li p {
	width: 50%;
	font-size: 1.4rem;
	line-height: 1.3em;
}
@media screen and (min-width:599px) and ( max-width:960px) {
	.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%;
		display: block;
	}
	.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 p {
		width: 100%;
	}
}




/*よくある質問
------------------------------------------*/
#qanda {
	margin-bottom: 40px;
}
/*タイトル*/
#qanda h3 {
	background: #cdc6be;
	line-height: 1.4em;
	margin-bottom: 20px;
	padding: 14px;
	text-align: center;
	color: #432f2c;
}

/*レイアウト*/
#qanda dl {
	margin: 0 10px;
}
#qanda dl dt {
	background: url(../png/qanda_iconq.png) no-repeat center left / 28px auto;
	font-weight: bold;
	display: table;
	margin-bottom: 6px;
	color: #4C5161;
}
#qanda dl dt span {
	display: table-cell;
	vertical-align: middle;
	padding-left: 0.4em;
}
#qanda dl dt::before {
	display: table-cell;
	width: 32px;
	height: 32px;
	margin: 0;
	content: '';
	text-align: center;
	vertical-align: middle;
	color: #fff;
}
#qanda dl dd {
	background: url(../png/qanda_icona.png) no-repeat;
	background-size: 28px;
	min-height: 28px;
	margin-bottom: 30px;
	padding-left: 34px;
}
#qanda dl dd p {
	font-size: 1.4rem;
	line-height: 1.4em;
}

/* info-news
-----------------------------------------------*/
.info_news {
	margin-bottom: 40px;
	color: #545142;
}

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

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

/* 詐欺関連（バイセル統一）
-----------------------------------------------*/
.info-con {
	margin-bottom: 4rem;
	h2 {
		margin-bottom: 2rem;
		padding: 0 1rem 0.5rem;
		font-size: 2.5rem;
		color: var(--color-primary);
		line-height: 1.2em;
		border-bottom: 2px solid var(--color-primary);
	}
	.info-con__subttl {
		margin: 0 1rem 2rem;
		padding: 1rem;
		background: #D3DCE3;
		border-radius: 6px;
		color: var(--color-primary);
		font-size: 1.8rem;
		text-align: center;
		font-weight: 600;
	}
}
.acoution__alert-icon {
	width: 1em;
	height: 1em;
	flex-shrink: 0;
}

.info_box {
	margin: 0 1rem 4rem;
	h3 {
		margin-bottom: 2rem;
		padding-bottom: 0.5rem;
		font-size: 2rem;
		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;
		padding-top: 0.5rem;
		font-size: 1.4rem;
		line-height: 1.4em;
		gap: 0.8rem;
		color: var(--color-ruby);
		.alert {
		width: 1.3em;
		height: 1.3em;
		flex-shrink: 0;
		}
	}
}
.info_box__list {
	padding: 2rem 1.5rem;
	background: #D3DCE3;
	border-radius: 6px;
	li {
		display: flex;
		gap: 0.8rem;
		margin-bottom: 1rem;
		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.4rem;
	}
}