/*極薄グレー #f2f2f2*/
/*グレーっぽい文字 #5A5959*/
/*シアン #3A8CEA*/

.spOnly {
	display: none !important;
}

.pict img {
	width: 100%;
}
a,
input[type="submit"] {
	transition: 0.2s;
	font-weight: 500;
}
a:hover,
input[type="submit"]:hover {
	opacity: 0.6;
}
.contSec {
	margin-bottom: 100px;
}
section > .innerBlock {
	position: relative;
}

.text.nega {
	color: #fff;
}

.secTitle {
	text-align: center;
	margin-bottom: 40px;
}
.secTitle .main {
	font-size: 1.08rem;
	font-weight: 500;
	margin-bottom: 6px;
}
.secTitle .sub {
	font-size: 12px;
}
.secTitle.nega {
	color: #fff;
}

.homePage .maining {
	display: none;
}
.homePage .mainImageSec {
	height: 100vh;
	width: 100%;
	background-image: url(../../images/home/poster.jpg);
	background-size: cover;
}
.movieCurtain {
	width: 100%;
	height: 100vh;
	background-color: #ccc;
}

/*ボタン*/
.btnType-1 {
	width: 186px;
	height: 35px;
	margin: 0 auto;
	font-weight: 500;
	position: relative;
	overflow: hidden;
	z-index: 5;
}
.btnType-1 a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: 1px solid #1e1e1e;
	font-size: 12px;
	font-weight: 500;
}
.btnType-1 a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -100%;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: #1e1e1e;
	transition: 0.2s;
}
.btnType-1 a:hover {
	color: #fff;
	opacity: 1;
}
.btnType-1 a:hover::before {
	left: 0;
}
.btnType-1.nega a {
	border-color: #fff;
	color: #fff;
}
.btnType-1.nega a::before {
	background-color: #fff;
}
.btnType-1.nega a:hover {
	color: #333;
	opacity: 1;
}

/****/
a .btnType-1 {
	width: 186px;
	height: 35px;
	margin: 0 auto;
	transition: 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #1e1e1e;
	font-size: 12px;
}
a .btnType-1::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: -100%;
	transition: 0.2s;
	background-color: #1e1e1e;
}
a:hover .btnType-1 {
	color: #fff;
	opacity: 1;
}
a:hover .btnType-1::before {
	left: 0;
}
/****/

a.btnType-2,
.btnType-2 {
	color: #3a8cea;
	display: flex;
	align-items: center;
	font-size: 0.85rem;
	line-height: 1;
}
a.btnType-2::after,
.btnType-2::after {
	font-family: "Material Icons";
	content: "\e5cc";
	margin-left: 5px;
	font-size: 1.4rem;
	line-height: 1;
	padding-top: 2px;
}

.btnType-3 {
	color: #333;
	display: flex;
	align-items: center;
	font-size: 0.85rem;
	line-height: 1;
	background-color: transparent;
	position: relative;
}
.btnType-3::before {
	font-family: "Material Icons";
	content: "\e5cb";
	margin-left: 5px;
	font-size: 1.4rem;
	line-height: 1;
	padding-top: 2px;
	color: #6e6e6e;
}
.btnType-3 input {
	background-color: transparent;
	font-weight: 500;
	color: #333;
	cursor: pointer;
}

.btnType-4 {
	width: 350px;
	height: 53px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 5;
}
.btnType-4 a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 100%;
	border: 1px solid #1e1e1e;
	font-size: 12px;
	position: relative;
}
.btnType-4 a::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #1e1e1e;
	left: -100%;
	top: 0;
	transition: 0.2s;
	z-index: -1;
}
.btnType-4 a::after {
	font-family: "Material Icons";
	content: "\e5cc";
	font-size: 1.4rem;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 6px;
	transform: translateY(-50%);
	color: #6e6e6e;
}
.btnType-4 a:hover {
	color: #fff;
	opacity: 1;
}
.btnType-4 a:hover::before {
	left: 0;
}
.btnType-4 a:hover::after {
	color: #fff;
}
.btnType-4.nega a {
	border-color: #fff;
	color: #fff;
}
.btnType-4.nega a:hover {
	background-color: #f6f6f6;
	color: #333;
	opacity: 1;
}
.btnType-4.nega a:hover::after {
	color: #f6f6f6;
}

.btnType-5 {
	width: 350px;
	height: 53px;
	margin: 0 auto;
}
.btnType-5 a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 100%;
	border: 1px solid #1e1e1e;
	font-size: 12px;
}
.btnType-5 a::after {
	font-family: "Material Icons";
	content: "\e5cb";
	font-size: 1.4rem;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 6px;
	transform: translateY(-50%);
	color: #6e6e6e;
}
.btnType-5 a:hover {
	background-color: #1e1e1e;
	color: #fff;
	opacity: 1;
}
.btnType-5 a:hover::after {
	color: #fff;
}
.btnType-5.nega a {
	border-color: #fff;
	color: #fff;
}
.btnType-5.nega a:hover {
	background-color: #f6f6f6;
	color: #333;
	opacity: 1;
}
.btnType-5.nega a:hover::after {
	color: #6e6e6e;
}

.btnType-6 {
	width: 242px;
	height: 42px;
}
.btnType-6 a,
.btnType-6 input {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85rem;
	line-height: 1;
	background-color: #3a8cea;
	width: 100%;
	height: 100%;
	border-radius: 21px;
}

