@charset "utf-8";
body {
	margin: 0;
	font-family: var(--u-body-font-family);
	font-size: var(--u-body-font-size);
	font-weight: var(--u-body-font-weight);
	line-height: var(--u-body-line-height);
	color: var(--u-body-color);
	text-align: var(--u-body-text-align);
	background-color: var(--u-body-bg);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
	margin: 1.875rem 0;
	color: inherit;
	border: 0;
	border-top: 1px solid;
	opacity: .25;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	margin-top: 0;
	margin-bottom: .9375rem;
	font-weight: 500;
	line-height: 1.2;
}
h1, .h1 {
	font-size: calc(1.375rem + 1.5vw);
}
@media(min-width: 1200px) {
	h1, .h1 {
		font-size: 2.5rem;
	}
}
h2, .h2 {
	font-size: calc(1.325rem + 0.9vw);
}
@media(min-width: 1200px) {
	h2, .h2 {
		font-size: 2rem;
	}
}
h3, .h3 {
	font-size: calc(1.3rem + 0.6vw);
}
@media(min-width: 1200px) {
	h3, .h3 {
		font-size: 1.75rem;
	}
}
h4, .h4 {
	font-size: calc(1.275rem + 0.3vw);
}
@media(min-width: 1200px) {
	h4, .h4 {
		font-size: 1.5rem;
	}
}
h5, .h5 {
	font-size: 1.25rem;
}
h6, .h6 {
	font-size: 1rem;
}
p {
	margin-top: 0;
	margin-bottom: 1rem;
}
abbr[title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	cursor: help;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
}
address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit;
}
ol, ul {
	padding-left: 2rem;
}
ol, ul, dl {
	margin-top: 0;
	margin-bottom: 1rem;
}
ol ol, ul ul, ol ul, ul ol {
	margin-bottom: 0;
}
dt {
	font-weight: 700;
}
dd {
	margin-bottom: .5rem;
	margin-left: 0;
}
blockquote {
	margin: 0 0 1rem;
}
b, strong {
	font-weight: bolder;
}
small, .small {
	font-size: 0.875em;
}
mark, .mark {
	padding: .1875em;
	background-color: var(--u-highlight-bg);
}
sub, sup {
	position: relative;
	font-size: 0.75em;
	line-height: 0;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
a {
	color: var(--u-link-color);
	text-decoration: underline;
}
a:hover {
	color: var(--u-link-hover-color);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none;
}
pre, code, kbd, samp {
	font-family: var(--u-font-monospace);
	font-size: 1em;
}
pre {
	display: block;
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
	font-size: 0.875em;
}
pre code {
	font-size: inherit;
	color: inherit;
	word-break: normal;
}
code {
	font-size: 0.875em;
	color: var(--u-code-color);
	word-wrap: break-word;
}
a>code {
	color: inherit;
}
kbd {
	padding: .1875rem .375rem;
	font-size: 0.875em;
	color: var(--u-body-bg);
	background-color: var(--u-body-color);
	border-radius: .25rem;
}
kbd kbd {
	padding: 0;
	font-size: 1em;
}
figure {
	margin: 0 0 1rem;
}
img, svg {
	vertical-align: middle;
}
table {
	caption-side: bottom;
	border-collapse: collapse;
}
caption {
	padding-top: .5rem;
	padding-bottom: .5rem;
	color: #6c757d;
	text-align: left;
}
th {
	text-align: inherit;
	text-align: -webkit-match-parent;
}
thead, tbody, tfoot, tr, td, th {
	border-color: inherit;
	border-style: solid;
	border-width: 0;
}
label {
	display: inline-block;
}
button {
	border-radius: 0;
}
button:focus:not(:focus-visible) {
	outline: 0;
}
input, button, select, optgroup, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
button, select {
	text-transform: none;
}
[role=button] {
	cursor: pointer;
}
select {
	word-wrap: normal;
}
select:disabled {
	opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
	display: none !important;
}
button, [type=button], [type=reset], [type=submit] {
	-webkit-appearance: button;
}
button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
	cursor: pointer;
}
::-moz-focus-inner {
	padding: 0;
	border-style: none;
}
textarea {
	resize: vertical;
}
fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
legend {
	float: left;
	width: 100%;
	padding: 0;
	margin-bottom: .5rem;
	font-size: calc(1.275rem + 0.3vw);
	line-height: inherit;
}
@media(min-width: 1200px) {
	legend {
		font-size: 1.5rem;
	}
}
legend+* {
	clear: left;
}
::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {
	padding: 0;
}
::-webkit-inner-spin-button {
	height: auto;
}
[type=search] {
	outline-offset: -2px;
	-webkit-appearance: textfield;
}
::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
	padding: 0;
}
::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
}
::file-selector-button {
	font: inherit;
	-webkit-appearance: button;
}
output {
	display: inline-block;
}
iframe {
	border: 0;
}
summary {
	display: list-item;
	cursor: pointer;
}
progress {
	vertical-align: baseline;
}
[hidden] {
	display: none !important;
}
html {
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-overflow-style: scrollbar;
}
*, *::before, *::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	padding: 0;
	margin: 0;
}
.mx-auto{
    margin-right: auto !important;
    margin-left: auto !important;
}
.text-center{
    text-align: center !important;
}
@media(min-width: 992px) {
    .col-lg-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 77.66666667%;
	}
}
@media(min-width: 576px) {
    .container-sm,.container {
        max-width:540px;
    }
}
@media(min-width: 768px) {
    .container-md,.container-sm,.container {
        max-width:720px;
    }
}
@media(min-width: 992px) {
    .container-lg,.container-md,.container-sm,.container {
        max-width:960px;
    }
}
@media(min-width: 1200px) {
    .container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1140px;
    }
}
@media(min-width: 1400px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1280px;
    }
}
.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {
    --u-gutter-x: 1.875rem;
    --u-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--u-gutter-x)*.5);
    padding-left: calc(var(--u-gutter-x)*.5);
    margin-right: auto;
    margin-left: auto;
}
.g-2{
    --u-gutter-y: 1.875rem;
}
.g-lg-4{
    --u-gutter-x: 3.75rem;
}
.align-items-center{
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.col-md-7{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
}
.col-md-5{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
}
.row{
    --u-gutter-x: 1.875rem;
    --u-gutter-y: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin-right: auto;
	margin-left: auto;
}
.row > * {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--u-gutter-x)*.5);
    padding-left: calc(var(--u-gutter-x)*.5);
}
@media (min-width: 768px){
	.col-md-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.33333333%;
	}
	.col-md-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.66666667%;
	}
}
@media(max-width: 575.98px) {
	.row > * {
		padding-right: 0;
		padding-left: 0;
	}
}
img{
	max-width: 100%;
	width: 100%;
	height: auto;
}
#DesignDoorNoppo {
	font-family: "Zen Kaku Gothic Antique", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-weight: normal;
	color: #000;
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
	overflow: hidden;
	background: #fff url(/shop/data/noppo/img/bg_gr.jpg);
	position: relative;
}
#DesignDoorNoppo.is-active {
	position: relative;
}
#DesignDoorNoppo .img-fluid {
	width: 100%;
	height: auto;
}
#DesignDoorNoppo .page-sp-cta {
	position: fixed;
	margin: 0;
	right: 3.75rem;
	left: .9375rem;
	bottom: .9375rem;
	display: block;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s ease-in;
	transition: opacity .3s ease-in;
	z-index: 2000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#DesignDoorNoppo .page-sp-cta.is-show {
	visibility: visible;
	opacity: 1;
}
@media(min-width: 768px) {
	#DesignDoorNoppo .page-sp-cta {
		display: none !important;
	}
}
#DesignDoorNoppo .page-sp-cta a{
	width: 49%;
	text-align: center;
	display: block;
	text-decoration: none;
	border-radius: 100vh;
	padding: .5em .2em;
	color: #fff;
	background-color: #94a147;
	font-size: .8rem;
	line-height: 2;
	letter-spacing: .1em;
}
#DesignDoorNoppo .page-sp-cta a:nth-child(1){
	background-color: #7B6C5F;
}
#DesignDoorNoppo .p-header {
	background-color: #fff;
	padding: 2vmin 4vmin;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#DesignDoorNoppo .p-header__swc-logo {
	margin: 0;
}
@media(max-width: 1199.98px) {
	#DesignDoorNoppo .p-header__swc-logo {
		max-width: 150px;
	}
}
@media(min-width: 1200px) {
	#DesignDoorNoppo .p-header__swc-logo {
		max-width: 180px;
	}
}
@media(min-width: 1400px) {
	#DesignDoorNoppo .p-header__swc-logo {
		max-width: 200px;
	}
}
#DesignDoorNoppo .p-header__swc-nav {
	display: none;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 1rem;
	-moz-column-gap: 1rem;
	column-gap: 1rem;
}
@media(min-width: 1200px) {
	#DesignDoorNoppo .p-header__swc-nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
@media(max-width: 1399.98px) {
	#DesignDoorNoppo .p-header__swc-nav {
		font-size: .75rem;
	}
}
@media(min-width: 1400px) {
	#DesignDoorNoppo .p-header__swc-nav {
		font-size: .9rem;
	}
}
#DesignDoorNoppo .p-header__swc-nav__ul {
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 1rem;
	-moz-column-gap: 1rem;
	column-gap: 1rem;
	list-style: none;
}
#DesignDoorNoppo .p-header__swc-nav__ul li a {
	text-decoration: none;
	color: #000;
}
#DesignDoorNoppo .p-header__swc-nav__ul.--sub {
	-webkit-column-gap: .5rem;
	-moz-column-gap: .5rem;
	column-gap: .5rem;
}
#DesignDoorNoppo .p-header__swc-nav__ul.--sub li a {
	font-weight: normal;
	display: block;
	text-decoration: none;
	border-radius: 100vh;
	padding: .35em .85em;
	color: #fff;
	background-color: #7b6c5f;
	line-height: 1.6;
	letter-spacing: .06em;
}
#DesignDoorNoppo .p-header__swc-nav__ul.--sub li:last-child a {
	background-color: #94a147;
}
#DesignDoorNoppo .p-header__swc-shop {
	margin-bottom: 0;
}
#DesignDoorNoppo .p-header__swc-shop a {
	font-size: 90%;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	letter-spacing: .08em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	color: #000;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#DesignDoorNoppo .p-header__swc-shop a>* {
	pointer-events: none;
}
#DesignDoorNoppo .p-header__swc-shop a i {
	display: inline-block;
	margin-right: .5em;
	vertical-align: middle;
	-webkit-transform: scale(var(--ggs, 0.8));
	transform: scale(var(--ggs, 0.8));
}
@media(hover: hover) {
	#DesignDoorNoppo .p-header__swc-shop a:hover {
		opacity: .6
	}
}
#DesignDoorNoppo .p-header.page-sticky-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
}
#DesignDoorNoppo .u-section-mb {
	margin-bottom: 5.625rem;
}
@media(min-width: 992px) {
	#DesignDoorNoppo .u-section-mb {
		margin-bottom: 11.25rem;
	}
}
#DesignDoorNoppo .u-section-pt {
	padding-top: 5.625rem;
}
@media(min-width: 992px) {
	#DesignDoorNoppo .u-section-pt {
		padding-top: 11.25rem;
	}
}
#DesignDoorNoppo .u-section-pb {
	padding-bottom: 5.625rem;
}
@media(min-width: 992px) {
	#DesignDoorNoppo .u-section-pb {
		padding-bottom: 11.25rem;
	}
}
#DesignDoorNoppo .p-showroom {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/shop/data/noppo/img/showroom-bg.jpg");
}
#DesignDoorNoppo .p-showroom--ttl h2, #DesignDoorNoppo .p-showroom--ttl .h2{
	margin-bottom: 2rem;
	font-weight: 700;
	color: #fff;
}
#DesignDoorNoppo .p-showroom__inner {
	background-color: rgba(255, 255, 255, .8);
	padding: 1.875rem 1.5rem;
	border-radius: .5rem;
	line-height: 1.6;
}
@media(min-width: 992px) {
	#DesignDoorNoppo .p-showroom__inner {
		padding: 3.75rem 1rem;
	}
}
@media(min-width: 768px) {
	#DesignDoorNoppo .p-showroom__inner h3+p, #DesignDoorNoppo .p-showroom__inner .h3+p {
		text-align: center;
		margin-top: 1.5rem;
	}
}
@media(max-width: 575.98px) {
	#DesignDoorNoppo .p-showroom__inner h3+p, #SystemKitchenWitte .p-showroom__inner .h3+p{
		font-size: .9rem;
	}
}
#DesignDoorNoppo .p-showroom--list ul {
	list-style: none;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: .46875rem;
}
#DesignDoorNoppo .p-showroom--list ul li a {
	color: #3a3a3a;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#DesignDoorNoppo .p-showroom--list ul li a i {
	margin-right: .5em;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: scale(var(--ggs, 0.8));
	transform: scale(var(--ggs, 0.8));
}
@media(hover: hover) {
	#DesignDoorNoppo .p-showroom--list ul li a:hover {
		opacity: .6;
	}
}
#DesignDoorNoppo .p-showroom--list ul:first-of-type {
	list-style: circle;
	margin-left: 1em;
}
@media(max-width: 575.98px) {
	#DesignDoorNoppo .p-showroom--list ul li a {
		font-size: .9rem;
	}
	#DesignDoorNoppo .p-showroom--list ul:first-of-type {
		font-size: .9rem;
	}
}
#DesignDoorNoppo .page-footer {
	background-color: #000;
	color: #fff;
	text-align: center;
}
#DesignDoorNoppo .page-footer header {
	margin-bottom: 2rem;
}
#DesignDoorNoppo .page-footer .copyright {
	font-size: .8rem;
	margin-bottom: 2rem;
}
#DesignDoorNoppo .page-footer .nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	list-style: none;
	padding: 0;
	font-size: .8rem
}
#DesignDoorNoppo .page-footer .nav-item:not(:last-child)::after {
	content: "";
	width: 1px;
	height: 1em;
	display: inline-block;
	background-color: #666;
	margin: 0 1em;
	vertical-align: middle;
}
#DesignDoorNoppo .page-footer nav>.nav-link {
	color: #fff;
	margin-bottom: 1rem;
}
#DesignDoorNoppo .page-footer .nav-link {
	display: inline-block;
	color: #666;
	text-decoration: none;
	font-size: 14px;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
}
@media(hover: hover) {
	#DesignDoorNoppo .page-footer .nav-link:hover {
		opacity: .8;
	}
}
#DesignDoorNoppo .page-footer .sns {
	max-width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-column-gap: 1rem;
	-moz-column-gap: 1rem;
	column-gap: 1rem;
	margin-bottom: 1.5em;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}
