/*
 Theme Name:   ncw_2026
 Template:     wp-bootstrap-starter
*/

/*colors*/
:root {
	--mustard: #d4ac5a;
}

@media (min-width: 768px) {
	.navbar-header {
		float: none;
	}

	.navbar-nav {
		float: right;
	}

	.dropdown:hover>.dropdown-menu {
		display: block;
		height: auto;
	}
}

*:focus,
*:focus-visible{
    outline: none!important;
	/* background: unset!important; */
	box-shadow: none!important;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	color: #000;
	background: #fff;
	font-weight: 400;
	letter-spacing: 0.02em;
	font-size: 16px;
	line-height: 1.8;
	-webkit-font-smoothing: antialiased;
	font-feature-settings: "palt" !important;
	letter-spacing: 0.05em;
	text-align: justify;
}

body.home {
	/*background: #000;*/
}

@media (max-width: 768px) {
	body {
		font-size: 12px;
	}
}

::selection {
	/* background: #6a5a4e; */
	background: #000;
	color: #fff;
}

::-moz-selection {
	background: #000;
	color: #fff;
}

.row {
	/*    margin-right: -10px;
	margin-left: -10px;*/
}

/* no-gutters Class Rules */

.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.row.no-gutters [class^="col-"],
.row.no-gutters [class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}

.row.flex:before {
	display: none;
}


.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
/* スマホ（767px以下） */
.col-xs-1-5 {width: 20%;float: left;}
.col-xs-2-5 {width: 40%;float: left;}
.col-xs-3-5 {width: 60%;float: left;}
.col-xs-4-5 {width: 80%;float: left;}
/* タブレット（768px～991px） */
@media (min-width: 768px) {
    .col-sm-1-5 {width: 20%;float: left;}
    .col-sm-2-5 {width: 40%;float: left;}
    .col-sm-3-5 {width: 60%;float: left;}
    .col-sm-4-5 {width: 80%;float: left;}
}
/* PC（992px～1119px） */
@media (min-width: 992px) {
    .col-md-1-5 {width: 20%;float: left;}
    .col-md-2-5 {width: 40%;float: left;}
    .col-md-3-5 {width: 60%;float: left;}
    .col-md-4-5 {width: 80%;float: left;}
}
/* PC大画面（1200px以上）*/
@media (min-width: 1200px) {
    .col-lg-1-5 {width: 20%;float: left;}
    .col-lg-2-5 {width: 40%;float: left;}
    .col-lg-3-5 {width: 60%;float: left;}
    .col-lg-4-5 {width: 80%;float: left;}
}

.container,
.container-fluid {
	padding-right: 20px;
	padding-left: 20px;
}

@media screen and (min-width: 768px) {
	.container-fluid {
		padding-right: 60px;
		padding-left: 60px;
		width: 100%;
	}
}

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

.h1,
.h2,
.h3,
h1,
h2,
h3 {
	/* font-family: 'Raleway', 'Noto Sans JP', sans-serif; */
	margin-top: 0px;
	margin-bottom: 30px;
	font-weight: bold;
	letter-spacing: 0.05em;
}

footer#colophon .info_box h3 a{
	font-family: 'Raleway', 'Noto Sans JP', sans-serif;
}

/* .en{
	font-family: 'Raleway', 'Noto Sans JP', sans-serif;
} */

.h2,
h2 {}

.h3,
h3 {
	font-size: 24px;
	line-height: 1.4;
}

.h4,
h4 {
	margin: 0 0 15px;
	font-size: 20px;
	line-height: 1.4;
}

.h5,
h5 {
	margin: 0 0 15px;
	font-size: 16px;
}

.h6,
h6 {
	margin: 0 0 15px;
	font-size: 16px;
}

p {
	margin: 0 0 15px;
}

@media screen and (max-width: 768px) {

	.h3,
	h3 {
		font-size: 20px;
	}
}

a {
	color: #333;
	text-decoration: none;
	transition: .2s;
}

a:hover,
a:focus {
	color: #999;
	text-decoration: underline;
}

a,
label,
button,
input {
	transition: .2s;
}

a img {
	transition: .8s;
}

a:hover img,
label:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

p a {
	text-decoration: underline;
}

ol,
ul {
	margin-top: 0;
	margin-bottom: 30px;
	padding-left: 25px;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 30px 0;
}

.text_red{
	color: #e60012;
}

.text_small{
	font-size: 14px;
}


.u-mt-20{
	margin-top: 20px;
}
.u-mt-30{
	margin-top: 30px;
}
.u-mt-40{
	margin-top: 40px;
}
.u-mt-50{
	margin-top: 50px;
}
.u-mt-60{
	margin-top: 60px;
}

.u-mb-20{
	margin-bottom: 20px;
}
.u-mb-30{
	margin-bottom: 30px;
}
.u-mb-40{
	margin-bottom: 40px;
}
.u-mb-50{
	margin-bottom: 50px;
}
.u-mb-60{
	margin-bottom: 60px;
}

.mt-10{
	margin-top: 10px;
}
.mt-20{
	margin-top: 20px;
}
.mt-30{
	margin-top: 30px;
}
.mt-40{
	margin-top: 40px;
}
.mt-50{
	margin-top: 50px;
}
.mt-60{
	margin-top: 60px;
}
.mt-70{
	margin-top: 70px;
}
.mt-80{
	margin-top: 80px;
}
.mt-90{
	margin-top: 90px;
}
.mt-100{
	margin-top: 100px;
}

.mb-20{
	margin-bottom: 20px;
}
.mb-20{
	margin-bottom: 20px;
}
.mb-30{
	margin-bottom: 30px;
}
.mb-40{
	margin-bottom: 40px;
}
.mb-50{
	margin-bottom: 50px;
}
.mb-60{
	margin-bottom: 60px;
}
.mb-70{
	margin-bottom: 70px;
}
.mb-80{
	margin-bottom: 80px;
}

.ma{
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.bl{
	border-left: 1px solid #000;
}

.u-w-100{
	width: 100%;
}

.c-text.-xsmall{
	font-size: 12px;
}

.c-text.-small{
	font-size: 14px;
}

.c-text.-center{
	text-align: center;
}

.c-text.-right{
	text-align: right;
}

.c-text.-red{
	color: #e60012;
}
.c-text.-bold{
	font-weight: 700;
}

.c-border-box{
	padding: 2px 10px;
	margin-right: 5px;
	font-size: 14px;
	color: #ec6d74;
	border: 1px solid #ec6d74;
	border-radius: 3em;
	display: inline-block;
}


.c-point{
	width: 80px;
	height: 20px;
	margin-bottom: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	font-weight: 700;
}

.c-point.-green{
	background: #37786E;
}

.c-point.-yellow{
	background: #D4AC5A;
}

.c-point.-pink{
	background: #ec6d74;
}

.c-flex-box{
	display: flex;
}

.c-flex-box.-center{
	justify-content: center;
}

.c-flex-box.-column{
	flex-direction: column;
}

.c-attnetion-container{
	padding: 40px;
	border: 1px solid #000;
}

.c-attnetion-container p{
	font-size: 14px;
}

@media (max-width: 768px) {
	.u-mt-20{
		margin-top: 20px;
	}
	.u-mt-30{
		margin-top: 30px;
	}
	.u-mt-40{
		margin-top: 40px;
	}
	.u-mt-50{
		margin-top: 50px;
	}
	.u-mt-60{
		margin-top: 60px;
	}

	.u-mb-20{
		margin-bottom: 20px;
	}
	.u-mb-30{
		margin-bottom: 30px;
	}
	.u-mb-40{
		margin-bottom: 40px;
	}
	.u-mb-50{
		margin-bottom: 50px;
	}
	.u-mb-60{
		margin-bottom: 60px;
	}

	.mt-10{
		margin-top: 10px;
	}
	.mt-20{
		margin-top: 20px;
	}
	.mt-30{
		margin-top: 30px;
	}
	.mt-40{
		margin-top: 40px;
	}
	.mt-50{
		margin-top: 50px;
	}
	.mt-60{
		margin-top: 60px;
	}
	.mt-70{
		margin-top: 60px;
	}
	.mt-80{
		margin-top: 60px;
	}

	.mb-20{
		margin-bottom: 20px;
	}
	.mb-30{
		margin-bottom: 30px;
	}
	.mb-40{
		margin-bottom: 40px;
	}
	.mb-50{
		margin-bottom: 50px;
	}
	.mb-60{
		margin-bottom: 60px;
	}
	.mb-70{
		margin-bottom: 60px;
	}
	.mb-80{
		margin-bottom: 60px;
	}

	.c-attnetion-container{
		padding: 20px;
	}
	.c-attnetion-container p{
		font-size: 12px;
	}
	.c-text.-right{
		text-align: left;
	}
	.c-text.-small{
		font-size: 12px;
	}
	.c-border-box{
		font-size: 12px;
	}
}

.relief-panel__title__h4{
	line-height: 1.6;
}

.relief-panel-strong-point__image{
	padding: 60px 0;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}



@media (max-width: 768px) {
	.relief-panel-strong-point__image{
		padding: 0;
	}
	.relief-panel-strong-point .point-img{
		max-width: 120px;
		margin-bottom: 10px;
		display: block;
	}
	.page-neo-edge__cases__h4 {
		display: block;
		margin-left: 0;
	}
}

#content {
	background: #fff;
	padding-top: 80px;
}

.mv_bottom_banner{
	margin-bottom: 80px;
}

header#masthead {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background: #fff;
	/*background: rgba(255,255,255,0.9);*/
	border: none;
	box-shadow: none;
	padding: 0 15px;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/
	font-size: 16px;
}

.text-yellow{
	color: #D4AC5A;
}

.title-container{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0;
	border: 3px dotted;
}
.title-container.-yellow{
	border-color: #D4AC5A;
}
.title-container.-white{
	color: #fff;
	border-color: #fff;
}

h3.deck_title_3{
	color: #D4AC5A;
}

/*
@media screen and (min-width: 768px) {
.home header#masthead {
	background: transparent;
}
}
*/

.follow header#masthead {
	box-shadow: none;
}

#cont_wrap {
	margin-top: 155px;
	min-height: 500px;
}

.home #cont_wrap {
	margin-top: 0px;
	min-height: 0px;
	/*margin-bottom: 20vw;*/
}

