@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html {
	width:100%;
	min-width:1280px;

	overflow-x: hidden;
}
body {
	width: 100%;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-text-size-adjust: none;
	-webkit-user-select: default;
	font-family: 'Noto Sans JP', sans-serif;
	/*text-shadow: 0 1px 1px #000000;*/
	font-size: 18px;
	color:#3C3C3C;
	min-width:1280px;
	
	background-color:#ffffff;
}

ul,
p,
h3,
form,
figure {
	margin: 0;
	padding: 0
}
input {
	outline: none
}
li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-indent: 0
}
a {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover {
	color: #C6311D;
}

a img {
	border: none
}

.fbox {
	zoom: 100%;
}

.fbox:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

sup {
	position:relative;
	top:-1.1em;
	_top:0px;
	font-size:60%;
}

.hd {
	text-indent:-9999px;
}

.alpb {
	font-family: 'Lato', sans-serif;
	letter-spacing:0.1em !important;
}

.number {
	font-family: Helvetica Neue, Arial, sans-serif;
}

.nowrap {
	word-break: keep-all;
}

.opa60 {
	opacity:1;
}

.opa60:hover {
	opacity:0.6;
}

.disabled.opa60:hover {
	opacity:1 !important;
}

/* wpentry */
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

.aligncenter {
    display: block;
    margin: 20px auto;
}
.alignright {
	float: right;
	margin: 0 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

/* common */

.fs_xxxxl {
	font-size: 128px;
	font-weight: 900;
	line-height:1.32em;
}

.fs_xxxl {
	font-size: 90px;
	font-weight: 900;
	line-height:1.32em;
	letter-spacing: 0.05em;
}

.fs_xxl {
	font-size: 78px;
	font-weight: bold;
	line-height:1.32em;
	letter-spacing: 0;
}

.fs_xl {
	font-size: 52px;
	font-weight: bold;
	line-height:1.8em;
	letter-spacing: 0.12em;
}

.fs_big {
	font-size: 35px;
	font-weight: bold;
	line-height:1.8em;
	letter-spacing: 0.12em;
}

.fs_large {
	font-size: 28px;
	font-weight: bold;
	line-height:2em;
	letter-spacing: 0.1em;
}

.fs_mid {
	font-size: 25px;
	font-weight: bold;
	line-height: 1.8em;
	letter-spacing: 0.1em;
}

.fs_normal {
	font-size: 20px;
	font-weight: normal;
	line-height:1.8em;
	letter-spacing: 0;
}

.fs_ns2 {
	font-size: 19px;
	font-weight: normal;
}

.fs_ns {
	font-size: 16px;
	font-weight: normal;
	line-height:1.8em;
}

.fs_small {
	font-size: 13px;
	font-weight: normal;
	line-height: 1.8em;
}

.fs_ss {
	font-size: 10px;
	font-weight: normal;
	line-height:2.2em;
}

.fs_xs {
	font-size: 13px;
	font-weight: normal;
	line-height:1.6em;
}

.fs_xxs {
	font-size: 12px;
	font-weight: normal;
	line-height:1.6em;
}

.fc_white {
	color:#FFFFFF;
}

.fc_orange {
	color:#FFB100;
}

.fc_lightgray {
	color:#DEDEDE;
}

.fc_blue {
	color:#00c2f5;
}

.fc_brown {
	color:#9B6E46;
}

.ul {
	border-bottom: 1px solid #42454a;
}

.ul2 {
	border-bottom: 2px solid #42454a;
}

.bd3 {
	border:3px solid #000;
}

.rad6 {
	border-radius:6px;
}

.center {
	text-align: center;
}
.strong {
	font-weight:bold;
}

.fw_normal {
	font-weight:normal;
}

/* margins and padding */
.mt40 { margin-top:40px; }
.mt60 { margin-top:60px; }
.mb40 { margin-bottom:40px; }
.mb60 { margin-bottom:60px; }
.pt100 {padding-top:100px; }
.pb100 {padding-bottom:100px; }

/* width */
.w960 {
	width:960px;
}

.w1020 {
	width:1020px;
}

.center_content {
	margin-left: auto;
	margin-right:auto;
}

.center_content.w1020 {
	padding-left:calc((100vw - 1020px)/2);
	padding-right:calc((100vw - 1020px)/2);
}

.nobr {
	word-break: keep-all;
}

/* contents */

.bg_blue {
	background-color:#00c2f5;
}

.bg_gray {
	background-color:#1f1f1f;
}

.bg_white {
	background-color:#FFFFFF;
}

.bg_lightblue {
	background-color:#ebfbff;
}

.bg_darkgray {
	background-color:#3C3C3C;
}

.bg_lightgray {
	background-color:#F7F7F7;
}

.bg_lightbrown {
	background-color:#ECE0CA;
}

/* content */

header {
	position:fixed;
	top:0;
	width:100%;
	height:80px;
	min-width:1200px;
	z-index:180;
	background-color:#1F1F1F;
	box-shadow: 0px 10px 4px -8px rgba(0, 0, 0, 0.35);
}

header > div.frame_box {
	margin: 0 auto 0 auto;
	position: relative;
}

header #logo_kibari {
	background-image:url(../images/kibari-logo-wh.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center center;
	width:146px;
	height:36px;
	display:block;
	position:absolute;
	left:calc(50vw - 73px);
	top:22px;
}

header a {
	position:absolute;
	right:0;
	top:calc((120px - 1em)/2);
	line-height:1em !important;
	height:1em;
	display:block;
}

h1 {
	text-align:center;
	position:relative;
	line-height:1em !important;
	display:block;
}

header h1 {
	padding-top:calc( (100px - 1em)/2 );
}

#bt_header_badge {
	position:absolute;
	width:164px;
	height:212px;
	top:103px;
	right:2vw;
	display:none;
	color:#FFF;
}

#bt_header_badge #bt_circle {
	background-color:#C6311D;
	border-radius:50%;
	display:block;
	width:164px;
	height:164px;
	text-align:center;
	padding-top:35px;
	box-sizing: border-box;
}