.btnType-7 {
	width: 242px;
	height: 42px;
}
.btnType-7 a {
	color: #3a8cea;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85rem;
	line-height: 1;
	background-color: #fff;
	border: 1px solid #3a8cea;
	border-radius: 21px;
	width: 100%;
	height: 100%;
}

.btnType-8 {
	width: 350px;
	height: 53px;
	margin: 0 auto;
}
.btnType-8 a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 100%;
	border: 1px solid #42579d;
	font-size: 12px;
	color: #42579d;
}
.btnType-8 a:hover {
	background-color: #42579d;
	color: #fff;
	opacity: 1;
}

.dotsPanel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-image: url(../images/dotforscreen.png);
}
.overrayPanel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	mix-blend-mode: multiply;
	background-color: #333;
	opacity: 0.5;
}

.homePage header {
	background-color: rgba(255, 255, 255, 0);
}
.curtain {
	width: 100%;
	height: 100vh;
	background-color: #ccc;
	position: relative;
	z-index: -1;
}
header {
	width: 100%;
	height: 74px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	background-color: #fff;
	transition: 0.3s;
}

.homePage header.addWhite {
	background-color: rgba(255, 255, 255, 1);
}
header .innerBlock {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}
header .logo {
	width: 175px;
	margin: 0 auto;
}
header .logo > a {
	display: block;
}
header .logo svg {
	fill: #1e1e1e;
	transition: 0.3s;
}
.homePage header .logo svg {
	fill: #fff;
	transition: 0.3s;
}
header #hbgBtn * {
	transition: 0.2s;
}
header #hbgBtn {
	width: 30px;
	height: 30px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	position: absolute;
	top: 22px;
	left: 22px;
	cursor: pointer; /*background-color:#efefef;*/
}
header #hbgBtn .bar {
	width: 100%;
	height: 1px;
	background-color: #333;
	position: relative;
	margin-top: 5px;
}
header #hbgBtn .bar::before,
header #hbgBtn .bar::after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #333;
	position: absolute;
	left: 0;
}
header #hbgBtn .bar::before {
	top: -6px;
}
header #hbgBtn .bar::after {
	top: 6px;
}
header #hbgBtn .title {
	font-size: 0.5rem;
	line-height: 1;
	text-align: center;
	font-weight: 500;
}
@-moz-document url-prefix() {
	header #hbgBtn .title {
		font-size: 10px;
	}
}

/*hbgBtn active*/
header #hbgBtn.active .bar {
	transform: rotate(45deg);
	margin-top: 10px;
}
header #hbgBtn.active .bar::before {
	top: 0;
	transform: rotate(90deg);
}
header #hbgBtn.active .bar::after {
	content: none;
}
header #hbgBtn.active .title {
	opacity: 0;
}
/*hbgBtn active*/

header + nav .navMenu {
	position: fixed;
	top: 74px;
	left: 0;
	width: 100%;
	height: calc(100vh - 70px);
	overflow-y: scroll;
	z-index: 10001;
	pointer-events: none;
	padding: 45px;
	/*仮*/
	background-color: #fff;
	opacity: 0;
	transition: 0.2s;
}
header + nav .navMenu .inWrap {
	width: 1200px;
	margin: 0 auto;
}
.navListBox {
	width: 100%;
}
.navListBox .boxTitle {
	margin-bottom: 30px;
	font-weight: 500;
}
header + nav .navMenu #innerCategory {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
header + nav .navMenu #innerCategory #majorCategoryCase {
	width: 100%;
	order: 0;
}
header + nav .navMenu #innerCategory #majorCategoryCase .title span {
	font-weight: 500;
}
.navListBox.left {
	width: 650px;
	order: 1;
}
.navListBox.right {
	width: 420px;
	order: 2;
}
.navListBox .topic {
	font-size: 0.85rem;
	margin-bottom: 13px;
	width: 210px;
}
header + nav .navMenu .navList {
	margin-bottom: 80px;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
header + nav.gNav.active .navMenu {
	opacity: 1;
	pointer-events: auto;
}

header + nav.gNav .navMenu #majorCategory {
	justify-content: space-between;
	width: 100%;
}
header + nav.gNav .navMenu #majorCategory .topic {
	width: 300px;
	text-align: center;
}
header + nav.gNav .navMenu #majorCategory .topic .pict img {
	/*margin-right:20px;*/
}
header + nav.gNav .navMenu #majorCategory .topic#kuhloneLink .pict img {
	width: 165px;
}
header + nav.gNav .navMenu #majorCategory .topic#kuhlmallLink .pict img {
	width: 177px;
}
header + nav.gNav .navMenu #majorCategory .topic .title {
	font-size: 1.2rem;
	font-weight: 500;
	height: 50px; /*background-color:#666;*/
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	position: relative;
}
header + nav.gNav.active .navMenu #majorCategory .topic .title::after {
	font-family: "Material Icons";
	content: "\e5e1";
	margin-left: 25px;
	font-size: 1rem;
	color: #9b9b9b;
}
header + nav.gNav.active .navMenu #majorCategory .topic .text {
	font-size: 0.6rem;
}
header + nav.gNav .navMenu .navList.bnrNav {
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #c4c4c4;
	margin-bottom: 20px;
	padding-bottom: 30px;
}
header + nav.gNav .navMenu .navList.bnrNav .topic {
	margin: 0 15px;
	width: 230px;
}