@media (max-width: 768px) {
	header#masthead {
		padding: 0;
	}

	#content {
		padding-top: 60px;
	}

	#cont_wrap {
		margin-top: 50px;
	}

	.home #cont_wrap {
		/*margin-top: 50px;*/
	}
}

.slider_wrap {
	max-height: 62.5vw;
	overflow: hidden;
	position: relative;
}

.slider_wrap .inner {
	height: 100%;
	padding-top: 100px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.slider_wrap .concept_box {
	width: 35vw;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	line-height: 2;
	position: absolute;
	right: 50px;
	bottom:  50px;

}
@media (max-width: 768px) {
	.slider_wrap .concept_box {
		width: 80%;
		top: 50%;
		left: 50%;
		right: auto;
		bottom: auto;
		transform: translate(-50%, -50%);
	}
}

.slider_wrap .concept_box h2 {
	color: #333;
    font-size: min(24px, 2vw);
	line-height: 1.5;
	margin-bottom: 20px;
}

.slider_wrap .concept_box p {
	color: #333;
	margin-bottom: 0;
}

.slider_wrap .scroller {
	position: absolute;
	bottom: 0;
	color: #fff;
	font-size: 14px;
	margin-bottom: 40px;
    left: 0;
    width: 100%;
    text-align: center;
}

.slider_wrap .mv_bnr{
	width: 300px;
	height: auto;
	position: absolute;
	bottom: 50px;
	left: 50px;
}

.slider_wrap .mv_insta_bnr{
	width: 300px;
	height: auto;
	position: absolute;
	top: 140px;
	right: 2.5vw;
}
.slider_wrap .mv_insta_bnr img{
	width: 100%;
}

@media (max-width: 1462px) {
	.slider_wrap .mv_insta_bnr{
		top: 15vw;
	}
}

@media (max-width: 1164px) {
	.slider_wrap .mv_insta_bnr{
		top: 220px;
	}
	.slider_wrap .concept_box p{
		display: none;
	}
}

@media (max-width: 768px) {
	.slider_wrap .mv_bnr,
	.slider_wrap .mv_insta_bnr{
		width: 80%;
		max-width: 300px;
		top: auto;
		left: 50%;
		bottom: 70px;
		transform: translateX(-50%);
	}
	.slider_wrap .mv_bnr{
		bottom: 80px;
	}
	.slider_wrap .mv_insta_bnr{
		bottom: 200px;
	}
	.slider_wrap {
		max-height: 100vh;
	}

	.slider_wrap .inner {
		padding-top: 50px;
		align-items: center;
	}

	.slider_wrap .concept_box {
		padding: 15px;
		line-height: 2;
	}

	.slider_wrap .concept_box h2 {
		font-size: 20px;
		margin-bottom: 0;
		text-align: center;
	}

	.slider_wrap .concept_box p {
		display: none;
	}

	.slider_wrap .scroller {
		font-size: 11px;
	}
}

.scroll_line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	overflow: hidden;
	text-align: center;
}

.scroll_line:before {
    content: '';
    position: relative;
    top: 0;
    /* left: 0; */
    width: 4px;
    background: #fff;
    height: 30px;
    animation: lineAnim 5s ease-out 1s;
    display: block;
    margin: 0 auto;
}

.slider_wrap .scroll_line:before {
	animation: lineAnim 5s ease-out 1s infinite;
}

@keyframes lineAnim {
	0% {
		top: 0px;
	}

	5% {
		top: 30px;
	}

	5.01% {
		top: -30px;
	}

	15% {
		top: 30px;
	}

	15.01% {
		top: -30px;
	}

	25% {
		top: 0px;
	}

	100% {
		top: 0px;
	}
}

.scroll_line_right {
	position: absolute;
	top: 50%;
	right: 0;
	height: 4px;
	width: 40px;
	overflow: hidden;
}

.scroll_line_right:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 4px;
	background: #fff;
	width: 40px;
	/*animation: lineAnim_right 5s ease-out 1s;*/
}

a:hover .scroll_line_right:before {
	animation: lineAnim_right 5s ease-out 0s;
}

@keyframes lineAnim_right {
	0% {
		left: 0px;
	}

	5% {
		left: 40px;
	}

	5.01% {
		left: -40px;
	}

	10% {
		left: 0px;
	}

	100% {
		left: 0px;
	}
}

.scroll_line_left {
	position: absolute;
	top: 50%;
	left: 0;
	height: 4px;
	width: 40px;
	overflow: hidden;
}

.scroll_line_left:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 4px;
	background: #fff;
	width: 40px;
	/*animation: lineAnim_left 5s ease-out 1s;*/
}

a:hover .scroll_line_left:before {
	animation: lineAnim_left 5s ease-out 0s;
}

@keyframes lineAnim_left {
	0% {
		right: 0px;
	}

	5% {
		right: 40px;
	}

	5.01% {
		right: -40px;
	}

	10% {
		right: 0px;
	}

	100% {
		right: 0px;
	}
}

footer#colophon {
	color: #fff;
	margin: 0;
	padding: 90px 0;
	text-align: left;
	font-weight: bold;
	/*	background: url(img/bg_wood1.jpg) repeat-y top center;
	background-size: 100% auto;*/
	background: rgba(0, 0, 0, .7);
	font-size: 14px;
}

footer#colophon a {
	color: #fff;
}

footer#colophon ul {
	padding-left: 0px;
	margin-left: 0;
	list-style-type: none;
}

footer#colophon ul li {
	margin-bottom: 15px;
}

footer#colophon ul ul {
	padding-left: 1em;
}

footer#colophon ul ul li {
	margin-bottom: 0;
}

footer#colophon ul a {
	display: block;
}

footer#colophon .info_box {
	text-align: right;
	font-size: 12px;
}

footer#colophon .info_box h3 {
	text-align: right;
    font-size: 33px;
    margin-bottom: 15px;
}

footer#colophon .info_box h3 img {
	/*height: 25px;*/
	width: 265px;
}

footer#colophon .info_box h4 {
	font-weight: bold;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
	footer#colophon {
		font-size: 12px;
		padding: 60px 0;
	}

	footer#colophon .info_box,
	footer#colophon .info_box h3 {
		text-align: center;
	}

	footer#colophon .info_box {
		font-size: 12px;
	}

	footer#colophon .info_box h4 {
		font-size: 18px;
	}
}

.copyright_txt {
	font-size: 11px;
	opacity: .5;
	padding-top: 20px;
}

.flex_centerbox {
	display: flex;
	align-items: center;
/* 	justify-content: center; */
}
.flex_bottombox {
	display: flex;
    align-items: flex-end;
	justify-content: center;
}

div#page-sub-header {
	color: #fff;
	text-shadow: none;
	text-align: center;
	margin-bottom: 0px;
	font-size: 18px;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 0;
	height: 500px;
	background: #000 url(img/slide/s14.jpg) no-repeat center center;
	background-size: cover;
	z-index: 1;
	overflow: hidden;
}

div#page-sub-header .inner {
	padding-top: 30px;
	padding-bottom: 30px;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}

div#page-sub-header h1 {
	color: #fff;
	font-size: 48px;
	letter-spacing: 0.05em;
}

div#page-sub-header p {
	font-weight: bold;
}

div#page-sub-header a {
	color: #fff;
	text-decoration: none;
}

div#page-sub-header a:hover {
	opacity: .7;
}

@media screen and (min-width: 992px) {
	div#page-sub-header p {
		max-width: 100%;
	}
}

@media screen and (min-width: 768px) {
	div#page-sub-header h1 {}
}

@media (max-width: 767px) {
	div#page-sub-header {
		margin-bottom: 0;
		padding: 0px;
		height: 200px;
	}

	div#page-sub-header h1 {
		font-size: 36px;
	}
}

#primary {
	margin-bottom: 90px;
}

.mbt_sns {
	font-size: 18px;
}

.navbar-brand {
	padding: 0px 15px;
	font-size: 35px;
	line-height: 1;
	height: auto;
	margin-bottom: 10px;
	font-family: 'Raleway', 'Noto Sans JP', sans-serif;
	font-weight: 800;
	letter-spacing: 0.05em;
}

.navbar-brand>a,
.navbar-brand>a:visited {
	color: #000;
	font-weight: inherit;
}

.navbar-brand>a:hover {
	color: #6a5a4e;
}

@media (max-width: 767px) {
	.navbar-brand {
		padding: 15px;
		margin-bottom: 0;
		font-size: 24px;
	}
}

#masthead .navbar-nav>li>a {
	/* color: #6a5a4e; */
	color: #000;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
	border-bottom: 2px solid transparent;
}
@media (max-width: 767px) {
	#masthead .navbar-nav>li>a {
		margin-right: 5px;
	}
}

#masthead .navbar-nav>li>a:focus,
#masthead .navbar-nav>li>a:hover {
	background: #f5f5f5;
	background: rgba(0, 0, 0, 0.05);
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#masthead .navbar-nav>.active>a,
#masthead .navbar-nav>.active>a:focus,
#masthead .navbar-nav>.active>a:hover {
	/* color: #6a5a4e; */
	/* border-bottom: 2px solid #6a5a4e; */
	/*    background: #f5f5f5;
	background: rgba(0,0,0,0.05);*/
	background: transparent;
	text-decoration: none;
	color: #000;
	border-bottom: 2px solid #000;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 0px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
}

.dropdown-menu>li>a {
	display: block;
	padding: 10px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	border-bottom: 1px solid #ccc;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus {
	color: #333;
	text-decoration: none;
	background-color: #fff;
	outline: 0;
}

.dropdown-menu>.active>a:hover{
	color: #333;
	background: #f5f5f5;
	background: rgba(0, 0, 0, 0.05);
}

#secondary .nav>li>a {
	display: inline;
}

.navbar-nav {
	/*margin: 0 -15px;*/
	font-weight: bold;
	margin-bottom: 10px;
	/*	padding-left: 15px;
	padding-right: 15px;*/
}

@media (max-width: 767px) {
	.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.navbar-offcanvas.navbar-offcanvas-right {
		right: -100%;
		padding-top: 30px;
	}

	.navbar-offcanvas {
		margin-top: 50px;
		box-shadow: none !important;
		max-width: 100%;
		text-align: center;
		-webkit-transition: all 0.15s ease-in;
		transition: all 0.15s ease-in;
	}

	.dropdown-menu {
		text-align: center;
	}
}