#bt_circle .txt {
	line-height:1.5em;
}

#bt_circle .txt:nth-child(1) {
	margin-top:0px;
}

#bt_circle .txt:nth-child(3) {
	border-top:1px solid #FFF;
	padding:10px 0 0 0;
	margin: 10px 15px 5px 15px;
}

#bt_circle .txt:nth-child(4) {
	font-size:90%;
	margin-bottom:5px;
}

#bt_header_badge #pic_catalog {
	background:url(../images/catalog@4x.png) center center no-repeat;
	background-size:contain;
	
	display:block;
	width:90px;
	height:80px;
	position:absolute;
	top:-50px;
	left:0;
	right:0;
	margin:0 auto;
}

.ic_arrow_down {
	width:12px;
	height:10px;
	background:url(../images/ic_arrow_down.png) center center no-repeat;
	background-size:contain;
	margin:0 auto;
}

/* door */

section#door {
	margin-top:80px;
	/*
	background:url(../images/old/pic_top.jpg) center 20px no-repeat;
	background-size:cover;
	background-attachment: fixed;
	*/
	width:100%;
	height:calc(100vh - 84px);
	overflow:hidden;
	position:relative;
	border-bottom:4px solid #C6311D;
}

section#door #slide,
section#door #slide_sp {
	width:100%;
}

section#door #slide li,
section#door #slide_sp li {
	width:100%;
	height:calc(100vh - 84px);
	display:block;
	
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

a#scrolldown {
	width:38px;
	height:28px;
	display:block;
	background:url(../images/ic_scroll.png) center center no-repeat;
	background-size:contain;
	position:absolute;
	bottom:40px;
	left:calc((100% - 38px)/2);
	cursor:pointer;
}

/* menu */
ul#menu {
	display:block;
	position:absolute;
	left:2vw;
	top:4vw;
}

ul#menu li {
	padding-bottom:20px;
	padding-top:20px;
}

ul#menu li.line {
	padding:0;
	height:1px;
	width:1.6vw;
	background-color:#FFF;
}

ul#menu li a {
	color:#FFFFFF;
}

ul#menu li.on a,
ul#menu li a:hover {
	color:#C6311D;
}

ul#menu li a div:first-child {
	line-height:1.4em;
}

ul#menu li a div:last-child {
	padding-left:1.6em;
}

#door_title {
	position:absolute;
	width:500px;
	height:203px;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
}

#door_title h1 {
	margin-bottom:56px;
	line-height:1em;;
}

#door_title #door_logo {
	width:506px;
	height:123px;
	background-image:url(../images/logo_kibari_pc.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center center;
}