header + nav.gNav .navMenu .navList.gNavMenu {
	justify-content: center;
}
header + nav.gNav .navMenu .navList.gNavMenu .topic {
	margin: 0 50px;
	font-size: 0.85rem;
}

header + nav.gNav .navMenu .navList.snsIcons {
	justify-content: center;
	align-items: center;
}
header + nav.gNav .navMenu .navList.snsIcons .topic {
	margin: 0 12px;
}
header + nav.gNav .navMenu .navList.snsIcons .topic a {
	display: flex;
	align-items: center;
}

/*ハンバーガーメニュー再構築*/
header + nav.gNav #pcHbgMaenuList {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 32px;
}
header + nav.gNav #pcHbgMaenuList .topic {
	width: 270px;
	margin-right: 40px;
	margin-bottom: 38px;
	border: 1px solid #707070;
}
header + nav.gNav #pcHbgMaenuList .topic:nth-of-type(4n) {
	margin-right: 0;
}
header + nav.gNav #pcHbgMaenuList .topic a {
	display: block;
}
header + nav.gNav #pcHbgMaenuList .topic a .pict {
	height: 119px;
}
header + nav.gNav #pcHbgMaenuList .topic a .title {
	display: flex;
	width: 100%;
	height: 69px;
	font-size: 15px;
	font-weight: 400;
	padding-bottom: 8px;
	justify-content: center;
	align-items: center;
}
header + nav.gNav #pcHbgMaenuShopList {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 59px;
	margin-bottom: 20px;
	border-bottom: 1px solid #c4c4c4;
}
header + nav.gNav #pcHbgMaenuShopList .topic {
	width: 285px;
	height: 83px;
	margin-right: 20px;
	margin-bottom: 20px;
}
header + nav.gNav #pcHbgMaenuShopList .topic:nth-of-type(4n) {
	margin-right: 0;
}
header + nav.gNav #pcHbgMaenuShopList .topic a {
	display: flex;
	width: 100%;
	height: 100%;
}
header + nav.gNav #pcHbgMaenuShopList .topic a .left {
	display: flex;
	width: 128px;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	background-color: #1e1e1e;
	color: #fff;
	text-align: center;
	line-height: 1.5;
	font-size: 12px;
}
header + nav.gNav #pcHbgMaenuShopList .topic a .left .cap {
	display: block;
	width: 100%;
	text-align: center;
}
header + nav.gNav #pcHbgMaenuShopList .topic a .pict {
	width: 216px;
}

html.active {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100vw;
	height: 100vh;
	overflow: ;
}
/*ハンバーガーメニュー再構築*/

#floatNav {
	width: 54px;
	position: fixed;
	top: 75px;
	right: 0;
	z-index: 9000;
}
#floatNav .topic {
	margin-bottom: 1px;
	height: 80px;
}
#floatNav .topic a {
	display: flex;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	background-color: #1e1e1e;
	color: #fff;
	font-size: 0.6rem;
	text-align: center;
}
#floatNav .topic a:hover {
	background-color: #3a8cea;
	opacity: 1;
}
#floatNav .topic a .icon {
	width: 100%;
	text-align: center;
}
#floatNav .topic a .icon img {
	width: 50%;
	margin-bottom: 3px;
}
#floatNav .topic a .text {
	font-feature-settings: "palt";
	width: 100%;
	line-height: 1.2;
}
#floatNav .goTop {
	height: 36px;
	position: relative; /*cursor:pointer;*/
}
#floatNav .goTop a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #5a5959;
}
#floatNav .goTop a:hover {
	opacity: 0.5;
}
#floatNav .goTop::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	border: 2px solid transparent;
	border-left-color: #fff;
	border-top-color: #fff;
	transform: rotate(45deg) translate(-50%, 20%);
	position: absolute;
	top: 50%;
	left: 50%;
	pointer-events: none;
}
/*商談ボタン*/
#floatNav #shodanBtn.topic {
	position: fixed;
	bottom: 72px;
	right: 72px;
	width: 95px;
	height: 95px;
}
#floatNav #shodanBtn a {
	border-radius: 50%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	background: #3a8cea;
	color: #fff;
	width: 95px;
	height: 95px;
	transition: 0.3s;
}
#floatNav #shodanBtn a:hover {
	transform: scale(1.1, 1.1);
	opacity: 1;
}
#floatNav #shodanBtn a .icon {
	width: 30px;
	margin-bottom: 6px;
}
#floatNav #shodanBtn a .icon img {
	width: 100%;
}
#floatNav #shodanBtn a .text {
	width: 100%;
	font-size: 14px;
	text-align: center;
}

/* 2026.02.19 追加 */

#floatNav_b {
}

#floatNav_b .floatNav_b-upper {
	width: 840px;
	border: 1px solid #a0a0a0;
	border-bottom: none;
	position: fixed;
	bottom: 0px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 9000;
	background: #fff;
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
	padding: 20px;
	border-radius: 10px 10px 0 0;
	transition: 0.05s;
}
#floatNav_b .floatNav_b-upper .list {
	display: flex;
	justify-content: center;
	gap: 10px;
}
#floatNav_b .floatNav_b-upper .list > li {
	width: calc((100% - 20px) / 3);
}
#floatNav_b .floatNav_b-upper .list > li a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #e3e3e3;
	height: 44px;
}
#floatNav_b .floatNav_b-upper .list > li a:hover {
}