.navbar-default {
	background-color: #fff;
}

/*
@media (min-width: 768px) {
.navbar-toggle {
	display: block;
}
}


.navbar-offcanvas {
	position: fixed;
	width: 33.3%;
	max-width: 33.3%;
	left: -33.3%;
	top: 0;
	padding-left: 15px;
	padding-right: 15px;
	z-index: 999;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	margin-top: 88px;
}
.navbar-offcanvas.navbar-offcanvas-right {
	left: auto;
	right: -33.3%;
	opacity: 0;
}
.navbar-offcanvas.in {
	box-shadow: none;
}
.navbar-offcanvas.offcanvas-transform.in {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 1;
}
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 15px;
	margin-top: 18px;
	margin-bottom: 18px;
	background-color: transparent;
	background-image: none;
	border-radius: 0px;
	border: none;
	margin-right: 0px;
}
.navbar-toggle .icon-bar {
	background: #000;
}
.navbar-toggle.is-open .icon-bar {
	opacity: 1;
}
.navbar-offcanvas .navbar-nav,
.navbar-offcanvas .navbar-nav>li {
	text-align: center;
float: none;
font-size: 18px;
}


*/

.navbar-toggle {
	border: none;
}

.navbar-toggle .icon-bar {
	background: #6a5a4e none repeat scroll 0 0;
}

@media screen and (max-width: 768px) {
	.navbar-toggle {
		margin-top: 8px;
		margin-bottom: 8px;
		margin-right: 8px;
	}
}

/*
.navbar-toggle .icon-bar {
	width: 40px;
	border-radius: 0;
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 14px;
}
.offcanvas-toggle.is-open .icon-bar:nth-child(1) {
	-webkit-transform: rotate(45deg) translate(12px, 12px);
	transform: rotate(45deg) translate(12px, 12px);
}
.offcanvas-toggle.is-open .icon-bar:nth-child(3) {
	-webkit-transform: rotate(-45deg) translate(10px, -11px);
	transform: rotate(-45deg) translate(10px, -11px);
}


@media screen and (max-width: 768px) {
.navbar-offcanvas {
	width: 100%;
	max-width: 100%;
	left: -100%;
	margin-top: 68px;
}
.navbar-offcanvas.navbar-offcanvas-right {
	right: -100%;
}
.navbar-offcanvas .navbar-nav,
.navbar-offcanvas .navbar-nav>li {
font-size: 16px;
}
#masthead .navbar-nav > li > a {
	padding: 10px 15px;
}
}
*/

.site-logo img {
	height: 25px;
}

@media screen and (max-width: 768px) {
	.site-logo img {
		height: 20px;
	}
}

table {
}
th,
label {
	font-weight: 400;
}

.table {
	margin-bottom: 60px;
}
.table>thead {
    background: #888888;
    color: #fff;
}
.table th {
	font-weight: bold;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
/* 	padding: 15px 8px; */
border-color: #000;
min-width: 12em;
}



@media (max-width: 767px) {

	.table>tbody>tr>td,
	.table>tbody>tr>th,
	.table>tfoot>tr>td,
	.table>tfoot>tr>th,
	.table>thead>tr>td,
	.table>thead>tr>th {
/* 		display: block; */
	}
}

.wpcf7-form input[type=submit] {
	padding: 10px 60px;
	background: #eee;
	border: none;
	margin: 0 auto 30px;
	display: inherit;
	font-size: 16px;
	transition: .2s;
	border-radius: 0;
	color: #333;
}

.wpcf7-form input[type=submit]:hover {
	background: #999;
	color: #fff;
}

.wpcf7-form input[type=submit][disabled] {
	color: #fff;
	background: #eee;
	cursor: not-allowed;
}
.wpcf7-form td p {
margin-bottom: 15px;
}
.wpcf7-checkbox .wpcf7-list-item {
display: block;
}

.thumb_list p {
	margin-bottom: 20px;
}

ul.category-posts-internal {
	padding-left: 0;
}

.cat-post-item {
	border-bottom: 1px solid #eee !important;
	margin: 0px 0 !important;
	padding: 15px 0 10px !important;
	line-height: 1.3;
}

.cat-post-thumbnail {
	margin: 0px 10px 5px 0 !important;
	float: left;
}

.cat-post-date {
	font-style: normal !important;
	text-align: right;
	margin-bottom: 0 !important;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.entry-meta {
	margin-bottom: 20px;
}

.hentry {
	padding-bottom: 60px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 60px;
}

.page .hentry {
	padding-bottom: 0px;
	border-bottom: none;
	margin-bottom: 0px;
}

.hentry .entry-title {
	margin-bottom: 5px;
	font-family: inherit;
}

.hentry .post-thumbnail {
	margin-bottom: 30px;
}

.hentry p {
	margin: 0 0 15px;
}

.entry-footer {
	border-top: 1px dotted #ccc;
	padding-top: 15px;
	margin-top: 15px;
}

.entry-content h4 {
	margin: 0 0 20px;
}

.entry-content p {
	margin: 0 0 30px;
	font-size: 14px;
	line-height: 1.5;
}

@media (max-width: 768px) {
	.hentry .entry-title {
		font-size: 20px;
	}

	.entry-content p {
		font-size: 12px;
	}
}

.tos-wrapper .tos-caption {
	color: #000;
	text-shadow: none;
}

.tos-wrapper.tos-fixed {
	/*background-color: rgba(255,255,255,.85) !important;*/
	background-color: #fff !important;
	z-index: 20000;
}

.tos-close span:after,
.tos-close span:before,
.tos-next span,
.tos-prev span {
	width: 20px;
	height: 20px;
}

.tos-close span:after,
.tos-close span:before {
	width: 40%;
	height: 40%;
	margin-top: -8px;
}

.tos-close,
.tos-next,
.tos-prev {
	background: transparent;
	border-radius: 0px;
}

.tos-close span:before,
.tos-prev span {
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	left: 54%;
}

.tos-close span:after,
.tos-next span {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	right: 58%;
}

.tos-pagination a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.tos-close {
	top: 0;
}

.tos-close,
.tos-next {
	right: 0;
}

.tos-prev {
	left: 0;
}



.vegas-slide-inner {
	/*margin: 50px 0 0;*/
	/*background-size: auto 100%;*/
	background-size: cover;
}

#map {
	width: 100%;
	height: 300px;
}

@media (min-width: 992px) {
	.content-section {
		padding-top: 200px;
		padding-bottom: 200px;
	}

	#map {
		height: 400px;
	}
}

.video_embed {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 60px;
}

.video_embed iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.icons_box a.icon {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	font-size: 36px;
	color: #000;
	margin: 0 0.4em 30px;
	display: inline-block;
}

.icons_box a.icon:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	color: #000;
}

.icons_box a.icon .fa {
	transition: .2s;
}

.icons_box a.icon:hover .fa-youtube-play {
	color: #cd201f;
}

.icons_box a.icon:hover .fa-soundcloud {
	color: #ff8800;
}

.icons_box a.icon:hover .fa-instagram {
	color: #D93177;
}

.icons_box a.icon:hover .fa-twitter {
	color: #55acee;
}

.icons_box a.icon:hover .fa-facebook-official {
	color: #3B5998;
}

.fade-in {
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s;
	opacity: 0;
	transform: translateY(-50px);
}

.fade-in.fade-active {
	opacity: 1;
	transform: translateY(0px);
}

a.bt_link {
	display: inline-block;
	color: #000;
	border: 2px solid #000;
	padding: 15px 60px;
	text-decoration: none;
	position: relative;
	line-height: 1;
	margin-bottom: 30px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

a.bt_link:hover {
	/*padding: 15px 70px;*/
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	background: #000;
	color: #fff;
	border: 2px solid #000;
}

a.bt_link::before {
	position: absolute;
	display: block;
	content: "";
	width: 20px;
	height: 2px;
	background: #000;
	transition: .2s;
	right: 0;
	bottom: 22px;
}

a.bt_link::after {
	position: absolute;
	/* top: 17px; */
	display: block;
	content: "";
	width: 20px;
	/* height: 10px; */
	border-right: 2px solid #000;
	border-top: 2px solid #000;
	transition: .2s;
	opacity: 0;
	right: 0px;
	bottom: 22px;
}

a.bt_link:hover::before {
	background: #fff;
	width: 15px;
	transform: rotate(45deg);
	right: 8px;
	bottom: 28px;
}

a.bt_link:hover::after {
	/* border-right: 2px solid #6a5a4e; */
	border-top: 2px solid #fff;
	opacity: 1;
	transform: rotate(-45deg);
	width: 15px;
	right: 8px;
	bottom: 18px;
}

a.bt_link.active {
	color: #fff;
	background: #999;
	border: 2px solid #999;
}
a.bt_link.active::before {
	background: #fff;
}

a.bt_link.bt_link_w {
	color: #fff;
	border-color: #fff;
}
a.bt_link.bt_link_w:hover {
	color: #000;
	background-color: #fff;
}
a.bt_link.bt_link_w::before {
	background-color: #fff;
}
a.bt_link.bt_link_w::after {
	background-color: #fff;
}
a.bt_link.bt_link_w:hover::before {
	background-color: #000;
}
a.bt_link.bt_link_w:hover::after {
	border-color: #000;
}


a.bt_link.bt_link_s {
	font-size: 12px;
	padding: 10px 30px;
}

a.bt_link.bt_link_s::before,
a.bt_link.bt_link_s::after {
	bottom: 15px;
    width: 15px;
}
a.bt_link.bt_link_s:hover::before {
	right: 5px;
	width: 10px;
	bottom: 18px;
}

a.bt_link.bt_link_s:hover::after {
	right: 5px;
	bottom: 12px;
	width: 10px;
}

table a.bt_link.bt_link_s {
margin-bottom: 0;
}

.bt_cat_set {
	margin-bottom: 30px;
}
.bt_cat_set a.bt_link {
	display: block;
	text-align: center;
	margin-bottom: 30px;
}

@media (max-width: 768px) {
	a.bt_link {
		display: block;
		font-size: 12px;
	}
}

#masthead .navbar-nav>li.mbt_contact>a {
	/* background: #6a5a4e; */
	background: #000;
	color: #fff;
	font-size: 14px;
	margin-left: 5px;
    padding-top: 3px;
    padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	border: 2px solid #000;
}

