@charset "utf-8";

/*		Contents
---------------------------------------------------------------------------
	path（パンくず）
	widget_title（ページタイトル）
	widget_btn（ボタン）
	widget_entry（投稿詳細）
	content_showroom（コンテンツ：HIGUCHIのショールームへようこそ）
	content_contact（コンテンツ：ショールーム情報／お問い合わせ）
------------------------------------------------------------------------ */

/* ========================================================================
	path（パンくず）
======================================================================== */
.path{
	display:flex;
	flex-wrap:wrap;
	position:absolute;
	top:-164px;
	right:0;
	font-size:1.4rem;
	line-height:3.4rem;
}

.path a{
	display:block;
	position:relative;
	margin:0 34px 0 0;
	text-decoration:none;
}
.path a:hover{ text-decoration:underline; }

.path a::after{
	content:"";
	position:absolute;
	top:13px;
	right:-21px;
	border-style:solid;
	border-width:4px 0 4px 7px;
	border-color:transparent transparent transparent #262626;
}

@media screen and (max-width:767px){
.path{
	justify-content:flex-end;
	position:static;
	margin:-10px 0 40px 0;
}
}


/* ========================================================================
	widget_title（ページタイトル）
======================================================================== */
.widget_title{
	height:465px;
	background:url(../../img/common/bg_h1.png) no-repeat center bottom;
	background-size:cover;
}

.widget_title h1{
	width:1066px;
	margin:0 auto;
	padding:135px 0 0 0;
	color:#FFFFFF;
	line-height:1;
}

.widget_title h1 .ja{
	display:block;
	margin:0 0 12px 0;
	font-size:5.0rem;
	font-weight:700;
}

.widget_title h1 .en{
	display:block;
	font-size:2.0rem;
}

@media screen and (max-width:767px){
.widget_title{
	height:300px;
	background-position:left bottom;
}

.widget_title h1{
	width:auto;
	padding:110px 20px 0;
}

.widget_title h1 .ja{
	margin:0 0 10px 0;
	font-size:3.0rem;
	line-height:4.0rem;
}

.widget_title h1 .en{
	font-size:1.4rem;
}
}


/* ========================================================================
	widget_btn（ボタン）
======================================================================== */
.widget_btn{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:40px 50px;
	margin:0 0 80px 0;
}

.widget_btn a,
.widget_btn button{
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	min-width:322px;
	min-height:66px;
	padding:8px 64px;
	background:#262626;
	border:1px solid #707070;
	border-radius:33px;
	font-weight:700;
	color:#FFFFFF;
	line-height:2.4rem;
	text-decoration:none;
}

.widget_btn a::before,
.widget_btn button::before{
	content:"";
	position:absolute;
	top:0;
	right:28px;
	width:22px;
	height:100%;
	background:url(../../img/common/arrow.png) no-repeat center;
	background-size:22px;
}

@media screen and (max-width:767px){
.widget_btn{
	flex-direction:column;
	align-items:center;
	gap:20px 0;
	margin:0 0 40px 0;
}

.widget_btn a,
.widget_btn button{
	min-width:auto;
	width:100%;
	padding:8px 60px 8px 40px;
}

.widget_btn a::before,
.widget_btn button::before{
	right:20px;
	width:20px;
	background-size:20px;
}
}


/* ========================================================================
	widget_btn-left（ボタン-左寄せ）
======================================================================== */
.widget_btn-left{
	display:flex;
	flex-wrap:wrap;
	gap:40px 12px;
	margin:0 0 80px 0;
}

.widget_btn-left a,
.widget_btn-left button{
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	min-width:322px;
	min-height:66px;
	padding:8px 64px;
	background:#262626;
	border:1px solid #707070;
	border-radius:33px;
	font-weight:700;
	color:#FFFFFF;
	line-height:2.4rem;
	text-decoration:none;
}

.widget_btn-left a::before,
.widget_btn-left button::before{
	content:"";
	position:absolute;
	top:0;
	right:28px;
	width:22px;
	height:100%;
	background:url(../../img/common/arrow.png) no-repeat center;
	background-size:22px;
}