#DesignDoorNoppo .page-footer .sns li a img {
	width: 100%;
	height: auto;
}
#DesignDoorNoppo .fixed-pagetop {
	position: fixed;
	right: .9375rem;
	bottom: .9375rem;
	z-index: 2000;
	text-decoration: none;
	text-align: right;
	display: block;
	line-height: 1;
	-webkit-transition: -webkit-transform .8s ease;
	transition: -webkit-transform .8s ease;
	transition: transform .8s ease;
	transition: transform .8s ease, -webkit-transform .8s ease;
	-webkit-transform: translateY(4rem);
	transform: translateY(4rem);
	padding: .5em;
}
#DesignDoorNoppo .fixed-pagetop.is-show {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
#DesignDoorNoppo .fixed-pagetop i.gg-chevron-up-o {
	-webkit-transform: scale(var(--ggs, 1.4));
	transform: scale(var(--ggs, 1.4));
	background-color: #3a3a3a;
	border-color: #3a3a3a;
}
#DesignDoorNoppo .fixed-pagetop i.gg-chevron-up-o::after {
	border-top-color: #fff;
	border-right-color: #fff;
}
#DesignDoorNoppo .page-drawer-nav-trigger {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 5000;
	display: none;
	background-color: #55483d;
	width: 60px;
	height: 60px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@media(max-width: 1199.98px) {
	#DesignDoorNoppo .page-drawer-nav-trigger {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
#DesignDoorNoppo .page-drawer-nav-trigger .trigger {
	position: relative;
	width: 30px;
	height: 22px;
}
#DesignDoorNoppo .page-drawer-nav-trigger .trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	display: inline-block;
	-webkit-transition: opacity .3s, -webkit-transform .4s;
	transition: opacity .3s, -webkit-transform .4s;
	transition: transform .4s, opacity .3s;
	transition: transform .4s, opacity .3s, -webkit-transform .4s;
}
#DesignDoorNoppo .page-drawer-nav-trigger .trigger span:nth-of-type(1) {
	top: 0;
}
#DesignDoorNoppo .page-drawer-nav-trigger .trigger span:nth-of-type(2) {
	top: 10px;
}
#DesignDoorNoppo .page-drawer-nav-trigger .trigger span:nth-of-type(3) {
	bottom: 0;
}
#DesignDoorNoppo .page-drawer-nav-trigger.is-active .trigger span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
#DesignDoorNoppo .page-drawer-nav-trigger.is-active .trigger span:nth-of-type(2) {
	opacity: 0;
}
#DesignDoorNoppo .page-drawer-nav-trigger.is-active .trigger span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}
#DesignDoorNoppo .page-drawer-nav {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 4900;
	max-width: 320px;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	background-color: #dcd6c6;
	border-left: 5px solid #ccc;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform .4s ease-in-out;
	transition: -webkit-transform .4s ease-in-out;
	transition: transform .4s ease-in-out;
	transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}