#masthead .navbar-nav>li.mbt_contact>a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f0e0";
	font-weight: 400;
	margin-right: 0.5em;
}
#masthead .navbar-nav>li.mbt_contact>a:hover {
	background: #fff;
	color: #000;
	opacity: 1;
}
.header_bf a{
	color: #000;
	font-size: 14px;
	margin: 0 5px;
    padding: 3px 8px!important;
	border: 2px solid #000!important;
}
.header_bf a i{
	margin-right: 2px;
}
.header_bf a:hover{
	background: #000!important;
	color: #fff!important;
	opacity: 1!important;
}
@media (max-width: 768px) {
	.header_bf{
		margin: 10px 0;
	}
}

.head_sub {
	font-weight: bold;
	font-size: 12px;
	color: rgba(0, 0, 0, .6);
	padding: 8px 0;
	transition: .2s;
}

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

.sub_desc {
	color: #000;
}

.sub_menu a {
	color: rgba(0, 0, 0, .6);
}

.follow .head_sub {
	padding-top: 36px;
}

.p_case div#page-sub-header {
	/*	background: #000 url(img/slide/s6.jpg) no-repeat center center;
	background-size: cover;*/
	background: none;
	height: auto;
}

.p_case div#page-sub-header .inner {
	background: none;
	color: #000;
}

.p_case div#page-sub-header h1 {
	color: #000;
}

.p_case #content {
	padding-top: 45px;
}

.p_deck div#page-sub-header {
	background: #000 url(img/mv/p_mv_deck.jpg) no-repeat center center;
	background-size: cover;
}
.p_fence div#page-sub-header {
	background: #000 url(img/mv/p_mv_fence.jpg) no-repeat center center;
	background-size: cover;
}
.n_screen div#page-sub-header {
	background: #000 url(img/mv/p_mv_screen.jpg) no-repeat center center;
	background-size: cover;
}
.p_acce div#page-sub-header {
	background: #000 url(img/mv/p_mv_pole.jpg) no-repeat center center;
	background-size: cover;
}
.n_flow_wood div#page-sub-header {
	background: #000 url(img/mv/p_mv_flowwood.jpg) no-repeat center center;
	background-size: cover;
}
.n_r_fence div#page-sub-header {
	background: #000 url(img/mv/p_mv_rfence.jpg) no-repeat center center;
	background-size: cover;
}
.n_slope_deck div#page-sub-header {
	background: #000 url(img/mv/p_mv_slope.jpg) no-repeat center center;
	background-size: cover;
}

.n_zen div#page-sub-header {
	background: #000 url(img/deck/zen/st1.jpg) no-repeat center center;
	background-size: cover;
}

.n_tbar div#page-sub-header {
	background: #000 url(img/fence/tbar/st1.jpg) no-repeat center center;
	background-size: cover;
}

.n_wave_deck div#page-sub-header {
	background: #000 url(img/mv/p_mv-wave_deck.jpg) no-repeat center center;
	background-size: cover;
}

.n_m2_slim div#page-sub-header {
	background: #000 url(img/mv/p_mv-m2_slim.jpg) no-repeat center center;
	background-size: cover;
}

.n_neo_edge div#page-sub-header {
	background: #000 url(img/mv/p_mv_neo_edge.jpg) no-repeat center center;
	background-size: cover;
}

.n_neo_rug div#page-sub-header {
	background: #000 url(img/mv/p_mv_neo_rug.jpg) no-repeat center center;
	background-size: cover;
}

.p_acce #content{
	padding-top: 0;
}



.n_r_fence div#page-sub-header:before {
	content: ' やさしい手触りの　フラット通し笠木。';
	position: absolute;
	text-align: center;
	width: 100%;
	display: block;
	top: 150px;
	font-weight: normal;
	font-size: 16px;
}

@media (max-width:768px) {
	.n_r_fence div#page-sub-header:before {
		top: 10px;
	}
}

a.bt_pick {
	text-align: center;
	display: block;
	background: #000;
	color: #fff;
    height: 20.75vw;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	font-size: 36px;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	/*font-weight: 300;*/
}

a.bt_pick:hover {
	text-decoration: none;
	/*background: #6a5a4e;*/
	background: #000;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
}

a.bt_pick .inner {
	z-index: 1;
}

a.bt_pick .inner .s_txt {
	font-size: 14px !important;
	opacity: 1;
	display: block;
	margin-bottom: 15px;
	line-height: 1.5;
}

a.bt_pick .inner .desc {
	font-size: 12px;
	padding: 0px 15px 0;
	line-height: 1.5;
	display: block;
	max-height: 0;
	transition: opacity 0.5s ease-out, max-height 0.4s ease-out, padding 0.3s ease-out;
	opacity: 0;
}

a.bt_pick:hover .inner .desc {
	padding: 30px 15px 0;
	max-height: 10em;
	opacity: 1;
}

a.bt_pick .item_img {
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: .75;
	top: 0;
	left: 0;
}

a.bt_pick .item_img img {
	/*
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
  */
	/*max-width: inherit;*/
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

a.bt_pick:hover .item_img img {
	transform: scale(1.1);
}

a.bt_pick_s {
	height: 18.5vw;
}

.spec_links {
	margin-bottom: 60px;
}

.spec_links a.bt_pick {
	font-size: 24px;
	height: 10vw;
}

@media screen and (max-width: 768px) {
	a.bt_pick {
		height: 49.5vw;
		font-size: 28px;
	}

	.spec_links a.bt_pick {
		height: 160px;
	}
}

.sec_box {
	padding: 120px 0;
}

.home .sec_box {
	padding: 0 0 120px;
}

.sec_title {
	text-align: center;
	margin-bottom: 60px;
	color: #000;
	font-size: 48px;
}

.ja_txt {
	font-size: 18px;
	display: block;
	padding-top: 10px;
}

.sec_title .ja_txt {
	color: #888;
}

.s_txt {
	font-size: 75% !important;
	opacity: 0.7;
}

.sec_box.img_box img {
	width: 100%;
}

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

	.home .sec_box {
		padding: 0 0 60px;
	}

	.sec_title {
		font-size: 36px;
		margin-bottom: 30px;
	}

	.ja_txt {
		font-size: 14px;
	}
}

a.list_item {
	display: block;
	position: relative;
}

a.list_item:hover {
	text-decoration: none;
}

a.list_item img {
	margin-bottom: 15px;
}

a.list_item>span {
	display: block;
}

a.list_item .post_title {
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 0.3em;
}

a.list_item .post_date {
	font-size: 12px;
}

#topics_box {
	/*background: #f8f6f5;*/
	background: #fff;
	/*padding-top: 120px;*/
}

#topics_box ul {
	text-align: left;
	list-style-type: none;
	padding: 0;
	border-top: 1px solid #ddd;
	margin-bottom: 90px;
}

#topics_box ul li a {
	position: relative;
	display: block;
	padding: 15px 40px 15px 15px;
	border-bottom: 1px solid #ddd;
}

#topics_box ul li a:hover {
	/* background: #6a5a4e;
	border-bottom: 1px solid #6a5a4e; */
	background: #000;
	border-bottom: 1px solid #000;
	color: #fff;
	text-decoration: none;
}

#topics_box ul li a::before {
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-weight: 700;
	margin-right: 0.5em;
	color: #888;
}

#topics_box ul li a:hover::before {
	color: #fff;
}

@media screen and (max-width: 768px) {
	#topics_box {
		padding-top: 60px;
	}
}

#products_box {
	position: relative;
}

/*#products_box::before {
	background: url(img/slide/s1.jpg) no-repeat fixed center center;
	background-size: cover;
	content: '';
	width: 100%;
	height: 34.5vw;
	position: absolute;
	top: 200px;
	left: 0;
	opacity: .3;
}*/

#cases_box {
	padding-top: 90px;
	overflow: hidden;
	/*border-top: 1px solid #eee;*/
	background: #fff;
}

.bnr_box {
	background: #ccc;
	position: relative;
	overflow: hidden;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 60px;
}

.icon_new {
	width: 100px;
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 1;
	/*animation: icon_anime1 3s reverse infinite;*/
}

@keyframes icon_anime1 {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	60% {
		transform: scale(1);
		opacity: 1;
	}

	70% {
		transform: scale(1.1);
		opacity: .7;
	}

	80% {
		transform: scale(1);
		opacity: 1;
	}

	90% {
		transform: scale(1.1);
		opacity: .7;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.bnr_box .img_box {
	/*min-height: 37.5vw;*/
	min-height: 30vw;
}

.bnr_box .txt_box {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.bnr_box .txt_box .inner {
	padding: 30px 0;
}

.bnr_box h2 {
	margin-bottom: 45px;
	font-size: 48px;
	font-weight: 700;
}

.bnr_box h3 {
    font-size: 18px;
}

.bnr_box p {
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
	#products_box::before {
		background-attachment: scroll;
		height: 197vw;
		top: 140px;
	}

	#cases_box {
		padding-top: 60px;
	}

	.bnr_box {
		font-size: 14px;
	}

	.bnr_box .img_box {
		min-height: 75vw;
	}

	.bnr_box .txt_box .inner {
		padding: 30px;
	}

	.bnr_box p {
		margin-bottom: 15px;
	}

	.bnr_box h2 {
		font-size: 48px;
		margin-bottom: 15px;
	}

	.icon_new {
		width: 70px;
		top: 15px;
		left: 15px;
	}
}

#bnr_zen {
	background: #381f16;
	color: #fff;
	margin-top: 30px;
}

#bnr_zen .img_box {
	background: url(img/home/pick_zen1.jpg) no-repeat center center;
	background-size: cover;
}

#bnr_flow_wood{
	background:#886a5e;
	color: #fff;
	margin-top: 30px;
}

#bnr_flow_wood .img_box{
	background: url(img/fence/flow_wood/flow_wood_bg.jpg) no-repeat center center;
	background-size: cover;
}

#bnr_tbar {
	background: /*#fdf6ec*/#fff;
	color: #000;
}

#bnr_tbar .img_box {
	background: url(img/fence/tbar/tbar_bg.jpg) no-repeat left center;
	background-size: auto 100%;
}

#bnr_tbar .txt_box {
	background: url(img/home/pick_tbar4.png) no-repeat right bottom;
	background-size: auto 51.7%;
}