#door_cover {
	position:absolute;
	background-color:#CCCCCC;
	width:100%;
	height:calc(100vh - 84px);
	top:0;
	left:0;
	mix-blend-mode: multiply;
}

/* sns share buttons */
#door_share_buttons {
	position:fixed;
	right:4vw;
	bottom:40px;
}

/* content */
section h1 + h2 {
	margin-top:10px;
}

/* content:about */

#about {
	padding-top:100px;
}

#about img#pic_wood {
	width:60vw;
	height:24vw;
}

/* content:view_exterior */
#view_exterior {
	display:block;
	padding:140px 0;
}

ul#carousel01 {
	width:100%;
	height:400px;
	overflow:hidden;
}

ul#carousel01 li {
	width:587px;
	height:400px;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
}

ul#carousel01 li img {
	height:100%;
}

#concept {
	padding-bottom:100px;
}

#concept div#pic_concept {
	width:80vw;
	height:21.8vw;
	background:url(../images/showroom/pic_concept_v02.jpg) no-repeat;
	background-size:contain;
	background-position:center center;
	margin:50px auto;
	
}

/* content:lifestyle */
#lifestyle {
	padding:100px 0;
}

#lifestyle h1 + h2 {
	margin-top:10px;
}

.ic_ig_white {
	width:0.9em;
	height:0.9em;
	background:url(../images/ic_instagram_white.png) center center no-repeat;
	background-size:contain;
	display:inline-block;
	margin-left:0.4em;
}

.insta_reel {
	width:86vw;
	margin:50px auto;
}

.insta_reel li {
	display:block;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

.insta_reel li a img {
	width:calc((86vw - 45px)/4);
	height:calc((86vw - 45px)/4);
	display:block;
}

.insta_reel li:nth-child(4n) {
	margin-right:0;
}

.insta_reel li:nth-child(5 + n) {
	margin-bottom:0;
}

/* content: secret */
#secret01,
#secret02,
#secret03 {
	padding:100px 0;
}

#secret01body h3.alpb,
#secret02body h3.alpb,
#secret03body h3.alpb {
	display:inline;
	vertical-align:middle;
}

#secret01body h3 + h4,
#secret02body h3 + h4,
#secret03body h3 + h4 {
	display:inline;
	vertical-align:middle;
	margin-left:20px;
}

.twopanes {
	padding:100px 8vw 0px 8vw;
}

.twopanes .text {
	line-height:2.2em;
}

.twopanes .left {
	width:40%;
	margin-right:10%;
	float:left;
	text-align:left;
}

.twopanes .left .text,
.twopanes .right .text  {
	margin-top:60px;
}

.twopanes .left .text p + p {
	margin-top:1em;
}

.twopanes .right {
	width:50%;
	float:left;
	text-align:left;
}

.twopanes .left img,
.twopanes .right img {
	width:100%;
	display:block;
}

#view_specials {
	margin:60px 0 30px 0;
}

#secret02 {
	padding-top:0;
}

#secret03,
#secret03body {
	padding-top:0;
}

#secret02 .twopanes .left {
	width:50%;
	float:right;
}

#secret02 .twopanes .right {
	width:40%;
	float:right;
}



ul#carousel02,
ul#carousel03 {
	width:86vw;
	height:280px;
	margin-bottom:5px;
	overflow:hidden;
	margin:0 auto 5px auto;
}

ul#carousel02 li,
ul#carousel03 li {
	width:280px;
	height:280px;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
	margin-right:5px;
}

ul#carousel02 li img,
ul#carousel03 li img {
	height:100%;
	width:280px;
	height:280px;
	display:block;
	opacity:0.5;
}

#land {
	padding:100px 0;
}

#land > h2 {
	margin-top:1em;
}

/* content:area */
#area {
	padding:100px 8vw;
}

#area #map {
	margin-top:50px;
	height:600px;
	background:url(../images/pic_area04.jpg) center center no-repeat;
	background-size: contain;
}

#area h2 + div {
	margin-top:50px;
}

/* content:view_studio */
#view_studio {
	display:block;
	padding:140px 0 0 0;
}

ul#carousel04 {
	width:100%;
	height:400px;
	overflow:hidden;
	margin-top:30px;
}

ul#carousel04 li {
	width:587px;
	height:400px;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
}

ul#carousel04 li img {
	height:100%;
}

/* content:download */

#download {
	padding:100px 8vw;
}