#DesignDoorNoppo .page-drawer-nav.is-active {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
#DesignDoorNoppo .page-drawer-nav .drawer-inner {
	padding: 3.75rem alc(0.9375rem);
}
#DesignDoorNoppo .page-drawer-nav .drawer-header {
	text-align: center;
	padding: 1.875rem;
	border-bottom: 1px solid rgba(219, 219, 219, .3);
}
#DesignDoorNoppo .page-drawer-nav .drawer-header .brand {
	display: block;
	max-width: 200px;
}
#DesignDoorNoppo .page-drawer-nav .drawer-nav {
	padding: 0 1.875rem;
}
#DesignDoorNoppo .page-drawer-nav .drawer-nav .nav {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: 2rem;
	margin-bottom: 2em;
}
#DesignDoorNoppo .page-drawer-nav .drawer-nav .nav-link {
	font-size: 22px;
	text-decoration: none;
	color: #000;
}
#DesignDoorNoppo .page-drawer-nav .drawer-nav .nav--sub {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: .75rem;
	margin-bottom: 1.5em;
}
#DesignDoorNoppo .page-drawer-nav .drawer-nav .nav--sub li a {
	text-align: center;
	font-weight: normal;
	display: block;
	text-decoration: none;
	border-radius: 100vh;
	padding: .5em .85em;
	color: #fff;
	background-color: #7b6c5f;
	line-height: 1.6;
	letter-spacing: .06em;
}
#DesignDoorNoppo .page-drawer-nav .drawer-nav .nav--sub li:last-child a {
	background-color: #94a147;
}
#DesignDoorNoppo .page-drawer-nav .drawer-nav .shop {
	text-align: center;
}
#DesignDoorNoppo .page-drawer-nav .drawer-nav .shop a {
	display: block;
	padding: 1rem 0;
	font-size: 90%;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	letter-spacing: .08em;
	text-decoration: none;
	color: #000;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#DesignDoorNoppo .page-drawer-nav .drawer-nav .shop a>* {
	pointer-events: none;
}
#DesignDoorNoppo .page-drawer-nav .drawer-nav .shop a i {
	display: inline-block;
	margin-right: .5em;
	vertical-align: middle;
	-webkit-transform: scale(var(--ggs, 0.8));
	transform: scale(var(--ggs, 0.8));
}
@media(hover: hover) {
	#DesignDoorNoppo .page-drawer-nav .drawer-nav .shop a:hover {
		opacity: .6;
	}
}
#DesignDoorNoppo .page-drawer-nav .drawer-nav .sns {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-column-gap: 1rem;
	-moz-column-gap: 1rem;
	column-gap: 1rem;
	margin-bottom: 1.5em;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
