@charset "UTF-8";

/*
1.base
2.layout
3.module
4.state
----------------------------------------*/

/* 1.base
----------------------------------------*/

/*font*/
/*
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Light.woff") format("woff");
}


@font-face {
  font-family: "Noto Sans";
  font-weight: 700;
  src: url("../fonts/NotoSans-Bold.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 500;
  src: url("../fonts/NotoSans-Medium.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 400;
  src: url("../fonts/NotoSans-Regular.woff") format("woff");
}
*/

@font-face {
	font-family: "FontAwesome";
	src: url("../fonts/fontawesome-webfont.woff") format("woff");
}
/*---------------------------------------------
Common Style
---------------------------------------------*/

/*margin,padding*/

.m0 {
	margin: 0 !important;
}
.mat0 {
	margin-top: 0 !important;
}
.mat1 {
	margin-top: 1em !important;
}
.mat5 {
	margin-top: 5px !important;
}
.mat10 {
	margin-top: 10px !important;
}
.mat15 {
	margin-top: 15px !important;
}
.mat20 {
	margin-top: 20px !important;
}
.mat25 {
	margin-top: 25px !important;
}
.mat30 {
	margin-top: 30px !important;
}
.mat35 {
	margin-top: 35px !important;
}
.mat40 {
	margin-top: 40px !important;
}
.mat45 {
	margin-top: 45px !important;
}
.mat50 {
	margin-top: 50px !important;
}
.mat60 {
	margin-top: 60px !important;
}
.mat70 {
	margin-top: 70px !important;
}
.mat80 {
	margin-top: 80px !important;
}
.mat90 {
	margin-top: 90px !important;
}
.mat100 {
	margin-top: 100px !important;
}
.mat170 {
	margin-top: 170px !important;
}
.mab0 {
	margin-bottom: 0 !important;
}
.mab1 {
	margin-bottom: 1em !important;
}
.mab5 {
	margin-bottom: 5px !important;
}
.mab10 {
	margin-bottom: 10px !important;
}
.mab15 {
	margin-bottom: 15px !important;
}
.mab20 {
	margin-bottom: 20px !important;
}
.mab25 {
	margin-bottom: 25px !important;
}
.mab30 {
	margin-bottom: 30px !important;
}
.mab40 {
	margin-bottom: 40px !important;
}
.mab50 {
	margin-bottom: 50px !important;
}
.mar0 {
	margin-right: 0 !important;
}
.mar1 {
	margin-right: 1em !important;
}
.mar10 {
	margin-right: 10px !important;
}
.mar15 {
	margin-right: 15px !important;
}
.mar20 {
	margin-right: 20px !important;
}
.mar30 {
	margin-right: 30px !important;
}
.mal0 {
	margin-left: 0 !important;
}
.mal1 {
	margin-left: 1em !important;
}
.mal10 {
	margin-left: 10px !important;
}
.mal15 {
	margin-left: 15px !important;
}
.mal20 {
	margin-left: 20px !important;
}
.mal30 {
	margin-left: 30px !important;
}
.mmat50 {
	margin-top: -50px !important;
	margin-bottom: 100px !important;
}

.p0 {
	padding: 0 !important;
}
.plr20 {
	padding-left: 20 !important;
	padding-right: 20 !important;
}
.pat0 {
	padding-top: 0 !important;
}
.pat1 {
	padding-top: 1em !important;
}
.pat5 {
	padding-top: 5px !important;
}
.pat10 {
	padding-top: 10px !important;
}
.pat15 {
	padding-top: 15px !important;
}
.pat20 {
	padding-top: 20px !important;
}
.pat25 {
	padding-top: 25px !important;
}
.pat30 {
	padding-top: 30px !important;
}
.pat40 {
	padding-top: 40px !important;
}
.pat50 {
	padding-top: 50px !important;
}
.pab0 {
	padding-bottom: 0 !important;
}
.pab1 {
	padding-bottom: 1em !important;
}
.pab5 {
	padding-bottom: 5px !important;
}
.pab10 {
	padding-bottom: 10px !important;
}
.pab15 {
	padding-bottom: 15px !important;
}
.pab20 {
	padding-bottom: 20px !important;
}
.pab25 {
	padding-bottom: 25px !important;
}
.pab30 {
	padding-bottom: 30px !important;
}
.pab40 {
	padding-bottom: 40px !important;
}
.pab50 {
	padding-bottom: 50px !important;
}
.par0 {
	padding-right: 0 !important;
}
.par1 {
	padding-right: 1em !important;
}
.par10 {
	padding-right: 10px !important;
}
.par15 {
	padding-right: 15px !important;
}
.par20 {
	padding-right: 20px !important;
}
.par30 {
	padding-right: 30px !important;
}
.pal0 {
	padding-left: 0 !important;
}
.pal1 {
	padding-left: 1em !important;
}
.pal10 {
	padding-left: 10px !important;
}
.pal15 {
	padding-left: 15px !important;
}
.pal20 {
	padding-left: 20px !important;
}
.pal30 {
	padding-left: 30px !important;
}

.smat100 {
	margin-top: 100px !important;
}
.sp_mmat30 {
	margin-top: 0px !important;
	margin-bottom: 50px !important;
}

@media (max-width: 768px) {
	.sp_mat0 {
		margin-top: 0px !important;
	}
	.sp_mat5 {
		margin-top: 5px !important;
	}
	.sp_mat10 {
		margin-top: 10px !important;
	}
	.sp_mat20 {
		margin-top: 20px !important;
	}
	.sp_mat30 {
		margin-top: 30px !important;
	}
	.sp_mat40 {
		margin-top: 40px !important;
	}
	.sp_mat50 {
		margin-top: 50px !important;
	}
	.sp_mmat30 {
		margin-top: -30px !important;
		margin-bottom: 0px !important;
	}
	.sp_pab0 {
		padding-bottom: 0px !important;
	}
	.sp_pat30 {
		padding-top: 30px !important;
	}
	.smat100 {
		margin-top: 0px !important;
	}
	.mmat50 {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
}

/* font-size */
.fzxs {
	font-size: 62% !important;
}
.fzs {
	font-size: 75% !important;
}
.fzm {
	font-size: 87% !important;
}
.fzl {
	font-size: 100% !important;
}
.fzml {
	font-size: 115% !important;
}
.fzxl {
	font-size: 135% !important;
}
.fzxll {
	font-size: 150% !important;
}
.fzxlll {
	font-size: 175% !important;
}
.fzxllll {
	font-size: 200% !important;
}
.fzxlllll {
	font-size: 250% !important;
}

/* font-weight */
.fwn {
	font-weight: normal;
}
.fwb {
	font-weight: bold;
}

/* color */
.f_pink {
	color: #c50018 !important;
}
.f_black {
	color: #000 !important;
}
.f_white {
	color: #fff !important;
}
.f_brown {
	color: #835a00 !important;
}
.bg_pink {
	background-color: #c50018 !important;
}
.bg_grey {
	background-color: #f0efef !important;
}
.bg_hardgrey {
	background-color: #666 !important;
}
.bg_black {
	background-color: #000000 !important;
}
.bg_white {
	background-color: #fff !important;
}

/*display*/
.disN {
	display: none !important;
}
.posA {
	position: absolute !important;
}
.posR {
	position: relative !important;
}
.fl {
	float: left !important;
}
.fr {
	float: right !important;
}
.b0 {
	border: 0 !important;
}
.tal {
	text-align: left !important;
}
.tac {
	text-align: center !important;
}
.tar {
	text-align: right !important;
}
@media (max-width: 768px) {
	.-mb-disN {
		display: none !important;
	}
	.-mb-posA {
		position: absolute !important;
	}
	.-mb-posR {
		position: relative !important;
	}
	.-mb-fl {
		float: left !important;
	}
	.-mb-fr {
		float: right !important;
	}
	.-mb-b0 {
		border: 0 !important;
	}
	.-mb-tal {
		text-align: left !important;
	}
	.-mb-tac {
		text-align: center !important;
	}
	.-mb-tar {
		text-align: right !important;
	}
}

.hand {
	cursor: pointer !important;
}

.bgGray {
	background: #777;
	color: #fff;
}
.bgRed {
	background: #d54132;
	color: #fff;
}
.ti {
	text-indent: -1em;
	margin-left: 1em;
}

.em {
	padding: 0 2px;
	font-size: 63%;
	font-weight: normal;
	vertical-align: super;
}

.pc {
	display: block;
}
.sp {
	display: none;
}

@media (max-width: 768px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.fzxlllll {
		font-size: 125% !important;
	}
}

@media all and (-ms-high-contrast: none) {
	html {
		overflow-x: hidden;
	}
}

.no_visible {
	visibility: hidden;
	pointer-events: none;
}

/*ホバーを滑らかに処理*/
a {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

a,
a:hover {
	color: #000;
	text-decoration: none;
}

img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.clearfix {
	display: block;
	clear: both;
	content: "";
}

/*---------------------------------------------
layout
---------------------------------------------*/

section {
	width: 1170px;
	margin: 0 auto;
	padding: 50px 0 100px 0;
}

#wrap {
	position: absolute;
	top: 149px;
	left: 0;
	width: 100%;
	height: auto;
}

@media (max-width: 768px) {
	*,
	*:before,
	*:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	section {
		width: 100%;
		margin: 0 auto;
		padding: 40px 20px 40px 20px;
	}
	#wrap {
		position: absolute;
		top: 63px !important;
	}
}

/* カラムレイアウト
-----------------------------*/
/* 2カラム デフォルトレイアウト */
.two_column:after {
	display: table;
	clear: both;
	content: "";
}
.two_column > * {
	float: left;
	width: 560px;
	margin-right: 30px;
}
.two_column > *:nth-child(2n) {
	margin-right: 0;
}
.two_column li {
	padding-top: 30px !important;
}

/* 3カラム デフォルトレイアウト */
.three_column:after {
	display: table;
	clear: both;
	content: "";
}
.three_column > * {
	float: left;
	width: 370px;
	margin-right: 20px;
}
.three_column > *:nth-child(3n) {
	margin-right: 0;
}

/* 4カラム デフォルトレイアウト */
.four_column:after {
	display: table;
	clear: both;
	content: "";
}
.four_column {
	display: flex;
	flex-wrap: wrap;
}
.four_column > * {
	width: calc((100% - 84px) / 4);
	margin-right: 28px;
}
.four_column > *:nth-child(4n) {
	margin-right: 0;
}
.four_column > *:nth-child(n + 5) {
	margin-top: 28px;
}

/* 5カラム デフォルトレイアウト */
.five_column:after {
	display: table;
	clear: both;
	content: "";
}
.five_column > * {
	float: left;
	width: 218px;
	margin-right: 20px;
}
.five_column > *:nth-child(5n) {
	margin-right: 0;
}

@media (max-width: 768px) {
	.two_column > * {
		float: none;
		width: 100%;
		margin-right: 0px;
	}
	.two_column li {
		clear: both;
	}

	.three_column > *,
	.four_column > *,
	.five_column > * {
		float: left;
		width: 48%;
		margin-right: 10px;
	}
	.three_column > *:nth-child(2n),
	.four_column > *:nth-child(2n),
	.five_column > *:nth-child(2n) {
		margin-right: 0;
	}
}

/* カラム系 白背景 グレーボーダー */
.column_grey > li {
	margin-bottom: 32px;
	background-color: #fff;
	border: 4px solid #ccc;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	box-sizing: border-box;
	border-radius: 4px;
}
@media (max-width: 768px) {
	.column_grey > li {
		margin-bottom: 10px;
		background-color: #fff;
		border: 3px solid #ccc;
		box-sizing: border-box;
	}
}

/* カラム系 リンク */
.column_link li a {
	position: relative;
	padding: 14px 14px 40px;
	display: block;
}
.column_link li a:hover {
	background-color: #eee;
}
.column_link li p,
.column_link li dt {
	/*font-family: 'Noto Sans';*/
	font-weight: 700;
	font-size: 122%;
	padding: 10px 0 10px;
}
.column_link li dd {
	font-size: 87.5%;
	padding: 5px 5px 15px;
	line-height: 1.5;
	text-align: left;
	word-wrap: break-word;
	letter-spacing: 1px;
}
.column_link li a:after {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 12px;
	content: "";
	text-align: center;
	background-image: url(../images/common/i_arrow.webp);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
}

@media (max-width: 768px) {
	.column_link li a {
		padding: 6px 6px 30px;
	}
	.column_link li p {
		font-size: 100%;
	}
	.column_link li a:hover {
		background-color: none;
	}

	.column_link > * {
		margin-right: 4%;
	}
	@media (orientation: landscape) {
		.column_link > * {
			margin-right: 20px;
		}
	}
	.column_link > *:nth-child(2n) {
		margin-right: 0;
	}
	.column_link li:last-child {
		margin-right: 0;
	}
	.column_link li dl dt {
		font-size: 100%;
	}
	.column_link li dl dd {
		font-size: 80%;
		/* font-family: "Noto Serif";*/
	}

	.column_link li a:after {
		bottom: 8px;
	}
}

/*---------------------------------------------
parts
---------------------------------------------*/
#twitter-widget-0 {
	border: 1px solid #ccc !important;
	box-sizing: border-box !important;
	border-radius: 0 !important;
}
/* 見出し */
#wrap h2 {
	/*font-family: "Noto Sans";*/
	font-size: 375%;
	font-weight: 500;
	text-align: center;
}
#wrap h3 {
	color: #333333;
	/*font-family: "Noto Sans";*/
	font-size: 150%;
	font-weight: bold;
}

/* 吹き出し見出し */
#wrap h2.underline {
	margin: 10px 0;
	padding: 0 0 30px 0;
	margin-bottom: 80px;
	background: url(../images/common/h2_underline.webp) no-repeat center bottom;
}
#wrap h2.underline em {
	font-size: 125%;
}

@media (max-width: 768px) {
	#wrap h2.underline {
		margin: 15px 0 25px;
		padding: 0 0 30px 0;
		background-size: 110%;
	}
	#wrap h2.underline em {
		font-size: 125%;
	}
	#wrap h2 {
		font-size: 24px;
	}
}

#wrap h2.exmark {
	margin: 10px 0 30px;
	padding: 120px 0 0;
	font-size: 310%;
	line-height: 1.6;
	background: url(../images/common/i_exmark.webp) no-repeat center top;
}
#wrap h2.exmark span {
	font-size: 85%;
}

@media (max-width: 768px) {
	#wrap h2.exmark {
		margin: 0 0 10px;
		padding: 70px 0 0;
		font-size: 26px;
		background-size: 60px;
	}
	#wrap h2.exmark span {
		font-size: 80%;
	}
}

#wrap h2.simple {
	color: #835a00;
	margin: 50px 0 30px;
	padding: 0;
	font-size: 40px;
}

@media (max-width: 768px) {
	#wrap h2.simple {
		margin: 40px 0 20px;
		font-size: 4.5vw;
	}
}

#wrap h3.band {
	/*font-family: 'Noto Serif JP', serif !important;*/
	font-size: 125%;
	color: #835a00;
	text-align: center;
}

/* 買取申込ボタン */

.application {
	position: relative;
	display: table;
	width: 42.8%;
	height: 70px;
	text-align: center;
	margin: 0 auto;
}
.application > .app_btn {
	display: table-cell;
	width: 100%;
	height: 70px;
	color: #fff;
	background: url(../images/common/btn_bg01.webp) no-repeat;
	background-size: 100%;
	line-height: 70px;
	font-size: 175%;
	/*font-family: 'Noto Sans';*/
	text-decoration: none;
	margin: 0;
	border-radius: 0px;
	vertical-align: middle;
	box-sizing: border-box;
}
.application > a.app_btn:hover {
	opacity: 0.6;
}
.app_btn.arrow_right {
	position: absolute;
	padding-right: 25px;
}
.app_btn.arrow_right:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	background-color: #fff;
	height: 2px;
	right: 22px;
}
.app_btn.arrow_right:after {
	content: "";
	position: absolute;
	top: 31px;
	transform: rotate(45deg);
	width: 10px;
	background-color: #fff;
	height: 2px;
	right: 20px;
}

/*IE 調整*/
@media all and (-ms-high-contrast: none) {
	.application > .app_btn {
		font-family: inherit;
	}

	.application > .app_btn {
		font-family: inherit\9; /*IE10以下*/
	}
}

/*申込ボタンアニメーション*/

.app_btn.arrow_right.echo .inner_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: relative;
}
.app_btn.arrow_right.echo .inner_btn:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	background-color: #fff;
	height: 1px;
	right: 0;
}
.app_btn.arrow_right.echo .inner_btn:after {
	content: "";
	position: absolute;
	top: 20px;
	transform: rotate(45deg);
	width: 10px;
	background-color: #fff;
	height: 1px;
	right: -2px;
}
/* ボタンのアニメーション用ボックスとkeyframeを指定 */
#top_search .app_box .application > .app_btn.echo:before {
	content: "";
	animation: echo 2s cubic-bezier(0.55, 0, 0.1, 1) infinite;
	animation-fill-mode: both;
	display: block;
	position: absolute;
	margin: auto;
	top: 0px !important;
	left: 0px !important;
	width: 100% !important;
	height: 100% !important;
	border-radius: 0px;
	background-color: #ff0000;
}
@keyframes echo {
	0% {
		transform: scale(0);
		opacity: 1;
	}
	70% {
		transform: scale(1.2, 1.3);
	}
	100% {
		transform: scale(1.25, 1.35);
		opacity: 0;
	}
}

@media (max-width: 768px) {
	.application {
		width: 90%;
		height: 45px;
		margin: 0 auto;
	}
	.application > a.app_btn {
		line-height: 2.9;
	}
	.application > .app_btn {
		display: block;
		width: 100%;
		height: 50px;
		font-size: 125%;
	}
	.app_btn.arrow_right:before {
		position: absolute;
		top: -4px;
		right: 15px;
	}
	.app_btn.arrow_right.echo .inner_btn:after {
		top: 20px;
	}
}

/* 申込ボタン附属テキスト付 */
.application_text {
	position: relative;
	display: table;
	width: 50%;
	height: 120px;
	text-align: center;
	margin: 0 auto;
}
.application_text > .app_btn {
	display: table-cell;
	width: 100%;
	height: 120px;
	color: #fff;
	background-color: #ff5200;
	font-size: 240%;
	/*font-family: 'Noto Sans';*/
	line-height: 50px;
	text-decoration: none;
	margin: 0;
	border-radius: 60px;
	vertical-align: middle;
}
.application_text > a.app_btn:hover {
	opacity: 0.6;
}
.attachment_text {
	font-size: 55%;
	font-weight: normal;
}
.application_text .app_btn.arrow_right:before {
	position: absolute;
	top: 33px;
	right: 33px;
	font-size: 140%;
	/*font-family: 'Fontawesome';*/
	content: "\f105";
}
input::placeholder {
	color: #999999;
}

/* IE */
input:-ms-input-placeholder {
	color: #999999;
}

/* Edge */
input::-ms-input-placeholder {
	color: #999999;
}
@media (max-width: 768px) {
	.application_text {
		width: 100%;
		height: 60px;
	}
	.application_text > .app_btn {
		width: 100%;
		height: 60px;
		font-size: 150%;
		line-height: 1.3;
	}
	.application_text .app_btn.arrow_right:before {
		position: absolute;
		top: 11px;
		right: 17px;
	}
}
/* サブボタン */

/*
基本は文字の長さに合わせてボタンのwidthも変わる
ボタンwidthを規定したい場合は、個別に指定すること

例）
#aaaaaaa .sub_conductor > a.sub_btn {
width: 370px;
}

*/