#download h2 + div {
	margin-top:50px;
}

#download > img {
	margin: 100px auto 50px auto;
	max-width:100%;
}

#dl_photo {
	width:100%;
	margin:50px 0 0 0;
}

#dl_photo li {
	float:left;
	margin-right:40px;
	display:block;
	width:calc((100% - 80px)/3);
}

#dl_photo li:last-child {
	margin-right:0;
}

#dl_photo li img {
	width:100%;
	height:auto;
	display:block;
}

.button {
	padding:20px 0;
	text-align:center;
	width: 80%;
	display:block;
	margin: 50px auto;
}

#dl_photo + div {
	margin-top:50px;
}


/* form */

#contact {
	padding-top:100px;
	text-align:center;
	padding-bottom:100px;
}

#contact h1 + h2 {
	margin-top:20px;
}

#contact h2 + div {
	margin-top:50px;
}

#contact h2 + div + div {
	margin-top:30px;
}

#radio_text07 {
	margin-bottom:40px;
}

#radio_text08 {
	margin-bottom:40px;
}

#contact form {
	width:600px;
	text-align:left;
	margin-top:100px;
	display:block;
	margin: 0 auto;
	margin-top:2em;
}

#contact form label div {
	font-size: 18px;
	font-weight:bold;
}

#contact form input[type=checkbox] {
	width:1.2em;
	height:1.2em;
	vertical-align:middle;
}

#contact form select, form option {
	padding : 6px 12px;
	border-radius:3px;
}

#contact input[type=text],
#contact input[type=tel],
#contact input[type=email] {
	width:calc(100% - 18px);
	padding: 4px 8px;
	
}

#contact form label {
	margin-bottom:1em;
	display:block;
}

#contact form textarea {
	width:calc(100% - 18px);
	padding:4px 8px;
	height:5em;
	resize:none;
	border:2px solid #000;
}

#contact form input[type=submit] {
	background-color:#3C3C3C;
	padding:20px 0;
	width:100%;
	border:none;
	margin-top:20px;
	margin-bottom:20px;
	cursor:pointer;
	border-radius:6px;
	color:#FFFFFF;
}

form .ic_req {
	background-color:#C6311D;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding:2px 4px;
	border-radius:2px;
	margin-left:10px;
}


.wpcf7 .ajax-loader {
	margin: 5px auto 0 auto !important;
	display:block;
}


/* contactform end */

.security {
	margin-top:20px;
	text-align:center;
}

.pp {
	text-align:center;
}

footer {
	padding: 100px 0 40px 0;
	
	text-align:center;
	font-weight:bold;
}

footer #footer_logo {
	width:270px;
	height:102px;
	display:block;
	background-image:url(../images/sr2/footer-intro@3x.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center center;
	margin:80px auto 60px auto;
}

footer h1 + h2 {
	margin-top:20px;
}

footer #footer_url {
	margin:50px 0 40px 0;
}

footer #trademark {
	margin-bottom:20px;
}




/* for contact form 7 */
.screen-reader-response {
	color:#D60505;
	text-align:center;
	margin-bottom:10px;
	font-size:24px;
	font-weight:bold;
}
.wpcf7-validation-errors {
	text-align:center;
	color:#D60505;
}

.screen-reader-response ul {
	display:none;
}

.wpcf7-not-valid-tip,
.wpcf7-spam-blocked {
	color:#D60505;
}

.wpcf7-response-output {
	margin-top:10px;
	text-align:center;
	color:#D60505;
}

/* google recaptcha badge removing */
/*.grecaptcha-badge{
	visibility: collapse !important;
}*/


/* mask */
#mask {
	background-color:#000;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	display:block;
	z-index:110;
	
	display:none;
}

/* modalwindow */

.bt_modal { cursor:pointer; }

.modal {
	width:100%;
	background-color:rgba(0,0,0,0.95);
	margin-bottom:0;
	position:absolute;
	top:80px;
	left:0;
	z-index:170;
	display:none;
}

.modal .modalheader {
	position:relative;
	height:50px;
	width:100%;
}

.modal .bt_close {
	width:4em;
	text-align:right;
	line-height:18px;
	height:18px;
	display:block;
	background-image:url(../images/sr2/ic_x.svg);
	background-size: contain;
	background-position: right center;
	background-repeat:no-repeat;
	position:fixed;
	right:20px;
	top:100px;
	padding-right:25px;
	color:#FFFFFF;
}