#floatNav_b .floatNav_b-upper .list > li.contact a {
	background: #3a8cea;
	color: #fff;
}
#floatNav_b .floatNav_b-upper .list > li.contact a:hover {
}
#floatNav_b .floatNav_b-upper .list > li a .icon {
	display: flex;
	align-items: center;
}
#floatNav_b .floatNav_b-upper .list > li a .text {
	font-size: 12px;
	font-weight: bold;
}

#floatNav_b .floatNav_b-lower {
	width: 40px;
	position: fixed;
	top: 75px;
	right: 0;
	z-index: 9000;
	transition: 0.05s;
	border: 1px solid #1e1e1e;
	border-right: none;
	background: #fff;
	border-radius: 3px 0 0 3px;
	overflow: hidden;
}
#floatNav_b .floatNav_b-lower .list {
	display: flex;
	flex-direction: column;
}
#floatNav_b .floatNav_b-lower .list > li {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 12px;
	line-height: 1;
}
#floatNav_b .floatNav_b-lower .list > li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 13px 0px;
	padding-right: 5px;
}
#floatNav_b .floatNav_b-lower .list > li a .text {
	line-height: 1;
}
#floatNav_b .floatNav_b-lower .list > li.estimateorder a {
	background: #1e1e1e;
	color: #fff;
}
#floatNav_b .floatNav_b-lower .list > li.estimateorder a:hover {
	background: #3a8cea;
	color: #fff;
	opacity: 1;
}
#floatNav_b .floatNav_b-lower .list > li.onlinestore {
}
#floatNav_b .floatNav_b-lower .list > li.onlinestore a:hover {
	background: #3a8cea;
	color: #fff;
	opacity: 1;
}
#floatNav_b .floatNav_b-lower .list > li.goTop {
	height: 27px;
	position: relative; /*cursor:pointer;*/
}
#floatNav_b .floatNav_b-lower .list > li.goTop a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #7c7c7c;
}
#floatNav_b .floatNav_b-lower .list > li.goTop::after {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	border: 2px solid transparent;
	border-left-color: #fff;
	border-top-color: #fff;
	transform: rotate(45deg) translate(-60%, 20%);
	position: absolute;
	top: 50%;
	left: 50%;
	pointer-events: none;
	transition: 0.2s;
}
#floatNav_b .floatNav_b-lower .list > li.goTop a:hover {
	opacity: 1;
}
#floatNav_b .floatNav_b-lower .list > li.goTop:hover::after {
	border-left-color: #1e1e1e;
	border-top-color: #1e1e1e;
}

/* 2026.02.19 追加 */

section .innerBlock {
	width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
}

footer {
	background: #1e1e1e;
	padding-bottom: 30px;
}
footer .innerBlock {
	width: 1200px;
	margin: 0 auto;
}
footer .innerBlock .navListBox {
}
footer .innerBlock .navListBox .footerMainNav {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 60px 0 0;
}
footer .navListBox .boxTitle {
	color: #fff;
}
footer .navListBox .navListCase {
	width: calc(100% / 7);
}
footer .navListBox .topic {
	font-size: 0.85rem;
	margin-bottom: 13px;
	width: auto;
}
footer .navList a {
	color: #fff;
	font-weight: 300;
}
footer .navList.snsIcons {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	margin-top: 60px;
	border-bottom: 1px solid #707070;
	padding-bottom: 20px;
}
footer .navList.snsIcons .topic {
	margin: 0;
	width: 50px;
}
footer .navList.snsIcons .topic a {
	display: flex;
	align-items: center;
	justify-content: center;
}
footer .navListBox .under {
	padding: 30px 0 60px;
}
footer .navListBox.under .logo {
	width: 145px;
}
footer .navListBox .navListCase.under {
	width: 100%; /*margin-bottom:50px;*/
}
footer .navListBox .navListCase.under .navList {
	display: flex;
	width: 100%;
}
footer .navListBox .navListCase.under .navList .topic {
	width: calc(100% / 7);
}
footer .navList .topic a .cap {
	margin-left: 10px;
}
footer .logo {
	width: 120px;
	margin: 0 auto 20px;
}
footer .under .text {
	color: #a7a7a7;
	font-size: 12px;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
footer .under .copyright {
	color: #fff;
	font-size: 0.65rem;
	font-weight: 300;
	width: 100%;
	text-align: center;
}
footer .linkText {
	text-decoration: underline;
	color: #a7a7a7;
}

.mainImageSec .innerBlock {
	width: 100%;
	padding: 0;
}
.mainImageSec .innerBlock .mainImage {
	height: 100%;
}
.mainImageSec .innerBlock .mainImage img {
	width: 100%;
	height: auto;
}

/*下層一般******************************************************/

.underStep .wrapper {
	margin-top: 74px;
	position: relative;
}
.underStep #pageTopSec {
	margin-bottom: 0;
}
.underStep #pageTopSec .innerBlock {
	padding: 15px 0 100px;
}
.underStep #pageTopSec.type-B .innerBlock {
	padding: 15px 0 0;
}
.underStep section {
	background-color: #fff;
	margin-bottom: 160px;
}
.underStep .blackSec {
	background-color: #1e1e1e;
}
.wrapper section:last-of-type {
	margin-bottom: 0;
}
.underStep section.mainImageSec {
	background-color: rgba(255, 255, 255, 0);
}

