@charset "utf-8";



/*//////////////////

#top・wp・contact構築時に欲しいパーツ集

必要最低限なパーツのみ残しています。
下層展開構築時のパーツは適宜チップスから取得し追加してください。

//////////////////*/
.topsectitle{ text-align: center; margin-bottom: 35px; }
.topsectitle>.inwrap{display: inline-block;position: relative;font-size: 4.4rem;padding-bottom: 15px;line-height: 1.4;font-weight: normal;letter-spacing: 0.1em;}
.topsectitle>.inwrap::before{ content: ""; background: #191919; width: 100%; height: 1px; display: inline-block; position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; }
.topsectitle._nobdb>.inwrap{padding-bottom: 0;}
.topsectitle._nobdb>.inwrap::before{ content: none; }
@media screen and (max-width: 1200px) {
	.topsectitle>.inwrap{ font-size: 4rem; padding-bottom: 10px; }
}
@media screen and (max-width: 767px) { 
	.topsectitle>.inwrap{ font-size: 2.8rem;}
}
@media screen and (max-width: 500px) { 
}

.sectitle{ font-size: 2.8rem; text-align: center; margin-bottom: 60px; font-weight: normal; line-height: 1.8; }
.sectitle._archive{ text-align: justify; }
@media screen and (max-width: 1200px) {
	.sectitle{ font-size: 2.4rem; margin-bottom: 40px; }
	.sectitle._archive{ text-align: center; }
}
@media screen and (max-width: 767px) { 
	.sectitle{ font-size: 2rem; }
	.sectitle._archive{ text-align: justify; }
}
@media screen and (max-width: 500px) { 
}

.txtlink{ font-size: 1.8rem; padding-left: 25px; position: relative; display: inline-block; line-height: 1.8; text-align: left; overflow: hidden; }
.txtlink>.arr{ overflow: hidden; width: 16px; height: 14px; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }
.txtlink>.arr::before{ content: ""; background: url(../img/common/arr.svg) no-repeat; background-size: contain; width: 14px; height: 14px; display: inline-block; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; transition: .4s; }
.txtlink:hover{ color: #808080; }
.txtlink:hover>.arr::before{ left: 16px; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) { 
	.txtlink{ font-size: 1.6rem; }
}
@media screen and (max-width: 500px) { 
}

.bloglist>ul{ display: flex;flex-direction: row;flex-wrap: wrap; margin-left: -30px; margin-bottom: -30px; overflow: hidden; }
.bloglist>ul>li{ margin-left: 30px; width: calc(33.33% - 30px); margin-bottom: 30px; }
#index .bloglist>ul>li:nth-child(4){ display: none; }
.bloglist>ul>li>a{ display: flex;flex-direction: row; }
.bloglist>ul>li>a .blogimgbox{flex-shrink: 0;width: 49%;margin-right: 20px;position: relative;overflow: hidden;min-height: 140px;}
.bloglist>ul>li>a .blogimgbox img{ position: absolute; top: 0; bottom: 0; left: 0;right: 0;transition: .4s;transform: scale(1); width : 100%; height : 100%; -o-object-fit : cover; object-fit : cover; }
.bloglist>ul>li>a .blogtxtbox{ display: flex;flex-direction: column;justify-content: center; transition: .4s; }
.bloglist>ul>li>a .blogtxtbox .blogdate{font-size: 1.4rem;margin-bottom: 5px;letter-spacing: 0em;}
.bloglist>ul>li>a .blogtxtbox .blogtitle{font-size: 1.5rem;line-height: 1.5;text-align: left;}
.bloglist>ul>li>a:hover{ opacity: 1; }
.bloglist>ul>li>a:hover .blogtxtbox{ color: #808080; }
.bloglist>ul>li>a:hover .blogimgbox img{ transform: scale(1.04); }
.bloglist._archive>ul{ margin-bottom: -50px; }
.bloglist._archive>ul>li{ width: calc(50% - 30px); margin-bottom: 50px; }
@media screen and (max-width: 1200px) {
	.bloglist>ul>li{ width: calc(50% - 30px); }
	#index .bloglist>ul>li:nth-child(4){ display: block; }
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 500px) { 
	.bloglist>ul{ display: block; margin-left: -0; }
	.bloglist>ul>li{ margin-left: 0; width: 100%!important; }
	.bloglist._archive>ul{ margin-bottom: -30px; }
	.bloglist._archive>ul>li{ margin-bottom: 30px; }
}

.workslist>ul{ display: flex; flex-direction: row; margin-left: -20px; margin-bottom: -35px; overflow: hidden; flex-wrap: wrap; }
.workslist>ul>li{ margin-left: 20px; margin-bottom: 35px; width: calc(33.33% - 20px); display: flex; }
.workslist>ul>li>a{display: flex;flex-direction: column;width: 100%;}
.workslist>ul>li>a .thumbimg{ overflow: hidden; position: relative; height: 300px;  }
.workslist>ul>li>a .thumbimg img{ position: absolute; top: 0; bottom: 0; left: 0;right: 0;transition: .4s;transform: scale(1); width : 100%; height : 100%; -o-object-fit : cover; object-fit : cover; }
.workslist>ul>li>a .workstitle{ margin-top: 15px; line-height: 1.8; }
.workslist>ul>li>a:hover{ opacity: 1; color: #808080; }
.workslist>ul>li>a:hover .thumbimg img{ transform: scale(1.04); }
@media screen and (max-width: 1200px) {
	.workslist>ul>li{ width: calc(50% - 20px); }
}
@media screen and (max-width: 767px) { 
	.workslist>ul{ display: block; margin-left: -0; }
	.workslist>ul>li{ margin-left: 0; width: 100%; display: block; }
	.workslist>ul>li>a .thumbimg{ height: 280px; }
}
@media screen and (max-width: 500px) { 
}

.undersectitlebox{ line-height: 1.8; margin-bottom: 70px; text-align: center; }
.undersectitlebox .en{ font-size: 4.4rem; position: relative; padding-bottom: 10px; margin-bottom: 20px; line-height: 1.6; letter-spacing: 0.1em; }
.undersectitlebox .en::before{ content: ""; display: inline-block; position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; max-width: 144px; width: 100%; background: #000; height: 1px; }
.undersectitlebox .jn{ font-size: 2rem; font-weight: normal; }
@media screen and (max-width: 1200px) {
	.undersectitlebox .en{ font-size: 4rem; }
}
@media screen and (max-width: 767px) { 
	.undersectitlebox{ margin-bottom: 50px; }
	.undersectitlebox .en{ font-size: 3.2rem; margin-bottom: 10px;}
	.undersectitlebox .jn{ font-size: 1.8rem; }
}
@media screen and (max-width: 500px) { 
	.undersectitlebox .en{ font-size: 2.8rem;}
}

.dllist{ position: relative; border-top: 1px solid #191919; }
.dllist>ul{ position: relative; }
.dllist>ul>li{ border-bottom: 1px solid #191919; }
.dllist>ul>li>dl{ display: flex;flex-direction: row; padding: 20px 8%; }
.dllist>ul>li>dl>dt{width: 32%;flex-shrink: 0;}
.dllist>ul>li>dl>dd{ width: 100%; position: relative; background: #fff; }
.dllist a{ text-decoration: underline; }
.dllist a:hover{ text-decoration: none; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	.dllist>ul>li>dl{ display: block; }
	.dllist>ul>li>dl>dt{width: 100%;}
}
@media screen and (max-width: 500px) {
}

.btnlink{font-size: 1.8rem;color: #fff;background: #808080;max-width: 640px;width: 100%;padding: 17px 4%;text-align: center;display: inline-block;}
.btnlink>.inwrap{ position: relative; display: inline-block; padding-left: 22px; }
.btnlink>.inwrap::before{ content: ""; background: url(../img/common/arr_white.svg) no-repeat; background-size: contain; width: 14px; height: 14px; display: inline-block; position: absolute; left: 0; top: 2px; bottom: 0; margin-top: auto; margin-bottom: auto; }
.btnlink:hover{ background: #191919; }
.btnlink._online{ font-size: 2.4rem; padding-top: 12px; padding-bottom: 12px; }
.btnlink._online>.inwrap{ padding-left: 47px; }
.btnlink._online>.inwrap::before{ content: none; }
.btnlink._online>.inwrap svg{ position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; }
.btnlink._online>.inwrap .onlineshop_st0.st0{ stroke:#fff; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	.btnlink{ padding-top: 15px; padding-bottom: 15px; font-size: 1.6rem; }
	.btnlink._online>.inwrap{ padding-left: 45px; }
	.btnlink._online>.inwrap svg{ width: 32px; height: 34px; }
	.btnlink._online{ font-size: 2.2rem; }
}
@media screen and (max-width: 500px) {
}


.archivecatlist{ margin-top: 110px;  }
.archivecatlist>ul{ text-align: center; margin-left: -30px; margin-bottom: -20px; }
.archivecatlist>ul>li{ display: inline-block; vertical-align: middle; margin-left: 30px; line-height: 1.6; margin-bottom: 20px; }
.archivecatlist>ul>li>a{ font-size: 2.8rem; display: inline-block; position: relative; }
.archivecatlist>ul>li>a::before{ content: ""; background: #000; display: inline-block; position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; height: 1px; width: 0; transition: .4s; }
.archivecatlist>ul>li>a:hover{ opacity: 1; }
.archivecatlist>ul>li.current>a::before,
.archivecatlist>ul>li>a:hover::before{ width: 100%; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	.archivecatlist{ margin-top: 90px;  }
	.archivecatlist>ul{ margin-left: -25px; }
	.archivecatlist>ul>li{ margin-left: 25px; }
	.archivecatlist>ul>li>a{ font-size: 2.2rem; }
}
@media screen and (max-width: 500px) {
}


.beforeafterbox{ margin-top: 80px; }
.beforeafterbox>ol>li:not(:last-child){ margin-bottom: 60px; }
.beforeafterbox>ol>li .beforeaftertitle{ font-size: 2.4rem; margin-bottom: 20px; font-weight: normal; line-height: 1.8; }
.beforeafterbox>ol>li .beforeafterlist>ul{ display: flex;flex-direction: row;flex-wrap: wrap; margin-left: -20px; margin-bottom: -30px; overflow: hidden; }
.beforeafterbox>ol>li .beforeafterlist>ul>li{ margin-left: 20px; margin-bottom: 30px; width: calc(33.33% - 20px); }
.beforeafterbox>ol>li .beforeafterlist>ul>li img{ width : 100%; height : 100%; -o-object-fit : cover; object-fit : cover; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	.beforeafterbox>ol>li .beforeafterlist>ul{ display: block; margin-left: -0; margin-bottom: -20px; }
	.beforeafterbox>ol>li .beforeafterlist>ul>li{ margin-left: 0; width: 100%; margin-bottom: 20px; }
}
@media screen and (max-width: 500px) {
}

.productlist{ margin-top: 90px; }
.productlist>ul{ display: flex;flex-direction: row;flex-wrap: wrap; margin-left: -20px; margin-bottom: -20px; }
.productlist>ul>li{ margin-left: 20px; width: calc(33.33% - 20px); margin-bottom: 20px; }
.productlist>ul>li>a{ display: flex; position: relative; aspect-ratio: 19 / 29; height: 580px; }
.productlist>ul>li>a .thumbimg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; overflow: hidden; }
.productlist>ul>li>a .thumbimg img{ width : 100%; height : 100%; -o-object-fit : cover; object-fit : cover; transition: .4s; transform: scale(1); }
.productlist>ul>li>a .producttxtbox{display: flex;width: 100%;height: 100%;position: relative;z-index: 1;color: #fff;flex-direction: column;padding: 20px 25px;box-sizing: border-box;line-height: 1.8;justify-content: flex-end;}
.productlist>ul>li>a .producttxtbox .producttitle{ font-size: 2.8rem; }
.productlist>ul>li>a .producttxtbox .productinfo{ font-size: 1.8rem; }
.productlist>ul>li>a:hover{ opacity: 1; }
.productlist>ul>li>a:hover .thumbimg img{ transform: scale(1.04); }
@media screen and (max-width: 1200px) {
	.productlist>ul>li{ width: calc(50% - 20px); }
}
@media screen and (max-width: 767px) {
	.productlist{ margin-top: 65px; }
	.productlist>ul{ display: block; margin-left: -0; }
	.productlist>ul>li{ margin-left: 0; width: 100%; }
	.productlist>ul>li>a{ aspect-ratio: inherit; height: 480px; }
	.productlist>ul>li>a .producttxtbox .producttitle{ font-size: 2.4rem; }
	.productlist>ul>li>a .producttxtbox .productinfo{ font-size: 1.4rem; }
}
@media screen and (max-width: 500px) {
}


.ordermadeworkshbox{ margin-bottom: 65px; }
.ordermadeworkshbox .incnt{ max-width: 1030px; }
.ordermadeworkshbox .incnt>.inwrap{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.ordermadeworkshbox .incnt>.inwrap .sectitle{ margin-bottom: 0; }
.ordermadeworkshbox .incnt>.inwrap .archivecatlist{ text-align: right; margin-top: 0; }
.ordermadeworkshbox .incnt>.inwrap .archivecatlist>ul{ margin-left: -10px; }
.ordermadeworkshbox .incnt>.inwrap .archivecatlist>ul>li{ margin-left: 10px; }
.ordermadeworkshbox .incnt>.inwrap .archivecatlist>ul>li>a{ font-size: 1.6rem; letter-spacing: 0.07em; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	.ordermadeworkshbox .incnt>.inwrap{display: block;text-align: center;}
	.ordermadeworkshbox .incnt>.inwrap .sectitle{ margin-bottom: 30px; }
	.ordermadeworkshbox{ margin-bottom: 50px; }
}
@media screen and (max-width: 500px) {
}

#article._ordermadeworkssingle .sectitle{ text-align: justify; }
#article._ordermadeworkssingle .ordermadeworksmainbox{display: flex;flex-direction: row;padding-top: 10px;}
#article._ordermadeworkssingle .ordermadeworksmainbox .editbody{ width: 100%; text-align: left; }
#article._ordermadeworkssingle .ordermadeworksmainbox .ordermadeworksspec{width: 21%;margin-left: 7%;flex-shrink: 0;}
@media screen and (max-width: 1200px) {
	#article._ordermadeworkssingle .sectitle{ text-align: center; }
	#article._ordermadeworkssingle .ordermadeworksmainbox{display: block;}
	#article._ordermadeworkssingle .ordermadeworksmainbox .ordermadeworksspec{width: 100%;margin-left: 0%;flex-shrink: 0; margin-top: 60px;}
}
@media screen and (max-width: 767px) {
	#article._ordermadeworkssingle .ordermadeworksmainbox{ padding-top: 0; }
}
@media screen and (max-width: 500px) {
}




.singlegallery1{ margin-top: 150px; margin-left: auto; margin-right: auto; position: relative; }
.singlegallery1>ul{ display: flex;flex-direction: row;padding-left: 40px;padding-right: 40px;justify-content: center; }
.singlegallery1>ul li{margin-left: 10px;margin-right: 10px; aspect-ratio: 1/1;}
.singlegallery1>ul li a{overflow: hidden;position: relative;display: block;}
.singlegallery1>ul li a img{  transition: .4s; transform: scale(1); width : 100%; height : 100%; -o-object-fit : cover; object-fit : cover; }
.singlegallery1>ul li a:hover{ opacity: 1; }
.singlegallery1>ul li a:hover img{ transform: scale(1.06); }
.singlegallery1 .slick-arrow{font-size: 0;width: 20px;height: 20px;min-width: 20px;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;position: absolute;cursor: pointer;transition: .4s;background: url(../img/common/arr.svg) no-repeat;background-size: contain;}
.singlegallery1 .slick-next{ right: 0; }
.singlegallery1 .slick-next:hover{ right: -5px; }
.singlegallery1 .slick-prev{ left: 0;transform : rotate(180deg) scale(1, -1); }
.singlegallery1 .slick-prev:hover{ left: -5px; }
.singlegallery1>ul.count3{ padding-left: 0;padding-right: 0; }
#article._ordermadeworkssingle .singlegallery1{ margin-top: 100px; }
@media screen and (max-width: 1200px) {
	.singlegallery1{ margin-top: 120px; }
}
@media screen and (max-width: 767px) {
	.singlegallery1{ margin-top: 80px; }
	.singlegallery1>ul{ padding-left: 30px; padding-right: 30px; }
	.singlegallery1>ul li{ margin-left: 0; margin-right: 0; }
	.singlegallery1>ul.count3{ display: block; }
	.singlegallery1>ul.count3 li:not(:last-child){ margin-bottom: 20px; }
	.singlegallery1 .slick-next{ right: -5px; }
	.singlegallery1 .slick-next:hover{ right: -10px; }
	.singlegallery1 .slick-prev{ left: -5px; }
	.singlegallery1 .slick-prev:hover{ left: -10px; }
}
@media screen and (max-width: 500px) {
}


.faqlist>ul{ border-top: 1px solid #000; }
.faqlist>ul>li{border-bottom: 1px solid #000;padding-top: 27px;padding-bottom: 30px;padding-left: 6%;padding-right: 8%;position: relative;min-height: 95px;display: flex;align-items: center;width: 100%;box-sizing: border-box;}
.faqlist>ul>li:before {content: "";width: 16px;background: #000000;height: 2px;position: absolute;top: 46px;right: 0;margin-right: 0;font-size:0;}
.faqlist>ul>li:after {content: "";width: 2px;background: #000000;height: 16px;position: absolute;top: 39px;right: 7px;}
.faqlist>ul>li>dl{ width: 100%; }
.faqlist>ul>li>dl>dt{position: relative;cursor: pointer;display: flex;flex-direction: row;align-items: center;line-height: 1.8;width: 100%;}
.faqlist>ul>li.open:after { display: none; }
.faqlist>ul>li>dl>dt .qicon{ font-size: 2.8rem;flex-shrink: 0; width: 45px; line-height: 1; padding-top: 3px; }
.faqlist>ul>li>dl>dt .title{ font-size: 1.8rem;width: 100%; }
.faqlist>ul>li>dl>dd{ padding-top: 25px; }
.faqlist._single{ margin-top: 155px; }
.faqlist._single>ul>li{ padding-left: 0;padding-right: 0; }
@media screen and (max-width: 1200px) {
	.faqlist._single{ margin-top: 135px; }
	.faqlist>ul>li>dl>dt .qicon{ font-size: 2.4rem; width: 40px; }
	.faqlist>ul>li>dl>dt .title{ font-size: 1.6rem; }
	.faqlist>ul>li{ padding-left: 4%; }
}
@media screen and (max-width: 767px) {
	.faqlist._single{ margin-top: 90px; }
	.faqlist>ul>li{ min-height: inherit; display: block; }
	.faqlist>ul>li:before{ top: 40px; }
	.faqlist>ul>li:after{ top: 33px; }
	.faqlist>ul>li>dl>dt{ align-items: flex-start; }
}
@media screen and (max-width: 500px) {
}


.productsinglelist1{ margin-top: 195px; }
.productsinglelist1>.incnt>ul{ display: flex; flex-direction: row; margin-left: -80px; }
.productsinglelist1>.incnt>ul>li{ margin-left: 80px; }
.productsinglelist1>.incnt>ul>li:not(._material){width: calc(34% - 80px);}
.productsinglelist1>.incnt>ul>li._material{ width: calc(70% - 80px); }
.productsinglelist1>.incnt>ul>li>ul>li:not(:last-child){ margin-bottom: 65px; }
.productsingletitle1{ font-size: 2.4rem; padding-bottom: 10px; border-bottom: 1px solid #000; margin-bottom: 25px; text-align: center; }
.productsingletxt .editbody{ line-height: 2; }
.productmaterial>ul>li:not(:last-child){ margin-bottom: 50px; }
.productmaterial>ul>li .materialtitle{ margin-bottom: 5px; }
.productmaterial>ul>li .materiallist{ margin-left: -35px; display: flex;flex-direction: row;flex-wrap: wrap; margin-bottom: -35px; margin-top: 0; }
.productmaterial>ul>li .materiallist>li{ margin-left: 35px; margin-bottom: 35px; }
.productmaterial>ul>li .materiallist>li .materialimg{  aspect-ratio: 1/1;  }
.productmaterial>ul>li .materiallist>li .materialimg img{ width : 100%; height : 100%; -o-object-fit : cover; object-fit : cover; }
.productmaterial>ul>li .materiallist>li .materialtxt{ text-align: center; line-height: 1.4; margin-top: 3px; }
.productmaterial>ul>li .materiallist._small>li .materialimg{ width: 90px;}
.productmaterial>ul>li .materiallist:not(._small)>li .materialimg{ width: 150px; }
.productmaterial>ul>li .materiallist:not(._small)>li .materialtxt{ margin-top: 10px; }
@media screen and (max-width: 1200px) {
	.productsinglelist1{ margin-top: 135px; }
	.productsinglelist1>.incnt>ul>li:not(._material){width: calc(40% - 80px);}
	.productsinglelist1>.incnt>ul>li._material{ width: calc(70% - 80px); }
}
@media screen and (max-width: 767px) {
	.productsinglelist1{ margin-top: 100px; }
	.productsinglelist1>.incnt>ul{ display: block; margin-left: -0; }
	.productsinglelist1>.incnt>ul>li{ margin-left: 0; }
	.productsinglelist1>.incnt>ul>li:not(:last-child){ margin-bottom: 50px; }
	.productsinglelist1>.incnt>ul>li>ul>li:not(:last-child){ margin-bottom: 45px; }
	.productsinglelist1>.incnt>ul>li:not(._material),
	.productsinglelist1>.incnt>ul>li._material{ width: 100%; }
	.productsingletitle1{ font-size: 2.2rem; }
	.productmaterial>ul>li:not(:last-child){ margin-bottom: 40px; }
	.productmaterial>ul>li .materiallist{ margin-left: -25px; margin-bottom: -30px; }
	.productmaterial>ul>li .materiallist>li{ margin-left: 25px; margin-bottom: 30px; }
}
@media screen and (max-width: 500px) {
}


#relatedpost{ margin-top: 145px; }
#relatedpost .titlebox{ margin-left: -15px; text-align: center; margin-bottom: 50px; font-weight: normal; line-height: 1.8; }
#relatedpost .titlebox .en{ display: inline-block; vertical-align: middle; margin-left: 15px; font-size: 2.8rem; }
#relatedpost .titlebox .jn{ display: inline-block; vertical-align: middle; margin-left: 15px; font-size: 2.4rem; font-weight: normal; }
#relatedpost .productlist{ margin-top: 0; }
#relatedpost .productlist._another{ overflow: hidden; }
#relatedpost .productlist._another>ul{ display: flex;flex-direction: row; margin-left: -25px; margin-bottom: -40px; }
#relatedpost .productlist._another>ul>li{ margin-bottom: 40px; margin-left: 25px; width: calc(33.33% - 25px); display: flex; }
#relatedpost .productlist._another>ul>li>a{display: flex;flex-direction: column;width: 100%;aspect-ratio: auto;height: inherit !important;}
#relatedpost .productlist._another>ul>li>a .thumbimg{ position: relative; aspect-ratio: 33/26; height: 260px; display: block; width: 100%;margin: 0; }
#relatedpost .productlist._another>ul>li>a .producttxtbox{margin-top: 10px;line-height: 1.8;height: auto;color: inherit;padding: 0;}
#relatedpost .productlist._another>ul>li>a .producttxtbox .producttitle{ font-size: 2.4rem; }
#relatedpost .productlist._another>ul>li>a .producttxtbox .productinfo{ font-size: 1.4rem; }
#relatedpost .productlist._another>ul>li:nth-child(4){ display: none; }
@media screen and (max-width: 1200px) {
	#relatedpost .productlist._another>ul>li{ width: calc(50% - 25px); }
	#relatedpost .productlist._another>ul>li:nth-child(4){ display: flex; }
}
@media screen and (max-width: 767px) {
	#relatedpost{ margin-top: 120px; }
	#relatedpost .titlebox{ margin-bottom: 40px; }
	#relatedpost .productlist._another>ul{ display: block;margin-left: -0; }
	#relatedpost .productlist._another>ul>li{ margin-left: 0; width: 100%; }
	#relatedpost .productlist._another>ul>li>a .producttxtbox .producttitle{ font-size: 2.2rem; }
	#relatedpost .productlist._another>ul>li>a .producttxtbox .productinfo{ font-size: 1.2rem; }
}
@media screen and (max-width: 500px) {
}


.showroombox .titlebox{ text-align: center; margin-bottom: 50px; }
.showroombox .titlebox .topsectitle{ margin-bottom: 0; }
.showroombox .titlebox .jn>.inwrap{display: inline-block;position: relative;font-size: 1.8rem;font-weight: normal;padding-left: 37px;padding-right: 37px;}
.showroombox .titlebox .jn>.inwrap::before,
.showroombox .titlebox .jn>.inwrap::after{content: "";background: url(../img/index/s6_title_left.svg) no-repeat;background-size: contain;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;display: inline-block;width: 16px;height: 24px;}
.showroombox .titlebox .jn>.inwrap::before{ left: 0; }
.showroombox .titlebox .jn>.inwrap::after{ right: 0; transform : rotate(180deg) scale(1, -1); }
.showroombox .txtbox{ margin-top: 45px; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) { 
	.showroombox .titlebox{ margin-bottom: 40px; }
	.showroombox .imgbox img{ height: 300px; }
	.showroombox .titlebox .jn>.inwrap{ font-size: 1em; padding-left: 30px;padding-right: 25px;}
	.showroombox .titlebox .jn>.inwrap::before,
	.showroombox .titlebox .jn>.inwrap::after{width: 12px;height: 20px;top: 4px;}
	.showroombox .txtbox{ margin-top: 35px; }
}
@media screen and (max-width: 500px) { 
}


.subtitlebox{margin-bottom: 15px;text-align: center;}
.subtitlebox>.inwrap{display: inline-block;position: relative;font-size: 2rem;font-weight: normal;padding-left: 37px;padding-right: 32px;}
.subtitlebox>.inwrap::before,
.subtitlebox>.inwrap::after{content: "";background: url(../img/index/s6_title_left.svg) no-repeat;background-size: contain;position: absolute;top: 3px;bottom: 0;margin-top: auto;margin-bottom: auto;display: inline-block;width: 16px;height: 24px;}
.subtitlebox>.inwrap::before{ left: 0; }
.subtitlebox>.inwrap::after{ right: 0; transform : rotate(180deg) scale(1, -1); }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	.subtitlebox>.inwrap{ padding-left: 30px;padding-right: 25px;font-size: 1.8rem;}
	.subtitlebox>.inwrap::before,
	.subtitlebox>.inwrap::after{width: 12px;height: 20px;top: 4px;}
}
@media screen and (max-width: 500px) {
}

.singleinfobox{ font-size: 1.4rem; margin-left: -15px; margin-bottom: 20px; }
.singleinfobox>li{ display: inline-block; vertical-align: middle; margin-left: 15px; }
@media screen and (max-width: 1200px) {
	.singleinfobox{ text-align: center; }
}
@media screen and (max-width: 767px) {
	.singleinfobox{ text-align: justify; }
}
@media screen and (max-width: 500px) {
}


.teltxtlink1{ text-align: center; }
.teltxtlink1>a{ display: inline-block; position: relative; line-height: 1.6; }
.teltxtlink1 .maintxt{ font-size: 2.8rem; }
.teltxtlink1 .minitxt{font-size: 1.3rem;letter-spacing: 0.05em;}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	.teltxtlink1 .maintxt{ font-size: 2.4rem; }
	.teltxtlink1 .minitxt{ font-size: 1.2rem; }
}
@media screen and (max-width: 500px) {
}


.toptxt{ font-size: 1.8rem; text-align: center; line-height: 2.6; }
.toptxt p:not(:last-child){ margin-bottom: 40px; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	.toptxt{text-align: justify;font-size: 1.6rem;line-height: 2;}
	.toptxt p:not(:last-child){ margin-bottom: 30px; }
}
@media screen and (max-width: 500px) {
}


.bottomlinklist>.inwrap>ul{  margin-left: -30px; margin-bottom: -20px; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; }
.bottomlinklist>.inwrap>ul>li{ margin-left: 30px; margin-bottom: 20px; width: calc(50% - 30px); }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) { 
	.bottomlinklist>.inwrap>ul{  margin-left: -0; display: block; }
	.bottomlinklist>.inwrap>ul>li{ margin-left: 0; width: 100%; }
}
@media screen and (max-width: 500px) { 
}


.materiallist{ margin-top: 75px; }
.materiallist>ul>li:not(:last-child){ margin-bottom: 30px; }
.materiallist>ul>li{ display: flex; flex-direction: row; }
.materiallist>ul>li .imgbox{flex-shrink: 0;width: 23%;margin-right: 6%;}
.materiallist>ul>li .imgbox img{ width : 100%; height : 100%; -o-object-fit : cover; object-fit : cover; }
.materiallist>ul>li .txtbox{ width: 100%; padding-top: 20px; padding-bottom: 10px; display: flex; flex-direction: column; justify-content: center; line-height: 1.9;  }
.materiallist>ul>li .txtbox .materialtitle{ font-size: 2.1rem; margin-bottom: 10px; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) { 
	.materiallist>ul>li:not(:last-child){ margin-bottom: 50px; }
	.materiallist>ul>li{ flex-direction: column-reverse; }
	.materiallist>ul>li .imgbox{width: 100%;margin-right: 0%;margin-top: 30px;}
	.materiallist>ul>li .txtbox{ padding-top: 0; padding-bottom: 0; display: block;  }
	.materiallist>ul>li .txtbox .materialtitle{ font-size: 2rem; margin-bottom: 15px; text-align: center; }
}
@media screen and (max-width: 500px) { 
}

.materialimglist{ margin-top: 70px; }
.materialimglist>.incnt>ul{ display: flex;flex-direction: row; }
.materialimglist>.incnt>ul>li{ width: 50%; }
.materialimglist>.incnt>ul>li img{ width : 100%; height : 100%; -o-object-fit : cover; object-fit : cover; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) { 
	.materialimglist{ margin-top: 50px; }
	.materialimglist>.incnt>ul{ display: block; }
	.materialimglist>.incnt>ul>li{ width: 100%; }
}
@media screen and (max-width: 500px) { 
}




.flowlist>.incnt>ol{ position: relative; }
.flowlist>.incnt>ol:after{content: "";background: #000000;display: inline-block;width: 1px;position: absolute;top: 178px;left: 33%;height: calc(100% - 240px);}
.flowlist>.incnt>ol>li{ padding-bottom: 30px; }
.flowlist>.incnt>ol>li>.inwrap{ display: flex;flex-direction: row; }
.flowlist>.incnt>ol>li>.inwrap .imgbox{width: 23%;flex-shrink: 0;margin-right: 6%;}
.flowlist>.incnt>ol>li>.inwrap .txtbox{ width: 100%; display: flex; justify-content: center;flex-direction: column; min-height: 200px; }
.flowlist>.incnt>ol>li>.inwrap .txtbox>.inwrap{  padding-top: 20px; padding-bottom: 15px; background: #fff; position: relative; z-index: 10; }
.flowlist>.incnt>ol>li>.inwrap .txtbox>.inwrap .title{ font-size: 2.1rem; margin-bottom: 5px; line-height: 1.8; }
.flowlist>.incnt>ol>li>.inwrap .txtbox>.inwrap .link{ margin-top: 20px; }
.flowlist>.incnt>ol>li>.inwrap .txtbox>.inwrap .link .btnlink{ max-width: 410px; width: 100%; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) { 
	.flowlist>.incnt>ol>li:not(:last-child){ padding-bottom: 60px; position: relative; }
	.flowlist>.incnt>ol>li:not(:last-child)::after{content: "";background: #000;display: inline-block;position: absolute;height: 35px;bottom: 0;left: 0;right: 0;margin-left: auto;margin-right: auto;width: 1px;}
	.flowlist>.incnt>ol>li>.inwrap{ display: block; }
	.flowlist>.incnt>ol>li>.inwrap .imgbox{width: 100%;margin-right: 0%; margin-bottom: 25px;height: 300px;}
	.flowlist>.incnt>ol>li>.inwrap .txtbox{ display: block; min-height: inherit; }
	.flowlist>.incnt>ol:after{content: none;}
	.flowlist>.incnt>ol>li>.inwrap .txtbox>.inwrap{  padding-top: 0; padding-bottom: 0; background: transparent;}
	.flowlist>.incnt>ol>li>.inwrap .txtbox>.inwrap .title{ text-align: center; }
	.flowlist>.incnt>ol>li>.inwrap .txtbox>.inwrap .link{ text-align: center; }
}
@media screen and (max-width: 500px) { 
}


/* input */
form input[type="text"],
form input[type="tel"],
form input[type="email"],
form input[type="password"],
form input[type="number"],
form textarea {border: 1px solid #000000;background: #ffffff!important;line-height: 2;padding: 18px 35px;font-size: 100%;height: 54px;width: 100%;transition: 0.3s;letter-spacing: 1.6;font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
form textarea { height: 300px; width: 100%; resize: vertical; display: block; }
form input[type="text"]:focus,
form input[type="tel"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form input[type="number"]:focus,
form textarea:focus { border: 1px solid #000000; background: #fff!important; }
form input[type="text"]:read-only,
form input[type="tel"]:read-only,
form input[type="email"]:read-only,
form input[type="password"]:read-only,
form input[type="number"]:read-only,
form textarea:read-only { background: #eee!important; }
@media screen and (max-width: 767px) {
	form input[type="text"],
	form input[type="tel"],
	form input[type="email"],
	form input[type="password"],
	form input[type="number"] { padding: 18px 12px; height: 60px; }
	form textarea{ height: 240px; }
}

/* other */
input::placeholder, textarea::placeholder { color: #7f7f7f!important; }
.mw_wp_form .error { color: #e94a67; line-height: 1.8; margin-top:10px; }
p.ermsg + p.ermsg { margin-top:0; }
.required {display: inline-block;line-height: 1;letter-spacing: 0;}
ul.list.error { margin-bottom: 60px; }
ul.list.error li { margin-bottom: 5px; color: #e94a67;}
@media screen and (max-width: 767px) {
	.required { font-size: 1.4rem; }
}

/* size */
form .short { width: 300px!important;}
form .middle { width: 500px!important;}
@media screen and (max-width: 767px) {
	form .short { width: 100%!important;}
	form .middle { width: 100%!important;}
}


/* checkbox */
form input[type="checkbox"] {width: 20px;height: 20px;border:1px solid #000000;background-color: #fff!important;cursor: pointer;background-size: 20px 20px!important;font-size: 0;transition: 0.3s;margin-right: 7px;vertical-align: -4px;}
form input[type="checkbox"].checked,
form input[type="checkbox"]:checked { background-color: #000000!important; border:1px solid #000000; }
form input[type="checkbox"].checked:before,
form input[type="checkbox"]:checked:before,
form input[type="checkbox"].checked:after,
form input[type="checkbox"]:checked:after { content:none!important; }

/* radio */
form input[type="radio"] { width: 20px; height: 20px; border-radius: 50%; border:1px solid #000000; background-color: #fff!important; cursor: pointer; background-size: 20px 20px!important; font-size: 0; transition: 0.3s; margin-right: 5px; vertical-align: -3px; }
form input[type="radio"].checked,
form input[type="radio"]:checked { background-color: #000000!important; border: 1px solid #000000; }
form input[type="radio"].checked:before,
form input[type="radio"]:checked:before,
form input[type="radio"].checked:after,
form input[type="radio"]:checked:after { content:none!important; }

/* date */
input[type="date"]:focus { outline: 0; }
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-clear-button{ -webkit-appearance: none; }
input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; height: 60px; width: 60px; right: 0; cursor: pointer; }
input[type="date"] {position: relative;width: 210px;height: 60px;border: 0;background: transparent;box-sizing: border-box;font-size: 1.5rem;color: #191919;font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;letter-spacing: 0.1em;padding-left: 15px;}

/* daybox */
.datebox .dateinput{ margin-top: 5px; margin-left: -15px; }
.datebox .dateinput .daybox,
.datebox .dateinput .datetime{ display: inline-block; vertical-align: top; margin-left: 15px; margin-top: 15px; }
.datebox .dateinput input{ width: 100%; }
form .daybox label { position: relative; width: 266px; height: 60px; border: 1px solid #191919; color: #191919; background: #fff; }
form .daybox label::before {content: "";background: #b2b2b2;width: 60px;height: 58px;top: 0;right: 0;position: absolute;border-left: 1px solid #191919;}
form .daybox label::after {content: "";background: linear-gradient(to left top, transparent 50%, rgb(255, 255, 255) 51%) right top / 50% 100% no-repeat, linear-gradient(to right top, transparent 50%, rgb(255, 255, 255) 51%) left bottom / 50% 100% no-repeat;width: 10px;height: 8px;display: inline-block;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: 25px;}
@media screen and (max-width: 767px) { 
	form .daybox label { width: 100%; }	
	.datebox .dateinput .daybox,
	.datebox .dateinput .datetime{ display: block; }
}

/* selectbox */
/*form .selectbox,*/
.mw_wp_form:not(.mw_wp_form_confirm):not(.mw_wp_form_previewform) form .selectbox {height: 60px;width: 100%;position: relative;z-index: 1;max-width: 300px;display: inline-block;}
/*form .selectbox::before,*/
.mw_wp_form:not(.mw_wp_form_confirm):not(.mw_wp_form_previewform) form .selectbox::before {content: "";background: linear-gradient(to left top, transparent 50%, rgb(25, 25, 25) 50%) right top / 50% 100% no-repeat, linear-gradient(to right top, transparent 50%, rgb(25, 25, 25) 50%) left bottom / 50% 100% no-repeat; width: 14px; height: 14px;top: 0;right: 40px;position: absolute;z-index: 1;bottom: 0;margin: auto 0;}
/*form .selectbox select,*/
.mw_wp_form:not(.mw_wp_form_confirm):not(.mw_wp_form_previewform) form .selectbox select {font-size: 1.6rem;width: 100%;height: 100%;padding: 0 35px;padding-right: 60px;position: relative;background: #ffffff;letter-spacing: 0.1em;}
@media screen and (max-width: 767px) { 
	/*form .selectbox,*/
	.mw_wp_form:not(.mw_wp_form_confirm):not(.mw_wp_form_previewform) form .selectbox { width: 100%; }
	/*form .selectbox::before,*/
	.mw_wp_form:not(.mw_wp_form_confirm):not(.mw_wp_form_previewform) form .selectbox::before{ right: 30px; }
}


.zipbox{ display: flex; flex-direction: row; max-width: 480px; width: 100%; }
.zipbox .inputbox{ width: 100%; }
.zipbox .inputbox input{ height: 100%; }
.zipbox .getaddress{border-top: 1px solid #191919;border-bottom: 1px solid #191919;border-right: 1px solid #191919;width: 160px;flex-shrink: 0;display: flex;}
.zipbox .getaddress>a{ display: flex; align-items: center; justify-content: center; background: #b2b2b2; color: #fff; width: 100%; }
@media screen and (max-width: 767px) { 
	.zipbox .getaddress{ width: 140px; }
}
@media screen and (max-width: 500px) { 
	.zipbox .getaddress{ width: 130px; }
}

/* btnbox */
.btnbox {text-align: center;width: 100%;margin-top: 30px;}
.btnbox ul { overflow: hidden; text-align: center; }
.btnbox ul>li {display: block;vertical-align: middle;max-width: 640px;width: 100%;margin-left: auto;margin-right: auto;}
.btnbox ul>li:not(:last-child){ margin-bottom: 15px; }
.btnbox ul>li .submitbox{ width: 100%; }
.btnbox ul>li label{ width: 100%; }
form .btnbox ul>li .btnlink {padding-top: 24px; padding-bottom: 24px;}
form .btnbox ul>li .btnlink._grey{ border: 1px solid #000; background: transparent; color: #000; }
form .btnbox ul>li .btnlink._grey:hover{ border: 1px solid #000; background: #000; color: #fff; }
#article.wp form .btnbox ul>li input[type="submit"].submit{ width: 100%; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
}

.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview form .submit{ margin-top: 60px; }


.formbox .incnt{ max-width: 830px; }
.formbox .formtoptxt{text-align: center;margin-bottom: 60px;}
form ul.formlist>li:not(:last-child) {margin-bottom: 45px;}
form ul.formlist>li dl { display: flex; justify-content: space-between; }
form ul.formlist>li dt {width: 265px;text-align: left;flex-shrink: 0;padding-top: 15px;line-height: 1.4;padding-right: 20px;font-size: 1.8rem;}
.mw_wp_form.mw_wp_form_confirm form ul.formlist>li dt{ padding-top: 5px; }
form ul.formlist>li dd { width: 100%; }
form ul.formlist>li dd .yoko{ margin-left: -10px; }
form ul.formlist>li dd .yoko>span{ display: inline-block; vertical-align: middle; margin-left: 10px; }
.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview form ul.formlist>li dd .yoko{ margin-left: 0; }

form .privacycheck {padding-top: 30px;text-align: center;}
form .privacycheck a { text-decoration: underline; }
form .privacycheck a:hover { text-decoration: none; }
.mw_wp_form form .privacycheck .mwform-checkbox-field-text{ display: none; }
.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview form .privacycheck{ display: none; }
@media screen and (max-width: 1200px) { 
}
@media screen and (max-width: 767px) { 
	form .privacycheck {font-size: 1.6rem;padding-top: 30px;}
	form ul.formlist>li dl { display: block; }
	form ul.formlist>li dt {width: 100%;margin-bottom: 10px;padding-top: 0;font-size: 1.6rem;}
	.formbox .formtoptxt{ text-align: justify; margin-bottom: 40px; }
}
@media screen and (max-width: 500px) { 
	form .privacycheck{letter-spacing: 0.1em;line-height: 2;}
}

.wpcf7-response-output { width: 100%; font-size: 20px; border: 1px solid #191919!important; color: #191919; font-weight: bold; text-align: center; padding: 20px 6%!important; margin: 0 0 40px!important; }
@media screen and (max-width: 767px) {
	.wpcf7-response-output { padding: 6%!important; font-size: 1.6rem; }
}
span.wpcf7-not-valid-tip { margin: 5px 0; color: #191919; font-weight: bold; }
span.wpcf7-not-valid-tip:before {content:"！"; }
form ul.formlist>li.mail dd input:first-child+span.wpcf7-not-valid-tip{ margin-top: -5px; margin-bottom: 10px; }

.wpcf7-spinner{ position: absolute!important; bottom: -40px; right: 0; }