@media screen and (max-width:767px){
.widget_btn-left{
	flex-direction:column;
	align-items:center;
	gap:20px 0;
	margin:0 0 40px 0;
}

.widget_btn-left a,
.widget_btn-left button{
	min-width:auto;
	width:100%;
	padding:8px 60px 8px 40px;
}

.widget_btn-left a::before,
.widget_btn-left button::before{
	right:20px;
	width:20px;
	background-size:20px;
}
}


/* ========================================================================
	widget_entry（投稿詳細）
======================================================================== */
.widget_entry .aligncenter{ display:block; margin:0 auto 80px; border-radius:5px; }
.widget_entry .alignright{ float:right; margin:0 0 0 80px; border-radius:5px; }
.widget_entry .alignleft{ float:left; margin:0 80px 0 0; border-radius:5px; }

.widget_entry{
	padding:0 50px 100px;
}

.widget_entry .wp-video{
	margin:0 auto;
}

.widget_entry h2{
	margin:0 0 60px 0;
	padding:0 0 24px 0;
	background:url(../../img/common/bg_h2.png) no-repeat center bottom;
	background-size:67px 4px;
	text-align:center;
	font-size:3.5rem;
	font-weight:700;
	line-height:5.5rem;
}

.widget_entry h3{
	display:inline-block;
	margin:0 0 60px 0;
	padding:10px 50px 11px;
	border:2px solid #262626;
	font-size:2.5rem;
	font-weight:700;
	line-height:4.5rem;
}

.widget_entry h4{
	display:inline-block;
	position:relative;
	margin:0 0 60px 0;
	padding:0 10px 10px 70px;
	border-bottom:2px solid #262626;
	font-size:2.0rem;
	font-weight:700;
	line-height:3.6rem;
}

.widget_entry h4::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:55px;
	height:36px;
	background:url(../../img/common/bg_h4.png) no-repeat 2px top;
	background-size:53px 36px;
}

.widget_entry h5{
	display:inline-block;
	position:relative;
	margin:0 0 60px 0;
	padding:0 10px 10px 22px;
	border-bottom:1px dashed #262626;
	font-weight:700;
}

.widget_entry h5::before{
	content:"";
	position:absolute;
	top:15px;
	left:0;
	width:12px;
	height:2px;
	background:#262626;
}

.widget_entry p{
	margin:0 0 80px 0;
}

.widget_entry p::after{
	content:"";
	display:block;
	clear:both;
}

.widget_entry ul,
.widget_entry ol{
	margin:0 0 50px 0;
	counter-reset:number;
}

.widget_entry ul li,
.widget_entry ol li{
	position:relative;
	padding:0 0 30px 60px;
	background:url(../../img/common/icon_list.png) no-repeat left 2px;
	background-size:37px 27px;
	font-weight:500;
}
.widget_entry ol li{ background:none; }

.widget_entry ol li:before{
	counter-increment:number;
	content:counter(number, decimal-leading-zero)".";
	position:absolute;
	top:4px;
	left:0;
	width:60px;
	font-family:"Ubuntu", sans-serif;
	font-size:2.5rem;
	font-weight:500;
	font-style:italic;
	line-height:1;
}

.widget_entry table{
	margin:0 0 80px 0;
	border-collapse:separate !important;
	border-spacing:25px 0;
}

