/*
Theme Name: FIRST
Theme URL: https://www.first-truck.jp
Description: FIRST Website
Author: Yuya Shibata
Version: 1.0.0
*/
@charset 'UTF-8';
* {
margin: 0px;
padding: 0px;
word-break: normal !important;
word-wrap: break-word;
line-break:normal;
border: 0;
outline: 0;
box-sizing: border-box;
hanging-punctuation: force-end;
}

html {
scroll-padding-top: 100px;
overflow: auto;
font-size: 62.5%;
}
body {
position: relative;
max-height: 100%;
margin: 0;
padding: 0;
font-style: normal;
font-family: "Jost", "BIZ UDPGothic", sans-serif;
font-size: 1.6rem;
font-optical-sizing: auto;
font-weight: normal;
line-height: 1.6;
color: #000;
background-color: #fff;
-webkit-text-size-adjust: 100%;
}
@media (max-width: 1023px) {
	html {
	font-size: 60%;
	}
}
@media (max-width: 767px) {
	html {
	scroll-padding-top: 70px;
	font-size: 55%;
	}
	body {
	width: 100%;
	font-size: 1.5rem;
	}
}
@media (max-width: 374px) {
	html {
	font-size: 50%;
	}
}

section {
position: relative;
}
section:after {
clear:both;
display:block;
content:"";
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table th {
font-weight: normal;
text-align: inherit;
}
nav, ol, ul {
list-style: none;
}

h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: bold;
}

a {
text-decoration: none;
color: inherit;
}
a:hover {
text-decoration: none;
}
@media (min-width: 768px) {
	a[href^="tel:"] {
	pointer-events: none;
	}
}

/*-------------------------
 フォーム
-----------------------*/
button {
cursor: pointer;
font-family: inherit;
font-size: inherit;
background-color: transparent;
border: 0;
}
input,
select,
textarea {
display: block;
font-family: inherit;
font-size: inherit;
border: 1px solid #000;
}
input[type="button"],
input[type="text"],
input[type="submit"],
input[type="image"],
textarea {
-webkit-appearance: none;
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="email"],
input[type="tel"],
textarea {
-webkit-appearance: none;
width: 100%;
padding: 10px;
background-color: #fff;
}
select {
width: 100%;
padding: 10px;
background-color: #fff;
}
input[type="file"] {
-webkit-appearance: none;
background-color: transparent;
border: 0;
}
input[type="checkbox"],
input[type="radio"] {
display: inline-block;
margin-left: 2px;
margin-right: 0.5em;
transform: scale(1.1, 1.1);
}
.select {
position: relative;
display: inline-block;
}
select {
padding-right: 25px;
}
.select::before {
z-index: 1;
position: absolute;
content: "";
width: 8px;
height: 8px;
top: 18px;
right: 23px;
border-bottom: 2px solid #888;
border-right: 2px solid #888;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
textarea {
width: 100%;
height: 250px;
}
.contact_submit_flex {
display: flex;
justify-content: center;
margin: 3em auto 0;
}
.contact_previous,
.contact_submit {
display:flex;
justify-content: center;
align-items: center;
width: fit-content;
width: 300px;
height: 65px;
margin: 0 10px;
font-size: 1.8rem;
border-radius: 100px;
}
.contact_previous {
background-color: #ccc;
}
.contact_submit {
background-color: #363334;
}
.contact_submit .wpcf7-spinner {
display: none;
}
.contact_previous input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: none;
cursor: pointer;
cursor: hand;
width: 100%;
height: 100%;
font-weight: bold;
letter-spacing: 1px;
background-color: transparent;
border-color: transparent;
}
.contact_submit input[type="submit"] {
color: #fff;
}
input[readonly="readonly"] {
border-width: 0;
}
.privacy_check {
text-align: center;
}
.privacy_check a {
text-decoration: underline;
}
.nini,
.hissu {
display: inline-block;
padding: 2px 5px;
font-size: 1.2rem;
font-weight: normal;
letter-spacing: 2px;
}
.nini {
background-color: #fff;
border: 1px solid #aaa;
}
.hissu {
color: #fff;
background-color: #e10915;
}
@media (min-width:768px) {
	/* focus */
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="date"]:focus,
	input[type="email"]:focus,
	input[type="tel"]:focus,
	select:focus,
	textarea:focus {
	background-color: #fbfcd6;
	}
	input[readonly="readonly"]:focus {
	background-color: #fff;
	}
	/* hover */
	.privacy_check a:hover {
	opacity: .5;
	transition: .3s;
	}
	.contact_previous:hover {
	background-color: #f1f1f1;
	transition: .5s;
	}
	.contact_submit:hover {
	background-color: #804484;
	transition: .5s;
	}
	.contact_submit:hover input[type="submit"] {
	color: #fff;
	transition: .5s;
	}
}
@media (max-width:767px) {
	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="email"],
	input[type="tel"],
	select,
	textarea {
	padding: 10px;
	}
	textarea {
	height: 200px;
	}
	.contact_submit {
	width: 250px;
	height: 45px;
	font-size: inherit;
	}
}