.sub_conductor {
	position: relative;
	width: 42.8%;
	height: 40px;
	text-align: center;
	margin: 0 auto;
}
.sub_conductor > a.sub_btn {
	display: block;
	width: 100%;
	height: 40px;
	margin: 0 auto;
	line-height: 2.3;
	/*font-family: 'Noto Sans';*/
	text-decoration: none;
	text-align: center;
	border-radius: 3px;
	border: solid 2px #333333;
	color: #000;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
}
.sub_conductor > a.sub_btn:hover {
	background-color: #fff;
}
.sub_conductor > a.sub_btn.arrow_right {
	position: absolute;
}
.sub_conductor > a.sub_btn.arrow_right:before {
	position: absolute;
	top: -3px;
	right: 11px;
	width: 18px;
	font-family: system-ui;
	content: ">";
	font-size: 120%;
}

.sub_conductor2 {
	position: relative;
	width: 60%;
	height: 70px;
	text-align: center;
	margin: 50px auto !important;
}
.sub_conductor2 > a.sub_btn {
	display: block;
	width: 100%;
	height: 70px;
	margin: 0 auto;
	line-height: 2.3;
	/*font-family: 'Noto Sans';*/
	text-decoration: none;
	text-align: center;
	border-radius: 3px;
	border: solid 2px #333333;
	color: #000;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 30px !important;
}
.sub_conductor2 > a.sub_btn:hover {
	background-color: #fff;
}
.sub_conductor2 > a.sub_btn.arrow_right {
	position: absolute;
}
.sub_conductor2 > a.sub_btn.arrow_right:before {
	position: absolute;
	top: -8px;
	right: 11px;
	width: 18px;
	font-family: system-ui;
	content: ">";
	font-size: 120%;
}

/* 黒背景プラス */
.i_plus,
.i_minus {
	position: absolute;
}
.i_search {
	position: relative;
}
.i_plus:before,
.i_minus:before,
.i_search:before {
	display: block;
	position: absolute;
	/*font-family: 'Fontawesome';*/
	width: 15px;
	height: 15px;
	color: #000;
	font-size: 140%;
}
.i_plus:before {
	top: 6px;
	right: 13px;
	content: "\f078";
	font-size: 12px;
}
.i_minus:before {
	top: 4px;
	right: 13px;
	content: "\f077";
	font-size: 12px;
}
.i_search:before {
	font-family: "Fontawesome";
	top: 44%;
	transform: translateY(-50%);
	left: 13px;
	content: "\f002";
}

/*IE 調整*/
@media all and (-ms-high-contrast: none) {
	.sub_conductor > a.sub_btn {
		font-family: inherit;
	}
	.sub_conductor > a.sub_btn.arrow_right:before {
		top: -4px;
	}
	.sub_conductor > a.sub_btn {
		font-family: inherit; /*IE10以下*/
	}
	.sub_conductor > a.sub_btn.arrow_right:before {
		top: -4px\9;
	}

	.sub_conductor2 > a.sub_btn {
		font-family: inherit;
	}
	.sub_conductor2 > a.sub_btn.arrow_right:before {
		top: -4px;
	}
	.sub_conductor2 > a.sub_btn {
		font-family: inherit; /*IE10以下*/
	}
	.sub_conductor2 > a.sub_btn.arrow_right:before {
		top: -4px\9;
	}
}

@media (max-width: 768px) {
	.sub_conductor {
		width: 90%;
		height: 35px;
	}
	.sub_conductor > a.sub_btn {
		line-height: 2.5;
	}
	.sub_conductor > a.sub_btn.arrow_right:after {
		top: 41%;
	}
	.sub_conductor > a.sub_btn:hover {
		background-color: #fff;
	}
	.sub_conductor2 {
		width: 90%;
		height: 50px;
		margin: 50px auto 0px;
	}
	.sub_conductor2 > a.sub_btn {
		line-height: 2.5;
		font-size: 20px !important;
		height: 50px;
	}
	.sub_conductor2 > a.sub_btn.arrow_right:after {
		top: 41%;
	}
	.sub_conductor2 > a.sub_btn:hover {
		background-color: #fff;
	}
	.i_plus:before {
		top: 1px;
	}
}

/* 黒右矢印 */
.arrow_right_black {
	position: relative;
	display: inline-block;
	padding: 0 20px 0 0;
}
.arrow_right_black:before {
	position: absolute;
	top: 50%;
	right: 0;
	width: 25px;
	height: 25px;
	margin-top: -19px;
	border-radius: 50%;
	background: #000;
	content: "";
}
.arrow_right_black:after {
	position: absolute;
	top: 50%;
	left: 12px;
	width: 8px;
	height: 8px;
	margin: -12px;
	border: 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
@media (max-width: 768px) {
	.arrow_right_black:before {
		width: 20px;
		height: 20px;
	}
	.arrow_right_black:after {
		left: 17px;
		margin: -13px;
	}
}
/* パンくずリスト */
#dir_path {
	background: #fff;
}
#dir_path section {
	padding: 6px 0;
}
#dir_path section ol {
	width: 100%;
}
#dir_path section ol li {
	float: left;
	width: auto;
	padding-right: 7px;
	line-height: 2;
}
#dir_path section ol li:after {
	display: inline-block;
	content: ">";
}
#dir_path section ol li:last-child:after {
	content: "";
}
#dir_path section ol li a {
	display: inline-block;
	width: auto;
	color: #835a00;
	margin-right: 7px;
}
@media (max-width: 768px) {
	#dir_path section {
		padding: 3px 0;
	}
	#dir_path section ol {
		padding-left: 5px;
	}
	#dir_path section ol li {
		font-size: 85%;
	}
}

/*block*/
.block_rel {
	position: relative;
}

.block_note {
	border: 3px solid #aaa;
	border-radius: 3px;
	padding: 20px 30px;
	line-height: 1.5;
	margin: 40px 0;
}

.block_note dt {
	/*font-family: "Noto Sans";*/
	font-size: 112%;
	margin: 0 0 15px;
	padding-left: 15px;
	border-left: 5px solid #aaa;
}
.block_note dd {
	font-size: 100%;
}

.other_list_none.block_note p {
	/*font-family: "Noto Sans";*/
	font-size: 20px;
	font-weight: 700;
}

.other_list_none.block_note p .f_pink {
	font-size: 28px;
}
.block_note .three_column > * {
	width: 330px;
}
@media (max-width: 768px) {
	.block_note {
		padding: 10px;
		margin: 40px 0 10px;
	}
	.block_note dt {
		font-size: 108%;
		padding-left: 10px;
	}
	.other_lists_none.block_note p {
		font-size: 16px;
	}
	.other_lists_none.block_note p .f_pink {
		font-size: 22px;
	}
}

.block_line {
	background-color: #fff;
	border: 5px solid #000;
	border-radius: 3px;
	padding: 30px 35px;
	line-height: 1.5;
	margin: 40px 0 0;
}

@media (max-width: 768px) {
	.block_line {
		border: 3px solid #000;
		padding: 12px;
		margin: 20px 0 0;
	}
}

.block_sideimg {
	display: flex;
	justify-content: center;
	align-content: center;
	border: 3px solid #835a00;
	border-radius: 3px;
	padding: 50px 30px;
	line-height: 1.5;
	margin: 40px 0;
}
.block_sideimg dt {
	/*font-family: "Noto Sans";*/
	font-size: 143%;
	color: #835a00;
	margin: 0 0 15px;
}
.block_sideimg dd {
	font-size: 100%;
}
.block_sideimg dl {
	width: 55%;
}
.block_sideimg figure {
	width: 45%;
	margin: 0;
	text-align: center;
}
.block_sideimg figure img {
	max-width: 470px;
}

@media (max-width: 768px) {
	.block_sideimg {
		padding: 10px;
		margin: 30px 0 30px;
		flex-direction: column;
	}
	.block_sideimg dt {
		font-size: 121%;
	}
	.block_sideimg dl {
		width: 100%;
	}
	.block_sideimg figure {
		width: 100%;
		padding: 20px 0 10px;
	}
	.block_sideimg figure img {
		width: 70%;
	}
}

/*text*/
.emphasis {
	display: block;
	color: #c50018;
	/*font-family: "Noto Sans";*/
	font-size: 62px;
	font-weight: 100;
	border-bottom: 2px solid #c50018;
	text-align: center;
	width: 100%;
	padding: 5px 0;
	margin: 0 0 50px 0;
}
@media all and (-ms-high-contrast: none) {
	.emphasis {
		font-family: inherit;
	}
}
.emphasis em {
	display: block;
	font-size: 100px;
	letter-spacing: -2px;
	padding: 0 0 5px;
	margin-bottom: 5px;
	border-bottom: 2px solid #c50018;
}

@media (max-width: 768px) {
	.emphasis {
		font-size: 4.5vw;
		margin: 0 0 20px 0;
	}
	.emphasis em {
		font-size: 8.3vw;
	}
}

/*----------------------------------------------
ヘッダー
-----------------------------------------------*/

header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 21;
	width: 100%;
	background-color: #fff;
}

#header {
	top: 0;
	left: 0;
	padding: 12px 0 0 0;
}

/* header */
#header section {
	padding: 0;
	position: relative;
	height: 92px;
}

#header .logo {
	width: 349px;
	height: auto;
	position: absolute;
	top: 5px;
	left: 0;
	z-index: 500;
}
#header .logo {
	width: 240px;
}

#header .various {
	width: 1170px;
	position: absolute;
	top: 5px;
	bottom: 0px;
	right: 0;
	left: 0px;
	box-sizing: border-box;
}

#header .first_row,
#header .second_row {
	width: 100%;
}

#header .first_row {
	height: 38px;
	margin-bottom: 10px;
}

#header .second_row {
	position: absolute;
	bottom: 2px;
	height: 44px;
}

#header .description {
	float: left;
	width: 35%;
	padding: 2px 10px 0 0;
	font-size: 75%;
	color: #fff;
}

/* 買取申込ボタン */
#header .application {
	position: absolute;
	right: 0;
	height: 36px;
	margin: 0px;
}

#header .application > .app_btn {
	position: absolute;
	right: 0;
	width: 200px;
	height: 42px;
	line-height: 36px;
	font-size: 16px;
	border-radius: 0px;
	background-size: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#header .application > .app_btn:before {
}
@media all and (-ms-high-contrast: none) {
	#header .application {
		display: block;
	}
	#header .application > .app_btn:before {
		top: -1px;
	}
}

#header .second_row > ul > li {
	float: left;
	width: 16.5%;
	height: 100%;
	margin-top: 2px;
}

#header .second_row > ul > li:last-child {
	margin-right: 0;
	margin-top: 6px;
}
#header .second_row > ul > li:last-child a p {
	margin-bottom: 0;
}

#header .second_row > ul > li > a {
	display: block;
	text-align: center;
}

#header .second_row > ul > li a:hover,
#header .second_row > ul > li > a.active {
	color: #f9605f;
	border-bottom: 2px solid #f9605f;
}

#header .second_row > ul > li > a span {
	width: 44px;
	height: 38px;
}

#header .purchase_item {
	width: 220px;
	border-bottom: 2px solid #626262;
	box-sizing: border-box;
}
#header .second_row .nav_pic {
	float: left;
	display: inline-block;
	top: 0;
	left: 0;
	width: 44px;
	height: 38px;
	margin: 0px 0 0 0;
	overflow: hidden;
}

#header .second_row .nav_txt {
	display: inline-block;
	top: 0;
	left: 50px;
	width: auto;
	height: 38px;
	line-height: 2.5;
	/*font-family: "Noto Sans";*/
	font-size: 16px;
	box-sizing: border-box;
	margin-bottom: 4px;
	font-weight: bold;
}
#header .second_row .active .nav_txt {
	color: #f9605f;
}

#header .third_row {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	width: 100%;
	left: 0;
	z-index: 1;
	background: #333333;
	height: 40px;
}
#header .third_row.open {
	display: flex;
}
#header .third_row section {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
}
#header .third_row ol {
	display: flex;
}
#header .third_row ol li {
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	/*font-family: "Noto Sans";*/
	font-size: 15px;
	font-weight: 0;
	text-align: center;
	position: relative;
	padding: 0 15px;
	line-height: 1;
	border-left: 1px solid #ccc;
}
@media all and (-ms-high-contrast: none) {
	#header .third_row ol li {
		font-family: inherit;
	}
}
#header .third_row ol li:last-child {
	border-right: 1px solid #ccc;
}
/*
#header .third_row ol li:before{
content:"";
position: absolute;
border-left: 1px solid #ccc;
height:16px;
width:1px;
left:0px;
}
#header .third_row ol li:last-child:after{
content:"";
position: absolute;
border-right: 1px solid #ccc;
height:16px;
width:1px;
right:0px;
}
*/
#header .third_row ol li a,
#header .third_row ol li span {
	display: block;
	color: #fff;
	padding: 1px 10px;
}
#header .third_row ol li span {
	color: #999;
}
#header .third_row ol li a:hover,
#header .third_row ol li a.active {
	color: #835a00;
}
#header .app_btn.arrow_right:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	background-color: #fff;
	height: 1px;
	right: 16px;
}

#header .app_btn.arrow_right:after {
	content: "";
	position: absolute;
	top: 17px;
	transform: rotate(45deg);
	width: 10px;
	background-color: #fff;
	height: 1px;
	right: 16px;
}
/* 5.sprites
----------------------------------------*/
.sprites {
	background: url(../images/common/sprites.webp) no-repeat;
	background-size: auto;
	display: inline-block;
}

.genre01_icon {
	background-position: 0px 0px;
}
.genre02_icon {
	background-position: -44px 0px;
}
.genre03_icon {
	background-position: -88px 0px;
}
.genre04_icon {
	background-position: -132px 0px;
}
.campaign_icon {
	background-position: -176px 0px;
}

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

@media (max-width: 768px) {
	#header {
		padding: 0px 0 0 0;
		height: 40px;
	}
	#header section {
		position: relative;
		height: auto;
	}
	#header .logo {
		width: auto;
		padding: 4px 0px 3px 10px;
		height: 30px;
	}
	#header .logo img {
		width: auto;
		height: 100%;
	}
	#header .first_row {
		height: auto;
		margin-bottom: 0px;
	}

	#header .second_row {
		display: none;
	}
	#header .various {
		width: auto;
		left: 60px;
	}
	#header .description {
		width: 100%;
		font-size: 71%;
		padding: 2px 100px 0 0;
	}
	#header .purchase_item {
		width: auto;
	}
	#header .btn_area {
		position: absolute;
		right: 0px;
		/*phase2 中階層ができた場合
  right: 41px;*/
		width: 40px;
	}

	.sp_gnav {
		position: absolute;
		width: 100%;
		top: 40px;
		background: #fff;
	}
	.sp_gnav > ul {
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}
	.sp_gnav > ul > li {
		width: calc((100% - 20px) / 4);
		height: 100%;
		font-size: 10px;
		margin-right: 5px;
		padding: 0 2px;
		text-align: center;
		border-bottom: 1px solid #626262;
	}
	.sp_gnav > ul > li.current {
		border-bottom: 1px solid #f9605f;
	}
	.sp_gnav > ul > li:last-child {
		margin-right: 0;
	}
	.sp_gnav > ul > li:last-child a {
		padding: 2px 0 5px;
	}
	.sp_gnav > ul > li > a {
		display: block;
		/*font-family: "Noto Sans";*/
		white-space: nowrap;
		padding: 2px 4px 3px;
		color: #040a36;
		font-weight: bold;
	}
	.sp_gnav > ul > li:nth-child(1) > a {
		padding: 6px 0 3px;
	}
}

#header ol.icon_arrow li {
	margin-top: 4px;
}

#gnav .icon_arrow a:before {
	position: initial;
	margin: 0 10px 0 5px;
}

.icon_arrow a:before {
	/*font-family: 'Fontawesome';*/
	content: "\f105";
	position: absolute;
	width: auto;
	height: auto;
	text-align: center;
	top: -5%;
	left: 10px;
	font-size: 21px;
	font-weight: bold;
	color: #999999;
}

#gnav .pr_txt {
	/*font-family: "Noto Sans";*/
	font-size: 131%;
	font-weight: bold;
	color: #c50018;
	text-align: center;
	width: 255px;
	margin: 15px 0 0 20px;
	box-sizing: border-box;
}

/*----------------------------------------------
フッター
-----------------------------------------------*/

/*---------------------------------------------
04. clearfix
---------------------------------------------*/
.clearfix,
footer,
section {
	*zoom: 1;
}
.clearfix:after,
footer:after,
section:after {
	content: " ";
	display: table;
	clear: both;
}

/* 2.layout
----------------------------------------*/

footer {
	position: relative;
	display: block;
	z-index: 20;
	width: 100%;
	height: auto;
	background-color: #000;
	color: #fff;
}

footer section {
	padding: 0px;
}
footer section:first-of-type {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

footer form {
	color: #000;
	font-size: 14px;
}
#footer {
	min-width: 1170px;
	padding: 20px 0 40px 0;
	-webkit-box-shadow: 0 0 3px 0 #999;
	box-shadow: 0 0 3px 0 #999;
}

/*sitemap*/
#footer .sitemap {
	padding: 20px 20px 0;
}
#footer .sitemap li {
	float: left;
	width: auto;
	padding: 2px 30px 0 0;
}
#footer .sitemap li.oneline {
	width: 100%;
}

#footer .sitemap li:first-child {
	padding-top: 0px;
}

#footer .sitemap p,
#footer .sitemap dl {
	margin-bottom: 30px;
}
#footer .sitemap p,
#footer .sitemap dt {
	font-weight: 700;
	position: relative;
	line-height: 0.9em;
}

#footer dt {
	color: #c7e8aa;
	margin-bottom: 10px;
}
#footer dd {
	color: #c7e8aa;
	margin-bottom: 5px;
	font-size: 14px;
	padding-left: 14px;
	line-height: 1.2em;
}

#footer a {
	color: #fff;
	position: relative;
	padding: 0 0 0 24px;
	/*text-indent: -1em;
padding-left: 1em;*/
	display: inline-block;
}

#footer a:hover {
	text-decoration: none;
	opacity: 0.5;
}

#footer .sitemap p a:before,
#footer .sitemap dt a:before {
	font-family: system-ui;
	content: ">";
	position: absolute;
	width: auto;
	height: auto;
	text-align: center;
	top: 0%;
	left: 0px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
	#footer .sitemap p a:before,
	#footer .sitemap dt a:before {
		top: -9%;
	}
}
@media screen and (max-width: 767px) {
	#footer {
		min-width: auto;
	}
	#footer:after {
		padding-bottom: 40px;
	}
}

/*footer bottom*/
#footer .bottom {
	margin: 40px 0 20px;
}
#footer .bottom ul {
	display: inline-block;
}
#footer .bottom ul:last-child {
	border-right: 1px solid #fff;
}
#footer .bottom li {
	display: inline-block;
	border-left: 1px solid #fff;
	padding: 0 20px;
	font-size: 14px;
}

#footer .bottom li a {
	padding: 0;
}

#footer #copyright_wrap .fl {
	width: 89%;
}
#footer #copyright_wrap .fr {
	width: 11%;
	padding-top: 25px;
}
#footer #copyright_wrap .social-btn_fb a {
	padding: 0;
}

#footer p.corp,
copyright {
	margin-top: 15px;
	font-size: 13px;
	display: block;
}

#footer #copyright_wrap li {
	float: left;
}
#footer .social-btn_fb img,
#footer .social-btn_tw img {
	width: 36px;
	height: auto;
}