.widget_entry table th{
	width:260px !important;
	padding:30px 0;
	border:none;
	border-bottom:1px solid #555555;
	text-align:left;
	font-weight:700;
	white-space:nowrap;
}
.widget_entry table tr:first-child th{ border-top:1px solid #555555; }

.widget_entry table td{
	width:auto !important;
	padding:30px 0;
	border:none;
	border-bottom:1px dashed #555555;
}
.widget_entry table tr:first-child td{ border-top:1px dashed #555555; }

@media screen and (max-width: 767px){
.widget_entry .aligncenter,
.widget_entry .alignright,
.widget_entry .alignleft{
	display:block;
	float:none;
	margin:0 auto 40px;
}

.widget_entry{
	padding:0 0 40px 0;
}

.widget_entry h2{
	margin:0 0 30px 0;
	font-size:2.5rem;
	line-height:4.5rem;
}

.widget_entry h3{
	margin:0 0 30px 0;
	padding:10px 20px;
	font-size:2.0rem;
	line-height:3.6rem;
}

.widget_entry h4,
.widget_entry h5{
	margin:0 0 30px 0;
}

.widget_entry p{
	margin:0 0 40px 0;
}

.widget_entry ul,
.widget_entry ol{
	margin:0 0 20px 0;
}

.widget_entry ul li,
.widget_entry ol li{
	padding-bottom:20px;
}

.widget_entry table{
	margin:0 0 40px 0;
	border-collapse:collapse !important;
}

.widget_entry table th{
	display:block;
	width:100% !important;
	padding:12px 0;
	border-bottom:none;
}

.widget_entry table td{
	display:block;
	padding:12px 0;
	border-top:1px dashed #555555;
	border-bottom:1px solid #555555;
}
}


/* ----------------------------------------
	column2 / column3
---------------------------------------- */
.widget_entry .column2,
.widget_entry .column3{
	display:flex;
	justify-content:space-between;
	margin:0 0 40px 0;
}

.widget_entry .column2 .block{
	width:494px;
}
.widget_entry .column3 .block{
	width:300px;
}

.widget_entry .column2 .block img,
.widget_entry .column3 .block img{
	margin:0;
	border-radius:5px;
}
.widget_entry .column2 .block > img,
.widget_entry .column3 .block > img{
	margin-bottom:40px;
}

.widget_entry .column2 h2, .widget_entry .column2 h3,
.widget_entry .column2 h4, .widget_entry .column2 h5,
.widget_entry .column2 p,
.widget_entry .column2 ul, .widget_entry .column2 ol,
.widget_entry .column2 .widget_btn,
.widget_entry .column3 h2, .widget_entry .column3 h3,
.widget_entry .column3 h4, .widget_entry .column3 h5,
.widget_entry .column3 p,
.widget_entry .column3 ul, .widget_entry .column3 ol,
.widget_entry .column3 .widget_btn{
	margin:0 0 40px 0;
}

@media screen and (max-width: 767px){
.widget_entry .column2,
.widget_entry .column3{
	display:block;
	margin:0;
	padding:0 0 20px 0;
}

.widget_entry .column2 .block,
.widget_entry .column3 .block{
	width:auto;
}

.widget_entry .column2 .block img,
.widget_entry .column3 .block img{
	display:block;
	margin:0 auto;
}
.widget_entry .column2 .block > img,
.widget_entry .column3 .block > img{
	margin-bottom:20px;
}

.widget_entry .column2 h2, .widget_entry .column2 h3,
.widget_entry .column2 h4, .widget_entry .column2 h5,
.widget_entry .column2 p,
.widget_entry .column2 ul, .widget_entry .column2 ol,
.widget_entry .column2 .widget_btn,
.widget_entry .column3 h2, .widget_entry .column3 h3,
.widget_entry .column3 h4, .widget_entry .column3 h5,
.widget_entry .column3 p,
.widget_entry .column3 ul, .widget_entry .column3 ol,
.widget_entry .column3 .widget_btn{
	margin:0 0 20px 0;
}
}


/* ========================================================================
	content_showroom（コンテンツ：HIGUCHIのショールームへようこそ）
======================================================================== */
.content_showroom{
	position:relative;
}

.content_showroom .inner{
	height:650px;
	padding:180px 0 0 0;
	text-align:center;
	color:#FFFFFF;
}

.content_showroom h2{
	margin:0 0 30px 0;
	text-align:center;
	font-size:2.0rem;
	font-weight:700;
	line-height:1;
}

.content_showroom p{
	line-height:3.5rem;
}

.content_showroom p.lead{
	margin:0 0 30px 0;
	line-height:1;
}

.content_showroom p.lead > span{
	display:block;
	font-size:8.0rem;
}

.content_showroom p.lead .ja{
	margin:4px 0 0 0;
	font-size:3.0rem;
	font-weight:700;
}

@media screen and (max-width: 767px){
.content_showroom .inner{
	height:auto;
	padding:60px 20px 86px;
}

.content_showroom h2{
	margin:0 0 20px 0;
	line-height:3.0rem;
}

.content_showroom p.lead{
	margin:0 0 20px 0;
}

.content_showroom p.lead > span{
	font-size:5.0rem;
}

.content_showroom p.lead .ja{
	margin:10px 0 0 0;
	font-size:2.0rem;
	line-height:3.0rem;
}
}


/* ----------------------------------------
	splide
---------------------------------------- */
.content_showroom .splide{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:calc(100% - 340px);
}

.content_showroom .splide__track{
	height:100%;
}

.content_showroom .splide__slide img{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	object-fit:cover;
	transform:translate(-50%, -50%);
}

.content_showroom .splide__pagination{
	gap:0 24px;
	bottom:24px;
	padding:0;
}

.content_showroom .splide__pagination__page{
	display:block;
	width:40px;
	height:2px;
	margin:0;
	background:#FFFFFF;
	border-radius:0;
	opacity:1;
	transition:all 0.2s 0s linear;
}
.content_showroom .splide__pagination__page:hover,
.content_showroom .splide__pagination__page.is-active{
	background:#D53E00;
	opacity:1;
	transform:none;
}

@media screen and (max-width: 767px){
.content_showroom .splide{
	height:calc(100% - 200px);
}

.content_showroom .splide__pagination{
	gap:0 20px;
}
}


/* ----------------------------------------
	map
---------------------------------------- */
.content_showroom .map iframe{
	width:100%;
}

@media screen and (max-width: 767px){
.content_showroom .map iframe{
	height:200px;
}
}


/* ========================================================================
	content_contact（コンテンツ：ショールーム情報／お問い合わせ）
======================================================================== */
.content_contact{
	padding:150px 0 100px 0;
	text-align:center;
}

.content_contact h2{
	margin:0 0 40px 0;
	line-height:1;
}

.content_contact h2 > span{
	display:block;
	font-size:3.0rem;
	font-weight:700;
}

.content_contact h2 span.en{
	margin:14px 0 0 0;
	font-size:2.8rem;
}

.content_contact p{
	margin:0 0 60px 0;
	font-weight:700;
	line-height:3.5rem;
}

@media screen and (max-width: 767px){
.content_contact{
	padding:60px 0;
}

.content_contact h2{
	margin:0 0 20px 0;
}

.content_contact h2 > span{
	font-size:2.4rem;
	line-height:3.4rem;
}

.content_contact h2 span.en{
	margin:5px 0 0 0;
	font-size:2.0rem;
}

.content_contact p{
	margin:0 0 30px 0;
}
}


/* ----------------------------------------
	box
---------------------------------------- */
.content_contact .box{
	width:760px;
	margin:0 auto;
	padding:24px 66px 30px;
	background:#F7F7F7;
}

.content_contact .box table{
	text-align:left;
}

.content_contact .box table tr{
	border-bottom:1px solid #E5E5E5;
}
.content_contact .box table tr:last-child{
	border:none;
}

.content_contact .box table th{
	width:160px;
	padding:20px 0;
	font-weight:700;
	line-height:2.7rem;
}

.content_contact .box table td{
	padding:20px 0;
	font-size:1.7rem;
	line-height:2.7rem;
}

@media screen and (max-width: 767px){
.content_contact .box{
	width:auto;
	padding:10px 20px;
}

.content_contact .box table th{
	width:100px;
	padding:15px 0;
	line-height:2.6rem;
}

.content_contact .box table td{
	padding:15px 0;
	font-size:1.6rem;
	line-height:2.6rem;
}
}