.modal_content {
	padding:50px;
}

.modal #ig_photo {
	float:left;
}

.modal #ig_photo img {
	width:40vw;
	height:40vw;
	display:block;
	margin-left:2vw;
}

.modal #ig_text {
	float:left;
	width:calc(44vw - 250px);
	margin-left:50px;
	padding-right:20px;
	height:70vh;
	overflow-y:auto;
}

.modal #ig_name_box a {
	color:#FFFFFF;
	font-weight:bold;
}



.modal_image {
	width:100%;
	height:157px;
	height:307px;
	background-size:contain;
	background-repeat:no-repeat;
}

.modal .lined_title {
	background-image:url(../images/old/bd_center_gray.png);
	background-position: center center;
	background-repeat:repeat-x;
	background-size: 2px 2px;
	margin:5px 0;
	width:100%;
	text-align:center;
}

.modal .lined_title span {
	background-color:#ebfbff;
	padding:0 5px;
}

.modal_contact {
	padding-bottom:0;
}

.modal .title {
	padding: 0 10px;
	line-height:1.2em;
	text-align:center;
}

.modal .date {
	text-align:center;
}

.modal alpb {
	font-size:140%;
	font-weight:bold;
}

.modal .requirement {
	border: 2px solid #00c2f5;
	padding:15px;
	text-align:center;
	color:#00c2f5;
	line-height:1.4em;
}

.modal .requirement span {
	line-height:1.2em;
}

.modal .modal_contact {
	width:100%;
	position:relative;
}

.modal form label {
	width:100%;
	margin-bottom:10px;
	display:block;
}

.modal form label div {
	font-size:14px;
	width:100%;
	font-weight:bold;
}

.modal input[type=text],
.modal input[type=tel],
.modal input[type=email] {
	width:calc(100% - 18px);
	padding: 4px 8px;
	margin:5px 0;
}

.modal form textarea {
	width:calc(100% - 18px);
	height:6em;
	padding: 4px 8px;
	resize:none;
}

.modal form input[type=submit] {
	background-color:#00c2f5;
	width:100%;
	border:none;
	margin-top:20px;
	cursor:pointer;
	border-radius:6px;
	color:#FFFFFF;
}

.modal ul.flow {
	width:100%;
	margin: 20px 0 0 0;
}

.modal ul.flow li {
	margin:0px;
}

.modal ul.flow li .num {
	width:30px;
	margin-right:10px;
}

.modal ul.flow li .text {
	display:block;
	width:calc(100% - 40px);
	text-align:left;
	float:left;
}

/*.showroom2023 */

.showroom2023 #door_title {
	width:100%;
	height:376px;
}

.showroom2023 #door_title #door_logo {
	margin: 0 auto;
}

.showroom2023 #door_title h2 {
	text-align:center;
	margin-top:80px;
}

.showroom2023 #bt_header_sidebar {
	position:fixed;
	right:0;
	top:80px;
	background-color:#C6311D;
	width:42px;
	height:256px;
	padding-top:0px;
	background-image:url(../images/sr2/btn4x.png);
	background-position: center center;
	background-size:42px 256px;
	background-repeat:no-repeat;
	z-index:160;
	border-radius: 6px 0 0 6px;
}

.showroom2023 #bt_header_sidebar:hover {
	background-image:url(../images/sr2/btn_hover4x.png);
}

#sr2_ti01 {
	width:495px;
	height:75px;
	background-image:url(../images/sr2/title_about@3x.png);
	background-position: center center;
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	
	margin:0 auto 60px auto;
}

#sr2_ti01 + h2 {
	letter-spacing:0;
}

#sr2_ti02 {
	width:227px;
	height:29px;
	background-image:url(../images/sr2/title_click_photo.svg?v2);
	background-position: center center;
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	
	margin:0 auto 40px auto;
}

#sr2_ti03 {
	width:495px;
	height:75px;
	background-image:url(../images/sr2/title_price@3x.png);
	background-position: center center;
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	
	margin:0 auto 40px auto;
}

#sr2_ti04 {
	width:495px;
	height:133px;
	background-image:url(../images/sr2/title_showroom@3x.png);
	background-position: center center;
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	
	margin:0 auto 40px auto;
}

#sr2_cases {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	column-gap:15px;
	row-gap:15px;
}