#DesignDoorNoppo .page-drawer-nav .drawer-nav .sns li a img {
	width: 100%;
	height: auto;
}
#DesignDoorNoppo .page-drawer-bg{
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0,0,0,0.8);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility:hidden;
	transition: opacity 0.5s ease;
	z-index: 4800;
}
#DesignDoorNoppo .page-drawer-bg.is-active{
	opacity: 1;
	visibility:visible;
}
#DesignDoorNoppo .page-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 140px;
	background-color: #000;
}
#DesignDoorNoppo .page-nav .nav-wrap {
	position: relative;
}
#DesignDoorNoppo .page-nav .nav-wrap::before {
	position: absolute;
	top: 50%;
	left: -20px;
	content: "";
	background-color: #e1e1e1;
	width: 100%;
	height: 2px;
	display: block;
	-webkit-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
	opacity: .5;
}
#DesignDoorNoppo .page-nav .nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#DesignDoorNoppo .page-nav .nav-item:not(:last-child) {
	margin-right: 50px;
}
@media(max-width: 767.98px) {
	#DesignDoorNoppo .page-nav .nav-item:not(:last-child) {
		margin-right: 30px;
	}
}
#DesignDoorNoppo .page-nav .nav-link {
	position: relative;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	letter-spacing: .05em;
	font-size: 18px;
}
@media(max-width: 767.98px) {
	#DesignDoorNoppo .page-nav .nav-link {
		font-size: 16px;
	}
}
#DesignDoorNoppo .page-nav .nav-link::after {
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 2px;
	content: "";
	display: block;
	background-color: #fff;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform .25s ease;
	transition: -webkit-transform .25s ease;
	transition: transform .25s ease;
	transition: transform .25s ease, -webkit-transform .25s ease;
	-webkit-transform-origin: left;
	transform-origin: left;
	opacity: .6;
}
#DesignDoorNoppo .page-nav .nav-link:hover::after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
[data-inview] {
	opacity: 0;
	-webkit-transform: translateY(6rem) skewY(5deg);
	transform: translateY(6rem) skewY(5deg);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
[data-inview].is-show {
	opacity: 1;
	-webkit-transform: translateY(0) skewY(0deg);
	transform: translateY(0) skewY(0deg);
}
.gg-chevron-right-o {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	display: block;
	-webkit-transform: scale(var(--ggs, 1));
	transform: scale(var(--ggs, 1));
	width: 22px;
	height: 22px;
	border: 2px solid;
	border-radius: 100px;
}
.gg-chevron-right-o::after {
	content: "";
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	width: 6px;
	height: 6px;
	border-bottom: 2px solid;
	border-right: 2px solid;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 5px;
	top: 6px;
}
.gg-chevron-up-o {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	display: block;
	-webkit-transform: scale(var(--ggs, 1));
	transform: scale(var(--ggs, 1));
	width: 22px;
	height: 22px;
	border: 2px solid;
	border-radius: 100px;
}
.gg-chevron-up-o::after {
	content: "";
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	width: 6px;
	height: 6px;
	border-top: 2px solid;
	border-right: 2px solid;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 6px;
	bottom: 5px;
}
.gg-shopping-cart {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	-webkit-transform: scale(var(--ggs, 1));
	transform: scale(var(--ggs, 1));
	width: 20px;
	height: 21px;
	background: -webkit-linear-gradient(right, currentColor 12px, transparent 0) no-repeat -1px 6px/18px 2px, -webkit-linear-gradient(right, currentColor 12px, transparent 0) no-repeat 6px 14px/11px 2px, -webkit-linear-gradient(right, currentColor 12px, transparent 0) no-repeat 0 2px/4px 2px, -webkit-radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 12px 17px/4px 4px, -webkit-radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 6px 17px/4px 4px;
	background: linear-gradient(to left, currentColor 12px, transparent 0) no-repeat -1px 6px/18px 2px, linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 6px 14px/11px 2px, linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 0 2px/4px 2px, radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 12px 17px/4px 4px, radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 6px 17px/4px 4px;
}
.gg-shopping-cart::after, .gg-shopping-cart::before {
	content: "";
	display: block;
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 2px;
	height: 14px;
	background: currentColor;
	top: 2px;
	left: 4px;
	-webkit-transform: skew(12deg);
	transform: skew(12deg);
}
.gg-shopping-cart::after {
	height: 10px;
	top: 6px;
	left: 16px;
	-webkit-transform: skew(-12deg);
	transform: skew(-12deg);
}

/* inview */
.fadeIn_up{
	opacity: 0;
	transform: translate(0, 10%);
	transition: 2s;
}
.fadeIn_up.is-show{
	transform: translate(0, 0);
	opacity: 1;
}

/* hero */
#DesignDoorNoppo .p-hero{
	margin-top: 7vmin;
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 2rem 0 10rem;
}
#DesignDoorNoppo .p-hero::before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/shop/data/noppo/img/bg_br.jpg);
    transform: skewY(-3deg) translateY(-90px);
	z-index: -1;
}
#DesignDoorNoppo .p-hero .container{
	position: relative;	
	background: url(/shop/data/noppo/img/fv_figure.png) no-repeat bottom 42% center / 90% auto;
	margin-bottom: -13rem;
}
#DesignDoorNoppo .p-hero-ttl{
	font-size: 6rem;
	letter-spacing: .1em;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	padding-left: calc(var(--u-gutter-x)*.5);
}
#DesignDoorNoppo .p-hero-ttl > span{
	display: block;
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 2;
	letter-spacing: .2em;
}
#DesignDoorNoppo .p-hero-ttl02{
	font-size: 2.8rem;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: .1em;
	position: absolute;
	bottom: 33%;
	right: 0;
	padding-right: calc(var(--u-gutter-x)*.5);
}
#DesignDoorNoppo .p-hero-ttl02 .brank{
	display: none;
}
#DesignDoorNoppo .p-hero-scroll{
	position:absolute;
	right: 30%;
	bottom: 0;
	height: 250px;
}
#DesignDoorNoppo .p-hero-scroll::after{
	content: "";
	position: absolute;
	top: 0;
	width: 1px;
	height: 200px;
	background: #000;
	animation: pathmove 1.8s ease-in-out infinite;
	opacity:0;
}
#DesignDoorNoppo .p-hero-pic{
	width: 60%;
	position: relative;
	margin: 0 0 2rem auto;
}
#DesignDoorNoppo .p-hero-pic02{
	width: 30%;
	position: relative;
	left: 0;
	bottom: 18rem;
}
@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height: 250px;
		opacity: 1;
	}
	100%{
		height: 250px;
		top: 60px;
		opacity: 0;
	}
}
.img-animation{
    animation: img-opacity 2s cubic-bezier(.4, 0, .2, 1);
    overflow: hidden;
    position: relative;
}
.img-animation:before{
    animation: img-animation 2s cubic-bezier(.4, 0, .2, 1) forwards;
    background: #55483d;
    bottom: 0;
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
@keyframes img-opacity{
    100% {
        opacity: 1;
    }
}
@keyframes img-animation{
    100% {
        transform: translateX(100%);
    }
}
@media(max-width: 1199.98px) {
	#DesignDoorNoppo .p-hero{
		padding-top: 4rem;
		margin-top: 6vmin;
	}
	#DesignDoorNoppo .p-hero-ttl{
		font-size: 5rem;
	}
	#DesignDoorNoppo .p-hero-ttl > span{
		font-size: 1rem;
	}
	#DesignDoorNoppo .p-hero-ttl02{
		font-size: 2.2rem;
		line-height: 1.8;
		bottom: 15rem;
	}
}
@media(max-width: 991.98px) {
	#DesignDoorNoppo .p-hero .container{
		background-position: bottom 50% center;
		margin-bottom: -8rem;
	}
	#DesignDoorNoppo .p-hero{
		padding-top: 3rem;
	}
	#DesignDoorNoppo .p-hero-ttl02{
		font-size: 2rem;
		bottom: 10rem;
	}
	#DesignDoorNoppo .p-hero-pic02{
		bottom: 5rem;
	}
	#DesignDoorNoppo .p-hero-scroll{
		bottom: -4rem;
	}
}
@media(max-width: 767.98px) {
	#DesignDoorNoppo .p-hero .container{
		max-width: 700px;
		margin-bottom: -10rem;
	}
	#DesignDoorNoppo .p-hero-pic02{
		bottom: 10rem;
	}
	#DesignDoorNoppo .p-hero-ttl02{
		font-size: 1.7rem;
	}
}
@media(max-width: 575.98px) {
	#DesignDoorNoppo .p-hero .container{
		max-width: 100%;
		padding-right: 0;
		padding-left: 0;
		background-image: url(/shop/data/noppo/img/fv_figure_sp.png);
		background-size: 100% auto;
		background-position: bottom 30% center;
		margin-bottom: -5rem;
	}
	#DesignDoorNoppo .p-hero-pic{
		width: 80%;
		top: -3rem;
	}
	#DesignDoorNoppo .p-hero-pic02{
		width: 40%;
		left: auto;
		bottom: 3rem;
	}
	#DesignDoorNoppo .p-hero-ttl{
		position: relative;
		top: auto;
		left: auto;
	}
	#DesignDoorNoppo .p-hero-ttl02{
		padding: 0 3%;
		bottom: 8vh;
	}
	#DesignDoorNoppo .p-hero-ttl02 .brank{
		display: block;
	}
	#DesignDoorNoppo .p-hero-scroll{
		bottom: -12rem;
	}
}
/* about */
#DesignDoorNoppo .p-about{
	padding: 2rem 0;
}
#DesignDoorNoppo .p-about-ttl{
	padding: 0 20px;
	margin-bottom: 40px;
}
#DesignDoorNoppo .p-about-ttl > span:not(:last-child){
	margin-bottom: 1rem;
}
#DesignDoorNoppo .p-about-ttl > span{
	display: inline-block;
	height: 50px;
	padding: 5px 0;
	background: #94a147;
	color: #fff;
	font-size: 2rem;
	font-weight: 300;
	letter-spacing: .05em;
	position: relative;
}
#DesignDoorNoppo .p-about-ttl > span::before{
	position: absolute;
	content: '';
	left: -20px;
	top: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 20px transparent;
	border-bottom: solid 50px #94a147;
}
#DesignDoorNoppo .p-about-ttl > span::after{
	position: absolute;
	content: '';
	right: -20px;
	top: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 20px #94a147;
	border-bottom: solid 50px transparent;
}
#DesignDoorNoppo .p-about-pic.sp{
	display: none;
}
@media (max-width: 991.98px){
	#DesignDoorNoppo .p-about-pic.pc{
		display: none;
	}
	#DesignDoorNoppo .p-about-pic.sp{
		display: block;
	}
}
@media(max-width: 767.98px) {
	#DesignDoorNoppo .p-about-ttl > span{
		font-size: 1.7rem;
		height: 45px;
	}
	#DesignDoorNoppo .p-about-ttl > span::before{
		border-bottom: solid 45px #94a147;
	}
	#DesignDoorNoppo .p-about-ttl > span::after{
		border-bottom: solid 45px transparent;
	}
}
@media(max-width: 575.98px) {
	#DesignDoorNoppo .p-about-ttl > span{
		font-size: 1.4rem;
		letter-spacing: 0;
		height: 40px;
	}
	#DesignDoorNoppo .p-about-ttl > span:not(:last-child){
		margin-bottom: .6rem;
	}
	#DesignDoorNoppo .p-about-ttl > span::before{
		border-bottom: solid 40px #94a147;
	}
	#DesignDoorNoppo .p-about-ttl > span::after{
		border-bottom: solid 40px transparent;
	}
}
/* case */
#DesignDoorNoppo .p-case{
	position: relative;
	z-index: 1;
	padding: 10rem 0 35rem;
}
#DesignDoorNoppo .p-case::before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/shop/data/noppo/img/bg_br.jpg);
    transform: skewY(-3deg);
	z-index: -1;
}
#DesignDoorNoppo .p-case .container{
	position: relative;
}
#DesignDoorNoppo .p-case-ttl{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#DesignDoorNoppo .p-case-ttl > span{
	display: inline-block;
	padding: 10px 5px;
	width: 50px;
	background: #7b6c5f;
	color: #fff;
	font-size: 2rem;
	font-weight: 300;
	letter-spacing: .05em;
	position: relative;
}
#DesignDoorNoppo .p-case-ttl > span::before{
	position: absolute;
	content: '';
	left: 0;
	top: -20px;
	width: 0;
	height: 0;
	border: none;
	border-top: solid 20px transparent;
	border-right: solid 50px #7b6c5f;
}
#DesignDoorNoppo .p-case-ttl > span::after{
	position: absolute;
	content: '';
	right: 0;
	bottom: -20px;
	width: 0;
	height: 0;
	border: none;
	border-bottom: solid 20px transparent;
	border-left: solid 50px #7b6c5f;
}
#DesignDoorNoppo .p-case-ttl > span:not(:last-child){
	margin-left: 1rem;
}
#DesignDoorNoppo .p-case-ttl.sp{
	display: none;
}
#DesignDoorNoppo .p-case-block{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	padding-left: 5%;
	margin-left: -5%;
	margin-bottom: 10rem;
}
#DesignDoorNoppo .p-case-block::before{
	content: '';
	width: 110%;
	height: 75%;
	background: #cdc4b9;
	border-radius: 0 100rem 100rem 0;
	position: absolute;
	top: 50%;
	left: -20%;
	z-index: -1;
	transform: translateY(-50%);
}
#DesignDoorNoppo .p-case-block-pic-notes{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 1rem;
	color: #fff;
	margin-bottom: .5rem;
}
#DesignDoorNoppo .p-case-block-pic{
	width: 50%;
}
#DesignDoorNoppo .p-case-block-pic .twentytwenty-container{
	cursor: pointer;
}
#DesignDoorNoppo .p-case-block-pic .twentytwenty-overlay,
#DesignDoorNoppo .p-case-block-pic .twentytwenty-before-label,
#DesignDoorNoppo .p-case-block-pic .twentytwenty-after-label{
	display: none;
}
#DesignDoorNoppo .p-case-block-pic .twentytwenty-handle{
	box-shadow: none;
	background: #fff;
}
#DesignDoorNoppo .p-case-block-pic .twentytwenty-left-arrow{
	border-right: 6px solid #000;
}
#DesignDoorNoppo .p-case-block-pic .twentytwenty-right-arrow{
	border-left: 6px solid #000;
}
#DesignDoorNoppo .p-case-block-txtArea{
	width: 40%;
	background: #55483d;
	border-radius: 0 5rem 0 0;
	padding: 2rem;
}
#DesignDoorNoppo .p-case-block-txtArea-ttl{
	font-size: 1.2rem;
	color: #fff;
	margin-bottom: 20px;
}
#DesignDoorNoppo .p-case-block-txtArea-ttl >span:first-child{
	margin-right: 10px;
}
#DesignDoorNoppo .p-case-block-txtArea-ttl >span:first-child::after{
	content: '';
	display: inline-block;
	width: 2px;
	height: 15px;
	background: #fff;
	margin-left: 10px;
}
#DesignDoorNoppo .p-case-block-txtArea-txt{
	font-size: 1rem;
	line-height: 1.6;
	color: #fff;
}
#DesignDoorNoppo .p-case-block-txtArea-txt li:not(:last-child){
	margin-bottom: 10px;
}
#DesignDoorNoppo .p-case-block02{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
#DesignDoorNoppo .p-case-block02::before{
    width: 120%;
    height: 120%;
    border-radius: 100rem 0 0 100rem;
    left: 10%;
}
#DesignDoorNoppo .p-case-block02 .p-case-block-pic{
	width: 55%;
}
#DesignDoorNoppo .p-case-block02 .p-case-block-txtArea{
	width: 35%;
	background: #a78d6f;
}
#DesignDoorNoppo .p-case-block03{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#DesignDoorNoppo .p-case-block03::before{
	content: '';
	width: 120%;
	height: 75%;
	border: 5px solid #cdc4b9;
	border-radius: 0 100rem 100rem 0;
	position: absolute;
	top: 50%;
	left: -30%;
	z-index: -1;
	transform: translateY(-50%);
}
#DesignDoorNoppo .p-case-block03-item{
	width: 30%;
	display: flex;
	flex-direction: column;
}
#DesignDoorNoppo .p-case-block03-pic{
	margin-bottom: 2rem;
}
#DesignDoorNoppo .p-case-block03-pic02{
	margin-bottom: 2rem;
}
#DesignDoorNoppo .p-case-block03-pic03{
	margin-bottom: 2rem;
}
#DesignDoorNoppo .p-case-block03 .p-case-block-txtArea{
	width: 100%;
	height: 100%;
	padding: 1.5rem 1rem 1rem;
}
#DesignDoorNoppo .p-case-block03-item:nth-child(1) .p-case-block-txtArea{
	background: #b0a190;
}
#DesignDoorNoppo .p-case-block03-item:nth-child(2) .p-case-block-txtArea{
	background: #a78d6f;
}
#DesignDoorNoppo .p-case-block03-pic-cap{
	color: #fff;
	margin: 0 0 5px;
}
@media(max-width: 1199.98px) {
	#DesignDoorNoppo .p-case-block-txtArea{
		padding: 2rem 1rem 1rem;
	}
}
@media(max-width: 991.98px) {
	#DesignDoorNoppo .p-case{
		padding-top: 0;
		padding-bottom: 6rem;
		overflow: hidden;
	}
	#DesignDoorNoppo .p-case::before{
		transform: skewY(-3deg) translateY(45px);
	}
	#DesignDoorNoppo .p-case-ttl.pc{
		display: none;
	}
	#DesignDoorNoppo .p-case-ttl.sp{
		display: block;
	}
	#DesignDoorNoppo .p-case-ttl{
		position: relative;
		top: 20px;
		right: auto;
		margin: 0 0 4rem auto;
	}
	#DesignDoorNoppo .p-case-block{
		padding-left: 0;
		margin-left: 0;
		margin-bottom: 8rem;
	}
	#DesignDoorNoppo .p-case-block::before{
		width: 130%;
		height: 60%;
		top: 15%;
		left: -30%;
		transform: translateY(0);
	}
	#DesignDoorNoppo .p-case-block-pic{
		width: 80%;
		margin-bottom: 2rem;
	}
	#DesignDoorNoppo .p-case-block-txtArea{
		width: 100%;
	}
	#DesignDoorNoppo .p-case-block02{
		margin-left: calc(-50% + 50vw);
		padding-right: calc(var(--u-gutter-x)*.5);
	}
	#DesignDoorNoppo .p-case-block02::before{
		height: 80%;
	}
	#DesignDoorNoppo .p-case-block02 .p-case-block-pic{
		width: 100%;
	}
	#DesignDoorNoppo .p-case-block02 .p-case-block-txtArea{
		width: 100%;
	}
	#DesignDoorNoppo .p-case-block03::before{
		display: none;
	}
	#DesignDoorNoppo .p-case-block03-item{
		width: 100%;
		margin-bottom: 8rem;
		position: relative;
	}
	#DesignDoorNoppo .p-case-block03-item:last-child{
		margin-bottom: 0;
	}
	#DesignDoorNoppo .p-case-block03-item::before{
		content: '';
		width: 130%;
		height:80%;
		border: 5px solid #cdc4b9;
		border-radius: 0 100rem 100rem 0;
		position: absolute;
		top: 50%;
		left: -30%;
		z-index: -1;
		transform: translateY(-50%);
	}
	#DesignDoorNoppo .p-case-block03-item:nth-child(2)::before{
		border-radius: 100rem 0 0 100rem;
		width: 130%;
		left: auto;
		right: -30%;
	}
	#DesignDoorNoppo .p-case-block03-pic,
	#DesignDoorNoppo .p-case-block03-pic02,
	#DesignDoorNoppo .p-case-block03-pic03{
		width: 80%;
	}
	#DesignDoorNoppo .p-case-block03-item:nth-child(2) .p-case-block03-pic{
		margin: 0 0 2rem auto;
	}
}
@media(max-width: 767.98px) {
	#DesignDoorNoppo .p-case-ttl > span{
		font-size: 1.7rem;
		width: 45px;
	}
	#DesignDoorNoppo .p-case-ttl > span::before{
		border-right: solid 45px #7b6c5f;
	}
	#DesignDoorNoppo .p-case-ttl > span::after{
		border-left: solid 45px #7b6c5f;
	}
	#DesignDoorNoppo .p-case-block,
	#DesignDoorNoppo .p-case-block02,
	#DesignDoorNoppo .p-case-block03-item{
		margin-bottom: 6rem;
	}
}
@media(max-width: 575.98px) {
	#DesignDoorNoppo .p-case-ttl > span{
		font-size: 1.4rem;
		letter-spacing: 0;
		width: 40px;
	}
	#DesignDoorNoppo .p-case-ttl > span::before{
		border-right: solid 40px #7b6c5f;
	}
	#DesignDoorNoppo .p-case-ttl > span::after{
		border-left: solid 40px #7b6c5f;
	}
	#DesignDoorNoppo .p-case-ttl > span:not(:last-child){
		margin-left: .6rem;
	}
}
/* feature */
#DesignDoorNoppo .p-feature{
	position: relative;
	top: -30rem;
	z-index: 1;
	margin-bottom: -30rem;
}
#DesignDoorNoppo .p-feature-ttl{
	position: relative;
	top: 2rem;
	left: 0;
}
#DesignDoorNoppo .p-feature-ttl > span{
	display: inline-block;
	height: 45px;
	padding: 5px 0;
	background: #fff;
	font-size: 1.5rem;
	letter-spacing: .05em;
	position: relative;
}
#DesignDoorNoppo .p-feature-ttl > span:not(:last-child){
	margin-bottom: .1rem;
}
#DesignDoorNoppo .p-feature-ttl > span::before{
	position: absolute;
	content: '';
	left: -20px;
	top: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 20px transparent;
	border-bottom: solid 45px #fff;
}
#DesignDoorNoppo .p-feature-ttl > span::after{
	position: absolute;
	content: '';
	right: -20px;
	top: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 20px #fff;
	border-bottom: solid 45px transparent;
}
#DesignDoorNoppo .p-feature-pic{
	width: 90%;
	margin-right: 0;
	margin-left: auto;
}
#DesignDoorNoppo .p-feature-block{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#DesignDoorNoppo .p-feature-block-item-ttl{
	font-size: 4rem;
	font-weight: 300;
	letter-spacing: .06em;
}
#DesignDoorNoppo .p-feature-block-item-txt{
	font-size: 1.2rem;
	line-height: 1.4;
}
#DesignDoorNoppo .p-feature-block-item-btn a{
	font-weight: normal;
    display: block;
    text-decoration: none;
    border-radius: 100vh;
    padding: 0.5em 4em;
    color: #fff;
    line-height: 1.6;
    letter-spacing: .06em;
	text-align: center;
}
#DesignDoorNoppo .p-feature-block-item-btn:nth-child(1) a{
	background-color: #7b6c5f;
}
#DesignDoorNoppo .p-feature-block-item-btn:nth-child(2) a{
	background-color: #94a147;
}
@media(max-width: 991.98px) {
	#DesignDoorNoppo .p-feature{
		top: 0;
		margin-bottom: 0;
	}
	#DesignDoorNoppo .p-feature::before{
		content: '';
		display: block;
		width: 100%;
		height: 20%;
		background: url(/shop/data/noppo/img/bg_br.jpg);
		position: absolute;
		top: 0;
		left: 0;
	}
	#DesignDoorNoppo .p-feature-block{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#DesignDoorNoppo .p-feature-block-item{
		margin-bottom: 1rem;
	}
	#DesignDoorNoppo .p-feature-block-item:last-child{
		margin-bottom: 0;
	}
	#DesignDoorNoppo .p-feature-pic{
		width: auto;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
}
@media(max-width: 767.98px) {
	#DesignDoorNoppo .p-feature-ttl > span{
		font-size: 1.3rem;
		height: 40px;
	}
	#DesignDoorNoppo .p-feature-ttl > span::before{
		border-bottom: solid 40px #fff;
	}
	#DesignDoorNoppo .p-feature-ttl > span::after{
		border-bottom: solid 40px transparent;
	}
}
@media(max-width: 575.98px) {
	#DesignDoorNoppo .p-feature-ttl{
		padding: 0 20px;
	}
	#DesignDoorNoppo .p-feature-ttl > span:not(:last-child){
		margin-bottom: .2rem;
	}
	#DesignDoorNoppo .p-feature-ttl > span{
		font-size: 1.2rem;
		letter-spacing: 0;
		height: 35px;
	}
	#DesignDoorNoppo .p-feature-ttl > span::before{
		border-bottom: solid 35px #fff;
	}
	#DesignDoorNoppo .p-feature-ttl > span::after{
		border-bottom: solid 35px transparent;
	}
	#DesignDoorNoppo .p-feature-block-item-ttl{
		font-size: 3rem;
	}
}
/* feature02 */
#DesignDoorNoppo .p-feature02{
	padding: 8rem 0;
}
#DesignDoorNoppo .p-feature02-ttl{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 2rem;
}
#DesignDoorNoppo .p-feature02-ttl > span:nth-child(1){
	font-size: 2.7rem;
	letter-spacing: .06em;
	text-align: center;
	position: relative;
	display: block;
	margin-right: 3rem;
}
#DesignDoorNoppo .p-feature02-ttl > span:nth-child(1) > span{
	display: block;
	font-size: 1rem;
	position: relative;
    bottom: -5px;
}
#DesignDoorNoppo .p-feature02-ttl > span:nth-child(1)::after{
	content: '';
	width: 4px;
	height: 64px;
	background: #000;
	position: absolute;
	top: 50%;
	right: -1.5rem;
	transform: translateY(-50%);
}
#DesignDoorNoppo .p-feature02-ttl > span:nth-child(2){
	font-size: 1.3rem;
}
#DesignDoorNoppo .p-feature02-block{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 2.5rem;
}
#DesignDoorNoppo .p-feature02-block-item{
	width: 30%;
}
@media(max-width: 991.98px) {
	#DesignDoorNoppo .p-feature02-block-item{
		width: 48%;
	}
	#DesignDoorNoppo .p-feature02-block-pic{
		margin-bottom: .5rem;
	}
}
@media(max-width: 767.98px) {
	#DesignDoorNoppo .p-feature02{
		padding: 4rem 0;
	}
	#DesignDoorNoppo .p-feature02-ttl > span:nth-child(1){
		font-size: 2.4rem;
	}
	#DesignDoorNoppo .p-feature02-ttl > span:nth-child(1) > span{
		font-size: .8rem;
	}
	#DesignDoorNoppo .p-feature02-ttl > span:nth-child(1)::after{
		height: 60px;
	}
}
/* feature03 */
#DesignDoorNoppo .p-feature03{
	padding: 8rem 0;
	background: #dad1c6;
}
#DesignDoorNoppo .p-feature03-block{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#DesignDoorNoppo .p-feature03-block-item{
	width: 47%;
}
#DesignDoorNoppo .p-feature03-txt{
	font-size: 1.1rem;
	line-height: 2;
	margin-bottom: 2rem;
}
@media(max-width: 991.98px) {
	#DesignDoorNoppo .p-feature03-block-item{
		width: 100%;
		margin-bottom: 4rem;
	}
	#DesignDoorNoppo .p-feature03-block-item:last-child{
		margin-bottom: 0;
	}
}
@media(max-width: 767.98px) {
	#DesignDoorNoppo .p-feature03{
		padding: 4rem 0;
	}
	#DesignDoorNoppo .p-feature03-txt{
		font-size: 1rem;
		line-height: 1.6;
	}
}
/* feature04 */
#DesignDoorNoppo .p-feature04{
	padding: 8rem 0;
}
#DesignDoorNoppo .p-feature04-pic{
	width: 90%;
	margin: 0 auto 6rem;
}
#DesignDoorNoppo .p-feature04-ttl{
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 3rem;
}
#DesignDoorNoppo .p-feature04-ttl > span{
	display: inline-block;
	position: relative;
}
#DesignDoorNoppo .p-feature04-ttl > span::before,
#DesignDoorNoppo .p-feature04-ttl > span::after{
	position: relative;
	display: inline-block;
	content: "";
	background: #000;
	width: 2px;
	height: 1.5em;
	margin: 0 2rem;
	margin-top: -.2em;
	vertical-align: middle;
}
#DesignDoorNoppo .p-feature04-ttl > span::before{
	transform: rotate(-35deg);
}
#DesignDoorNoppo .p-feature04-ttl > span::after{
	transform: rotate(35deg);
}
#DesignDoorNoppo .p-feature04-block{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#DesignDoorNoppo .p-feature04-block-item{
	width: 45%;
	margin-bottom: 4rem;
}
#DesignDoorNoppo .p-feature04-block-item-ttl{
	margin-bottom: 1.5rem;
}
#DesignDoorNoppo .p-feature04-block-item-ttl > span{
	display: inline-block;
	font-size: 1rem;
	background: #dad1c6;
	padding: 5px;
}
#DesignDoorNoppo .p-feature04-block-item-pic{
	padding: 0 5%;
	position: relative;
}
#DesignDoorNoppo .p-feature04-block-item-pic.sp{
	display: none;
}
#DesignDoorNoppo .p-feature04-btnList{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#DesignDoorNoppo .p-feature04-btnList-btn{
	margin: 0 1rem;
}
#DesignDoorNoppo .p-feature04-btnList-btn a{
	font-weight: normal;
    display: block;
    text-decoration: none;
    border-radius: 100vh;
    padding: 0.5em 6em;
    color: #fff;
    line-height: 1.6;
    letter-spacing: .06em;
    text-align: center;
}
#DesignDoorNoppo .p-feature04-btnList-btn:nth-child(1) a{
	background: #7b6c5f;
}
#DesignDoorNoppo .p-feature04-btnList-btn:nth-child(2) a{
	background: #94a147;
}
@media(max-width: 991.98px) {
	#DesignDoorNoppo .p-feature04-pic{
		width: 100%;
	}
}
@media(max-width: 991.98px) {
	#DesignDoorNoppo .p-feature04-block{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#DesignDoorNoppo .p-feature04-block-item{
		width: 80%;
	}
	#DesignDoorNoppo .p-feature04-block-item:nth-child(even){
		margin-right: 0;
		margin-left: auto;
	}
	#DesignDoorNoppo .p-feature04-block-item-pic{
		padding: 0;
	}
	#DesignDoorNoppo .p-feature04-btnList{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#DesignDoorNoppo .p-feature04-btnList-btn{
		margin: 0 auto 1rem;
	}
	#DesignDoorNoppo .p-feature04-btnList-btn:last-child{
		margin-bottom: 0;
	}
	#DesignDoorNoppo .p-feature04-btnList-btn a{
		padding: 0.5em 4em;
	}
	#DesignDoorNoppo .p-feature04-block-item-pic.pc{
		display: none;
	}
	#DesignDoorNoppo .p-feature04-block-item-pic.sp{
		display: block;
	}
}
@media(max-width: 767.98px) {
	#DesignDoorNoppo .p-feature04{
		padding: 4rem 0;
	}
	#DesignDoorNoppo .p-feature04-ttl{
		font-size: 1.5rem;
	}
}
@media(max-width: 575.98px) {
	#DesignDoorNoppo .p-feature04-ttl{
		font-size: 1.2rem;
	}
	#DesignDoorNoppo .p-feature04-ttl > span{
		display: block;
		padding: 0 20px;
	}
	#DesignDoorNoppo .p-feature04-ttl > span::before, 
	#DesignDoorNoppo .p-feature04-ttl > span::after{
		display: block;
		position: absolute;
	}
	#DesignDoorNoppo .p-feature04-ttl > span::before{
		top: 0;
		left: -20px;
	}
	#DesignDoorNoppo .p-feature04-ttl > span::after{
		top: 0;
		right: -20px;
	}
	#DesignDoorNoppo .p-feature04-block-item{
		margin-bottom: 2rem;
	}
	#DesignDoorNoppo .p-feature04-block-item-ttl > span{
		margin-bottom: .4rem;
	}
}
/* voice */
#DesignDoorNoppo .p-voice{
	position: relative;
	z-index: 1;
	padding: 8rem 0;
}
#DesignDoorNoppo .p-voice::before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/shop/data/noppo/img/bg_br.jpg);
    transform: skewY(-3deg);
	z-index: -1;
}
#DesignDoorNoppo .p-voice-ttl{
	font-size: 2.1rem;
	text-align: center;
	letter-spacing: .05em;
	margin-bottom: 4rem;
	color: #fff;
}
#DesignDoorNoppo .p-voice-ttl > span{
	display: block;
	font-size: .8rem;
	margin-bottom: .5rem;
}
#DesignDoorNoppo .p-voice-block{
	background: #cdc4b9;
	padding: 4rem 0 2rem;
	border-radius: 0 10rem 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: calc(50% - 50vw);
	margin-bottom: 8rem;
}
#DesignDoorNoppo .p-voice-block-item:nth-child(1){
	width: 50%;
}
#DesignDoorNoppo .p-voice-block-item:nth-child(2){
	width: 50%;
	padding:  0 6rem;
}
#DesignDoorNoppo .p-voice-block-item-ttl{
	font-size: 2.7rem;
    letter-spacing: .06em;
    text-align: center;
	position: relative;
	margin-bottom: 2rem;
}
#DesignDoorNoppo .p-voice-block-item-ttl > span{
	display: block;
    font-size: 1rem;
    position: relative;
    bottom: -5px;
}
#DesignDoorNoppo .p-voice-block-item-ttl::after{
	content: '';
	display: block;
	width: 50px;
	height: 1px;
	margin: .5rem auto 0;
	background: #000;
}
#DesignDoorNoppo .p-voice-block-item-txt{
	line-height: 2.2;
}
#DesignDoorNoppo .p-voice-block-item-pic figcaption{
	font-size: .8rem;
	line-height: 1.5;
	text-align: right;
	margin-top: .5rem;
}
#DesignDoorNoppo .p-voice-block02{
	background: #cdc4b9;
	padding: 4rem 0 2rem;
	border-radius: 10rem 0 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin-right: calc(50% - 50vw);
}
#DesignDoorNoppo .p-voice-block02 .p-voice-block-item-pic figcaption{
	text-align: left;
}
@media(max-width: 991.98px) {
	#DesignDoorNoppo .p-voice-block-item:nth-child(2){
		padding: 0 3rem;
	}
	#DesignDoorNoppo .p-voice-ttl{
		font-size: 1.7rem;
	}
}
@media(max-width: 767.98px) {
	#DesignDoorNoppo .p-voice{
		padding: 4rem 0;
	}
	#DesignDoorNoppo .p-voice-block{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		padding: 4rem 1.5rem 2rem;
		margin-bottom: 4rem;
	}
	#DesignDoorNoppo .p-voice-block02{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		padding: 4rem 1.5rem 2rem;
	}
	#DesignDoorNoppo .p-voice-block-item:nth-child(1){
		width: 100%;
	}
	#DesignDoorNoppo .p-voice-block-item:nth-child(2){
		width: 100%;
		padding: 0;
	}
	#DesignDoorNoppo .p-voice-block-item-ttl{
		font-size: 2.4rem;
	}
}
@media(max-width: 575.98px) {
	#DesignDoorNoppo .p-voice-block-item-txt{
		line-height: 2;
	}
}
/* works */
#DesignDoorNoppo .p-works{
	padding: 8rem 0;
}
#DesignDoorNoppo .p-works-ttl{
	font-size: 1.4rem;
	text-align: center;
}
#DesignDoorNoppo .p-works-ttl::after{
	content: '';
	display: block;
	width: 50px;
	height: 1px;
	background: #000;
	margin: 1rem auto 2rem;
}
#DesignDoorNoppo .p-works-gallery{
	padding: 0 30px;
}
#DesignDoorNoppo .p-works-gallery .swiper-slide img{
	width: 90%;
	display: block;
	margin: auto;
}
#DesignDoorNoppo .p-works-gallery  [class^="swiper-button-"]{
	color: #000;
}
#DesignDoorNoppo .p-works-gallery [class^="swiper-button-"]::after{
    font-size: 22px;
}
.modaal-wrapper{
	background: rgba(0,0,0,.8)!important;
}
.modaal-gallery-control:after, .modaal-gallery-control:before{
	width: 2px!important;
    height: 16px!important;
}
.modaal-close:after, .modaal-close:before{
	width: 2px!important;
}
.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before{
	background: #000!important;
}
@media(max-width: 767.98px) {
	#DesignDoorNoppo .p-works{
		padding: 4rem 0;
	}
}
@media(max-width: 575.98px) {
	#DesignDoorNoppo .slick-prev{
		left: 0;
		z-index: 1;
	}
	#DesignDoorNoppo .slick-next{
		right: 0;
		z-index: 1;
	}
	.modaal-close{
		top: 0!important;
		right: 0!important;
	}
	.modaal-gallery-control{
		width: 40px!important;
		height: 40px!important;
	}
	.modaal-gallery-control:after, .modaal-gallery-control:before{
		top: 12px!important;
		left: 21px!important;
	}
	.modaal-gallery-prev:after, .modaal-gallery-prev:before{
		left: 18px!important;
	}
}
/* coordination */
#DesignDoorNoppo .p-coordination{
	position: relative;
	padding: 8rem 0;
	z-index: 1;
}
#DesignDoorNoppo .p-coordination::before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background: #dad1c6;
    transform: skewY(-3deg);
	z-index: -1;
}
#DesignDoorNoppo .p-coordination-ttl{
	font-size: 2.1rem;
    text-align: center;
    letter-spacing: .05em;
    margin-bottom: 4rem;
}
#DesignDoorNoppo .p-coordination-ttl > span{
    display: block;
    font-size: .8rem;
    margin-bottom: .5rem;
}
#DesignDoorNoppo .p-coordination-block{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 6rem;
}
#DesignDoorNoppo .p-coordination-block-item{
	position: relative;
}
#DesignDoorNoppo .p-coordination-block-item:nth-child(1){
	width: 70%;
}
#DesignDoorNoppo .p-coordination-block-item:nth-child(2){
	width: 25%;
}
#DesignDoorNoppo .p-coordination-block-item-txt{
	line-height: 1.6;
}
#DesignDoorNoppo .p-coordination-block-item-deco{
	position: absolute;
	top: 2rem;
	left: -2rem;
	font-size: 2.7rem;
	font-weight: 300;
    letter-spacing: .06em;
    text-align: center;
	background: #877b71;
	color: #fff;
	border-radius: 0 3rem 3rem 0;
	padding: 0 2rem .2rem;
}
#DesignDoorNoppo .p-coordination-block-item-deco > span{
    display: block;
    font-size: 1rem;
    position: relative;
    bottom: -10px;
}
#DesignDoorNoppo .p-coordination-block-item-txt > span{
	display: inline-block;
	font-size: 1.3rem;
	font-weight: 700;
	margin-top: .2rem;
}
#DesignDoorNoppo .p-coordination-block02{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#DesignDoorNoppo .p-coordination-block02 .p-coordination-block-item-deco{
	background: #a78d6f;
}
@media(max-width: 991.98px) {
	#DesignDoorNoppo .p-coordination-ttl{
		font-size: 1.7rem;
	}
	#DesignDoorNoppo .p-coordination-block-item:nth-child(1){
		width: 100%;
	}
	#DesignDoorNoppo .p-coordination-block-item:nth-child(2){
		width: 100%;
	}
	#DesignDoorNoppo .p-coordination-block{
		margin-bottom: 4rem;
	}
}
@media(max-width: 767.98px) {
	#DesignDoorNoppo .p-coordination{
		padding: 4rem 0;
	}
}
@media(max-width: 575.98px) {
	#DesignDoorNoppo .p-coordination-block-item-pic{
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
	#DesignDoorNoppo .p-coordination-block-item-deco{
		font-size: 2.4rem;
		top: -2rem;
		left: 0;
	}
}
/* faq */
#DesignDoorNoppo .p-faq{
	padding-top: 8rem;
}
#DesignDoorNoppo .p-faq-ttl{
	font-size: 2.1rem;
    text-align: center;
    letter-spacing: .05em;
    margin-bottom: 4rem;
	position: relative;
}
#DesignDoorNoppo .p-faq-ttl > span{
	display: block;
    font-size: .8rem;
    margin-bottom: 0.5rem;
}
#DesignDoorNoppo .p-faq-list{
	padding-bottom: 1rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #cbc6c1;
	cursor: pointer;
}
#DesignDoorNoppo .p-faq-list-ttl{
	font-size: 1rem;
	font-weight: 700;
	text-indent: -1em;
	line-height: 1.5;
	padding: 0 1.5em 0 1em;
	position: relative;
}
#DesignDoorNoppo .p-faq-list-ttl::before{
	position: absolute;
	content: "";
	display: block;
	width: 18px;
	height: 2px;
	background-color: #000;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
}
#DesignDoorNoppo .p-faq-list-ttl::after{
	position: absolute;
	content: "";
	display: block;
	width: 18px;
	height: 2px;
	background-color: #000;
	right: 0;
	top: 50%;
	transform: translate(0, -50%) rotate(90deg);
}
#DesignDoorNoppo .p-faq-list-ttl.active::after{
	display: none;
}
#DesignDoorNoppo .p-faq-list-txt{
	display: none;
	font-size: 1rem;
	line-height: 2;
	padding-left: 1em;
	padding-top: 1rem;
	text-indent: -1em;
}
#DesignDoorNoppo .p-faq-list-txt ul{
	padding-left: 1em;
}
#DesignDoorNoppo .p-faq-list-txt li{
	list-style-type: decimal;
	text-indent: 0;
}
#DesignDoorNoppo .p-faq-btn{
	margin-top: 4rem;
	text-align: center;
}
#DesignDoorNoppo .p-faq-btn a{
	font-weight: normal;
    display: inline-block;
    text-decoration: none;
    border-radius: 100vh;
    padding: 0.5em 6em;
    color: #fff;
    line-height: 1.6;
    letter-spacing: .06em;
    text-align: center;
	background: #7b6c5f;
}
@media(max-width: 991.98px) {
	#DesignDoorNoppo .p-faq-ttl{
		font-size: 1.7rem;
	}
	#DesignDoorNoppo .p-faq-btn a{
		padding: 0.5em 4em;
	}
}
@media(max-width: 767.98px) {
	#DesignDoorNoppo .p-faq{
		padding-top: 5rem;
	}
}
/* bnr */
#DesignDoorNoppo .p-bnr{
	position: relative;
    z-index: 1;
    padding: 16rem 0 8rem;
	overflow: hidden;
}
#DesignDoorNoppo .p-bnr::before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/shop/data/noppo/img/bg_br.jpg);
    transform: skewY(-3deg) translateY(90px);
    z-index: -1;
}
#DesignDoorNoppo .p-bnr-articles{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.875rem;
	width: 66.66666667%;
	margin: auto;
}
#DesignDoorNoppo .p-bnr-articles a{
	display: block;
    position: relative;
    color: #3a3a3a;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