#footer .page-top {
	display: none;
	position: fixed;
	bottom: 40px;
	right: 44%;
	width: 51px;
	height: 51px;
	margin-right: -576px;
}
#footer .page-top a {
	display: block;
	height: 100%;
	width: 100%;
	padding: 0;
}
#footer .page-top a:hover {
	opacity: 1;
	-webkit-transform: translate(0px, -5px);
	-moz-transform: translate(0px, -5px);
	-ms-transform: translate(0px, -5px);
	-o-transform: translate(0px, -5px);
	transform: translate(0px, -5px);
}
#footer .page-top a:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 51px;
	height: 51px;
	background: url("../images/common/pagetop.webp") no-repeat center top;
	content: "";
}

.lh {
	line-height: 22px !important;
}

@media (max-width: 768px) {
	footer section:first-of-type {
		border: 0;
	}

	/*sitemap*/
	#footer .sitemap li {
		width: auto;
	}
	#footer .sitemap li:nth-last-child(2) {
		clear: both;
		padding-top: 0;
	}
	#footer .sitemap p,
	#footer .sitemap dl {
		margin-bottom: 20px;
	}
	#footer .sitemap p.sp-oneline {
		clear: both;
		float: none;
		width: 100%;
	}
	#footer .sitemap dl {
		float: left;
		width: 50%;
	}
	#footer dd {
		padding-left: 0;
	}
	#footer .sitemap dd > a {
		display: inline-block;
	}
	#footer .sitemap p a:after,
	#footer .sitemap dt a:after {
		top: 50%;
		left: 5px;
		margin-top: 0px;
	}
	#footer dl.genere {
		margin-top: -25px;
		padding-left: 15px;
	}
	#footer dl.genere.left {
		width: 60%;
	}
	#footer dl.genere.right {
		width: 40%;
	}
	/*footer bottom*/
	#footer .bottom {
		margin: 20px;
		padding: 0 10px;
		text-align: center;
	}
	#footer .bottom ul {
		display: block;
		margin-bottom: 10px;
	}
	#footer .bottom ul:last-child {
		margin-bottom: 0;
		border: 0;
	}
	#footer .bottom li {
		padding: 0 10px;
	}
	#footer .bottom li:last-child {
		border-right: 1px solid #fff;
	}
	#footer #copyright_wrap {
		text-align: center;
	}
	#footer #copyright_wrap .fl {
		float: none;
		width: 100%;
	}
	#footer #copyright_wrap .fr {
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	#footer #copyright_wrap .fr li {
		display: inline-block;
		float: none;
	}

	#footer .page-top {
		bottom: 0;
		width: 58px;
		height: 128px;
		right: 5px;
		margin-right: 0;
	}
	#footer .page-top a {
		width: auto;
	}
	#footer .page-top a:after {
		right: 3px;
		width: 100%;
		height: 100%;
		background-size: contain;
	}
}

/*----------------------------------------------
メインビジュアル
-----------------------------------------------*/
#main_bg {
	position: relative;
	margin-top: -45px;
	z-index: 0;
	width: 100%;
	min-width: 1170px;
	background: url(../images/common/main_bg.webp) no-repeat center top;
	background-size: cover;
}

#main_bg.mvB {
	background: url(../images/common/main_bg2.webp) no-repeat center top;
	background-size: cover;
}

#main_visual {
	height: 440px;
	width: 100%;
	min-width: 1170px;
}

#main_visual .inner {
	position: relative;
	display: block;
	width: 1170px;
	text-align: center;
	margin: 0 auto;
	z-index: 0;
}

#main_visual .headline {
	width: 80%;
	margin: auto;
	padding-top: 20px;
	padding-right: 260px;
	position: relative;
}
#main_visual .headline img {
	width: auto;
}
#main_visual .mv_tag {
	position: absolute;
	left: 13%;
	top: 13%;
}
#main_visual .mv_sub {
	position: absolute;
	right: 27%;
	top: 15%;
}
#main_visual .mv_point {
	position: absolute;
	bottom: -9%;
	left: 16%;
}

/*mvB*/
.mvB #main_visual .headline {
	padding-top: 46px;
	margin: 0 20px 0 -38px;
	background: url(../images/common/mv_title_bg.webp) no-repeat top 10px center;
	height: 398px;
}
.mvB #main_visual .headline img {
	width: auto;
}
.mvB #main_visual .mv_tag {
	position: absolute;
	left: 38%;
	top: 8%;
}
.mvB #main_visual .mv_sub {
	position: absolute;
	right: 29%;
	top: 19%;
}
.mvB #main_visual .mv_main {
	position: absolute;
	left: 0%;
	top: 30%;
}
.mvB #main_visual .mv_point {
	position: absolute;
	bottom: 14%;
	left: 38%;
}

@media all and (-ms-high-contrast: none) {
	#main_visual .mv_tag,
	#main_visual .mv_sub,
	#main_visual .mv_main,
	#main_visual .mv_point {
		overflow: hidden !important;
	}
}

@media (max-width: 768px) {
	#main_bg {
		width: auto;
		height: 138vw;
		min-width: auto;
		margin-top: 0px;
		background: url(../images/common/main_bg_sp.webp) no-repeat center top;
		background-size: cover;
	}
	#main_bg.mvB {
		background: url(../images/common/main_bg2_sp.webp) no-repeat center top;
		background-size: cover;
	}

	#main_visual .headline img {
		width: 100%;
	}
	#figure #main_bg {
		background: none;
	}
	#main_visual {
		width: auto;
		min-width: auto;
		height: 520px;
		background-size: 100%;
		padding-bottom: 0px;
	}
	#main_visual .inner {
		top: 0px;
		width: auto;
	}
	#main_visual .headline {
		width: 100%;
		padding-right: 0;
		padding-left: 15px;
	}

	#main_visual .headline span.diagonal_line {
		top: -4px;
		padding: 0 20px;
		font-size: 5vw;
	}

	#main_visual span.diagonal_line:before,
	#main_visual span.diagonal_line:after {
		width: 4vw;
		height: 4vh;
		margin-top: -12px;
		font-size: 4vw;
	}
	#main_visual .headline span.strong_line {
		font-size: calc(32px + 3vw);
	}
	#main_visual .points {
		width: 200px;
		margin-top: 16px;
	}
	#main_visual .mv_tag {
		left: 18%;
		width: 24%;
		top: 16%;
	}
	#main_visual .mv_sub {
		right: 5%;
		width: 43%;
		top: 18%;
	}
	#main_visual .mv_point {
		bottom: -10%;
		width: 65%;
		left: 18%;
	}

	/*mvB*/

	.mvB #main_visual .headline {
		width: 100%;
		padding-right: 0;
		margin: auto;
		background: url(../images/common/mv_title_bg.webp) no-repeat top 10px center;
		background-size: 110%;
		height: 234px;
	}
	.mvB #main_visual .mv_tag {
		left: 15%;
		width: 70%;
		top: 10%;
	}
	.mvB #main_visual .mv_tag img {
		width: 70%;
	}
	.mvB #main_visual .mv_sub {
		left: 13%;
		width: 83%;
		top: 23%;
	}
	.mvB #main_visual .mv_sub img {
		width: 70%;
	}
	.mvB #main_visual .mv_main {
		position: absolute;
		left: 2%;
		top: 37%;
	}
	.mvB #main_visual .mv_main img {
		width: 85%;
	}
	.mvB #main_visual .mv_point {
		bottom: 0%;
		width: 80%;
		left: 10%;
	}
	.mvB #main_visual .mv_point img {
		width: 64%;
	}
}

@media (max-width: 320px) {
	#main_visual {
		background: url(../images/common/main_visual_sp.webp) no-repeat center top
			49%;
		background-size: 100%;
		height: 430px;
	}
	#main_visual .points {
		width: 190px;
		margin-top: 15px;
	}
}
/*----------------------------------------------
トップビジュアル検索枠
-----------------------------------------------*/

#top_search {
	position: absolute;
	top: 100px;
	right: 68px;
	width: 265px;
	background-image: url(../images/common/mv_base.webp);
	padding: 10px;
	z-index: 30;
	background-size: 100%;
	background-repeat: no-repeat;
	height: 208px;
}
#top_search h2 {
	margin: 0;
	color: #fff;
	font-size: 137%;
	/*font-family: 'Noto Sans';*/
	font-weight: 400;
}
#top_search h2 em {
	font-size: 100%;
}
#top_search .search_box {
	background-color: #fff;
	margin: 15px 14px 2px;
	padding: 28px 25px 17px;
	box-sizing: border-box;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}
#top_search .search_box input[type="text"] {
	width: 100%;
	height: 46px;
	line-height: 1.8;
}
#top_search .search_box input[type="submit"] {
	width: 200px;
}
#top_search .search_box .btn_toggle {
	display: block;
	position: relative;
	font-size: 75%;
	padding-left: 20px;
	text-align: left;
	background: url(/moetaku/_assets/images/common/i_plus.webp) no-repeat left 1em
		top 1.4em;
	background-size: 13px;
	padding: 16px 0 16px 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
#top_search .search_box .btn_toggle.active {
	background: url(/moetaku/_assets/images/common/i_minus.webp) no-repeat left
		1em top 1.4em;
	background-size: 13px;
}

#top_search .search_box .select-wrap {
	display: none;
	margin-bottom: 20px;
}
#top_search #top_search_parts {
	height: 100%;
}

#top_search .app_box {
	box-sizing: border-box;
	margin: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#top_search .app_box h3 {
	color: #ec0d0d;
	font-size: 18px;
	/*font-family: 'Noto Sans';*/
	font-weight: 400;
	margin: 0 0 5px !important;
	padding: 0;
	line-height: 1.6;
}
#top_search .app_box h3 em {
	font-size: 16.3px;
	font-weight: 700;
}
#top_search .app_box .application {
	width: 84%;
}
#top_search .app_box .application > .app_btn {
	width: 220px;
	height: 45px;
	line-height: 2.3;
	font-size: 137%;
	font-weight: 400;
	left: 50%;
	transform: translateX(-50%);
}

#top_search .app_box .app_btn.arrow_right:before {
	top: 25%;
	right: 20px;
	width: 25px;
	height: 25px;
	content: none;
}
#top_search .app_box .app_btn.arrow_right:after {
	top: 40%;
	right: 29px;
	width: 8px;
	height: 8px;
	background-color: transparent;
}
#top_search .top_serchbox {
	display: flex;
	justify-content: center;
	text-align: center;
	margin-bottom: 5px;
	position: relative;
}
#top_search .top_serchbox form {
	display: flex;
}

#top_search #top_barcode {
	width: 84%;
	margin: 5px 0 10px;
}

#top_search .top_serchbox input {
	padding: 16px 5px;
	border: none;
	border-radius: 0;
	outline: none;
	font-size: 14px;
	background-color: #f2f2f2;
	box-shadow: 14px 12px 11px -7px rgba(0, 0, 0, 0.1) inset;
	/*font-family: 'Noto Sans';*/
	border: none;
}
@-moz-document url-prefix() {
	/*ff huck*/
	#top_search .top_serchbox form {
		display: inline-flex;
		justify-content: center;
		width: 100%;
	}
	#top_search .top_serchbox input {
		width: calc(75% - 60px);
		clip-path: polygon(13px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 13px);
	}
	#top_search .top_serchbox button {
		width: calc(75% - 60px);
		clip-path: polygon(
			0 0,
			100% 0,
			100% calc(100% - 13px),
			calc(100% - 13px) 100%,
			0 100%,
			0 0
		);
	}
}

@media all and (-ms-high-contrast: none) {
	/* IE11 */
	*::-ms-backdrop,
	#top_search .top_serchbox input {
		width: calc(75% - 60px);
		clip-path: polygon(13px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 13px);
	}
	*::-ms-backdrop,
	#top_search .top_serchbox button {
		width: calc(75% - 60px);
		clip-path: polygon(
			0 0,
			100% 0,
			100% calc(100% - 13px),
			calc(100% - 13px) 100%,
			0 100%,
			0 0
		);
	}
}

@media all and (-ms-high-contrast: none) {
	#top_search .top_serchbox {
		width: 100%;
	}
	#top_search .top_serchbox input {
		width: calc(75% - 60px);
	}
}
#top_search .top_serchbox button {
	padding: 16px 10px;
	/*font-family: 'Noto Sans';*/
	border: none;
	border-radius: 0;
	outline: none;
	font-size: 14px;
	background-color: #666666;
	color: #fff;
	border: none;
	width: 60px;
	cursor: pointer;
	box-shadow: -5px 12px 11px -7px rgba(0, 0, 0, 0.1) inset;
	transition: all 0.2s ease 0s;
}
#top_search .top_serchbox button:hover {
	opacity: 0.6;
}
#top_search .application {
	height: 45px;
}

@media (max-width: 768px) {
	#top_search {
		left: 0;
		right: 0;
		top: 0;
		width: auto;
		margin: 30px 20px 0;
		padding: 1px 0px 2px;
		position: relative;
		height: 270px;
		height: auto;
		aspect-ratio: 5 / 4;
	}
	#top_search h2 {
		font-size: 150%;
	}
	#top_search h2 em {
		font-size: 100%;
	}
	#top_search .app_box {
		padding: 8px 0 8px;
	}

	#top_search .app_box h3 {
		/*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";*/
		font-weight: 700;
		font-size: 120%;
		margin: 0 0 5px !important;
	}

	#top_search .app_box h3 em {
	font-size: 4.4vw;
	font-weight: 700;
	}

	#top_search .app_box .application > .app_btn {
		width: 100%;
		line-height: 2.6em;
	}

	#top_search .app_box .app_btn.arrow_right:before {
		top: 25%;
		right: 20px;
		width: 25px;
		height: 25px;
	}
	#top_search .app_box .app_btn.arrow_right:after {
		top: 40%;
		right: 29px;
		width: 8px;
		height: 8px;
	}
	#top_search .top_serchbox {
		width: 100% - 20px);
		margin-top: 10px;
	}
	#top_search .top_serchbox input {
		width: calc(100% - 20px);
	}
	#top_search .top_serchbox button {
		padding: 16px 0px;
		/*font-family: 'Noto Sans';*/
		border: none;
		border-radius: 0;
		outline: none;
		font-size: 16px;
		background-color: #666666;
		color: #fff;
		border: none;
		width: 56px;
		cursor: pointer;
		box-shadow: -5px 12px 11px -7px rgba(0, 0, 0, 0.1) inset;
		transition: all 0.2s ease 0s;
	}
}
@media (max-width: 320px) {
	#top_search {
		margin: 80px 20px 0;
	}
}

/*----------------------------------------------
お知らせ枠 TOP
----------------------------------------------*/
#top .news {
	display: table;
	background-color: #f2f2f2;
	height: auto;
	width: 100%;
	box-sizing: border-box;
	font-weight: bold;
	min-width: 1170px;
}
#top .news_header {
	/*font-family: 'Josefin Sans', sans-serif; */
	display: table-cell;
	width: 22%;
	background-color: #ec0d0d;
	text-align: right;
	color: #ffffff;
	padding: 10px 20px 10px 0;
	box-sizing: border-box;
	vertical-align: middle;
}
#top .news_main {
	width: 78%;
	padding: 10px 20px;
	box-sizing: border-box;
}
#top .news_main em.new {
	font-weight: 700;
	color: #f00;
	display: inline-block;
	margin-right: 10px;
}

@media (max-width: 768px) {
	#top .news {
		min-width: auto;
	}
	#top .news_header {
		width: 26%;
		font-size: 14px;
		text-align: center;
		padding: 10px 0;
	}
	#top .news_main {
		width: 100%;
		padding: 10px 10px 10px;
		font-size: 14px;
		vertical-align: top;
	}
}

/*----------------------------------------------
キャンペーンバナー TOP
----------------------------------------------*/
#campaign {
	background: #fff;
}
#campaign p {
	/*font-family: "Noto Sans";*/
	font-size: 250%;
	color: #835a00;
	text-align: center;
}
#campaign section {
	padding: 40px 20px 70px 20px;
	text-align: center;
}
img.campaign_bnr {
	width: auto !important;
	max-width: 100%;
	max-height: 400px;
	margin: 0 !important;
}
a img.campaign_bnr {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
a:hover img.campaign_bnr {
	opacity: 0.7;
}
#campaign .application {
	margin-top: 30px;
}

@media (max-width: 768px) {
	#campaign section {
		padding: 30px 20px 60px 20px;
	}
	.campaign_bnr {
		width: 100% !important;
	}
	a:hover img.campaign_bnr {
		opacity: 1;
	}
}

/* 角落ちマスク */
.mask {
	clip-path: polygon(
		13px 0,
		100% 0,
		100% calc(100% - 13px),
		calc(100% - 13px) 100%,
		0 100%,
		0 13px
	) !important;
}
@media screen and (max-width: 767px) {
	.mask {
		clip-path: polygon(
			6px 0,
			100% 0,
			100% calc(100% - 6px),
			calc(100% - 6px) 100%,
			0 100%,
			0 6px
		) !important;
	}
}

/* リンク */
.link_under {
	text-decoration: underline;
}
.link_under:hover {
	opacity: 0.6;
}
/* インデント */
.text_indent {
	text-indent: -1em;
	padding-left: 1em;
}

/* 見出しテキスト */
.heading {
	text-align: center;
}
.heading p {
	font-size: 50px;
	/*font-family: "Noto Sans";*/
	color: #000;
}
.heading.heading_w p {
	color: #fff;
}
.heading h2 {
	font-size: 100px !important;
	font-weight: bold !important;
	/*font-family: "Noto Sans";*/
	color: #ec0d0d;
}
@media screen and (max-width: 767px) {
	.heading p {
		font-size: 20px;
	}
	.heading h2 {
		font-size: 40px !important;
	}
}

/*owabi*/
.owabi {
	text-align: center;
	width: 100%;
}

@media (max-width: 768px) {
	.owabi {
		background-size: 100%;
		height: auto;
		padding-bottom: 85%;
	}
}

/*ヘッダーテキスト*/
.h_text {
	position: absolute;
	width: 100%;
	z-index: 100;
	text-align: left;
	color: #000;
	font-size: 12px;
	pointer-events: none;
}
.h_text section {
	margin: auto;
	padding: 20px 0 0 0;
	position: relative;
}
.h_text h1 {
	margin-left: 252px;
}
@media (max-width: 768px) {
	.h_text {
		font-size: 10px;
	}
	.h_text section {
		padding: 6px 0 0 0;
	}
	.h_text h1 {
		margin-left: 170px;
		height: 45px;
	}
}
@media (max-width: 320px) {
	.h_text {
		display: none;
	}
}

/* sidebar */
.sidebar {
	position: fixed;
	right: 0;
	top: 110px;
	z-index: 30;
	width: 85px;
	clip-path: polygon(
		13px 0,
		100% 0,
		100% 100%,
		13px 100%,
		0% calc(100% - 13px),
		0 13px
	);
	background-color: #fff;
}

.sidebar img {
	width: auto;
}
.sidebar a:hover {
	opacity: 0.6;
}
.sidebar_body > * {
	border-top: 1px solid #808080;
	padding: 8px 12px;
	display: block;
	background-color: #000;
}
.sidebar_body :nth-child(5) {
	border-top: 1px solid #808080;
	padding: 8px 12px;
	display: block;
	background-color: #fff;
}

.sidebar_head,
.sidebar_foot {
	color: #fff;
	text-align: center;
	/*font-family: "Noto Sans";*/
	font-weight: 500;
	font-size: 14px;
}
.sidebar_head {
	background-color: #ec0d0d;
}
.sidebar_head > * {
	padding: 10px 0 8px;
	background-color: #ec0d0d;
}
.sidebar_foot > * {
	border-top: 1px solid #808080;
	padding: 10px 18px 12px;
	display: block;
	background-color: #ec0d0d;
}