#sr2_cases li {
	width:330px;
	cursor:pointer;
}

#sr2_cases li h2 {
	font-weight:bold;
	margin-top:8px;
	line-height:1em;
}

#sr2_cases li h2 + .txt {
	font-weight:bold;
	margin-top:5px;
}

#sr2_cases li picture {
	width:100%;
	position:relative;
}

#sr2_cases li picture img {
	width:330px;
	height:220px;
	object-fit:cover;
	object-position: center center;
}

/* masonry modal grid */
.modal h1 {
	margin-bottom:10px;
}

.grid {
	width:1060px;
	margin:40px auto;
}

.grid-item {
	width: 500px;
	margin: 0 10px 20px 10px;
	display:block;
}

.grid picture {
	display:block;
}

.grid picture img {
	object-fit: cover;
	width:500px;
}

/* price */
#price picture img {
	width:100%;
}

/* showroom photo */
#showroom_photo > figure#wide_photo img {
	width:100%;
}

#showroom_photo ul#cr01 li {
	background-color:#FFF;
	border-radius:20px;
	padding: 40px 0;
}

#showroom_photo ul#cr01 .slick-slide {
	margin: 0 80px;
	width:960px;
}

.slick-next {
	right:unset !important;
	left:calc(50vw + 540px);
	
}

.slick-prev {
	left:calc(50vw - 560px) !important;
}

.slick-prev, .slick-next {
	width:50px !important;
	height:50px !important;
}

#showroom_photo ul#cr01 li figure {
	margin:0;
	margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    text-align:center;
}

#showroom_photo ul#cr01 li figure h3 {
	letter-spacing:0;
}

#showroom_photo ul#cr01 li figure img {
	width:870px;
	height:530px;
	object-fit:cover;
	display:block;
	margin:0 auto 20px auto;
}

/* interview */

#interview h1#sr2_ti05 {
	width:495px;
	height:75px;
	background-image:url(../images/sr2/title_interview@3x.png);
	background-position: center center;
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	
	margin:0 auto 40px auto;
}

#sr2_ti06 {
	width:227px;
	height:29px;
	background-image:url(../images/sr2/title_click_photo_white.svg?v3);
	background-position: center center;
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	
	margin:0 auto 40px auto;
}

.ic_loope {
	width:22px;
	height:22px;
	display:block;
	background-image:url(../images/sr2/ic_loope.svg);
	background-size:contain;
	background-position: left top;
	position:absolute;
	right:20px;
	bottom:20px;
}

#interview figure {
	position:relative;
}

#interview figure > img {
	display:block;
	width:100%;
}

#interview figure + div {
	font-weight:normal;
}

.modal.interview {
	padding:0 30px;
}

.modal.interview figure img {
	width:100%;
}

.modal.interview h3 {
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	padding: 5px 0;
	margin-bottom:60px;
}

.modal.interview div p {
	font-weight:normal;
}

.modal.interview div p + p {
	margin-top:1em;
}

.modal.interview div p span.strong {
	margin-right:1em;
}

/* contact/reserve */
#sr2_ti07 {
	width:495px;
	height:133px;
	background-image:url(../images/sr2/title_contact@3x_v2.png);
	background-position: center center;
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	
	margin:0 auto 40px auto;
}

#contact .message {
	margin-top:1em;
}

.showroom2023 .bg_circle_cy {
	background-image: url(../images/showroom/bg_circle_creamyellow.svg);
	background-size: contain;
	background-position: center top;
	width: 70vw;
	background-repeat: no-repeat;
	height: 70vw;
	max-width: 1000px;
	max-height: 1000px;
	margin: 60px auto;
	padding-top:100px;
}

.showroom2023 .logo_kibari_basic {
	display:block;
	width:230px;
	height:100px;
	background-image: url(../images/showroom/logo_kibari_bw.png);
	background-size:contain;
	background-position:center center;
	background-repeat: no-repeat;
	margin:0 auto 50px auto;
	
}

.showroom2023 #price h4 {
	margin-bottom: 50px;
}

.showroom2023 .price_breakdown {
	padding:5px 0;
	margin: 20px auto 30px auto;
	width:630px;
}

.showroom2023 .price_block {
	text-align:center;
}

.showroom2023 .price_number {
	line-height:1em;
	display:inline;
}

.showroom2023 .price_suffix {
	margin-left:10px;
	display:inline;
	position:relative;
}

