@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------------------
 ヘッダー
----------------------------------------------------------------------------------------------*/
.header{ background:#fff;position: -webkit-sticky;position: sticky;top: 0;z-index:999;}
.header .inner{ padding:0px 0; max-width:1200px; margin:0 auto; box-sizing:border-box;}
.header .logo{ display:inline-block; width:100px;margin: 10px 0;}
.header .logo img{width:100%;}
.header .catch{ margin-bottom:10px; font-size:12px; text-align:left; font-weight:normal;}

.header .inner .btn_area{ float:right; margin:20px 0 20px 10px; }
.header .inner .btn_area .btn{ padding: 2px 20px; height:auto;}

.search_box{ float:right;}
.search_box input[type="text"]{ height:40px; padding:0 10px; width:200px; float:left;background:#F5F5F5; border: none;}
.search_box .search_btn{ border-radius:0; background-color:#F5F5F5; color:#000; border:0; font-size:16px; height:40px; line-height:1; cursor:pointer; float:left; text-align:center; width:35px;}
.search_box .search_btn .fa{ margin-top:-1px; line-height:30px;}


.language_btn.en{text-decoration: none;display: flex;
	background: black;  background: linear-gradient(90deg, black 50%, white 50%);
  border: solid #000 2px;border-radius: 25px;left: -50px;
}
.language_btn.en .btn_en {width: 50%;text-align: center;padding: 1px 35px;color: #000;}
.language_btn.en .btn_jp {text-align: center;padding: 1px 35px;width: 50%;color: #fff;}

.language_btn.jp{text-decoration: none;display: flex;
	background: rgb(0,0,0);
background: linear-gradient(-90deg, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 50%);border: solid #000 2px;border-radius: 25px;left: -50px;}
.language_btn.jp .btn_jp {width: 50%;text-align: center;padding: 1px 35px;color: #fff;}
.language_btn.jp .btn_en {text-align: center;padding: 1px 35px;width: 50%;color: #000;}

.sp_menubtn{ display:none;}
.spmenu{ display:none; width:100%; padding:0 10px; box-sizing:border-box;}
.sp_menu{ display:none;}

.nav_bg {background:#F5F5F5;width: 100%;margin: 0;border: solid 1px #D1D1D1;box-sizing: border-box;border-width: 1px 0px;}
.nav_bg .nav{display: flex; justify-content: space-between;}

.white_bg {
    display: flex;
    justify-content: left;
    width: 1200px;
    gap: 20px;
}

.nav-item:nth-of-type(2) .white_bg{left: 90px;position:relative;}
.nav-item:nth-of-type(3) .white_bg{left: 180px;position:relative;}

.menu-content {
    display: none;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX( -50%);
    width: 100%;
    background: #FFFFFF;
    gap: 10px;
    padding: 15px 0;
    margin: 20px 0;
    border: 1px solid #D1D1D1;
    border-width: 1px 0;
}
.menu-item {
    height: 70px;
}
.menu-item a{
    position: relative;
}
.menu-item a img{
    height: 70px;
	width: 150px;
	object-fit:cover;
}
.menu_item_text {
    position: absolute;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
}
.menu_item_text p{
	    font-size: 12px;
   position: relative;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
	width: 80%;
	
}

.out_products {
	display: none;
}
.childnav.page_92
{
	display: none;
}

/*.header  .link_box  img{position:relative;width:160px;right:0;}*/

.nav ul{padding: 0px 10px 0px 0; }
.nav ul li{ float:left; padding:20px 0; text-align:center;}
.nav ul li a{     transition: 0.2s;
    display: block;
    z-index: 99;
    text-decoration: none;
    padding: 0 15px;
    border-right: 1px solid #d6d6d6;
}
.nav ul li:first-child a{ border-left:1px solid #d6d6d6;}
.nav ul li a:hover{ opacity:0.5;}
.nav ul li:hover .menu-content{ display:flex;}
.menu-item a {
    border: none!important;
    padding: 0!important;
}

/*----------------------------------------------------------------------------------------------
 コンテンツ
----------------------------------------------------------------------------------------------*/
.sp_slide{display:none;}
.pc_slide {display:block;}
.pc_slide .slide-items {width: 100%; height: 100%; list-style: none;}

.pc_slide ul.slide-items { list-style-type: none; padding: 0; margin: 0;}

.slide-items img {width: 100%;height:450px;object-fit: cover;}
.pc_slide .slide_boxes{ position: relative;text-align: center;}
.pc_slide .caption_body{ position: absolute; left: 50%; transform: translate(-50%, -20vw);padding: 15px; font-weight: bold; font-size: 24px;text-shadow: 1px 2px 3px #fff;}
.pc_slide  .btn_slide {text-decoration:none; width: 200px; position: absolute; left: 50%; transform: translate(-50%, -10vw); padding: 15px;   background-color: rgba(255,255,255,0.5); border: 1px solid #000;}
.pc_slide .slick-prev:before,.slick-next:before { z-index: 99;}
.pc_slide .slick-prev,.slick-next {  z-index: 99;}
.pc_slide .slick-prev {  left: 30px; z-index: 99;}
.pc_slide .slick-next {  right: 30px;}
.slide-items img {
	height:auto;}
.pc_slide .slick-dots {position: relative;bottom: 0px;width: 100%;height:155px; overflow: hidden; padding: 25px 10px; margin: 0; background: #262626; list-style: none;
    text-align: center; box-sizing: border-box;overflow-x: scroll!important;display:flex;}
.pc_slide .slick-dots::-webkit-scrollbar{
  height:10px;
}
.pc_slide .slick-dots::-webkit-scrollbar-thumb {
  background: #919191;
	border-radius:5px;
}
.pc_slide .slick-dots li {   position: relative;  width: 100%;  height: 80px!important;  padding: 0;  margin: 0 20px;   cursor: pointer;}
.pc_slide .slick-dots li button {    width: 312px;  height: 80px!important;  position: relative; padding: 0px;  left: 0;  cursor: pointer;  color: transparent;  border: 0;    top: 50%;
   transform: translateY( -50%);
    outline: none;   background: transparent;}
.pc_slide .slick-dots li button:before { font-family: 'slick'; line-height: 20px; top: 0; left: 0; text-align: center; color: black;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
style.slick-slide {
    display: none!important;
}
.pc_slide_none {display:none;}
.pc_slide .slick-dots li button:before {     position: absolute;
    top: 0;
    left: 0;
    height: 0;
    padding: 55px;
    content: '';
    background: url(https://www.daito-inc.co.jp/wp-content/uploads/2022/11/AdobeStock_191517082_Preview.png) no-repeat;
    background-size: cover;
    opacity: .25;
    width: 312px;
    box-sizing: border-box;}
.pc_slide .slick-dots .slick-active button:before {  opacity:1;}

.pc_slide .slick-prev:before { content: "";display: inline-block; width: 25px; height: 25px; background: url(https://www.daito-inc.co.jp/wp-content/uploads/2022/11/arrow.png) no-repeat; background-size: contain; margin-right: 8px;}
.pc_slide .slick-next:before {  content: "";display: inline-block;width: 25px;height: 25px;background: url(https://www.daito-inc.co.jp/wp-content/uploads/2022/11/arrow_right.png) no-repeat;background-size: contain;margin-right: 8px;}
.pc_slide .slick-prev:before, .slick-next:before { font-family: 'none'; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.pc_slide .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    padding: 55px;
    content: '';
    background: url(https://www.daito-inc.co.jp/wp-content/uploads/2022/11/AdobeStock_191517082_Preview.png) no-repeat;
    background-size: cover;
	opacity: 1;
    width: 312px;
    box-sizing: border-box;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 17.5vw;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    /* transform: translate(0, -50%); */
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
@media screen and (max-width: 680px){
	.sp_slide{display:block;}.pc_slide {display:none;}	
	.sp_slide ul.slide-items {
  list-style-type: none;
  padding: 0;
  margin: 0;

}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
 
}
.sp_slide .slick-slide img {
  width: 100%;
  object-fit: contain;
}

.sp_slide .slide-items li {
  width: 100%;
  height: 50vh;
}

.sp_slide .slide_boxes {
  position: relative;
  text-align: center;
}

.sp_slide .caption_body {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -82.5vw);
  padding: 15px;
  width: 350px;
  line-height: 3;
  font-weight: bold;
  letter-spacing: 3px;
  font-size: 18px;
  text-shadow: 2px 4px 3px #fff;
}

.sp_slide .btn_slide {
  width: 300px;
  text-decoration: none;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -30vw);
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #000;
}

.sp_slide .slick-dots {
	bottom:0;
  width: 100%;
  padding: 10px 10px;
  margin: 0;
  background: #B3DBFF;
  list-style: none;
  text-align: center;
  box-sizing: border-box;
	position:relative;
}

.sp_slide .slick-prev:before,
.sp_slide .slick-next:before {
  color: black;
  z-index: 99;
}

.sp_slide .slick-prev,
.sp_slide .slick-next {
  z-index: 99;
}

.sp_slide .slick-prev {
  left: 30px;
  z-index: 99;
}

.sp_slide .slick-next {
  right: 30px;
}

.sp_slide .slick-prev:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(https://www.daito-inc.co.jp/wp-content/uploads/2022/11/arrow.png) no-repeat;
  background-size: contain;
  margin-right: 8px;
}

.sp_slide .slick-next:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(https://www.daito-inc.co.jp/wp-content/uploads/2022/11/arrow_right.png) no-repeat;
  background-size: contain;
  margin-right: 8px;
}

.sp_slide .slick-prev:before, .sp_slide .slick-next:before {
  font-family: 'none';
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
}



.container{ width:800px; margin:0px auto; padding: 100px 0 0;}
.contents{ width:800px; margin:0 auto 60px;}
.container.product_detail_page{ width:1000px; margin:0px auto; padding: 100px 0 0;}
.contents.product_detail_page{ width:1000px; margin:0 auto 60px;}
.container.document {
    width: 1024px;
}
.bg_cream{background:#F7F7F7;
}
.main{ float:right; width:550px; margin-bottom:60px;}
.side{ float:left; width:216px;}


.catch{ font-size:24px; text-align:center; font-weight:bold; margin-bottom:20px; line-height:1.4;padding:0;letter-spacing: -0.5px;}

.page_intro{ margin:15px 0 0px; text-align:left;font-size:16px;}
.page_intro .catch{ margin-bottom:15px;}
.page_intro .desc_tx{ font-size:16px;}
 .top_products p.desc_tx{ font-size:16px; margin: 20px 0;}

.cont_inner{ padding:0 0px;}
.cont_inner .cont_left{ float:left; width:552px;}
.cont_inner .cont_right{ float:right; width:468px;}

.page_title .container {
    width: 100% !important; 
    margin: 0 auto;
    padding: 100px 0;
}
.page_title{ background:#f4f4f4;  height:250px; position:relative; overflow:hidden;}
.page_title .container{ padding:0; position:relative;height:100%;}
.page_title .tx_area {height:100%;}
.page_title .tx_area .inner{ position:relative; z-index:10; width:100%;   top: 50%; transform: translateY( -50%);}
.page_title .ttl{ font-size:30px; font-weight:bold;color:#fff;text-align:center;}
.page_title .tx2 {color:#fff; text-align:center;}
.page_title .line{ display: block; border-top: 1px solid #fff; width: 250px; position: relative; left: 50%;transform: translateX( -50%);}
.page_title .ttl .sub{ font-size:16px; font-weight:normal; display:block;color:#fff;}
.page_title .image{ position:absolute;top:0; right:0; width:100%;}
.page_title .title_mult {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, .5);
    top: 0;
    left: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-blend-mode: multiply;
	background-position: center;
}

.page_title.largetype{ height:330px;}
.page_title.largetype .tx_area .inner{ height:330px;}
.page_title.largetype .desc{ margin-top:15px; line-height:1.8;}
.page_title.largetype .subimage{ margin-top:20px;}
.page_title.consumer{ background:#f7eff3;}


.page_title .ttl{ font-size:30px;}
.page_title .ttl_desc{ position:absolute; top:90px;}


.ttl1{ margin-bottom:30px; text-align:center; color:#3e3e3e; }
.ttl1 .inner{ position:relative;}
.ttl1 .tx1{ font-size:32px; line-height:1.35;font-weight: bold; padding:0 50px 5px; display:inline-block; position:relative; color:#000;}

.ttl1 .tx2{ color:#E60012;}

.ttl1 .tx2{ font-size:18px; font-weight:normal;margin:5px 10px;}

.ttl1 .line{ display:block; border-top:1px solid #E60012;width: 50%;  position:relative;   left: 50%;
   transform: translateX( -50%);}

.ttl1 .tx1.bg_lightgray{ background:#f8f8f8;}


.ttl2 h2.tx{ display: block;  border-bottom: 1px solid #000;    position: relative;font-size: 24px;margin-bottom:10px;}
.ttl2 h2.tx::before{ content:"";margin-right: 10px; padding:2.5px; background:#000;}
.ttl2 .tx .fa{ margin-right:5px;}

.ttl3{ font-size:18px; font-weight:bold; border-top:1px dashed #727272;border-bottom:1px dashed #727272; background-color:#f9f9f9; margin-bottom:20px;}
.ttl3 .tx{ font-size:18px; font-weight:bold;margin:5px 10px;}
.ttl3 .tx .fa{ margin-right:5px;}

.ttl4{ font-size:16px; font-weight:nomal; margin-bottom:10px; line-height:1.4;}

h3.item_ttl {     display: block;    border-bottom: 1px solid #E60012;  position: relative;   padding-left: 10px;
    font-size: 24px;  font-weight: bold;   line-height: 1.3;}
h3.item_ttl::before{content: "";margin-right: 10px;padding: 0.1px 2.5px; height: 24px; left: 0; position: absolute;
	top: 5px; background:red;}


.side h3.item_ttl {     display: block;    border-bottom: 1px solid #E60012;  position: relative;   padding-left: 10px;
    font-size: 15px;  font-weight: bold;   line-height: 1.3;}
.side h3.item_ttl::before{content: "";margin-right: 10px;padding: 0.1px 2.5px; height: 15px; left: 0; position: absolute;
	top: 0px; background:red;}
h4.item_ttl { display: block;  border-bottom: 1px solid #E60012;    position: relative;font-size: 18px; text-align:center;}

.main h3.item_ttl { display: block;  border-bottom: 1px solid #000; padding-bottom:0px;   position: relative;padding-left:10px;font-size: 24px;}
.main h3::before{content: "";margin-right: 10px;padding: 0.1px 2.5px; height: 24px; left: 0; position: absolute;
	top: 5px; background:#000;}

.item_ttl.normal { display: block;  border-bottom: 1px solid #000; padding-bottom:5px; padding-left:10px;  position: relative;font-size: 24px;}
.item_ttl.normal::before{ content: "";margin-right: 10px;padding: 0.1px 2.5px; height: 24px; left: 0; position: absolute;
	top: 5px; background:#000;}


.sub_ttl{ font-weight:bold; font-size:16px; margin-bottom:10px; text-align:left;}

.cont_desc{ margin-bottom:30px;}
.cont_block{ margin-bottom:40px;}

.img_border{ border:1px solid #e8e8e8;}

.label_ttl{ border-radius:50px; color:#fff; background:#ccc; font-weight:bold; font-size:22px; text-align:center; display:inline-block; margin-bottom:15px; padding:10px 40px; max-width:700px; line-height:1.4;}
.label_ttl.green{ background:#23ac38;}
.label_ttl.purple{ background:#9b4998;}
.label_ttl.orange{ background:#f5a23a;}
.label_ttl.pink{ background:#d22377;}
.label_ttl.bluegreen{ background:#25caae;} /* #################### */

.cat_box_news {  margin: 25px 0 -10px;}
.label.news_sub {  border-radius: 0;  font-size: 80%;  width: 85px;cursor: pointer; text-decoration:none;margin: 0 5px;}
@media screen and (max-width: 680px){
	.ttl1 .line {    width: 300px;
	}
}

/* 製品案内 */
.products .contents{ margin-bottom:40px;}
.products .products_img{ float:left; margin-right:30px;}
.products .products_info{ display:table;}

.products_info .desc{ margin-bottom:0;}
.products_info .cat{ margin-top:15px;}
.products_info .cat ul{ margin-left:5px;}
.products_info .cat ul li{ background:url(../images/dot.gif) 0 8px  no-repeat; padding-left:10px; display:inline-block; margin-right:20px; margin-bottom:10px; width:180px; vertical-align:top; line-height:1.4;}
.products_info .cat ul li:nth-of-type{ margin-right:0;}
.products_info .cat ul li a{ color:#0066cc;}
.products_info .label{ margin-bottom:10px;}
.products_info .btn_area{ float:right;}
.products_info .btn_area li{ margin-bottom:10px; margin-top:15px;}
.products_info .btn_area li:last-of-type{ margin-bottom:0;}
.products_info .products_icon{}




.products_list  ul{height:230px;}
.products_list .item{display:inline-block; position: relative; margin: 20px 20px 0 0}
.products_list .item ul li.item a{ display:block; background:#fff;  width:180px; height: 180px; box-sizing:border-box;}
.products_list .item a{ margin:0;}
.products_list .item img{ height:auto;aspect-ratio: 4 /3;object-position: 0px 1px; width:160px; object-fit:cover; position: relative; top: 0%; left: 50%; transform: translate(-50%, -0%);}
.products_list .item span.tx { position: absolute;   left: 50%; transform: translateX( -50%);  bottom: 0;text-align:center;color: #fff;width:100%;	background:rgba(0,0,0,0.4);font-size: 11px;height:50px;transition:0.3s;z-index:3;padding: 0 5px;
    box-sizing: border-box;}
.products_list .item span.tx.amenity {	background:#00AD35;}
.products_list .item span.tx p{position: absolute;top: 50%;transform: translateY( -50%); width: 100%;text-align: center;z-index:3;}
.products_list .item span.detail { position: absolute; top: 0%;transform: translateY( 0%);text-align:center;color: #fff;width:100%;z-index:2;	background:rgba(0,0,0,0.4);font-size: 10px;height:120px;opacity:0.0;transition:0.3s;}
.products_list .item span.detail p{position: absolute;top: 50%;transform: translateY( -50%);font-size:16px; width: 100%;text-align: center;}
.products_list .item  a:hover span.detail { opacity: 1;}
.products_list .item  a:hover span.tx {font-size:10px;}

.main .products_list  ul{height:230px;}
.main .products_list .item{display:inline-block; position: relative; margin: 20px 20px 0 0;height:170px!important;}
.main .products_list .item ul li.item a{ display:block; background:#fff;  width:180px; height: 180px; box-sizing:border-box;}
.main .products_list .item a{ margin:0;}
.main .products_list .item img{ width:160px;height:160px; object-fit:cover; position: relative; top: 0%; left: 50%; transform: translate(-50%, -0%);}
.main .products_list .item span.tx {     position: relative;
    left: unset;
    display: block;
    transform: unset;  bottom: 0;text-align:center;color: #fff;width:100%;	background:rgba(0,0,0,0.4);font-size: 11px;height:50px;transition:0.3s;z-index:3;}

.main .products_list .item span.tx p{position: absolute;top: 50%;transform: translateY( -50%); width: 100%;text-align: center;z-index:3;padding; 0 5px;}
.main .products_list .item span.tx.text_left p{	text-align: end!important;
	text-align: left!important;}
.main .products_list .item span.detail { position: absolute; top: 50%;transform: translateY( -50%);text-align:center;color: #fff;width:100%;z-index:2;	background:rgba(0,0,0,0.4);font-size: 10px;height:100%;opacity:0.0;transition:0.3s;}
.main .products_list .item span.detail p{position: absolute;top: 50%;transform: translateY( -50%);font-size:16px; width: 100%;text-align: center;}
.main .products_list .item  a:hover span.detail { opacity: 1;}
.main .products_list .item  a:hover span.tx {font-size:10px;}

	/* 製品詳細の場合（オプション等） */

	.products_detail .products_list .item .thumbnail a{ display:table-cell; width:180px; height:120px; text-align:center; vertical-align:middle;}

.main .products_list  ul{height:230px;}
.main .products_list .item{display:inline-block; position: relative; height:fit-content!important;}
.main .products_list .item ul li.item a{ display:block; background:#fff;  width:180px; height: 180px; box-sizing:border-box;}
.main .products_list .item a{ margin:0;}
.main .products_list .item a {
    margin: 0;
    display: block;
    position: relative;
}

.main.clearfix .new-bill{
	text-align: center;
    padding: 10px 0;
    background: #ea629f;
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
}
.main.clearfix .new-bill a{color: #fff; font-size: 14px;}

.main.clearfix .new-bill span {
	position: relative;
	font-size: 25px;
	font-weight: bold;
	padding: 0 10px;
	top: 1px;
}
.main .products_list .item .new-label {
		text-align: center;
    padding: 2.5px 0;
    background: #ea629f;
    font-size: 14px;
	font-weight: 500;
	    display: block;
    color: #fff;
}


.main .products_list .item img{height:auto;aspect-ratio: 4 /3;object-position: 0px 1px;  object-fit:cover; position: relative; top: 0%; left: 50%; transform: translate(-50%, -0%);}

.main .products_list span.tx { position: absolute;   left: 50%; transform: translateX( -50%);  bottom: 0;text-align:center;color: #fff;width:100%; line-height: 1;
	background:rgba(0,0,0,0.4);font-size: 12px;height:25%;transition:0.3s;z-index:3;object-position}

/* .main .products_list span.tx.amenity  { position: absolute;   left: 50%; transform: translateX( -50%);  bottom: 0;text-align:center;color: #fff;width:100%; line-height: 1;
	background:#00AD35;font-size: 12px;height:30%;transition:0.3s;z-index:3;object-position}*/

.main .products_list  span.tx.amenity {	background:#00AD35!important;}

.main .products_list .item span.tx p{position: absolute;top: 50%;transform: translateY( -50%); width: 100%;text-align: center;z-index:3;}
.main .products_list .item span.detail { position: absolute; top: 0%;transform: translateY( 0%);text-align:center;color: #fff;width:100%;z-index:2;	background:rgba(0,0,0,0.4);font-size: 11px;height:120px;opacity:0.0;transition:0.3s;}
.main .products_list .item span.detail p{position: absolute;top: 50%;transform: translateY( -50%);font-size:16px; width: 100%;text-align: center;}
.main .products_list .item  a:hover span.detail { opacity: 1;}
.main .products_list .item  a:hover span.tx {font-size:10px;}

.products_list .item .new_icon::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 4em solid transparent;
    border-left: 4em solid #e60012;
    position: absolute;
    z-index: 100;
}
.products_list .item .new_icon::after {
    content: "新商品";
    display: block;
    top: 13px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    color: #fff;
    left: 0;
    position: absolute;
    z-index: 101;
    font-size: 13px;
    text-decoration: none;
    line-height: 1;
}




.ftr_contact{ background:url(../images/bg_dot.gif) repeat; width:920px; text-align:center; margin:auto; margin-bottom:60px; padding:30px;}
.ftr_contact .contact_area{ background-color:#fff; padding:30px;}
.ftr_contact .contact_area .ttl{ font-size:22px; text-decoration:underline; font-weight:bold; margin-bottom:10px;}
.ftr_contact .contact_area .desc{ margin-bottom:15px;}
.ftr_contact .contact_area .btn{ font-size:18px; width:550px;}
.ftr_contact .contact_area .btn_txt{ margin-top:15px;}
.ftr_contact .contact_area .btn .fa{ right:20px;} 
.ftr_contact .contact_area .catch{ margin-bottom:0;} 

.products_detail{ margin-bottom:40px;}
.products_detail .main_info{ padding-bottom:40px; margin-bottom:40px;}
.products_detail .main_info .detail_left{ float:left; width:440px; text-align:center;}


div#faq_table {
    padding-top: 150px;
	 margin-top: -100px;
}
.file_box {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 190px 190px;
}

.products_ttl{ margin-bottom:40px;padding-bottom:10px;}
.products_ttl .label{ font-size:14px; margin-left:5px; vertical-align:middle;}
.products_ttl .tx01{ font-size:32px; font-weight:bold; display:inline-block; line-height:1.3; vertical-align:middle;}
.products_detail .main_info .detail_left .image_area .mainimage{ margin-bottom:30px;}
.products_detail .main_info .detail_left .image_area .thumbnail_area{ margin-bottom:60px; display:inline-block;}
.products_detail .main_info .detail_left .image_area .thumbnail_area ul li{ float:left; margin-right:10px; }
.products_detail .main_info .detail_left .image_area .thumbnail_area ul li:last-of-type{margin-right:0;}
.products_detail .main_info .detail_left .movie{}
.products_detail .main_info .detail_left .movie {
    padding-top: 200px;
    margin-top: -200px;
}
.products_detail .main_info .detail_left .movie_list iframe{ margin-bottom:10px; max-width:100%;}
.products_detail .main_info .detail_right{ float:right; width:415px; position:relative;}
.products_detail .main_info .detail_right .products_info{  padding-bottom:25px; margin-bottom:20px;}
.products_detail .main_info .detail_right .products_catch{ font-size:24px; font-weight:bold; margin-bottom:20px; line-height:1.4;}
.products_detail .main_info .detail_right .desc{ font-size:18px; line-height:1.4;}
.products_detail .main_info .detail_right .products_function{ margin-bottom:30px;}
.products_detail .sub_info .info{ margin-bottom:40px;padding-bottom:40px;width:100%;}
.products_detail .sub_info .info img{width: auto;}
.products_detail .sub_info .info .sub_ttl {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: left;
    border-bottom: 2px #000 solid;
}
.products_detail .sub_info .info .tx_area{ border:1px solid #3e3e3e; padding:10px;}
.products_detail .sub_info .option{position:relative;}

.products_detail .sub_info .relation { margin: 40px 0; background: #F7F7F7;width: 98.9vw;position: relative;   left: 50%;
   transform: translateX( -50%);padding: 100px 0;border:none;}

.relation_box {  width: 800px;  margin: 0 auto;}
 .relation_box .products_list .item{display:inline-block; position: relative; margin: 20px 0;
    height: 170px!important;}

.products_detail .file{		margin: 15px 0 0 auto;}
.products_detail .file_btn{	text-align: right;}
.products_detail .file_btn + .file_btn{	margin-top: 15px;}
.products_detail .file_btn-catalog .fa-file-pdf-o{
	margin-right: 10px;
}
.products_detail .file_btn-catalog .fa-chevron-circle-right{
	margin-left: 10px;
}
.products_detail .file_btn-common a{
	    transition-duration: 0.5s;
    height: 50px;
    font-size: 11px;
	line-height: 1;
	width: 200px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fa-file-pdf-o:before {
    content: "\f1c1";
    font-size: 20px;
}
.products_detail .file_btn-common a:hover{
	opacity: 0.6;
}

.products_catnav .items_boxs{margin:0 0 50px 0}
.products_catnav .items_boxs .item{display:inline-block; position: relative; margin: 20px 0 0;height:170px!important;width:170px;}
.products_catnav  .items_boxs 　a{ display:block; background:#fff;  width:172px; height: 172px; box-sizing:border-box;}
.products_catnav .items_boxs a{ margin:0;}
.products_catnav.series  .items_boxs img{ width:172px;object-fit:cover; position: relative; top: 0%; left: 50%; transform: translate(-50%, -0%);aspect-ratio: auto;}
.products_catnav .items_boxs span.tx { position: absolute;   left: 50%; transform: translateX( -50%);  bottom: 0;text-align:center;color: #fff;width:100%;	background:rgba(0,0,0,0.4);font-size: 12px;height:30%;transition:0.3s;z-index:3; line-height: 1;}
.products_catnav .items_boxs span.tx p{position: absolute;top: 50%;transform: translateY( -50%); width: 100%;text-align: center;z-index:3;}
.products_catnav .items_boxs span.detail { position: absolute; top: 50%;transform: translateY( -50%);text-align:center;color: #fff;width:100%;z-index:2;	background:rgba(0,0,0,0.4);font-size: 12px;height:100%;opacity:0.0;transition:0.3s;}
.products_catnav .items_boxs span.detail p{position: absolute;top: 50%;transform: translateY( -50%);font-size:16px; width: 100%;text-align: center;}
.products_catnav .items_boxs  a:hover span.detail { opacity: 1;}
.products_catnav .items_boxs  a:hover span.tx {font-size:10px;}

.sp_gallerywrap{ display:none;}

/*製品カテゴリナビ*/
.products_catnav{}

.products_catnav ul {
    margin: 0px 0 50px 0;
    display: grid;
    grid-template-columns: repeat(5, 136px);
    justify-content: space-between;
}
.products_catnav ul li.item{display:inline-block; position: relative; margin: 20px 0px 0 0}
.products_catnav ul li.item a{ display:block; background:#fff;  width:136px; height: 136px; box-sizing:border-box;}
.products_catnav a{ margin:0;}


.products_catnav .item img{ height:auto;aspect-ratio: 4 /3;object-position: 0px 1px; width:136px;object-fit:cover;position: relative; top: 0%; left: 50%; transform: translate(-50%, -0%);}

.products_catnav span.tx { position: absolute;   left: 50%; transform: translateX( -50%);  bottom: 0;text-align:center;color: #fff;width:100%; line-height: 1;
	background:rgba(0,0,0,0.4);font-size: 12px;height:25%;transition:0.3s;z-index:3;object-position}

.products_catnav.eco_amenity  span.tx {	background:#00AD35;}


.products_catnav span.tx p{position: absolute;top: 50%;transform: translateY( -50%); width: 100%;text-align: center;z-index:3;}
 .products_catnav span.detail { position: absolute; top: 50%;transform: translateY( -50%);text-align:center;color: #fff;width:100%;z-index:2;	background:rgba(0,0,0,0.4);font-size: 10px;height:100%;opacity:0.0;transition:0.3s;}
.products_catnav span.detail p{position: absolute;top: 50%;transform: translateY( -50%);font-size:16px; width: 100%;text-align: center;}
.products_catnav li.item a:hover span.detail { opacity: 1;}
.products_catnav li.item a:hover span.tx {font-size:10px;}

.products_catnav.series li.item .thumb{ display:table-cell; width:70px; padding:5px;}
.products_catnav.series li.item .thumb img{ max-width:100%; height:auto;}
.content.products_catnav.series{display:none;}
.content.products_catnav.series.amenity{display:block;}

.products_catnav.series .card{text-decoration:none;}
.products_catnav.series .card_box{display:grid;grid-template-columns:30% 30% 30%;justify-content:space-between;width:100%;}
.products_catnav.series .card{;padding:25px;margin:20px 0; height:305px;}
.products_catnav.series .card img{width:100%; height:40%;object-fit: cover; }
.products_catnav.series .title_body{font-size:16px;margin:15px 0;}
.products_catnav.series .detail_body{font-size: 12px;}
/* 詳細ページ 商品画像 */
.products_detail .image_area{ margin-bottom:50px;}
/* bx-slider reset */
.bx-wrapper{ border:0; box-shadow:none; margin:0;}

/* PC */
.gallerywrap{ position:relative; overflow:hidden;}
.galleryMain{ margin-bottom:20px; width:490px;}
.galleryMain .item{ display:table; table-layout:fixed;}
.galleryMain .img_wrap{ display:table-cell; /*height:490px;*/ text-align:center; vertical-align:middle; /*background:#f6f6f6;*/}
.galleryMain .img_wrap img{ cursor:crosshair; display:inline-block!important;}

.controlWrap{ width:100%; margin:20px auto 0;overflow-x:scroll;}
.controlWrap .icon{ display:inline-block; width:30px; height:30px; position:absolute;}
.controlWrap .icon .disabled{ display:none;}
.controlWrap .icon a{ display:block; width:30px; height:30px; background:url(../images/gallery_arrow.png) 0 0 no-repeat; background-size:30px auto; text-indent:-9999px;}
.controlWrap .icon.prev{ left:0; bottom:20px;}
.controlWrap .icon.prev a{ background-position:0 -30px;}
.controlWrap .icon.next{ right:0; bottom:20px;}
.controlWrap .icon.next a{ background-position:0 0;}

.galleryNav{}
.galleryNav .item{cursor:pointer; }
.galleryNav .item .img_wrap{ width:75px; height:75px; display:table-cell; text-align:center;}
.galleryNav .item .img_wrap:hover{ opacity:0.8;}
.galleryNav .item .img_wrap img{ max-height:100%; max-width:100%; display:inline-block;}
ul.galleryNav.clearfix {
    display: flex;
    width: 650px;
    gap: 20px;
}

.img_zoom_area{ width:500px; height:500px; position:relative; border:3px solid #ccc; position:absolute; left:-20px; top:0; display:none; z-index:10;}
.img_zoom_area.active{ display:block;}
/*.drift-bounding-box{background-color:rgba(0,0,0,0.2);}*/

/* SP */
.sp_gallerywrap{}
.sp_galleryMain{ width:100%; height:250px;}
.sp_galleryMain .item{}
.sp_galleryMain .img_wrap02{ display:table; table-layout:fixed; width:100%;}
.sp_galleryMain .img_wrap{ display:table-cell; width:auto; height:250px; text-align:center; vertical-align:middle;}
.sp_galleryMain .img_wrap img{ max-width:100%; max-height:100%; display:inline-block!important;}

.sp_controlWrap{ width: 100%;
    margin: 20px auto 0;
    overflow-x: scroll;}
.sp_controlWrap::-webkit-scrollbar{
  display: none;
}
.sp_controlWrap .bx-wrapper{ max-width:none!important;}




div.top ul a{color:#fff}
.header_sp.sidebar{width:100vw;height:100% ;position:fixed;top:58px;background:#5B5E64;display:none}
.header_sp.sidebar.active{left:0;z-index:1;display:block;overflow-y: scroll;-webkit-overflow-y: scroll;}
.header_sp.sidebar .menu{position: relative; width: 360px;  margin: 0 auto;padding-bottom:100px;}
.header_sp.sidebar .menu ul{margin-top:80px 0;padding:0;display:block}
.header_sp.sidebar .menu ul li{margin: 0px;  list-style: none; border-bottom: solid 1px #fff;    position: relative;padding: 27px 5px;}
.header_sp.sidebar .menu ul li a{color: #fff; position: relative;text-decoration: none;  width: 100%; font-size: 20px; font-weight: 300; display: block;}
.header_sp.sidebar .menu ul li:after{content:'▶︎';position:absolute;right:0; font-size:7px;padding:5px;color:#fff; top: 35%;}
.header_sp.sidebar .menu ul li a:hover:before{left:0;opacity:1}

.header_sp.sidebar .action_box{margin:35px 0;}
.open_btn1 { position: absolute; background: #000; cursor: pointer; width: 35px; height: 35px;
  border-radius: 5px;right:20px;z-index:9999;display:none;
}

/*ボタン内側*/
.open_btn1 span {
  display: inline-block;
  transition: all .4s;
  position: absolute;
  left: 10px;
  height: 3px;
  border-radius: 2px;
  background: #fff;
  width: 45%;
}

.open_btn1 span:nth-of-type(1) {
  top: 10px;
}

.open_btn1 span:nth-of-type(2) {
  top: 18px;
}

.open_btn1 span:nth-of-type(3) {
  top: 26px;
}

.open_btn1.active span:nth-of-type(1) {
  top: 11px;
  left: 10px;
  transform: translateY(6px) rotate(-45deg);
  width: 50%;
}

.open_btn1.active span:nth-of-type(2) {
  opacity: 0;
  /*真ん中の線は透過*/
}

.open_btn1.active span:nth-of-type(3) {
  top: 23px;
  left: 10px;
  transform: translateY(-6px) rotate(45deg);
  width: 50%;
}

/*
.sp_controlWrap .spicon{ display:inline-block; width:30px; height:30px; position:absolute;}
.sp_controlWrap .spicon .disabled{ display:none;}
.sp_controlWrap .spicon a{ display:block; width:30px; height:30px; background:url(../images/gallery_arrow.png) 0 0 no-repeat; background-size:30px auto; text-indent:-9999px;}
.sp_controlWrap .spicon.prev{ left:0; bottom:15px;}
.sp_controlWrap .spicon.prev a{ background-position:0 -30px;}
.sp_controlWrap .spicon.next{ right:0; bottom:15px;}
.sp_controlWrap .spicon.next a{ background-position:0 0;}
*/
.sp_galleryNav{    display: flex;
    width: 600px;
    gap: 20px;}
.sp_galleryNav .item{ margin-right:10px; margin-bottom:10px; cursor:pointer; }
.sp_galleryNav .item a{ display:table; table-layout:fixed;}
.sp_galleryNav .item .img_wrap{ width:60px; height:60px; display:table-cell; text-align:center;}
.sp_galleryNav .item .img_wrap img{ max-height:100%; max-width:100%; display:inline-block;}





/* 事業紹介 */
.business_block{background:#F7F7F7;}
.business_info{ float:left; margin-right:60px; width:460px; margin-bottom:40px;}
.business_info:nth-of-type(2n){ margin-right:0;}
.business_info .business_img{ margin-bottom:20px;}
.business_info a{ text-decoration:none;}
.business_info .business_ttl{ margin-bottom:5px; font-size:18px; font-weight:bold; }
.business_info .business_ttl .fa.fa-chevron-circle-right{ margin-right:5px;}

.bizbox.products_list.clearfix{width:800px; margin:30px 0;    display: grid;  grid-template-columns: 392px 392px;
    justify-content: space-between;}
.bizbox.products_list{}
.bizbox.products_list .item{width:180px; margin:0; margin-right:20px;}
.bizbox.products_list .item img{width:100%;height:184px;object-fit:cover;position:relative:top:0;left:0;transform: translate(-0%, -0%);}
.bizbox.products_list.two-colum .item{    width: 392px; margin-right: 0px;    margin-bottom: 40px;
    box-sizing: border-box;height:460px!important;    padding: 24px;background:#F7F7F7;}

.bizbox.products_list.three-colum.clearfix {
    width: 800px;
    margin: 30px 0;
    display: grid;
    grid-template-columns: 248px 248px 248px !important;
    justify-content: space-between;
}
.bizbox.products_list.three-colum .item{  background:#F7F7F7;  width: 100%;display: inline-block; float: left; margin-right: 0px;
    box-sizing: border-box; padding: 24px;}
.bizbox.products_list.three-colum .item img{height:130px;}

.bizbox.products_list.counter .item{width:154px; margin:0; margin-right:10px;}

.bizbox .bizttl{ font-size:20px;  margin-bottom:10px; line-height:1.4; font-weight: bold;}
.bizbox .bizttl.green{color:#23ac38;}
.bizbox .bizttl.purple{color:#9b4998;}
.bizbox .bizttl.orange{color:#f68b06;}
.bizbox .bizttl.care{color:#0000AD;}
.bizbox.vmosbg{background:#f7f1ea; padding:15px; border-radius:5px;box-sizing:border-box;display:block;}
.bizbox.vmosbg p{line-height:2;padding:0 12px}
.bizbox.vmosbg .label{background:#f68b06; margin-bottom:5px;line-height:1; padding:5px;}
.clearfix.bizbox.vmosflow{    width: 800px;  margin: 30px 0;  display: grid; grid-template-columns: 536px 244px;
    justify-content: space-between;}
.bizbox.vmosflow .fl{width:536px;}
.bizbox.vmosflow .fr{width:325px; }
.bizbox.vmosflow .bizflow dt{  color: #fff; display: inline-block; box-sizing: border-box; background: #000;padding:2px 10px;margin-bottom:15px;font-weight:100px}
.bizbox.vmosflow .bizflow dd{margin-left:0px; margin-bottom:20px;}
table.bizbox_table {
    margin-left: 15px;
}
/* コンシューマープロダクツ */

.consumer_list{ border-top:1px solid #e8e8e8;}
.consumer_list .item{ float:left; padding:30px 15px; width:520px; padding-bottom:30px; line-height:1.4; border-bottom:1px solid #e8e8e8; box-sizing:border-box;}
.consumer_list .item:nth-of-type(2n){ border-left:1px solid #e8e8e8;}
.consumer_list .item .thumbnail{ float:left; width:230px; position:relative;}
.consumer_list .item .thumbnail .img_wrap{}
.consumer_list .item .thumbnail .img_wrap.new_icon{}
.consumer_list .item .thumbnail .img_wrap.new_icon::before{ content: ""; top:0; left:0; border-bottom:4em solid transparent; border-left: 4em solid #e60012; position:absolute; z-index:100;}
.consumer_list .item .thumbnail .img_wrap.new_icon::after{ content:"新商品"; display:block; top:13px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); color:#fff; left:0; position:absolute; z-index:101; font-size:13px; text-decoration:none; line-height:1;}
.thumbnail .img_wrap.new_icon.en::after{ content:"New"!important; left:3px!important; top:7px!important; font-size:14px!important;}

.consumer_list .item .thumbnail .img_wrap img{ max-width:100%;}

.consumer_list .item .text_area{ width:240px; float:right;}
.consumer_list .item .item_ttl{font-weight:bold; font-size:16px; margin-bottom:20px;}
.consumer_list .item .item_ttl a{ color:#d22377; text-decoration:underline;}
.consumer_list .item .desc{ margin-bottom:20px; font-size:12px; color:727272;}
.consumer_list .item .item_catch{ font-weight:bold; margin-bottom:10px;}
.consumer_list .item .btn .fa{ margin-left:5px; margin-top:-3px;}

/* 会社概要 */
	table   {
    border-collapse:collapse
}
.main_company_info {
    display: flex;
    gap: 20px;
}
.main_company_img {
    margin-top: 25px;
}
.main_company_img img {
    width: 144px;
    object-fit: cover;
}
	.group_company .item .colum02 tr {border: 1px  solid  #000;padding:10px; border-width:1px 0;}
.group_company th{
    padding: 10px 5px 10px 0;
}
	.group_company td{
    padding: 10px 0px;
}
.group_company .item .colum02 th{width:70px;}
	.group_company .item .colum02 .td_tx{width:345px;}
	/* 沿革*/
	.group_company .item .colum02 tr {border: 1px  solid  #000;padding:10px 0; border-width:1px 0;}
.group_company .item .colum02 tr:first-of-type{border-top:none;}
.group_company .item .colum02 tr:last-of-type{border-bottom:none;}
.company_nav{ background-color:#f8f8f8;width:800px; text-align:center; margin:auto; margin-bottom:60px; padding:24px; margin-top:80px;box-sizing:border-box;}
.company_nav .nav_boxes{  display: grid;justify-content: space-between;grid-template-columns: 240px 240px 240px; gap: 16px;}
.company_nav .nav_boxes .itemes{width: 240px;height: 120px;background-color: #fff; position: relative;}

.company_nav  .nav_boxes .itemes a{ text-decoration:none; display:block; padding:40px;}
.company_nav .nav_boxes .itemes .nav_img{     position: absolute; right: 0; top: 0; width: 240px; height: 120px;
    object-fit: cover;}
.company_nav  .nav_boxes .itemes .tx{    position: absolute; z-index: 10;bottom: 0; left: 0; padding: 8px 0;
    color: #fff; width: 100%;background: rgba(0,0,0,0.4); box-sizing: border-box;}
.company_nav .nav_boxes .itemes .tx .fa.fa-chevron-circle-right{ margin-right:5px;}

.group_company a{ color:#0056a8;}
.group_company .item{ border-bottom:1px solid #000; width:100%;}
.group_company .item .colum01{ padding:20px 0px; font-weight:bold; display:table-cell; width:205px; vertical-align:top;}
.group_company .item .colum02{ padding:20px 0; display:table-cell; width:450px; vertical-align:top;}
.group_company .item .colum03{ padding:20px 0 20px 20px; display:table-cell; vertical-align:top; width: 150px;}
.group_company .item .group_image{width: 144px;
    margin-top: 7px;
    object-fit: cover;
    object-position: center;}

.other_company li{ float:left;}
.other_company li:after{ content:","; margin-right:10px;}
.other_company li:last-of-type:after{ content:"";}

.mapapali{ display:none;}

/* お問い合わせ */
		.mw_wp_form.mw_wp_form_input{padding: 50px 100px ;background: #F7F7F7;}
.contact .desc a{ color:#0056a8;}
.contact_type .desc{ margin-bottom:15px;}
.contact_type .contact_all{ margin-bottom:40px;}
.contact_type .contact_list li{     margin-bottom: 40px;   width: 100%;height:230px; padding: 23px;
    box-sizing: border-box; background: #F7F7F7;position:relative; }
ul.contact_list {  display: grid;  grid-template-columns: 392px 392px;  justify-content: space-around;}
.indent {    padding-left: 20px;}
p.btn_wrap {    bottom: 23px;    position: absolute;    left: 43px;	background:red!important;}
p.btn_wrap a{	background:#E60014!important;}
.contact .btn{    width: 323px;    height: 68px;    padding: 25px 40px;    line-height: 1;    text-align: left;}
ul.contact_list li:nth-child(2) .contact .btn{padding: 15px 40px;}


.contact .desc a{ color:#0056a8;}
.contact_area .desc{ margin-bottom:15px;}
.contact_area .ttl4{font-size:24px;}
.contact_area .contact_all{ margin-bottom:40px;}
.contact_area .contact_list li{     margin-bottom: 40px;   width: 100%;height:auto; padding: 23px;
    box-sizing: border-box; background: #F7F7F7;position:relative; }
.contact .contents{padding: 20px 0;}
.contact_area ul.contact_list {  display: block;  grid-template-columns:100%;  justify-content: space-around;text-align:center;}
.contact_area .indent {    padding-left: 0px;}
.contact_area p.btn_wrap {    bottom: 0px;  width:323px;  position: relative; left:0;   margin: 0 auto;background:red!important;}
.contact_area p.btn_wrap a{   
    position: relative;

    width: 323px;
    background: #E60014!important;
    margin: 0 auto;}
.contact_area  .btn{    width: 323px;
    height: auto;
    padding: 20px 55px;
    line-height: 1;
    text-align: left;}
.fa-angle-right:before {
    content: "▶︎";
}

/* よくある質問 */
.faq_list{ padding:0 20px; margin-bottom:50px;}
.faq_list ul{}
.faq_list ul li{ border-bottom:1px dashed #ccc;}
.faq_list ul li .q_area{ font-size:16px; padding:10px; cursor:pointer;}
.faq_list ul li .q_area .icon_q{ float:left; margin-right:15px;}
.faq_list ul li .q_area .tx{ display:table; color:#0056a8; text-decoration:underline;}
.faq_list ul li .q_area:hover{ background:#f8f8f8;}
.faq_list ul li .a_area{ display:none; padding:20px 20px 30px 30px;}
.faq_list ul li .a_area .icon_a{ float:left; margin-right:15px;}
.faq_list ul li .a_area .detail{ display:table; color:#3e3e3e;}
.faq_list ul li .a_area .detail a {color:#0056a8;}
.faq_list ul li:last-of-type{ border-bottom:0;}
.faq_list ul li .q_area .icon_number { background:none; background-color:#717171; color:#fff; padding:0 3px; width:38px; height:auto; text-align:center;border-radius:10px; }

/* 採用情報 */
.voice_list_wrap{}
.voice_list{}
.container.voice {
    width: 1024px;
}
.voice_list{    display: grid;   grid-template-columns: 500px 500px; justify-content: space-around;  margin: 25px 0;}
.voice_list .item{ width: 500px;  height:auto!important; margin-bottom: 40px;   box-sizing: border-box;   padding: 24px;  background: #F7F7F7;}
.voice_list .item .ttl{ font-weight:bold; font-size:120%; line-height:1.4; margin:10px 0;color: red;}
.voice_list .item .department{ margin-bottom:10px;}
.voice_list .item .image{ height: 350px;width:100%;
    border-radius: 5px;
    object-fit: cover;}

.icon_faq{ display:inline-block; width:25px; height:25px; background:url(../images/icon_faq.png) 0 0 no-repeat; background-size:25px auto; vertical-align:middle;color:#3e3e3e;}
.icon_faq.icon_q{ background-position:0 0;}
.icon_faq.icon_a{ background-position:0 -25px;}

.recruit_list{}
.recruit_list .item{}
.recruit_list .item .contents{ margin-bottom:0;}
.recruit_list .item .btn_wrap{ text-align:right; margin-top:15px;}
.recruit_list .item .btn_wrap .btn{ width:200px;}



/* ページ送り*/

.pagenav{ margin-top:30px; text-align:right; margin-bottom:20px;}
.pagenav .current{ background:#e6e6e6; width:32px; display:inline-block; text-decoration:none;  height:32px; vertical-align:top; line-height:32px; box-sizing:border-box; text-align:center; color:#3e3e3e;}
.pagenav a{ width:32px; display:inline-block; height:32px; vertical-align:top; line-height:32px; box-sizing:border-box; text-align:center; color:#000;text-decoration:none;background:#fff;}
.main .pagenav {
    text-align: right;
    margin-bottom: 20px;
    padding-top: 30px;
    border-top: none;
}

.products_detail .sub_ttl .fa{ margin-right:5px;}
.fa.fa-circle{ margin-right:5px;}

/* 検索結果*/
.search_result{}
.search_result .item{ padding:20px 15px; border-bottom:1px solid #eee;}
.search_result .item .ttl{ font-size:18px; font-weight:bold;}
.search_result .item .ttl a{ color:#0066cc;}
.search_result .item .sub_tx span{ margin:0 3px;}
.search_result .item .sub_tx span:after{ content:"/"; padding-left:3px;}
.search_result .item .sub_tx span:last-of-type:after{ content:"";}
.search_result .item .thumbnail{ float:left; margin-right:20px;}
.search_result .item .thumbnail img{ max-width:120px; height:auto;}
.search_result .item .tx_area{}
.search_result .item .thumbnail+.tx_area{ float:left; width:870px;}


/*----------------------------------------------------------------------------------------------
 サイド
----------------------------------------------------------------------------------------------*/
.sidenav{}

.sidenav li{ position: relative;padding: 5px 0px 5px 45px; border-bottom: solid 1px;font-size: 14px;}
.sidenav.one_item li{padding:12px 0 12px 24px;font-weight: bold;}
.sidenav li .fa{  left:2px; top:2px;}
.side  a{ text-decoration:none;　}
.sidenav li ul{ margin-top:10px; margin-bottom:15px;}
.sidenav li ul .dash{ position:absolute; left:2px; top:0;}

.sidenav .fa.fa-angle-right{ padding-right:5px; font-weight:bold;}
.sidenav.common_green .fa.fa-angle-right{ color:#23ac38;}
.sidenav.common_purple .fa.fa-angle-right{ color:#9b4998;}
.sidenav.common_pink .fa.fa-angle-right{ color:#d22377;}
.sidenav.common_bluegreen .fa.fa-angle-right{ color:#25caae;} /* #################### */



/* Chrome、Safari */
.side summary::-webkit-details-marker {  display: none;}
.side details { box-sizing: border-box; border-width: 1px 0px 0 0; background: none;}
.side  summary {position: relative; font-size: 15px; text-align: left;font-weight: bold;display: block;
    padding: 10px 0 0 24px;border-bottom: solid 1px;letter-spacing: -2px;}
.care .side  summary {pointer-events: none;}
.side details[open] summary {background: rgba(0,0,0,0.0);}
.side details summary::after {  color: #000; font-size: 5px; float: right; position: relative;text-align: center;padding: 5px 0 0 0; width: 24px; height: 19px;border-radius: 30px;　display: none;}
.side details[open] summary::after { padding: 4px 0 0;}
.side details div.itemes { display: grid; grid-template-columns: 1fr 1fr; font-size: 14px; text-align: left;}


.side.amenity details summary::after { color:#00AD35;}
	.side.amenity .sidenav li{ border-color:#00AD35;}
.side.amenity summary{ border-color:#00AD35;}
		.side.amenity  details {border-color:#00AD35;}
.side.care details summary::after { color:#0000AD;}
	.side.care .sidenav li{ border-color:#0000AD;}
.side.care summary{ border-color:#0000AD;}
		.side.care details {border-color:#0000AD;}
.side.counter details summary::after { color:#B400AD;}
	.side.counter .sidenav li{ border-color:#B400AD;}
.side.counter summary{ border-color:#B400AD;}
		.side.counter details {border-color:#B400AD;}

/*製品紹介ページ*/

.point_block {
	margin: 100px 0;
}
.title_products {
    height: auto;
	width: 100%;
    background: #F7F7F7;
    padding: 20px 24px;
    box-sizing: border-box;
    border-bottom: 1px solid #E60012;
    display: grid;
grid-template-columns: 85px 1fr;
    gap: 20px;
    justify-content: space-between;
}
.point_red {
    background: #E60012;
    color: #fff;
	box-sizing:border-box;
    font-size: 16px;
    padding: 2px 14px ;
    height: 24px;
    margin: auto;
	line-height:1;
}
 .point p.ttl {
    font-size: 18px;
    font-weight: bold;
    width: 645px;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
	line-height:1.2;
}
.point_body {
	margin-bottom: 100px;
}
.body_products{margin:25px 0}
.img_products_box {
    display: grid;
    gap: 20px;
    float: right;
    margin: 0px 0 25px 25px;
    grid-template-columns: 1fr 1fr;
}
img.products_image {
    width: 128px;
    height: 128px;
    object-fit: cover;
}
img.alignnone.size-medium {
    width: 100%;
}


/*----------------------------------------------------------------------------------------------
 パンくずリスト
----------------------------------------------------------------------------------------------*/
.breadcrumb{ background-color:#D6D6D6;  padding:8px 0;margin-bottom:-50px;position:relative;}
.breadcrumb .inner{ width:1040px; margin:0 auto;}
.breadcrumb ul{}
.breadcrumb ul li{ display:inline-block; font-size:90%; padding-right:5px; color:#727272;}
.breadcrumb ul li:after{ content:">"; padding-right:5px;}
.breadcrumb ul li:last-child{ padding:0;}
.breadcrumb ul li:last-child:after{ content:"";}
.breadcrumb ul li a{ padding-right:10px;}

/*----------------------------------------------------------------------------------------------
 TOP
----------------------------------------------------------------------------------------------*/

/* スライド*/
.top_mainimage{ height:415px; margin-bottom:-10px;}
.top_mainimage .swiper-slide{ width:1180px; margin:0 auto; margin-right:15px; margin-left:15px;}
.top_mainimage .swiper-slide .image_wrap{ width:1180px;　 overflow:hidden;}
.top_mainimage .swiper-slide-prev a,
.top_mainimage .swiper-slide-next a{ pointer-events: none;}
.top_mainimage .swiper-pagination{ bottom:0!important; transition:none!important;}
.top_mainimage .swiper-pagination-bullet{ height:15px; width:15px;}
.top_mainimage .swiper-pagination-bullet-active{ background:#333;}



.top_business { text-align:center; float:left; width:520px;}
.top_business span{ display:block;}
.top_business a{ display:block; color:#fff; transition: opacity 0.2s linear 0s;}
.top_business a:hover{ opacity:0.7;}
.top_business .text_area{ width:260px; height:260px;text-align:center; padding:15px 10px; box-sizing:border-box; color:#fff; float:left;}
.top_business .image_area{ float:left;}

	.top_business.replace .text_area,
	.top_business.replace .image_area{ float:right;}


.top_business .text_area.bg_green{ background-color:#65c573;}
.top_business .text_area.bg_purple{background-color:#b97fb7;}
.top_business .text_area.bg_orange{ background-color:#f8be75;}
.top_business .text_area.bg_pink{background-color:#df65a0;}
.top_business .text_area.bg_bluegreen{background-color:#25caae;} /* #################### */

.top_business .text_area .ttl{ font-weight:bold; font-size:16px; line-height:1.3; display:table; width:100%; height:50px;}
.top_business .text_area .ttl .inner{ display:table-cell; vertical-align:middle;}

.top_business .text_area .desc{ line-height:1.4; }
.top_business .text_area .desc.info{ font-size:90%; margin-bottom:10px; display:block;}
.top_business .text_area .line{ text-decoration:underline; margin-top:10px; }

.top_business .text_area .icon{ transition:0.2s; display:block; width:100px; height:45px; background:url(../images/business_icon.png) 0 0 no-repeat; margin:20px auto; }
.top_business .text_area .icon_ame{ background-position:0 0;} 
.top_business .text_area .icon_keisu{background-position:0 -45px;}
.top_business .text_area .icon_ope{background-position:0 -90px;}
.top_business .text_area .icon_con{background-position:0 -135px;}

	.en .top_business .text_area .ttl{ font-size:15px;}
	.en .top_business .text_area .desc.info{ font-size:80%;}
	.en .top_business .text_area .line{ font-size:75%;}
	.en .top_business .text_area .icon{ margin:10px auto 15px; }

.top_products {background:#F7F7F7;}
.top_products .category{  width:100%; margin:75px 0; 100px}
.top_products .category a{text-decoration:none; color:#fff; font-size:16px;}

	h3.item_ttl.amenity{border-color: #00AD35; font-weight: normal;}
	h3.item_ttl.amenity:before{background:#00AD35;}
	
		h3.item_ttl.counter{border-color:  #B400AD;  font-weight: normal;}
	h3.item_ttl.counter:before{background: #B400AD;}
	
		h3.item_ttl.consumer{border-color: pink;  font-weight: normal;}
	h3.item_ttl.consumer:before{background: pink;}
	
		h3.item_ttl.care{border-color:#0000AD; font-weight: normal;}
	h3.item_ttl.care:before{background:#0000AD;}

		h3.item_ttl.counter_cat{border-color:  #B400AD}
	h3.item_ttl.counter_cat:before{background: #B400AD;}
	h3.item_ttl.keisuuki_cat{border-color:  #B400AD}
	h3.item_ttl.keisuuki_cat:before{background: #B400AD;}
		h3.item_ttl.consumer_cat{border-color: pink;}
	h3.item_ttl.consumer_cat:before{background: pink;}
		h3.item_ttl.care_cat{border-color:#0000AD;}
	h3.item_ttl.care_cat:before{background:#0000AD;}

		h3.item_ttl.products-3339_cat{border-color:  #B400AD}
	h3.item_ttl.products-3339_cat:before{background: #B400AD;}
		h3.item_ttl.products-4025_cat{border-color:#0000AD;}
	h3.item_ttl.products-4025_cat:before{background:#0000AD;}

.triangle {margin: 0 auto;position: relative;}
.triangle.green::before {content:"";bottom: 0;right: 0;border-top: 3em solid transparent;border-right: 3em solid #23ac38;position: absolute;z-index: 100;}
.triangle.purple::before {content:"";bottom: 0;right: 0;border-top: 3em solid transparent;border-right: 3em solid #9b4998;position: absolute;z-index: 100;}
.triangle.pink::before {content:"";bottom: 0;right: 0;border-top: 3em solid transparent;border-right: 3em solid #d22377;position: absolute;z-index: 100;}
.triangle.bluegreen::before {content:"";bottom: 0;right: 0;border-top: 3em solid transparent;border-right: 3em solid #25caae;position: absolute;z-index: 100;} /* #################### */
.triangle::after {content: "";display: block;bottom: 0;transform: rotate(135deg);color: #fff;font-weight: bold;right: 5px;position: absolute;z-index: 101;transform:rotate(0deg); -webkit-transform:rotate(0deg);}
.triangle .fa{ position:absolute; bottom:5px; right:10px; font-weight:bold; font-size:20px; line-height:1; z-index:101;}



.top_products .products ul{    display: grid;
    grid-template-columns: repeat(5,136px);
    justify-content: space-between;
    box-sizing: border-box;}
.top_products .products.product_home_cat ul {  margin: 8px 0;}
.top_products .products.product_home_cat p.cat { margin: 8px 0 0 0;font-size:18px;}
.top_products .products ul li.item{display:inline-block; position: relative;margin:15px 0;}

.top_products .products ul li.item a{ display:block; background:#fff;  width:136px; height: 136px; box-sizing:border-box;}

.top_products .t-center a{ margin:20px 0;line-height:1.3;}

.top_products .consumer_bnr_ja{ margin-left:15px; display:block;}
.top_products .consumer_bnr_en{ text-align:center;}

 .products .item img{ height:auto;aspect-ratio: 4 /3;object-position: 0px 1px; width:136px;object-fit:cover;position: relative; top: 0%; left: 50%; transform: translate(-50%, -0%);}

 .products span.tx { position: absolute;   left: 50%; transform: translateX( -50%);  bottom: 0;text-align:center;color: #fff;width:100%; line-height: 1;
	background:rgba(0,0,0,0.4);font-size: 12px;height:25%;transition:0.3s;z-index:3;object-position}

 .amenity .products span.tx {	background:#00AD35;}




.products span.tx p{position: absolute;top: 50%;transform: translateY( -50%); width: 98%;text-align: center;z-index:3;}
 .products span.detail { position: absolute; top: 50%;transform: translateY( -50%);text-align:center;color: #fff;width:100%;z-index:2;
	background:rgba(0,0,0,0.4);font-size: 10px;height:100%;opacity:0.0;transition:0.3s;}
.products span.detail p{position: absolute;top: 50%;transform: translateY( -50%);font-size:16px; width: 100%;text-align: center;}

.products li.item a:hover span.detail { opacity: 1;}
.products_detail .file_btn-common a { height:40px;}

a.btn.btn_main.btn_amenity:after{background:#00AD35;}
a.btn.btn_main.btn_amenity:before{background:#00AD35;}

a.btn.btn_main.btn_counter:after{background:#B400AD;}
a.btn.btn_main.btn_counter:before{background:#B400AD;}

a.btn.btn_main.btn_consumer:after{background:pink;}
a.btn.btn_main.btn_consumer:before{background:pink;}

a.btn.btn_main.btn_care:after{background:#0000AD;}
a.btn.btn_main.btn_care:before{background:#0000AD;}



.service_item {	display: flex;  background: #fff; width: 100%;  height: 250px; margin: 50px 0;}
.service_item .item_body {	padding: 30px 5px 24px 30px;    width: 50%;    box-sizing: border-box;}
.service_item .img_box{	width:50%;}
.service_item img{	width:100%; object-fit: cover; height: 100%;}

  h3.animety {	border-color:#00AD35; font-weight: normal;}
h3.animety::before{background:#00AD35;}
.service_item .item_body p{	margin:20px 0px; font-size: 16px;line-height:1.3;}
.service_item p.btn_business{position:relative;}
.service_item .btn_anime:after{background:#00AD35;}
.service_item .btn_anime:before{background:#00AD35;}

 h3.products {	border-color:#0000AD; font-weight: normal;}
 h3.products:before{background:#0000AD;}
.service_item p.btn_business{position:relative;}
.service_item .btn_products:after{background:#0000AD;}
.service_item .btn_products:before{background:#0000AD;}
.business_page .service_item p.btn_business{position:absolute;bottom:0px; right:24px;}

 h3.solution {	border-color:#B400AD; font-weight: normal;}
 h3.solution:before{background:#B400AD;}
.service_item p.btn_solution{position:relative;}
.service_item .btn_solution:after{background:#B400AD;}
.service_item .btn_solution:before{background:#B400AD;}

 h3.opeleat {	border-color:#F5A23A; font-weight: normal;}
 h3.opeleat:before{background:#F5A23A;}
.service_item p.btn_opeleat{position:relative;}
.service_item .btn_opeleat:after{background:#F5A23A;}
.service_item .btn_opeleat:before{background:#F5A23A;}

.contents.clearfix.business_page { display: grid;grid-template-columns: 392px 392px; justify-content: space-between;}

.business_page .service_item {display: block; background: #F7F7F7; width: 100%; height: 540px;
    margin: 50px 0 0;  padding: 24px;  box-sizing: border-box;position: relative;}

.business_page .service_item .item_body p{	margin-top:0px; font-size: 16px;}
.business_page .service_item .item_body {padding: 0px;width: 100%; width: 100%;  box-sizing: border-box;line-height:1.5;}
.business_page .service_item .item_body p {
    margin: 20px 0px;
    font-size: 16px;
    line-height: 1.5;
}
.business_page h3.item_ttl { padding-bottom: 10px;  position: relative; font-size: 24px; font-weight: 500; margin: 20px 0 0px;}
.business_page .btn_sub {  float: right;}
.business_page .service_item .img_box{	width:100%;}
.business_page .service_item img{	width:100%; object-fit: cover; height: 184px;}


br.q-sp {
    display: none;
}
@media screen and (max-width: 680px){
.service_item {	display: flex;  background: #fff; width: 360px;  height: 460px; margin: 50px 0; flex-direction: column; position: relative;}
.service_item .item_body {	padding: 30px 20px;	width: 100%;order: 2 ;box-sizing:border-box;}
.service_item .img_box{	width:100%;order: 1; }
	.service_item img {  width: 100%;  object-fit: cover;  height: 207px;}
	br.q-sp {
    display: block;
}
}



.top_about{}
.top_about ul{}
.top_about ul li{ width:325px; height:180px; float:left; margin-right:32px; position:relative;}
.top_about ul li:last-of-type{ margin-right:0;}
.top_about ul li a{ display:block; transition: opacity 0.2s liner 0s;}
.top_about ul li a:hover{ opacity:0.7;}

.top_about ul li a .tx_wrap{ position:absolute; display:block; width:240px; background:rgba(0,0,0,0.7); color:#fff; font-size:15px; font-weight:bold; top:70px; left:40px;}
.top_about ul li a .tx_wrap .tx{ position:relative; display:block; padding:10px 0; text-align:center;}
.top_about ul li a .tx_wrap .tx .fa{ position:absolute; right:10px; top:50%; line-height:0;}


.business_info .btn .fa,.btn .fa.fa-angle-right{ position:absolute; right:10px; top:50%; line-height:0;}
.products_detail .detail_right .btn .fa.fa-chevron-circle-right{ margin-left:10px;}
.products_detail .detail_right .btn .fa.fa-file-pdf-o{ margin-right:10px;}
.category.clearfix.consumer{display:none;!important}
/*----------------------------------------------------------------------------------------------
 環境への取り組み
----------------------------------------------------------------------------------------------*/
.quality_boxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
	margin:25px 0;
}
	.baio, .baiomark {
    grid-template-columns: 80% 20%;
    grid: 70% 30%;
    display: grid;
    width: 100%;
    box-sizing: border-box;
		margin:25px auto;
}
.quality_box h3{font-size:20px;font-weight:bold;}
.quality_txt {
    color: red;
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
	padding:25px atuo;
}

.bizbox_table tr {
    display: grid;
    grid-template-columns: 120px 575px;
    justify-content: space-between;
    width: 730px;
	margin:5px 0;
}
.qualityManage_ttl {font-size: 18px;
	color:red;
    line-height: 1.3;
    font-weight: bold;
margin:25px 0;}
p.qualityManage_txt {
    margin-top: 25px;
}
.qualityManage_boxes {
    display: grid;
    grid-template-columns: 258px 258px 258px;
    justify-content: space-around;
	margin: 50px 0;
	gap:15px;
}
.qualityManage_boxes img{
	width:258px; height:auto;
}
.qualityPro_boxes {
    display: grid;
    grid-template-columns: 258px 258px 258px;
    justify-content: space-around;
    gap: 15px;
}

.quality_boxes table td {
    vertical-align: top;
    text-align: left;
    padding-left: 20px;
}
.qualityPro_boxes img {width:258px;}
img.aligncenter.size-full.wp-image-1180 {
    margin: 50px auto;
}
h3.qualityPro_ttl{font-size:20px;font-weight:bold;}

.environ_item {	display: flex;	background: #fff;	width:100%; margin: 50px 0;}
.environ_item .item_body {	padding: 0 24px;	width: 461px; padding-right: 0;}
.environ_item .item_body p{	    padding: 15px 0 0;    line-height: 1.6;    font-size: 16px;}
.environ_item .img_box{	width:360px;height:401px;}
.environ_item img{	width:100%; object-fit: cover; height: 100%;}

.environ_item h4{	background:#F7F7F7; font-size:18px ;font-weight:bold; padding: 24px 0;text-align: center;
    border-bottom: #E60012 1px solid;}

@media screen and (max-width: 680px){
.environ_item {	display: flex;	background: #fff;	width:100%; margin: 50px 0;flex-direction:column;}
.environ_item .item_body {	padding:  0px;	width: 100%;margin: 20px 0 0;}
.environ_item .img_box{	width:100%;}
	.environ_item .btn_sub {width: 325px;padding: 20px 0;height:56px;line-height: 1.3;}
	
}
/*----------------------------------------------------------------------------------------------
 serviceLink
----------------------------------------------------------------------------------------------*/
.serviceLink {
	background: url(https://www.daito-inc.co.jp/wp-content/uploads/2022/11/link_icon_bg-scaled.jpg);
	background-size:cover;
	background-repeat:none;
	padding: 100px 10px;
}
.serviceLink_list{
	display: flex;
	justify-content: center;
	align-items: center;
		list-style-type: none;
	color: #000;
	max-width: 800px;
	margin: 0 auto;
	background: #fff;
}
.serviceLink_item:nth-of-type(n+2)::before {
	position:absolute;
	left:0;
	top:0;
  content: '';
	padding:0.5px;
	background:#000;
	height:95%;
	   top: 50%;
   transform: translateY( -50%);

}
.serviceLink_item{
	position:relative;
	color: #000;
	width: 25vw;
	padding: 50px 0px;
	background: #fff;
	text-align: center;
}
.serviceLink p.ttl{
	font-size: 20px;
	font-weight: bold;
}
.serviceLink p.ditl{
	margin: 24px 0 16px;
	font-size: 12px;
}
.link_icon {
	width: 225px;
}



@media screen and (max-width: 680px){
	.serviceLink_list{display: block;padding: 0;width:360px;}
	.serviceLink_item{width: 100%;    padding: 45px 0px;	}
	.serviceLink_item:nth-of-type(n+2){	border-left: none;}
	.serviceLink_link{text-align: left;	padding: 20px 0 20px 25px;}
	.serviceLink_link span{		font-size: 14px;	}
	.serviceLink_item:nth-of-type(n+2)::before{height: 130%; top: -65%; transform: translateX( -50%) rotate(90deg); left: 50%;}
	.service_item h3{font-size: 20px; font-weight: 500}
}

@media screen and (min-width: 681px){
	.serviceLink_link{	transition: all 0.3s ease;}
	.serviceLink_link:hover span{	color: #E61818; }

}

/*----------------------------------------------------------------------------------------------
 フッター
----------------------------------------------------------------------------------------------*/
.retrun_link {
    font-weight: bold;
    text-align: center;
    padding: 75px 0;
}
.footer {
	position: relative;
}
.footer .inner::before {
	content'TOPページへ戻る';
	color: #fff;
	background:#000;
	padding: 5px 10px;
	position: absolute;
	width: 500px;
	height: 20px;

}
.footer{ color:#fff;background:#3A3E45;}
.footer .inner{ width:75vw; margin:0 auto;}

.footer .fnav_box {   position: relative;
   left: 50%;
   transform: translateX( -50%);}
.footer .fnav_area{ width:30%; padding:30px 0; display:inline-block; float:left;}
.footer .fnav_area.prodact{ width:70%;}
.footer .fnav_area .ttl{  font-weight: bold;font-size:15px;margin-top: 10px}
.footer .fnav_area .ttl a{ color:#fff;    text-decoration: none;}
.footer .fnav_area .ttl::before{ content:"|";margin-left: -5px;}
.footer .fnav_area .cat_ttl::before{ content:"・";margin-left: -5px;}
.footer .fnav{ padding-right:20px; box-sizing:border-box; width:100%;}

.footer .products_nav .column{ width:33.3%; float:left;}
.footer ul li{ list-style-type: none;}
.footer .fnav ul li a{ color:#fff;}

.footer .column .fnav ul{ margin-bottom:15px;}
.footer .fnav .sub_nav li{ margin-bottom:5px;}
a.cat_ttl {
    text-decoration: none;
}

	.footer a.en_pagetop{ background-color:#000; font-size:20px; color:#fff; text-decoration:none; vertical-align:middle; text-align:center; width:40px; line-height:40px; position:absolute; right:0;}

.footer .copyright_nav ul.english_footer li{ display:inline-block; border-right:1px solid #fff; padding:0 10px;}
.footer .copyright_nav ul.english_footer li:last-child{ border-right:none; }
/* コピーライト*/
.footer .copyright_bg{ color:#fff;background:#3e3e3e; height:40px;}
.footer .copyright_area{ padding:0; position:relative;}
.footer .copyright{ font-size:80%; width:350px; position:absolute; left:0; padding-top:10px;}

.footer .copyright_nav{ font-size: 10px; text-align:right; padding-top:10px; position:absolute; right:90px; width:640px;}
.footer .copyright_nav ul li{ display:inline-block; padding:0 10px;}
.footer .copyright_nav ul li:last-child{ border-right:none; }
.footer .copyright_nav ul li a{ text-decoration:none; color:#fff;}
.footer .copyright_nav ul li a:hover{ opacity:0.7;}

.footer a.pagetop{ background-color:#fff; font-size:50px;font-weight:bold; color:#000; text-decoration:none;border-radius: 10px; vertical-align:middle; text-align:center; width:65px; line-height:1.3; position:fixed; right:20px; bottom: 20px;border: solid 1px #000;}
.footer a.pagetop .fa{position: relative; top: -5px;}

	.sp_footer {display: none!important;	}
	.pc_footer {display: block!important;	}

/*----------------------------------------------------------------------------------------------
 ニュース＆トピックス
----------------------------------------------------------------------------------------------*/
/* 一覧*/
.topic_list{ margin:55px 0;}
.topic_list .item{ border-bottom:1px solid #262626; padding:0; position: relative;}
.topic_list .item:first-child{ border-top:2px solid #262626; }
.topic_list .item:last-child{border-bottom:2px solid #262626;}
article.item.clearfix:first-of-type{ border-top:2px solid #262626; }
article.item.clearfix:last-of-type{border-bottom:2px solid #262626;}
.topic_list .item .post_param{ display:inline-block; float:left;}
.topic_list .item .date{display:inline-block; margin-left:20px; width:100px;}
.topic_list .item .label.news{ display:inline-block; margin-right:20px; width:100px; margin-top:-5px;}
.topic_list .item .ttl{ line-height:1.5;display:table; margin-right:50px;}
.topic_list .item .ttl:hover{ opacity:0.7;}
.topic_list .item .tx_area{}
.topic_list .item a{ text-decoration:none; padding:15px 0; display:block;}

.topic_list .item .fa{ position:absolute; right:10px; color:#d6d6d6; top:50%; margin-top:-7px;}

/* 詳細*/
.news_detail{}
.news_detail {
    padding: 20px 0;
    
}
.news_detail .postnav {
    padding: 20px 0;
	border-top: 2px solid #000;
}
.news_detail .postnav a.prev {
    float: left!important;
}
.news_detail .postnav .next {
    float: right;
}
.news_detail h2.tx {
    font-size: 20px;
    font-weight: bold;
}
.news_detail .post_param { margin: 0 auto;margin-bottom: 20px; border-top: 2px solid #000; padding-top: 20px;}
.news_detail .date{ margin-right:20px;}
.news_detail .label{ width:100px; margin-top:-5px;}
.news_detail .entry_content{ font-size:115%; line-height:1.6;}
.news_detail .entry_content img{ max-width:100%; height:auto;}
.news_detail .entry_content a{ color:#0066cc;}
.news_detail .entry_content ul{ margin-left:15px;}
.news_detail .entry_content ul li{ line-height:1.4; margin-bottom:10px; list-style:disc outside none;}
.news_detail .entry_content ol{ margin-bottom:15px;}
.news_detail .entry_content ol li{ line-height:1.4; margin-bottom:10px;}
.news_detail .entry_content h3{ font-size:140%; font-weight:bold; line-height:1.4; margin-bottom:20px;}
.news_detail .entry_content h4{ font-size:120%; font-weight:bold; line-height:1.4; margin-bottom:15px;}


.postnav{ margin-top:80px; text-align:center;}
.postnav a{ margin-right:50px;}
.postnav a:last-of-type{ margin-right:0;}
	.products_catnav p.cat {
    font-size: 18px;
		margin-top:10px;
}
.product_single.items_boxs ul {
    display: grid;
    grid-template-columns: repeat(5,136px);
    justify-content: space-between;
    box-sizing: border-box;
}

/*----------------------------------------------------------------------------------------------
 サイトマップ
----------------------------------------------------------------------------------------------*/
.sitemap_list{ margin-bottom:30px;}
.sitemap_list a{ text-decoration:none;}
.sitemap_list .item{ margin-bottom:20px;}
.sitemap_list .item .ttl{ background:#f4f4f4; padding:10px; font-size:16px; font-weight:bold;}
.sitemap_list .item .ttl a{ color:#3e3e3e;}
.sitemap_list .item .ttl .fa{ margin-right:5px;}
.sitemap_list .item .business_group{ margin-bottom:20px; padding-left:20px; margin-top:25px;}
.sitemap_list .item .business_group .parent{ width:25%; box-sizing:border-box; padding-right:15px; float:left; font-weight:bold;}
.sitemap_list .item .business_group .child{ width:75%; box-sizing:border-box; float:right;}
.sitemap_list .item .business_group li{ width:30%; box-sizing:border-box; float:left; padding-right:15px; line-height:1.4; margin-bottom:5px;}

.sitemap_list .column2 .item{ width:48%; float:left;}
.sitemap_list .column2 .item:nth-of-type(2n){ float:right;}
.sitemap_list .column2 .item .child{ margin-bottom:20px; padding-left:20px; margin-top:25px;}


.sitemap_list summary::-webkit-details-marker {  display: none;}
.sitemap_list details { box-sizing: border-box;border:solid 1px #000; border-width: 1px 0px 1px 0; background: rgba(0,0,0,0.05);margin:25px 0;}
.sitemap_list .sidenav li {
    border-bottom: none;
	padding: 24px 35px;
}
.sitemap_itemes {
    display: grid;
    grid-template-columns: 210px 300px 210px;
    justify-content: space-around;
	margin:20px 0;
}
 .childnav_other {
    display: grid;
    grid-template-columns: 210px 300px 210px;
    justify-content: space-around;
}
.sitemap_list .sidenav li .fa {
    left: 25px;
    top: 30.5px;
	position:absolute;
}
.sitemap_list .page_5{order:1;}
.sitemap_list .page_46{order:3;}
.sitemap_list .page_27{order:2;}
.sitemap_list .page_26{display:none; order:4;}
.sitemap_list  summary {position: relative; font-size: 16px; text-align: left;font-weight: bold;display: block;
    padding: 10px 24px;border-bottom: none;}
.sitemap_list details[open] summary {background: rgba(0,0,0,0.05);border-bottom:1px solid #000;}
.sitemap_list details summary::after { content: "▼"; color: #000; font-size: 5px; float: right; position: relative;text-align: center;padding: 5px 0 0 0; width: 24px; height: 19px;border-radius: 30px;}
.sitemap_listdetails[open] summary::after {  content: "▲"; padding: 4px 0 0;}
.sitemap_list details summary.before_none::after {
    content: " ";
display:none;
}
.sitemap_list details div.itemes { display: grid; grid-template-columns: 1fr 1fr; font-size: 14px; text-align: left;}
/*----------------------------------------------------------------------------------------------
 サイトポリシー
----------------------------------------------------------------------------------------------*/
.policy_desc{ padding:0 30px;margin-bottom:30px;}
.policy .item{ margin-bottom:40px;}
.policy .item .inner{ padding:0 30px;}
@media screen and (max-width: 1183px){
	.nav ul li {
    float: left;
    border-right: 1px solid #d6d6d6;
    padding: 0px 9.5px;
    text-align: center;
}
}

@media screen and (max-width: 1024px){
	
		/* 非表示 */
	.nav,
	.header .catch,
	.header .inner .btn_area .search_box,
	.footer > .inner,
	.gallerywrap, .nav_bg
	{ display:none!important;}
	

	/* ヘッダ */
	.header{ padding:0; position: -webkit-sticky;position: sticky;top: 0;z-index:999;width: 100%;}
	.header .inner{ padding:8px; width:800px;}
	@media screen and (max-width: 800px){
.header .inner {
    width: 100%!important;
}
	}
	.header .logo{ display:inline-block; float:left; margin:0; width:70px;}
	.header .hdr_contact img{ width:40%; position:absolute; right:50px; top:10px;}
	
	.search_box{ margin: 0 auto;  position: relative; width: 360px;float:none;margin-top: 30px;}
.search_box input[type="text"]{ height: 50px;  padding: 10px 10px;  width: 315px;    float: left;
    background: #F5F5F5;  border: none;}
.search_box .search_btn{border-radius: 0; background-color: #F5F5F5; color: #000; border: 0;
    font-size: 16px; height: 50px; line-height: 1; cursor: pointer; float: left; text-align: center;    width: 45px;}
	

	.language_btn.en .btn_en {padding: 1px 10px;}
	.language_btn.en .btn_jp {padding: 1px 10px;}
		.language_btn.jp .btn_en {padding: 1px 10px;}
	.language_btn.jp .btn_jp {padding: 1px 10px;}

	.header .inner .btn_area{  margin:2px 0 0 0; position: relative; }
	.header .inner .btn_area .btn{ padding: 0px 0px;left:-60px;}
	.header .language_btn{ color:#0066cc; float:right;   height:35px!important; line-height:32px; width:auto;}
	.header .language_btn .fa.fa-angle-right{ right:0;}

	
	.open_btn1 { position: absolute; background: #000; cursor: pointer; width: 35px; height: 35px;
  border-radius: 5px;right:0px;z-index:9999;display:block;
}
}

@media screen and (max-width: 680px){
	body{ line-height:1.5; min-width:inherit; padding:0;}
	.btn{ font-size:16px; max-width:100%; width:100%;}
			.btn_main {    width: 300px;   height: 60px;   line-height: 1;}
.btn_sub {width: 135px;  padding: 15px 0;  height: 40px;  font-size: 12px;  line-height: 1;}

	/* 横幅指定解除 */

	.container,
	.contents,
	.main,
	.footer .inner,
	.footer .fnav,
	.footer .fnav ul,
	
	.breadcrumb .inner
	{ width:auto!important; padding: 60px 0}
	.side{padding: 0; width:auto !important;}
	.contact.container{padding-top: 100px;}
	
	.ttl1{width: auto !important; padding: 0;}


	
	
	/* モーダルメニュー*/
	.sp_menubtn{ display:block; background:#3e3e3e; width:35px; height:35px; color:#fff; font-size:22px; line-height:35px; text-align:center; float:right;}
	.mfp-bg{ background: rgba(0,0,0,1)!important;}
	.mfp-close{ height:auto!important; line-height:inherit!important; top:0!important;}
	.spmenu{ display:block; padding:0;}
	.spmenu .menu_header{ position:relative; padding:12px 8px; text-align:left; background-color:#000; color:#fff; font-size:12px;}
	.spmenu .menu_body li{ border-bottom:1px solid #ddd; box-sizing:border-box; text-align:left;}
	.spmenu .menu_body li a{ text-decoration:none; display:block; padding:12px 20px 12px 12px; position:relative; color:#3e3e3e; background:#fff;}
	.spmenu .menu_body li .fa{ position:absolute; right:15px; top:50%; margin-top:-7px;}
	.spmenu .search_box{ background:#f4f4f4; padding:8px; float:none; margin:0;}
	.spmenu .search_box input[type="text"]{ width:85%;}
	.spmenu .search_box .search_btn{ width:15%;}

	/* パンクズ*/
	.breadcrumb{ padding:5px 8px; font-size:10px;}
	.breadcrumb a{ text-decoration:none;}
	.breadcrumb ul li{ padding:0;}
	.breadcrumb ul li a{ padding-right:5px;}
	.breadcrumb .inner{ padding:0px;}

	/* フッタ */
	
	.footer a.pagetop{  display: none;}
	.footer a.sp_pagetop{  display: block;}
	.footer .inner{ width:auto; padding: 0;}
	.footer .fnav_area{ display:none;}
	.footer .copyright_bg{ color:#fff; height:auto;}
	.footer .copyright{ font-size:10px; display:block; padding:15px 0; text-align:center; position:inherit; clear:both; width:auto; background:#3A3E45; }
	.footer .copyright_nav{ padding:0; display:block; width:auto; position:inherit; right:auto; font-weight: bold;}
	.footer .copyright_nav ul{ margin-bottom:0px; margin-right:0; margin-left:0; display:block; border-top:1px solid #ddd;}
	.footer .copyright_nav ul li:not(:last-child){ width:100%; text-align:left; margin-right:0; border-bottom:1px solid #ddd; box-sizing:border-box; font-size:16px; padding:0; font-weight: bold;}
	.footer .copyright_nav ul li:last-child{ width:100%; text-align:left; margin-right:0; border:none; box-sizing:border-box; font-size:16px; padding:0; font-weight: bold;}
	.footer .copyright_nav ul li a::before{ content:"|";margin-right:5px;}
	.footer .copyright_nav ul li:nth-child(2n){ border-right:0;}
	.footer .copyright_nav ul li a{ color:#fff; display:block; padding:13px 10px; text-decoration:none; background:#3A3E45;}
	.footer .copyright_nav ul li a:hover{ opacity:1;}
	
		.footer .sp_footer ul{ margin-bottom:20px; margin-right:0; margin-left:0; display:block; border-top:1px solid #ddd;}
	.footer .sp_footer ul li{ width:100%; text-align:left; margin-right:0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; font-size:16px; padding:0;}
	
	 p.top_return_p{ color: #fff;font-size: 24px;font-weight:400; text-align: center; padding: 10px 0; border-top: 1px solid #fff; background:#000; }
	a.link_none {text-decoration:none;	}
	
	
	footer details div.box{  display: grid;grid-template-columns: 1fr 1fr; font-size: 14px;text-align:left;}
	footer details li{padding: 8px 0 ;}
	footer details.sp_footer:not(:nth-child(4)) {
		;border: solid 1px #fff;box-sizing: border-box;border-width: 1px 0px 0 0;background:#3A3E45;
	}
		footer details.sp_footer:nth-child(4) {
		;border:none!important;border-bottom: solid 1px #fff;box-sizing: border-box;border-width: 1px 0px 0 0;background:#3A3E45;position:relative;
	}
		footer details .open_item {color: #fff;}
	footer details div.box{  display: grid;grid-template-columns: 1fr 1fr;padding: 10px 15px ;margin-top:-15px;}
	footer details>li{padding: 10px;width: calc(50% - 10px);font-size: 16px;}
	footer details[open] summary {  background:#74767B;border: solid 1px #fff;box-sizing: border-box;border-width: 1px 0px;}
	footer summary{ position: relative;font-size: 16px;text-align:left;padding: 10px 15px; }
	footer summary.cat_main::before{ content:"|";margin-left: -5px;margin-right:5px;}
	footer summary.cat::before{ content:"・";margin-left: -5px;}
	footer summary { display: block;}
	footer summary::-webkit-details-marker {display: none;}
	footer details summary::after {     content: "▼";  color: #fff; font-size: 8px; float: right; position: relative; text-align: center; padding: 5px 0 0 0;
    width: 24px;  height: 19px; border-radius: 30px; background: #74767B;}
footer details[open] summary::after {    content: "▲"; padding: 4px 0 0; background: #3A3E45;}


	
	
	.openbtn1{position: relative;background:#000;cursor: pointer; width: 50px; height:50px;border-radius: 5px;}

/*ボタン内側*/
.openbtn1 span{display: inline-block;transition: all .4s; position: absolute; left: 14px; height: 5px; border-radius: 2px;background: #fff;width: 45%;  }
.openbtn1 span:nth-of-type(1) {  top:13px; }
.openbtn1 span:nth-of-type(2) {  top:23px;}
.openbtn1 span:nth-of-type(3) {  top:33px;}
.openbtn1.active span:nth-of-type(1) {  top: 18px; left: 15px; transform: translateY(6px) rotate(-45deg); width: 50%;}
.openbtn1.active span:nth-of-type(2) { opacity: 0;/*真ん中の線は透過*/}
.openbtn1.active span:nth-of-type(3){top: 30px;left: 15px;transform: translateY(-6px) rotate(45deg);width: 50%;}
	
	.sp_footer {display: block!important;	}
	.pc_footer {display: none!important;	}

	/*----------------------------------------
	共通パーツ
	--------------------------------------- */
	.btn{}
	
	h3.item_ttl {     display: block;    position: relative; font-size: 24px;margin: 0 auto; padding: 0 10px 5px;}
h3.item_ttl.business_cate {  display: block; position: relative;  font-size: 24px; width: 360px;
	margin: 0 auto;  padding-bottom: 5px;  font-weight: bold;   box-sizing:border-box; }
	

	h3.item_ttl::before{ content: "";margin-right: 10px; padding: 6px 2.5px; height: 24px; box-sizing: border-box;
    position: absolute;}
		.item_ttl.normal::before{ content:"";margin-right: 10px; padding:2.5px; }
	.item_ttl.normal { display: block;border-bottom: 1px solid #000; padding-bottom: 5px;  position: relative;  font-size: 24px;  padding-bottom: 10px;}
	h3.item_ttl.products-4324_cat.business_cate {
    margin: 50px auto 0;
}
	.service_item p.btn_business{    position: absolute; margin: 0;  bottom: 24px;  right: 24px;}
	
	.contact_type.contact_area {  width: 360px;  margin: 0 auto;}
	
	table.type02{width:100%;}
	table.type02 th, table.type02 td{ padding:12px 5px;}
	table.type02 th{ width:30%;}

	.ttl1 .tx1{ font-size:28px; line-height:1.4; padding:0 30px; }
	.ttl1 .tx2{ font-size:12px; margin-top:0;}
	.ttl2{ padding:12px 8px; margin-bottom:20px;}
	.ttl2 .tx{ font-size:18px;}
	.label_ttl{ font-size:16px; padding:10px 25px;}
	.catch{ font-size:20px;}
	.container.clearfix{width:360px;}
	.contents{ margin-bottom:50px;}
	.contact .contents{padding: 20px 0 0}
	.cont_block{ width:360px; margin:0 auto 50px;}
	.business_block .ttl1{ margin-bottom:0px;padding:0;}
	
	.page_title{ height:200px; overflow:hidden;}
	.page_title .tx_area{ }
	.page_title .tx_area .inner{ line-height:1.4; }
	.page_title .ttl{ font-size:36px;}
	.page_title .line {width: 300px;}
	.page_title .image { width: 100%; height: 400px; object-fit: cover;}
	.page_title .tx2 {font-size: 12px;}
	/* あとで*/
		.page_title.largetype{ height:auto; padding:20px 8px;}
		.page_title.largetype .tx_area .inner{ height:auto; padding:0;}
		.page_title.largetype .desc{ margin-top:12px; line-height:1.4; font-size:12px;}
		.page_title.largetype .subimage{ display:none;}

	.page_intro{    margin: 20px auto 25px;  width: 360px;}
	.page_intro .desc_tx{ font-size:15px;}

	.alignright,
	.alignleft,
	.aligncenter{ float:none; margin:15px 0; width:100%; height: auto;}
	.sp_360 {
    width: 360px;
    margin: 0 auto;
}

	.sp_imgLeft40{ float:left; margin-right:20px; margin-bottom:15px; width:40%; height:auto;}
	.sp_imgLeft30{ float:left; margin-right:20px; margin-bottom:15px; width:30%; height:auto;}
	.sp_imgRight40{ float:right; margin-left:20px; margin-bottom:15px; width:40%; height:auto;}
	.sp_imgRight30{ float:right; margin-left:20px; margin-bottom:15px; width:30%; height:auto;}

	/*----------------------------------------
	TOP
	--------------------------------------- */
	/* スライド*/
	.top_mainimage{ height:auto; padding-bottom:25px; margin-bottom:5px;}
	.top_mainimage .swiper-slide{ width:100%; margin:0;}
	.top_mainimage .swiper-slide .image_wrap{ width:auto;}
	.top_mainimage .swiper-pagination{ margin-bottom:5px!important;}
	.top_mainimage .swiper-pagination-bullet{ height:8px; width:8px;}

	.top_business { float:none; border-bottom:1px solid #d6d6d6; padding-bottom:10px; margin-bottom:10px; width:auto;}
	.top_business:last-of-type{border-bottom:none;}
	.top_business:hover{ opacity:0.7;}
	.top_business .text_area{ width:70%; height:auto; padding:0 0 0 10px; box-sizing:border-box; float:right;text-align:left;}
	.top_business .text_area{ background-color:#fff!important;}	
	.top_business .text_area.bg_green .ttl{ color:#23ac38;}
	.top_business .text_area.bg_purple .ttl{ color:#9b4998;}
	.top_business .text_area.bg_orange .ttl{ color:#f5a23a;}
	.top_business .text_area.bg_pink .ttl{ color:#d22377;}
	.top_business .text_area.bg_bluegreen .ttl{ color:#25caae;} /* #################### */

	.top_business .text_area .ttl{ font-size:16px; color:#3e3e3e; margin-bottom:10px; height:auto; }
	.top_business .text_area .ttl br{ display:none;}
	.top_business .text_area .desc{ color:#3e3e3e; }
	.top_business .text_area .desc.info{ text-align:left; font-size:12px;}
	.top_business .text_area .desc.line{float:right; font-size:12px; margin-top:0;}
	.top_business .text_area .icon{display:none;}
	.top_business .image_area{ width:30%;}

	
		/* 製品ナビ*/
	.top_products{ margin-bottom:0px; padding-top: 0;}
	.top_products .category{ width:100%; display:block; margin-bottom:0; }

	.triangle {margin: 0 auto;position: relative;}
	.triangle.green::before {border-top: 2.5em solid transparent;border-right: 2.5em solid #23ac38;}
	.triangle.purple::before {border-top: 2.5em solid transparent;border-right: 2.5em solid #9b4998;}
	.triangle.pink::before {border-top: 2.5em solid transparent;border-right: 2.5em solid #d22377;}

	.top_products a.frame{ display:block; width:auto; padding:8px 5px; font-size:14px;} 
	.top_products a.frame br{ display:none;}

	.top_products .products{ display:block;}
	
	.top_products .products ul {  grid-template-columns: repeat(2,163px);}
	.top_products .products ul li.item{box-sizing:border-box;}
	.top_products .products ul li.item span{ font-size:12px; line-height:1.2;}
	.top_products .products ul li.item a{ display: block;  background: #fff; width: 163px; height: 163px; box-sizing: border-box;}
	.top_products .products ul li.item img {height: 163px; width: 163px; object-fit: contain;}
	
	.top_products .products ul li.item img{}
	.top_products .products ul li.item .tx{ display:table-cell;  vertical-align:middle;}
	.top_products .products .bnr{ margin-left:0; margin-top:20px;}
	.triangle .fa{ font-size:15px; bottom:3px; right:5px;}
	.top_products .consumer_bnr_ja{ margin:0; padding:3px;}
	.top_products .consumer_bnr_en{ padding:0 8px;}
	
	.content.products_catnav.series.amenity {
    width: 360px;
    margin: auto;
}

	.top_about{ }
	.top_about ul{ text-align:center;}
	.top_about ul li{ width:auto; height:100px; float:none; margin-right:0; display:inline-block; margin-bottom:10px; display:block; overflow:hidden;}
	.top_about ul li a{}
	.top_about ul li a img{ position:absolute; left:50%; top:50%; margin-top:-90px; margin-left:-162px; max-width:none;}
	.products .item img {  width: 340px;}
	.top_about ul li a .tx_wrap{ width:200px; top:50%; left:50%; margin-left:-100px; margin-top:-15px; font-size:14px;}

	/*----------------------------------------------------------------------------------------------
	ニュース＆トピックス
	----------------------------------------------------------------------------------------------*/
	/* 一覧*/
	.topic_list{ margin-bottom:55px;}
	.topic_list .item{ border-bottom:1px solid #d6d6d6; padding:0; position: relative;}
	.topic_list .item .post_param{ display:block; width:100%; margin-bottom:5px; float:none;}
	.topic_list .item .date{ margin:0 10px 0 5px; font-size:12px; width:auto;}
	.topic_list .item .label.news{ margin:-5px 0 0 0; padding:3px; width:80px;}
	.topic_list .item .ttl{display:block; margin-left:5px;}
	.topic_list .item .tx_area{}
	.topic_list .item a{ text-decoration:none; padding:15px 0; display:block;}
	.topic_list .item .fa{ position:absolute; right:10px; color:#d6d6d6; top:50%; margin-top:-7px;}

	/* 詳細*/
	.news_detail .date{ margin-right:10px;}
	.news_detail .label{ width:80px; padding:3px;}
.news_detail .post_param {width:360px;margin: 0 auto; margin-bottom: 20px;}
	.news_detail h2.tx {width:360px; margin: auto;}
	.news_detail .entry_content {width:360px; margin: auto;}
	.news_detail .postnav {width:360px; margin: auto; margin-top: 20px;}
	.news_detail{padding: 20px 0 0; margin: 0;}
		/*----------------------------------------------------------------------------------------------
		  環境
	----------------------------------------------------------------------------------------------*/

	.environ_item {	display: flex;	background: #fff;	width:100%; flex-direction:column; margin-bottom: 0;}
	.environ_block {padding-top:50px;
	}
	.environ_item .item_body p{	padding: 25px 0;	}
	.environ_item .item_body p.t-center{padding: 0;}
	.environ_item h4{font-size: 16px; padding: 18px 10px;}
	.qualityManage_boxes {
    display: grid;
    grid-template-columns: 360px;
    justify-content: space-around;
    margin: 50px 0;
		gap:10px;
}
	.qualityManage_boxes img {
    width: 360px;
    height: 186px;
    object-fit: cover;
}
	.quality_boxes {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: space-between;
    margin: 25px 0;
}
	
.qualityPro_boxes {
    display: grid;
    grid-template-columns: 178px 178px;
    justify-content: space-around;
    gap: 15px;
}
.qualityPro_boxes img {
    width: 178px;
}

	/*----------------------------------------------------------------------------------------------
	会社概要
	----------------------------------------------------------------------------------------------*/
	.main_company_info {
    display: block;
    gap: 20px;
    border-bottom: 1px solid #000;
    padding-bottom: 25px;
}
	.company_nav{ margin-bottom:30px; padding:15px 0; margin-top:40px;width:360px;}
	.company_nav ul{ margin-top:-10px;}
	.company_nav ul li{ width:48%; height:40px; margin-right:0; margin-top:10px;}
	.company_nav ul li:nth-of-type(2n){float:right;}
	.company_nav ul li a{ padding:20px;}
	.company_nav ul li .nav_img{ width:auto; height:40px;}
	.company_nav ul li .tx{ left:6px; top:12px; font-size:11px;}
	.company_nav .nav_boxes {  display: grid; justify-content: space-evenly; grid-template-columns: 150px 150px;    gap: 0px;
    row-gap: 20px;}
	.company_nav .nav_boxes .itemes {
    width: 150px;
    height: 120px;
    background-color: #fff;
    position: relative;
}
	.company_nav .nav_boxes .itemes .nav_img {
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    height: 120px;
    object-fit: cover;
}

	/* アクセス*/
	.map{ height:300px;}
	.mapapali{ display:inline-block; margin-bottom:20px;}
	.sp_360 {
    width: 360px;
    margin: 20px auto;
}
	iframe.map_img {
    width: 100%;
    height: 270px;
}

	/* グループ会社*/
	.group_company .item{ margin-bottom:20px;}
	.group_company .item:last-of-type{ border:0;}
	.group_company .item .colum01{ width:auto; display:block; padding:0 0 5px 0; font-size:16px;}
	.group_company .item .colum02{ width:auto; display:block; padding:10px 0 0 0px;}

	.group_company .item .colum02 th{width:140px;}
	.group_company .item .colum02 .td_tx{width:220px;}
	.group_company .item .colum03{ width:auto; display:block;}

.group_company th{
    padding: 10px 0
}
	.group_company td{
    padding: 10px 20px;
}
	/* 沿革*/
	table   {
    border-collapse:collapse
}
	.group_company .item .colum02 tr {border: 1px  solid  #000;padding:10px; border-width:1px 0;}
	.group_company .item .colum02 tr:last-of-type{border-bottom:1px  solid  #000;}
	table.history tr th{ width:70px; padding-right:0;}
	table.history tr td:first-of-type{ width:45px;}

	/*----------------------------------------------------------------------------------------------
	よくあるご質問
	----------------------------------------------------------------------------------------------*/
	.faq_list{ padding:0; margin-bottom:20px; margin-top:-10px;}
	.faq_list ul li .q_area{ padding:10px;}
	.faq_list ul li .a_area{ padding-right:5px;}

	/*----------------------------------------------------------------------------------------------
	事業案内
	----------------------------------------------------------------------------------------------*/
	.contents.clearfix.business_page {    grid-template-columns: 100%;padding:0;}
	.business_info{ width:auto; margin-right:0; float:none; margin-bottom:30px;}
	.business_info .business_img{ margin-bottom:10px;}
	.bizbox{ margin:20px 0 0; width:100%;display: grid; grid-template-columns: 360px; justify-content: center;}
	.bizbox.products_list.two-colum .item { width: 360px;}
	.bizbox_table tr {
    display: grid;
    grid-template-columns: 100px 215px;
    justify-content: space-between;
    width: auto;
    margin: 5px 0;
}
	
	.products_catnav  ul { display: grid;grid-template-columns: repeat(2,163px); justify-content: space-between; box-sizing: border-box;width:360px;margin:25px auto 50px;}
	.products_catnav  ul li.item{box-sizing:border-box;}
	.products_catnav  ul li.item span{ font-size:12px; line-height:1.2;}
	.products_catnav  ul li.item a{ display: block;  background: #fff; width: 163px; height: 163px; box-sizing: border-box;}
	.products_catnav  ul li.item img {height: 163px; width: 163px; object-fit: contain;}

	.products_catnav.series .card_box { grid-template-columns: 100%; width: 100%;padding:0;}
	.business_page .service_item {    margin: 20px 0 0;}
	.products_catnav {
    width: 360px;
    margin: auto;
}


	.products_catnav.series .card img {
    width: 100%;
    height: 191px;
    object-fit: cover;
}
	.business_block { background: #F7F7F7;}
	.business_page .service_item p.btn_business { position: absolute;  right: 24px;  bottom: 24px;  }
.business_page .service_item p.btn_business {
    position: absolute;
    right: 24px;
    bottom: 0;
	
}
	.business_page .service_item a {
	text-decoration:none;
	}
	.products_catnav li.item:nth-of-type(2n){ float:right;}
	.products_catnav.series .card {
    padding: 25px;
    margin: 20px 0;
    height: 374px;
    box-sizing: border-box;
}
	.service_item h3{font-size: 24px;    font-weight: 300;   }

	.ftr_contact{ width:auto; padding:10px; margin-bottom:30px;}
	.ftr_contact .contact_area{ padding:15px;}
	.ftr_contact .contact_area .btn .fa{ right:10px;}
	.ftr_contact .contact_area .btn{ padding:10px 30px;}

	.bizbox.vmosflow .fl{ width:auto;}
	.bizbox.vmosflow .bizflow dd{ margin-left:20px;}

	.products_detail .products_list .item{ width:48%; margin-right:0!important;}
	.products_detail .products_list .item:nth-of-type(2n){ float:right;}
	
	.service_item .item_body p{font-size: 15px;}
	.business_page a.btn.btn_sub.btn_opeleat { bottom: 0px; }
	.bizbox.products_list.three-colum .item { margin: 24px 0;}
	.bizbox.products_list.three-colum.clearfix { width: 360px; margin: 30px auto; display: block;}
	
	.bizbox.vmosbg {  width: 360px; background: #f7f1ea; padding: 15px;  border-radius: 5px; box-sizing: border-box;  display: block; margin: 0 auto;}
	.clearfix.bizbox.vmosflow {
    width: 100%;
    /* margin: 30px auto; */
    display: grid;
    grid-template-columns: 360px;
    justify-content: center;
}

	/*----------------------------------------------------------------------------------------------
	製品紹介
	----------------------------------------------------------------------------------------------*/
	.products_ttl{ margin:15px auto;width:360px;}
	.products .products_img{ margin:0 0 15px 0; float:none;}
	.products .contents > a{ display:block; text-align:center;}
	.products .contents .cat{ display:none;}
	.products_info .desc{ margin:0;}
	.products_info a.service_btn.contact { background: #E60014; width: 176px;  padding: 0;  height: 50px;  font-size: 11px;}
	.products_info a.service_btn img { width: 25px; position: absolute; left: 10px; top: 50%;  transform: translateY( -50%);}
	.products_catnav .items_boxs {  margin: 0 0 50px 0; display: grid; grid-template-columns: 162px 162px;  justify-content: space-between;}
	.products_catnav .items_boxs .item {margin: 0 0 20px 0; height: 162px; width: 162px;}
	.products_detail .sub_info .info {  width: 100%;
}

	.file_box {display: grid; justify-content: space-between; grid-template-columns: 176px 176px;}
	.products_detail { width: 360px; margin: auto;}
	.products_detail .file_btn-common a {transition-duration: 0.5s; height: 50px; font-size: 11px; width: 176px; padding: 15px 0;}
	.products_list .item{ width:48.5%; margin-right:0!important; margin-bottom:20px;}
	.products_list .item:nth-of-type(2n){ float:right;}
	.side{ float:none;}
	.main{ float:none; margin-bottom:30px;}
	
	.sidenav a{ text-decoration:none;  border:none; position:relative;}
	.sidenav a .fa{ top:50%; margin-top:-8px;}
	.sidenav > li > ul{ padding-left:15px;}
	.sidenav > li > ul > li{ }
	.sidenav > li > ul > li .dash{ top:50%; margin-top:-10px;}
	
	
	
.title_products {
    height: auto;
    background: #F7F7F7;
    padding: 20px 24px;
    box-sizing: border-box;
    border-bottom: 1px solid #E60012;
    display: block;
    grid-template-columns: 1fr;
    justify-content: space-between;
	margin-top: 40px;}
	.point p.ttl {
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
}
.point_red {
    background: #E60012;
    color: #fff;
    box-sizing: border-box;
    font-size: 16px;
    padding: 2px 14px;
    height: 24px;
    margin:0 0 15px;
    width: 85px;
    line-height: 1;
}
	.point_body {
    display: grid;
}
	.img_products_box {
    gap: 20px;
    order: 2;
		margin:0;
}
	img.products_image {
    width: 170px;
    height: 170px;
    object-fit: cover;
}
.relation_box {  width: 360px;  margin: 0 auto;}
.relation_box .products_list.clearfix {
    width: 100%;
    display: grid;
    grid-template-columns: 160px 160px ;
    justify-content: space-between;
    gap: 25px;
    margin-top: 25px;
}
	

 .relation_box .products_list .item{display:inline-block; position: relative; margin: 0;height: 170px!important;width: 100%;}
	/* コンシューマー*/
	.consumer_list .item{ padding:15px 0; width:auto; float:none; border-left:0!important;}
	.consumer_list .item .thumbnail{ width:40%;}
	.consumer_list .item .text_area{ width:58%;}
	.consumer_list .item .item_ttl{ margin-bottom:10px;}

	/* 詳細*/
	.products_detail .main_info .detail_left{ width:auto; float:none;}
	.products_detail .main_info .detail_right{ width:auto; float:none;}
	.main h3.item_ttl { display: block; border-bottom: 1px solid #000; padding-bottom: 10px; position: relative; font-size: 24px;}
	.main .products_list .item { width: 160px; height: 170px!important;}
	.products_list.clearfix {

    grid-template-columns: 160px 160px ;
}
		.bizbox.products_list.clearfix{ margin:20px 0 0; width:100%;display: grid; grid-template-columns: 360px; justify-content: center;}
	.side .amenity .sidenav li { border-color:#00AD35;}
		.side .amenity details {border-color:#00AD35;}

	.sp_gallerywrap{ display:block;}


	.products_detail .image_area{ margin-bottom:20px;}
	.products_ttl .tx01{ font-size:24px;}
	.products_info .btn_area{ margin-top:20px;}
	.products_detail .main_info .detail_right .products_catch{ font-size:20px; margin-bottom:20px;}
	.products_detail .main_info .detail_left .movie{ margin-bottom:20px;}
	.products_detail .file{
		max-width: 100%;
	}
	
	h3.item_ttl.amenity{border-color: #00AD35;}
	h3.item_ttl.amenity:before{background:#00AD35;}
	
		h3.item_ttl.counter{border-color:  #B400AD}
	h3.item_ttl.counter:before{background: #B400AD;}
	
		h3.item_ttl.consumer{border-color: pink;}
	h3.item_ttl.consumer:before{color: pink;}
	
		h3.item_ttl.care{border-color:#0000AD;}
	h3.item_ttl.care:before{background:#0000AD;}
	
	.main h3.item_ttl {padding-bottom: 10px;}
	
	

	/*----------------------------------------------------------------------------------------------
	問い合わせ
	----------------------------------------------------------------------------------------------*/
	.contact_type .contact_all{ margin-bottom:30px;}
	.contact_type .contact_list li{ width:100%; margin-right:0; margin-bottom:30px; box-sizing:border-box;}
	.contact_type .indent{ padding:0;}
	.contact .inner.clearfix {  width: 360px;  margin: 0 auto;}
	ul.contact_list {    grid-template-columns: 360px;    justify-content: space-around;}
	.contact_type .contact_list li {height: auto; padding-bottom: 100px;}
	p.btn_wrap {  bottom: 23px;  position: absolute;   left: 23px;}
	.contact .btn { width: 312px; height: 68px; padding: 25px 40px;}
	.contact_area p.btn_wrap {
    bottom: 24px;
    width: 316px;
    position: absolute;
    left: 24px;
    margin: 0 auto;
    background: red!important;
}
	.mw_wp_form.mw_wp_form_input {
    padding: 25px;
    width: 360px;
    margin: auto;
    background: #F7F7F7;
}
	
	.contact_form tr,
	.contact_form tr th,
	.contact_form tr td{ display:block; padding-left:0; padding-right:0;}
	.contact_form tr th{ padding-bottom:0; padding-top:15px;}
	.contact_form tr td{ padding:5px 0 15px 10px;}
	.contact_form tr:first-of-type th{ padding-top:0;}

	.contact_form input{ width:350px!important;}
	.contact_form .form_radio_group input{ width:100%!important;}

	.form_desc{ font-size:12px;}
	.form_btn_area .btn{ margin-right:0; margin-bottom:15px;}
	.mwform-radio-field.horizontal-item{ display:inline-block; margin-left:0; margin-right:15px;}
	.mw_wp_form .horizontal-item + .horizontal-item{ margin-left:0!important;}

	/*----------------------------------------------------------------------------------------------
	サイトマップ
	----------------------------------------------------------------------------------------------*/

	.sitemap_list {
    width: 360px;
    margin: 25px auto;
}
	.sitemap_itemes {
    display: grid;
    grid-template-columns: 45% 50%;
    justify-content: space-around;
    margin: 20px 0;
}
	.sitemap_list .page_27 {
    order: 3;
    width: 80vw;
    margin-top: 25px;
}
	.childnav_other {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: space-around;
    margin: 20px 0;
}
	/*----------------------------------------------------------------------------------------------
	採用情報
	----------------------------------------------------------------------------------------------*/
	.wide_btnlist{ margin:30px 0;}
	.wide_btnlist .btn{ width:100%; margin-bottom:15px; margin-right:0;}
	.wide_btnlist .btn:last-of-type{ margin-bottom:0;}
	.voice_list_wrap{ margin-top:30px;}
	.voice_list .item{ width:auto; float:none; margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:20px;}
	.voice_list .item:nth-of-type(2n){ float:none;}
	.voice_list .item:last-of-type{ border-bottom:0; padding-bottom:0;}
	.voice_list .item .ttl{ font-weight:bold; font-size:120%; line-height:1.4; margin-bottom:10px;}
	.voice_list .item .department{ margin-bottom:10px; display:table;}
	.voice_list .item .image {  height: 184px;width:312px; border-radius: 5px;  object-fit: cover;  object-position: center -15px;}
	.voice_list {  display: grid;  grid-template-columns: 360px;  justify-content: space-around;  margin: 25px 0;}

	/*----------------------------------------------------------------------------------------------
	サイトポリシー
	----------------------------------------------------------------------------------------------*/
	.policy_desc{ padding:0; margin-bottom:30px;}
	.policy .item{ margin-bottom:30px;}
	.policy .item .inner{ padding:0;}
	.policy {
    width: 360px;
    margin: auto;
}	
	.policy_desc {
    width: 360px;
    margin: 30px auto;
}	

	/*----------------------------------------------------------------------------------------------
	検索結果
	----------------------------------------------------------------------------------------------*/
	.search_result .item{ padding:20px 0; line-height:1.4;}
	.search_result .item .thumbnail{ width:40%; margin:0;}
	.search_result .item .thumbnail + .tx_area{ float:right; width:55%;}
	.search_result .item .thumbnail img{ max-width:100%;}
	.search_result .item .sub_tx{ font-size:11px; margin-bottom:5px;}
	.search_result .item .ttl{ font-size:16px; margin-bottom:5px;}


}
@media screen and (max-width: 350px){
	.footer .copyright_nav ul li:nth-of-type(3) a{ padding: 5.5px 10px; }
}
/*----------------------------------------------------------------------------------------------
 資料ダウンロード
----------------------------------------------------------------------------------------------*/
#out_product {
    padding-top: 250px;
    margin-top: -250px;
}
#out_product  .page_intro{
	padding: 50px 0px;
}
.document summary::-webkit-details-marker {  display: none;}
.document details { box-sizing: border-box;border:solid 1px #000; border-width: 1px 0px 1px 0; background: rgba(0,0,0,0);padding:0;}
.document details[open]  {border-bottom:none;}

.document summary {position: relative; font-size: 16px; text-align: left;font-weight: bold;display: block;
	padding: 15px 24px;border-bottom: none;}
.document details[open] summary {border-bottom:1px solid #000;}
.document details summary::after { content: "▼"; color: #000; font-size: 5px; float: right; position: relative;text-align: center;padding: 5px 0 0 0; width: 24px; height: 19px;border-radius: 30px;}
.document[open] summary::after {  content: "▲"; padding: 4px 0 0;}
.document details summary.before_none::after {
    content: " ";
display:none;
}

.document .ameni .download {display: none;}
.document .ameni h3 {display: none;}
.document .download{
	padding: 0 ;
	margin:20px 0 60px;
}
.document .download_table {
	width: 100%;
	border-collapse: collapse;
}
#out_product table.download_table {
    background: #F7F7F7;
}
.document .download_table tr{
	border-bottom: 1px solid #000;
}
.document .download_table tr th,
.document .download_table tr td{
	box-sizing: border-box;
	font-weight: 500;
	vertical-align: middle;
}
.document .download_table tr th{
	background-color: #f8f8f8;
	padding: 17px 10px;
	text-align: center;
}
th.download_name {
    width: 425px;
}
.document .download_table tr th:not(:first-child){
border-left:1px solid #BFBFBF;
}
.document .download_table tr td:not(:first-child){
border-left:1px solid #BFBFBF;
}
.document .download_table tr td{
	padding: 15px 15px;
}
.document .download_table tr td.download_name{
	font-weight: 500;
}
.document .download_table tr td.download_name a{
 text-decoration:none;
}
.document .download_table tr td img{
	max-width: 100%;
}
.document .download_img{
	width: 160px;
	text-align: center;
}
.document .download_manual{
	width: 155px;
	text-align: center;
}
.document .download_qa{
	width: 140px;
	text-align: center;
}

.document .download_link{
	display: inline-block;
	line-height: 0;
	transition-duration: 0.5s;
}
.document .download_link:hover{
	opacity: 0.6;
}
.document .download_icon{
	width: 30px;
}
.document .download + .ttl2{
	margin-top: 60px;
}
@media screen and (max-width: 680px){
	.document .download{    padding: 0; width: 360px;    margin: 20px auto;overflow-y: hidden;
	}
	.document .download_table {
	width: 850px;
	border-collapse: collapse;
}
	.document .download_table tr th,
	.document .download_table tr td{
		font-size: 85.71%;
	}
	.document .download_table tr th{
		padding: 12px 5px;
	}
	.document .download_table tr td{
		padding: 15px 5px;
	}
	.document .download_manual{
		width: 170px;
	}
}
.atention_span{
	color: red;
}
/*------------------------------------------------------
  各種問い合わせ
--------------------------------------------------------*/
a.service_btn{
	margin: 15px auto 0;
	width: 160px;
	height: 40px;
	background: #F78A3A;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	line-height: 1.3;
}
a.service_btn.contact{
	background: #E60014;
}
a.service_btn img {width: 22px; height: auto; }
a.service_btn span.moji {margin-left: 8px; text-align: left;}
a.service_btn::after {
	position: absolute;
	content: "";
	border-left: 5px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	top: 50%;
	right: 5px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%); }
.serviceLink_list li:nth-child(2) a.service_btn{background: #00AD35; }
.serviceLink_list li:nth-child(3) a.service_btn{background: #E60014; }
.nav a.service_btn{margin: 10px 0 0 8px;}
.link_box{display: flex; justify-content: space-between; line-height: 1.3;}
.link_box a.service_btn:nth-child(2){background: #00AD35; }
.link_box a.service_btn:nth-child(3){background: #E60014; }

a.service_btn.contact{background: #E60014;width:200px; }

.action_box a.service_btn:nth-child(2){background: #00AD35; }
.action_box a.service_btn:nth-child(3){background: #E60014; }

@media screen and (max-width: 680px){
	a.service_btn{width: 280px; height: 72px; font-size: 18px;}
	a.service_btn img {width: 30px; height: auto; }
	a.service_btn span.moji {margin-left: 18px; }
	a.service_btn::after{border-left: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; right: 13px;}
	.sp_none{display: none;}
}

/*header css 23.4.1*/	
.nav ul li a{padding: 0 10px;}	
.link_box a.service_btn:nth-child(1){width: 140px;}	
.link_box a.service_btn:nth-child(3){width: 130px;}	
.link_box a.service_btn:nth-child(4){background: #28a7e1; width: 190px;}	
/* header category__links */	
.menu-item .category__links {	
display: none; /* デフォルトでは非表示 */	
position: absolute;	
width: 100%; /* 必要に応じて調整 */	
z-index: 10; /* 上位に表示 */	
left: 0;	
padding-top: 25px;	
}	
.menu-item:hover .category__links {	
display: block; /* ホバー時に表示 */	
}	
.category__links-box{	
position: relative;	
background-color: #F5F5F5;	
padding: 5px 15px 0px !important;	
display: grid;	
grid-template-columns: repeat(5, 1fr);	
}	
.category__links-box::before{	
position: absolute;	
content: "";	
top: -15px;	
left: 6.25%; /* 中央に配置 */	
width: 0;	
height: 0;	
border-style: solid;	
border-width: 0 10px 20px 10px; /* 下向きの三角形 */	
border-color: transparent transparent #F5F5F5 transparent; /* 下の境界線の色を黒に設定 */	
transform: translateX(-50%); /* X軸に沿って中央に移動 */	
}	
.category__links-box::after{	
position: absolute;	
content: "";	
bottom: 0;	
left: 0;	
width: 100%;	
height: 1.5px;	
background-color: #F5F5F5;	
z-index: 1;	
}	
.menu-item_cat:nth-child(2) .category__links-box::before{	
left: 20%;	
}	
.menu-item_cat:nth-child(3) .category__links-box::before{	
left: 34.5%;	
}	
.category__links-item {	
border-bottom: 1px solid #D0D0D0;	
padding: 10px 0!important;	
}	
.category__links-link::after{	
content: '▶︎';	
position: absolute;	
right: 0px;	
font-size: 7px;	
padding: 5px;	
color: #000;	
top: 50%;	
transform: translateY(-50%);	
}	
.menu-item_cat a.category__links-link{	
width: fit-content;	
opacity: 1;	
padding: 0 25px 0px 10px!important;	
display: flex !important;	
align-items: center;	
gap: 10px;	
position: relative;	
z-index: 0;	
}	
.category__links-link:hover{	
opacity: 0.6;	
}	
.menu-item a .category__links-image img{	
width: 45px;	
height: 45px;	
object-fit: contain;	
}	
.category__links-text{	
font-size: 12px;	
font-weight: 500;	
text-align: left;	
}