#bnr_r_fence .img_box{
	background: url(img/deck/r_fence/r_fence_bg.jpg) no-repeat left center;
	background-size: auto 100%;
}
#bnr_r_fence .txt_box{
	background: #938b12;
	color: #fff
}
#bnr_r_fence .txt_box h2{
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 48px;
}
.tbar_color{
	max-width: 360px;
	padding: 50px 0;
	margin: auto;
	display: block;
}

.r_fence_wave{
	margin-bottom: 110px;
}

.r_fence_wave .title_img{
	margin-bottom: 30px;
}

.r_fence_wave .upside{
	margin-bottom: 110px;
}

.r_fence_wave .text{
	margin-top: 10px;
}

.r_fence_wave_logo{
	margin-bottom: 40px;
}

.r_fence_wave_logo .logo{
	width: 70%;
	margin: auto;
	display: block;
}

.r_fence_wave_title .title{
	line-height: 1.3;
	text-align: center;
	margin-bottom: 40px;
}

.r_fence_wave_main{
	margin-bottom: 40px;
}

.r_fence_wave_main img{
	width: 100%;
}

.r_fence_wave_sub .sub_catch{
	line-height: 1.3;
}

.r_fence_wave_sub .assembly_item .sub_catch{
	text-align: center;
}

.r_fence_wave_sub .assembly_item img{
	width: 60%;
	margin: auto;
	display: block;
}

.r_fence_wave_sub .assembly_item .text {
	text-align: center;
}

@media screen and (max-width: 768px) {
	.r_fence_wave {
		margin-bottom: 80px;
	}
	.r_fence_wave .upside {
		margin-bottom: 80px;
	}
	.r_fence_wave_logo .logo {
		width: 100%;
	}
}

.r_fence_black{
	margin-bottom: 120px;
}
.r_fence_black .upside{
	margin-bottom: 30px;
}
.r_fence_black .bottom .images:not(:last-child) {
	margin-bottom: 30px;
}
.r_fence_black .title_img{
	margin-bottom: 40px;
}
.r_fence_black .catch_area{
	margin-bottom: 20px;
}
.r_fence_black .catch_area h3{
	line-height: 1.6;
}
.r_fence_black .desc_area .desc{
	line-height: 2;
}

@media screen and (max-width: 768px) {
	#bnr_tbar>.inner {
		background: #fdf6ec;
	}

	#bnr_tbar .img_box {
		background: url(img/home/pick_tbar3.jpg) no-repeat center center;
		background-size: cover;
	}

	#bnr_tbar .txt_box {
		background: #fdf6ec;
	}
	.tbar_color {
		padding: 20px;
	}
}

.slope_deck_introduction h3{
	line-height: 1.6;
}
.slope_deck_introduction p {
	line-height: 2;
}
.slope_deck_cont{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.slope_deck_cont:not(:last-child){
	margin-bottom: 70px;
}
.slope_deck_cont .title h3{
	line-height: 1.6;
}
.slope_deck_cont .img_area {
	padding: 0;
}
.slope_deck_cont .desc_area .desc{
	font-size: 14px;
}

@media screen and (max-width: 768px) {
	.slope_deck_cont .img_area {
		margin-bottom: 20px;
	}
	.slope_deck_cont.second .txt_area{
		order: 2;
	}
	.slope_deck_cont.second .img_area {
		order: 1;
	}
}

.cases_list {
	margin-bottom: 60px;
}

.cases_list a {
	display: block;
	background: #000;
	overflow: hidden;
	margin: 1px;
}

.cases_list a img {
	width: 100%;
}

.cases_list a:hover img {
	transform: scale(1.1);
}

.cases_list p {
	margin-bottom: 30px;
}

button.slick-prev,
button.slick-next {
	z-index: 2;
	width: 44px;
	height: 44px;
	transition: .2s;
	mix-blend-mode: difference;
}

.slick-slider .slick-prev {
	left: 15px;
}

.slick-slider .slick-next {
	right: 15px;
}

button.slick-prev:hover,
button.slick-next:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
	content: '';
	width: 15px;
	height: 15px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 12px;
	right: 5px;
	/* margin-top: -4px; */
}

.slick-slider .slick-prev:before {
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	left: 5px;
}

.slick-slider .slick-dots {
	bottom: -35px;
}

.slick-dotted.slick-slider {
	margin-bottom: 90px;
}

@media (max-width: 767px) {

	.slick-slider .slick-prev:before,
	.slick-slider .slick-next:before {
		width: 15px;
		height: 15px;
		top: 14px;
		left: 4px;
	}

	.slick-slider .slick-next:before {
		left: auto;
		right: 4px;
	}
}

#case_slide .slick-prev,
#case_slide .slick-next {
	z-index: 500;
	width: 40px;
	height: 40px;
	top: auto;
	bottom: -62px;
	z-index: 10000;
}

#case_slide .slick-prev:before,
#case_slide .slick-next:before {
	z-index: 500;
	font-family: "Font Awesome 5 Free";
	font-size: 40px;
	line-height: 1;
	opacity: 1;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#case_slide .slick-prev {
	left: 30px;
}

#case_slide .slick-next {
	right: 30px;
}

.feat_item {
	position: relative;
	/*min-height: 130px;*/
	/*margin-bottom: 60px;*/
}

.feat_item .cont_box {
	padding-left: 105px;
}

.feat_item h2 {
	font-size: 36px;
}

p.feat_txt {
	font-weight: bold;
	font-size: 18px;
}

.st_circle_past {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#888+0,6a5a4e+100 */
	background: rgb(41, 119, 18);
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(41, 119, 18, 1) 0%, rgba(118, 69, 50, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(41, 119, 18, 1) 0%, rgba(118, 69, 50, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(41, 119, 18, 1) 0%, rgba(118, 69, 50, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888', endColorstr='#6a5a4e', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.st_circle {
	background: #000;
	color: #fff !important;
	text-align: center;
	width: 90px;
	height: 90px;
	padding: 27px 10px 0;
	border-radius: 50px;
	margin-bottom: 30px;
	font-size: 12px;
	position: absolute;
	z-index: 2;
}

.st_circle .ja_txt {
	border-top: 1px solid #fff;
	font-size: 12px;
	padding-top: 5px;
	margin-top: 5px;
}

.st_circle .l_txt {
	font-size: 24px;
	display: block;
	margin-top: -17px;
	padding-bottom: 3px;
}

@media screen and (max-width: 768px) {
	.feat_item {
		margin-bottom: 30px;
	}

	.feat_item .cont_box {
		padding-left: 0;
	}

	.feat_item h2 {
		font-size: 28px;
	}

	.feat_txt {
		font-size: 12px;
	}

	.st_circle {
		width: auto;
		height: auto;
		padding: 8px 15px !important;
		border-radius: 2em;
		font-size: 14px;
		position: static;
		margin-bottom: 10px !important;
		display: inline-block;
		margin-left: -10px !important;
	}

	.st_circle .ja_txt {
		border-top: none;
		font-size: 12px;
		padding-top: 0;
		margin-top: 0;
		display: inline-block;
		margin-left: 1em;
		border-left: 1px solid #fff;
		padding-left: 1em;
	}

	.st_circle .l_txt {
		display: inline-block;
		margin-top: 0;
		padding-bottom: 0;
		margin-right: 0.3em;
	}
}

.n_deck .lineup_box {
	background: url(img/deck/bg1.jpg) no-repeat top right;
	background-size: 100% auto;
	min-height: 43.725vw;
	/*margin-top: -155px;*/
	margin-top: -45px;
	margin-bottom: 30px;
	position: relative;
	font-size: 14px;
}

.n_deck .lineup_item {
	position: absolute;
	top: 0;
	left: 0;
}

.n_deck .lineup_item.item_zen {
	left: 0;
	top: 26vw;
}

.n_deck .lineup_item.item_st {
	left: 17vw;
	top: 38vw;
}

.n_deck .lineup_item h3 {
	color: #6a5a4e;
	margin-bottom: 15px;
}

.n_deck .lineup_item p {
	margin-bottom: 15px;
}

.n_deck #sec_feat {
	padding-top: 0;
}

.n_deck #sec_material {
	border-top: 1px solid #eee;
}

.n_deck #sec_caution {
	background: #f8f6f5;
	font-size: 12px;
	line-height: 1.5;
}

.n_deck #sec_caution h6 {
	font-size: 12px;
	margin-bottom: 5px;
}

.n_deck #sec_flow {
	background: #f8f6f5;
	text-align: center;
}

.n_deck #sec_flow h3 {
	color: #6a5a4e;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.n_deck #sec_tome {
	text-align: center;
	/*    background: url(img/slide/s1.jpg) no-repeat fixed center center;
	background-size: cover;*/
	padding: 0;
}

.n_deck #sec_tome .inner {
	background: rgba(255, 255, 255, 0.7);
	padding: 60px 0;
}

.n_deck #sec_tome .cont_box {
	text-align: center;
	background: #fff;
	padding: 30px 30px 0;
	max-width: 800px;
	margin: 0 auto;
}

.n_deck #sec_tome h2 {
	max-width: 800px;
	padding: 10px 15px;
	background: #f8f6f5;
	line-height: 1;
	margin: 0 auto;
	font-size: 24px;
}

.n_deck #sec_highlow {
	text-align: center;
}
/*
.n_deck #sec_highlow h3 {
	color: #6a5a4e;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
*/

.n_deck #sec_highlow h4 {
	color: #000;
	background: #ccebc5;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 300;
}

.n_deck #sec_highlow .item_low h4 {
	background: #ccecf4;
}

.n_deck #sec_highlow h4 .l_txt {
	font-size: 28px;
}

@media screen and (max-width: 768px) {
	.n_deck .lineup_box {
		margin-top: -60px;
		min-height: 116vw;
		font-size: 12px;
		width: 100%;
		background-size: 80% auto;
	}

	.n_deck .lineup_item h3 {
		margin-bottom: 5px;
	}

	.n_deck .lineup_item.item_zen {
		left: 15px;
		top: 48vw;
	}

	.n_deck .lineup_item.item_st {
		left: 52vw;
		top: 78vw;
	}

	.n_deck #sec_tome {
		background-attachment: scroll;
	}
}

.o_sq {
	color: #ff970e;
}

.g_sq {
	color: #59b224;
}
:root {
	--rf_color: #938B12;
}