.showroom2023 .price_withtax,
.showroom2023 .price_unit {
	line-height:1em;
	text-align:left;
	display:inline;
}

.showroom2023 .price_withtax {
	position:absolute;
	bottom: 60px;
	left:10px;
	
}

.showroom2023 .price_connector {
	line-height:1em;
}

.showroom2023 #kodawari_box {
	border:6px solid #000;
	background-color:#EAEAEA;
	width:calc(86vw - 12px);
	margin:0 auto 140px auto;
	position:relative;
}

.showroom2023 #kodawari_box h1 {
	margin: 100px auto;
}

.showroom2023 #kodawari_cap {
	background-image:url(../images/showroom/cap_kodawari.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:86vw;
	height:18.7vw;
	top:-18.67vw;
	left:-6px;
	position:absolute;
}

.showroom2023 #kodawari_box ul {
	display:flex;
	flex-wrap: wrap;
	width:calc(100% - 200px);
	margin:100px;
}

.showroom2023 #kodawari_box ul li {
	width:calc((100% - 40px)/2);
}

.showroom2023 #kodawari_box ul li:nth-child( n + 3 ) {
	margin-top:80px;
}

.showroom2023 #kodawari_box ul li:nth-child(2n + 1) {
	margin-right:40px;
}

.showroom2023 #kodawari_box ul li figure {
	margin:20px 0 10px 0;
	position:relative;
}

.showroom2023 #kodawari_box ul li figure img {
	width:100%;
}

.showroom2023 #kodawari_box ul li figure figcaption {
	position:absolute;
	left: 0;
	width:47%;
	text-align:center;
	bottom: 5%;
}

.showroom2023 #kodawari_box ul li .txt {
	text-align:left;
}

.showroom2023 #kibari_price_list {
	margin-bottom:130px;
	max-width:calc(86vw - 100px);
}

.showroom2023 #showroom_introduction {
	padding-bottom:80px;
}

.showroom2023 #showroom_introduction > figure {
	width:100%;
	height:calc(100vw * 748 / 1920);
	position:relative;
}

.showroom2023 #showroom_introduction > figure img {
	object-fit: cover;
	width:100%;
}

.showroom2023 #showroom_introduction > figure h2 {
	position:absolute;
	top:calc( ((100vw * 748 / 1920) - 1em) / 2 );
	text-align:center;
	width:100%;
}

.showroom2023 #showroom_introduction > h1 {
	opacity:0.07;
	margin-top:70px;
}

.showroom2023 #showroom_introduction > h2 {
	margin-bottom:40px;
}

.showroom2023 #showroom_introduction ul:first-of-type {
	width:86vw;
	margin:40px auto 80px auto;
}

.showroom2023 #showroom_introduction ul:first-of-type li {
	width:calc((100% - 136px)/2);
	float:left;
	display:block;
}

.showroom2023 #showroom_introduction ul:first-of-type li:nth-child(2) {
	width: 136px;
	height: calc((86vw - 136px)/2/700*423);
	background-image: url(../images/showroom/ic_tri.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	
}

.showroom2023 #showroom_introduction ul:first-of-type li:nth-child(2) img {
	width:20px;
	height:20px;
	object-fit:contain;
	
}

.showroom2023 #showroom_introduction ul:first-of-type li figure {
	width:100%;
	position:relative;
}

.showroom2023 #showroom_introduction ul:first-of-type li figure img {
	object-fit:cover;
	width:100%;
}

.showroom2023 #showroom_introduction ul:first-of-type li figure figcaption {
	position:absolute;
	left:5%;
	bottom:5%;
}

.showroom2023 #title_experience {
	margin-bottom:80px;
}

.showroom2023 #title_experience::before {
	content:"＼　";
}

.showroom2023 #title_experience::after {
	content:"　／";
}

.showroom2023 #showroom_introduction ul:nth-of-type(2) {
	width:calc(86vw - 200px);
	margin:40px auto 80px auto;
}

.showroom2023 #showroom_introduction ul:nth-of-type(2) li {
	width:calc((100% - 60px)/2);
	float:left;
	display:block;
}

.showroom2023 #showroom_introduction ul:nth-of-type(2) li:nth-child(2n + 1) {
	margin-right:60px;
}

.showroom2023 #showroom_introduction ul:nth-of-type(2) li:nth-child(n + 3) {
	margin-top:60px;
}