@media screen and (max-width: 767px) {
	.sidebar {
		position: fixed;
		right: 0;
		top: auto;
		bottom: 0px;
		z-index: 30;
		width: 100%;
		height: 57px;
		padding: 0;
		clip-path: none;
		background: #000;
		box-sizing: border-box;
		display: flex;
	}
	.sidebar img {
		width: 100%;
	}
	.sidebar_body {
		width: 69.4%;
		display: flex;
	}
	.sidebar_body > * {
		border-top: none;

		padding: 20px 7px 20px;
		width: 20%;
		margin: 0 auto;
		box-sizing: border-box;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		background-color: #000;
	}
	.sidebar_body :nth-child(5) {
		border-top: 1px solid #808080;

		padding: 15px 5px 15px;
		width: 20%;
		margin: 0 auto;
		box-sizing: border-box;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		background-color: #fff;
	}

	.sidebar_head,
	.sidebar_foot {
		box-sizing: border-box;
		color: #fff;
		text-align: center;
		/*font-family: "Noto Sans";*/
		font-weight: normal;
		font-size: 10px;
		width: 15.28%;
		margin: 0;
	}
	.sidebar_head {
	}
	.sidebar_head > * {
		padding: 16px 0 12px;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.sidebar_foot > * {
		padding: 10px 9px 12px;
	}
}

/* conversionエリア */

.conversion {
	position: relative;
	z-index: 1;
	min-width: 1170px;
}
.conversion section {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 3;
	padding: 48px;
}
.conversion section p {
	color: #fff;
	font-size: 28px;
	font-weight: 500;
	/*font-family: "Noto Sans";*/
}
.conversion section p.black {
	color: #000;
}
.conversion .strong_txt {
	color: #ec0d0d;
	font-size: 50px;
	font-weight: bold;
	/*font-family: "Noto Sans";*/
	z-index: 3;
	position: relative;
}
.conversion .conv_txt.large .strong_txt {
	font-size: 80px;
}
.conv_txt {
	position: relative;
	margin-top: 8px;
}
.conversion section .conv_line {
	position: absolute;
	bottom: -2px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	width: 100%;
}

@media all and (-ms-high-contrast: none) {
	.conversion section .conv_line {
		bottom: 8px;
	}
}
.conversion section .conv_txt.large .conv_line {
	bottom: 2px;
}
@media all and (-ms-high-contrast: none) {
	.conversion section .conv_txt.large .conv_line {
		bottom: 25px;
	}
}
@media screen and (max-width: 767px) {
	.conversion {
		min-width: auto;
		padding-bottom: 16px;
	}
	.conversion section {
		padding: 0;
	}
	.conversion section p {
		font-size: 14px;
	}
	.conversion .strong_txt {
		font-size: 25px;
	}
	.conv_txt {
		position: relative;
		margin-top: 0px;
	}
	.conversion .conv_txt.large .strong_txt {
		font-size: 30px;
	}
	p.conv_txt_medi {
		font-size: 18px !important;
	}
}

/* total */
#total {
	margin-top: 40px;
	min-width: 1170px;
}

@media screen and (max-width: 767px) {
	#total {
		min-width: auto;
	}
}

/*----------------------------------------------
メインコンテンツ
-----------------------------------------------*/
/* section */
section.bg_item {
	position: relative;
}
section.bg_item::before {
	position: absolute;
	content: "";
	background-position: 50% 0;
	background-repeat: no-repeat;
	width: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	height: 350px;
	pointer-events: none;
}
section.bg_item_w::before {
	background-image: url(../images/common/bg_item01.webp);
}
section.bg_item_g::before {
	background-image: url(../images/common/bg_item02.webp);
}
section .conv_btn {
	width: 500px;
	display: block;
	margin: 30px auto 0;
}
section .conv_btn:hover {
	opacity: 0.6;
}
@media all and (-ms-high-contrast: none) {
	.conv_btn {
		overflow: hidden;
	}
}
section .hosho_btn {
	width: 660px;
	display: block;
	margin: 40px auto 80px;
}
section .hosho_btn:hover {
	opacity: 0.6;
}
section .sec_h {
	width: 800px;
	margin: 20px auto;
	position: relative;
	z-index: 3;
}

@media screen and (max-width: 767px) {
	section.bg_item::before {
		background-size: 100%;
	}
	section .conv_btn {
		width: 80%;
		margin: 12px auto 0;
	}
	section .sec_h {
		width: 100%;
		margin: 0 auto;
	}
}

/* lead-area */
.lead-area {
	padding-top: 10px;
}
.lead-area section {
	padding: 50px 0 60px 0;
}
.lead-area p {
	/*font-family: "Noto Sans";*/
	font-weight: 400;
	font-size: 250%;
	letter-spacing: -3px;
}
.lead-area p span {
	/*font-family: "Noto Sans";*/
	font-size: 125%;
}
.lead-area h2 {
	/*font-family: "Noto Sans";*/
	font-size: 418.75%;
	font-weight: 500;
	color: #835a00;
	letter-spacing: -2px;
}
.lead-area h2 span {
	position: relative;
	padding-top: 0.2em;
}
.lead-area h2 span::before {
	position: absolute;
	content: "";
	width: 0.15em;
	height: 0.15em;
	border-radius: 50%;
	background-color: #835a00;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

@media (max-width: 768px) {
	.lead-area {
		padding-top: 0;
	}
	.lead-area section {
		padding-top: 32px;
		padding-bottom: 18px;
	}

	.lead-area p {
		font-size: 140%;
		letter-spacing: -1px;
	}
}

/* pickup */
#pickup {
	position: relative;
	background: url(../images/common/bg1.webp) no-repeat right top #f0efef fixed;
	z-index: 0;
	margin-top: 90px;
}
#pickup:before {
	position: absolute;
	content: "";
	display: block;
	bottom: 0;
	left: 0;
	width: 477px;
	height: 750px;
	background: url(../images/common/bg_item_01.webp) no-repeat;
	z-index: 1;
}

#pickup .text-area {
	float: right;
	width: 670px;
}
#pickup .text-area h3 {
	/*font-family: "Noto Sans";*/
	font-size: 150%;
	font-weight: 400;
}

#pickup .item-name {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 60px 30px 30px 15px;
	/*font-family: "Noto Sans";*/
}

#pickup .item-name h4 {
	font-size: 250%;
	font-weight: 700;
	color: #000;
}

#pickup .item-name span {
	font-size: 14px;
}
#pickup .item-name .popular {
	position: relative;
	display: inline-block;
	min-width: 120px;
	max-width: 100%;
	border-bottom: solid 2px #835a00;
	box-sizing: border-box;
}
#pickup .item-name .popular::before {
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	background: #835a00;
	position: absolute;
	top: calc(50% + 4px);
	left: -18px;
	border-radius: 100px;
	transform: rotate(-150deg);
}
#pickup .item-name .popular p {
	position: relative;
	font-size: 125%;
	font-weight: 700;
	line-height: 1.6;
	color: #835a00;
	text-align: center;
	letter-spacing: 1px;
	padding: 7px 10px;
}
#pickup .item-name .popular p::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 30px;
	background-color: #835a00;
}
#pickup .item-name .popular p::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 2px;
	height: 30px;
	background-color: #835a00;
}

#pickup .text-area {
	position: relative;
	z-index: 3;
}

#pickup .text-area dl {
	/*font-family: "Noto Sans";*/
	font-size: 150%;
	font-weight: 400;
}
#pickup .text-area dt {
	float: left;
	clear: left;
	width: 10em;
}
#pickup .text-area dd {
	padding-left: 10em;
	font-weight: 700;
	line-height: 1;
}
#pickup .text-area dd .num {
	/*font-family: 'Josefin Sans', sans-serif;*/
	font-size: 166.7%;
}
#pickup .text-area .by-netoff {
	position: relative;
	background-color: #000;
	padding: 40px 30px 40px 110px;
}
#pickup .text-area .by-netoff p {
	/*font-family: "Noto Sans";*/
	font-size: 200%;
	font-weight: 500;
	color: #fff;
}
#pickup .text-area .by-netoff .price {
	font-size: 312.5%;
	color: #eab83f;
}
#pickup .text-area .by-netoff .price .num {
	/*font-family: 'Josefin Sans', sans-serif;*/
	font-size: 198%;
	font-weight: 500;
	color: #eab83f;
}
#pickup .text-area .by-netoff .date {
	/*font-family: inherit;*/
	font-size: 87.5%;
	font-weight: 400;
	text-align: right;
}

.arrow-wht {
	position: absolute;
	top: -10px;
	left: 25px;
	width: 55px;
	height: 80px;
}
.arrow-wht span {
	display: block;
	position: relative;
	width: 55px;
	height: 80px;
	border-bottom: 7px solid #fff;
	border-left: 7px solid #fff;
	box-sizing: border-box;
}
.arrow-wht span::after {
	content: "";
	position: absolute;
	bottom: -6px;
	right: -30px;
	border-left: 30px solid #fff;
	border-top: 30px solid transparent;
	border-right: 30px solid transparent;
	background-color: #000;
}

.question {
	position: relative;
	text-decoration: none;
	border-bottom: 1px solid #000;
	padding-bottom: 1px;
}
.question::after {
	content: "";
	background: url(../images/common/question-square-solid.svg) no-repeat center
		center;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0px;
	bottom: 0;
	left: -20px;
	margin: auto;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
}

@media (max-width: 768px) {
	#pickup {
		margin-top: 50px;
	}

	#pickup:before {
		bottom: 0;
		left: 0;
		width: 100%;
		height: 567px;
		background: url(../images/common/bg_item_01.webp) no-repeat;
		background-size: 35%;
	}

	#pickup .text-area {
		width: 75%;
	}
	#pickup .text-area p.fzm.tar {
		text-align: left !important;
	}
	#pickup .text-area h3 {
		text-align: center;
		font-size: 120%;
	}

	#pickup .item-name {
		text-align: center;
		display: block;
		justify-content: space-between;
		align-items: center;
		margin: 20px 0px 20px 0px;
	}

	#pickup .item-name h4 {
		font-size: 130%;
	}
	#pickup .item-name span {
		font-size: 12px;
	}
	#pickup .item-name .popular {
		position: relative;
		display: block;
		width: 100%;
		min-width: auto;
		max-width: auto;
		border: solid 2px #835a00;
		margin-top: 10px;
	}
	#pickup .item-name .popular::before {
		display: block;
		background: none;
	}
	#pickup .item-name .popular p {
		font-size: 100%;
		padding: 4px 10px;
	}
	#pickup .item-name .popular p::before {
		width: 0px;
		background-color: none;
	}
	#pickup .item-name .popular p::after {
		width: 0px;
		background-color: none;
	}

	#pickup .text-area dl {
		font-size: 110%;
		margin-left: 0 !important;
	}

	#pickup .text-area .by-netoff {
		margin-top: 20px !important;
		padding: 20px 20px 20px 55px;
	}
	#pickup .text-area .by-netoff p {
		font-size: 130%;
	}
	#pickup .text-area .by-netoff .price {
		font-size: 180%;
	}
	#pickup .text-area .by-netoff .price .num {
		font-size: 130%;
	}

	.arrow-wht {
		top: -10px;
		left: 10px;
		width: 30px;
		height: 50px;
	}
	.arrow-wht span {
		width: 30px;
		height: 50px;
		border-bottom: 5px solid #fff;
		border-left: 5px solid #fff;
		box-sizing: border-box;
	}
	.arrow-wht span::after {
		bottom: -5px;
		right: -15px;
		border-left: 15px solid #fff;
		border-top: 15px solid transparent;
		border-right: 15px solid transparent;
	}
}
@media (max-width: 320px) {
	#pickup .text-area dt {
		float: none;
		margin-bottom: 5px;
	}
	#pickup .text-area dd {
		padding-left: 0px;
		margin-bottom: 10px;
	}
	#pickup .text-area .by-netoff .price {
		font-size: 130%;
	}
	#pickup .text-area .by-netoff .price .num {
		font-size: 150%;
	}
}

/*total*/
.total {
	background: url(../images/common/total.webp) no-repeat center top #eeeeee;
	width: 100%;
	height: 800px;
	text-align: center;
}

/*total_thanks*/
.total_thanks {
	position: relative;
	width: 100%;
	text-align: center;
	font-weight: bold;
	min-width: 1170px;
}
.total_thanks section {
	padding: 50px 0;
	position: absolute;
	top: 44%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.total_thanks h2 {
	/*font-family: 'Noto Serif JP', serif !important;*/
	color: #fff !important;
	font-size: 150% !important;
}
.total_thanks h3 {
	/*font-family: 'Noto Serif JP', serif !important;*/
	color: #fff !important;
	font-size: 250% !important;
}
@media (max-width: 768px) {
	.total {
		background-size: 100%;
		height: auto;
		padding-bottom: 57%;
	}
	.total_thanks {
		min-width: auto;
	}
	#wrap .total_thanks h2 {
		font-size: 14px !important;
		margin: 0px 0 40px 0;
	}
	.total_thanks h3 {
		font-size: 20px !important;
	}
	.total_thanks section {
		padding: 20px 0;
	}
}

/* appeal */
#appeal {
	background-color: #f0efef;
	position: relative;
	min-width: 1170px;
}
#appeal section {
	padding-bottom: 30px;
}
.appeal_area .appeal_h {
	width: 800px;
	margin: 70px auto;
	position: relative;
	z-index: 3;
}
.appeal_img {
	min-width: 1170px;
}
#appeal .appeal_content {
	position: relative;
}
#appeal .appeal_txt_area {
	position: absolute;
	bottom: 64px;
	left: 50%;
	transform: translateX(-50%);
	/*font-family: "Noto Sans";*/
	text-align: center;
	font-weight: bold;
	width: 100%;
}
#appeal .appeal_content:nth-child(2) .appeal_txt_area {
	bottom: 64px;
}
#appeal .appeal_content:nth-child(3) .appeal_txt_area {
	bottom: 40px;
}
#appeal .appeal_content:nth-child(5) .appeal_txt_area {
	bottom: 70px;
}

#appeal .appeal_txt_area .appeal_small {
	font-size: 22px;
}
#appeal .appeal_txt_area .appeal_midium {
	font-size: 28px;
}
#appeal .appeal_txt_area .appeal_large {
	font-size: 40px;
	color: #ec0d0d;
}
#appeal .appeal_txt_area .appeal_caption {
	font-size: 16px;
	font-weight: normal;
	/*font-family: 'メイリオ', Meiryo, sans-serif;*/
	margin-top: 12px;
}
#appeal .appeal_txt_area .appeal_midium + .appeal_midium {
	margin-top: 18px;
}
#appeal .appeal_txt_areab {
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	width: 100%;
}
#appeal .appeal_txt_areab .appeal_exlarge {
	font-size: 42px;
	margin-top: 30px;
	color: #ec0d0d;
}
#appeal .appeal_txt_areab .appeal_midiumb {
	font-size: 28px;
	margin-top: 30px;
}
#appeal .appeal_txt_areab .appeal_largeb {
	font-size: 40px;
	color: #ec0d0d;
}
#appeal .appeal_arrow {
	width: 550px;
	margin: 0 auto;
}
#appeal .appeal_present_txt {
	/*font-family: "Noto Sans";*/
	font-weight: bold;
	text-align: center;
}
#appeal .appeal_present_beginner {
	font-size: 55px;
	margin: 10px auto 0;
	position: relative;
	width: max-content;
	text-align: center;
}
@media all and (-ms-high-contrast: none) {
	#appeal .appeal_present_beginner {
		display: inline;
	}
}
#appeal .appeal_present_beginner::before {
	position: absolute;
	top: 64%;
	left: -105px;
	transform: translateY(-50%);
	content: "";
	background: url(../images/common/beginner.webp) no-repeat;
	width: 100px;
	height: 130px;
}
.appeal_area .appeal_present_copy {
	color: #ec0d0d;
	font-size: 78px;
	position: relative;
	z-index: 2;
}
.appeal_area .appeal_present_copy::before {
	position: absolute;
	bottom: 6px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	background: url(../images/common/yellow_line.webp) no-repeat;
	width: 100%;
	height: 20px;
	background-position: 50% 0;
	z-index: -1;
}
.appeal_area .appeal_present_copy + .appeal_present_copy {
	margin-bottom: 40px;
}

#appeal .appeal_btn_area {
	margin-top: 20px;
	margin-bottom: 20px;
}
#appeal .appeal_btn {
	text-align: center;
	border: 2px solid #333333;
	border-radius: 30px;
	width: 370px;
	height: 40px;
	margin: 0 auto;
	position: relative;
	/*font-family: "Noto Sans";*/
	font-weight: 500;
	transition: all 0.2s ease 0s;
}
#appeal .appeal_btn a {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease 0s;
}
#appeal .appeal_btn:before {
	content: "";
	position: absolute;
	top: 52%;
	transform: translateY(-50%);
	width: 15px;
	background-color: #333333;
	height: 1.5px;
	right: 20px;
	transition: all 0.2s ease 0s;
}
#appeal .appeal_btn:after {
	content: "";
	position: absolute;
	top: 17px;
	transform: rotate(45deg);
	width: 10px;
	background-color: #333333;
	height: 1.5px;
	right: 18px;
	transition: all 0.2s ease 0s;
}
#appeal .appeal_btn:hover {
	border: 2px solid #333333;
	background-color: #333;
}
#appeal .appeal_btn:hover a {
	color: #fff;
}
#appeal .appeal_btn:hover:before {
	background-color: #fff;
}
#appeal .appeal_btn:hover:after {
	background-color: #fff;
}
#appeal .appeal_arrow-icon {
	width: 94px;
	margin: 0 auto;
}
#appeal .appeal_campaign_txt {
	/*font-family: "Noto Sans";*/
	font-weight: bold;
	font-size: 42px;
	text-align: center;
}
#appeal .appeal_campaign_txt .appeal_campaign_copy {
	font-size: 52px;
	color: #fff;
	background-color: #ff0000;
	display: initial;
	position: relative;
	z-index: 3;
}
@media all and (-ms-high-contrast: none) {
	#appeal .appeal_campaign_txt .appeal_campaign_copy {
		display: inline;
		padding-top: 4px;
	}
}
#appeal .cycle_area {
	position: relative;
	margin-top: -54px;
	z-index: 2;
	min-width: 1170px;
}
#appeal .cycle_img > * {
	position: absolute;
	top: 8%;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
}
#appeal .cycle_img > *:first-child {
	width: 38%;
	top: 16%;
}
#appeal .cycle_img > *:last-child {
	width: 58%;
}
.appeal_area .hosyo {
	padding-bottom: 80px;
}
.appeal_area .hosyo_img {
	width: 882px;
	margin-left: auto;
	margin-right: auto;
}
.appeal_area .appeal_present_copy {
	width: 882px;
	margin-left: auto;
	margin-right: auto;
}
.appeal_area .hosyo .appeal_present_copy {
	/*font-family: "Noto Sans";*/
	font-weight: bold;
	text-align: center;
	font-size: 52px;
	margin-top: 20px;
}
.appeal_area .hosyo .appeal_present_copy::before {
	bottom: -2px;
}
.appeal_area .hosyo .conv_btn {
	margin-top: 50px;
}
.appeal_area .hosyo .hosho_btn {
	background-color: #000;
	color: #fff;
	font-size: 28px;
	/*font-family: "Noto Sans";*/
	font-weight: bold;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.appeal_area .hosyo .hosho_btn.arrow_right:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	background-color: #fff;
	height: 1px;
	right: 24px;
}