.n_zen div#page-sub-header p,
.n_zen div#page-sub-header h1 {
	margin-bottom: 45px;
}

.n_zen #content {
	padding-top: 0;
}

.n_zen #sec_feat {
	background: url(img/deck/zen/bg1.jpg) no-repeat center 4vw;
	background-size: 55vw;
    padding-top: 38.5vw;
	position: relative;
	text-align: center;
}



.n_zen #sec_feat .inner p {
	margin-bottom: 0;
	line-height: 1.8;
	text-align: justify;
}
.n_zen #sec_feat .st_circle {
	top: 30px;
	left: 50%;
	margin-left: -45px !important;
	padding: 20px 10px 0;
	position: absolute !important;
}

.n_zen #sec_feat h3 {
	margin-bottom: 15px;
	text-align: left;
	display: flex;
	gap: 5px;
}

.n_zen #sec_feat h3 .number{
	color: #d5ac5a;
	margin-right: .1em;
}


.n_zen #sec_feat h3 .ja_txt {
	font-size: 14px;
	font-weight: 500;
	padding-left: 10px;
}

.n_zen #sec_series {
	text-align: center;
	/* background: url(img/deck/zen/zen_line1.png) no-repeat center top; */
	/* background-size: 100% auto; */
	padding-top: 90px;
}

.n_zen #sec_series h3 {
}

.n_zen #sec_propo {
	padding-top: 0;
}

.n_zen #sec_propo .feat_item h3 {
	padding-top: 30px;
	margin-bottom: 15px;
}

.n_zen #sec_propo .inner {
	padding: 15px;
	border: 1px solid #D4AC5A;
	height: 100%;
	margin-bottom: 30px;
}

.n_zen #sec_propo .inner p {
	margin-bottom: 0;
}

.n_zen #sec_propo .inner h4 {
	margin-bottom: 15px;
	color: #6A3906;
}

@media screen and (max-width: 768px) {
	.n_zen #sec_feat {
		background-size: 90vw;
		padding-top: 56vw;
	}

	.n_zen #sec_feat .st_circle {
		margin-left: 0 !important;
		top: 15px;
		left: 15px;
	}
}

.n_fence #content {
	padding-top: 0px;
}

.n_fence #sec_feat {
	text-align: center;
	padding-top: 0;
}

.n_fence #sec_feat p {
	text-align: justify;
}

.n_fence #sec_feat h5 {
	text-align: left;
	margin: 0 0 5px;
}

.n_fence #sec_intro {
	/*    background: url(img/fence/st1.jpg) no-repeat fixed center center;
	background-size: cover;*/
	width: 100%;
	padding: 0;
}

.n_fence #sec_intro .inner {
	background: rgba(255, 255, 255, 0.7);
	padding: 120px 0;
}

.n_fence #sec_point {
	border-top: 1px solid #eee;
}

.n_fence #sec_point h4 {
	display: inline-block;
}

.point_txt h4 {
	display: inline-block;
}

.point_txt h5.past {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#888+0,6a5a4e+100 */
	background: rgb(41, 119, 18);
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(41, 119, 18, 1) 0%, rgba(118, 69, 50, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(41, 119, 18, 1) 0%, rgba(118, 69, 50, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(41, 119, 18, 1) 0%, rgba(118, 69, 50, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888', endColorstr='#6a5a4e', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.point_txt h5 {
	float: left;
	background: #6a5a4e;
	color: #fff;
	display: inline-block;
	padding: 5px 10px;
	font-size: 11px;
	margin-right: 10px;
	border-radius: 2em;
}

.point_txt h5 .l_txt {
	font-size: 16px;
}

.n_fence #sec_sbt {
	text-align: center;
	background: url(img/fence/st1.jpg) no-repeat fixed center center;
	background-size: cover;
	padding: 0;
}

.n_fence #sec_sbt>.inner {
	background: rgba(255, 255, 255, 0.7);
	padding: 90px 0;
}

.n_fence #sec_sbt a.bt_pick {
	font-size: 24px;
	height: 15vw;
}

.sec_divider {
	text-align: center;
	padding: 0;
}

.n_fence .sec_divider {
	background: url(img/fence/st1.jpg) no-repeat fixed center center;
	background-size: cover;
	min-height: 30vw;
}

.n_fence #sec_hanyo {}

.n_fence #sec_prekako {}

.n_fence #sec_hanyo .feat_txt,
.n_fence #sec_prekako .feat_txt {
	font-size: 14px;
}

.n_fence #sec_hanyo p {
	margin-bottom: 15px;
}

.n_fence #sec_hanyo .c_result {
	text-align: center;
	border: 2px solid #6a5a4e;
	padding: 30px 30px 15px;
	margin-bottom: 60px;
}

.n_fence #sec_hanyo .c_result h3 {
	margin-bottom: 15px;
	color: #6a5a4e;
	font-size: 28px;
}

.n_fence #sec_hanyo p.signs {
	font-size: 28px;
}

.n_fence #sec_hanyo p.signs.sign_plus {
	position: absolute;
	top: 40%;
	font-size: 20px;
	left: -0.45em;
}

.n_fence #sec_prekako h5 {
	background: #6a5a4e;
	color: #fff;
	padding: 10px;
	margin-bottom: 0;
}

@media screen and (min-width: 767px) {
	.n_fence .choice_item p a img{
		max-height: 580px;
	}
}

@media screen and (max-width: 768px) {
	.n_fence .sec_divider {
		background-attachment: scroll;
		min-height: 40vw;
	}

	.n_fence #sec_intro,
	.n_fence #sec_sbt {
		background-attachment: scroll;
	}

	.n_fence #sec_intro .inner {
		padding: 60px 0;
	}

	.n_fence #sec_sbt a.bt_pick {
		height: 49.5vw;
	}

	.n_fence #sec_hanyo .c_result {
		padding: 30px 15px 15px;
	}

	.n_fence #sec_hanyo .choice_item {
		padding-top: 40px;
	}

	.n_fence #sec_hanyo p.signs.sign_plus {
		top: 0;
		font-size: 18px;
		left: 48.5%;
	}
}

.n_tbar div#page-sub-header {
	display: none;
}

.n_tbar #content div#page-sub-header {
	display: block;
	height: 600px;
}

.n_tbar div#page-sub-header .inner {
	background: transparent;
}

.n_tbar div#page-sub-header p,
.n_tbar div#page-sub-header h1 {
	margin-bottom: 45px;
}

.n_tbar #content {
	padding-top: 0;
}

.n_tbar div#page-sub-header h1 {
	margin-bottom: 45px;
	font-size: 80px;
	font-weight: 100;
}

.n_tbar .sub_txt {
	border: 1px solid #ccc;
	padding: 15px;
}

.n_tbar .sub_txt h6 {
	font-size: 14px;
	margin-bottom: 5px;
}

.n_tbar .sub_txt p {
	font-size: 11px;
	margin-bottom: 0;
}

.n_tbar #sec_feat {
	text-align: center;
	position: relative;
	padding: 0;
	background: url(img/fence/tbar/bg1.jpg) no-repeat left 60px;
	background-size: 33.3% auto;
}

.n_tbar #sec_feat .inner {
    padding: 120px 0 60px;
    background: url(img/fence/tbar/bg2.jpg) no-repeat right 60px;
    background-size: 30% auto;
}

/*test*/
.n_tbar #sec_feat.test {
	background: url(img/fence/tbar/st2.jpg) no-repeat left 140px;
	background-size: 40% auto;
}
.n_tbar #sec_feat.test .inner {
    background: url(img/fence/tbar/bg3.jpg) no-repeat right 110px;
    background-size: 38% auto;
}

.end_bar{
	margin-top: 170px;
	border-top: 30px solid transparent;
}
.end_bar .title_img{
	width: 560px;
	margin: -136px auto 50px;
}
.end_bar .desc_area .desc{
	font-size: 16px;
	text-align: center;
	line-height: 2;
}
.end_bar_contents{
	padding: 30px 0;
	display: flex;
	gap: 30px;
}


@media screen and (max-width: 768px){
	.n_tbar #sec_feat.test{
		background:none;
	}
	.n_tbar #sec_feat.test .inner{
		background-size: 50% auto;
    	background-position: right 40px;
	}
	.end_bar .title_img {
		width: 360px;
		margin-top: -70px;
		margin-bottom: 0;
	}
	.end_bar .desc_area .desc {
		font-size: 14px;
	}
	.end_bar_contents {
		flex-wrap: wrap;
		justify-content: center;
	}
	.end_bar_cont {
		padding: 0 5%;
	}
}


/*test end*/

.n_tbar #sec_feat .cont_box {
	position: relative;
	padding-top: 120px;
}

.n_tbar #sec_feat .st_circle {
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	padding: 20px 10px 0;
	position: absolute !important;
}

.n_tbar #sec_feat h2 {
	font-size: 60px;
}

.n_tbar #sec_feat h3 {
	margin-bottom: 15px;
	color: #000;
}

.n_tbar #sec_feat p {
	text-align: justify;
}

@media screen and (max-width: 768px) {
	.n_tbar #content div#page-sub-header {
		height: 100vw;
	}

	.n_tbar div#page-sub-header h1 {
		font-size: 48px;
	}

	.n_tbar #sec_feat {
		background: none;
	}

	.n_tbar #sec_feat .inner {
		padding: 120px 0 60px;
		background: url(img/fence/tbar/bg2.jpg) no-repeat right 10px;
		background-size: 60% auto;
	}

	.n_tbar #sec_feat .st_circle {
		top: 60px;
		left: 0;
		margin-left: 0 !important;
		position: absolute !important;
		width: 100%;
	}

	.n_tbar #sec_feat h2 {
		font-size: 30px;
		text-align: left;
		padding: 0 30px;
	}
}

.n_screen #sec_feat {}

.n_screen #sec_feat .feat_item {
	margin-bottom: 15px;
}

.n_screen #sec_feat .feat_img {
	margin-bottom: 45px;
}

.n_screen #sec_feat p {
	margin-bottom: 15px;
}

.n_screen #sec_feat h3 {
	margin-bottom: 15px;
	color: #6a5a4e;
}

.n_screen #sec_feat .st_circle .l_txt {
	font-size: 28px;
	margin-top: 0px;
	padding-bottom: 0;
}

