@charset "UTF-8";
@import url(default.css);
@import url(slick.css);
/*rules:display position max-w width min-w max-h margin padding height min-h otheroptions*/
body{opacity:0;}
.yarpp-related img{
  width:220px!important;
  height:148px!important;
  object-fit: cover;
}
.yarpp-related ul {
  display:flex;
  justify-content: flex-start;
}
.yarpp-related ul >li{
  width:230px;
  margin:0 8px 0 0!important;
}
.yarpp-related header{
margin-bottom:4px!important;
}
.yarpp-related p{
  display: none;
}
.yarpp-related i {
  display:block;
		color: #8B8987;
  margin: 0 0 4px;
}
.yarpp-related dd {
  padding:0 3px;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: auto;
  font-size: 10px;
  position: fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  border-top: 1.1em solid rgba(0, 0, 0, 0.2);
  border-right: 1.1em solid rgba(0, 0, 0, 0.2);
  border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
  border-left: 1.1em solid #000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  z-index:999;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

input[type="text"] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
}
input,select,textarea{
width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
button,
select,
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    width:100%;
}
.yarpp-related {display: none;border-top: none!important;}
textarea{resize:none;}
.wp-embedded-content {width:100%;max-width:100%;}
body {font-size:90%;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
.pc {display:inline-block;}.sp{display:none!important;}
.slick img {width:100%;}
.center {text-align:center!important;}
.left {text-align:left!important;}
.def {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}
.minf {font-family:"Yu Mincho Demibold","游明朝体",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","serif";font-weight:500;}
.bg_ch {background-color:#F2F1EE!important;}
.morebox_b {display:inline-block;padding:4px 40px;color:#000;border:1px solid #000;font-size:90%;transition:all 0.4s;}
.morebox_b:hover {color:#fff;border:1px solid #000;background-image:url(../img/woodenbg.jpg);}
.morebox_w {display:inline-block;padding:4px 34px 5px;color:#fff;border:1px solid #fff;font-size:90%;}
.permalinks {margin:0 0 -15px 0;padding:8px 0;color:#fff;background-image:url(../img/woodenbg.jpg);font-size:80%;}
.permalinks div {max-width:980px!important;}
.permalinks a{color:#fff;margin:0 4px 0 0;}
.permalinks em{margin:0 0 0 4px;}
.fb_iframe_widget > span {vertical-align: baseline !important;}
article {margin-top:0;overflow:hidden;}
div#page {max-width:100%;margin:0 auto;}
body.spNaviShow{overflow-y:hidden;}
body.spNaviShow nav#header_nav.show {overflow-y:scroll;}
.catchtext{padding:0!important;}
.catchtext >p{line-height: 1.8em;}
.catchtext >p:first-of-type {margin-top:-20px;}
.catchtext >p:last-of-type {padding-bottom: 60px;}
i.ic{display:inline-block;position:relative;width:0.7em;height:0.7em;margin-top:-4px;padding-left:14px;vertical-align: middle;}
i.ic >img {position: absolute;top:0;right:0;bottom:0;left:0;width:1em;height:1em;margin:auto;}

header#header {box-shadow:none;}
header#header {width:100%;background-color:#fff;position:fixed;z-index:999;top:0;background-image:url(../img/head_cover.jpg);background-repeat:repeat-x;transition:all 0.3s;}
header#header div {max-width:1000px;width:100%;margin:0 auto;}
header#header h1 img#header_typo {display:block;width:15%;margin:30px auto 16px;}
header#header h1 img#header_logo {display:block;width:30%;margin:0 auto 20px;}
header#header #header_nav li {display:inline-block;height:12%;margin:0 4px;font-weight:400;cursor:pointer;}
header#header #header_nav li a {padding:10px 12px 20px;}
header#header #header_nav ul > li > p {padding:10px 12px 20px;}
header#header #header_nav ul li p::after {content:'';display:inline-block;width:8px;height:8px;border-bottom:1px solid #000;border-right:1px solid #000;margin:0 0 0 16px;transform:translateY(-3px) rotateZ(45deg);transition:transform 0.3s;}
header#header #header_nav ul li.show p::after {margin:2px 0 0 18px;transform:rotateZ(-135deg);}
header#header #header_nav ul li div.megawrap {position:absolute;display:block;height:0;opacity:0;max-width:100%;top:153px;left:0;right:0;overflow:hidden;transition:all 0.4s;}
header#header #header_nav ul li div.megawrap div {opacity:0;}
header#header #header_nav ul li.show div.megawrap div {opacity:1;}
header#header #header_nav ul li#products.show::after {content:'';display:block;top:-4px;width:70px;height:4px;position:relative;border-bottom:4px solid #482E1E;z-index:999;}
header#header #header_nav ul li#about.show::after {content:'';display:block;top:-4px;width:170px;height:4px;position:relative;border-bottom:4px solid #482E1E;z-index:999;}
header#header #header_nav ul li.show div.megawrap {display:flex;top:157px;height:300px;opacity:1;background-color:#F3F3F3;}
header#header #header_nav ul li.show div.megawrap div {display:block;max-width:810px;margin:0 auto;text-align:left;opacity:1;}
header#header #header_nav ul li.show div.megawrap ul {display:inline-block;margin-top:24px;height:auto;vertical-align:top;text-align:left;}
header#header #header_nav ul li.show div.megawrap ul:first-of-type {margin-right:96px;}
header#header #header_nav ul li.show div.megawrap ul li {display:block;padding:0;height:auto;cursor:pointer;}
header#header #header_nav ul li.show div.megawrap ul li a {display:block;padding:10px 12px 20px 0;}
@keyframes open {
0%{height:0;opacity:0;}
1%{height:0;opacity:1;}
100%{height:300px;opacity:1;}
}
@keyframes close {
0%{height:300px;opacity:1;}
99%{height:0;opacity:1;}
100%{height:0;opacity:0;}
}

article.top_index >* {transition:opacity 0.8s;}
article.top_index section:not(.top_slider) div {max-width:980px;width:100%;margin:0 auto;line-height:1.8em;}
article.top_index header {margin-bottom:20px;}
article.top_index section header em{text-align:center;}
article.top_index div.flexslider {margin:0;}
article.top_index div.flexslider ol {display:none;}
article.top_index section.top_slider ul li {position:relative;border:none;}
article.top_index section.top_slider ul li p {position:absolute;width:100%;bottom:15%;margin:auto;z-index:999;text-align:center;}
article.top_index section.top_slider p a{font-size:90%;color:#fff;}
article.top_index section.top_copy {padding:100px 0;}
article.top_index section.top_copy header {margin-bottom:40px;}
article.top_index section.top_copy p {line-height:2.2em;}
article.top_index section.top_copy p a {margin-top:40px;}
article.top_index section.top_products {background-image:url(../img/top/top_products_bg.jpg);}
article.top_index section.top_products ul li.stockonly dl dt {position:relative;}
article.top_index section.top_products ul li.stockonly dl dt::before {content:url(../img/stockonly.jpg);display:block;width:50px;height:50px;position:absolute;top:10px;left:10px;}
article.top_index section.top_products ul {display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 0 30px;border-bottom:1px solid #DCCFB9;}
article.top_index section.top_products ul li {width:22%;margin:20px 0;}
article.top_index section.top_products ul li dl {position:relative;}
article.top_index section.top_products ul li dl dt{display:block;position:relative;background-color:#000;background-position: calc(50% - 1px);}
article.top_index section.top_products ul li dl dt img {width:100%;margin-top: -1px;}
article.top_index section.top_products ul li a dl dt p{position:absolute;opacity:0;top:46px;left:36px;transition:all 0.4s;vertical-align:middle;transform:translateY(50px);}
article.top_index section.top_products ul li a:hover dl dt p{position:absolute;opacity:1;transform:translateY(0px);}
article.top_index section.top_products ul li dl dd {margin:10px auto 0;font-size:96%;text-align:center}
article.top_index section.top_products p {display:inline-block;margin:50px auto 0;}
article.top_index section.top_products p.banner {width:320px;}
article.top_index section.top_products p a img {opacity:1!important;}
article.top_index section.top_blog header {position:relative;margin-bottom:50px;}
article.top_index section.top_blog header p {position:absolute;top:40%;right:0;display:inline-block;}
article.top_index section.top_blog header p a::after {content:'';display:inline-block;width:0.5em;height:0.5em;margin-left:10px;border-top:1px solid #000;border-right:1px solid #000;transform:rotateZ(45deg);}
article.top_index section.top_blog ul {display:flex;justify-content:space-between;}
article.top_index section.top_blog ul li {position:relative;width:22%;min-height:320px;margin:0;}
article.top_index section.top_blog ul li dl dd {margin-top:12px;}
article.top_index section.top_blog ul li dl dd p {font-size: 94%;line-height: 1.5;}
article.top_index section.top_blog ul li dl dd em {font-weight:800;margin-bottom: 6px;display: block;}
article.top_index section.top_blog ul li dl dd span {position:absolute;width:72px;bottom:0px;left:0;right:0;margin:auto;}
article.top_index section.top_news dl {display:flex;justify-content:center;align-items:center;width:100%;}
article.top_index section.top_news dl dt {vertical-align:middle;}
article.top_index section.top_news dl dt em {display:block;font-size:200%;}
article.top_index section.top_news dl dt p {margin-top:24px;}
article.top_index section.top_news dl dt p a::after {content:'';display:inline-block;width:0.5em;height:0.5em;margin-left:10px;border-top:1px solid #000;border-right:1px solid #000;transform:rotateZ(45deg);}
article.top_index section.top_news dl dd {width:60%;margin-left:30px;padding:10px 0 10px 30px;border-left:1px solid #DEDEDD;}
article.top_index section.top_news dl dd ul {height:auto;max-height:160px;overflow-y: scroll;}
article.top_index section.top_news dl dd ul li {margin-bottom:10px;}
article.top_index section.top_news dl dd ul li:last-of-type {margin-bottom:0;}
article.top_index section.top_news dl dd i {margin:0 68px 0 0;color:#7C7C7C;}
article.top_index section.top_midlinks ul {display:flex;justify-content:flex-start;flex-wrap:wrap;}
article.top_index section.top_midlinks ul li {margin:3px;max-width: 320px;}
article.top_index section.top_midlinks ul li:nth-of-type(2):last-of-type {margin:3px auto 3px 3px;}

article.products_all {padding:0px 0 0 0;}
article.products_all section >div {max-width:980px;width:100%;margin:0 auto;}
article.products_all section:not(:first-of-type){padding:60px 0 0px;}
article.products_all section.otherlinks {max-width:660px;width:100%;margin:0 auto;padding-bottom:60px;}
article.products_all section.otherlinks header {margin-bottom:30px;}
article.products_all section.otherlinks ul {display:flex;justify-content:space-around;}
article.products_all section.otherlinks li p a {display:block;width:200px;padding:12px 0;border:1px solid #000;text-align:center;}
article.products_all section.products_tbl div {padding-bottom:20px;border-bottom:1px solid #DEDEDD;}
article.products_all .products_tbl dl.dlmidashi {width:100%;margin: 0 0 38px 0;}
article.products_all .products_tbl dl.dlmidashi dt {display:inline-block;width: 32%;vertical-align:top;}
article.products_all .products_tbl dl.dlmidashi dt em::before {content:'';display:inline-block;width:10px;height:1.8em;margin: -4px 16px 0 0;background-color:#4C2D1A;vertical-align:middle;}
article.products_all .products_tbl dl.dlmidashi dt em {font-size: 132%;font-weight:800;letter-spacing:0.05em;}
article.products_all .products_tbl dl.dlmidashi dd {display:inline-block;width: 65%;vertical-align:top;border-left: 1px solid #E6E5E4;padding-left: 20px;font-size:95%;}
article.products_all .products_tbl ul {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
article.products_all .products_tbl ul::after {content:'';display:block;width:30%;}
article.products_all .products_tbl ul li {width:300px;}
article.products_all .products_tbl ul li dl {width:300px;min-height:300px;margin-bottom:20px;cursor:initial;}
article.products_all .products_tbl ul li dl dt {cursor:pointer;}
article.products_all .products_tbl ul li dl dd {width:90%;margin:0 auto}
article.products_all .products_tbl ul li dl dd em {font-size: 93%;display: block;margin: 12px 0;font-weight:800;line-height: 1.8em;cursor:pointer;}
article.products_all .products_tbl ul li dl dd ul {display:flex;justify-content:flex-start;width:100%;}
article.products_all .products_tbl ul li dl dd ul li {display:inline-block;width:86px;margin: 0 4px 4px 0;}
article.products_all .products_tbl ul li dl dd ul li:last-child {margin:0;}
article.products_all section#straght div {border:none;padding:0 0 40px;}
article.products_all section#naratamo div {border:none;padding:0 0 40px;}
article.products_all section.page_header img {width:80%;}
article.products_all section.page_header {padding-bottom:2rem;}
article.products section.page_header header ~em {width:80%;}
article.products_column section.page_header header ~em {width:100%;}
article.products section.page_header div.summary {max-width:100%;width:80%;}
article.products_column section.page_header div.summary {max-width:100%;width:100%;}
article.products_all section.page_header div.summary {margin-top:20px}
article.voice section.page_header div.summary {margin-top:34px}
article.products_all section.page_header header {text-align:center;margin:0px 0 30px;}
article.products_all section.page_header header h2 {display:block;margin:10px auto 20px;font-size:180%;letter-spacing:0;}
article.products_all section.page_header header em {display:block;margin:0px 0 20px;font-weight:800;font-size:110%;}
article.products_all section.page_header header ul{display:flex;justify-content:center;margin:0 auto;}
article.products_all section.page_header img {display:block;width:100%;margin:0 auto;}
article.products_all section.page_header header ~em {display:block;margin:40px auto 10px;font-size:120%;font-weight:800;}
article.products_all section.page_header header ~p {display:block;line-height:1.8em;}
article.products_all section.products_images {padding-bottom:50px;}
article.products_all section.products_images ul {display:flex;justify-content:space-between;}
article.products_all section.products_images ul li {display:inline-block;max-width:50%;}
article.products_all section.products_images ul li p {margin:30px 0 0 50px;}
article.products_all section.products_images ul li dl {width:100%;}
article.products_all section.products_images ul li dl dt {margin:0 0 6px;cursor:pointer;overflow:hidden;background-color: #fff;}
article.products_all section.products_images ul li dl dt img {width:490px;height:276px;object-fit:cover;}
article.products_all section.products_images ul li dl dd ul {display:flex;flex-wrap:wrap;justify-content:flex-start;}
article.products_all section.products_images ul li dl dd ul li {width:18%;margin:6px 2% 6px 0;cursor: pointer;}
article.products_all section.products_images ul li dl dd ul li:nth-child(5n){margin:6px 0;}
article.products_all section.products_images ul li dl dd ul li img {width:88px;height:50px;object-fit:cover;}
article.products_all section.products_details h3{margin:0 0 18px;}
article.products_all section.products_details h3::before {display:inline-block;content:'';width:10px;height:1.7em;margin:0 14px 0 0;background-color:#50321C;vertical-align:middle;}
article.products_all section.products_details h3 {font-size:140%;letter-spacing:0.05em;vertical-align:middle;}
article.products_all section.products_details.detail ul li {padding:8px 0;border-bottom:1px solid #000;}
article.products_all section.products_details.detail ul li:not(first-of-type) {display:flex;align-items:center;margin-top:8px;}
article.products_all section.products_details.detail ul li em {display:inline-block;font-weight:800;width:10%;}
article.products_all section.products_details.detail ul li p {display:inline-block;}
article.products_all section.products_details.pricetbl div div {display:block;max-width:980px;width:100%;overflow-x:scroll;}
article.products_all section.products_details.pricetbl div p {margin:0px 0 6px;font-weight:800;}
article.products_all section.products_details.pricetbl dl {display:flex;}
article.products_all section.products_details.pricetbl dl:first-of-type {}
article.products_all section.products_details.pricetbl dl:first-of-type >dd {color:#fff;background-color:#50321C;}
article.products_all section.products_details.pricetbl dl dt {display:none;color:#fff;background-color:#383330;text-align:center;padding:8px 0;font-weight:800;}
article.products_all section.products_details.pricetbl dl dd {display:block;min-width:10rem;padding:8px 5px;border-bottom:1px solid #E3E3E3;font-size:95%;}
article.products_all section.products_details.pricetbl dl:not(:first-of-type) dd {text-align:right;}
article.products_all section.products_details.about header {margin:0 0 10px;}
article.products_all section.products_details.pricetbl dl dd {border-right:1px solid #E3E3E3;}
article.products_all section.products_details.pricetbl dl dd:first-of-type {border-left:1px solid #E3E3E3;}
article.products_all section.products_details.about {margin-bottom:30px;}

article.case_all {padding:0px 0 0 0;}
article.case_all section.dl_articles ul li dl {min-height:200px;}
article.case_column div {max-width:780px;width:100%;margin:0 auto;}
article.case section div {max-width:980px;width:100%;margin:0 auto;}
article.case_all section:not(:first-of-type){padding:50px 0 10px;}
article.case_all section.column_wrap {padding:0 0;margin:-50px 0 0;}

article.news_all {padding:0px 0 0 0;}
article.news section div {max-width:980px;width:100%;margin:0 auto;}
article.news_column div{max-width:780px;width:100%;margin:0 auto;}
article.news_all section:not(:first-of-type){padding:50px 0 10px;}
article.news section.past_cases{padding-top:0px;}
article.news section.dl_list {margin-bottom:40px;}

article.blog_all {padding:0px 0 0 0;}
article.blog_all section div {max-width:980px;width:100%;margin:0 auto;}
article.blog_all section:not(:first-of-type){padding:50px 0 10px; margin-top: 10px;}
article.blog section.page_header {margin:-20px 0 40px;}
article.blog_column section.page_header {}
article.blog_column section.past_cases {padding-top:0;}
article.blog section.column_wrap {padding:0 0;margin:-50px 0 0;}
article.blog_column section.column_wrap {margin:20px 0 0;}
article.blog_column section.undlay_contents {}
article.blog_column section.undlay_contents header {display:block;}
article.blog_column section.undlay_contents header i {display:block;margin-bottom:10px;}
article.blog_column section.sqhead header h3::before {height:1em!important;}
article.blog_column section.dl_articles ul li::before{display:none;}
article.blog_column section.column_wrap div section.dl_articles div {border-top:1px solid #eeeeee;}
article.blog_column section.column_wrap div section.dl_articles div ul {border-bottom:none;}

section:not(:first-of-type) {padding:50px 0;}
section h2 {display:block;font-size:200%;margin:0 0 10px 0;letter-spacing:0.1em;font-weight:500;}
section h2 span {display:block;font-size:46%;margin:10px 0 30px 0;letter-spacing:normal;}
section.slider ul li {position:relative;}
section.slider ul li p {position:absolute;bottom:28%;left:0;right:0;}
section.slider #top_slider_scroll {position:relative;width:100px;height:20px;margin:auto;top:-140px;right:0;bottom:0;left:0;color:#fff;}
section.slider #top_slider_scroll::after {content:'';display:block;position:absolute;right:18px;width:20px;height:20px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotateZ(45deg);}
section.slider ol {display:none;}

section.page_header ul li {position:relative;width:90px;margin:0 4px;}
section.page_header ul.slides li {margin:0;}
section.page_header ul li p {position:absolute;bottom:28%;left:0;right:0;}
section.page_header #top_slider_scroll {position:relative;width:100px;height:20px;margin:auto;top:-140px;right:0;bottom:0;left:0;color:#fff;}
section.page_header #top_slider_scroll::after {content:'';display:block;position:absolute;right:18px;width:20px;height:20px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotateZ(45deg);}
section.page_header ol {display:none;}
section.page_header p {max-width:80%;width:80%;margin: 10px auto;line-height:1.8em;}
section.page_header p:first-of-type {margin-top: 36px;}
section.page_header p:last-of-type {margin-bottom: 40px;}

article.products_column.products_all section.page_header p {max-width:100%;width:100%;margin:0;line-height:1.8em;}
article.about__tenpo section.page_header p {max-width:80%;width:80%;margin: 36px auto 40px;line-height:1.8em;}

section.simplesec {margin:-50px auto 60px;}
section.simplesec h3 {font-size:130%;margin:0 0 10px;}

section.column_wrap div {display:flex;justify-content:space-between;flex-wrap:nowrap;margin:0 auto;}
section.column_wrap div section div {display:block;}
section.column_wrap div section.undlay_contents {width:70%;}
section.column_wrap div section.undlay_contents div {display:block;}
section.column_wrap div section.dl_articles {width:700px;margin:0 30px 0 0;}
section.column_wrap div section.dl_articles div {display:block;border-top:none;}
section.column_wrap div section.dl_articles div ul:first-of-type {padding-bottom:40px;border-bottom:1px solid #DCDCDC;}
section.column_wrap div section.dl_articles div div.wp-pagenavi,section.column_wrap div section.dl_list div div.wp-pagenavi {display:flex;justify-content:center;position:relative;width:50%;margin:80px auto 30px;}
section.column_wrap div section.dl_articles div div.wp-pagenavi li,section.column_wrap div section.dl_list div div.wp-pagenavi li {vertical-align:middle;}
section.column_wrap div section.dl_articles div div.wp-pagenavi li a,section.column_wrap div section.dl_list div div.wp-pagenavi li a{display:block;margin:0 20px;padding:10px 16px;vertical-align:middle;}
section.column_wrap div section.dl_articles div div.wp-pagenavi li p,section.column_wrap div section.dl_list div div.wp-pagenavi span.current {display:block;margin:0 20px;padding:10px 16px;vertical-align:middle;border:1px solid #000;}
section.column_wrap div section.dl_articles div div.wp-pagenavi a.wp-pagenavi_prev,section.column_wrap div section.dl_list div div.wp-pagenavi a.wp-pagenavi_prev {content:'';position:absolute;display:inline-block;width:0.6em;height:0.6em;top:32%;left:0;border-top:1px solid #000;border-left:1px solid #000;transform:rotateZ(-45deg);}
section.column_wrap div section.dl_articles div div.wp-pagenavi a.wp-pagenavi_next,section.column_wrap div section.dl_list div div.wp-pagenavi a.wp-pagenavi_next {content:'';position:absolute;display:inline-block;width:0.6em;height:0.6em;top:32%;right:0;border-top:1px solid #000;border-right:1px solid #000;transform:rotateZ(45deg);}

section.column_wrap div section.past_cases {width:24%;margin:0;}
section.column_wrap div section.past_cases ul li {display:block;overflow:hidden;margin:0 0 10px;padding:0 0 0 16px;}
section.column_wrap div section.past_cases ul li#past_cases_input {display:block;overflow:hidden;padding:0 0 0 0px;border:1px solid #8D8B89;}
section.column_wrap div section.past_cases ul li#past_cases_input input[type="text"] {width:77%;padding:8px 0 8px 10px;border:none;}
section.column_wrap div section.past_cases ul li#past_cases_input input[type="submit"] {width:38px;height:38px;float:right;padding:0;background-color:#383330;background-image:url(../img/ic_search2.png);background-repeat:no-repeat;background-position:center;}
section.column_wrap div section.past_cases ul li#past_cases_input input[type="submit"]::after {clear:both;content:'';float:none;overflow:hidden;}
section.column_wrap div section.past_cases ul li label {display:block;padding:10px 0;}
section.column_wrap div section.past_cases ul li:not(:first-of-type) {background-color:#F1F1EE;border-bottom:2px solid #373230;}
section.column_wrap div section.past_cases ul li.blog_newest {margin-top:40px;color:#fff;border-bottom:none;background-color:#373230;}
section.column_wrap div section.past_cases ul li.blog_newest em {display:block;padding:10px 0;}
section.column_wrap div section.past_cases ul li.blog_newest ul li{display:flex;justify-content:center;align-items:center;max-height:82px;height:auto;background-color:#fff!important;border-bottom:1px solid #EDEDED!important;}
section.column_wrap div section.past_cases ul li.blog_newest ul li a {color:#000;padding:20px 0; font-size: 94%}
section.column_wrap div section.past_cases ul li ul {overflow:hidden;margin:0 0 0 -16px;}
section.column_wrap div section.past_cases ul li ul li ul {margin-left:0;}
section.column_wrap div section.past_cases ul li ul li em {display:block;padding:9px 0 9px 16px;color:#fff;}
section.column_wrap div section.past_cases ul li ul li {max-height:0;height:0;margin:0;padding:0 0 0 16px;transition:all 0.3s;color:#fff;background-color:#383330!important;border-bottom:none!important;}
section.column_wrap div section.past_cases ul li ul li.hasund {height:0;margin:0;padding:0;transition:height 0.3s;background-color:#383330!important;border-bottom:none!important;}
section.column_wrap div section.past_cases ul li ul li a {display:inline-block;color:#fff;padding:9px 2px 9px 16px;}
section.column_wrap div section.past_cases ul li.show ul {height:auto;}
section.column_wrap div section.past_cases ul li.show ul li {height:auto;max-height:80px;}
section.column_wrap div section.past_cases ul li.show ul li.hasund {height:auto;}
section.column_wrap div section.past_cases ul li.show ul li.hasund ul li {height:40px;}
section.column_wrap div section.past_cases ul li.show ul li.hasund ul li a{display:block;padding:9px 0px;}
section.column_wrap div section.past_cases ul li ul li ul {margin-top:6px;padding-left:30px;}
section.column_wrap div section.past_cases ul li ul li ul li {color:#fff;font-size:82%;}
section.column_wrap div section.past_cases ul li ul li ul li {height:0;margin:0;padding:0;overflow:hidden;transition:max-height 0.3s;background-color:#383330!important;border-bottom:none!important;}

section.__anchor {padding:38px 0 0;}
section.__anchor ul {display:flex;padding:0 0 36px;border-bottom:1px solid #DCDCDC;}
section.__anchor ul li {text-align:center;margin:0 12px 0 0;}
section.__anchor ul li a {display:flex;justify-content:center;flex-direction:column;width:auto;min-width:6rem;height:55px;padding:14px;border:1.4px solid #000;font-weight: 400;font-size: 94%;overflow:hidden;}
section.__anchor ul li a::after {content:'';display:block;width:14px;height:14px;margin:2px auto 0px;border-bottom:1.4px solid #000;border-right:1.4px solid #000;transform:rotateZ(45deg);}

section.simplesec {margin:-50px auto 60px;}
section.simplesec h3 {font-size:130%;margin:0 0 10px;}

section.sqhead header h3::before {display:inline-block!important;content:'■'!important;width:30px!important;height:1.6em!important;margin:0 0 0!important;background-color:transparent!important;font-size:120%!important;}
section.sqhead header h3 {font-size:140%!important;letter-spacing:0!important;vertical-align:middle!important;}

section.dl_articles {margin:0 auto 0;padding:0;}
section.dl_articles div {padding:50px 0;border-top:1px solid #eeeeee;}
section.dl_articles header {margin:0 0 40px;}
section.dl_articles ul {display:flex;justify-content:flex-start;flex-wrap:wrap;}
section.dl_articles ul li{margin:0 20px 0 0;}
section.dl_articles ul li:nth-child(3n){margin:0;}
article.products_2 section.dl_articles ul li:nth-child(3n){margin:0 20px 0 0;}
article.products_2 section.dl_articles ul li:nth-child(4n){margin:0;}
section.dl_articles ul li dl {width:220px;min-height:250px;margin-bottom:30px;}
section.dl_articles ul li dl dt {display:block;;margin:0 0 16px;}
article.case section.dl_articles ul li dl dt {position:relative;min-height:220px;}
article.case section.dl_articles ul li dl dt >img {object-fit:cover;height:220px;}
section.dl_articles ul li dl dt img {width:100%}
section.dl_articles ul li dl dd {line-height:1.6em;}
section.dl_articles ul li dl dd i {display:block;color:#8B8987;margin:0 0 4px;}
section.dl_articles ul li dl dd em {display:block;margin:0 0 4px;font-weight:800;}
section.dl_articles ul li dl dd p {font-size:85%; line-height: 1.5;}

section.dl_list ul:first-of-type {display:block;}
section.dl_list ul:first-of-type li {display:block;}
section.dl_list ul:first-of-type li dl dt{display:inline-block;}
section.dl_list ul:first-of-type li dl dd{display:inline-block;}
section.dl_list ul:first-of-type li dl dd i {display:block;}
section.dl_list ul:first-of-type li dl dd em {display:block;margin:4px 0;}
section.dl_list ul:first-of-type li dl dd p {display:block;}
section.column_wrap div section.dl_list {width:70%;margin-right:30px;}
section.column_wrap div section.dl_list ul:first-of-type li {margin:20px 0;padding:20px 0;border-bottom:1px solid #E6E6E6;}
section.column_wrap div section.dl_list ul:first-of-type li:first-of-type {border-top:1px solid #E6E6E6;}
section.column_wrap div section.dl_list ul:first-of-type dl dt {width:20%;margin-right:30px;vertical-align:middle;}
section.column_wrap div section.dl_list ul:first-of-type dl dd {width:70%;vertical-align:middle;}

section.undlay_contents {line-height:1.8em;}
section.undlay_contents header {display:flex;justify-content:space-between;margin-bottom:30px;}
section.undlay_contents header h3 {font-size:160%;font-weight:800;vertical-align:middle;line-height: 1.6;}
section.undlay_contents header em {font-size:110%;vertical-align:middle;}
section.undlay_contents img {width:100%; margin:10px 0;}
section.undlay_contents dl {margin:30px auto 40px;}
section.undlay_contents p {margin:30px auto 40px;}
section.undlay_contents ul.undlay_contents_anchor {margin:20px 0 50px;padding:40px 0;border-top:1px solid #E5E5E5;font-size:105%;}
section.undlay_contents ul.sharesns {margin:60px auto 0;}
section.undlay_contents ul.sharesns li {display:block;float:right;margin:0 10px 0 0;}
section.undlay_contents ul.sharesns::after {content:'';display:block;float:none;clear:both;}
section.undlay_contents ul.undlay_contents_anchor ul {display:flex;justify-content:space-between;margin-bottom:50px;}
section.undlay_contents ul.undlay_contents_anchor ul li:first-of-type a::before {content:'＜';display:inline-block;width:1em;height:1em;margin:0 10px 0 0;}
section.undlay_contents ul.undlay_contents_anchor ul li:last-of-type a::before {display:none;}
section.undlay_contents ul.undlay_contents_anchor ul li:last-of-type a::after {content:'＞';display:inline-block;width:1em;height:1em;margin:0 0 0 10px;}
section.undlay_contents ul.undlay_contents_anchor li:last-of-type a::before {content:'＜＜';display:inline-block;width:2em;height:1em;margin:0 10px 0 0;}

section.voice_tbl {}
section.voice_tbl ul {max-width:980px;width:100%;margin:0 auto;padding-bottom:50px;}
section.voice_tbl ul >li {display:block;max-width:980px;margin:20px auto;padding:30px;background-color:#fff;}
section.voice_tbl ul >li:first-of-type {margin:0px auto 10px;}
section.voice_tbl ul >li:last-of-type {margin:10px auto 0px;}
section.voice_tbl ul >li >dl {display:flex;justify-content:space-around;align-items:flex-start;}
section.voice_tbl ul >li >dl >dt {width:23%;}
section.voice_tbl ul >li >dl >dt >img {width:100%;margin-bottom:10px;}
section.voice_tbl ul >li >dl >dt >p {line-height:1.8em;}
section.voice_tbl ul >li >dl >dd {width:75%;margin-left:3%;}
section.voice_tbl ul >li >dl >dd >h4 {margin:2px 0 8px;font-size:1.2em;}
section.voice_tbl ul >li >dl >dd >p {line-height:1.8em;}
article.voice section.voice_btm_anchor {padding:70px 0 94px;text-align:center;}
article.voice section.voice_btm_anchor a {padding:12px 70px;font-size:1em;}

article.contact section.contact{padding:0 0 60px;}
article.contact section.page_header header ~p {margin:36px auto 28px;text-align:center;}
article.contact section.page_header header ~p em {color:#e60012;}
article.contact form {max-width:960px;width:100%;margin:0 auto;border:1px solid #E8E8E8;padding:50px 0 80px;}
article.contact dl {display:flex;align-items:flex-start;width:64%;margin:0 auto 20px;}
article.contact dl:last-of-type {margin:0 auto;}
article.contact dl dt {width:30%;}
article.contact dl dt >p {margin-top:1.1em;}
article.contact dl dt >p >em {color:#e60012;}
article.contact dl dd {width:70%;}
article.contact dl dd input ,article.contact dl dd select ,article.contact dl dd textarea {width:100%;border:1px solid #D5D5D5;padding:1em;font-size:1em;}
article.contact dl dd >textarea {resize:vertical;}
article.contact dl dd >span.wpcf7-form-control-wrap {}
article.contact dl dd:last-of-type >p {display:inline-block;position:relative;margin:0 auto 0 0;}
article.contact dl dd:last-of-type >p::after {content:'';display:block;position:absolute;top:24px;right:20px;width:0.6em;height:0.6em;margin:auto 0;border-top:1px solid #fff;border-right:1px solid #fff;border-radius:2px;transform:rotateZ(45deg);}
article.contact dl dd:last-of-type >p >input[type=submit] {border-radius:5px;padding:18px 54px;color:#fff;font-weight:800;background-color:#383330;}

section#contact {border-top:1px solid #eee;padding:50px 0 50px;}
section#contact dl {margin-top:40px;}
section#contact dl dt {font-size:200%;margin:0 0 8px 0;font-weight:800;}
section#contact dl dt span {font-size:60%;}
section#contact dd {margin:0 0 24px 0;font-size:90%;}
section#contact a#contact_link {margin:0 0 20px 0;padding:14px 70px;position:relative;font-size:110%;}
section#contact a#contact_link::after {content:'';display:inline-block;position:absolute;top:42%;right:20px;width:6px;height:6px;border-top:1px solid #000;border-right:1px solid #000;transform:rotateZ(45deg);transition:all 0.4s;}
section#contact a#contact_link:hover::after {border-top:1px solid #fff;border-right:1px solid #fff;}

article.about section.page_header {padding-bottom:50px;}
article.about section.about__intro {padding:60px 0 70px;}
article.about__tenpo section.about__intro {padding:50px 0 10px;}
article.about section.about__section >div {max-width:980px;margin:0 auto;}
article.about section.about__section >div >header >h3 {margin-bottom:50px;font-size:1.8em;}
article.about section.about__section >div >header >img {}
article.about section.about__section >div >header >ul {display:flex;justify-content:center;align-items:center;}
article.about section.about__section >div >header >ul >li:nth-of-type(2){margin:0 10px;}
article.about section.about__section >div >p {max-width:780px;margin:30px auto;line-height:1.8em;}
article.about section.about__section >div >p.bunchua {text-align:center;}
article.about section.about__section >div >p.bunchua a.morebox_b {padding:1em 1.6em 0.9em;}
article.about section.about__section >div >p >em {display:block;margin:10px 0;font-weight:800;}
article.about section.about__section >div em:nth-of-type(1) {margin:14px 0 10px;}
article.about section.about__section >div em:nth-of-type(4) {margin:10px 0 16px;}
article.about section.about__section >div >p:first-of-type {margin-top:50px;}
article.about section.about__section >div >p:last-of-type {margin-bottom:70px;}
article.about__soli section.about__section >div >p:last-of-type {margin-bottom:10px;}
article.about__kanso section.about__section >div >p:last-of-type {margin-bottom:0px;}

article.about section.about__pick {max-width:980px;padding:40px;background-image:url(../img/top/top_products_bg.jpg);}
article.about section.about__pick >dl {display:flex;justify-content:space-between;}
article.about section.about__pick >dl >dt {width:24%;}
article.about section.about__pick >dl >dt img {width:100%;}
article.about section.about__pick >dl >dd {display:flex;flex-direction:column;width:calc(76% - 40px);margin-left:40px;}
article.about section.about__pick >dl >dd >h5 {margin:8px 0 10px;font-size:1.2em;font-weight:800;}
article.about section.about__pick >dl >dd >p {line-height:1.8em;}
article.about section.about__pick >dl >dd >a.morebox_b {width:11em;padding:10px 16px;margin-top:auto;}

article.about section.about__tri {padding:60px 0 120px;}
article.about section.about__tri >div >ul {}
article.about section.about__tri >div >ul >li {border-bottom:1px solid #DCDCDC;padding:40px 0;}
article.about section.about__tri >div >ul >li:first-of-type {border-top:1px solid #DCDCDC;}
article.about__oil section.about__tri >div >ul >li:last-of-type {border:none;}
article.about section.about__tri >div >ul >li >dl {display:flex;justify-content:space-between;}
article.about section.about__tri >div >ul >li >dl >dt {width:24%;}
article.about section.about__tri >div >ul >li >dl >dd {width:calc(76% - 40px);margin-left:40px;}
article.about section.about__tri >div >ul >li >dl >dd h5 {margin:0 0 16px;font-size:1.2em;}
article.about section.about__tri >div >nav {padding-top:60px;}
article.about__tenpo section.about__tri >div >nav {padding-top:0px;}
article.about section.about__oil >div >nav {margin-top:60px;border-top:1px solid #DCDCDC;padding-top:60px;}
article.about__kanso section.about__tri >div >nav {padding-top:0;}
article.about section.about__tri >div >nav >ul {display:flex;justify-content:center;align-items:center;}
article.about section.about__tri >div >nav >ul >li {margin:5px;}

article.about section.crs {}
article.about section.crs li {margin:0 0 36px;border-bottom:1px solid #dbdbdb;padding:0 0 40px;}
article.about section.crs li:last-of-type {border-bottom:none;}
article.about section.crs dl {display:flex;}
article.about section.crs li:nth-of-type(2) dl {flex-direction:row-reverse;}
article.about section.crs li:nth-of-type(2) dl dt {margin-left:50px;margin-right:0;}
article.about section.crs dl dt {width:calc(50% - 50px);margin-right:50px;}
article.about section.crs dl dt img {width:100%;}
article.about section.crs dl dd {width:50%;}
article.about section.crs dl dd p {line-height:1.8em;}
article.about section.crs dl dd p em {display:block;margin-bottom:1rem;font-size:1.6em;line-height:1.4em;}

article.about section.about__tenpo__step {padding-bottom:100px;}
article.about section.about__tenpo__step ul {text-align:center;}
article.about section.about__tenpo__step ul li:first-of-type {margin-top:60px;}
article.about section.about__tenpo__step ul li {margin-bottom:40px;}
article.about section.about__tenpo__step ul li img {margin-bottom:20px;}
article.about section.about__tenpo__step ul li p {margin-bottom:20px;line-height:1.8em;}
article.about section.about__tenpo__step ul li p em {font-size:1.4em;font-weight:800;}
article.about section.about__tenpo__step ul li p span {display:block;margin-top:20px;font-size:0.8em;}

article.about section >div ul.tri {display:flex;justify-content:center;align-items:flex-start;width:100%;margin:-10px auto 70px;}
article.about section >div ul.tri li:nth-of-type(2) {margin:0 10px;}

a.lower__nav {max-width:20em;width:80%;min-width:12em;padding:1.1em 0 1em;text-align:center;}

section#social {background-color:#F2F1EE;padding:50px 0;}
section#social img {width:30px;margin:0 30px;}

footer {background-image:url(../img/woodenbg.jpg);}
footer nav {color:#fff;padding:64px 0 32px 0;}
footer nav ul {display:inline-block;margin:0 5%;vertical-align:top;}
footer nav ul li {margin:20px 0;text-align:left;font-weight:800;}
footer nav ul li form {background-color:#fff;}
footer nav ul li form input {border:none;}
footer nav ul li form input[type="text"] {width:85%;padding:4px 8px;}
footer nav ul li form input[type="submit"] {width:18px;height:18px;background-image:url(../img/ic_search.png);background-repeat:no-repeat;background-color:#fff;color:#fff;}
footer nav ul li a {color:#fff;}
footer nav ul li dl dt {font-size:97%;margin-bottom:8px;}
footer nav ul li dl dd {margin:4px 0;font-size:94%;font-weight:400;}
footer nav ul li dl dd::before {content:'▶';margin:0 10px 0 0;font-size:70%;}
footer div#footer_logos {max-width:65%;margin:0 auto;border-top:1px solid #2a221d;}
footer div#footer_logos img#footer_typo {display:block;width:220px;margin:30px auto 16px;}
footer div#footer_logos img#footer_logo {display:block;width:250px;margin:0 auto 20px;}
footer div#footer_logos p {margin:40px 0 0 0;color:#aaa;font-size:80%;}
footer div {padding:0 0 10px 0;}
footer form {width:220px;}

div#nav-up {position:fixed;right:60px;bottom:-100px;transition:bottom 0.8s}
div#nav-up.scrolled{position:fixed;right:60px;bottom:80px!important;}
div#nav-up p#back-top {width:40px;height:40px;background-color:#000;opacity:0.8;}
div#nav-up p#back-top::before{content:'';display:block;position:relative;top:18px;left:14px;width:10px;height:10px;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotateZ(45deg)}




@media screen and (max-width:1024px){
article.top_index section:not(.top_slider) div {width:90%;}
article.products_all .permalinks div {width:90%;}
article.products_all section.__anchor div {width:90%;}
article.products_all section.__anchor ul {margin:0 auto;}
article.products_all section.products_tbl div {width:90%;}
article.products_all .products_tbl ul {justify-content:space-around;}
article.products_all .products_tbl ul::after {width:32%;}
article.case_all section.products_tbl div {width:90%;}
article.case_all .products_tbl ul {justify-content:space-around;}
article.case_all .products_tbl ul::after {width:32%;}
section.__anchor div {width:90%;}
section.__anchor ul {margin:0 auto;}
.permalinks div {width:90%!important;}
footer nav ul {display: inline-block;margin: 0 30px;vertical-align: top;}
article.top_index section.top_midlinks ul{justify-content:center;}
article.top_index section.top_midlinks ul li {margin:10px;}
}



@media screen and (max-width:768px){
i.ic {margin-top:-7px;}
i.ic2 {margin-top:-4px;}
  li#products.show {-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}
    li#products.show *{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;}
  li#about.show {-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;}
    li#about.show *{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;}
    section.dl_articles ul li {margin: 0 auto;}
header#header #header_nav li {margin:0px;padding:10px 8px 20px;}
header#header #header_nav ul li.show div.megawrap ul {margin-left:34px;}
header#header #header_nav li div.megawrap li {margin:0;padding:0;}
header#header #header_nav ul li.show div.megawrap {top:148px;}
article.products_all >section >div{width:90%;margin:0 auto;padding:0;line-height:2em;}
article.products_all .products_tbl dl.dlmidashi {width:93%;margin:0 auto 38px;}
article.products_all .products_tbl dl.dlmidashi dt {width:32%;text-indent:-1.8em;padding-left:1.8em;}
article.products_all .products_tbl dl.dlmidashi dd {width:58%;}
article.products_all .products_tbl ul {justify-content:space-around;}
article.products_all .products_tbl ul::after {width:44%;}
article.case_all section.products_tbl div {width:90%;}
article.case_all .products_tbl dl.dlmidashi {width:93%;margin:0 auto 38px;}
article.case_all .products_tbl dl.dlmidashi dt {width:32%;text-indent:-1.8em;padding-left:1.8em;}
article.case_all .products_tbl dl.dlmidashi dd {width:58%;}
article.case_all .products_tbl ul {justify-content:space-around;}
article.case_all .products_tbl ul::after {width:44%;}
section.column_wrap div section.dl_articles {width:520px;margin:0;}
section.column_wrap div section.past_cases {width:30%;margin-right:10px;}
section.simplesec {width:90%;}
section.dl_articles div {width:90%;}
section.undlay_contents {width:90%;margin:0 auto;}
}



@media screen and (max-width: 768px){
*{font-size:100%;}
.pc{display:none!important;}.sp{display:inline-block!important;}
article{margin-top:0;}
.permalinks{display:none;}
section.page_header header h2{font-size:150%;margin:0;}
section.page_header ol {display:block!important;}
section.page_header p:last-of-type {margin:60px auto 40px;font-size:130%;}
header#header {box-shadow:0px 0px 10px rgba(0,0,0,0.2)!important;}
header#header h1 img#header_typo {display:block;width:32%;margin:35px auto 8px 4%;}
header#header h1 img#header_logo {display:block;width:60%;margin:0 auto 25px 4%;}
header#header div #header_sp_nav {position:absolute;width:54px;height:54px;top:0;right:2%;padding:5px;color:#fff;border-radius:7px; background-image:url(../img/woodenbg.jpg);cursor:pointer;}
header#header div #header_sp_nav span {display:block;position:absolute;width:40%;height:3px;margin:0 auto;top:18px;right:0;left:0;background-color:#fff;opacity:1;transition:transform 0.3s;}
header#header div #header_sp_nav span:nth-child(2) {display:block;position:absolute;width:40%;height:3px;margin:0 auto;top:26px;right:0;left:0;background-color:#fff;}
header#header div #header_sp_nav span:nth-child(3) {display:block;position:absolute;width:40%;height:3px;margin:0 auto;top:34px;right:0;left:0;background-color:#fff;transition:transform 0.3s;}
header#header #header_sp_nav.show span:nth-child(1) {top:26px;transform:rotateZ(-45deg)}
header#header #header_sp_nav.show span:nth-child(2) {display:none;}
header#header #header_sp_nav.show span:nth-child(3) {top:26px;transform:rotateZ(45deg)}
header#header #header_sp_nav p {position:absolute;margin:0 auto;left:0;right:0;bottom:4px;}
header#header #header_nav {height:0;opacity:0;overflow:hidden;transition:height 0.4s;pointer-events:none;}
header#header #header_nav ul {opacity:0;}
header#header #header_nav ul li {padding:12px 0 12px;font-size:140%;transition:height 0.3s;}
header#header #header_nav ul li p {display:block;padding:12px 50px;}
header#header #header_nav ul li a {display:block;padding:12px 0 12px 50px;}
header#header #header_nav.show {max-height:90vh;height:1400px;opacity:1;position:static;overflow:scroll;pointer-events:auto;}
header#header #header_nav.show ul {height:auto;opacity:1;}
header#header #header_nav.show ul li {display:block;width:100%;text-align:left;padding-left:0px;}
header#header #header_nav ul li#products div.megawrap {height:0px;transition:height 0.3s;}
header#header #header_nav ul li#about div.megawrap {height:0px;transition:height 0.3s;}
header#header #header_nav ul li#products.show div.megawrap {height:410px!important;}
header#header #header_nav ul li#about.show div.megawrap {height:190px!important;}
header#header #header_nav.show ul li.show p {margin:0px 0 10px;}
header#header #header_nav.show ul li div.megawrap {position:static;opacity:1;margin:0;font-size:70%;}
header#header #header_nav.show ul li div.megawrap ul {position:static;display:block;margin:0;padding:0;}
header#header #header_nav ul li.show div.megawrap ul:first-of-type {margin-right:0;}
header#header #header_nav.show ul li div.megawrap ul li {display:block;width:100%;}
header#header #header_nav ul li.show div.megawrap ul li a {margin:0 auto;padding:8px 0 8px 50px;}
header#header #header_nav ul li#products.show::after {display:none;}
header#header #header_nav ul li#about.show::after {display:none;}
article.top_index section:not(:first-of-type){font-size:110%;}
article.top_index header {margin-bottom:50px;}
article.top_index section.top_copy h2 {font-size:220%;line-height: 1.4em;}
article.top_index section.top_copy p {line-height:1.6em;}
article.top_index section.top_copy {font-size:92%;}
article.top_index section.top_copy p a.morebox_b {font-size:100%;}
article.top_index section header em{text-align:center;display:block;}
article.top_index section.top_products ul {display:block;}
article.top_index section.top_products ul li {width:100%;font-size:110%;margin:20px auto 50px;}
article.top_index section.top_products ul li a dl dt p {top:30%;left:30%;}
article.top_index section.top_products ul li dl dd {margin-top:24px;font-size:100%;}
article.top_index section.top_products ul li.stockonly a dl dt p {top:32%;left:30%;}
article.top_index section.top_blog header {margin-bottom:20px;}
article.top_index section.top_blog header em {margin-bottom:30px;}
article.top_index section.top_blog header p {position:static;}
article.top_index section.top_blog ul {display:block;}
article.top_index section.top_blog ul li {width:100%;min-height:400px;margin:40px 0 60px;}
article.top_index section.top_blog ul li dl dt img{width:100%;}
article.top_index section.top_blog ul li dl dd span {bottom:10px;left:26%;right:26%;}
article.top_index section.top_news dl {display:block;}
article.top_index section.top_news dl dt {margin-bottom:30px;text-align:center;overflow:hidden;padding-bottom:30px;border-bottom:1px solid #E1E1E0;}
article.top_index section.top_news dl dt em {float:left;display:inline-block;margin-top:0;vertical-align:middle;}
article.top_index section.top_news dl dt p {float:right;display:inline-block;vertical-align:middle;margin:0 10px 0 0;}
article.top_index section.top_news dl dd {width:100%;margin:0;padding:0;border-left:none;}
article.top_index section.top_news dl dd ul {max-height:450px;}
article.top_index section.top_news dl dd ul li {margin-bottom:16px;padding:0px 0 16px;border-bottom:1px solid #e0e0e0;}
article.top_index section.top_news dl dd ul li:last-of-type {border:none;}
article.top_index section.top_news dl dd ul li i {display:block;font-weight:800;}
article.top_index section.top_midlinks ul li {margin:6px auto;max-width: 100%;}
article.products_all header#header {box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
article.products_all section.page_header p:last-of-type {margin:60px auto 10px;font-size:130%;}
article.products_all section h2 {width:90%;margin:0 auto 20px;}
article.products_all section:not(:first-of-type) {padding:30px 0;}
article.products_all >section >div{width:90%;margin:0 auto;padding:0;line-height:2em;}
article.products_all section.page_header img {max-width:100%;}
article.products_all section.page_header .slides img {max-width:100%;height:262px;object-fit:cover;}
article.products_all .products_tbl dl.dlmidashi {width:100%;}
article.products_all .products_tbl {font-size:140%;}
article.products_all .products_tbl div{max-width:88%;}
article.products_all .products_tbl ul {max-width:100%;flex-direction:column;}
article.products_all .products_tbl dl.dlmidashi {margin:0;}
article.products_all .products_tbl dl.dlmidashi dt {width:90%;margin:0 0 30px;text-indent:-1.3em;padding-left:1.3em;}
article.products_all .products_tbl dl.dlmidashi dd {width:100%;margin:0 0 30px;padding:0;border:none;font-size:90%;line-height:1.8em;}
article.products_all .products_tbl ul li {width:100%;margin:0 0 80px;}
article.products_all .products_tbl ul li dl {width:100%;margin-bottom:0;}
article.products_all .products_tbl ul li dl dt img {width:100%;}
article.products_all .products_tbl ul li dl dd {width:100%;}
article.products_all .products_tbl ul li dl dd ul {flex-direction:row;justify-content:flex-start;}
article.products_all .products_tbl ul li dl dd ul li {width:100px;}
article.products_all .products_tbl ul li dl dd ul li img {width:110%;}
article.products_all section.otherlinks ul {justify-content:center;flex-direction:column;}
article.products_all section.otherlinks ul >li {margin-bottom:20px;}
article.products_all section.otherlinks ul >li:last-of-type {margin-bottom:0;}
article.products_all section.otherlinks ul a {margin:0 auto;}
article.products_all section.page_header >div {max-width:100%;width:100%;}
article.products_all section.page_header header h2 {font-size:170%;}
article.products_all section.page_header img ~em {width:90%;margin-left:auto;margin-right:auto;}
article.products_all section.page_header p:last-of-type {width:90%;font-size:100%;}
article.products_all section.products_images ul {display:block;}
article.products_all section.products_images ul li {max-width:100%;}
article.products_all section.products_images ul li p {margin:30px auto 0;}
article.products_all section.products_details.detail ul li em {width:24%;vertical-align:top;}
article.products_all section.products_details.detail ul li p {width:70%;vertical-align:top;}
article.products_all section.products_details.pricetbl div p {display:block;}
article.products_all section.products_details.pricetbl div div {display:block;overflow-x:scroll;}
article.products_all section.products_details.pricetbl dl {width:99.2%;}
article.products_all section.products_details.pricetbl dl:last-of-type {width:99.2%;}
article.products_all section.products_details.pricetbl dl dd {min-width:6rem;font-size:0.9em;}
article.products_all section.products_details.pricetbl dl dd:last-of-type {min-width:calc(90% - 12rem)}
article.products_all section.products_images ul li dl dt img {width:auto;height:auto;}
article.products_all section.dl_articles header {margin-top:40px;}
article.products_all section.dl_articles ul li{margin:0!important;}
article.news_all .page_header header{margin-bottom:20px;}
article.news section.column_wrap {margin:-30px 0 0}
article.news_all section.column_wrap div section.past_cases {margin-bottom:80px;}
article.news_all section.column_wrap div section.past_cases {margin-top:20px;}
article.news_column {padding:0;}
article.case_all section div {width:90%;margin:0 auto!important;}
article.case_column {padding:0;}
article.blog section div {width:90%;}
article.blog_all .page_header header{margin-bottom:20px;}
article.blog_column section.column_wrap {margin:-30px 0 0}
article.blog_all section.column_wrap div section.past_cases {margin-bottom:80px;}

section.voice_tbl ul >li {margin:20px 15px;padding:30px 15px;}
section.voice_tbl ul >li:first-of-type {margin:0px 15px 20px;}
section.voice_tbl ul >li:last-of-type {margin:20px 15px 0px;}
section.voice_tbl ul >li >dl {display:block;}
section.voice_tbl ul >li >dl >dt {width:100%;}
section.voice_tbl ul >li >dl >dd {width:100%;margin-top:20px;margin-left:0;}
article.voice section.voice_btm_anchor {padding:60px 0 84px;}

article.about section.about__section >div >p {width:90%;}
article.about section.about__pick >dl {display:block;}
article.about section.about__pick >dl >dt {width:auto;}
article.about section.about__pick >dl >dd {width:auto;margin-left:0;}
article.about section.about__pick >dl >dd >h5 {margin:20px 0 14px;}
article.about section.about__pick >dl >dd >a.morebox_b {margin:30px auto 0;}
article.about section.about__tri >div >ul >li >dl {display:block;}
article.about section.about__tri >div >ul >li >dl >dt {width:100%;}
article.about section.about__tri >div >ul >li >dl >dt >img {display:block;width:80%;margin:0 auto;}
article.about section.about__tri >div >ul >li >dl >dd {width:100%;margin-top:40px;margin-left:0;}
article.about section.about__tri >div >nav {padding-top:30px;}
article.about section.about__tri >div >nav >ul {flex-wrap:wrap;}
article.about section.about__tri >div >nav >ul >li {width:calc(50% - 10px);}

article.about section >div ul.tri {display:block;}
article.about section >div ul.tri li {width:90%;margin:0px auto;}
article.about section >div ul.tri li:nth-of-type(2) {margin:20px auto;}
article.about section >div ul.tri li >img {width:100%;}

article.about section.crs dl {display:block;}
article.about section.crs dl dt {width:100%;margin:0 0 20px;}
article.about section.crs li:nth-of-type(2) dl dt {margin:0 0 20px;}
article.about section.crs dl dd {width:100%;}
article.about section.about__tenpo__step ul li p:not(:first-of-type) {text-align:left}

section#social img{width:30px;margin:0 5%!important;}

div.flexslider {max-width:100%;border:none;}
div.flexslider >div {max-width:100%;}

section.__anchor ul {max-width:100%;margin:0 auto;justify-content:space-between;align-content:center;}
section.__anchor ul li {width:46%;margin:0 auto;}
section.__anchor ul li a {width:100%;min-height:60px;height:auto;padding:10px 0;}
section.__anchor ul li a::after {width:10px;height:10px;}

section.simplesec {font-size:116%;}
section.simplesec h3 {font-size:130%;margin:0 0 10px;}
section.simplesec p {font-size:110%;}
section.simplesec {margin:-110px auto 60px;}

section.dl_articles {margin:0 auto 40px;font-size:128%;}
section.dl_articles ul {display:block;}
section.dl_articles ul li dl {width:100%;}
section.dl_articles ul li dl dd p {font-size:100%;}

section.products_images div {width:90%;}

section.products_details div {width:90%;}
section.products_details div div {width:100%;}

section.undlay_contents {font-size:120%;}
section.undlay_contents header {display:block;margin-bottom:30px;}
section.undlay_contents header h3 {margin-bottom:10px;font-size:130%;}
/*section.undlay_contents ul.undlay_contents_anchor ul li:first-of-type::before {content:'<';margin:0;}
section.undlay_contents ul.undlay_contents_anchor ul li:last-of-type::after {content:'>';margin:0;}
section.undlay_contents ul li:last-of-type::before {content:'<<';display:inline-block;width:2em;height:1em;margin:0;}*/

section.sqhead header h3::before {margin-right:16px!important;}

section.column_wrap div{display:block;}
section.column_wrap div section.undlay_contents {width:90%;}
section.column_wrap div section.undlay_contents div {display:block;}
section.column_wrap div section.dl_articles {width:100%;}
section.column_wrap div section.dl_list {width:90%;margin:0 auto}
section.column_wrap div section.dl_list ul:first-of-type dl dt {width:100%;}
section.column_wrap div section.dl_list ul:first-of-type dl dt img {width:100%;}
section.column_wrap div section.dl_list ul:first-of-type dl dd {width:100%;}
section.column_wrap div section.dl_articles div div.wp-pagenavi,section.column_wrap div section.dl_list div div.wp-pagenavi {width:90%;}
section.column_wrap div section.dl_articles div div.wp-pagenavi li a,section.column_wrap div section.dl_list div div.wp-pagenavi li a {margin:0;}
section.column_wrap div section.dl_articles div div.wp-pagenavi li p,section.column_wrap div section.dl_list div div.wp-pagenavi li p {margin:-1px 4px 0;}
section.column_wrap div section.past_cases {width:90%;margin:-70px auto 0;font-size:120%;}
section.column_wrap div section.past_cases ul li#past_cases_input input[type="text"] {width:84%;}
section.column_wrap div section.past_cases ul li#past_cases_input input[type="submit"] {width:42px;height:42px;}

article.contact form {width:90%;overflow:hidden;}
article.contact dl {display:block;width:auto;margin:0 auto 20px;padding:0 20px;}
article.contact dl dt {width:100%;}
article.contact dl dd {width:100%;}
article.contact dl:last-of-type {margin-top:32px;}
article.contact dl:last-of-type dd {text-align:center;}
article.contact dl:last-of-type dd >p {margin:0 auto;}

footer nav {margin:0 auto!important;font-weight:800;font-size:140%;}
footer nav ul {display:inline-block;width:80%;margin:-20px 30px 0}
footer nav ul li {padding:10px 0;border-bottom:1px solid #1C1815;font-size:85%;}
footer nav ul li#search {border:none;}
footer form {width: 100%;}
footer nav ul li#search form input[type="text"] {width:88%;padding: 12px 14px;}
footer nav ul li dl dt {margin:0 4px 0 0;}
footer nav ul li dl dt::after {float:right;content:'▶︎';margin:5px 0px 0 0;transform:rotateZ(90deg);transition:transform 0.3s;font-size:75%;}
footer nav ul li dl.footeropen dt::after {float:right;content:'▶︎';margin:5px 0px 0 0;transform:rotateZ(-90deg)!important;}
footer nav ul li dl dd::before {content:'';margin:0;}
footer nav ul li dl dd {clear:both;height:0;margin:0;opacity:0;transition:height 0.3s;}
footer nav ul li dl.footeropen dd:first-of-type {margin-top:30px;}
footer nav ul li dl.footeropen dd{height:40px;margin:12px 0 0 10px;opacity:1;}
footer div#footer_logos {max-width:85%;border-top:none;}
footer div#footer_logos img#footer_typo {display:block;width:60%;margin:20px auto 40px;}
footer div#footer_logos img#footer_logo {display:block;width:80%;margin:20px auto 20px;}
footer div#footer_logos p {font-size:80%;margin:60px 0 0 0;color:#aaa;}
footer div {padding:0 0 20px 0;}

div#nav-up {position:fixed;right:2%;bottom:-100px;transition:bottom 0.8s}
div#nav-up.scrolled {position:fixed;right:2%;bottom:40px!important;}
}

.error404 section div{text-align: center;}
@media screen and (max-width:750px){
    .yarpp-related ul {
  display:block;
  justify-content: flex-start;
}
.yarpp-related ul >li {
  width:90%;
  margin:0 auto !important;
}
.yarpp-related img {
  width:100%!important;
  height:auto!important;
}
  article.products_all section.products_images ul li dl dt {height:13em;}
  article.products_all section.products_images ul li dl dd ul li img {height:40px;}
}
@media screen and (max-width: 321px){
article.about section.about__tri >div >nav >ul >li {
    width: calc(60% - 10px);
}
}