.appeal_area .hosyo .hosho_btn.arrow_right:after {
	content: "";
	position: absolute;
	top: 30px;
	transform: rotate(45deg);
	width: 10px;
	background-color: #fff;
	height: 1px;
	right: 24px;
}

.appeal_area .hosyo .conv_btn2 {
	margin-top: 20px;
}
.appeal_area .hosyo .hosho_btn2 {
	background-color: #ff0000;
	color: #fff;
	font-size: 28px;
	/*font-family: "Noto Sans";*/
	font-weight: bold;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 250px;
}

.appeal_area .hosyo .hosho_btn2:hover {
	background-color: #ff8181;
}

.appeal_area .hosyo .hosho_btn2.arrow_right:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	background-color: #fff;
	height: 1px;
	right: 24px;
}

.appeal_area .hosyo .hosho_btn2.arrow_right:after {
	content: "";
	position: absolute;
	top: 30px;
	transform: rotate(45deg);
	width: 10px;
	background-color: #fff;
	height: 1px;
	right: 24px;
}

@media screen and (max-width: 767px) {
	#appeal {
		min-width: auto;
	}
	.appeal_img {
		min-width: auto;
	}
	#appeal .cycle_area {
		min-width: auto;
		margin-top: -40px;
	}
	.appeal_area .appeal_h {
		width: 100%;
		margin: 30px 0 50px;
	}
	#appeal .appeal_txt_area {
		position: relative;
		bottom: auto;
		left: auto;
		transform: translateX(0);
	}
	#appeal .appeal_content {
		margin-top: 30px;
	}
	#appeal .appeal_content:nth-child(3) {
		margin-top: 20px;
	}
	#appeal .appeal_content:nth-child(5) {
	}
	#appeal .appeal_content:nth-child(3) .appeal_txt_area {
		position: initial;
	}
	#appeal .appeal_content:nth-child(5) .appeal_txt_area {
		position: initial;
	}
	#appeal .appeal_txt_area .appeal_midium {
		margin-top: 10px;
		font-size: 16px;
	}
	#appeal .appeal_txt_area .appeal_small {
		font-size: 14px;
	}
	#appeal .appeal_txt_area .appeal_large {
		font-size: 20px;
		margin-top: 2px;
	}
	#appeal .appeal_txt_areab .appeal_exlarge {
		font-size: 22px;
		margin-top: 10px;
	}
	#appeal .appeal_txt_areab .appeal_midiumb {
		font-size: 16px;
		margin-top: 10px;
	}
	#appeal .appeal_txt_areab .appeal_largeb {
		font-size: 20px;
		margin-top: 2px;
	}
	#appeal .appeal_arrow {
		width: 80%;
		margin-top: 18px;
	}
	#appeal .appeal_present_beginner::before {
		background: none;
	}
	#appeal .appeal_present_beginner {
		font-size: 25px;
		margin: 25px auto 0;
		width: 100%;
	}

	.appeal_area .appeal_present_copy {
		width: 100%;
		font-size: 36px;
	}
	.appeal_area .appeal_present_copy::before {
		bottom: 0px;
		left: 50%;
		transform: translateX(-50%);
		content: "";
		background: url(../images/common/yellow_line_sp.webp) no-repeat;
		width: 100%;
		height: 10px;
		background-position: 50% 0;
		z-index: -1;
		background-size: 110%;
	}
	#appeal .appeal_txt_area .appeal_caption {
		font-size: 10px;
		margin-top: 12px;
		line-height: 1.8;
	}
	#appeal .appeal_btn {
		border: 1px solid #333333;
		width: 100%;
		height: 30px;
	}
	#appeal .appeal_btn a {
		font-size: 12px;
	}
	#appeal .appeal_btn:before {
		top: 52%;
		width: 15px;
		height: 1px;
		right: 20px;
	}
	#appeal .appeal_btn:after {
		top: 11px;
		width: 8px;
		height: 1px;
		right: 18px;
	}
	#appeal .appeal_txt_area .appeal_midium + .appeal_midium {
		margin-top: 6px;
		line-height: 2;
	}
	#appeal .appeal_arrow-icon {
		width: 45px;
	}
	#appeal section {
		padding-top: 30px;
	}
	#appeal .appeal_campaign_txt {
		font-size: 18px;
	}
	#appeal .appeal_campaign_txt .appeal_campaign_copy {
		font-size: 22px;
	}
	.appeal_area .hosyo_img {
		width: 100%;
	}
	.appeal_area .hosyo .appeal_present_copy {
		font-size: 26px;
		margin-top: 12px;
	}
	#appeal .cycle_img > *:last-child {
		width: 84%;
		top: 6%;
	}
	#appeal .cycle_img > *:first-child {
		width: 50%;
		top: 16%;
	}
	.appeal_area .hosyo {
		padding-bottom: 0;
	}
	.appeal_area .hosyo_img {
		margin-top: 20px;
	}
	.appeal_area .hosyo .conv_btn {
		margin-top: 28px;
		margin-bottom: 30px;
	}
	.appeal_area .hosyo .hosho_btn {
		font-size: 14px;
		height: 35px;
		width: 100%;
	}
	.appeal_area .hosyo .hosho_btn.arrow_right:before {
		width: 10px;
		right: 10px;
	}

	.appeal_area .hosyo .hosho_btn.arrow_right:after {
		top: 15px;
		width: 6px;
		right: 10px;
	}

	.appeal_area .hosyo .conv_btn2 {
		margin-top: 10px;
	}
	.appeal_area .hosyo .hosho_btn2 {
		background-color: #ff0000;
		color: #fff;
		font-size: 18px;
		/*font-family: "Noto Sans";*/
		font-weight: bold;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 140px;
	}

	.appeal_area .hosyo .hosho_btn2:hover {
		background-color: #ff8181;
	}

	.appeal_area .hosyo .hosho_btn2.arrow_right:before {
		top: 55%;
		width: 10px;
		right: 10px;
	}

	.appeal_area .hosyo .hosho_btn2.arrow_right:after {
		top: 20px;
		width: 6px;
		right: 10px;
	}
}

/* review */
#review {
	position: relative;
	min-width: 1170px;
}
#review section {
	padding-bottom: 20px;
}
#review::after {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	width: 100%;
	height: 100px;
	top: 0;
	background-image: url(../images/common/h_line01.webp);
	background-repeat: no-repeat;
	background-position-x: 50%;
	z-index: 2;
}
#review .h_title {
	margin-top: 30px;
	position: relative;
	z-index: 1;
}
#review .h_title > * {
	text-align: center;
	/*font-family: "Noto Sans";*/
	font-weight: 500;
	font-size: 26px;
}
#review .h_title h3 {
	font-size: 60px;
	color: #000;
}

.review_box {
	width: 80%;
	height: auto;
	margin: 50px auto;
	filter: drop-shadow(2px 2px 2px #aaa);
	z-index: 1;
}
.review_content {
	background: #fff;
	width: 100%;
	height: auto;
	margin: 50px auto;
	position: relative;
	z-index: 1;
	padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
	#review {
		min-width: auto;
	}
	#review::after {
		height: 30px;
		background-image: url(../images/common/h_line01_sp.webp);
		background-size: 100%;
	}
	#review .h_title {
		margin-top: 6px;
	}
	#review .h_title > * {
		font-size: 16px;
	}
	#review .h_title h3 {
		font-size: 24px;
		margin-top: 4px;
	}
	.review_content {
		margin: 0 auto;
	}
	.review_box {
		width: 100%;
		margin: 18px auto 0;
	}
}

/*all_service*/
.all_service {
	position: relative;
	min-width: 1170px;
}
.all_service::after {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	width: 100%;
	height: 34px;
	top: 0;
	background-image: url(../images/common/h_line05.webp);
	background-repeat: no-repeat;
	background-position-x: 50%;
	z-index: 2;
}
.all_service ul {
	position: relative;
	z-index: 3;
}
.all_service h2 {
	margin: 10px 0;
	padding: 0 0 30px 0;
	margin-bottom: 80px;
	position: relative;
	z-index: 3;
}
.all_service .column_link li dd {
	/*font-family: "Noto Sans";*/
	font-weight: 700;
	text-align: center;
	color: #ff124c;
	padding: 10px 0 10px;
}
.all_service .column_link li dt {
	text-align: center;
	padding: 5px 0 15px;
	/*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	font-size: 162%;
}
@media (max-width: 768px) {
	.all_service .column_link li dd {
		font-size: 85%;
	}
	.all_service .column_link li dt {
		padding: 0 0 15px;
		font-size: 137%;
	}
	.all_service {
		min-width: auto;
	}
	.all_service::after {
		height: 26px;
		background-image: url(../images/common/h_line05_sp.webp);
		background-size: 100%;
	}
	.all_service h2 {
		margin-bottom: 0;
	}
}

/*usage*/
.usage {
	position: relative;
	margin-top: 30px;
	min-width: 1170px;
}
.usage::after {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	width: 100%;
	height: 34px;
	top: 0;
	background-image: url(../images/common/h_line03.webp);
	background-repeat: no-repeat;
	background-position-x: 50%;
	z-index: 2;
}
.usage h2 {
	margin: 10px 0;
	padding: 0 0 30px 0;
	margin-bottom: 80px;
	position: relative;
	z-index: 3;
}
.usage ul {
	position: relative;
	z-index: 3;
}
.usage .five_column li {
	position: relative;
	background-color: #000;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	/*font-family: "Noto Sans";*/
	width: 210px;
	min-height: 300px;
	margin-right: 30px;
}
.usage .five_column li:nth-child(5) {
	margin-right: 0px;
}
.usage .five_column li:before {
	content: "1";
	position: absolute;
	display: block;
	top: -30px;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	background: #f94545;
	color: #fff;
	/*font-family: "Noto Sans";*/
	font-size: 137%;
	font-weight: 700;
	border-radius: 3px;
	line-height: 40px;
}
.usage .five_column li.n2:before {
	content: "2";
}
.usage .five_column li.n3:before {
	content: "3";
}
.usage .five_column li.n4:before {
	content: "4";
}
.usage .five_column li.n5:before {
	content: "5";
}

.usage .five_column li:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #f94545;
}
.usage .five_column li:nth-child(5):after {
	content: "";
	border: none;
}
.usage .five_column li dl {
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center; /* 子要素をflexboxにより中央に配置する */
	padding: 10px 0;
	box-sizing: border-box;
	height: 95px;
}
.usage .five_column li dt {
	font-size: 122%;
	font-weight: 700;
}
.usage .five_column li dd {
	font-size: 100%;
	font-weight: 700;
}

@media (max-width: 768px) {
	.usage {
		min-width: auto;
	}
	.usage h2 {
		margin-bottom: 0;
	}
	.usage::after {
		height: 26px;
		background-image: url(../images/common/h_line03_sp.webp);
		background-size: 100%;
	}
	.usage .five_column li {
		width: 100%;
		margin-left: 0px;
		margin-bottom: 30px;
		min-height: auto;
	}
	.usage .five_column li:before {
		top: 50%;
		left: -15px;
		margin-top: -15px;
		margin-left: 0px;
		width: 30px;
		height: 30px;
		font-size: 122%;
		line-height: 30px;
	}

	.usage .five_column li:after {
		top: inherit;
		right: inherit;
		bottom: -25px;
		left: 50%;
		margin-top: inherit;
		margin-left: -15px;
		border-width: 15px 15px 0 15px;
		border-color: #f94545 transparent transparent transparent;
	}
	.usage .five_column li dl {
		height: 90px;
		padding: 10px;
	}
	.usage .five_column li dt {
		font-size: 122%;
	}
	.usage .five_column li dd {
		font-size: 87%;
	}
	.usage .five_column li img {
		width: 90px;
		height: 90px;
		float: left;
	}
	.usage .conv_btn {
		width: 100%;
	}
}

.usage .sub_conductor {
	text-align: center;
	margin: 60px auto 30px;
}
@media (max-width: 768px) {
	.usage .sub_conductor {
		margin-top: 10px;
	}
	.usage .sub_conductor > a.sub_btn {
		width: 100%;
	}
	.usage .sub_conductor > a.sub_btn.arrow_right:after {
		top: 41%;
		right: 27px;
	}
}

/* features */
.features {
	position: relative;
	margin-top: 30px;
	min-width: 1170px;
}
.features::after {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	width: 100%;
	height: 34px;
	top: 0;
	background-image: url(../images/common/h_line04.webp);
	background-repeat: no-repeat;
	background-position-x: 50%;
	z-index: 2;
}
.features h2 {
	margin: 10px 0;
	padding: 0 0 30px 0;
	margin-bottom: 80px;
	position: relative;
	z-index: 3;
}
.features .three_column li {
	/*font-family: "Noto Sans";*/
	height: 250px;
	margin-bottom: 20px;
	border-left: 1px solid #ccc;
	box-sizing: border-box;
}
.features .three_column li:nth-child(3n) {
	border-right: 1px solid #ccc;
}
.features .three_column .circle_pic {
	width: 130px;
	height: auto;
	margin: 20px auto;
}
.features_txt {
	text-align: center;
}
.features .three_column dl dt {
	font-size: 20px;
	font-weight: bold;
}
.features .three_column dl dd {
	font-size: 34px;
	font-weight: bold;
	padding: 0px 0px 20px;
	color: #f94545;
}
.features .three_column dl dd span {
	font-size: 20px;
}
.features .application {
	margin: 50px auto 0;
}

@media (max-width: 768px) {
	.features {
		margin-top: 0;
		min-width: auto;
	}
	.features::after {
		height: 26px;
		background-image: url(../images/common/h_line04_sp.webp);
		background-size: 100%;
	}
	.features h2 {
		margin-bottom: 0;
	}
	.features section {
		padding: 50px 10px 50px 10px;
	}
	.features .three_column {
		margin: 0 auto;
	}
	.features .three_column li {
		float: left;
		width: 50%;
		height: auto;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.features .three_column li:nth-child(even) {
		border-left: 0;
	}
	.features .three_column li:last-child {
		margin-bottom: 0;
	}
	.features .three_column .circle_pic {
		width: 48%;
		margin-bottom: 0;
	}
	.features .three_column dl {
		padding: 5%;
	}
	.features .three_column dl dt,
	.features .three_column dl dd span {
		font-size: 100%;
	}
	.features .three_column dl dd {
		font-size: 120%;
	}
	.features section .conv_btn {
		width: 100%;
		margin-top: 0;
	}
}

/* campaign*/
.campaign .campaign_note {
	margin: 20px 0 0;
	text-align: center;
	line-height: 1.5;
}
.campaign .campaign_note em {
	font-size: 120%;
	font-weight: 700;
}
.campaign .block_note {
	padding: 20px 30px 36px;
}
.campaign .campaign_title {
	font-size: 24px;
	font-weight: bold;
}
.campaign .campaign_caption ul {
	font-size: 20px;
	margin-top: 16px;
}
.campaign .campaign_caption ul li:first-child {
	margin-top: 0px;
}
.campaign .campaign_caption ul li {
	margin-top: 20px;
	padding-left: 34px;
	position: relative;
}
.campaign .campaign_caption ul li::before {
	position: absolute;
	content: "●";
	width: 16px;
	height: 20px;
	top: 0;
	left: 10px;
	color: #ccc;
}
.campaign .campaign_caption ul li span {
	font-weight: bold;
	color: #c50018;
}

@media (max-width: 768px) {
	.campaign .block_note {
		padding: 10px;
		margin: 40px 0 10px;
	}
	.campaign .campaign_note {
		margin: 20px 0 0;
		text-align: left;
	}
	.campaign .campaign_note em {
		font-size: 110%;
	}
	.campaign .campaign_title {
		font-size: 16px;
	}
	.campaign .campaign_caption ul {
		font-size: 14px;
		margin-top: 10px;
	}
	.campaign .campaign_caption ul li {
		margin-top: 14px;
		padding-left: 28px;
	}
	.campaign section .conv_btn {
		width: 100%;
		margin-top: 0;
	}
}

/* no_purchase*/
.no_purchase {
	min-width: 1170px;
}
.no_purchase h3 {
	font-size: 112%;
}
.no_purchase .purchase_rule dt {
	background: #000;
	font-size: 112%;
	font-weight: 700;
	color: #fff;
	padding: 5px 0;
	margin: 30px 0;
	text-align: center;
}
.no_purchase .purchase_rule dd {
	text-align: center;
}

.no_purchase .purchase_rule a.sub_btn {
	position: relative;
	display: inline-block;
	width: 370px;
	height: 40px;
	margin: 0 10px;
	line-height: 2.3;
	/*font-family: 'Noto Sans';*/
	text-decoration: none;
	text-align: center;
	border-radius: 20px;
	border: solid 2px #333333;
	color: #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.no_purchase .purchase_rule a.sub_btn:hover {
	background-color: #eee;
}
.no_purchase .purchase_rule a.sub_btn:before {
	position: absolute;
	top: -3px;
	right: 11px;
	width: 18px;
	/*font-family: 'Fontawesome';*/
	content: "\f105";
	font-size: 120%;
}
.no_purchase_items dl {
	display: flex;
	margin-top: 16px;
}
.no_purchase_items dt {
	font-weight: bold;
	width: 100px;
}
.no_purchase_items p {
	margin-left: 1em;
	margin-bottom: 5px;
}
.no_purchase_content + .no_purchase_content {
	margin-top: 40px;
}
.no_purchase_content > p {
	margin-top: 20px;
}
.no_purchase_content > p + p {
	margin-top: 0px;
}
.no_purchase_content h4 {
	font-size: 18px;
	font-weight: bold;
	/*font-family: "Noto Sans";*/
	border-left: 5px solid #aaa;
	padding-left: 15px;
}

@media (max-width: 768px) {
	.no_purchase {
		min-width: auto;
	}
	.no_purchase h3 {
		font-size: 100% !important;
	}
	.no_purchase .purchase_rule dt {
		font-size: 100%;
		margin: 20px 0 10px;
	}
	.no_purchase .purchase_rule a.sub_btn {
		width: 90%;
		height: 35px;
		margin: 10px 0;
		line-height: 2.3;
		box-sizing: border-box;
	}
	.no_purchase_items dt {
		width: 80px;
	}
	.no_purchase_items dd {
		width: calc(100% - 80px);
	}
	.no_purchase_content + .no_purchase_content {
		margin-top: 28px;
	}
	.no_purchase_content > p {
		margin-top: 14px;
		font-size: 12px;
	}
	.no_purchase_content h4 {
		font-size: 14px;
		border-left: 4px solid #aaa;
		padding-left: 10px;
	}
}

/* purchase*/
.purchase {
	position: relative;
	min-width: 1170px;
}
#purchase::before {
	opacity: 0.2;
}

.purchase::after {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	width: 100%;
	height: 100px;
	top: 0;
	background-image: url(../images/common/h_line02.webp);
	background-repeat: no-repeat;
	background-position-x: 50%;
	z-index: 2;
}
.purchase section {
	padding-bottom: 50px;
	padding-top: 90px;
}
.purchase section h2 {
	color: #fff;
}

.purchase .search_price {
	width: 1063px;
	margin: 0 auto 50px;
	padding: 0 35px;
	border-radius: 10px;
}

.purchase .search_price a {
	outline: none;
	outline: none;
}

.purchase .hipricecopy {
	color: white;
	text-align: center;
	font-size: 28px;
}

.bag_text {
	/*font-family: "Noto Sans";*/
	text-align: center;
	margin: 50px auto;
	font-size: 220%;
	line-height: 1.4;
}
.bag_text span {
	font-size: 150%;
	font-weight: 700;
}