.n_screen div#page-sub-header.sw_st {
	background: #fff url(img/fence/screen/screen_sw_st1.jpg) no-repeat center center;
	background-size: contain;
	margin-bottom: 90px;
	height: 600px;
}

.n_screen #sec_elevation {
	padding-top: 0;
}

.n_acce .sec_box h4 {
	font-size: 28px;
	margin: 0 0 30px;
}

.n_acce .sec_box h5 {
	font-size: 18px;
}

@media screen and (max-width: 768px) {
	.n_acce .sec_box h4 {
		font-size: 24px;
	}

	.n_acce .sec_box h5 {
		font-size: 16px;
	}
}

.breadcrumbs {
	padding: 0.5em 0;
	font-size: 11px;
	color: #888;
	position: -webkit-sticky;
	position: sticky;
	top: 82px;
	z-index: 100;
	background: #fff;
/*     box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); */
}
.follow .breadcrumbs {
    box-shadow: none;
}

.breadcrumbs a {
	color: #888;
}

.single .p_case header#masthead {
	box-shadow: none;
}

@media screen and (max-width: 768px) {
	.breadcrumbs {
		top: 51px;
		padding: 0.5em 15px;
		line-height: 1.5;
	}
}

.single .p_case #content {
	padding-top: 60px;
}

.tag_txt {
	font-size: 12px;
	margin-bottom: 30px;
}

.tag_txt a {
	text-decoration: none;
}

.post-thumbnail {
	margin-bottom: 60px;
}
.post-thumbnail img {
	width: 100%;
}

.movie-wrap {
	position: relative;
	padding-bottom: 56.25%;
	/*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
}

.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ===================

	2019.07.25 ADACHI

=================== */
img.full_width{
	width: 100%;
}
h2.page_h2{
	font-weight: 700;
	font-size: 36px;
	margin-bottom: 40px;
}
h2.page_h2.text-green{
	color: #37786E;
}

@media screen and (min-width: 992px) {
	h2.page_h2{
		font-size: 54px;
	}
}
h3.deck_top_h3{
	font-size: 24px;
}
.p_fence h3.deck_top_h3{
	font-size: 24px;
}

.product_title_group{
	display: block;
  	align-items: flex-end;
}
@media screen and (min-width: 992px) {
	.product_title_group{
		display: flex;
	}
}

.product_title_group h3{
	font-weight: lighter;
	font-size: 48px;
	margin-right: 15px;
	margin-bottom: 5px;
}
.product_title_group h3 span{
	font-size: 20px;
}
.product_title_group h5{
	margin-bottom: 15px;
	margin-right: 10px;
}
.product_title_group p{
	margin-right: 15px;
	margin-bottom: 12px;
}
.product_title_group a{
	margin-bottom: 15px;
}
.flex_zen_pro{
	width: 100%;
	display: block;
	margin: 10px 0;
	align-items: flex-end;
}
@media screen and (min-width: 768px) {
	.flex_zen_pro{
		display: flex;
	}
}

.flex_zen_pro img{
	width: 80%;
	margin-right: 10px;
}
.flex_zen_pro img.dark{
	width: 55%;
}
.flex_zen_pro .flex_zen_pro_name{
	margin: 5px 0 0 15px;
}
@media screen and (max-width: 768px) {
	.product_title_group h3 span{
		font-size: 16px;
	}
}
@media screen and (min-width: 768px) {
	.flex_zen_pro .flex_zen_pro_name{
		margin: 0;
	}
}
.strong_area{
	background: #D4AC5A;
	width: 100%;
	margin: 40px 0;
	padding: 80px;
    overflow: hidden;
}

h3.strong_h3{
	margin: 40px 0 30px 0;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding: 5px 0 15px 45px;
	background: url(img/title-icon-white.svg) 0 0 no-repeat;
	font-size: 20px;
}
@media screen and (min-width: 768px) {
	h3.strong_h3{
		font-size: 26px;
		margin: 80px 0 60px 0;
	}
}
h3.strong_h3 span{
	font-size: 16px;
	margin-left: 15px;
}
@media screen and (min-width: 768px) {
	h3.strong_h3 span{
		font-size: 18px;
		margin-left: 10px;
	}
}
section.strong_section{
	color: #fff;
	margin-top: 60px;
}
.strong_number span{
	font-size: 80px;
	line-height: 1;
}
.strong_number p{
	font-size: 28px;
	line-height: 1.4;
	font-weight: bold;
}
img.deck_strong02_main{
	margin-top: 30px;
}
@media screen and (min-width: 768px) {
	img.deck_strong02_main{
		margin-top: 100px;
	}
}
h3.deck_h3,
.yellow_title{
	padding-left: 40px;
	line-height: 1;
	background: url(img/title-icon-yellow.svg) 0 0 no-repeat;
}

.white_title{
	padding-left: 40px;
	line-height: 1;
	color: #fff;
	background: url(img/title-icon-white.svg) 0 0 no-repeat;
}

.fence_title{
	padding-left: 40px;
	line-height: 1;
	background: url(img/title-icon.svg) 0 0 no-repeat;
}

.screen_title{
	padding-left: 40px;
	line-height: 1;
	background: url(img/title-icon-purple.svg) 0 0 no-repeat;
}

.acce_title{
	padding-left: 40px;
	line-height: 1;
	background: url(img/title-icon-wine.svg) 0 0 no-repeat;
}

.fence_title span,
.yellow_title span,
.white_title span,
.screen_title span,
.acce_title span{
	font-size: 20px;
	font-weight: 500;
	margin-left: 10px;
}
@media screen and (min-width: 768px) {
	h3.deck_h3{
		font-size: 24px;
	}
}
h3.deck_h3 span{
	font-size: 18px;
	margin-left: 10px;
}
section.section{
	padding: 30px 0 50px;
}
.handrail_section{
	margin-bottom: 50px;
}
.handrail_section img{
	width: 100%;
}
h4.page_h4{
	font-size: 20px;
	color: #000;
}
@media screen and (min-width: 768px) {
	h4.page_h4{
		font-size: 24px;
	}
}
h5.deck_h5{
	color: #6A3906;
	margin: 15px 0 10px 0;
}
.pink_bg{
	background: #F8F6F5;
	width: 100%;
	padding: 50px 0;
}
dl.caution_list{
	width: 100%;
	display: block;
	margin: 10px 0;
	font-size: 14px;
}
dl.caution_list dt{
	width: 100%;
	margin: 10px 0 5px 0;
}
dl.caution_list dd{
	width: 100%;
	margin: 5px 0 10px 0;
}
dl.caution_list dt.right{
	width: 100%;
}
dl.caution_list dd.right{
	width: 100%;
}
@media screen and (min-width: 992px) {
	dl.caution_list{
		display: flex;
	}
	dl.caution_list dt{
		width: 25%;
	}
	dl.caution_list dd{
		width: 80%;
	}
	dl.caution_list dt.right{
		width: 45%;
	}
	dl.caution_list dd.right{
		width: 55%;
	}
	dl.caution_list dt.full {
		width: 11.5%;
	}
	dl.caution_list dd.full {
		width: 88.5%;
	}
}
@media screen and (min-width: 1200px) {
	dl.caution_list dt.right{
		width: 35%;
	}
	dl.caution_list dd.right{
		width: 65%;
	}
}
p.page_p_light{
	font-weight: lighter;
	color: #000;
	font-size: 26px;
	margin-bottom: 60px;
}
.sec_box_01 {
	padding: 30px 0;
}
.sec_box_02 {
	padding: 30px 0;
}
@media screen and (min-width: 768px) {
	.sec_box_01 {
		padding: 60px 0 100px;
	}
	.sec_box_02 {
		padding: 120px 0 60px;
	}
}
h3.fence_h3{
	color: #000;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	/* background: url(img/fence/triangle_fence.png) 0 0 no-repeat; */
	font-size: 24px;
}
h3.fence_h3 span{
	font-size: 18px;
	margin-left: 10px;
}
h4.fence_color_h4{
	font-size: 18px;
	color: #37786E;
}
.fence_color_inner{
	margin-bottom: 30px;
}
.fence_color_inner img{
	max-height: 260px;
	display: block;
	margin: auto;
}
.fence_color_inner p{
	margin-top: 10px;
	text-align: center;
}
/* .fence_color_img{
	max-width: 194px;
} */

@media screen and (min-width: 768px) {
	h4.fence_color_h4{
		font-size: 20px;
	}
}
.green_bg{
	background: #37786E;
	width: 100%;
	padding: 20px 0;
	color: #fff;
}
@media screen and (min-width: 768px) {
	.green_bg{
		padding: 80px 0;
	}
}
h4.fence-strong-h4{
	color: #fff;
	margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
	h4.fence-strong-h4{
		margin-bottom: 60px;
	}
}
.fence_strong_left{height: 100%;}
.fence_strong_block{
	display: flex;
	flex-direction: column;
}
.fence_strong_block h4{
	/* line-height: 1; */
}

.mb{
	margin-bottom: 40px;
}
.data_title{
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	width: 100%;
	display: block;
	padding: 5px;
	margin: 0 0 10px 0;
}
.data_title p{
	margin: 0;
}
table.fence_table{
	width: 100%;
	text-align: center;
	table-layout: fixed;
}
table.fence_table th{
	width: 20%;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	padding: 10px;
	text-align: center;
}
table.fence_table td{
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	padding: 10px;
	text-align: center;
}
table.fence_table th.left{
	width: 20%;
	border-left: transparent;
}
table.fence_table th.gray{
	background: #888888;
	color: #fff;
}
table.fence_table tr.bottom th{
	border-bottom: transparent;
}
table.fence_table tr.bottom td{
	border-bottom: transparent;
}
.green_bg p{
	margin: 10px 0;
}
h2.fence_top_h2{
	color: #63487D;
	font-size: 26px;
	line-height: 1.4;
}
.fence_intro{
	position: relative;
	z-index: 500;
    overflow: hidden;
}
.purple_bg{
	background: #d0cae4;
	width: 100%;
	padding: 50px 0 30px 0;
	position: relative;
	z-index: 1;
}
/* @media screen and (min-width: 1040px) {
	.purple_bg{
		margin-top: -50px;
	}
}
@media screen and (min-width: 1270px) {
	.purple_bg{
		margin-top: -130px;
	}
} */

.purple_bg h3{
	margin: 20px 0;
}
.purple_bg .strong_number{
	text-align: center;
}
.purple_bg .strong_number span{
	font-size: 60px;
	line-height: 1;
	display: block;
}
.purple_bg .strong_number p{
	font-size: 26px;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 0;
}
h3.screen_h3 span{
	font-size: 18px;
	margin-left: 10px;
}
h4.screen_color_h4{
	color: #63487D;
	font-size: 16px;
}
.acce_intro{
	width: 100%;
	padding-top: 80px;
	background: #B5B8B9;
	position: relative;
}
.acce_intro h2{
	font-weight: 700;
	font-size: 60px;
	color: #fff;
}
.acce_bottom_h3{
	color: #fff;
}
.acce_intro p{
	color: #fff;
	font-size: 18px;
	line-height: 2;
}

.acce_intro p br{
	display: none;
}

@media screen and (min-width: 768px) {
	h3.acce_h3{
		margin-top: 10px;
	}
	.acce_intro p br{
		display: block;
	}
}
h3.acce_h3 span{
	font-size: 18px;
	margin-left: 10px;
}
h4.acce_color_h4{
	color: #BA6575;
}





.p_manual table,
.p_manual table th {
	text-align: center;
}
.p_manual .table>tbody>tr>td,
.p_manual .table>tbody>tr>th,
.p_manual .table>tfoot>tr>td,
.p_manual .table>tfoot>tr>th,
.p_manual .table>thead>tr>td,
.p_manual .table>thead>tr>th {
	vertical-align: middle;
}



.bg_video {
background: #F8F6F5;
padding: 60px 0 0px;
margin-bottom: 60px;
}




#nav_case_prevnext a.bt_pick {
    height: 17vw;
}
@media screen and (max-width: 992px) {
	#nav_case_prevnext a.bt_pick {
		height: 27vw;
	}
}
@media screen and (max-width: 768px) {
	#nav_case_prevnext a.bt_pick {
		height: 32vw;
	}
}