@media(hover: hover) {
	#DesignDoorNoppo .p-bnr-articles a:hover {
		opacity: .6;
	}
}
#DesignDoorNoppo .p-bnr-articles-item{
	background: #dad1c6;
}
#DesignDoorNoppo .p-bnr-articles-item figure{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1.875rem;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
    margin-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#DesignDoorNoppo .p-bnr-articles-item figure img{
	width: 50%;
}
#DesignDoorNoppo .p-bnr-articles-item figcaption{
	-webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1.5;
}
#DesignDoorNoppo .p-bnr-articles-item figcaption > span{
	display: inline-block;
	font-size: 1rem;
	font-weight: 500;
    position: relative;
}
#DesignDoorNoppo .p-bnr-articles-item figcaption > span::before,
#DesignDoorNoppo .p-bnr-articles-item figcaption > span::after{
	position: relative;
    display: inline-block;
    content: "";
    background: #000;
    width: 1px;
    height: 1.4em;
    margin: 0 1rem;
    margin-top: -0.2em;
    vertical-align: middle;
}
#DesignDoorNoppo .p-bnr-articles-item figcaption > span::before{
	transform: rotate(-35deg);
}
#DesignDoorNoppo .p-bnr-articles-item figcaption > span::after{
	transform: rotate(35deg);
}
#DesignDoorNoppo .p-bnr-articles-item figcaption .brank{
	display: none;
}
#DesignDoorNoppo .p-bnr-articles-item .click{
	position: absolute;
    bottom: 10px;
    right: 10px;
}
#DesignDoorNoppo .p-bnr-articles-item .click span{
	display: inline-block;
	font-weight: normal;
    text-decoration: none;
    border-radius: 100vh;
    padding: .1em 2.5em;
    color: #fff;
    line-height: 1.6;
    letter-spacing: .06em;
    text-align: center;
	background: #94a147;
}
#DesignDoorNoppo .p-bnr-articles-item02 figure{
	margin-bottom: 0;
}
#DesignDoorNoppo .p-bnr-articles-item02 .click{
	position: absolute;
    bottom: 10px;
    right: 10px;
}
#DesignDoorNoppo .p-bnr-articles-item02 .click span{
	display: inline-block;
	font-weight: normal;
    text-decoration: none;
    border-radius: 100vh;
    padding: 0.2em 3em;
    color: #fff;
    line-height: 1.6;
    letter-spacing: .06em;
    text-align: center;
	background: #94a147;
}
#DesignDoorNoppo .p-bnr-articles-item03{
	background: url(/shop/data/noppo/img/bg_gr.jpg);
}
#DesignDoorNoppo .p-bnr-articles-item03 figure img{
	width: 40%;
}
@media(max-width: 991.98px) {
	#DesignDoorNoppo .p-bnr{
		padding: 12rem 0px 6rem;
	}
	#DesignDoorNoppo .p-bnr-articles{
		width: 100%;
	}
	#DesignDoorNoppo .p-bnr-articles-item figure{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#DesignDoorNoppo .p-bnr-articles-item figure img{
		display: block;
		height: auto;
		width: 100%;
	}
	#DesignDoorNoppo .p-bnr-articles-item figcaption{
		padding-top: 0.9375rem;
		padding-bottom: 0.9375rem;
	}
}
@media(max-width: 767.98px) {
	#DesignDoorNoppo .p-bnr-articles-item .click span{
		font-size: .8rem;
		padding: .1em 1rem;
	}
	#DesignDoorNoppo .p-bnr-articles-item02 .click span{
		font-size: .8rem;
		padding: .1em 1rem;
	}
}
@media(max-width: 575.98px) {
	#DesignDoorNoppo .p-bnr-articles-item figcaption{
		font-size: 1rem;
	}
	#DesignDoorNoppo .p-bnr-articles-item figcaption .brank{
		display: block;
	}
}