#bottomBtnSec {
	padding: 100px 0;
}
#bottomBtnSec .list {
	display: flex;
	justify-content: center;
}
#bottomBtnSec .list .btnType-4 {
	margin: 0 30px;
}
.flexBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flexBox.ali-L {
	justify-content: flex-start;
}
.flexBox.ali-C {
	justify-content: center;
}
.flexBox.ali-R {
	justify-content: flex-end;
}
.flexBox.wrap {
	flex-wrap: wrap;
}

/*見出し*/
.underStep .pageTitle {
	text-align: center;
	font-weight: 500;
}
.underStep .pageTitle .main {
	font-size: 29px;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 10px;
}
.underStep .pageTitle .main img {
	height: 29px;
}
.underStep .pageTitle .sub {
	font-size: 10px;
	font-weight: 500;
}

.underStep .bigHeader {
	font-size: 33px;
	font-weight: 500;
	margin-bottom: 20px;
}
.underStep .middleHeader {
	font-size: 32px;
	font-weight: 500;
}
.underStep .smallHeader {
	font-size: 25px;
	font-weight: 500;
}
.underStep .objHeader {
	font-size: 20px;
	font-weight: 500;
}
.underStep .objHeader.deco {
	position: relative;
	padding-left: 11px;
	font-weight: 500;
}
.underStep .objHeader.deco::before {
	content: "";
	display: block;
	width: 8px;
	background: #bebebe;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.secTitle.deco-01 {
	margin-bottom: 80px;
	font-weight: 500;
}
.secTitle.deco-01 .main {
	display: flex;
	justify-content: center;
	align-items: center;
}
.secTitle.deco-01 .main::before,
.secTitle.deco-01 .main::after {
	content: "";
	margin: 0 10px;
	display: inline-block;
	width: 8px;
	height: 1px;
	background-color: #333;
}
.secTitle.deco-02 {
	background-color: #f2f2f2;
	height: 60px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*本文*/
.underStep .text {
	line-height: 2;
}
.underStep .text-01 {
	font-size: 16px;
}
.underStep .text-02 {
	font-size: 15px;
}
.underStep .text-03 {
	font-size: 13px;
}
.underStep .text-04 {
	font-size: 11px;
}

/*パンくず*/
/*#breadcrumb{ display:flex; margin:0 auto 110px; width:1200px; }
#breadcrumb .topic{ height:11px; }
#breadcrumb .topic a{
    display:block; font-size:10px; color:#9B9B9B; line-height:1; height:11px; font-weight:500;
}
#breadcrumb .topic a::after{ content:'/'; margin:0 3px; }
#breadcrumb .topic:last-of-type a{ color:#333; }
#breadcrumb.nega .topic:last-of-type a{ color:#fff; }
#breadcrumb .topic:last-of-type a::after{ content:none; }*/

/*下層一般******************************************************/

.underStep .mainImageSec {
	height: 35vw;
	max-height: 500px;
	overflow: hidden;
	margin-bottom: 80px;
}
.underStep #pageTopSec.type-B + h2 + .mainImageSec {
	margin-bottom: 140px;
}
/*.contSec.fullWide .innerBlock{ width:100%; }*/
.paraImage {
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
}

.tempCorner .contBoxImage {
	height: 50vw;
}
.tempCorner .secTitle {
	margin-bottom: 80px;
}
.tempCorner .secTitle.deco-01 .main {
	font-size: 18px;
}
.tempCorner .contBox {
	background-color: #f2f2f2;
	padding: 110px 140px;
}
.tempCorner .contBox .innerBlock {
	display: flex;
	justify-content: space-between;
	padding: 0 45px;
}
.tempCorner .contBox .innerBlock .left {
	width: 400px;
	text-align: left;
}
.tempCorner .contBox .innerBlock .left .smallHeader {
	text-align: left;
	margin-bottom: 30px;
	line-height: 1.5;
}
.tempCorner .contBox .innerBlock .left .btnType-1 {
	margin: 0;
}
.tempCorner .contBox .innerBlock .right {
	width: 600px;
}

.alternateCorner .innerBlock {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0;
	position: relative;
	height: 620px;
	margin-bottom: 150px;
}
.alternateCorner .innerBlock:alast-of-type {
	margin-bottom: 0;
}
.alternateCorner .innerBlock .left {
	width: 50%;
	height: 100%;
}
.alternateCorner .innerBlock .left .pict {
	height: 100%;
}
.alternateCorner .innerBlock:first-of-type .left .pict img {
	object-position: 80% 0%;
}
.alternateCorner .innerBlock .right {
	width: 50%;
	padding-right: calc((100% - 1240px) / 2);
	padding-left: 100px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}
.alternateCorner .innerBlock:nth-of-type(even) .left {
	order: 1;
}
.alternateCorner .innerBlock:nth-of-type(even) .right {
	order: 0;
	padding-left: calc((100% - 1240px) / 2);
	padding-right: 100px;
}

.grayText {
	color: #4e4e4e;
}
.discHeader {
	display: flex;
	align-items: center;
	font-weight: 500;
}
.discHeader::before {
	content: "";
	display: block;
	border-radius: 50%;
	background-color: #333;
}
.redText {
	color: #f00;
}
.cap {
	font-size: 80%;
}

#leadSec {
	margin-bottom: 250px;
}
#leadSec .cont {
	width: 65%;
}
.conceptSec .smallHeader {
	text-align: center;
	margin-bottom: 30px;
}
.conceptSec .conceptText {
	width: 780px;
	margin: 0 auto;
}
.mainImageSec .innerBlock {
	height: 100%;
}