/*-----------------------
 slick
-----------------------*/
/* slick */
.slick-slider {
display: block;
position: relative;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
min-height: 1px;
font-size: 0;
}
.slick-list {
position: relative;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
display: block;
position: relative;
top: 0;
left: 0;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
position: relative;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-arrow {
}
.slick-prev,
.slick-next {
z-index: 1;
cursor: pointer;
position: absolute;
top: 120px;
width: 40px;
height: 40px;
font-size: 0;
background-color: rgba(0,0,0,.3);
}
.slick-prev {
left: 0;
border-radius: 0 4px 4px 0;
}
.slick-next {
right: 0;
border-radius: 4px 0 0 4px;
}
.slick-prev::before,
.slick-next::before {
position: absolute;
content: "";
width: 10px;
height: 10px;
top: 50%;
transform: translateY(-50%);
right: 0;
left: 0;
margin: -8px auto 0;
border-style: solid;
border-color: #fff;
transform: rotate(45deg);
}
.slick-prev::before {
right: 12px;
right: -5px;
border-width: 0 0 3px 3px;
}
.slick-next::before {
left: 12px;
left: -5px;
border-width: 3px 3px 0 0;
}

/*-----------------------
 共通設定
-----------------------*/
.body_wrap {
overflow: hidden;
}

.right { text-align: right !important; }
.left { text-align: left !important; }
.center { text-align: center !important; }
.fit { width: fit-content;margin-right: auto;margin-left: auto; }
@media (max-width: 767px) {
	.fit_sp {
	width: fit-content;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}
}
.normal { font-weight: normal;}
.font_small { font-size: 1.4rem; }
.font_large { font-size: 1.8rem; }
.red { color: #e10915; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }

.cat01 { background-color: #7fb3a3; }
.cat02 { background-color: #e4a9a9; }
.cat03 { background-color: #d4dc25; }
.cat04 { background-color: #6bd0f1; }

.txtlink a {
text-decoration: underline;
}
@media (min-width:768px) {
	.txtlink a:hover {
	opacity: .5;
	transition: .5s;
	}
}

.bg {
position: relative;
}
.bg::after {
z-index: -99;
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
}

img {
display: block;
width: 100%;
max-width: 100%;
width: auto;
height: auto;
margin-right: auto;
margin-left: auto;
vertical-align:top;
}

@media (min-width:768px) {
	.sp {
	display: none;
	}
}
@media (max-width: 767px) {
	.pc {
	display: none;
	}
}

/*-----------------------
 ヘッダー
-----------------------*/
header {
z-index: 9;
position: relative;
width: 100%;
height: 174px;
top: 0;
left: 0;
line-height: 1;
background-color: #fff;
}
html.is-fixed header {
position: fixed;
}
html.is-fixed .header_adjuster {
padding-top: 67px;
}
.head_box1 {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 20px;
background-color: #804484;
}
html.active.is-fixed .head_logo,
.head_logo {
width: calc(223px);
height: calc(82px);
font-size: 0;
}
html.active.is-fixed .head_logo a,
.head_logo a {
display: block;
width: 100%;
height: 100%;
background-image: url(./common/img/logo.png);
background-repeat: no-repeat;
background-size: contain;
}
.head_cnt {
display: flex;
align-items: center;
width: fit-content;
}
.head_tel {
width: fit-content;
}
.head_tel_1 {
display: flex;
align-items: center;
justify-content: flex-end;
font-weight: bold;
}
html.active.is-fixed .head_tel_1_s1,
.head_tel_1_s1 {
display: block;
margin-right: 10px;
padding: 3px 10px;
font-size: 2.4rem;
line-height: 1.4;
background-color: #fff;
}
html.active.is-fixed .head_tel_1_s2,
.head_tel_1_s2 {
display: block;
font-size: 3.6rem;
font-weight: 600;
color: #fff;
}
html.active.is-fixed .head_tel_2,
.head_tel_2 {
margin-top: 7px;
font-size: inherit;
color: #fff;
}
.head_ico {
}
.head_tel_sp {
display: none;
}
.head_line {
width: 54px;
height: 54px;
margin-left: 20px;
}
.head_box2 {
border-style: solid;
border-color: #ccc;
border-width: 1px 0;
}
.nav {
display: flex;
align-items: center;
justify-content: center;
max-width: 1200px;
margin: auto;
}
.nav_top {
display: none;
}
.nav > li {
position: relative;
width: 25%;
padding: 15px;
font-weight: bold;
text-align: center;
}
.nav > li::before {
position: absolute;
content: "";
width: 100%;
height: calc(100% - 30px);
top: 50%;
transform: translateY(-50%);
left: 0;
border-style: solid;
border-color: #ccc;
border-width: 0 0 0 1px;
}
.nav > li:last-of-type::before {
border-width: 0 1px;
}
.nav > li > a {
z-index: 1;
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.nav_s1 {
display: block;
margin-bottom: 7px;
font-size: 1.5rem;
color: #804484;
}
html.active.is-fixed .nav_s2,
.nav_s2 {
display: block;
font-size: 1.8rem;
}
html.is-fixed header {
height: inherit;
background-color: #804484;
box-shadow: 0 0 15px rgba(0,0,0,0.2);
animation: is-fixed .5s ease-out;
}
@keyframes is-fixed {
	0% {
	opacity: 0;
	transform: translateY(-50px);
	}
}
html.is-fixed .spmenu {
display: flex;
align-items: center;
}
html.is-fixed .head_box1 {
justify-content: flex-start;
width: 620px;
padding: 10px 15px;
}
html.is-fixed .head_logo {
width: calc(182px * .8);
height: calc(49px * .8);
margin-right: 20px;
}
html.is-fixed .head_logo a {
background-image: url(./common/img/logo_s.png);
}
html.is-fixed .head_cnt {
}
html.is-fixed .head_tel_1 {
justify-content: flex-start;
}
html.is-fixed .head_tel_1_s1 {
margin-right: 6px;
font-size: 1.4rem;
}
html.is-fixed .head_tel_1_s2 {
font-size: 2.2rem;
letter-spacing: 1px;
}
html.is-fixed .head_tel_2 {
font-size: 1.4rem;
}
html.is-fixed .head_box2 {
width: calc(100% - 620px);
padding-left: 0;
border-top-width: 0;
border-bottom-width: 0;
}
html.is-fixed .head_line {
width: 50px;
height: 50px;
}
html.is-fixed .nav {
max-width: 1100px;
margin-right: 0;
justify-content: flex-end;
}
html.is-fixed .nav li {
width: fit-content;
padding: 15px 20px;
}
html.is-fixed .nav li:not(:hover) {
color: #fff;
}
html.is-fixed .nav_s1 {
display: none;
}
html.is-fixed .nav_s2 {
font-size: inherit;
}
.nav > li::before,
.nav > li::after {
height: calc(100% - 18px);
}
html.is-fixed .nav > li > a {
padding: 9px;
}
@media (max-width:1350px) {
	html.is-fixed .nav li {
	padding: 12px;
	}
}
@media (max-width:1300px) {
}
@media (max-width:1260px) {
	header {
	height: 102px;
	}
	html.is-fixed .header_adjuster {
	padding-top: 102px;
	}
	.head_box1 {
	padding-right: 100px;
	}
	.head_box2 {
	display: none;
	}
	html.is-fixed .head_box1 {
	padding-top: 8px;
	padding-bottom: 8px;
	}
	.toggle {
	z-index: 99999;
	cursor: pointer;
	position: fixed;
	display: block;
	width: 74px;
	height: 102px;
	top: 0;
	right: 0;
	background-color: #363334;
	}
	.toggle::before {
	position: absolute;
	content: "MENU";
	width: 100%;
	bottom: 15px;
	left: 0;
	font-size: 1.4rem;
	text-align: center;
	letter-spacing: 1px;
	color: #fff;
	}
	.toggle div {
	position: absolute;
	width: 35px;
	top: 20px;
	right: 0;
	left: 0;
	margin: auto;
	}
	.toggle span {
	display: block;
	position: absolute;
	width: 100%;
	height: 3px;
	left: 0;
	background-color: #fff;
	transition: .35s ease-in-out;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	}
	.toggle span:nth-child(2) {
	top: 12px;
	}
	.toggle span:nth-child(3) {
	top: 24px;
	}
	html.is-fixed .head_box1 {
	padding-top: 8px;
	padding-bottom: 8px;
	}
	html.is-fixed .toggle {
	height: 63px;
	}
	html.is-fixed .toggle::before {
	display: none;
	}
	html.is-fixed .toggle div {
	top: 16px;
	}
	html.is-fixed.active .toggle div {
	top: 28px;
	}
	html.active .toggle {
	z-index: 99999;
	}
	html.active .toggle div {
	top: 30px;
	}
	html.active .toggle span {
	top: 0;
	}
	html.active .toggle span:nth-child(1) {
	transform: rotate(-45deg);
	}
	html.active .toggle span:nth-child(2),
	html.active .toggle span:nth-child(3) {
	transform: rotate(45deg);
	}
	html.active {
	overflow: hidden;
	}
	html.active.is-fixed .spmenu,
	html.active .spmenu {
	overflow-x: hidden;
	overflow-y: auto;
	display: block;
	z-index: 9999;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	right: 0;
	padding: 50px 30px;
	line-height: 1;
	background-color: #804484;
	animation: spmenu-open .3s ease-out forwards;
	box-shadow: 0 0 30px rgba(0,0,0,.2);
	}
	html.closing .spmenu {
	animation: spmenu-close .3s ease-out forwards;
	}
	@keyframes spmenu-open {
		from {
				transform: translateY(-100%);
		}
		to {
				transform: translateY(0);
		}
	}
	@keyframes spmenu-close {
		from {
				transform: translateY(0);
		}
		to {
				transform: translateY(-100%);
		}
	}
	html.active.is-fixed .head_box1,
	html.active .head_box1 {
	display: block;
	width: auto;
	padding: 0;
	text-align: center;
	}
	html.active.is-fixed .head_logo,
	html.active .head_logo {
	margin: 0 auto 20px;
	}
	html.active.is-fixed .head_cnt,
	html.active .head_cnt {
	margin: 0 auto 40px;
	}
	html.is-fixed.is-fixed .head_tel_2 ,
	html.is-fixed .head_tel_2 {
	display: block;
	}
	html.active.is-fixed .head_box2,
	html.active .head_box2 {
	display: block;
	width: auto;
	border-width: 0;
	}
	html.active.is-fixed .nav,
	html.active .nav {
	flex-wrap: wrap;
	max-width: 600px;
	margin-right: auto;
	}
	html.active .nav_top {
	display: block;
	}
	html.active.is-fixed .nav > li,
	html.active .nav > li {
	width: calc(50% - 10px);
	margin: 5px;
	padding: 20px;
	border: 1px solid #aaa;
	}
	html.active.is-fixed .nav > li::before,
	html.active .nav > li::before {
	z-index: -2;
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: inherit;
	background-color: #fff;
	}
	html.active.is-fixed .nav_s1,
	html.active .nav_s1 {
	display: block;
	}
}
@media (max-width:1023px) {
	header {
	height: 77px;
	}
	html.is-fixed .header_adjuster {
	padding-top: 77px;
	}
	.head_box1 {
	padding: 10px 80px 10px 10px;
	}
	html.is-fixed .head_logo,
	.head_logo {
	width: calc(223px * .7);
	height: calc(82px * .7);
	}
	html.active.is-fixed .head_tel_1_s1,
	.head_tel_1_s1 {
	font-size: 1.6rem;
	}
	html.active.is-fixed .head_tel_1_s2,
	.head_tel_1_s2 {
	font-size: 2.6rem;
	}
	html.is-fixed .head_logo {
	width: calc(182px* .7);
	height: calc(49px* .7);
	}
	.toggle {
	width: 62px;
	height: 77px;
	}
	.toggle div {
	width: 30px;
	top: 18px;
	}
	.toggle span {
	height: 2px;
	}
	.toggle span:nth-child(2) {
	top: 9px;
	}
	.toggle span:nth-child(3) {
	top: 18px;
	}
	.toggle::before {
	bottom: 13px;
	font-size: 1.3rem;
	}
	html.active .toggle div {
	top: 8px;
	}
	html.active .toggle span {
	top: 19px;
	}
	html.active.is-fixed .head_tel_1,
	html.is-fixed .head_tel_1 {
	margin-right: 0;
	}
	html.active.is-fixed .head_tel_1_s2,
	html.is-fixed .head_tel_1_s2 {
	font-size: 2.6rem;
	}
	html.active.is-fixed .head_tel_2,
	html.is-fixed .head_tel_2 {
	display: none;
	}
	html.is-fixed .toggle {
	height: 62px;
	}
	html.is-fixed .toggle div {
	top: 19px;
	}
	html.is-fixed.active .toggle div {
	top: 10px;
	}
}
@media (min-width:768px) {
	/* hover */
	.head_logo:hover {
	opacity: .5;
	transition: .3s;
	}
	.head_line:hover a {
	opacity: .5;
	transition: .3s;
	}
	.nav > li:hover {
	position: relative;
	}
	.nav > li:hover .nav_s1,
	.nav > li:hover .nav_s2	{
	/*color: #fff;*/
	}
	.nav > li::after {
	z-index: -1;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #efe6ee;
	transform-origin: center center;
	transform: scale(0, 1);
	transition: transform .3s;
	}
	.nav > li:hover::after {
	transform: scale(1, 1);
	}
	.toggle:hover {
	background-color: #804484;
	transition: .3s;
	}
}
@media (max-width:767px) {
	header {
	height: 61px;
	}
	html.is-fixed .header_adjuster {
	padding-top: 61px;
	}
	.head_box1 {
	justify-content: space-between;
	padding: 6px 57px 6px 10px;
	}
	html.active.is-fixed .head_logo,
	.head_logo {
	width: calc(223px* .6);
	height: calc(82px* .6);
	}
	html.active .head_cnt,
	html.active.is-fixed .head_cnt {
	display: block;
	margin-bottom: 15px;
	}
	.head_ico {
	display: flex;
	}
	.head_tel_sp {
	display: block;
	width: 25px;
	height: 40px;
	}
	.head_tel_sp img {
	object-fit: contain;
	width: 100%;
	height: 100%;
	}
	.head_line {
	width: 35px;
	height: 40px;
	margin-left: 10px;
	}
	html.is-fixed .head_tel_sp {
	top: 5px;
	height: 36px;
	}
	html.is-fixed .head_line {
	width: 35px;
	height: 36px;
	top: 5px;
	right: 55px;
	}
	html.active .head_ico {
	display: flex;
	justify-content: center;
	margin-top: 10px;
	}
	html.active .head_tel_sp,
	html.active.is-fixed .head_tel_sp {
	}
	html.active .head_line,
	html.active.is-fixed .head_line {
	}
	html.active.is-fixed .head_line {
	width: 42px;
	height: 42px;
	}
	.head_tel {
	display: none;
	margin-bottom: 0 !important;
	}
	html.active .head_tel,
	html.is-fixed .head_tel,
	html.active.is-fixed .head_tel {
	display: block;
	}
	.head_tel_1 {
	display: block;
	}
	.head_tel_1_s1 {
	width: 130px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	font-size: 1.5rem;
	}
	.toggle {
	width: 50px;
	height: 61px;
	}
	.toggle::before {
	bottom: 10px;
	font-size: 1.2rem;
	}
	.toggle div {
	width: 24px;
	top: 12px;
	}
	.toggle span:nth-child(2) {
	top: 8px;
	}
	.toggle span:nth-child(3) {
	top: 16px;
	}
	html.active .toggle div {
	top: 0;
	}
	html.is-fixed header {
	}
	html.is-fixed .head_box1 {
	width: 100%;
	justify-content: space-between;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 57px;
	}
	html.is-fixed .head_logo {
	width: calc(182px* .6);
	height: calc(49px* .6);
	}
	html.is-fixed .head_tel {
	display: none;
	}
	html.is-fixed .toggle {
	height: 45px;
	}
	html.is-fixed .toggle div {
	top: 13px;
	}
	html.is-fixed.active .toggle div {
	top: 2px;
	}
	html.active.is-fixed .spmenu,
	html.active .spmenu {
	padding: 30px 15px;
	}
	html.active.is-fixed .head_logo,
	html.active .head_logo {
	margin-bottom: 15px;
	}
	html.active.is-fixed .head_tel,
	html.active .head_tel {
	margin-bottom: 20px;
	}
	html.active.is-fixed .nav,
	html.active .nav {
	max-width: 400px;
	}
	html.active.is-fixed .nav > li,
	html.active .nav > li {
	width: calc(50% - 6px);
	margin: 3px;
	padding: 10px 5px;
	}
	html.active.is-fixed .nav_s1,
	html.active .nav_s1 {
	font-size: 1.3rem;
	}
	html.active.is-fixed .nav_s2,
	html.active .nav_s2 {
	font-size: 1.6rem;
	color: #000;
	}
}
@media (max-width:500px) {
	html.active.is-fixed .nav,
	html.active .nav {
	display: block;
	max-width: 230px;
	}
	html.active.is-fixed .nav > li,
	html.active .nav > li {
	width: 100%;
	margin: 0 0 5px 0;
	}
}

/*-----------------------
 フッター
-----------------------*/
footer {
}
.foot_box1 {
padding: 25px;
line-height: 1.4;
color: #fff;
background-color: #804484;
}
.foot_box1_wrap {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1200px;
margin: auto;
}
.foot_box1_in1 {
width: fit-content;
}
.foot_logo {
width: calc(223px);
height: calc(82px);
margin-bottom: 15px;
font-size: 0;
}
.foot_logo a {
}
.foot_logo img {
object-fit: contain;
width: 100%;
height: 100%;
}
.foot_address {
margin-bottom: 4px;
font-size: 1.8rem;
}
.foot_tel {
font-size: 1.8rem;
}
.foot_box1_in2 {
display: flex;
align-items: center;
width: fit-content;
}
.foot_box1_tel {
}
.foot_box1_tel_1 {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.foot_box1_tel_1_s1 {
display: block;
margin-right: 10px;
padding: 4px 12px;
font-size: 3.6rem;
font-weight: bold;
color: #804484;
background-color: #fff;
}
.foot_box1_tel_1_s2 {
display: block;
font-size: 5.3rem;
font-weight: 600;
}
.foot_box1_tel_2 {
font-size: 1.8rem;
}
.foot_line {
width: 70px;
height: 70px;
margin-left: 20px;
}
.foot_line a {
}
.foot_box2 {
padding: 20px 15px;
}
.foot_nav {
display: flex;
justify-content: center;
}
.foot_nav > li {
padding: 0 30px;
font-size: 1.8rem;
line-height: 1;
border-right: 1px solid;
}
.foot_nav > li:last-of-type {
border-right-width: 0;
}
.foot_nav > li a {
display: block;
}
.copyright {
padding: 20px 15px;
font-size: 1.4rem;
line-height: 1;
text-align: center;
letter-spacing: 1px;
background-color: #efe6ee;
}
@media (max-width:1260px) {
	.foot_box1_tel_1_s1 {
	font-size: 3.0rem;
	}
	.foot_box1_tel_1_s2 {
	font-size: 4.5rem;
	}
}
@media (max-width:1023px) {
	.foot_box1 {
	padding: 25px 15px;
	}
	.foot_box1_wrap {
	display: block;
	text-align: center;
	}
	.foot_box1_in1 {
	margin: 0 auto 20px;
	}
	.foot_logo {
	margin-right: auto;
	margin-left: auto;
	}
	.foot_box1_in2 {
	margin: 0 auto;
	}
	.foot_line {
	width: 64px;
	height: 64px;
	}
	.foot_address,
	.foot_tel {
	font-size: inherit;
	}
	.foot_nav > li {
	font-size: inherit;
	}
	.foot_box1_tel_1 {
	margin-bottom: 2px;
	}
	.foot_box1_tel_1_s1 {
	font-size: 2.0rem;
	}
	.foot_box1_tel_1_s2 {
	font-size: 3.6rem;
	}
	.foot_box1_tel_2 {
	font-size: inherit;
	}
	.foot_nav > li {
	padding: 0 15px;
	}
}
@media (min-width:768px) {
	/* hover */
	.foot_line:hover a,
	.foot_ a:hover,
	.foot_nav > li a:hover {
	opacity: .5;
	transition: .3s;
	}
}
@media (max-width:767px) {
	.foot_logo {
	width: calc(223px * .6);
	height: calc(82px * .6);
	margin-bottom: 10px;
	}
	.foot_line {
	width: 45px;
	height: 45px;
	}
	.foot_box1_tel_1_s1 {
	padding: 4px 8px;
	font-size: 1.6rem;
	}
	.foot_box1_tel_1_s2 {
	font-size: 2.4rem;
	}
	.foot_box2 {
	display: none;
	}
	.copyright {
	padding: 10px;
	font-size: 1.2rem;
	}
}

/*-----------------------
 TOPページ
-----------------------*/
/*-- メインビジュアル --*/
.mv {
overflow: hidden;
position: relative;
padding: 35px 30px;
background-color: #a47ead;
background-image: url(./common/img/top/mv_bg.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.mv::before {
position: absolute;
content: "";
width: 27%;
height: 100%;
top: 0;
left: 0;
background-image: url(./common/img/top/mv_img_l.png);
background-repeat: no-repeat;
background-position: top 40px right;
background-size: 100% auto;
}
.mv::after {
position: absolute;
content: "";
width: 33%;
height: 100%;
top: 0;
right: 0;
background-image: url(./common/img/top/mv_img_r.png);
background-repeat: no-repeat;
background-position: bottom 30px right;
background-size: 100% auto;
}
.mv_box {
}
.mv_box + .mv_box {
margin-top: 40px;
}
.mv_ttl {
z-index: 1;
position: relative;
margin-bottom: 15px;
font-weight: bold;
text-align: center;
letter-spacing: 1px;
}
.mv_ttl_1 {
display: block;
margin-bottom: 5px;
font-size: 1.5rem;
line-height: 1;
letter-spacing: 1px;
color: #fff;
}
.mv_ttl_2 {
display: block;
font-size: 3.4rem;
line-height: 1.4;
color: #fff;
}
.mv_list {
z-index: 1;
position: relative;
display: flex;
flex-wrap: wrap;
max-width: 1130px;
margin: auto;
}
.mv_list > li {
overflow: hidden;
position: relative;
width: calc(16.6666666667% - 10px);
margin: 5px;
padding: 10px;
font-weight: bold;
text-align: center;
line-height: 1.4;
background-color: #fff;
border: 3px solid #fff;
border-radius: 4px;
box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.mv_list > li > a {
z-index: 1;
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.mv_ico {
max-width: 139px;
margin: 0 auto 10px;
}
.mv_ico img {
object-fit: contain;
aspect-ratio: 139 / 56;
width: 100%;
height: 100%;
}
.mv_txt {
font-size: 1.7rem;
}
.mv_form {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
max-width: 1120px;
margin: 20px auto 0;
padding: 15px 12px;
background-color: #fff;
border: 4px solid #fff;
box-shadow: 0 0 10px rgba(0,0,0,.3);
border-radius: 4px;
}
.mv_form_box {
width: calc(33.3333% - 16px);
margin: 0 8px;
}
.mv_form_box.mv_form_body {
}
.mv_form_box.mv_form_maker {
}
.mv_form_box.mv_form_mile {
}
.mv_form_select {
}
.mv_form_select select {
padding: 8px;
border-width: 2px;
border-radius: 4px;
}
.mv_form_submit {
margin: 15px auto 0;
padding: 14px 25px;
line-height: 1;
background-color: #363334;
border-radius: 100px;
}
.mv_form_submit input[type="submit"] {
color: #fff;
}
@media (max-width:1650px) {
	.mv {
	background-size: 1920px auto;
	}
}
@media (max-width:1650px) {
	.mv::before {
	width: 18%;
	background-position: top 40px left;
	}
	.mv::after {
	width: 23%;
	background-position: bottom 40px right;
	}
}
@media (max-width:1260px) {
	.mv::before {
	background-position: top 20px left;
	}
	.mv::after {
	background-position: bottom 120px right;
	}
	.mv_txt {
	font-size: inherit;
	}
}
@media (max-width:1023px) {
	.mv {
	padding: 30px 10px;
	background-size: 1260px auto;
	}
	.mv::before {
	width: 22%;
	background-position: top -10px left;
	}
	.mv::after {
	width: 30%;
	background-position: bottom 70px right;
	}
	.mv_box + .mv_box {
	margin-top: 30px;
	}
	.mv_ttl_2 {
	font-size: 2.8rem;
	}
	.mv_list {
	max-width: 767px;
	}
	.mv_list > li {
	width: calc(25% - 10px);
	margin: 5px;
	}
	.mv_ico {
	margin-bottom: 5px;
	}
	.mv_txt {
	font-size: 1.5rem;
	}
	.mv_form {
	margin-top: 10px;
	max-width: 757px;
	padding: 12px 5px;
	}
	.mv_form_box {
	width: calc(33.3333% - 10px);
	margin: 0 5px;
	}
	.mv_form_select select {
	padding: 5px;
	}
	.mv_form_submit {
	padding: 12px 25px;
	}
}
@media (max-width:797px) {
	.mv_form {
	margin-left: 5px;
	margin-right: 5px;
	}
}
@media (min-width:768px) {
	/* hover */
	.mv_list > li:hover {
	background-color: #9883cd !important;
	transition: .3s;
	animation: mv_list .3s;
	}
	@keyframes mv_list {
		50% {
		transform: scale(1.05);
		}
	}
	.mv_list > li:hover {
	color: #fff;
	}
	.mv_list > li:hover img {
	filter: brightness(0) invert(1);
	}
	.mv_form_submit:hover {
	background-color: #804484;
	transition: .3s;
	}
}
@media (max-width:767px) {
	.mv {
	padding: 20px 12px;
	background-size: 767px auto;
	}
	.mv::before {
	}
	.mv::after {
	background-position: bottom 140px right;
	}
	.mv_ttl_1 {
	margin-bottom: 2px;
	font-size: 1.3rem;
	}
	.mv_ttl_2 {
	font-size: 2.4rem;
	}
	.mv_list {
	max-width: 550px;
	}
	.mv_list > li {
	width: calc(25% - 6px);
	margin: 3px;
	padding: 10px 0;
	}
	.mv_ico {
	padding: 0 10px;
	}
	.mv_txt {
	font-size: 1.3rem;
	}
	.mv_form {
	max-width: 545px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	border-width: 3px;
	}
	.mv_form_box {
	width: calc(33.3333% - 10px);
	margin: 0 5px;
	}
	.mv_form_box.mv_form_body {
	width: 100%;
	margin: 0 0 4px 0;
	}
	.mv_form_box.mv_form_maker,
	.mv_form_box.mv_form_mile {
	width: calc(50% - 2px);
	}
	.mv_form_box.mv_form_maker {
	margin: 0 2px 0 0;
	}
	.mv_form_box.mv_form_mile {
	margin: 0 0 0 2px;
	}
	.mv_form_select select {
	padding: 10px;
	border-width: 1px;
	}
	.mv_form_submit {
	margin-top: 10px;
	padding: 8px 20px;
	}
}
@media (max-width:550px) {
	.mv {
	padding: 30px 12px;
	}
	.mv::before {
	width: 25%;
	background-position: top -10px left;
	}
	.mv::after {
	width: 40%;
	background-position: bottom 150px right;
	}
	.mv_list {
	max-width: 375px;
	}
	.mv_list > li {
	width: calc(33.3333% - 6px);
	}
	.mv_form {
	max-width: 369px;
	}
}
@media (max-width:399px) {
	.mv_form {
	max-width: 100%;
	margin-left: 3px;
	margin-right: 3px;
	}
}

/*-- top共通 --*/
.top_sec {
padding: 60px 30px;
}
.top_wrap {
position: relative;
max-width: 1200px;
margin: auto;
}
.top_ttl {
margin-bottom: 2em;
text-align: center;
letter-spacing: 1px;
}
.top_ttl_1 {
margin-bottom: 5px;
font-size: 1.5rem;
font-weight: bold;
line-height: 1;
color: #814480;
}
.top_ttl_2 {
font-size: 4.4rem;
font-weight: bold;
line-height: 1.4;
color: #814480;
}
.more {
position: relative;
width: fit-content;
min-width: 350px;
margin: 2em auto 0;
padding: 18px 10px;
font-weight: bold;
text-align: center;
line-height: 1;
color: #fff;
background-color: #363334;
box-shadow: 0 0 10px rgba(0,0,0,.2);
border-radius: 6px;
}
.more a {
z-index: 1;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.more_1 {
display: block;
margin-bottom: 8px;
font-size: 1.5rem;
letter-spacing: 1px;
}
.more_2 {
display: block;
font-size: 2.1rem;
}
@media (max-width:1260px) {
}
@media (max-width:1023px) {
	.top_sec {
	padding: 50px 15px;
	}
	.top_ttl {
	letter-spacing: 0;
	}
	.top_ttl_2 {
	font-size: 2.8rem;
	}
}
@media (min-width:768px) {
	/* hover */
	.more:hover {
	background-color: #804484;
	transition: .3s;
	}
}
@media (max-width:767px) {
	.top_sec {
	padding: 40px 15px;
	}
	.top_ttl {
	margin-bottom: 1.5em;
	letter-spacing: 0;
	}
	.top_ttl_1 {
	margin-bottom: 2px;
	font-size: 1.3rem;
	}
	.top_ttl_2 {
	font-size: 2.4rem;
	}
	.more {
	min-width: 230px;
	margin: 1.5em auto 0;
	padding: 12px 10px;
	}
	.more_1 {
	margin-bottom: 5px;
	font-size: 1.3rem;
	}
	.more_2 {
	font-size: inherit;
	}
}

/*-- お知らせ --*/
.top_news {
background-image: url(./common/img/top/news_bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.top_news .top_wrap {
}
.top_news .top_ttl {
}
.top_news .top_ttl_1 {
}
.top_news .top_ttl_2 {
}
.top_news_list {
overflow-x: hidden;
overflow-y: auto;
max-width: 960px;
max-height: 289px;
margin: auto;
padding: 20px 50px;
background-color: #fff;
}
.top_news_list::-webkit-scrollbar {
width: 6px;
}
.top_news_list::-webkit-scrollbar-track {
background: #f1f1f1;
}
.top_news_list::-webkit-scrollbar-thumb {
background: #aaa;
border-radius: 10px;
}
.top_news_list > li {
}
.top_news_list > li + li {
border-top: 1px solid #ccc;
}
.top_news_list dl {
display: flex;
padding: 18px 10px;
}
.top_news_list dt {
width: 100px;
}
.top_news_list dd {
width: calc(100% - 100px);
}
.top_news_more {
max-width: 960px;
margin: 1em auto 0;
text-align: right;
}
.top_news_more a {
}
.top_news_more a::after {
position: relative;
display: inline-block;
vertical-align: middle;
content: "";
width: 6px;
height: 6px;
margin-left: 7px;
border-style: solid;
border-color: #363334;
border-width: 2px 2px 0 0;
transform: rotate(45deg);
}
@media (max-width:1260px) {
}
@media (max-width:1023px) {
	.top_news_list {
	padding: 20px;
	}
	.top_news_list dl {
	padding: 15px 10px;
	}
}
@media (min-width:768px) {
	/* hover */
	.top_news_more a:hover,
	.top_news_list > li a:hover {
	opacity: .5;
	transition: .3s;
	}
}
@media (max-width:767px) {
	.top_news_list {
	max-width: 400px;
	padding: 10px 20px;
	}
	.top_news_list dl {
	display: block;
	padding: 10px 5px;
	}
	.top_news_list dt {
	width: 100%;
	}
	.top_news_list dd {
	width: 100%;
	}
}

/*-- 新着のトラック・建機 --*/
.top_arrivals {
}
.top_arrivals .top_wrap {
}
.top_arrivals .top_ttl {
}
.top_arrivals .top_ttl_1 {
}
.top_arrivals .top_ttl_2 {
}
.top_arrivals_btn {
display: flex;
margin: 0 -6px 24px -6px;
}
.top_arrivals_btn_li {
position: relative;
width: calc(30.3333333333% - 12px);
margin: 0 6px;
padding: 4px;
text-align: center;
background-image: linear-gradient(to right, #804484, #a9afff);
border-radius: 6px;
box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.top_arrivals_btn_li::before {
display: none;
z-index: -1;
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.top_arrivals_btn_li > a {
z-index: 1;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.top_arrivals_btn_txt {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
padding: 12px;
font-weight: bold;
letter-spacing: 1px;
background-color: #fff;
border-radius: 4px;
}
.top_arrivals_btn_txt_1 {
display: block;
margin-bottom: 4px;
font-size: 1.5rem;
line-height: 1;
color: #804484;
}
.top_arrivals_btn_txt_2 {
display: block;
font-size: 2.6rem;
line-height: 1.4;
}
.top_arrivals_btn_li_soldout {
width: calc(9%);
font-size: 1.9rem;
font-weight: bold;
line-height: 1.2;
letter-spacing: 1px;
color: #fff;
background-color: #bbb;
background-image: inherit;
}
.top_arrivals_btn_li_soldout_txt {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
background-color: #bbb;
border-radius: 4px;
}
.top_arrivals_btn_li_soldout_txt a {
display: block;
width: 100%;
height: 100%;
}
.top_arrivals_count {
margin-bottom: 40px;
font-weight: bold;
}
.top_arrivals_count_1,
.top_arrivals_count_3  {
font-size: 2.1rem;
}
.top_arrivals_count_2 {
margin: 0 3px;
font-size: 4.0rem;
font-weight: 500;
}
.top_arrivals_subttl {
display: flex;
align-items: center;
margin-bottom: 20px;
padding: 15px 40px;
line-height: 1.4;
color: #fff;
background-color: #804484;
}
.top_arrivals_subttl_1 {
margin-right: 30px;
font-size: 3.0rem;
font-weight: bold;
}
.top_arrivals_subttl_2 {
font-size: 1.5rem;
font-weight: bold;
letter-spacing: 1px;
}
.top_arrivals_list {
display: flex;
flex-wrap: wrap;
margin: 0 -13px;
}
.top_arrivals_list + .top_arrivals_subttl {
margin-top: 48px;
}
.top_arrivals_list_li {
position: relative;
width: calc(25% - 26px);
margin: 13px;
border-radius: 6px;
box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.tag_list{
	display: flex;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}
.top_arrivals_list_new,
.top_arrivals_list_sold,
.top_arrivals_list_pending,
.top_arrivals_list_jyunbi,
.sold_out,
.sales_pending,
.on_sale{
	margin-right: 6px;
padding: 6px 20px;
font-size: 1.6rem;
font-weight: bold;
line-height: 1;
letter-spacing: 1px;
color: #fff;
border-radius: 2px;
}
.top_arrivals_list_new {
background-color: #fe4187;
}
.top_arrivals_list_sold,.sold_out {
background-color: #bbb;
}
.top_arrivals_list_pending,.sales_pending {
background-color: #00afe1;
}
.top_arrivals_list_jyunbi,.on_sale {
color: #000;
background-color: #f9cb11;
}
.top_arrivals_list_img {
}
.top_arrivals_list_img {
}
.top_arrivals_list_img img {
object-fit: cover;
aspect-ratio: 7 / 5;
width: 100%;
height: 100%;
border-radius: 6px 6px 0 0;
}
.top_arrivals_list_box {
padding: 15px;
}
.top_arrivals_list_no {
width: fit-content;
margin-bottom: 5px;
padding: 7px 20px;
line-height: 1;
letter-spacing: 1px;
background-color: #f9cb11;
border-radius: 2px;
}
.top_arrivals_list_name {
margin-bottom: 10px;
font-size: 2.0rem;
font-weight: bold;
}
.top_arrivals_list_boxin {
}
.top_arrivals_list_dl {
display: flex;
margin-bottom: 5px;
}
.top_arrivals_list_dl dt {
text-wrap: nowrap;
}
.top_arrivals_list_dl dt::after {
content: "：";
}
.top_arrivals_list_dl dd {
}
.top_arrivals_list_more {
position: relative;
margin-top: 15px;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
line-height: 1;
color: #fff;
}
.top_arrivals_list_more::before {
z-index: -2;
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #363334;
border-radius: 6px;
}
.top_arrivals_list_more a {
display: block;
width: 100%;
height: 100%;
padding: 14px;
}
.top_arrivals .more {
margin-top: 3em;
}
@media (max-width:1260px) {
	.top_arrivals_btn_txt_2 {
	font-size: 2.4rem;
	}
}
@media (max-width:1023px) {
	.top_arrivals_btn {
	margin: 0 -4px 24px -4px;
	}
	.top_arrivals_btn_li {
	width: calc(30.3333333333% - 8px);
	margin: 0 4px;
	padding: 3px;
	}
	.top_arrivals_btn_txt_2 {
	font-size: 1.8rem;
	}
	.top_arrivals_count {
	margin-bottom: 30px;
	}
	.top_arrivals_count_1,
	.top_arrivals_count_3 {
	font-size: 1.8rem;
	}
	.top_arrivals_count_2 {
	margin: 0 2px;
	font-size: 3.0rem;
	}
	.top_arrivals_subttl {
	margin-bottom: 15px;
	padding: 13px 20px;
	}
	.top_arrivals_subttl_1 {
	margin-right: 20px;
	font-size: 2.2rem;
	}
	.top_arrivals_subttl_2 {
	font-size: 1.4rem;
	}
	.top_arrivals_list {
	margin: 0 -5px;
	}
	.top_arrivals_list_li {
	width: calc(33.3333% - 10px);
	margin: 5px;
	}
	.top_arrivals_list_new,
	.top_arrivals_list_sold,
	.top_arrivals_list_pending,
	.top_arrivals_list_jyunbi {
	top: 10px;
	left: 10px;
	padding: 4px 10px;
	font-size: 1.4rem;
	}
	.top_arrivals_list_no {
	margin-bottom: 4px;
	padding: 4px 10px;
	font-size: 1.4rem;
	}
	.top_arrivals_list_name {
	margin-bottom: 5px;
	font-size: inherit;
	}
	.top_arrivals_list_dl {
	margin-bottom: 3px;
	font-size: 1.4rem;
	}
	.top_arrivals_list_more {
	margin-top: 10px;
	font-size: inherit;
	}
	.top_arrivals_list_more a {
	padding: 12px;
	}
}
@media (min-width:768px) {
	/* hover */
	.top_arrivals_btn_li:hover {
	background-image: linear-gradient(to right, #fff, #fff);
	transition: .3s;
	}
	.top_arrivals_btn_li:hover .top_arrivals_btn_txt {
	background-color: #804484;
	transition: .3s;
	}
	.top_arrivals_btn_li:hover .top_arrivals_btn_txt_1,
	.top_arrivals_btn_li:hover .top_arrivals_btn_txt_2 {
	color: #fff;
	}
	.top_arrivals_btn_li_soldout:hover {
	}
	.top_arrivals_btn_li_soldout:hover .top_arrivals_btn_li_soldout_txt {
	background-color: #888;
	transition: .3s;
	}
	.top_arrivals_list_img:hover {
	opacity: .5;
	transition: .3s;
	}
	.top_arrivals_list_more:hover {
	color: #fff;
	}
	.top_arrivals_list_more::after {
	opacity: 0;
	z-index: -1;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #804484;
	border-radius: 6px;
	}
	.top_arrivals_list_more:hover::after {
	opacity: 1;
	transition: .3s;
	}
}
@media (max-width:767px) {
	.top_arrivals_btn {
	max-width: 406px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}
	.top_arrivals_btn_li {
	width: calc(25% - 6px);
	margin: 0 3px;
	padding: 2px;
	}
	.top_arrivals_btn_txt {
	padding: 12px 0;
	}
	.top_arrivals_btn_txt_1 {
	display: none;
	}
	.top_arrivals_btn_txt_2 {
	font-size: inherit;
	letter-spacing: 0;
	}
	.top_arrivals_btn_li_soldout {
	font-size: inherit;
	}
	.top_arrivals_count {
	margin-bottom: 20px;
	text-align: center;
	}
	.top_arrivals_count_1,
	.top_arrivals_count_3 {
	font-size: inherit;
	}
	.top_arrivals_count_2 {
	font-size: 1.8rem;
	}
	.top_arrivals_subttl {
	display: block;
	max-width: 400px;
	margin: 0 auto 10px;
	padding: 10px 15px;
	}
	.top_arrivals_subttl_1 {
	margin-right: 0;
	margin-bottom: 3px;
	font-size: 2.0rem;
	}
	.top_arrivals_subttl_2 {
	font-size: 1.3rem;
	}
	.top_arrivals_list {
	max-width: 408px;
	margin: auto;
	}
	.top_arrivals_list_li {
	width: calc(50% - 8px);
	margin: 4px;
	}
	.top_arrivals_list_new,
	.top_arrivals_list_sold,
	.top_arrivals_list_pending,
	.top_arrivals_list_jyunbi {
	top: 5px;
	left: 8px;
	}
	.top_arrivals_list_box {
	padding: 10px;
	}
	.top_arrivals_list + .top_arrivals_subttl {
	margin-top: 40px;
	}
}
@media (max-width:430px) {
	.top_arrivals_btn {
	margin-left: -3px;
	margin-right: -3px;
	}
	.top_arrivals_list {
	margin-left: -4px;
	margin-right: -4px;
	}
}

/*-- 選ばれる理由 --*/
.top_reason {
padding: 80px 30px;
background-color: #000;
}
.top_reason::before {
opacity: .3;
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(./common/img/top/reason_bg.jpg);
background-position: center;
background-size: cover;
}
.top_reason .top_wrap {
}
.top_reason .top_ttl {
color: #fff;
}
.top_reason .top_ttl_1 {
}
.top_reason .top_ttl_2 {
}
.top_reason_box {
position: relative;
max-width: 893px;
margin: auto;
padding: 45px;
border: 1px solid #fff;
}
.top_reason_box::before {
position: absolute;
content: "";
width: calc(238px);
height: calc(271px);
top: -150px;
left: -120px;
background-image: url(./common/img/top/reason_img_l.png);
background-repeat: no-repeat;
background-size: contain;
}
.top_reason_box::after {
position: absolute;
content: "";
width: calc(254px);
height: calc(266px);
bottom: -60px;
right: -100px;
background-image: url(./common/img/top/reason_img_r.png);
background-repeat: no-repeat;
background-size: contain;
}
.top_reason_list {
width: fit-content;
margin: auto;
color: #fff;
}
.top_reason_list > li {
position: relative;
padding: 8px 0 8px 45px;
font-size: 2.6rem;
font-weight: bold;
}
.top_reason_list > li::before {
position: absolute;
content: "";
width: calc(30px);
height: calc(30px);
top: 50%;
transform: translateY(-50%);
left: 0;
background-image: url(./common/img/ico_check@2x.png);
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width:1260px) {
}
@media (max-width:1023px) {
	.top_reason {
	padding: 60px 15px;
	}
	.top_reason_box {
	max-width: 600px;
	padding: 30px;
	}
	.top_reason_box::before {
	width: calc(238px * .6);
	height: calc(271px * .6);
	top: -100px;
	left: -80px;
	}
	.top_reason_box::after {
	width: calc(254px * .6);
	height: calc(266px * .6);
	bottom: -30px;
	right: -60px;
	}
	.top_reason_list > li {
	padding: 4px 0 4px 28px;
	font-size: 1.8rem;
	}
	.top_reason_list > li::before {
	width: calc(30px * .6);
	height: calc(30px * .6);
	}
}
@media (min-width:768px) {
	.top_reason .top_ttl_1 {
	font-size: 2.7rem;
	}
}
@media (max-width:767px) {
	.top_reason {
	padding: 50px 15px;
	}
	.top_reason_box {
	max-width: 400px;
	padding: 20px;
	}
	.top_reason_box::before {
	width: calc(238px * .35);
	height: calc(271px * .35);
	top: -75px;
	left: -40px;
	}
	.top_reason_box::after {
	width: calc(254px * .35);
	height: calc(266px * .35);
	bottom: -40px;
	right: -30px;
	}
	.top_reason_list > li {
	padding: 4px 0 4px 20px;
	font-size: inherit;
	}
	.top_reason_list > li::before {
	width: calc(30px * .4);
	height: calc(30px * .4);
	}
}

/*-- バナーエリア --*/
.top_bnr {
}
.top_bnr .top_wrap {
}
.top_kaitori {
position: relative;
margin-top: 50px;
margin-bottom: 60px;
}
.top_kaitori::before {
z-index: -3;
position: absolute;
content: "";
width: 100%;
height: 100%;
bottom: 0;
left: 0;
background-color: #0099e7;
background-image: url(./common/img/top/kaitoribnr_bg.png);
background-repeat: no-repeat;
background-position: bottom center;
background-size: 100% auto;
}
.top_kaitori::after {
position: absolute;
content: "";
width: 36%;
height: calc(100% + 85px);
bottom: 0;
left: 0px;
background-image: url(./common/img/top/kaitoribnr_img.png);
background-repeat: no-repeat;
background-position: left bottom;
background-size: contain;
}
.top_kaitori_box {
padding: 30px 30px 30px calc(36% - 20px);
color: #fff;
}
.top_kaitori_ttl {
margin-bottom: 20px;
font-size: 4.4rem;
font-weight: bold;
text-align: center;
line-height: 1.4;
letter-spacing: 1px;
}
.top_kaitori_txt {
margin-bottom: 20px;
font-size: 2.3rem;
font-weight: bold;
text-align: center;
}
.top_kaitori_txt br {
display: none;
}
.top_kaitori_link {
display: flex;
}
.top_kaitori_link_1 {
width: calc(50% - 6px);
margin-right: 6px;
}
.top_kaitori_tel {
width: fit-content;
margin: 0 auto 20px;
}
.top_kaitori_tel,
.top_kaitori_fax,
.top_kaitori_link_2_in_satei,
.top_kaitori_link_2_in_line {
height: 73px;
border-radius: 6px;
}
.top_kaitori_tel_1 {
position: relative;
margin-bottom: 3px;
font-size: 5.0rem;
font-weight: 500;
line-height: 1;
letter-spacing: 3px;
}
.top_kaitori_tel_1::before {
position: relative;
display: inline-block;
vertical-align: middle;
content: "";
width: calc(42px);
height: calc(42px);
top: -5px;
margin-right: 8px;
background-image: url(./common/img/ico_tel@2x.png);
background-repeat: no-repeat;
background-size: contain;
}
.top_kaitori_tel_1 a {
}
.top_kaitori_tel_2 {
text-align: right;
line-height: 1;
}
.top_kaitori_tel_2 br {
display: none;
}
.top_kaitori_fax {
position: relative;
display: flex;
align-items: center;
justify-content: center;
color: #804484;
}
.top_kaitori_fax,
.top_kaitori_link_2_in_satei,
.top_kaitori_link_2_in_line {
position: relative;
border: 2px solid #fff;
border-radius: 6px;
box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.top_kaitori_fax::before,
.top_kaitori_link_2_in_satei::before,
.top_kaitori_link_2_in_line::before {
z-index: -2;
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.top_kaitori_fax a {
z-index: 3;
position: absolute;
display: block;
width: 100%;
height: 100%;
}
.top_kaitori_fax_box {
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
line-height: 1;
letter-spacing: 1px;
}
.top_kaitori_fax_box::before {
position: relative;
display: inline-block;
vertical-align: middle;
content: "";
width: calc(34px);
height: calc(30px);
margin-right: 15px;
background-image: url(./common/img/ico_fax@2x.png);
background-repeat: no-repeat;
background-size: contain;
}
.top_kaitori_fax_box_in {
display: inline-block;
}
.top_kaitori_fax_box_1 {
display: block;
margin-bottom: 5px;
font-size: 2.2rem;
}
.top_kaitori_fax_box_2 {
display: block;
font-size: 1.5rem;
}
.top_kaitori_link_2 {
width: calc(50% - 6px);
margin-left: 6px;
}
.top_kaitori_link_2_in_satei {
margin-bottom: 20px;
}
.top_kaitori_link_2_in_satei,
.top_kaitori_link_2_in_line {
font-size: 2.7rem;
font-weight: bold;
letter-spacing: 1px;
}
.top_kaitori_link_2_in_satei a,
.top_kaitori_link_2_in_line a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.top_kaitori_link_2_in_line {
}
.top_kaitori_link_2_in_line a::before {
position: relative;
display: inline-block;
vertical-align: middle;
content: "";
width: calc(30px);
height: calc(30px);
margin-right: 10px;
background-image: url(./common/img/ico_line.png);
background-repeat: no-repeat;
background-size: contain;
}
.top_bnr_list {
}
.top_bnr_list_in {
}
.top_bnr_list_in_box {
position: relative;
}
.top_bnr_list_in_box a {
z-index: 1;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.top_bnr_list_ttl {
position: relative;
padding: 15px;
font-size: 2.4rem;
font-weight: 500;
text-align: center;
letter-spacing: 1px;
color: #fff;
}
.top_bnr_list_ttl::before {
z-index: -2;
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #363334;
}
.top_bnr_list_img {
overflow: hidden;
margin-bottom: 10px;
}
.top_bnr_list_img img {
object-fit: cover;
aspect-ratio: 380 / 258;
width: 100%;
height: 100%;
}
.top_bnr_list_txt {
font-size: 1.8rem;
}
.top_kaitori_fax::before {
background-color: #fff;
}
.top_kaitori_link_2_in_satei::before {
background-image: linear-gradient(to right,#1a50d4,#003287);
}
.top_kaitori_link_2_in_line::before {
background-color: #0db900;
}
.top_bnr_list {
display: flex;
margin: 0 -14px;
}
.top_bnr_list_in {
position: relative;
width: calc(33.3333% - 28px);
margin: 0 14px;
}
@media (max-width:1260px) {
	.top_kaitori {
	margin-top: 0;
	}
	.top_kaitori::after {
	width: 34%;
	height: calc(100%);
	}
	.top_kaitori_box {
	padding: 30px 30px 30px 33%;
	}
	.top_kaitori_txt br {
	display: block;
	}
	.top_kaitori_tel {
	padding-top: 5px;
	}
	.top_kaitori_tel_1 {
	font-size: 4.2rem;
	letter-spacing: 2px;
	}
	.top_kaitori_tel_1::before {
	width: calc(42px * .8);
	height: calc(42px * .8);
	}
	.top_kaitori_fax_box {
	}
	.top_kaitori_fax_box::before {
	width: calc(34px * .8);
	height: calc(30px * .8);
	margin-right: 10px;
	}
	.top_kaitori_fax_box {
	letter-spacing: 0;
	}
	.top_kaitori_fax_box_1 {
	margin-bottom: 5px;
	font-size: 2.0rem;
	}
	.top_kaitori_link_2_in_satei,
	.top_kaitori_link_2_in_line {
	font-size: 2.2rem;
	}
	.top_kaitori_link_2_in_line a::before {
	width: calc(30px * .8);
	height: calc(30px * .8);
	}
}
@media (max-width:1023px) {
	.top_kaitori {
	max-width: 767px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	}
	.top_kaitori::after {
	width: 45%;
	height: 330px;
	background-position: bottom center;
	}
	.top_kaitori_box {
	padding: 20px;
	}
	.top_kaitori_ttl {
	margin-bottom: 10px;
	font-size: 2.6rem;
	}
	.top_kaitori_txt {
	margin-bottom: 50px;
	font-size: inherit;
	}
	.top_kaitori_link {
	display: block;
	padding-left: 45%;
	}
	.top_kaitori_link_1 {
	width: 100%;
	margin-bottom: 10px;
	margin-right: 0;
	}
	.top_kaitori_tel {
	margin-bottom: 20px;
	height: auto;
	padding-top: 0;
	}
	.top_kaitori_tel_1 {
	margin-bottom: 8px;
	font-size: 3rem;
	letter-spacing: 1px;
	}
	.top_kaitori_tel_1::before {
	width: calc(42px * .5);
	height: calc(42px * .5);
	}
	.top_kaitori_tel_2 {
	font-size: 1.3rem;
	}
	.top_kaitori_fax,
	.top_kaitori_link_2_in_satei,
	.top_kaitori_link_2_in_line {
	max-width: 300px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	}
	.top_kaitori_fax_box {
	}
	.top_kaitori_fax_box::before {
	width: calc(34px * .7);
	height: calc(30px * .7);
	}
	.top_kaitori_fax_box {
	letter-spacing: 0;
	}
	.top_kaitori_fax_box_1 {
	margin-bottom: 5px;
	font-size: 1.8rem;
	}
	.top_kaitori_fax_box_2 {
	font-size: 1.4rem;
	font-weight: normal;
	}
	.top_kaitori_link_2 {
	width: 100%;
	margin-left: 0;
	}
	.top_kaitori_link_2_in_satei {
	margin-bottom: 10px;
	}
	.top_kaitori_link_2_in_satei,
	.top_kaitori_link_2_in_line {
	font-size: 1.8rem;
	}
	.top_kaitori_link_2_in_line a::before {
	width: calc(30px * .7);
	height: calc(30px * .7);
	}
	.top_bnr_list {
	margin: 0 -5px;
	}
	.top_bnr_list_in {
	width: calc(33.3333% - 10px);
	margin: 0 5px;
	}
	.top_bnr_list_ttl {
	font-size: 1.8rem;
	}
	.top_bnr_list_txt {
	font-size: inherit;
	}
}
@media (min-width:768px) {
	/* hover */
	.top_kaitori_fax::after,
	.top_kaitori_link_2_in_satei::after,
	.top_kaitori_link_2_in_line::after {
	opacity: 0;
	z-index: -1;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	}
	.top_kaitori_fax::after {
	background-image: linear-gradient(to right,#f9cb11,#f9cb11);
	}
	.top_kaitori_link_2_in_satei::after {
	background-image: linear-gradient(to right,#9883cd,#9883cd);
	}
	.top_kaitori_link_2_in_line::after {
	background-image: linear-gradient(to right,#05d0b1,#05d0b1);
	}
	.top_kaitori_fax:hover .top_kaitori_fax_box::before {
	}
	.top_kaitori_fax:hover::after,
	.top_kaitori_link_2_in_satei:hover::after,
	.top_kaitori_link_2_in_line:hover::after {
	opacity: 1;
	transition: .3s;
	}
	.top_bnr_list_ttl::after {
	opacity: 0;
	z-index: -1;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: linear-gradient(to right,#9883cd,#9883cd);
	}
	.top_bnr_list_in_box:hover .top_bnr_list_ttl::after {
	opacity: 1;
	transition: .3s;
	}
	.top_bnr_list_in_box:hover .top_bnr_list_img img {
	transform: scale(1.1, 1.1);
	transition: .5s;
	}
}
@media (max-width:767px) {
	.top_kaitori {
	max-width: 400px;
	}
	.top_kaitori::after {
	display: none;
	}
	.top_kaitori_box {
	padding: 20px;
	}
	.top_kaitori_ttl {
	font-size: 2.4rem;
	}
	.top_kaitori_txt {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 160px;
	font-size: inherit;
	}
	.top_kaitori_txt::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 150px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	background-image: url(./common/img/top/kaitoribnr_img.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	}
	.top_kaitori_link {
	padding-left: 0;
	}
	.top_kaitori_link_1 {
	margin-bottom: 5px;
	}
	.top_kaitori_tel {
	margin-bottom: 20px;
	height: auto;
	padding-top: 0;
	}
	.top_kaitori_tel_1 {
	margin-bottom: 5px;
	font-size: 2.8rem;
	}
	.top_kaitori_tel_1::before {
	width: calc(42px * .45);
	height: calc(42px * .45);
	top: -1px;
	margin-right: 5px;
	}
	.top_kaitori_fax,
	.top_kaitori_link_2_in_satei,
	.top_kaitori_link_2_in_line {
	max-width: 250px;
	height: 60px;
	}
	.top_kaitori_fax_box::before {
	width: calc(34px * .7);
	height: calc(30px * .7);
	}
	.top_kaitori_fax_box_1 {
	margin-bottom: 5px;
	font-size: inherit;
	}
	.top_kaitori_fax_box_2 {
	font-size: 1.4rem;
	}
	.top_kaitori_link_2 {
	}
	.top_kaitori_link_2_in_satei {
	margin-bottom: 5px;
	}
	.top_kaitori_link_2_in_satei,
	.top_kaitori_link_2_in_line {
	font-size: inherit;
	}
	.top_kaitori_link_2_in_line a::before {
	width: calc(30px * .6);
	height: calc(30px * .6);
	}
	.top_bnr_list {
	display: block;
	max-width: 400px;
	margin: auto;
	}
	.top_bnr_list_in {
	width: 100%;
	margin: 0 0 20px 0;
	}
	.top_bnr_list_ttl {
	padding: 10px;
	font-size: 1.6rem;
	}
	.top_bnr_list_img {
	margin-bottom: 5px;
	}
	.top_bnr_list_txt {
	font-size: inherit;
	}
}

/*-----------------------
 下層共通
-----------------------*/

/*-- パンくずリスト --*/
.pankuzu {
padding: 30px;
color: #fff;
background-color: #a37dae;
}
.breadcrumb {
max-width: 1920px;
margin: auto;
display: flex;
flex-wrap: wrap;
align-items: center;
line-height: 1.2;
}
.breadcrumb span {
display: block;
}
.breadcrumb > span {
display: block;
margin: 3px 8px;
}
.breadcrumb span > a {
color: #fff;
}
.breadcrumb .current-item {
font-weight: bold;
}
@media (max-width: 1023px) {
	.pankuzu {
	padding: 20px 5px;
	}
}
@media (min-width: 768px) {
	/* hover */
	.breadcrumb a:hover {
	background-color: #9883cd;
	transition: .5s !important;
	}
}
@media (max-width: 767px) {
	.pankuzu {
	padding: 15px 10px;
	}
	.breadcrumb {
	}
	.breadcrumb span {
	}
}

/*-- 下層コンテンツ枠 --*/
.low {
position: relative;
}
.low_section {
padding: 80px 0;
}
.low_section:first-of-type::before {
display: none;
}
.low_wrap_1920 {
max-width: 1920px;
margin: auto;
}
.low_wrap_1600 {
max-width: 1660px;
margin: auto;
padding: 0 30px;
}
.low_wrap_1400 {
max-width: 1460px;
margin: auto;
padding: 0 30px;
}
.low_wrap_1200 {
max-width: 1260px;
margin: auto;
padding: 0 30px;
}
.low_parts + .low_parts {
margin-top: 40px;
}
@media (max-width:1023px) {
	.low_section {
	padding: 60px 0;
	}
	.low_wrap_1920,
	.low_wrap_1600,
	.low_wrap_1400,
	.low_wrap_1200 {
	padding: 0 15px;
	}
}
@media (max-width:767px) {
	.low_section {
	padding: 50px 0;
	}
	.low_parts + .low_parts {
	margin-top: 30px;
	}
}

/*-- 背景 --*/
.bg01,
.bg02 {
position: relative;
}
.bg01::after,
.bg02::after {
z-index: -8;
position: absolute;
content: "";
width: 100vw;
height: 100%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.bg01::after {
background-color: #f7fcff;
}
.bg02::after {
background-color: #fff;
}

/*-- moreボタン --*/
.low_more {
padding: 0;
letter-spacing: 1px;
}
.low_more a,
.low_more button {
position: relative;
display: block;
width: 100%;
height: 100%;
padding: 25px 20px;
}
.low_more button {
color: #fff;
padding: 20px 20px;
}
.low_more a::before,
.low_more a::after {
position: relative;
display: inline-block;
vertical-align: middle;
content: "";
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width:767px) {
	.low_more a {
	padding: 18px 20px;
	}
	.low_more button {
	padding: 13px 20px;
	}
}

/*-- h3～h6タイトル --*/
.post_title,
.low_h2 {
position: relative;
margin: 0 auto 2em;
text-align: center;
}
.post_title {
margin-bottom: 1em !important;
font-size: 2.6rem;
}
.low_h2 {
font-size: 3.2rem;
}
.post_in h1,
.low_h3 {
z-index: 1;
position: relative;
margin-top: 3em;
margin-bottom: 1.5em;
padding: 15px 20px;
font-size: 2.4rem;
color: #fff;
background-color: #804484;
}
.post_in h1::before,
.low_h3::before {
z-index: -1;
opacity: .1;
position: absolute;
content: "";
width: 30%;
height: 100%;
top: 0;
right: 0;
background-color: #fff;
clip-path: polygon(100px 0, 100% 0, 100% 100%, 0% 100%);
}
.low_h2 + .low_h3 {
margin-top: 0;
}
.post_in h2,
.low_h4 {
position: relative;
margin-top: 3em;
margin-bottom: 1em;
padding: 14px 10px 14px 35px;
font-size: 2.0rem;
background-color: #f1f1f1;
}
.post_in h2::before,
.low_h4::before {
position: absolute;
content: "";
width: 8px;
height: calc(100% - 20px);
top: 50%;
transform: translateY(-50%);
left: 13px;
background-color: #804484;
border-radius: 4px;
}
.low_h3 + .low_h5,
.low_h4 + .low_h5 {
margin-top: 0;
}
.post_in h3,
.low_h5 {
width: fit-content;
margin-top: 2em;
margin-bottom: 1em;
padding-bottom: 8px;
font-size: 1.8rem;
border-bottom: 2px dotted #804484;
}
.low .low_h2:first-child,
.low .low_h3:first-child,
.low .low_h4:first-child,
.low .low_h5:first-child,
.low_h2 + .low_h5,
.low_h3 + .low_h5,
.low_h4 + .low_h5 {
margin-top: 0;
}
@media (min-width:768px) {
}
@media (max-width:1023px) {
	.post_title,
	.low_h2 {
	font-size: 2.6rem;
	}
	.post_in h1,
	.low_h3 {
	font-size: 2.2rem;
	}
	.post_in h2,
	.low_h4 {
	font-size: 1.8rem;
	}
	.post_in h3,
	.low_h5 {
	font-size: 1.7rem;
	}
}
@media (max-width:767px) {
	.post_title,
	.low_h2 {
	margin-bottom: 2em;
	font-size: 2.0rem;
	}
	.low_h2 {
	}
	.low_h2::before {
	width: calc(49px * .5);
	height: calc(50px * .5);
	}
	.post_in h1,
	.low_h3 {
	margin-top: 3em;
	margin-bottom: 2em;
	font-size: 1.8rem;
	}
	.low_h3 {
	}
	.low_h3::before,
	.low_h3::after {
	}
	.low_h3::after {
	}
	.post_in h2,
	.low_h4 {
	margin-top: 3em;
	padding: 12px 10px 12px 25px;
	font-size: 1.6rem;
	}
	.post_in h2::before,
	.low_h4::before {
	width: 5px;
	left: 10px;
	}
	.post_in h3,
	.low_h5 {
	margin-top: 2em;
	margin-bottom: 10px;
	font-size: inherit;
	}
}

/*-- 画像 --*/
.low_img {
}
.low_img_m {
max-width: 900px;
margin-left: auto !important;
margin-right: auto !important;
}
.low_img img {
}
.low_logo {
}
.low_logo img {
max-width: 500px;
}
@media (min-width:768px) {
	.low_img {
	margin-right: 10px;
	margin-left: 10px;
	}
}
@media (max-width:767px) {
	.low_img  {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	}
	.low_img_m {
	max-width: 400px;
	}
	.low_logo img {
	max-width: 200px;
	}
}

/*-- テキスト --*/
.low_catch {
position: relative;
font-size: 2.2rem;
font-weight: bold;
text-align: center;
color: #107cae;
}
.low_read {
}
.low_read_1 {
font-size: 2.4rem;
font-weight: bold;
text-align: center;
line-height: 1.4;
}
.low_read_2 {
width: fit-content;
margin: auto;
font-size: 1.8rem;
line-height: 2;
}
.low_txt_l,
.low_txt_m,
.low_txt_s {
}
.low_txt_l {
font-size: 1.8rem;
}
.low_txt_m {
}
.low_txt_s {
font-size: 1.4rem;
}
.low_read p + p,
div[class*="low_txt_"] p + p {
margin-top: 1em;
}
@media (min-width:768px) {
	.low_txt_l01 {
	letter-spacing: 1px;
	}
	/*div[class*="low_txt_"],
	.low_read {
	margin-right: 10px;
	margin-left: 10px;
	}*/
	.low_txt_l {
	font-size: 1.8rem;
	}
}
@media (max-width:1023px) {
	.low_catch {
	font-size: 1.8rem;
	}
	.low_read_2 {
	line-height: inherit;
	}
}
@media (max-width:767px) {
	.low_catch {
	/*width: fit-content;
	margin-left: auto;
	margin-right: auto;
	text-align: left;*/
	font-size: 1.9rem;
	}
	.low_read_1 {
	font-size: 1.7rem;
	}
	.low_read_2 {
	font-size: inherit;
	}
	.low_txt_l {
	font-size: 1.6rem;
	}
	.low_txt_s {
	font-size: 1.3rem;
	}
	.low_read p + p,
	div[class*="low_txt_"] p + p {
	margin-top: 0.5em;
	}
}

/*-- テキストリンク --*/
.txt_link {
text-decoration: underline;
}
.txt_link_waku {
width: fit-content;
min-width: 200px;
margin-top: 10px;
font-weight: bold;
text-align: center;
line-height: 1;
color: #804484;
background-color: #fff;
border: 2px solid #804484;
}
.txt_link_waku a {
display: block;
padding: 7px 10px;
}
.txt_link_waku a::after {
position: relative;
display: inline-block;
vertical-align: middle;
content: "";
width: 6px;
height: 6px;
top: -1px;
margin-left: 8px;
border-style: solid;
border-color: #804484;
border-width: 2px 2px 0 0;
transform: rotate(45deg);
}
@media (min-width:768px) {
	/* hover */
	.txt_link_waku:hover,
	.txt_link:hover {
	opacity: .5;
	transition: .5s;
	}
}

/*-----------------------
 ブログ
-----------------------*/
.info {
padding-right: 30px;
padding-left: 30px;
}
.info .low_wrap {
display: flex;
align-items: flex-start;
max-width: 1400px;
margin: auto;
}
.main_col {
width: calc(100% - 300px);
padding-right: 50px;
}
.side_col {
width: 300px;
}
.side_col div[class*="in"] {
margin-bottom: 80px;
}
.side_col div[class*="in"]:last-child {
margin-bottom: 0;
}
.side_col h2 {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding: 15px 20px;
background-color: #f1f1f1;
}
.side_col h2 span:nth-of-type(1) {
}
.side_col h2 span:nth-of-type(2) {
font-family: "arial",sans-serif;
font-size: 1.2rem;
font-weight: normal;
}
.side_col ul {
font-size: 1.3rem;
}
.side_col ul li {
position: relative;
padding: 8px;
font-size: 1.4rem;
border-bottom: 1px solid #ccc;
}
.side_col ul li:last-of-type {
margin-bottom: 0;
}
.side_col .in1 li a {
z-index: 1;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.side_col ul li a {
display: block;
width: 100%;
height: 100%;
}
.side_col .in1 dt {
}
.side_col .in1 dd {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
}
/*-- 共通 --*/
.post_category {
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-end;
margin-right: -2px;
margin-bottom: 5px;
}
.post_category li {
margin: 2px;
padding: 4px 8px;
font-size: 1.3rem;
text-align: center;
line-height: 1;
background-color: #f1f1f1;
border-radius: 3px;
}
.post_date {
margin-bottom: 10px;
font-size: 1.6rem;
text-align: right;
line-height: 1;
letter-spacing: 1px;
}
/*-- アーカイブ --*/
.main_col .low_h2 {
margin-bottom: 1.5em !important;
padding-bottom: 0 !important;
}
.main_col .low_h2::before,
.main_col .low_h2::after {
display: none;
}
.info_archives .post_list {
display: flex;
flex-wrap: wrap;
margin: 0 -12px 40px -12px;
}
.info_archives .post_list>li {
position: relative;
width: calc(50% - 24px);
margin: 0 12px 24px 12px;
height: 200px;
background-color: #fff;
box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.info_archives .post_list>li>a {
z-index: 1;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.info_archives .post_list>li .box {
display: flex;
flex-direction: row-reverse;
height: 100%;
}
.info_archives .post_list>li .box_in1 {
width: calc(100% - 200px);
padding: 15px;
line-height: 1.4;
}
.info_archives .post_list .post_title {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
width: 100%;
padding-top: 0;
margin-bottom: 5px;
padding-bottom: 0;
font-size: 1.4rem;
}
.info_archives .post_list .post_title::before {
display: none;
}
.info_archives .post_date {
margin-bottom: 10px;
font-family: "arial",sans-serif;
font-size: 1.3rem;
line-height: 1;
}
.info_archives .post_category li {
}
.info_archives .post_list .post_txt {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
text-overflow: ellipsis;
font-size: 1.4rem;
}
.info_archives .post_list>li .box_in2 {
width: 200px;
height: 100%;
}
.info_archives .post_list>li .box_in2 img {
object-fit: cover;
max-width: inherit !important;
width: 100%;
height: 100%;
}
/*-- ページャー --*/
.wp-pagenavi {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
font-family: "arial",sans-serif;
line-height: 1;
}
.wp-pagenavi .pages {
margin-right: 10px;
}
.wp-pagenavi .page,
.wp-pagenavi .current {
width: 30px;
height: 30px;
margin: 2px;
display: flex;
align-items: center;
justify-content: center;
background-color: #eee;
}
.wp-pagenavi .current {
font-weight: bold;
color: #fff;
background-color: #804484;
border: 1px solid #804484;
}
.wp-pagenavi .nextpostslink {
margin-left: 10px;
font-size: 2.0rem;
}
/*-- シングルページ --*/
.info_single_box {
margin-bottom: 3em;
padding: 50px;
background-color: #fff;
box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.info_single .post_title {
margin-bottom: 2em;
padding-top: 0;
padding-bottom: 0;
text-align: left;
}
.info_single .post_title::before {
display: none;
}
.info_single .post_category {
margin-bottom: 1em;
}
.info_single .post_date {
margin-bottom: 1em;
}
.post_in {
}
.post_in h1 {
margin-top: 0;
margin-bottom: 1em;
}
.post_in h2 {
margin-top: 0;
margin-bottom: 1em;
}
.post_in h3 {
margin-top: 0;
margin-bottom: 1em;
}
.post_in h4 {
margin-bottom: 0.5em;
}
.post_in h5 {
margin-bottom: 0.5em;
}
.post_in img {
margin: 2em auto 2em;
}
.post_in p a {
text-decoration: underline;
}
.post_in ul,
.post_in ol {
margin-top: 1em;
margin-bottom: 1em;
margin-left: 1.5em;
}
.post_in ul {
list-style: disc;
}
.post_in ol {
list-style: decimal;
}
.single_pager {
z-index: 1;
display: flex;
display: box;
align-items: center;
position: relative;
}
.single_pager li {
position: relative;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
width: 50%;
}
.single_pager li a {
padding: 0 20px;
}
.single_pager .li1 a {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
}
.single_pager .li2 {
text-align: right;
}
.single_pager .li2 a {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
}
.single_pager li::before {
position: absolute;
content: "";
width: 6px;
height: 6px;
top: 9px;
transform: rotate(45deg);
}
.single_pager .li1::before {
left: 1px;
border-bottom: 3px solid #804484;
border-left: 3px solid #804484;
}
.single_pager .li2::before {
right: 1px;
border-top: 3px solid #804484;
border-right: 3px solid #804484;
}
@media (max-width:1320px) {
	.info .low_wrap {
	display: block;
	}
	.main_col {
	width: 100%;
	max-width: 767px;
	margin: 0 auto 60px;
	padding-right: 0;
	}
	.info_archives .post_list {
	margin-bottom: 30px;
	}
	.info_archives .post_list>li .box_in1 {
	width: calc(100% - 120px);
	}
	.info_archives .post_list>li .box_in2 {
	width: 120px;
	}
	.post_category li {
	padding: 4px 5px;
	}
	.side_col {
	width: 100%;
	max-width: 600px;
	margin: auto;
	}
}
@media (max-width:1023px) {
	.info {
	padding-right: 15px;
	padding-left: 15px;
	}
	.info_archives .post_list>li {
	height: 190px;
	}
	.info_single_box {
	padding: 30px;
	}
	.info_single .post_title {
	font-size: 2.2rem;
	}
}
@media (min-width:768px) {
	.info {
	padding-left: 15px;
	padding-right: 15px;
	}
	.post_in p {
	line-height: 2;
	}
	/*-- hover */
	.post_in p a:hover {
	opacity: 0.5;
	}
	.info_archives .post_list>li:hover {
	opacity: .6;
	transition: .5s;
	}
	.single_pager li:hover {
	opacity: .5;
	transition: .5s;
	}
	.wp-pagenavi .page:hover {
	font-weight: bold;
	color: #fff;
	background-color: #9883cd;
	transition: .5s;
	}
	.side_col li:hover {
	opacity: .5;
	transition: .5s;
	}
}
@media (max-width:767px) {
	.main_col {
	margin-bottom: 60px;
	}
	.side_col div[class*="in"] {
	margin-bottom: 40px;
	}
	.side_col h2 {
	margin-bottom: 10px;
	padding: 10px 15px;
	}
	.side_col ul li {
	padding: 5px;
	}
	.post_category {
	margin-bottom: 5px;
	}
	.post_category li {
	padding: 3px 5px;
	font-size: 1.2rem;
	}
	.post_date {
	margin-bottom: 10px;
	}
	.info_archives .post_list {
	display: block;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	}
	.info_archives .post_list>li {
	width: 100%;
	height: 160px;
	margin: 0 0 10px 0;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	}
	.info_archives .post_list>li .box {
	}
	.info_archives .post_list>li .box_in1 {
	width: calc(100% - 150px);
	padding: 10px;
	}
	.info_archives .post_list>li .box_in2 {
	width: 150px;
	padding: 10px;
	}
	.info_archives .post_date {
	margin-bottom: 5px;
	font-size: 1.2rem;
	}
	.info_archives .post_list .post_title {
	margin-bottom: 5px;
	padding: 0;
	font-size: 1.4rem;
	-webkit-line-clamp: 1;
	}
	.info_archives .post_list .post_txt {
	font-size: 1.4rem;
	}
	.info_single_box {
	padding: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	}
	.info_single .post_title {
	font-size: 2.4rem;
	}
	.info_single .post_title {
	padding: 0;
	font-size: 1.7rem;
	}
	.post_in {
	}
	.post_in h1 {
	font-size: 2.0rem;
	margin-bottom: 0.5em;
	}
	.post_in h2 {
	margin-bottom: 0.5em;
	font-size: 1.8rem;
	}
	.post_in h3 {
	margin-bottom: 0.5em;
	font-size: 1.7rem;
	}
	.post_in h3::before {
	width: 2px;
	left: 10px;
	}
	.post_in h4 {
	font-size: 1.6rem;
	}
	.post_in h4::before {
	width: 10px;
	height: 1px;
	}
	.post_in h5 {
	font-size: 1.6rem;
	}
	.single_pager {
	display: block;
	}
	.single_pager li {
	width: 100%;
	}
	.single_pager li:first-of-type {
	margin-bottom: 10px;
	}
	.info_single .post_title {
	margin-bottom: 1em;
	}
	.single_pager li a {
	padding: 0 10px;
	font-size: 1.5rem;
	}
	.single_pager li::before {
	width: 5px;
	height: 5px;
	top: 7px;
	border-width: 2px !important;
	}
}


/*-------------------------
 お問い合わせ
-----------------------*/
.contact_form {
}
.contact_form_txt {
margin-bottom: 2em;
}
.contact_form dl {
}
.contact_form dt {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 30px;
font-weight: bold;
background-color: #f1f1f1;
}
.contact_form dd {
padding: 30px 0 30px 30px;
}
.contact_address select {
max-width: 200px;
}
.contact_address_txt {
width: 100%;
margin-bottom: 5px;
}
.contact_address_in1 {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 1em;
}
.contact_address_in1 span {
margin-right: 0.5em;
}
.contact_address_in1 input {
width: 100px;
margin-right: 0.5em;
}
.contact_address_in1 .note {
margin-left: 2em;
}
.contact_address_in1 .note a {
display: block;
padding: 8px 10px;
font-family: sans-serif;
font-size: 1.4rem;
line-height: 1;
background-color: #f1f1f1;
border: 1px solid;
border-radius: 2px;
}
.contact_address_in2 {
margin-bottom: 1em;
}
.contact_naiyou_in1 {
margin-bottom: 1em;
}
.contact_telno input {
max-width: 200px;
}
.privacy_box {
overflow-x: hidden;
overflow-y: auto;
height: 400px;
margin-top: 3em;
padding: 20px;
background-color: #f1f1f1;
}
.privacy_box::-webkit-scrollbar {
width: 8px;
background-color: #f1f1f1;
}
.privacy_box::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 100px;
}
.privacy_ttl {
margin-bottom: 1em;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
}
.privacy_txt1 {
margin-top: 2em;
margin-bottom: 5px;
font-weight: bold;
}
.privacy_txt2 {
}
.privacy_check {
margin: 2em 0;
}
.conf_msg {
margin-top: 2em;
text-align: center;
}
.thanks_msg {
position: relative;
padding: 170px 0 50px 0;
text-align: center;
}
.thanks_msg::before {
position: absolute;
content: "";
width: calc(106px);
height: calc(146px);
top: 0;
left: 0;
right: 0;
margin: auto;
background-image: url(./common/img/thanks.png);
background-repeat: no-repeat;
background-size: contain;
}
@media print, (min-width:768px) {
	.contact01_txt {
	font-size: 1.8rem;
	line-height: 2;
	}
	.contact_form dl {
	display: flex;
	margin-bottom: 10px;
	}
	.contact_form dt {
	width: 300px;
	}
	.contact_form dd {
	width: calc(100% - 300px);
	}
	.contact_address_in1 .note a:hover {
	color: #fff;
	background-color: #aaa;
	}
	.privacy_check {
	font-size: 1.8rem;
	}
	.thanks_msg {
	font-size: 1.8rem;
	line-height: 2;
	}
}
@media print, (max-width:767px) {
	.contact_form {
	max-width: 400px;
	margin: auto;
	}
	.contact_form dt {
	padding: 10px;
	}
	.contact_form dd {
	padding: 20px 10px;
	}
	.contact_address_txt {
	margin-bottom: 2px;
	}
	.contact_address_in1 input {
	width: 70px;
	}
	.contact_address_in1 .note {
	margin-left: 0;
	margin-top: 5px;
	}
	.contact_address_in1 .note a {
	display: inline-block;
	}
	.privacy_box {
	margin-top: 2em;
	padding: 20px;
	}
	.privacy_ttl {
	font-size: 1.5rem;
	}
	.privacy_check {
	margin-top: 1em;
	}
	.contact_submit {
	}
	.thanks_msg {
	padding-top: 100px;
	}
	.thanks_msg::before {
	width: calc(150px * .7);
	height: calc(106px * .7);
	}
}

/*-------------------------
 商品一覧
-----------------------*/
.sales_list {
}
.sales_list_txt {
margin-bottom: 30px;
font-weight: bold;
}
.sales_list_txt_s {
display: inline-block;
margin-right: 5px;
padding: 2px 6px;
color: #fff;
background-color: #e10915;
border-radius: 2px;
}
.sales_list_select {
margin-top: 50px;
}
.sales_list_select_box {
padding: 20px 15px;
background-color: #ad80b0;
}
.sales_list_select_box.kenki {
background-color: #f9cb11;
}
.sales_list_select_box + .sales_list_select_ttl {
margin-top: 20px;
}
.sales_list_select_ttl {
width: fit-content;
min-width: 230px;
padding: 10px 5px;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
line-height: 1.4;
letter-spacing: 1px;
color: #fff;
background-color: #804484;
border-radius: 6px 6px 0 0;
}
.sales_list_select_ttl.kenki {
background-color: #eb4917;
}
.sales_list_select .mv_list {
max-width: 100%;
}
.sales_list_select .mv_list li {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: calc(10% - 8px);
height: 110px;
margin: 0 4px 6px 4px;
padding: 0px 0;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.sales_list_select .mv_ico {
max-width: 90px;
}
.sales_list_select .mv_ico img {
/*filter: brightness(0) invert(1);*/
}
.sales_list_select .mv_txt {
font-size: 1.3rem;
}
.sales_list_select .mv_form {
max-width: calc(100% - 8px);
background-color: #fff;
border-width: 0;
border-radius: 8px;
}
.sales_arrivals_btn {
margin-bottom: 15px;
}
.sales_list_sec {
margin-top: 40px;
margin-bottom: 30px;
}
.sales_list .wp-pagenavi {
}
@media (max-width:1260px) {
	.sales_list_select .mv_list li {
	width: calc(12.5% - 8px);
	}
}
@media (max-width:1023px) {
	.sales_list_select .mv_list li {
	width: calc(16.6666666667% - 8px);
	}
}
@media (min-width:768px) {
	/* hover */
	.sales_list_select .mv_list li:hover {
	animation: inherit;
	background-color: #804484 !important;
	}
	.sales_list_select .kenki .mv_list li:hover {
	background-color: #eb4917 !important;
	}
	.sales_list_select .mv_list li:hover img {
	animation: mv_list2 .3s;
	}
	@keyframes mv_list2 {
		50% {
		transform: scale(1.1);
		}
	}
}
@media (max-width:767px) {
	.sales_list_txt {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	}
	.sales_list_select .mv_list {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	}
	.sales_list_select .mv_list li {
	width: calc(25% - 4px);
	height: 45px;
	margin: 0 2px 4px 2px;
	line-height: 1.1;
	border-width: 2px;
	border-radius: 6px;
	}
	.sales_list_select .mv_ico {
	display: none;
	}
	.sales_list_select .mv_form {
	border-radius: 6px;
	}
	.sales_list_select {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	}
	.sales_list_select_ttl {
	min-width: 150px;
	font-size: inherit;
	}
	.sales_list_select_box {
	padding: 15px 8px;
	}
}
@media (max-width:430px) {
	.sales_list_select .mv_list {
	margin-left: -2;
	margin-right: -2;
	}
}

/*-------------------------
 商品詳細
-----------------------*/
.sales_single {
}
.sales_single_ttl {
position: relative;
margin-bottom: 30px;
padding: 30px 20px;
color: #fff;
background-color: #804484;
}
.sales_single_ttl p[class*="top_arrivals_list_"] {
top: 0;
left: inherit;
right: 0;
}
.sales_id {
margin-bottom: 10px;
font-size: 1.8rem;
line-height: 1;
}
.sales_name {
font-size: 2.4rem;
}
.sales_single_mv {
position: relative;
}
.sales_single_mv .top_arrivals_list_new {
z-index: 1;
}
.tmbslider {
display: flex;
height: calc(480px);
}
.tmbslider .slick-list {
width: 640px;
}
.tmbslider .slick-list img {
object-fit: cover;
aspect-ratio: 4 / 3;
width: 100%;
height: 100%;
}
.tmbslider .slick-track {
}
.tmbslider .slick-dots {
width: 2000px;
overflow-y: auto;
position: relative;
display: flex;
flex-wrap: wrap;
height: 100%;
}
.tmbslider .slick-dots::-webkit-scrollbar {
width: 10px;
}
.tmbslider .slick-dots::-webkit-scrollbar-track {
background-color: #eee;
}
.tmbslider .slick-dots::-webkit-scrollbar-thumb {
background-color: #804484;
border-radius: 10px;
}
.tmbslider .slick-dots li {
cursor: pointer;
width: 25%;
background-color: #fff;
}
.tmbslider .slick-dots li img {
opacity: .6;
object-fit: cover;
aspect-ratio: 4 / 3;
width: 100%;
height: 100%;
}
.tmbslider .slick-dots li.slick-active img {
opacity: 1;
}
.tmbslider .slick-prev,
.tmbslider .slick-next {
z-index: 1;
cursor: pointer;
position: absolute;
width: 50px;
height: 40px;
top: 50%;
transform: translateY(-50%);
font-size: 0;
background-color: #363334;
}
.tmbslider .slick-prev {
left: 0;
border-radius: 0;
}
.tmbslider .slick-next {
right: inherit;
left: calc(640px - 50px);
border-radius: 0;
}
.tmbslider .slick-prev::before,
.tmbslider .slick-next::before {
position: absolute;
content: "";
width: 10px;
height: 10px;
top: 50%;
transform: translateY(-50%);
right: 0;
left: 0;
margin: -8px auto 0;
border-style: solid;
border-color: #fff;
transform: rotate(45deg);
}
.tmbslider .slick-prev::before {
right: 12px;
right: -5px;
border-width: 0 0 3px 3px;
}
.tmbslider .slick-next::before {
left: 12px;
left: -5px;
border-width: 3px 3px 0 0;
}
.sales_single_btn {
margin-top: 20px;
margin-bottom: 40px;
}
.sales_single_btn_ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 20px -6px 0 -6px;
text-align: center;
}
.sales_single_btn_ul + .sales_single_btn_ul {
margin-top: 12px;
}
.sales_single_btn_ul li {
width: calc(20% - 12px);
height: 72px;
margin: 0 6px;
font-weight: bold;
line-height: 1.4;
border: 3px solid #363334;
border-radius: 6px;
box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.sales_single_btn_ul li.syaken,
.sales_single_btn_ul li.kenpin {
color: #000;
background-color: #fff;
}
.sales_single_btn_ul li.print {
color: #fff;
background-color: #9883cd;
border-color: #9883cd;
}
.sales_single_btn_ul li.all,
.sales_single_btn_ul li.download {
background-color: #f9cb11;
border-color: #363334;
}
.sales_single_btn_ul li.line {
display: none;
}
.sales_single_btn_ul li a {
display: block;
width: 100%;
height: 100%;
padding: 12px;
}
.sales_single_btn_ul li a span {
position: relative;
display: flex;
height: 100%;
align-items: center;
justify-content: center;
}
.sales_single_btn_ul li a span::before {
display: inline-block;
vertical-align: middle;
position: relative;
content: "";
width: calc(30px);
height: calc(30px);
margin-right: 20px;
background-repeat: no-repeat;
background-size: contain;
}
.sales_single_btn_ul li.syaken a span::before {
background-image: url(./common/img/sales/ico_syaken.png);
}
.sales_single_btn_ul li.kenpin a span::before {
background-image: url(./common/img/sales/ico_kenpin.png);
}
.sales_single_btn_ul li.print a span::before {
background-image: url(./common/img/sales/ico_print.png);
}
.sales_single_btn_ul li.all a span::before {
background-image: url(./common/img/sales/ico_all.png);
}
.sales_single_btn_ul li.download a span::before {
background-image: url(./common/img/sales/ico_download.png);
}
.sales_single_note {
}
.sales_single_note li {
margin: 5px 0;
line-height: 1.4;
}
.sales_single_deta2 {
}
.sales_single_freetxt {
margin-top: 40px;
}
.sales_single_freetxt p + p {
margin-top: 1em;
}
.sales_single_movie {
display: flex;
flex-wrap: wrap;
height: 670px;
margin: 40px auto 0;
}
.sales_single_movie iframe {
display: block;
width: 100%;
height: 100%;
}
.flex-container {
display: flex;
}
.column {
flex: 1;
}
.sales_single_deta1 {
margin-bottom: 20px;
border: 1px solid #aaa;
}
.sales_single_deta1 dl {
display: flex;
}
.sales_single_deta1 dl + dl {
border-top: 1px solid #aaa;
}
.sales_single_deta1 dt,
.sales_single_deta1 dd {
padding: 10px 30px;
}
.sales_single_deta1 dt {
width: 250px;
font-weight: bold;
background-color: #f1f1f1;
}
.sales_single_deta1 dd {
width: calc(100% - 250px);
}
.sales_single_deta2 {
}
.sales_single_deta2 dl {
display: flex;
border: 1px solid #aaa;
}
.sales_single_deta2 dl + dl {
border-top-width: 0;
}
.sales_single_deta2 dl:nth-of-type(2),
.sales_single_deta2 dl:nth-of-type(3) {
}
.sales_single_deta2 dt,
.sales_single_deta2 dd {
width: 50%;
padding: 10px;
font-size: 1.5rem;
line-height: 1.4;
}
.sales_single_deta2 dt {
width: 50%;
background-color: #f1f1f1;
}
.sales_single_deta2 dd {
width: 50%;
}
.sales_single_cnt {
width: fit-content;
min-width: 450px;
margin: 3em auto 0;
font-size: 1.8rem;
font-weight: bold;
line-height: 1;
text-align: center;
background-color: #f9cb11;
border: 3px solid #363334;
border-radius: 6px;
box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.sales_single_cnt a {
display: block;
width: 100%;
height: 100%;
padding: 25px 10px;
}
.sales_single_cnt a::before {
position: relative;
display: inline-block;
vertical-align: middle;
content: "";
width: 32px;
height: 32px;
margin-right: 15px;
background-image: url(./common/img/ico_mail.png);
background-repeat: no-repeat;
background-size: contain;
}
.sales_print {
max-width: 900px;
margin: auto;
padding: 20px;
}
.sales_print .sales_id {
font-size: inherit;
}
.sales_print .sales_name {
margin-bottom: 1em;
font-size: inherit;
}
.sales_print_img {
margin-bottom: 30px;
}
.sales_print_date {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
.sales_print_date table {
width: 100%;
font-size: 1.3rem;
}
.sales_print_date th,
.sales_print_date td {
padding: 5px;
border: 1px solid #000;
}
.sales_print_date th {
background-color: #f1f1f1;
}
.sales_print_info {
text-align: center;
}
.sales_print_info_1 {
font-size: 1.8rem;
font-weight: bold;
}
.sales_print_info_2 {
}
.sales_print_info_3 {
}
.sales_print_btn,
.sales_print_btn_close {
width: 200px;
margin: 1em auto 0;
background-color: #804484;
border-radius: 100px;
}
.sales_print_btn_close {
background-color: #f9cb11;
}
.sales_print_btn button,
.sales_print_btn_close button {
display: block;
width: 100%;
height: 100%;
padding: 10px;
font-weight: bold;
}
.sales_print_btn button {
color: #fff;
}
.sales_allimg {
padding: 25px;
}
.sales_allimg_list {
display: flex;
flex-wrap: wrap;
max-width: 1200px;
margin: auto;
}
.sales_allimg_list li {
width: calc(33.3333% - 10px);
margin: 5px;
}
@media print {
	.sales_print_btn {
	display: none;
	}
	.sales_print_btn_close {
	display: none;
	}
}
@media (max-width:1260px) {
	.tmbslider .slick-dots li {
	width: 33.3333%;
	}
	.sales_single_movie {
	height: 53vw;
	}
}
@media (max-width:1023px) {
	.sales_single_ttl {
	padding: 20px;
	}
	.sales_name {
	font-size: 2.0rem;
	}
	.tmbslider {
	height: calc(375px);
	}
	.tmbslider .slick-list {
	width: 500px;
	}
	.tmbslider .slick-dots {
	width: calc(100% - 500px);
	}
	.tmbslider .slick-dots li {
	width: 50%;
	}
	.tmbslider .slick-next {
	left: calc(500px - 50px);
	}
	.sales_single_btn {
	max-width: 767px;
	margin-left: auto;
	margin-right: auto;
	}
	.sales_single_btn_ul {
	margin: 0 -4px;
	}
	.sales_single_btn_ul li {
	width: calc(33.3333% - 8px);
	margin: 0 4px;
	border-width: 2px;
	}
	.sales_single_movie {
	}
	.sales_single_cnt {
	min-width: 360px;
	font-size: 1.7rem;
	border-width: 2px;
	}
	.sales_single_cnt a {
	padding: 20px;
	}
	.sales_single_cnt a::before {
	width: 26px;
	height: 26px;
	}
	.sales_allimg {
	padding: 10px 5px;
	}
	.sales_allimg_list li {
	width: calc(50% - 10px);
	}
}
@media (min-width:768px) {
	/* hover */
	.slick-prev:hover,
	.slick-next:hover {
	background-color: #804484;
	transition: .3s;
	}
	.sales_single_btn_ul li:hover {
	background-color: #804484;
	border-color: #804484;
	transition: .3s;
	}
	.sales_single_btn_ul li:hover {
	color: #fff;
	}
	.sales_single_btn_ul li:hover a span::before {
	filter: brightness(0) invert(1);
	}
	.sales_single_cnt:hover {
	background-color: #804484;
	border-color: #804484;
	transition: .3s;
	}
	.sales_single_cnt:hover {
	color: #fff;
	}
	.sales_single_cnt:hover a::before {
	filter: brightness(0) invert(1);
	}
	.sales_print_btn:hover {
	background-color: #9883cd;
	transition: .3s;
	}
	.sales_print_btn_close:hover {
	background-color: #f99411;
	transition: .3s;
	}
}
@media (max-width:767px) {
	.sales_single_ttl {
	padding: 15px;
	}
	.sales_name {
	font-size: 1.8rem;
	}
	.tmbslider {
	overflow: hidden;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	height: auto;
	max-height: 300px;
	}
	.tmbslider::after {
	z-index: 2;
	cursor: pointer;
	display: none;
	position: absolute;
	content: 'もっと見る';
	padding: 10px 20px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	background-color: #000;
	}
	.tmbslider_300.tmbslider::after {
	display: block;
	}
	.tmbslider_300.tmbslider::before {
	z-index: 1;
	position: absolute;
	content: "";
	width: 100%;
	height: 30px;
	bottom: 0;
	left: 0;
	background-color: #fff;
	}
	.show-more.tmbslider {
	max-height: none;
	}
	.show-more.tmbslider::after {
	display: none;
	}
	.tmbslider li {
	width: 33.3333%;
	padding: 2px;
	}
	.tmbslider .slick-prev,
	.tmbslider .slick-next {
	width: 40px;
	height: 30px;
	top: 30%;
	transform: inherit;
	}
	.tmbslider .slick-prev::before,
	.tmbslider .slick-next::before {
	width: 7px;
	height: 7px;
	margin-top: -5px;
	}
	.tmbslider .slick-next {
	left: inherit;
	right: 0;
	}
	.tmbslider .slick-prev::before {
	border-width: 0 0 2px 2px;
	}
	.tmbslider .slick-next::before {
	border-width: 2px 2px 0 0;
	}
	.tmbslider .slick-list {
	width: 100%;
	}
	.tmbslider .slick-dots {
	width: 100%;
	height: 23vw;
	}
	.tmbslider .slick-dots li {
	width: 16.6666666667%;
	}
	.sales_single_btn {
	display: flex;
	max-width: 400px;
	margin-bottom: 20px;
	}
	.sales_single_btn_ul {
	display: block;
	width: calc(50% - 4px);
	margin: 0 2px;
	}
	.sales_single_btn_ul li {
	width: 100%;
	height: 50px;
	margin: 0;
	}
	.sales_single_btn_ul li + li {
	margin-top: 4px;
	}
	.sales_single_btn_ul + .sales_single_btn_ul {
	margin-top: 0;
	}
	.sales_single_btn_ul li a {
	padding: 10px;
	}
	.sales_single_btn li a span::before {
	width: calc(20px);
	height: calc(20px);
	margin-right: 10px;
	}
	.sales_single_btn_ul li.line {
	display: block;
	border-color: #0db900;
	}
	.sales_single_btn_ul li.line a span::before {
	width: calc(25px);
	height: calc(25px);
	background-image: url(./common/img/ico_line.svg);
	}
	.sales_single_deta1 dt,
	.sales_single_deta1 dd {
	padding: 10px;
	}
	.sales_single_deta1 dt {
	width: 50%;
	}
	.sales_single_deta1 dd {
	width: 50%;
	}
	.sales_single_freetxt {
	margin-top: 30px;
	}
	.sales_single_movie {
	margin-top: 30px;
	}
	.sales_single_cnt {
	min-width: 260px;
	font-size: inherit;
	}
	.sales_single_cnt a {
	padding: 15px;
	}
	.sales_single_cnt a::before {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	}
}
@media (max-width:650px) {
	.tmbslider .slick-dots {
	height: 27vw;
	}
	.tmbslider .slick-dots li {
	width: 20%;
	}
}
@media (max-width:450px) {
	.tmbslider .slick-dots {
	height: 33vw;
	}
	.tmbslider .slick-dots li {
	width: 25%;
	}
	.sales_single_movie iframe {
	height: 52vw;
	}
}

/*-------------------------
 買取・査定
-----------------------*/
.appraisal_reason {
}
.appraisal_reason::after {
opacity: .3;
z-index: -9;
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(./common/img/appraisal/bg01.jpg);
background-position: center;
background-size: cover;
}
.appraisal_reason_ttl {
position: relative;
width: fit-content;
margin: 0 auto 50px;
padding: 0 60px;
}
.appraisal_reason_ttl::before,
.appraisal_reason_ttl::after {
position: absolute;
content: "";
width: 2px;
height: 100px;
bottom: 0;
background-color: #000;
}
.appraisal_reason_ttl::before {
left: 0;
transform: rotate(-30deg);
}
.appraisal_reason_ttl::after {
right: 0;
transform: rotate(30deg);
}
.appraisal_reason_ttl_1 {
margin-bottom: 10px;
font-size: 4rem;
text-align: center;
}
.appraisal_reason_ttl_2 {
font-size: 2.4rem;
font-weight: bold;
text-align: center;
}
.appraisal_reason_list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.appraisal_reason_list li {
width: calc(25% - 24px);
margin: 0 12px 24px 12px;
padding: 20px;
text-align: center;
background-color: #fff;
border: 3px solid #804484;
border-radius: 6px;
}
.appraisal_reason_list_txt {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
font-size: 2.0rem;
font-weight: bold;
color: #804484;
}
.appraisal_reason_list figure {
max-width: 180px;
margin: auto;
}
.appraisal_kaitori {
}
.appraisal_ttl {
position: relative;
margin-bottom: 2em;
padding-top: 60px;
font-size: 3.0rem;
text-align: center;
}
.appraisal_ttl::before {
position: absolute;
content: "";
width: 50px;
height: 50px;
top: 0;
right: 0;
left: 0;
margin: auto;
background-image: url(./common/img/appraisal/ico_kaitori.png);
background-repeat: no-repeat;
background-size: contain;
}
.appraisal_kaitori_list {
width: fit-content;
min-width: 800px;
margin: auto;
}
.appraisal_kaitori_list li {
overflow: hidden;
position: relative;
display: flex;
align-items: center;
background-color: #f1f1f1;
border-radius: 8px;
}
.appraisal_kaitori_list li + li {
margin-top: 10px;
}
.appraisal_kaitori_list_txt1 {
display: flex;
align-items: center;
justify-content: center;
width: 180px;
padding: 20px 30px;
font-weight: bold;
text-align: center;
line-height: 1;
letter-spacing: 2px;
color: #f9cb11;
background-color: #804484;
}
.appraisal_kaitori_list_txt1_1 {
display: block;
margin-right: 10px;
font-size: 2.0rem;
}
.appraisal_kaitori_list_txt1_2 {
display: block;
font-size: 2.4rem;
}
.appraisal_kaitori_list_txt2 {
width: calc(100% - 180px);
padding: 20px 30px;
font-size: 2.2rem;
font-weight: bold;
letter-spacing: 1px;
}
.appraisal_kaitori_list_txt2 strong {
color: #e10915;
}
.appraisal_achv {
}
.appraisal_achv .appraisal_ttl::before {
background-image: url(./common/img/appraisal/ico_achv.png);
}
.appraisal_achv_list {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 -12px;
}
.appraisal_achv_list li {
width: calc(33.3333% - 24px);
margin: 0 12px;
padding: 20px;
text-align: center;
background-color: #fff;
border: 1px solid #000;
}
.appraisal_achv_txt1 {
position: relative;
width: fit-content;
margin: 0 auto 1.5em;
padding-bottom: 5px;
font-size: 2.0rem;
font-weight: bold;
}
.appraisal_achv_txt1::before {
position: absolute;
content: "";
width: 100%;
height: 2px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
background-color: #000;
}
.appraisal_achv_txt2 {
margin-bottom: 1em;
font-weight: bold;
line-height: 1;
}
.appraisal_achv_txt2_1 {
font-size: 3.4rem;
color: #804484;
}
.appraisal_achv_txt2_2 {
font-size: 2.4rem;
}
.appraisal_achv_txt3 {
}
.appraisal_hosho {
}
.appraisal_hosho .appraisal_ttl::before {
background-image: url(./common/img/appraisal/ico_hosho.png);
}
.appraisal_hosho_list {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 -12px;
counter-reset: num;
}
.appraisal_hosho_list li {
position: relative;
width: calc(33.3333% - 24px);
margin: 0 12px;
padding: 30px;
color: #fff;
background-color: #9883cd;
border-radius: 8px;
counter-increment: num;
}
.appraisal_hosho_list li::before {
position: absolute;
content: "";
width: calc(100% - 15px);
height: calc(100% - 15px);
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
border: 2px solid #fff;
border-radius: 6px;
}
.appraisal_hosho_txt1 {
position: relative;
display: flex;
align-items: center;
margin-bottom: 1em;
padding-left: 70px;
font-size: 2.0rem;
font-weight: bold;
line-height: 1.4;
}
.appraisal_hosho_txt1::before {
position: absolute;
content: counter(num, decimal-leading-zero);
top: 50%;
transform: translateY(-50%);
left: 0;
font-size: 5.0rem;
font-weight: normal;
line-height: 1;
color: #f9cb11;
}
.appraisal_hosho_txt2 {
position: relative;
}
.appraisal_flow {
}
.appraisal_flow .appraisal_ttl::before {
background-image: url(./common/img/appraisal/ico_flow.png);
}
.appraisal_flow_list {
display: flex;
flex-wrap: wrap;
margin: 0 -12px -24px -12px;
counter-reset: num;
}
.appraisal_flow_list > li {
width: calc(50% - 24px);
margin: 0 12px 24px 12px;
background-color: #fff;
border: 3px solid #804484;
counter-increment: num;
}
.appraisal_flow_ttl {
position: relative;
padding: 15px 10px 15px 70px;
font-size: 2.6rem;
font-weight: bold;
line-height: 1;
color: #fff;
background-color: #804484;
}
.appraisal_flow_ttl::before {
position: absolute;
content: counter(num, decimal-leading-zero);
top: 50%;
transform: translateY(-50%);
left: 20px;
font-size: 3.0rem;
font-weight: normal;
line-height: 1;
color: #f9cb11;
}
.appraisal_flow_box {
display: flex;
min-height: 170px;
}
.appraisal_flow_txt {
width: calc(100% - 190px);
height: 100%;
padding: 20px;
}
.appraisal_flow_txt_1 {
margin-bottom: 1em;
font-size: 1.8rem;
font-weight: bold;
}
.appraisal_flow_txt_2 {
}
.appraisal_flow_img {
width: 190px;
height: 100%;
}
.appraisal_flow_img img {
object-fit: cover;
aspect-ratio: 1 / 1;
width: 100%;
height: 100%;
}
.appraisal_flow_btn {
margin-top: 10px;
}
.appraisal_flow_btn li {
font-weight: bold;
line-height: 1.3;
color: #804484;
}
.appraisal_flow_btn li.appraisal_flow_btn_tel {
font-size: 2.0rem;
}
.appraisal_flow_btn li.appraisal_flow_btn_mail {
text-align: left;
}
.appraisal_flow_btn li.appraisal_flow_btn_mail br {
display: none;
}
.appraisal_flow_btn li.appraisal_flow_btn_mail a {
}
.appraisal_result {
}
.appraisal_result .appraisal_ttl::before {
background-image: url(./common/img/appraisal/ico_result.png);
}
.appraisal_shikaku {
}
.appraisal_shikaku .appraisal_ttl::before {
background-image: url(./common/img/appraisal/ico_shikaku.png);
}
.appraisal_shikaku_list {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 -12px;
}
.appraisal_shikaku_list li {
width: calc(25% - 24px);
margin: 0 12px;
}
.appraisal_shikaku_list_img {
}
.appraisal_shikaku_list_img img {
margin-bottom: 15px;
}
.appraisal_shikaku_list_txt {
width: fit-content;
margin: auto;
}
.appraisal_form_txt {
margin-bottom: 1em;
}
.appraisal_form .contact_form dt {
}
@media (max-width:1400px) {
	.appraisal_reason_list li {
	width: calc(25% - 10px);
	margin: 0 5px 10px 5px;
	padding: 20px 10px;
	}
	.appraisal_reason_list_txt {
	font-size: 1.7rem;
	}
	.appraisal_reason_list figure {
	max-width: 150px;
	}
}
@media (max-width:1260px) {
	.appraisal_hosho_txt1 {
	font-size: 1.8rem;
	}
	.appraisal_hosho_txt1 br {
	display: none;
	}
	.appraisal_flow_btn li.appraisal_flow_btn_mail br {
	display: block;
	}
}
@media (max-width:1023px) {
	.appraisal_reason_ttl_1 {
	font-size: 3.0rem;
	}
	.appraisal_reason_ttl_2 {
	font-size: 2.0rem;
	}
	.appraisal_reason_ttl::before,
	.appraisal_reason_ttl::after {
	height: 80px;
	}
	.appraisal_reason_list {
	max-width: 767px;
	margin-left: auto;
	margin-right: auto;
	}
	.appraisal_reason_list li {
	width: calc(33.3333% - 10px);
	border-width: 2px;
	}
	.appraisal_reason_list figure {
	max-width: 120px;
	}
	.appraisal_kaitori_list {
	min-width: 450px;
	}
	.appraisal_kaitori_list_txt1 {
	width: 130px;
	padding: 15px;
	}
	.appraisal_kaitori_list_txt1_2 {
	font-size: 1.8rem;
	}
	.appraisal_kaitori_list_txt1_2 {
	font-size: 2.0rem;
	}
	.appraisal_kaitori_list_txt2 {
	width: calc(100% - 130px);
	padding: 15px;
	font-size: 1.8rem;
	}
	.appraisal_ttl {
	font-size: 2.8rem;
	}
	.appraisal_achv_list {
	max-width: 767px;
	margin: auto;
	}
	.appraisal_achv_list li {
	width: calc(50% - 10px);
	margin: 0 5px 10px 5px;
	}
	.appraisal_hosho_list {
	margin: 0 -5px;
	}
	.appraisal_hosho_list li {
	width: calc(50% - 10px);
	margin: 0 5px 10px 5px;
	padding: 30px;
	}
	.appraisal_flow_list {
	max-width: 767px;
	margin: 0 auto -10px;
	}
	.appraisal_flow_list > li {
	width: calc(50% - 10px);
	margin: 0 5px 10px 5px;
	border-width: 2px;
	}
	.appraisal_flow_box {
	display: block;
	min-height: 100%;
	}
	.appraisal_flow_txt {
	width: 100%;
	height: auto;
	padding: 15px;
	}
	.appraisal_flow_txt_1 {
	font-size: inherit;
	}
	.appraisal_flow_img {
	width: 100%;
	height: 200px;
	}
	.appraisal_flow_btn li.appraisal_flow_btn_mail br {
	display: none;
	}
	.appraisal_shikaku_list {
	max-width: 767px;
	margin: 0 auto -30px;
	}
	.appraisal_shikaku_list li {
	width: calc(50% - 10px);
	margin: 0 5px 30px 5px;
	}
}
@media (max-width:797px) {
	.appraisal_shikaku_list,
	.appraisal_flow_list,
	.appraisal_achv_list,
	.appraisal_reason_list {
	margin-left: -5px;
	margin-right: -5px;
	}
}
@media (max-width:767px) {
	.appraisal_reason_ttl {
	margin-bottom: 40px;
	padding: 0 20px;
	font-size: 2.6rem;
	}
	.appraisal_reason_ttl_2 {
	font-size: 1.6rem;
	}
	.appraisal_reason_ttl::before,
	.appraisal_reason_ttl::after {
	height: 50px;
	}
	.appraisal_reason_list {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	}
	.appraisal_reason_list li {
	width: calc(50% - 4px);
	margin: 0 2px 4px 2px;
	padding: 12px 5px;
	}
	.appraisal_reason_list_txt {
	font-size: inherit;
	}
	.appraisal_reason_list figure {
	max-width: 100px;
	}
	.appraisal_ttl {
	padding-top: 50px;
	font-size: 2.4rem;
	}
	.appraisal_ttl::before {
	width: 40px;
	height: 40px;
	}
	.appraisal_kaitori_list {
	min-width: 300px;
	}
	.appraisal_kaitori_list_txt1 {
	width: 100px;
	}
	.appraisal_kaitori_list_txt1_1 {
	margin-right: 3px;
	font-size: 1.6rem;
	}
	.appraisal_kaitori_list_txt1_2 {
	font-size: 1.8rem;
	}
	.appraisal_kaitori_list_txt2 {
	width: calc(100% - 100px);
	font-size: 1.7rem;
	letter-spacing: 0;
	}
	.appraisal_achv_list {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	}
	.appraisal_achv_list li {
	padding: 15px 5px;
	}
	.appraisal_achv_txt1 {
	margin-bottom: 1em;
	font-size: 1.8rem;
	line-height: 1.4;
	}
	.appraisal_achv_txt2_1 {
	font-size: 2.8rem;
	}
	.appraisal_achv_txt3 {
	font-size: 1.4rem;
	}
	.appraisal_hosho_list {
	display: block;
	max-width: 400px;
	margin: auto;
	}
	.appraisal_hosho_list li {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 20px;
	border-radius: 6px;
	}
	.appraisal_hosho_list li::before {
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border: 2px solid #fff;
	border-width: 1px;
	border-radius: 4px;
	}
	.appraisal_hosho_txt1 {
	padding-left: 40px;
	font-size: 1.6rem;
	}
	.appraisal_hosho_txt1::before {
	font-size: 2.8rem;
	}
	.appraisal_flow_list {
	display: block;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	}
	.appraisal_flow_list > li {
	position: relative;
	width: 100%;
	margin: 0 0 15px 0;
	}
	.appraisal_flow_list > li + li::before {
	z-index: -1;
	position: absolute;
	content: "";
	width: 50px;
	height: 20px;
	top: -23px;
	right: 0;
	left: 0;
	margin: auto;
	background-color: #804484;
	clip-path: polygon(100% 0, 0 0, 50% 100%);
	}
	.appraisal_flow_ttl {
	position: relative;
	padding: 12px 10px 12px 50px;
	font-size: 2.0rem;
	}
	.appraisal_flow_ttl::before {
	font-size: 2.4rem;
	left: 15px;
	}
	.appraisal_flow_btn li.appraisal_flow_btn_mail br {
	display: none;
	}
	.appraisal_flow_img {
	height: 120px;
	}
	.appraisal_shikaku_list {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	}
}
@media (max-width:430px) {
	.appraisal_shikaku_list,
	.appraisal_achv_list {
	margin-right: -4px;
	margin-left: -4px;
	}
}

/*-------------------------
 選ばれる理由
-----------------------*/
.reason_reason {
}
.reason_reason::after {
background-image: url(./common/img/reason/bg01.jpg);
}
.reason_reason_txt {
font-size: 2.6rem;
font-weight: bold;
text-align: center;
line-height: 1;
letter-spacing: 2px;
color: #804484;
}
.reason_reason .appraisal_reason_ttl_1 {
margin-bottom: 0;
}
.reason_reason_ttl_s {
margin: 0 5px;
font-size: 5.0rem;
text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 2px 2px #436582;
color: #f9cb11;
}
.reason_achv {
}
.reason_support {
}
.reason_support .appraisal_ttl::before {
background-image: url(./common/img/appraisal/ico_hosho.png);
}
.reason_support_list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.reason_support_list li {
position: relative;
width: calc(33.3333% - 24px);
margin: 30px 12px 0 12px;
padding: 40px 20px 30px 20px;
font-weight: bold;
text-align: center;
color: #fff;
background-color: #9883cd;
border-radius: 6px;
}
.reason_support_list li::before {
opacity: .2;
position: absolute;
content: "";
width: calc(290px * .8);
height: calc(258px * .8);
bottom: -50px;
right: 0;
left: 0;
margin: auto;
background-image: url(./common/img/reason/support_bg.png);
background-repeat: no-repeat;
background-size: contain;
}
.reason_support_txt1 {
position: absolute;
width: calc(313px * .8);
height: calc(68px * .8);
top: -30px;
right: 0;
left: 0;
margin: auto;
padding-top: 10px;
font-size: 1.8rem;
line-height: 1;
letter-spacing: 2px;
color: #fff;
background-image: url(./common/img/reason/support_ttl.png);
background-repeat: no-repeat;
background-size: contain;
}
.reason_support_txt2 {
font-size: 2.2rem;
letter-spacing: 2px;
}
.reason_flow {
}
.reason_flow .appraisal_ttl::before {
background-image: url(./common/img/appraisal/ico_flow.png);
}
.reason_flow_list {
}
.reason_flow_list li {
position: relative;
display: flex;
background-color: #f7fcff;
border: 2px solid #804484;
}
.reason_flow_list li:nth-of-type(even) {
}
.reason_flow_list li + li {
margin-top: 20px;
}
.reason_flow_list li + li::before {
z-index: -1;
position: absolute;
content: "";
width: 50px;
height: 20px;
top: -23px;
right: 0;
left: 0;
margin: auto;
background-color: #804484;
clip-path: polygon(100% 0, 0 0, 50% 100%);
}
.reason_flow_box {
width: calc(100% - 200px);
padding: 20px;
}
.reason_flow_ttl {
display: flex;
align-items: center;
margin-bottom: 20px;
font-weight: bold;
}
.reason_flow_ttl_1 {
display: flex;
align-items: center;
margin-right: 20px;
padding: 10px 20px;
font-size: 1.8rem;
line-height: 1;
letter-spacing: 1px;
color: #fff;
background-color: #eb4917;
border-radius: 100px;
}
.reason_flow_ttl_1_1 {
display: block;
margin-right: 4px;
}
.reason_flow_ttl_1_2 {
display: block;
}
.reason_flow_ttl_2 {
font-size: 2.2rem;
line-height: 1.4;
}
.reason_flow_txt {
}
.reason_flow_img {
width: 200px;
height: 100%;
}
.reason_flow_img img {
object-fit: cover;
aspect-ratio: 1 / 1;
width: 100%;
height: 100%;
}
.reason_voice {
}
.reason_voice .appraisal_ttl::before {
background-image: url(./common/img/reason/ico_voice.png);
}
.reason_voice_list {
display: flex;
flex-wrap: wrap;
margin: 0 -12px -24px -12px;
}
.reason_voice_list li {
position: relative;
display: flex;
align-items: center;
width: calc(50% - 24px);
margin: 0 12px 24px 12px;
padding: 20px;
background-color: #fff;
border: 1px solid #000;
}
.reason_voice_list_box {
width: calc(100% - 100px);
padding-right: 30px;
}
.reason_voice_ttl {
margin-bottom: 1em;
font-weight: bold;
}
.reason_voice_txt {
}
.reason_voice_address {
margin-top: 5px;
text-align: right;
}
.reason_voice_list_img {
width: 100px;
}
.reason_voice_list_img img {
object-fit: cover;
aspect-ratio: 20 / 23;
width: 100%;
height: 100%;
background-color: #d6e6ff;
border-radius: 100%;
}
@media (max-width:1260px) {
	.reason_support_txt1 {
	width: calc(313px* .7);
	height: calc(68px* .7);
	top: -20px;
	padding-top: 8px;
	}
}
@media (min-width:1024px) {
	.reason_reason .appraisal_reason_list li {
	width: calc(33.3333% - 24px);
	}
}
@media (max-width:1023px) {
	.reason_reason_txt {
	margin-bottom: 5px;
	font-size: 2.0rem;
	}
	.reason_reason_ttl_s {
	font-size: 4.0rem;
	}
	.reason_support_list {
	max-width: 767px;
	margin: 0 auto -24px;
	}
	.reason_support_list li {
	width: calc(50% - 24px);
	margin: 30px 12px 24px 12px;
	padding: 40px 20px 20px 20px;
	}
	.reason_support_list li::before {
	width: calc(290px * .7);
	height: calc(258px * .7);
	bottom: -40px;
	}
	.reason_support_txt2 {
	font-size: 2.0rem;
	}
	.reason_voice_list {
	max-width: 767px;
	margin: 0 auto -10px;
	}
	.reason_voice_list li {
	width: calc(50% - 10px);
	margin: 0 5px 10px 5px;
	padding: 20px;
	}
	.reason_voice_list_box {
	width: calc(100% - 80px);
	padding-right: 20px;
	}
	.reason_voice_list_img {
	width: 80px;
	}
}
@media (max-width:797px) {
	.reason_voice_list,
	.reason_support_list {
	margin-left: auto;
	margin-right: auto;
	}
}
@media (max-width:767px) {
	.reason_reason_txt {
	margin-bottom: 15px;
	font-size: 1.8rem;
	}
	.reason_reason_ttl_s {
	font-size: 3.4rem;
	}
	.reason_reason .appraisal_reason_ttl_1 {
	line-height: 1.3;
	}
	.reason_support_list {
	max-width: 400px;
	margin: 0 auto -8px;
	}
	.reason_support_list li {
	width: calc(50% - 8px);
	margin: 15px 4px 8px 4px;
	padding: 25px 5px 15px 5px;
	}
	.reason_support_list li::before {
	width: calc(290px * .7);
	height: calc(258px * .7);
	bottom: -40px;
	}
	.reason_support_txt1 {
	width: calc(313px* .45);
	height: calc(68px* .45);
	top: -15px;
	padding-top: 4px;
	font-size: 1.6rem;
	}
	.reason_support_txt2 {
	font-size: 1.6rem;
	letter-spacing: 0;
	}
	.reason_flow_list {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	}
	.reason_flow_list li {
	display: block;
	}
	.reason_flow_list li + li {
	margin-top: 15px;
	}
	.reason_flow_box {
	width: 100%;
	padding: 15px;
	}
	.reason_flow_ttl_1 {
	margin-right: 15px;
	padding: 8px 15px;
	font-size: inherit;
	}
	.reason_flow_ttl_2 {
	font-size: 2.0rem;
	}
	.reason_flow_img {
	width: 100%;
	height: 120px;
	}
	.reason_voice_list {
	display: block;
	max-width: 400px;
	margin: auto;
	}
	.reason_voice_list li {
	width: 100%;
	margin: 0;
	padding: 15px;
	}
	.reason_voice_list li + li {
	margin-top: 10px;
	}
}
@media (max-width:430px) {
	.reason_support_list {
	margin-left: -4px;
	margin-right: -4px;
	}
}

/*-------------------------
 展示場（ヤード）案内
-----------------------*/
.yard {
}
.yard_mv {
}
.yard_mv_img {
margin-bottom: 20px;
}
.yard_mv_img img {
}
.yard_mv_txt {
}
.yard_mv_txt p + p {
margin-top: 1em;
}
.yard_list {
}
.yard_list_ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 -12px;
}
.yard_list_ul li {
width: calc(33.3333% - 24px);
margin: 0 12px;
}
.yard_list_img {
margin-bottom: 15px;
}
.yard_list_img img {
object-fit: cover;
aspect-ratio: 4 / 3;
width: 100%;
height: 100%;
}
.yard_list_txt {
width: fit-content;
margin: auto;
font-weight: bold;
}
.yard_movie {
}
.yard_movie_low {
}
.yard_movie video {
width: 100%;
}
.yard_map {
}
.yard_map_in {
height: 500px;
}
.yard_map_in iframe {
width: 100%;
height: 100%;
}
@media (max-width:1023px) {
	.yard_list_ul {
	max-width: 767px;
	margin: 0 auto -10px;
	}
	.yard_list_ul li {
	width: calc(50% - 10px);
	margin: 0 5px 10px 5px;
	}
}
@media (max-width:797px) {
	.yard_list_ul {
	margin-left: -5px;
	margin-right: -5px;
	}
}
@media (max-width:767px) {
	.yard_list_ul {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	}
	.yard_map_in {
	height: 400px;
	}
}
@media (max-width:430px) {
	.yard_list_ul {
	margin-left: -5px;
	margin-right: -5px;
	}
}

/*-------------------------
 よくある質問
-----------------------*/
.faq {
}
.faq_list {
}
.faq_list li {
overflow: hidden;
background-color: #fff;
border: 1px solid #000;
}
.faq_list li + li {
margin-top: 5px;
}
.faq_q,
.faq_a {
position: relative;
padding: 15px 60px 15px 70px;
}
.faq_q {
cursor: pointer;
font-weight: bold;
}
.faq_a {
padding-right: 15px;
background-color: #f1f1f1;
}
.faq_q::before,
.faq_a::before {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
content: "";
width: 50px;
height: 100%;
top: 0;
left: 0;
font-size: 2.2rem;
line-height: 1;
color: #fff;
}
.faq_q::before {
content: "Q";
background-color: #804484;
}
.faq_a::before {
content: "A";
background-color: #eb4917;
}
.faq_q::after {
z-index: 1;
position: absolute;
content: "";
width: calc(15px);
height: calc(15px);
top: 50%;
transform: translateY(-50%);
right: 20px;
background-image: url(./common/img/faq_toggle_open@2x.png);
background-repeat: no-repeat;
background-size: contain;
}
.faq_q.open::after {
z-index: 1;
position: absolute;
content: "";
width: calc(15px);
height: calc(2px);
top: 50%;
transform: translateY(-50%);
right: 20px;
background-image: url(./common/img/faq_toggle_close@2x.png);
background-repeat: no-repeat;
background-size: contain;
}
.top_faq_more {
margin-top: 3em;
}
.top_faq_more a {
display: block;
width: 150px;
margin: auto;
padding-bottom: 10px;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #000;
}
.top_faq_more a::after {
position: relative;
display: inline-block;
vertical-align: middle;
content: "";
width: calc(24px);
height: calc(24px);
top: -4px;
margin-left: 10px;
background-image: url(./common/img/faq_toggle_open@2x.png);
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width:1320px) {
}
@media (max-width:1023px) {
	.faq_q::before,
	.faq_a::before {
	font-size: 2.0rem;
	}
}
@media (min-width:768px) {
	/* hover */
	.faq_q:hover {
	background-color: #d9eef8;
	transition: .5s;
	}
}
@media (max-width:767px) {
	.faq_q,
	.faq_a {
	padding: 10px 30px 10px 45px;
	}
	.faq_a {
	padding-right: 10px;
	}
	.faq_q::before,
	.faq_a::before {
	width: 30px;
	font-size: 1.8rem;
	}
	.faq_q::after {
	width: calc(10px);
	height: calc(10px);
	right: 10px;
	}
	.faq_q.open::after {
	width: calc(10px);
	right: 10px;
	}
}

/*-------------------------
 会社案内
-----------------------*/
.company {
}
.company_about {
}
.company_about_tbl {
width: 100%;
max-width: 800px;
margin: auto;
}
.company_about_tbl th,
.company_about_tbl td {
padding: 10px 20px;
border: 1px solid #aaa;
}
.company_about_tbl th {
width: 200px;
background-color: #f1f1f1;
}
.company_about_tbl td {
width: calc(100% - 200px);
background-color: #fff;
}
.company_access_ttl {
width: fit-content;
margin-top: 2em;
margin-bottom: 10px;
padding: 2px 10px;
font-weight: bold;
background-color: #fff;
border: 1px solid #000;
}
.company_access_ttl:first-of-type {
margin-top: 0;
}
.company_access_txt {
}
.company_access_txt_1 {
width: fit-content;
margin-bottom: 5px;
font-size: 1.7rem;
font-weight: bold;
color: #804484;
border-bottom: 1px solid #804484;
}
.company_access_txt_2 + .company_access_txt_1 {
margin-top: 1em;
}
.company_access_txt_2 {
}
.company_history {
}
.company_history dl {
display: flex;
border-bottom: 1px solid #aaa;
}
.company_history dl + dl {
}
.company_history dt,
.company_history dd {
padding: 10px;
}
.company_history dt {
width: 200px;
padding-left: 20px;
}
.company_history dd {
width: calc(100% - 200px);
}
.company_social {
}
.company_social_list {
display: flex;
flex-wrap: wrap;
}
.company_social_list_li {
margin-right: 15px;
padding: 5px 10px;
border: 1px solid #aaa;
border-radius: 4px;
}
@media (max-width:1023px) {
}
@media (min-width:768px) {
}
@media (max-width:767px) {
	.company_about_tbl th,
	.company_about_tbl td {
	padding: 10px;
	}
	.company_about_tbl th {
	width: 120px;
	}
	.company_about_tbl td {
	width: calc(100% - 120px);
	}
	.company_history dt {
	width: 80px;
	padding-left: 10px;
	}
	.company_history dd {
	width: calc(100% - 80px);
	}
}

/*-------------------------
 不動産事業部
-----------------------*/
.estate {
}
.estate_list {
}
.estate_list_txt {
width: fit-content;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.estate_list_ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 -12px 30px -12px;
}
.estate_list_ul > li {
width: calc(33.3333% - 24px);
margin: 0 12px 24px 12px;
border: 1px solid #000;
}
.estate_list_img {
}
.estate_list_img img {
object-fit: cover;
aspect-ratio: 4 / 3;
width: 100%;
height: 100%;
}
.estate_list_box {
padding: 15px;
}
.estate_list_box_ttl {
margin-bottom: 5px;
font-weight: bold;
}
.estate_list_box ul {
line-height: 1.4;
}
.estate_list_box ul li + li {
margin-top: 5px;
}
.estate_list_more {
}
.estate_list_more a {
}
@media (max-width:1023px) {
	.estate_list_ul {
	max-width: 767px;
	margin: 0 auto -10px;
	}
	.estate_list_ul > li {
	width: calc(50% - 12px);
	margin: 0 5px 10px 5px;
	}
}
@media (max-width:797px) {
	.estate_list_ul {
	margin-left: -5px;
	margin-right: -5px;
	}
}
@media (max-width:767px) {
	.estate_list_box {
	padding: 10px;
	}
}
@media (max-width:430px) {
	.estate_list_ul {
	margin-left: -5px;
	margin-right: -5px;
	}
}