.showroom2023 #showroom_introduction ul:nth-of-type(2) li .txt {
	line-height:1.8em;
}

.showroom2023 #showroom_introduction ul:nth-of-type(2) li figure {
	width:100%;
}

.showroom2023 #showroom_introduction ul:nth-of-type(2) li figure img {
	width:100%;
	object-ft:cover;
}

.showroom2023 #showroom_introduction ul:nth-of-type(2) li figure figcaption {
	text-align:left;
}

.showroom2023 #access {
	margin-bottom:50px;
}

.showroom2023 #access img#map {
	width:714px;
	height:537px;
	margin:80px auto 20px auto;
}

.showroom2023 #access div {
	margin-bottom:40px;
}

.showroom2023 #access a {
	text-decoration:underline;
}

.showroom2023 #bt_jumpto_reserve {
	background-color:#C6311D;
	display:block;
	margin:80px auto;
	width:calc(86vw - 200px);
	padding:20px;
	border-radius:10px;
}

.showroom2023 #bt_jumpto_reserve span {
	background-image: url(../images/showroom/ic_plane.png);
    background-position: left center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    padding-left:60px;
}

.showroom2023 #bt_jumpto_reserve:hover {
	color:#FFF;
	opacity:0.6;
}



.showroom2023 #interview > ul {
	width:calc(86vw - 600px);
	margin: 40px auto;
}

.showroom2023 #interview > ul li {
}

.showroom2023 #interview > ul .point {
	background-color:#C6311D;
	width:110px;
	height:110px;
	border-radius:55px;
	text-align:center;
	float:left;
}

.showroom2023 #interview > ul .point span {
	display:block;
	line-height:1em;
	text-align:center;
}

.showroom2023 #interview > ul .point span:first-child {
	padding:20px 0 5px 0;
}

.showroom2023 #interview > ul li h3 {
	display:block;
	float:left;
	width:calc(86vw - 730px);
	margin-left:20px;
	margin-top:20px;
	text-align:left;
	color:#C6311D;
	border-bottom:4px solid #C6311D;
}

.showroom2023 #interview > ul li h3 + div {
	clear:left;
	padding-top:20px;
	text-align:left;
}

.showroom2023 #interview > ul li h3 + div p {
	font-weight:normal;
}

.showroom2023 #interview > ul li h3 + div p span.strong {
	margin-right:1em;
}

.showroom2023 #interview > ul li h3 + div p + p {
	margin-top:1em;
}

.showroom2023 #interview > ul > li > figure{
	width:100%;
	margin: 40px auto;
}

.showroom2023 #interview > ul > li > figure img {
	width:100%;
	object-fit:contain;
}

.showroom2023 #interview .txt_caption {
	text-align:right;
	margin-top:40px;
}

.showroom2023 #contact {
	padding-bottom:130px;
}

.showroom2023 form h1 {
	color: #C6311D;
	font-size:28px;
	font-weight: bold;
	line-height:2em;
	letter-spacing: 0.1em;
	margin:60px auto !important;
}

.showroom2023 #contact input[type=text],
.showroom2023 #contact input[type=tel],
.showroom2023 #contact input[type=email],
.showroom2023 #contact textarea {
	border-radius:6px;
}

.showroom2023 #fbuilder .pbSubmit {
	background-color:#C6311D !important;
	color:#FFF !important;
	border-radius:6px;
	font-size:24px;
	padding:10px 0px;
	width:500px;
	font-weight: bold;
	line-height:2em;
	letter-spacing: 0.1em;
	border:none;
}

.page footer,
.showroom2023 footer {
	padding-top:0;
}

.page #footer_map,
.showroom2023 #footer_map {
}

.page #footer_map iframe,
.showroom2023 #footer_map iframe {
	width:100%;
	height:460px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	 filter: grayscale(100%);
}

#backtotop {
	width:48px;
	height:48px;
	background:url(../images/showroom/ic_backtotop.svg) center center no-repeat;
	background-size: contain;
	position:fixed;
	bottom:48px;
	left:48px;
	display:block;
}

/* form thanks page */
.page {
	padding-top:200px;
	padding-bottom:100px;
}

.page.showroom,
.page.showroom2023 {
	padding:0;
}

.page_content {
	padding: 100px 0;
}
.page_content a {
	color:#C6311D;
}

.page_content p + p {
	margin-top:2em;
}