/*Stock Car - 特選中古車*/
.stockCarPage #pageTopSec .innerBlock {
	padding: 15px 0 60px;
}

.stockCarPage #leadSec {
	margin-bottom: 85px;
}
.stockCarPage.detailPage #leadSec {
	margin-bottom: 25px;
}
.stockCarPage #leadSec .cont {
	width: 100%;
	margin-bottom: 45px;
}
.stockCarPage #leadSec .cont .text {
	text-align: center;
}

/*#stockNav{ display:flex; justify-content:space-between; width:100%; margin-bottom:20px; }*/
/*#stockNav .topic{ width:calc((100% / 7) - 10px); height:37px }*/

.stockMakerBtn {
	position: relative;
	overflow: hidden;
	z-index: 5;
	border-radius: 18px;
}
.stockMakerBtn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: 1px solid #c4c4c4;
	font-size: 17px;
	font-weight: 700;
	border-radius: 18px;
	padding-bottom: 2px;
	overflow: hidden;
}
.stockMakerBtn.current a {
	background-color: #1e1e1e;
	color: #fff;
}
.stockMakerBtn a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -100%;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: #1e1e1e;
	transition: 0.2s;
	border-radius: 18px;
}
.stockMakerBtn a:hover {
	color: #fff;
	opacity: 1;
}
.stockMakerBtn a:hover::before {
	left: 0;
}

/*#dealerNav{ display:flex; justify-content:center; }*/
/*#dealerNav .topic{ margin:0 15px; }*/
/*#dealerNav .topic a{ color:#3A8CEA; font-weight:400; }*/
/*#dealerNav .topic.current a{*/
/*    text-decoration:underline; text-underline-offset: 1px;*/
/*}*/

.stockCarPage .secHeader {
	text-align: center;
	margin-bottom: 80px;
}
.stockCarPage .secHeader .main {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 10px;
}
.stockCarPage .secHeader .sub {
	font-size: 12px;
	font-weight: 300;
}

.stockCarPage #carList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1113px;
	margin: 0 auto;
}
.stockCarPage #carList .card {
	width: 535px;
	margin-bottom: 100px;
}
.stockCarPage #carList .card a:hover {
	opacity: 0.25;
}
.stockCarPage .spec .pict {
	margin-bottom: 20px;
}
.stockCarPage .spec .data .maker {
	font-size: 13px;
	margin-bottom: 0;
}
.stockCarPage.detailPage .spec .data .maker {
	font-size: 18px;
}
.stockCarPage .spec .data .name {
	font-size: 27px;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 15px;
}
.stockCarPage.detailPage .spec .data .name {
	font-size: 33px;
}
.newCar::after {
	content: "New!";
	font-size: 13px;
	color: #f00;
	margin-left: 8px;
}
.stockCarPage .spec .data .parts {
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 15px;
}
.stockCarPage.detailPage .spec .data .parts {
	font-size: 22px;
	line-height: 1.4;
}
.stockCarPage .spec .data .status-A {
	margin-bottom: 10px;
}
.stockCarPage.detailPage .spec .data .status-A {
	margin-bottom: 20px;
}
.stockCarPage .spec .data .status-A p {
	font-size: 15px;
	font-weight: 300;
}
.stockCarPage .spec .data .status-B {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.stockCarPage .spec .data .status-B .topic {
	width: 50%;
	display: flex;
	height: 32px;
}
.stockCarPage .spec .data .status-B .topic p {
	font-size: 16px;
	font-weight: 500;
}
.stockCarPage .spec .data .status-B .header {
	width: 100px;
}
.stockCarPage .spec .data .priceCase {
	display: flex;
	align-items: flex-end;
}
.stockCarPage .spec .data .priceCase p,
span {
	font-weight: 400;
}
.stockCarPage .spec .data .priceCase .header {
	font-size: 19px;
	padding-bottom: 5px;
}
.stockCarPage .spec .data .priceCase .header span {
	font-size: 14px;
}
.stockCarPage .spec .data .priceCase .price {
	font-size: 33px;
}

.stockCarPage .paging {
	margin: 80px 0 140px;
}

/**/
.paging {
	display: flex;
	align-items: center;
	justify-content: center;
}
.paging a,
.paging span {
	padding: 0 10px;
	color: #4e4e4e;
	font-weight: 300;
}
.startEdge {
	margin-right: 20px;
	display: flex;
	align-items: center;
}
.startEdge::before {
	font-family: "Material Icons";
	content: "\eac3";
	color: #999;
	margin-right: 5px;
	font-size: 1.6rem;
	line-height: ;
	padding-top: 2px;
}
.terminal {
	margin-left: 20px;
	display: flex;
	align-items: center;
}
.terminal::after {
	font-family: "Material Icons";
	content: "\eac9";
	color: #999;
	margin-left: 5px;
	font-size: 1.6rem;
	line-height: ;
	padding-top: 2px;
}
/**/

.stockCarPage.detailPage #breadcrumb {
	margin-bottom: 40px;
}
#canplateTypeSec {
	margin-bottom: 150px;
	width: 100%;
	height: 500px;
}
#canplateTypeSec .innerBlock {
	width: 100%;
	height: 100%;
	padding: 0;
}