.single .n_case .post-thumbnail img {
    width: 100%;
	max-height: 100vh;
	object-fit: contain;
	font-family: 'object-fit: contain;'
}



.oop_txt {
	margin: 15px 0 0 !important;
	color: #e00;
	border: #e00 2px solid;
	display: inline-block;
	padding: .2em 1em;
	border-radius: 3em;
	font-size: 12px;
    line-height: 1.7;
	background: #fff;
	font-weight: bold;
}

.n_flow_wood #content{
	padding:0;
}
.n_flow_wood #page-sub-header{
	overflow:visible;
}
/* .n_flow_wood #page-sub-header .inner{
	background: rgba(0, 0, 0, 0.05);
} */

.flow_wood_container{
	overflow: hidden;
}

.flow_wood_head_line_area{
	width:100%;
}
.flow_wood_head_line_area h1{
	width:100%;
	padding: 0 0 30px
}
.flow_wood_head_line_area h1 img{
	display:block;
	margin:auto;
	max-width:200px;
}
.flow_wood_head_line_area p{
	line-height:200%;
	text-align:center;
	font-size:1.8rem;
}
.flow_wood_head_line_area h3{
	text-align:center;
}
.flow_wood_contents{
	padding-top:120px
}
.flow_wood_contents p{
	line-height:200%;
}
.flow_wood_contents p span{
	display:block;
	font-size:18px;
	padding:0 0 20px
}
.flow_wood_contents_inner:first-child{
	padding-bottom: 30px;
}

@media screen and (max-width: 768px){
	.flow_wood_wrap h1 img{
		width:30%;
	}
	.flow_wood_head_line_area{
		width:80%;
		margin:auto;
	}
	.flow_wood_head_line_area p{
		text-align:left;
	}
	.flow_wood_contents {
		padding: 0 0 0 15px;
	}
	.flow_wood_contents_inner {
		padding-right: 15px;
	}
	.flow_wood_contents_inner .p_img {
		width: 100%;
	}
	.flowwood_ash {
		padding-left: 0;
		margin-bottom: 110px;
		aspect-ratio: 2 / 1;
	}
	.flowwood_ash img{
		height: 100%;
		object-fit: cover;
	}
}
/* R-Fence Page ------------------------------------------------- 20220225*/
.title_area h3{
	font-size: 30px;
	text-align: center;
}
.circle_area{
	position: relative;
	overflow: hidden;
	height: 100px;
	width: 100%;
}
.circle_area .st_circle{
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 20px;
}
.n_r_fence .desc_area .inner{
	padding: 30px;
	height: 100%;
	margin-bottom: 30px;
}
.n_r_fence .desc_area .inner h3{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--mustard);

}
.n_r_fence .desc_area .inner p{
	margin-bottom: 0;
}
.n_r_fence .desc_area .inner h3 span{
	color: var(--mustard);
}
.r_assembly_area{
	background: var(--mustard);
	width: 100%;
	overflow: hidden;
	margin: 50px 0;
	padding: 80px 0;
}

.r_assembly_contents .inner img{
	width: 100%;
}
.r_assembly_contents .inner .text{
	margin-top: 10px;
	margin-bottom: 0!important;
	font-size: 16px;
	display: flex;
	gap: 10px;
}
.r_assembly_contents .inner .text .number{
	padding: 5px 8px 8px;
	font-size: 36px;
	font-weight: 500;
	line-height: 1;
	color: #fff;
	background: #b17930;
}
.r_assembly_area .movie_area{
	margin-bottom: 50px;
    height: 0;
    width: 100%;
    padding-top: 56.25%;
    position: relative;
}
.r_assembly_area .movie_area iframe{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	left: 0;
}
.img_area{
	padding: 50px 0;
	display: flex;
	justify-content: center;
}
.img_area.bt{
	border-top: 1px solid #000;
	margin-top: 50px;
}
.m_img_area{
	display: flex;
	flex-wrap: wrap;
	margin: 100px 0;
}
.m_img_area_inner{
	width: 50%;
	aspect-ratio: 12 / 6.8;
}
.m_img_area_inner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 768px){
	.circle_area{
		height: auto;
	}
	.circle_area .st_circle{
		margin-left: 100px!important;
	}
	.m_img_area_inner{
		width: 100%;
	}
	.r_assembly_contents .inner{
		margin-bottom: 20px;
	}
}
.catalog{
	padding-bottom: 155px;
}

.fence_intro_img {
	width: 65%;
	padding-bottom: 70px;
}
@media (max-width: 768px) {
	.fence_intro_img{
		width: 100%;
		padding: 0 20px 60px 20px;
	}
}

.mv_bottom_banner .primary{
	margin-bottom: 30px;
}

@media (max-width: 768px){
	.mv_bottom_banner .row .col-md-4{
		margin-bottom: 10px!important;
	}
	.mv_bottom_banner .primary{
		margin-bottom: 0;
	}
}

.h3-lh-14{
	line-height: 1.4;
}

.title_base{
	font-size: 16px;
	font-weight: bold;
	padding: 0 20px;
	margin-bottom: 20px;
	border-radius: 2em;
	display: inline-block;
}

.title_base.gray{
	background: #ccc;
}

.title_base_blue{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 10px 0;
	border-radius: 2em;
	background: #1CA8CF;
}

.mb-10{
	margin-bottom: 10px;
}
.mb-20{
	margin-bottom: 20px;
}
.mb-30{
	margin-bottom: 30px;
}
.mb-40{
	margin-bottom: 40px;
}
.mb-50{
	margin-bottom: 50px;
}
.mb-60{
	margin-bottom: 60px;
}
.mb-70{
	margin-bottom: 70px;
}
.mb-80{
	margin-bottom: 80px;
}
.mb-90{
	margin-bottom: 90px;
}
.mb-100{
	margin-bottom: 100px;
}

.text.right{
	text-align: right;
}

.box{
	height: 323px;
}

.box img{
	height: 100%;
	object-fit: cover;
}

.text-brown{
	color: #B57949;
}

@media (max-width: 768px){
	.title_base_blue{
		font-size: 14px;
	}
	.box.left{
		height: auto;
		margin-bottom: 20px;
	}
	.box.right{
		height: auto;
	}
}

.color{
	margin-bottom: 10px!important;
	text-align: right;
}

.product_introduction{
	margin-bottom: 120px;
}

.txt_right{
	text-align: right;
}

.txt_green{
	color: #37786E;
}
@media (max-width: 768px){
	.product_introduction{
		margin-bottom: 60px;
	}
}

@media (min-width: 768px){
	.fence_material{
		text-align: right;
	}
}

h3.garden_h3{
	color: #000;
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
	font-size: 26px;
}
h3.garden_h3 span{
	font-size: 18px;
	margin-left: 10px;
}
@media (max-width: 768px){
	h3.garden_h3{
		font-size: 18px;
	}
	h3.garden_h3 span{
		display: block;
		font-size: 12px;
		margin-left: 0;
	}
}

.page-neo-edge__title h2{
	color: #ec6d74;
	line-height: 1.4;
}
.page-neo-edge__item{
	display: flex;
	gap: 20px;
}
.page-neo-edge__item .number{
	padding-right: 20px;
	font-size: 36px;
	font-weight: 700;
	line-height: 1;
	color: #ec6d74;
	border-right: 2px solid #ec6d74;
}
.page-neo-edge__point h4{
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.page-neo-edge__point h4 span{
	display: block;
}
.page-neo-edge__point h4 span.small{
	margin-top: 10px;
	line-height: 1.4;
	font-weight: 600;
}
.page-neo-edge__construction__items {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.page-neo-edge__construction__item {
	width: calc((100% - 10px * 3) / 4);
	position: relative;
}
.page-neo-edge__construction__item .number{
	padding: 0 10px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #ec6d74;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.page-neo-edge__construction__item p{
	margin-top: 5px;
	line-height: 1.6;
}
.page-neo-edge__cases__title{
	display: flex;
	align-items: center;
	gap: 20px;
}

.page-neo-edge__cases__title .case{
	font-size: 20px;
	font-weight: 700;
	color: #ec6d74;
}

.page-neo-edge__cases__h4 {
	margin-bottom: 0;
}
.page-neo-edge__cases__item p .finish{
	font-size: 16px;
	font-weight: 700;
	color: #ec6d74;
	display: block;

}

@media (max-width: 768px){
	.page-neo-edge__construction__item {
		width: 100%;
	}
}