@media (max-width: 768px) {
	.purchase {
		min-width: auto;
	}

	.purchase::after {
		background-image: url(../images/common/h_line02_sp.webp);
		background-size: 100%;
		height: 28px;
	}
	.purchase section h2 {
		margin: 0px 0 26px 0 !important;
	}
	.purchase .search_price {
		width: 100%;
		margin: 30px auto 30px;
		padding: 0 20px;
	}
	.purchase section {
		padding-top: 60px;
	}
	.bag_text {
		font-size: 140%;
		line-height: 1.4;
	}
	.bag_text span {
		font-size: 150%;
	}
}

/*買取検索ボタンアニメーション*/

.purchase .search_price a.echo {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.purchase .search_price a.echo:before {
	position: absolute;
}
.purchase .search_price a.echo:before,
.purchase .search_price a.echo:after {
	content: none;
}
/* ボタンのアニメーション用ボックスとkeyframeを指定 */
.purchase .search_price a.echo:before {
	content: "";
	animation: echo 2s cubic-bezier(0.55, 0, 0.1, 1) infinite;
	animation-fill-mode: both;
	display: block;
	position: absolute;
	margin: auto;
	top: 0px !important;
	left: 0px !important;
	width: 100% !important;
	height: 100% !important;
	background: #835a00;
	border-radius: 8px;
	z-index: -1;
}
@keyframes echo {
	0% {
		transform: scale(0);
		opacity: 1;
	}
	70% {
		transform: scale(1.1, 1.2);
	}
	100% {
		transform: scale(1.2, 1.25);
		opacity: 0;
	}
}

.purchase .search_price a.echo:hover {
	transform: scale(1.05, 1.05);
}

.purchase .logo_list_txt {
	/*font-family: "Noto Sans";*/
	font-size: 24px;
	font-weight: 700;
	padding: 10px;
	text-align: center;
}
.purchase .logo_list_txt.align_r {
	text-align: right;
}
.purchase #purchase_list {
	margin-top: 50px;
}
.purchase #purchase_list li {
	clip-path: polygon(5% 0, 100% 0, 100% 97%, 95% 100%, 0 100%, 0 3%);
}

@media (max-width: 768px) {
	.purchase .logo_list_txt {
		font-size: 3.5vw;
	}
	.purchase #purchase_list {
		margin-top: 30px;
	}
}

/*ジャンル別買取リスト*/

.purchase .purchase_item_body {
	position: relative;
	margin-bottom: 40px;
	z-index: 1;
}
/* .purchase .purchase_item_body:before{
content:"";
display: block;
position: absolute;
background-color:rgba(255,255,255,0.5);
width:100%;
height: 100%;
top:30px; 
z-index: -1;
} */
.purchase .purchase_item_title {
	color: #fff;
	position: relative;
	text-align: left;
	z-index: 2;
	margin-bottom: 16px;
}
.purchase .purchase_item_title span {
	line-height: 1.8;
	/*font-family: "Noto Sans";*/
	font-weight: 700;
	font-size: 26px;
	padding: 0px 10px 0px 15px;
	vertical-align: middle;
	display: inline-block;
}
.purchase .purchase_item_title em {
	/*font-family: "Josefin Sans";*/
	font-weight: 700;
	color: #bebebe;
	font-size: 16px;
	float: right;
	padding: 1.8em 20px 0 0;
	line-height: 1.6;
	display: inline-block;
}
.purchase .purchase_item_title img {
	width: 80px;
	height: auto;
	margin-left: 10px;
	vertical-align: middle;
	display: inline-block;
}
.purchase .purchase_item_title:before {
	width: 100%;
	height: 64px;
	content: "";
	display: block;
	position: absolute;
	background: #664a1a;
	z-index: -1;
	top: 8px;
}
.purchase .purchase_item_title:after {
	content: "";
	display: block;
	clear: both;
}
.purchase .caption {
	/*font-family: "Noto Sans";*/
	font-weight: 500;
	color: #fff;
}

@media (max-width: 768px) {
	.purchase .purchase_item_body:before {
		top: 0px;
	}
	.purchase .purchase_item_title {
		background: #664a1a;
	}
	.purchase .purchase_item_title span {
		font-size: 20px;
		padding: 0px 10px 0px 10px;
	}
	.purchase .purchase_item_title em {
		display: none;
	}
	.purchase .purchase_item_title img {
		width: 36px;
		margin-left: 10px;
	}
	.purchase .purchase_item_title:before {
		width: auto;
		height: auto;
	}
	.purchase .hipricecopy {
		font-size: 4vw;
		color: white;
		text-align: center;
	}
}

/* 今日の目玉 */
.purchase_medama_area {
	padding-left: 20px;
}
.purchase_medama_area .update {
	padding-left: 10px;
}
.purchase_medama_area .update p {
	color: #fff;
	/*font-family: "Noto Sans";*/
}
.purchase_medama {
	position: relative;
	margin-bottom: 20px;
}
.purchase_medama:last-child {
	margin-bottom: 0px;
}
.purchase_medama_body {
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	width: 100%;
	height: 100%;
	padding-bottom: 50px;
}
.purchase_medama_body .medama_imgarea {
	width: 440px;
	height: calc(100% - 60px);
	display: flex;
	justify-content: center;
	align-items: center;
}
.purchase_medama_body .medama_imgarea img {
	width: 260px;
}
.purchase_medama_body .medama_txtarea {
	padding-left: 46px;
	padding-top: 14px;
	width: calc(100% - 592px);
	padding-right: 40px;
	height: calc(100% - 90px);
}
.purchase_medama_body .medama_txtarea dl {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.purchase_medama_body .medama_txtarea .hardware {
	font-size: 24px;
	font-weight: 500;
}
.purchase_medama_body .medama_txtarea .purchase_name {
	border-bottom: 2px solid #b5b5b5;
	padding-bottom: 10px;
}
.purchase_medama_body .medama_txtarea .purchase_name p {
	font-size: 40px;
	/*font-family: "Noto Sans";*/
	width: 414px;
	height: 100px;
}
.purchase_medama_body .medama_txtarea .maker {
	font-size: 20px;
	margin-top: 14px;
	font-weight: 500;
}
.purchase_medama_body .medama_txtarea .date {
	font-size: 20px;
	font-weight: 500;
}
.purchase_medama_body .medama_txtarea .purchase_tag {
	width: 100%;
	margin-top: auto;
	border-bottom: 2px solid #ec0d0d;
}
.purchase_medama_body .medama_txtarea .purchase_tag p {
	/*font-family: "Noto Sans";*/
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	background-color: #ec0d0d;
	padding: 8px 28px 6px 30px;
	width: max-content;
	display: block;
	clip-path: polygon(13px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 13px);
}
@media all and (-ms-high-contrast: none) {
	.purchase_medama_body .medama_txtarea .purchase_tag p {
		display: inline-block;
		padding-top: 14px;
		height: 25px;
	}
}
.purchase_medama_body .medama_txtarea .purchase_prise {
	font-weight: bold;
	color: #ec0d0d;
	display: flex;
	align-items: flex-end;
	justify-content: end;
	/*font-family: "Noto Sans";*/
	font-weight: bold;
	font-size: 52px;
	position: relative;
	z-index: 3;
	padding-right: 0px;
	margin-top: 16px;
}
.purchase_medama_body .medama_txtarea .purchase_prise .price_title {
	font-size: 30px;
}
.purchase_medama_body .medama_txtarea .purchase_prise .price {
	font-size: 77px;
	margin-right: 2px;
	margin-top: 4px;
	margin-bottom: -4px;
}
@media all and (-ms-high-contrast: none) {
	.purchase_medama_body .medama_txtarea .purchase_prise .price {
		margin-bottom: 4px;
	}
}
.purchase_medama_body .medama_txtarea .purchase_prise::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 60px;
	bottom: 0px;
	background-image: url(../images/common/line_price_large.webp);
	background-repeat: no-repeat;
	z-index: -1;
	left: 60px;
}

.purchase .five_column li {
	margin: 0 10px 20px;
	box-sizing: border-box;
	background: #fff;
}
.purchase .five_column dl {
	padding: 15px;
}

@media screen and (max-width: 767px) {
	.purchase_medama_area {
		padding-left: 0;
	}
	.purchase_medama_body {
		top: 3%;
		left: 50%;
		transform: translateX(-50%);
		display: block;
		width: 100%;
		height: auto;
		padding-bottom: 0px;
	}
	.purchase_medama_area .update p {
		font-size: 12px;
	}
	.purchase_medama_body .medama_imgarea {
		width: 40%;
		height: calc(100% - 60px);
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 26px auto;
	}
	.purchase_medama_body .medama_imgarea img {
		width: 100%;
		height: auto;
	}
	.purchase_medama_body .medama_txtarea .hardware {
		font-size: 14px;
		font-weight: 500;
	}
	.purchase_medama_body .medama_txtarea .purchase_name p {
		font-size: 22px;
		width: 100%;
		height: auto;
		max-height: 75px;
	}
	.purchase_medama_body .medama_txtarea {
		padding: 10px 28px 0;
		width: calc(100%);
		height: auto;
	}
	.purchase_medama_body .medama_txtarea .maker {
		font-size: 12px;
		margin-top: 0px;
	}
	.purchase_medama_body .medama_txtarea .date {
		font-size: 12px;
	}
	.purchase_medama_body .purchase .purchase_data {
		margin: 0px 0px 10px;
	}
	.purchase_medama_body .medama_txtarea .purchase_tag {
		margin-top: 5px;
	}
	.purchase_medama_body .medama_txtarea .purchase_tag p {
		font-size: 14px;
		padding: 4px 12px 2px 14px;
		clip-path: polygon(6px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 6px);
	}
	.purchase_medama_body .medama_txtarea .purchase_prise {
		font-weight: bold;
		color: #ec0d0d;
		display: flex;
		align-items: flex-end;
		justify-content: end;
		font-weight: bold;
		font-size: 26px;
		position: relative;
		z-index: 3;
		padding-right: 0px;
		margin-top: 5px;
	}
	.purchase_medama_body .medama_txtarea .purchase_prise .price_title {
		font-size: 15px;
		margin-bottom: 0;
	}
	.purchase_medama_body .medama_txtarea .purchase_prise .price {
		font-size: 38px;
		margin-right: 2px;
	}
	.purchase_medama_body .medama_txtarea .purchase_prise::before {
		height: 30px;
		bottom: -6px;
		left: 24px;
		background-size: 80%;
	}
	.purchase .caption {
		font-size: 12px;
	}
	.purchase .purchase_item_body {
		margin-bottom: 16px;
	}
}

/*00%買取保証*/
.purchase .purchase_pr {
	text-align: center;
	margin: 20px 0 80px;
	padding: 0 10px;
	box-sizing: border-box;
	/*font-family: "Noto Sans";*/
	font-weight: 700;
	position: relative;
	z-index: 1;
}
.purchase .purchase_pr span.until {
	font-size: 24px;
	padding: 8px 0 0 150px;
	position: relative;
}
.purchase .purchase_pr span.until:after {
	content: "";
	background: url(../images/common/ico_kingakumeyasu.webp) no-repeat top left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 70px;
}

.purchase .purchase_pr p {
	/*display: none;*/
	letter-spacing: -2px;
}
@media all and (-ms-high-contrast: none) {
	.purchase .purchase_pr p {
		font-family: inherit;
	}
}
.purchase .purchase_pr p span {
	font-size: 50px;
	display: inline-block;
	margin-bottom: 5px;
	line-height: 1.4;
	padding: 0 0 6px;
}

.purchase .purchase_pr p span em {
	font-size: 74px;
	line-height: 1.2;
}
.purchase .purchase_pr p span.f_black {
	border-bottom: 2px solid #000;
}

.purchase .purchase_pr p span.f_pink {
	border-bottom: 2px solid #c50018;
}

@media (max-width: 768px) {
	.purchase .purchase_pr {
		margin: 20px 0 60px;
	}
	.purchase .purchase_pr span.until {
		font-size: 18px;
		padding: 50px 0 10px 0px;
		display: block;
	}
	.purchase .purchase_pr span.until:after {
		background: url(../images/common/ico_kingakumeyasu.webp) no-repeat top
			center;
		background-size: 80%;
		right: 0;
		margin: auto;
		width: 150px;
		height: 70px;
	}

	.purchase .purchase_pr p span {
		font-size: 30px;
		display: block;
		margin-bottom: 5px;
		line-height: 1.4;
		padding: 0 0 4px;
	}

	.purchase .purchase_pr p span em {
		font-size: 50px;
		line-height: 1.2;
	}
	.purchase .purchase_pr p span.f_black {
		border-bottom: 2px solid #000;
	}

	.purchase .purchase_pr p span.f_pink {
		border-bottom: 2px solid #c50018;
	}
}

.purchase .genre_list {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	box-sizing: border-box;
}
.purchase .genre_list li {
	padding: 10px;
	box-sizing: border-box;
	font-size: 0;
	margin: 0;
	width: 25%;
}
.purchase .genre_list li > a,
.purchase .genre_list li > div {
	background: #fff;
	display: flex;
	justify-content: start;
	align-items: center;
	width: 100%;
	height: 90px;
	padding: 10px;
	box-sizing: border-box;
}
.purchase .genre_list li > a:hover {
	opacity: 0.6;
}
.purchase .genre_list li figure {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35%;
	height: 70px;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.purchase .genre_list li figure img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.purchase .genre_list li span {
	/*font-family: "Noto Sans";*/
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	padding: 10px 20px;
	width: 65%;
}

.purchase .purchase_genre_content {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 10px;
	background: #fff;
	box-sizing: border-box;
	font-size: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.purchase .purchase_genre_content img {
	max-width: 100%;
	width: auto;
	height: auto;
}
.purchase .four_column dl {
	width: 100%;
	padding: 20px;
	background: #f0efef;
	box-sizing: border-box;
}

.purchase_name {
	margin: 0px 0px 10px;
	font-weight: 700;
}

.purchase_data {
	margin: 0px 0px 10px;
	font-size: 75%;
	/*font-family: "Noto Sans";*/
}

.purchase_prise {
	font-size: 110%;
	font-weight: 700;
	color: #ec0d0d;
	display: flex;
	align-items: flex-end;
	justify-content: end;
	/*font-family: "Noto Sans";*/
	font-weight: bold;
	font-size: 30px;
	position: relative;
	z-index: 3;
	padding-right: 10px;
}
.purchase_prise > * {
	display: block;
}
.purchase_items .purchase_tag {
	width: 230px;
	text-align: center;
	margin-top: 12px;
	color: #ec0d0d;
	font-size: 18px;
	font-weight: bold;
	/*font-family: "Noto Sans";*/
	border-bottom: 2px solid #ec0d0d;
	padding-bottom: 4px;
	position: relative;
}
.purchase_items .purchase_tag::before {
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	position: absolute;
	content: "";
	width: 7px;
	height: 4px;
	bottom: -8px;
	left: 50%;
	transform: translateY(-50%);
	background-color: #ec0d0d;
}
.purchase_data.maker {
	margin-bottom: 4px;
}
.purchase_prise .price_title {
	font-size: 14px;
	margin-right: auto;
	line-height: 1.2;
	margin-bottom: 4px;
}
.purchase_prise .price {
	font-size: 50px;
	/*font-family: Oswald;*/
	font-weight: bold;
	margin-right: 2px;
	margin-bottom: -0.15em;
}
.purchase_prise::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 34px;
	bottom: 0;
	left: 0px;
	background-image: url(../images/common/line_price.webp);
	background-repeat: no-repeat;
	z-index: -1;
}
#kaitori .purchase_prise::before {
	left: 50px;
}

@media (max-width: 768px) {
	.purchase section {
		width: 100%;
		height: auto;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 20px;
	}

	.purchase .five_column li {
		padding: 0;
		margin: 0 5px 14px 5px;
		box-sizing: border-box;
		width: 46.5%;
	}
	.purchase .five_column li:nth-child(even) {
		float: right;
	}
	.purchase .four_column dl {
		padding: 10px;
	}

	.purchase .purchase_genre_content {
		height: auto;
		margin: 0;
		padding: 10px 20px;
	}

	.purchase .purchase_name {
		margin: 0px 0px 5px;
		line-height: 1.4;
		word-wrap: break-word;
		font-size: 14px;
	}
	.purchase .purchase_data {
		margin: 0px 0px 3px;
		font-size: 10px;
	}
	.purchase .purchase_prise {
		font-size: 100%;
		font-weight: 700;
		text-align: center;
	}
	.purchase .logo_list {
		padding: 0;
		width: 100%;
	}
	.purchase .logo_list li {
		width: 33.3%;
		padding: 5px;
		margin: 0;
	}
	.purchase .logo_list li:nth-child(even) {
		float: left;
	}
	.purchase .logo_list li figure {
		width: 100%;
		height: 50px;
		padding: 10px 15px;
	}
	.purchase .logo_list li figure img {
		width: auto;
		height: auto;
		max-width: 90%;
		max-height: 100%;
	}

	.purchase .genre_list {
		padding: 0;
		width: 100%;
	}
	.purchase .genre_list li {
		width: 33.3%;
		padding: 5px;
		margin: 0;
	}
	.purchase .genre_list li:nth-child(even) {
		float: left;
	}
	.purchase .genre_list li > a,
	.purchase .genre_list li > div {
		height: 14vw;
		padding: 5px;
	}
	.purchase .genre_list li figure {
		width: 25%;
		height: 100%;
	}
	.purchase .genre_list li span {
		font-size: 2.5vw;
		padding: 8px;
		width: 75%;
	}

	.purchase .purchase_prise .tag {
		display: block !important;
		margin-top: 10px !important;
		margin-left: 0px;
		padding: 7px 0 6px;
	}
	.purchase_items .purchase_tag {
		width: 100%;
		text-align: center;
		margin-top: 12px;
		font-size: 10px;
		border-bottom: 1px solid #ec0d0d;
		padding-bottom: 4px;
		position: relative;
	}
	.purchase_items .purchase_tag::before {
		width: 5px;
		height: 4px;
		bottom: -6px;
	}
	.purchase_prise .price {
		font-size: 30px;
		margin-right: 2px;
	}
	@media all and (-ms-high-contrast: none) {
		.purchase_prise .price {
			margin-bottom: 4px;
		}
	}
	.purchase_prise .price_title {
		font-size: 10px;
		margin-bottom: 4px;
	}
	.purchase_prise::before {
		height: 20px;
		bottom: -4px;
		background-size: 100%;
		left: 0px;
	}
	.four_column > *:nth-child(n + 3) {
		margin-top: 14px;
	}
}

@media (max-width: 332px) {
	.purchase .five_column li {
		margin: 0 5px 14px 5px;
		width: 45.5%;
	}
}