/*ページネーション表示のための措置*/
#canplateTypeSec #completeDitaleSlider {
	height: 100%;
	background-color: #e6e4e4;
}
#canplateTypeSec #completeDitaleSlider .swiper-container,
#canplateTypeSec #completeDitaleSlider .swiper-pagination {
	display: none;
}
#canplateTypeSec #completeDitaleSlider.apeal .swiper-container,
#canplateTypeSec #completeDitaleSlider.apeal .swiper-pagination {
	display: block;
}
/*ページネーション表示のための措置*/

#canplateTypeSec .swiper-container {
	overflow: hidden;
	height: 100%;
}
#canplateTypeSec .swiper-container .swiper-slide .pict {
	height: 100%;
	text-align: center;
}
#canplateTypeSec .swiper-container .swiper-slide .pict img {
	height: 100%;
	width: auto;
}
#canplateTypeSec .innerBlock .swiper-pagination {
	bottom: -40px;
}
#canplateTypeSec .innerBlock .swiper-pagination span {
	font-weight: 500;
}
#canplateTypeSec .innerBlock .swiper-button-prev {
	top: calc(100% + 27px);
	left: 50%;
	transform: translateX(-140px);
}
#canplateTypeSec .innerBlock .swiper-button-prev::after {
	font-family: "Material Icons";
	content: "\e5cb";
	font-size: 1.8rem;
	line-height: 1;
	color: #6f6f6f;
}
#canplateTypeSec .innerBlock .swiper-button-next {
	top: calc(100% + 27px);
	right: 50%;
	transform: translateX(140px);
}
#canplateTypeSec .innerBlock .swiper-button-next::after {
	font-family: "Material Icons";
	content: "\e5cc";
	font-size: 1.8rem;
	line-height: 1;
	color: #6f6f6f;
}
#canplateTypeSec .carBlock {
	position: relative;
	height: 48vw;
	overflow: hidden;
	max-width: 100%;
}
#canplateTypeSec .carBlock .pict {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#canplateTypeSec .carBlock .pict img {
	transition: 0.5s;
	position: absolute;
	top: 0;
	left: 0;
}
#canplateTypeSec .carBlock.scaleUp .pict img {
	width: 120%;
	left: -10%;
}
#canplateTypeSec .carBlock .dateBoard {
	position: absolute;
	top: 55px;
	left: 80px;
	width: 340px;
	height: ;
	padding: 35px;
	background-color: #fff;
}
#canplateTypeSec .carBlock .dateBoard .title {
}
#canplateTypeSec .carBlock .dateBoard .title .main {
	font-size: 24px;
	margin-bottom: 5px;
	font-weight: 500;
}
#canplateTypeSec .carBlock .dateBoard .title .sub {
	font-size: 13px;
}
#canplateTypeSec .carBlock .dateBoard .btnType-1.cyanBtn {
	margin: 20px 0 0;
	position: relative;
}
#canplateTypeSec .carBlock .dateBoard .btnType-1.cyanBtn a {
	border: 1px solid #3a8cea;
	color: #3a8cea;
}
#canplateTypeSec .carBlock .dateBoard .btnType-1.cyanBtn a::before {
	content: "";
	background-color: #3a8cea;
}
#canplateTypeSec .carBlock .dateBoard .btnType-1.cyanBtn a:hover {
	color: #fff;
}
.carIdentity {
	display: inline-block;
	color: #f00;
	border: 1px solid #f00;
	border-radius: 4px;
	font-size: 13px;
	padding: 0 10px;
	margin-top: 12px;
	line-height: 1.6;
}

#conplatedateSec .productName {
	text-align: center;
	margin-bottom: 50px;
}
#conplatedateSec .productName .main {
	font-size: 36px;
	margin-bottom: 8px;
	font-weight: 500;
}
#conplatedateSec .productName .sub {
	font-size: ;
}

#conplatedateSec .flexCont {
	display: flex;
	justify-content: space-between;
	margin-bottom: 110px;
}
#conplatedateSec .flexCont:last-of-type {
	margin-bottom: 0;
}
#conplatedateSec .flexCont .left {
	width: 535px;
}
#conplatedateSec .flexCont .right {
	width: 50%;
}
#conplatedateSec .flexCont .left .price p {
	font-weight: 400;
}
#conplatedateSec .flexCont .price li {
	display: flex;
	align-items: flex-end;
	margin-bottom: 3px;
	font-size: 20px;
}
#conplatedateSec .flexCont .price .header {
	margin-right: 15px;
}
#conplatedateSec .flexCont .price .suji .strong {
	font-size: 32px;
	line-height: 1;
	font-weight: 400;
}
#conplatedateSec .flexCont .right .partsList {
	line-height: 1.5;
}
#conplatedateSec .flexCont .right .btnBlock div {
	margin-left: auto;
	margin-bottom: 15px;
}

.completecarPage .cornerHeader {
	font-weight: 500;
	font-size: 20px;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	width: 100%;
}
.completecarPage .cornerHeader::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 20px;
	background-color: #bebebe;
	margin-right: 5px;
}
#conplatedateSec .flexCont .block {
	margin-bottom: 30px;
	width: 90%;
}
#conplatedateSec .flexCont .block .title {
	font-weight: 500;
}
#conplatedateSec .flexCont .block .baseCarSpec {
	display: flex;
}
#conplatedateSec .flexCont .block .baseCarSpec p::after {
	content: "/";
	padding: 0 12px;
}

#conplatedateSec .flexCont .partsList {
	background-color: #f2f2f2;
	padding: 12px 14px;
	margin-bottom: 1px;
}
#conplatedateSec .flexCont#equipmentList {
	flex-wrap: wrap;
	justify-content: flex-start;
}
#conplatedateSec .flexCont#equipmentList .card {
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 30px;
}
#conplatedateSec .flexCont#equipmentList .card:nth-of-type(3n) {
	margin-right: 0;
}
#conplatedateSec .flexCont#equipmentList .card .pict {
	margin-bottom: 10px;
}
#conplatedateSec .flexCont .btnBlock {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0 auto 10px;
}
#conplatedateSec .flexCont .btnBlock .btnType-6,
#conplatedateSec .flexCont .btnBlock .btnType-7 {
	margin: 0 20px;
}

.stockCarPage .bottomBlock {
	margin: 100px 0 175px;
}
/*Stock Car - 特選中古車*/

/*著作線について*/
#copyrightSec .contBox {
	width: 812px;
	margin: 0 auto;
}
#copyrightSec .contBox .text {
	margin-bottom: 40px;
}
#copyrightSec .contBox .text:last-of-type {
	margin-bottom: 0;
}
.copyrightPage #bottomBtnSec {
	margin: 20px 0 30px;
}
/*著作線について*/

/*お問い合わせ*/
body.contactPage {
	overflow-x: hidden;
}
.contactPage #leadSec {
	margin-bottom: 50px;
}
.contactPage .progress {
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}
.contactPage .progress {
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}
.contactPage .progress li {
	padding: 0 10px 5px;
	margin: 0 10px;
	font-weight: 500;
}
.contactPage .progress li.current {
	border-bottom: 1px solid #bd0307;
}
.contactPage section .innerBlock {
	width: 600px;
	padding: 0;
}
.contactPage .linkText {
	color: #4887d0;
}

.contactPage section .topic {
	margin-bottom: 28px;
}
.contactPage section .topic .title {
	width: 100%;
	font-size: 15px;
	margin-bottom: 8px;
	font-weight: 500;
	color: #4e4e4e;
	display: flex;
	align-items: center;
}
.formSec .list .topic.need .title .needCution {
	font-size: 9px;
	display: inline-block;
	border: 1px solid #bd0307;
	line-height: 1;
	color: #bd0307;
	padding: 2px 4px;
	margin-left: 10px;
	border-radius: 3px;
	margin-bottom: ;
}
.formSec .list .topic .nameCase {
	display: flex;
}
.formSec .list .topic .nameCase:first-of-type {
	margin-right: 30px;
}
.formSec .list .topic .nameCase .header {
	display: inline-block;
	width: 35px;
	margin-right: 3px;
	background-color: #f2f2f2;
	font-size: 12px;
	color: #aaa;
	text-align: center;
	height: 40px;
	line-height: 40px;
}
.formSec .list .topic .nameCase input {
	height: 40px;
	width: 202px;
}
form .selectContainer {
	width: 330px;
	height: 40px;
	position: relative;
}
form .selectContainer .dropBtn {
	position: absolute;
	display: block;
	right: 12px;
	top: 45%;
	width: 0;
	height: 0;
	border: 4.5px solid transparent;
	border-top-color: #000;
	border-top-width: 6px;
	pointer-events: none;
	z-index: 5;
}
form select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	/*color:#f5f5f5;*/
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #f2f2f2;
	border: none;
	padding-left: 10px;
}
select.is-empty {
	color: #757575;
}
form select option {
	color: #333;
}
form select option:first-of-type {
	display: none;
}
form textarea,
form input[type="text"],
form input[type="email"],
form input[type="tel"] {
	background-color: #f2f2f2;
	width: 100%;
	padding: 0 10px;
}
form textarea {
	width: 100%;
	height: 180px;
}
form input[type="text"],
form input[type="email"],
form input[type="tel"] {
	height: 40px;
}
form #phone input[type="text"] {
	width: 330px;
}
form #postal input[type="text"] {
	width: 200px;
}

#confirmSec,
#sendSec {
	color: #4e4e4e;
}
.contactPage #bottomBtnSec {
	margin-bottom: 200px;
}
.contactPage #bottomBtnSec .btnCase {
	width: 100%;
	margin-top: 30px;
	display: flex;
	justify-content: center;
}
.contactPage .topic.aboutPrivacy {
	border: 1px solid #707070;
	padding: 18px 15px;
}
#sendSec .topic .btnType-7 {
	margin: 50px auto;
}
/*お問い合わせ*/

/*タブレット時************************************************/

/*タブレット時************************************************/

/*.pagination-container {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    padding-bottom: 50px;*/
/*}*/
/*   */
/*.pagination-number,*/
/*.pagination-button{*/
/*    font-size: 1.1rem;*/
/*    background-color: transparent;*/
/*    border: none;*/
/*    margin: 0.25rem 0.25rem;*/
/*    height: 2.5rem;*/
/*    width: 2.5rem;*/
/*    border-radius: .2rem;*/
/*    font-weight: bold;*/
/*}*/

/*.pagination-number:hover,*/
/*.pagination-button:not(.disabled):hover {*/
/*    background: #fff;*/
/*}*/

/*.pagination-number.active {*/
/*    color: #fff;*/
/*    background: #0085b6;*/
/*}*/

.hidden {
	display: none;
}