.purchase .tab_changer {
	width: 100%;
	margin: 70px auto 20px;
	text-align: center;
	cursor: pointer;
	border-bottom: 2px solid #ec0d0d;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	z-index: 2;
}
.purchase .tab_changer li {
	/*font-family: "Noto Sans";*/
	width: calc((100% - 120px) / 6);
	height: 60px;
	font-weight: 500;
	color: #fff;
	background-color: #666666;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 12px;
	clip-path: polygon(0 0, 92% 0, 100% 20%, 100% 100%, 0 100%);
	transition: all 0.2s ease 0s;
}
@media all and (-ms-high-contrast: none) {
	.purchase .tab_changer li {
		height: 50px;
		padding-top: 10px;
	}
}
.purchase .tab_changer li:first-child {
	margin-left: 30px;
}
.purchase .tab_changer li:last-child {
	margin-right: 30px;
	background-color: #fff;
	color: #000;
	font-size: 20px;
}
.purchase .tab_changer li:last-child::before {
	font-size: 20px;
	top: 42%;
	left: 16px;
	transition: all 0.2s ease 0s;
}
.purchase .tab_changer li:last-child:hover::before {
	color: #fff;
}
.purchase .tab_changer li:last-child:hover {
	color: #fff;
}
@media (max-width: 768px) {
	.purchase .tab_changer {
		width: 100%;
		height: auto;
		margin: 0 5px 15px;
	}
	.purchase .tab_changer li {
		width: calc((100% - 12px) / 3);
		height: auto;
		font-size: 12px;
		letter-spacing: -1px;
		line-height: 1.2;
		min-height: 3em;
		margin-right: 6px;
	}
	.purchase .tab_changer li:nth-child(3n) {
		margin-right: 0;
	}
	.purchase .tab_changer li:nth-child(n + 4) {
		margin-top: 6px;
	}
	.purchase .tab_changer li:first-child {
		margin-left: 0;
	}
	.purchase .tab_changer li:last-child {
		margin-right: 0;
		font-size: 12px;
	}
	.purchase .tab_changer li:last-child::before {
		font-size: 12px;
		top: 50%;
		left: 10px;
		transition: all 0.2s ease 0s;
	}
}
.purchase .tab_changer li:hover,
.purchase .tab_changer li.current {
	background-color: #ec0d0d;
}

/*ゲーム機固有テキスト*/
.purchase #game_txt {
	display: none;
}
.purchase #game_txt.is-active {
	display: block;
}

/* 買取価格 */
#kaitori {
	min-width: 1170px;
}
#kaitori section {
	padding-bottom: 32px;
}
#kaitori section::before {
	opacity: 0.2;
}
.kaitori_box {
	width: 100%;
	height: auto;
	margin: 50px auto 0;
	z-index: 1;
	min-width: 1170px;
}
.kaitori_content {
	background: #fff;
	height: auto;
	margin: 50px auto 0;
	clip-path: polygon(
		13px 0,
		100% 0,
		100% calc(100% - 13px),
		calc(100% - 13px) 100%,
		0 100%,
		0 13px
	);
	position: relative;
	z-index: 1;
	padding: 50px 20px 50px;
}
.kaitori_content.loading:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 25px;
	width: 100%;
	height: 32px;
	background: url(../images/common/loading.gif) no-repeat center;
}
.kaitori_serchbox {
	position: relative;
	width: calc(60% + 140px);
	margin: 0 auto;
	clip-path: polygon(2% 0, 100% 0, 100% 80%, 98% 100%, 0 100%, 0 20%);
}

.kaitori_serchbox_content {
	display: flex;
	justify-content: center;
	width: 100%;
	box-shadow: 14px 12px 11px -7px rgba(0, 0, 0, 0.1) inset;
	background-color: #f2f2f2;
}
.kaitori_serchbox input {
	padding: 16px 12px 16px 50px;
	border: none;
	border-radius: 0;
	outline: none;
	font-size: 20px;
	background-color: transparent;
	border: none;
	height: 38px;
	width: calc(100% - 140px);
	/*font-family: 'メイリオ', Meiryo, sans-serif;*/
}

.kaitori_serchbox::before {
	position: absolute;
	content: "";
	width: 22px;
	height: 22px;
	top: 50%;
	transform: translateY(-50%);
	left: 16px;
	background: url(../images/common/i_search.webp) no-repeat;
}
.kaitori_serchbox button {
	padding: 16px 10px;
	/*font-family: 'Noto Sans';*/
	border: none;
	border-radius: 0;
	outline: none;
	font-size: 20px;
	background-color: #666666;
	font-weight: bold;
	color: #fff;
	border: none;
	width: 140px;
	cursor: pointer;
	box-shadow: -5px 12px 11px -7px rgba(0, 0, 0, 0.1) inset;
	transition: all 0.2s ease 0s;
}
.kaitori_serchbox button:hover {
	opacity: 0.6;
}
#kaitori .result {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	font-weight: bold;
	font-size: 20px;
	border-bottom: 4px solid #f0efef;
	padding-bottom: 20px;
	margin-top: 50px;
	margin-bottom: 12px;
}
#kaitori .result_num {
	padding-left: 1em;
}
#kaitori .result_num span {
	font-size: 26px;
}

#kaitori .tab_area {
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
}

#kaitori .tab_changer {
	text-align: center;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#kaitori .tab_changer li {
	/*font-family: 'メイリオ', Meiryo, sans-serif;*/
	width: 180px;
	height: 50px;
	margin-right: 16px;
	font-weight: 500;
	border-bottom: 2px solid #999;
	box-sizing: border-box;
	white-space: nowrap;
	display: flex;
	justify-content: center;
	align-items: center;
}
#kaitori .tab_changer li:last-child {
	margin-right: 0;
}
#kaitori .tab_scroll_wrap {
	width: calc(100% - 100px);
	overflow-y: auto;
	-ms-overflow-style: none; /* IE, Edge 対応 */
	scrollbar-width: none; /* Firefox 対応 */
}
#kaitori .tab_scroll_wrap::-webkit-scrollbar {
	/* Chrome, Safari 対応 */
	display: none;
}
#kaitori .tab_changer.scroll_item {
	flex-wrap: nowrap;
	overflow: auto;
	white-space: nowrap;
	width: max-content;
}
@media all and (-ms-high-contrast: none) {
	#kaitori .tab_changer.scroll_item {
		width: 300%;
	}
}
#kaitori .tab_changer.scroll_item li {
	width: 142px;
	height: 60px;
}

#kaitori .tab_changer li:hover,
#kaitori .tab_changer li.current {
	font-weight: bold;
	color: #ec0d0d;
	border-bottom: 2px solid #ec0d0d;
}

.tab_area.sort {
	margin-top: 20px;
}
.sort_item {
	display: flex;
	align-items: center;
}
.sort_item + .sort_item {
	margin-left: 30px;
}
.tab_title {
	width: 100px;
	background-color: #313131;
	color: #fff;
	font-weight: bold;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%);
	padding-right: 14px;
	margin-right: 10px;
}
.sort_title {
	color: #999;
	background-color: #f0efef;
	width: 96px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
}
.kaitori_caption {
	text-align: center;
	margin-top: 18px;
}
.kaitori_caption p {
	color: #fff;
	font-weight: bold;
	/*font-family: 'Noto Sans';*/
}
@media all and (-ms-high-contrast: none) {
	.kaitori_modal_btn {
		display: inline-block;
		padding-top: 6px;
	}
}

.kaitori_modal_btn {
	margin-top: 16px;
	cursor: pointer;
	transition: all 0.2s ease 0s;
	position: relative;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
}
.kaitori_modal_btn::before {
	position: absolute;
	content: "";
	width: 18px;
	height: 20px;
	top: 52%;
	transform: translateY(-50%);
	left: -25px;
	background: url(../images/common/i_question-square.webp) no-repeat;
}
.kaitori_modal_btn:hover {
	opacity: 0.6;
}

@media screen and (max-width: 767px) {
	#kaitori {
		min-width: auto;
	}
	#kaitori section {
		padding: 40px 0px 32px 0px;
	}
	.kaitori_box {
		min-width: auto;
		margin: 24px auto 0;
	}
	.kaitori_serchbox {
		width: calc(76% + 70px);
	}

	.kaitori_serchbox input {
		padding: 10px 10px 10px 35px;
		border: none;
		border-radius: 0;
		outline: none;
		font-size: 16px;
		background-color: transparent;
		border: none;
		height: auto;
		width: calc(100% - 70px);
	}
	.kaitori_serchbox button {
		width: 70px;
		padding: 12px 8px;
		font-size: 16px;
	}
	.kaitori_serchbox::before {
		width: 16px;
		height: 18px;
		left: 9px;
		background-size: 16px;
	}
	#kaitori .result {
		display: flex;
		justify-content: center;
		align-items: flex-end;
		font-weight: bold;
		font-size: 12px;
		border-bottom: 2px solid #f0efef;
		padding-bottom: 20px;
		margin-bottom: 12px;
	}
	#kaitori .result_num span {
		font-size: 15px;
		margin-right: 2px;
	}

	.kaitori_content {
		background: #fff;
		width: 100%;
		height: auto;
		margin: 0 auto 0;
		position: relative;
		z-index: 1;
		padding: 26px 12px 26px;
	}
	#kaitori .tab_scroll_wrap {
		width: calc(100% - 45px);
	}
	#kaitori .tab_changer.scroll_item li {
		width: auto;
		height: 40px;
		padding: 0 10px;
	}
	#kaitori .tab_changer li {
		width: 48%;
		height: 40px;
		margin-right: 5px;
		border-bottom: 1px solid #999;
		font-size: 10px;
		padding: 0 10px;
	}
	.tab_title {
		width: 40px;
		height: 40px;
		padding-right: 6px;
		margin-right: 4px;
		font-size: 10px;
	}
	.sort_title {
		width: 32px;
		height: 40px;
		margin-right: 4px;
		font-size: 10px;
		padding: 2px 6px;
	}
	#kaitori .tab_changer {
		flex-wrap: nowrap;
		width: 84%;
	}
	.sort_item {
		width: 43%;
	}
	.sort_item + .sort_item {
		margin-left: 6px;
	}
	.tab_area.sort {
		margin-top: 8px;
	}
	.kaitori_caption p {
		font-size: 12px;
		line-height: 1.8;
	}
	.tab_area .sort_item:first-of-type .sort_title {
		width: 20px;
	}
}

@media screen and (max-width: 380px) {
	#kaitori .tab_changer li {
		padding: 0 8px;
		margin-right: 4px;
	}
}

/* kaitori_modal */
.kaitori_modal {
	display: none;
	background-color: #000000;
}
.kaitori_modal_body {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 1000px;
	width: 80%;
	background-color: #fff;
}

@media screen and (max-width: 767px) {
	.kaitori_modal_btn {
		margin-top: 12px;
	}
}

/* kaitori_items */
.kaitori_items {
	margin-top: 34px;
}

.kaitori_item_body {
	display: flex;
	background-color: #f0efef;
	clip-path: polygon(2% 0, 100% 0, 100% 88%, 98% 100%, 0 100%, 0 12%);
	padding: 26px 30px;
}
.kaitori_items .kaitori_item_body:nth-child(21) {
	max-height: 172px;
	transition: max-height 80ms;
	overflow: hidden;
	position: relative;
}
.kaitori_items .kaitori_item_body:nth-child(21):after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 223px;
	background: linear-gradient(
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.8) 100%,
		rgba(255, 255, 255, 1)
	);
	content: "";
	z-index: 5;
}
.open .kaitori_items .kaitori_item_body:nth-child(21):after {
	display: none;
}
.kaitori_item_body + .kaitori_item_body {
	margin-top: 12px;
}
.kaitori_item_img {
	width: 15%;
	text-align: center;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.kaitori_item_img img {
	width: auto;
	max-width: 100%;
	max-height: 170px;
}
.kaitori_item_txtarea {
	display: flex;
	justify-content: flex-end;
	width: 84%;
}

.kaitori_item_txt {
	margin-left: 24px;
	width: 58%;
}
@media all and (-ms-high-contrast: none) {
	.kaitori_item_txtarea {
		width: 85%;
	}
	.kaitori_item_txt {
		width: calc(100% - 345px);
	}
	#kaitori .purchase_prise .price {
		margin-bottom: 4px;
	}
	#kaitori .purchase_prise.price_small .price {
		margin-bottom: 8px;
	}
	#kaitori .purchase_prise .price_title {
		margin-bottom: 14px;
	}
}

.kaitori_item_money {
	margin-left: auto;
	width: 345px;
}
.kaitori_item_money dl {
	display: flex;
	flex-direction: column;
	justify-content: end;
	height: 100%;
}
.purchase_btn {
	margin-top: 6px;
	background-color: #000;
	clip-path: polygon(3.5% 0, 100% 0, 100% 72%, 96.5% 100%, 0 100%, 0 28%);
	transition: all 0.2s ease 0s;
	position: relative;
}
.purchase_btn::before {
	position: absolute;
	content: "";
	width: 18px;
	height: 21px;
	top: 50%;
	transform: translateY(-50%);
	right: 16px;
	background: url(../images/common/i_bell.webp) no-repeat;
}
.purchase_btn:hover {
	opacity: 0.6;
}
.purchase_btn a {
	color: #fff;
	font-weight: bold;
	/*font-family: "Noto Sans";*/
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media all and (-ms-high-contrast: none) {
	.purchase_btn a {
		padding-top: 8px;
		height: 32px;
	}
}

#kaitori .purchase_data {
	font-size: 16px;
}
#kaitori .purchase_name {
	font-size: 20px;
	font-weight: bold;
}

#kaitori .purchase_tag {
	width: 100%;
	margin-top: 0;
	display: block;
}

#kaitori .purchase_prise .price_title {
	font-size: 22px;
	margin-right: auto;
	line-height: 1;
	margin-bottom: 8px;
}

#kaitori .purchase_prise {
	font-size: 40px;
	padding-right: 10px;
	font-weight: bold;
	margin-top: auto;
}

#kaitori .purchase_prise.price_large .price {
	font-size: 80px;
	font-weight: bold;
	margin-bottom: -0.05em;
}

#kaitori .purchase_prise.price_medium .price {
	font-size: 80px;
	font-weight: 500;
	margin-bottom: -0.1em;
}
#kaitori .purchase_prise.price_medium::before {
	content: none;
}
#kaitori .purchase_prise.price_small .price {
	font-size: 60px;
	margin-bottom: -0.1em;
}
#kaitori .purchase_prise.price_small::before {
	content: none;
}
#kaitori .sub_conductor {
	top: -60px;
}
#kaitori .open .sub_conductor {
	top: 0px;
}

@media screen and (max-width: 767px) {
	.kaitori_item_txtarea {
		flex-direction: column;
		padding-left: 10px;
		width: 60%;
	}
	.kaitori_item_body {
		padding: 10px 10px 13px;
	}
	.kaitori_item_money {
		width: 100%;
	}
	.kaitori_item_img {
		width: 40%;
	}

	.kaitori_item_txt {
		margin-left: 0;
		width: auto;
	}
	#kaitori .purchase_prise.price_medium .price {
		font-size: 44px;
		margin-bottom: -4px;
	}
	#kaitori .purchase_prise.price_large .price {
		font-size: 44px;
		margin-bottom: -4px;
	}
	#kaitori .purchase_prise.price_small .price {
		font-size: 30px;
	}
	#kaitori .purchase_data {
		font-size: 10px;
		margin: 0px 0px 5px;
	}
	#kaitori .purchase_name {
		font-size: 14px;
		margin: 0px 0px 6px;
	}
	#kaitori .purchase_prise .price_title {
		font-size: 12px;
		margin-bottom: 8px;
	}
	#kaitori .purchase_prise {
		font-size: 28px;
		padding-right: 10px;
	}
	.purchase_btn a {
		height: 30px;
		font-size: 12px;
		padding-right: 14px;
	}
	.purchase_btn::before {
		position: absolute;
		content: "";
		width: 12px;
		height: 14px;
		right: 10px;
		background-size: 12px;
	}
	#kaitori .purchase_prise.price_large::before {
		bottom: 6px;
		left: 0px;
	}
	#kaitori .purchase_tag {
		margin-top: 10px;
	}
	#kaitori .sub_conductor {
		top: -10px;
	}
	.kaitori_items .kaitori_item_body:nth-child(21) {
		max-height: 200px;
		transition: max-height 100ms;
	}
	.kaitori_items .kaitori_item_body:nth-child(21):after {
		height: 200px;
	}
}

/* other_lists_none */
#other_lists_none {
	border: none;
	padding: 34px 30px 38px;
	clip-path: polygon(
		13px 0,
		100% 0,
		100% calc(100% - 13px),
		calc(100% - 13px) 100%,
		0 100%,
		0 13px
	);
	margin-top: 32px;
	margin-bottom: 0;
}
#other_lists_none p {
	font-size: 20px;
	font-weight: bold;
	/*font-family: "Noto Sans";*/
	line-height: 1.8;
}
#other_lists_none p.large {
	font-size: 24px;
	color: #ec0d0d;
}
#other_lists_none .application {
	display: block;
	clip-path: polygon(
		13px 0,
		100% 0,
		100% calc(100% - 13px),
		calc(100% - 13px) 100%,
		0 100%,
		0 13px
	);
	height: auto;
}
#other_lists_none .app_btn {
	display: block;
	position: relative;
	font-size: 22px;
	font-weight: bold;
}
#other_lists_none .app_btn.arrow_right:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	background-color: #fff;
	height: 2px;
	right: 22px;
}
#other_lists_none .app_btn.arrow_right:after {
	content: "";
	position: absolute;
	top: 31px;
	transform: rotate(45deg);
	width: 10px;
	background-color: #fff;
	height: 2px;
	right: 20px;
}

@media screen and (max-width: 767px) {
	#other_lists_none p {
		font-size: 12px;
		line-height: 1.6;
	}
	#other_lists_none p.large {
		font-size: 12px;
	}
	#other_lists_none {
		padding: 15px 20px 22px;
		clip-path: polygon(
			13px 0,
			100% 0,
			100% calc(100% - 13px),
			calc(100% - 13px) 100%,
			0 100%,
			0 13px
		);
		margin-top: 20px;
		margin-bottom: 0;
	}
	#other_lists_none .app_btn {
		font-size: 16px;
	}
	#other_lists_none .application {
		margin-top: 14px !important;
	}
	#other_lists_none .application > .app_btn {
		height: auto;
	}
	#other_lists_none .app_btn.arrow_right:after {
		top: 19px;
		width: 10px;
		height: 2px;
		right: 20px;
	}
	#other_lists_none .application {
		width: 100%;
	}
}

/* 4.state
----------------------------------------*/
.is-current {
	color: #c50018;
}

/*-------------------------------------
高価買取下テーブル
--------------------------------------*/

.other_list_wrap {
	width: 100%;
}
.other_list_wrap h4.message_title {
	margin: 0 auto 15px;
}
.other_list_wrap p {
	font-size: 73%;
	padding: 0 5px 5px 0;
	text-align: right;
}

.other_list {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	margin-top: 12px;
}

.other_list {
	max-height: 1000px;
	transition: max-height 500ms;
	overflow: hidden;
}
.other_list:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1000px;
	background: linear-gradient(
		rgba(242, 242, 242, 0) 40%,
		rgba(242, 242, 242, 0.8) 95%,
		rgba(242, 242, 242, 1)
	);
	content: "";
}
.other_list.more_active:after {
	height: auto;
}
.other_list.more_active {
	max-height: 100%;
}
.other_list.more_active:after {
	background: none;
}

.other_list ul li {
	background: #fff;
	box-sizing: border-box;
	padding: 20px 0 20px 10px;
	margin-bottom: 10px;
}

.other_list ul .other_list_content {
	float: left;
	width: 120px;
}
.other_list ul dl {
	float: left;
	width: 420px;
	margin-left: 16px;
}
.other_list ul dl .purchase_prise {
}
.other_list ul dl span.tag {
	display: inline-block !important;
	width: 140px;
	margin-top: -6px !important;
	margin-left: 20px;
	padding: 6px 6px 5px !important;
	vertical-align: middle;
}

@media (max-width: 768px) {
	.other_list {
		max-height: 592px;
		transition: max-height 600ms;
		overflow: hidden;
	}

	.other_list:after {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 592px;
		content: "";
	}

	.other_list ul li {
		padding: 15px;
		width: 100%;
	}

	.other_list ul .other_list_content {
		width: 25%;
	}
	.other_list ul dl {
		width: 75%;
		margin-left: 0;
		padding-left: 15px;
	}
	.other_list ul dl .purchase_prise {
		position: relative;
	}
	.purchase .other_list .purchase_data {
		margin: 0px 0px 6px;
	}
	.purchase .other_list .purchase_prise {
		text-align: left;
	}
	.other_list ul dl span.tag {
		position: static;
	}

	.other_list.more_active {
		max-height: 100%;
	}
	.other_list.more_active:after {
		background: none;
	}

	#js_more_btn.sub_btn {
		padding: 0 20px;
		line-height: 2.4;
		height: 35px;
	}
}

/* more_list */
.more_list {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	margin-top: 12px;
}

/*modal*/

#colorbox,
#cboxOverlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper {
	max-width: none;
}
#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
	clear: left;
}
#cboxContent {
	position: relative;
	border-radius: 0 !important;
	clip-path: polygon(
		13px 0,
		100% 0,
		100% calc(100% - 13px),
		calc(100% - 13px) 100%,
		0 100%,
		0 13px
	) !important;
}
@media screen and (max-width: 767px) {
	#cboxContent {
		clip-path: polygon(
			6px 0,
			100% 0,
			100% calc(100% - 6px),
			calc(100% - 6px) 100%,
			0 100%,
			0 6px
		) !important;
	}
}
#cboxLoadedContent {
	overflow: auto; /* -webkit-overflow-scrolling: touch; */
}
#cboxTitle {
	margin: 0;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
	cursor: pointer;
}
.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}
.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

#cboxOverlay {
	background: url(../images/common/overlay.webp) repeat 0 0;
	opacity: 0.9;
	filter: alpha(opacity = 90);
}
#colorbox {
	outline: 0;
}

#cboxContent {
	position: relative;
	background: #fff;
	overflow: hidden;
	border-radius: 10px;
}
.cboxIframe {
	background: #fff;
}
#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}
#cboxLoadedContent {
	position: relative;
	margin-bottom: 0px;
}
#cboxTitle {
	position: absolute;
	bottom: 4px;
	left: 0;
	text-align: center;
	width: 100%;
	color: #949494;
}
#cboxCurrent {
	position: absolute;
	bottom: 4px;
	left: 58px;
	color: #949494;
}

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	width: auto;
	background: none;
}
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
	outline: 0;
}

#cboxSlideshow {
	position: absolute;
	bottom: 4px;
	right: 30px;
	color: #0092ef;
}
#cboxPrevious {
	position: absolute;
	top: 10px;
	left: 20px;
	background: url(../images/common/angle-left.svg) no-repeat left top -4px;
	background-size: contain;
	width: 100px;
	padding-left: 20px;
	height: 25px;
	color: #000;
	z-index: 10;
	text-align: left;
	font-weight: 700;
}
#cboxPrevious:before,
#cboxPager:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px;
	background: rgba(255, 255, 255, 0.8);
	z-index: -1;
}
#cboxPrevious:before {
	background-color: transparent;
}
#cboxPager {
	position: absolute;
	display: block;
	top: 45%;
	font-size: 87.5%;
	right: 10px;
	width: 100px;
	color: #000;
	z-index: 10;
	text-align: right;
	font-weight: 300;
	line-height: 2;
}
#cboxPager a:hover {
	color: #835a00;
}
#cboxNext {
	position: absolute;
	bottom: 0;
	left: 27px;
	background: url() no-repeat -50px 0;
	width: 25px;
	height: 25px;
}
#cboxNext:hover {
	background-position: -50px -25px;
}
#cboxClose {
	position: absolute;
	top: 10px;
	right: 10px;
	background: url(../images/common/times.svg) no-repeat 0 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}
#cboxClose:hover,
#cboxPrevious:hover {
	opacity: 0.5;
}

/*modal design*/

.modal_content {
	width: 740px;
	background-color: #fff;
	padding: 90px 110px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.modal_content .application {
	width: 100%;
	filter: drop-shadow(2px 2px 2px #aaa);
}
.modal_content .application.application > .app_btn {
	background-position: 50% 50%;
}
.icon_beginner {
	position: relative;
}
.icon_beginner::before {
	position: absolute;
	top: 6px;
	left: -18px;
	transform: translateY(-50%);
	content: "";
	background: url(../images/common/beginner.webp) no-repeat;
	width: 70px;
	height: 90px;
	background-size: 70px;
	z-index: 5;
	transition: all 0.3s ease 0s;
}
.icon_beginner:hover::before {
	opacity: 0.6;
}

.conv_modal_item p {
	/*font-family: "Noto Sans";*/
	margin-top: 14px;
}
.conv_modal_item h3 {
	color: #ec0d0d;
	font-size: 24px;
	/*font-family: 'Noto Sans';*/
	font-weight: bold;
	margin-bottom: 18px;
}
.conv_modal_item + .conv_modal_item {
	margin-top: 50px;
}
.conv_modal_bottom {
	margin-top: 50px;
}
.conv_modal_bottom p {
	font-size: 14px;
	/*font-family: 'Noto Sans';*/
	background-color: #f2f2f2;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.modal_content {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.modal_content {
		padding: 40px 20px 30px;
		width: 100% !important;
	}
	.modal_content .application {
		height: 50px;
	}
	.app_btn.arrow_right:before {
		top: 50%;
		transform: translateY(-50%);
		width: 13px;
		right: 10px;
	}
	.app_btn.arrow_right:after {
		top: 21px;
		width: 8px;
		height: 2px;
		right: 10px;
	}
	.modal_content .application.application > .app_btn {
		font-size: 14px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.icon_beginner::before {
		top: 0px;
		left: -14px;
		width: 40px;
		height: 50px;
		background-size: 40px;
	}
	.conv_modal_item + .conv_modal_item {
		margin-top: 25px;
	}
	.conv_modal_bottom {
		margin-top: 25px;
	}
	.conv_modal_item p {
		margin-top: 12px;
		font-size: 12px;
	}
	.conv_modal_item h3 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.conv_modal_bottom p {
		font-size: 10px;
		padding: 6px;
	}
}

#cboxLoadedContent {
	overflow-y: scroll;
	-ms-overflow-style: none; /* IE, Edge 対応 */
	scrollbar-width: none; /* Firefox 対応 */
}
#cboxLoadedContent::-webkit-scrollbar {
	/* Chrome, Safari 対応 */
	display: none;
}
#cboxLoadedContent.no_scroll {
	overflow: hidden;
}

.aos-animate {
	overflow-x: hidden;
}

.sc_active {
	opacity: 0.7;
}

/******************************************
* 
* ローディング
*
*******************************************/
#header,
#wrap,
.sidebar,
.h_text {
	visibility: hidden;
}
body.is-animation-ended #header,
body.is-animation-ended #wrap,
body.is-animation-ended .sidebar,
body.is-animation-ended .h_text {
	visibility: visible;
}
body.is-animation-ended #js-loader {
	display: none;
}
body.is-loading {
	position: fixed;
	height: 100%;
}

.loader {
	align-items: center;
	background: #fff;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9900;
	transition: 1.5s;
	transform: translateZ(0);
}

body.is-animation-ended.is-load-ended .loader {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.shutter {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(../icons/pwa_icon_192.webp) no-repeat center center #000;
	z-index: 9999;
	-webkit-animation: byeShutter 2.6s forwards;
	animation: byeShutter 2.6s forwards;
}
.shutter::before,
.shutter::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	z-index: 1000;
}
.shutter::before {
	background-color: #666;
	width: 0;
	height: 1px;
	top: 200px;

	-webkit-animation: shutterOpen1 2.6s forwards;
	animation: shutterOpen1 2.6s forwards;
}
.shutter::after {
	width: 120%;
	height: 0;
	margin-left: -10%;
	background-color: #fff;
	-webkit-animation: shutterOpen2 2.6s forwards;
	animation: shutterOpen2 2.6s forwards;
}

.content {
	-webkit-animation: contentScale 1s forwards;
	animation: contentScale 1s forwards;
}

@-webkit-keyframes byeShutter {
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		display: none;
		z-index: -1;
	}
}

@keyframes byeShutter {
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		display: none;
		z-index: -1;
	}
}
@-webkit-keyframes shutterOpen1 {
	0% {
		width: 0;
		height: 1px;
	}
	50% {
		width: 100%;
		height: 1px;
	}
	90% {
		width: 100%;
		height: 100%;
	}
	100% {
		width: 100%;
		height: 100%;
	}
}
@keyframes shutterOpen1 {
	0% {
		width: 0;
		height: 1px;
	}
	50% {
		width: 100%;
		height: 1px;
	}
	90% {
		width: 100%;
		height: 100%;
	}
	100% {
		width: 100%;
		height: 100%;
	}
}
@-webkit-keyframes shutterOpen2 {
	60% {
		width: 120%;
		height: 0;
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	90% {
		width: 120%;
		height: 100%;
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	100% {
		width: 120%;
		height: 100%;
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}
@keyframes shutterOpen2 {
	60% {
		width: 120%;
		height: 0;
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	90% {
		width: 120%;
		height: 100%;
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	100% {
		width: 120%;
		height: 100%;
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}
@-webkit-keyframes contentScale {
	70% {
		-webkit-transform: perspective(800px) scale(0.9) rotateX(15deg);
		transform: perspective(800px) scale(0.9) rotateX(15deg);
	}
	100% {
		-webkit-transform: perspective(800px) scale(1) rotateX(0);
		transform: perspective(800px) scale(1) rotateX(0);
	}
}
@keyframes contentScale {
	70% {
		-webkit-transform: perspective(800px) scale(0.9) rotateX(15deg);
		transform: perspective(800px) scale(0.9) rotateX(15deg);
	}
	100% {
		-webkit-transform: perspective(800px) scale(1) rotateX(0);
		transform: perspective(800px) scale(1) rotateX(0);
	}
}

/******************************************
* 
* バーコード
*
*******************************************/
.barcode {
	width: calc(60% + 140px);
	margin: 30px auto 0;
}
.barcode em.new {
	font-weight: 700;
	color: #f00;
}
.barcode .open_modal3:hover {
	opacity: 0.6;
}

#modal_item3 {
	position: relative;
	padding: 50px 90px;
	background: url(../images/campaign/bg_assessment.webp) no-repeat right 38px;
}
#modal_item3 dt {
	padding-bottom: 10px;
	border-bottom: 4px solid #f00;
	color: #f00; /*font-family: "Noto Sans";*/
	font-size: 32px;
	font-weight: 400;
}
#modal_item3 dt em {
	display: block;
	font-size: 48px;
	font-weight: 700;
}
#modal_item3 dd {
	margin-top: 20px;
	line-height: 1.5;
}
#modal_item3 dd img {
	display: block;
	width: auto;
	margin: 30px auto 0;
}

.scroll-prevent {
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 767px) {
	.barcode {
		width: calc(76% + 70px);
	}
	.assessment + .scaned {
		margin-top: 30px;
	}
	.scaned .outline:after {
		content: "";
		clear: both;
		display: block;
		height: 0;
	}
	.scaned .outline figure {
		float: left;
		width: 100px;
		margin: 0;
	}
	.scaned .outline .exp {
		float: right;
		width: calc(100% - 113px);
		padding-top: 20px;
		font-size: 71%;
		line-height: 1.5;
	}
	.scaned .exp .item-maker {
		margin-bottom: 10px; /*font-family: "Noto Sans";*/
		font-weight: 400;
		letter-spacing: 0.05em;
	}
	.scaned .exp .item-title {
		margin-bottom: 10px;
		font-size: 120%;
		font-weight: bold;
	}
	.scaned .exp .item-saler time {
		display: block;
	}

	.scaned .item-price {
		margin-top: 20px;
	}
	.scaned .item-price .caption {
		position: relative;
		padding-bottom: 5px;
		border-bottom: 2px solid #e40012;
		color: #e40012;
		font-size: 22px; /*font-family: "Noto Sans";*/
		font-weight: 700;
		text-align: center;
	}
	.scaned .item-price .caption:after {
		content: "";
		position: absolute;
		bottom: -9px;
		left: 50%;
		width: 0;
		height: 0;
		margin-left: -7px;
		border-style: solid;
		border-width: 7px 7px 0 7px;
		border-color: #e40013 transparent transparent transparent;
	}
	.scaned .item-price .item-purchase {
		position: relative;
		color: #e40012;
	}
	.scaned .item-price .item-purchase:after {
		content: "";
		clear: both;
		display: block;
		height: 0;
	}
	.scaned .item-price .item-purchase dt {
		float: left;
		margin-top: 32px; /*font-family: "Noto Sans";*/
		font-size: 22px;
		font-weight: 700;
		line-height: 1;
	}
	.scaned .item-price .item-purchase dd {
		float: right; /*font-family: Oswald;*/
		font-size: 68px;
		font-weight: bold;
	}
	.scaned .item-price .item-purchase dd span {
		margin-left: 5px;
		font-size: 40px;
	}
	.scaned .item-price .item-purchase dd:after {
		content: "";
		position: absolute;
		bottom: 10px;
		right: 0;
		z-index: -1;
		width: 323px;
		height: 38px;
		background: url(../images/common/line_price_large.webp) no-repeat;
		background-size: 323px 38px;
	}

	.scaned .item-next {
		margin-top: 30px;
	}
	.scaned .item-next a {
		display: block;
		position: relative;
		height: 67px;
		border: 3px solid #000;
		background: url(../images/campaign/bg_item-next.webp) no-repeat 14px bottom;
		background-size: 63px 55px; /*font-family: "Noto Sans";*/
		font-size: 18px;
		font-weight: 500;
		text-align: center;
		line-height: 58px;
	}
	.scaned .item-next a:before,
	.scaned .item-next a:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		height: 1px;
		background-color: #000;
	}
	.scaned .item-next a:before {
		width: 10px;
		transform: translateY(-50%);
	}
	.scaned .item-next a:after {
		width: 6px;
		margin-top: -3px;
		transform: rotate(45deg);
	}

	.scaned .conv {
		position: relative;
		left: -7px;
		width: calc(100% + 14px);
		margin-top: 10px;
	}

	.scaned .sum {
		position: relative;
		margin-top: 18px;
		padding-right: 105px;
		border-bottom: 1px solid #000; /*font-family: "Noto Sans";*/
		font-size: 20px;
		font-weight: 500;
		text-align: center;
	}
	.scaned .sum span {
		color: #f00;
		font-size: 20px;
	}
	.scaned .sum span em {
		/*font-family: Oswald;*/
		font-size: 30px;
		font-weight: bold;
	}
	.scaned .sum .breakdown {
		position: absolute;
		bottom: -1px;
		right: 0;
	}
	.scaned .sum .breakdown a {
		display: block;
		width: 105px;
		height: 39px;
		padding-right: 23px;
		background: #000;
		color: #fff;
		font-size: 12px;
		line-height: 39px;
	}
	.scaned .sum .breakdown a:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		background: url(../images/campaign/i_roupe.webp) no-repeat;
		background-size: 18px 18px;
	}

	#modal_item2 {
		padding: 20px;
	}
	#modal_item2 #cboxClose {
		display: none;
	}
	#modal_item2 .sum {
		padding: 15px 30px;
		background: #fff; /*font-family: "Noto Sans";*/
		font-size: 20px;
		font-weight: 500;
	}
	#modal_item2 .sum .sum_amount p {
		display: inline-block;
		width: 100%;
	}
	#modal_item2 .sum p span {
		word-break: keep-all;
		margin: 0 5px;
	}
	#modal_item2 .sum p span.sum_money {
		color: #f00;
		font-weight: bold;
	}
	#modal_item2 .sum p span em {
		/*font-family: Oswald;*/
		font-size: 30px;
	}
	#modal_item2 .sum .conv_btn {
		display: block;
		margin-top: 10px;
	}
	#modal_item2 > ul > li {
		position: relative;
		margin-top: 15px;
		padding: 15px 30px 15px 15px;
		background: #fff;
		text-align: left;
	}
	#modal_item2 > ul > li:after {
		content: "";
		clear: both;
		display: block;
		height: 0;
	}
	#modal_item2 > ul > li figure {
		float: left;
		width: 50px;
		margin: 0;
	}
	#modal_item2 > ul > li .exp {
		float: right;
		width: calc(100% - 63px);
		font-size: 71%;
		line-height: 1.5;
	}
	#modal_item2 > ul > li .exp .item-maker {
		margin-bottom: 2px; /*font-family: "Noto Sans";*/
		font-weight: 400;
		letter-spacing: 0.05em;
	}
	#modal_item2 > ul > li .exp .item-title {
		font-size: 120%;
		font-weight: bold;
	}
	#modal_item2 > ul > li .exp .item-price {
		margin-top: -9px;
		color: #f00;
		font-size: 20px;
		font-weight: bold;
		text-align: right;
	}
	#modal_item2 > ul > li .exp .item-price em {
		/*font-family: Oswald;*/
		font-size: 30px;
	}
	#modal_item2 > ul > li .close {
		display: block;
		position: absolute;
		top: 7px;
		right: 7px;
		width: 20px;
		height: 20px;
		border: 2px solid;
		border-radius: 50%;
		background: #000;
	}
	#modal_item2 > ul > li .close:after,
	#modal_item2 > ul > li .close:before {
		content: "";
		display: block;
		position: absolute;
		top: 7px;
		left: 3px;
		width: 10px;
		height: 2px;
		background: #fff;
		transform: rotate(45deg);
	}
	#modal_item2 > ul > li .close:after {
		transform: rotate(-45deg);
	}
}

/* 黒背景プラス */
.i_plus,
.i_minus {
	position: absolute;
}
.i_plus:before,
.i_minus:before {
	display: block;
	position: absolute;
	font-family: "Fontawesome";
	width: 14px;
	height: 14px;
	color: #000;
	font-size: 140%;
}
.i_plus:before {
	top: -7px;
	right: 13px;
	content: "\f13a";
}
.i_minus:before {
	top: -8px;
	right: 13px;
	content: "\f139";
}

.faq h2 {
	margin: 10px 0;
	padding: 0 0 30px 0;
	margin-bottom: 80px;
	position: relative;
	z-index: 3;
}
.faq dl {
	margin-bottom: 40px;
}
.faq dt {
	display: block;
	border-bottom: 2px solid #000;
	padding: 8px 16px 8px 66px;
	position: relative;
	color: #000;
	font-size: 125%;
	line-height: 1.6;
	margin-bottom: 40px;
	font-weight: bold;
}
.faq dt:after {
	content: "Q";
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 48px;
	font-size: 150%;
	font-weight: bold;
	background-color: #000;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-weight: 700;
	bottom: 0;
	left: 0;
}
.faq dd {
	display: block;
	padding: 0;
	border-left: 2px solid #a0a0a0;
	margin-left: 100px;
	padding: 8px 8px 8px 16px;
	position: relative;
}
.faq dd:after {
	content: "A";
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	font-weight: 700;
	bottom: 0;
	left: 0;
	font-size: 150%;
	color: #c50018;
	top: 1px;
	left: -30px;
}
.faq dt span {
	display: block;
	cursor: pointer;
}
.faq dt span.i_plus {
	position: static;
}
.faq dt.js-active span.i_plus:before {
	content: "\f139";
}

@media (max-width: 768px) {
	.faq dt {
		vertical-align: middle;
		font-size: 100%;
		line-height: 1.4;
		margin-bottom: 20px;
		min-height: 46px;
		padding: 8px 30px 8px 45px;
	}
	.faq dt:after {
		width: 36px;
	}
	.faq dd {
		margin-left: 40px;
		padding: 8px 0px 8px 16px;
		position: relative;
	}
	.faq dt span.i_plus:before {
		top: 0.2em;
	}
}