.wd1520{width:1520px;margin:0 auto;}
.wd1200{width:1200px;margin:0 auto;}
.hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

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

.m_cover {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}

.m_accordion {
  width: 250px;
  height: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  right: -250px;
  z-index: 100001;
  opacity: 1;
  overflow-y:auto;padding:0;
}

.m_accordion div {
  width: 100%;
}
.m_accordion h3{margin:0;}
.m_accordion h3 a {
  border-bottom: 1px solid #ddd;
  width: 100%;padding: 20px;
  font-size: 18px;
  color: #333;
  display: block;
  box-sizing:border-box;
}

.m_accordion h3.ui-state-focus a{color:#f8a600;}

.m_accordion div ul{padding:0;margin:0;}
.m_accordion div ul li a {
  display: block;
  color: #333;
  font-size: 16px;
  padding: 20px 30px;text-align:left;
  line-height: 1.3;
  background: #fff;
  border-bottom: 1px solid #ddd;
}

/* .m_accordion div .commu-m{list-style: none;padding-left:0;width:100%;margin:0; overflow:hidden} */
.m_accordion div .commu-m{display:flex;list-style: none;padding-left:0;width:100%;margin:0; overflow:hidden; flex-wrap: wrap;justify-content:right;align-items:center;}
/* .m_accordion div .commu-m li{float:left;font-size:11px;width:23.33%;font-weight:bold;margin:s;} */
/* 2025-06-20 09:20:22 */
.m_accordion div .commu-m li{font-size:11px;width:23.33%;font-weight:bold;margin:s;}
.m_accordion div .commu-m li a{font:inherit;display:block; color:#fff;width: 100%; background:#666; margin:0;text-align: center;padding:1em 0;}
.m_accordion div .commu-m li:nth-of-type(1) a{background: #00c300;}
.m_accordion div .commu-m li:nth-of-type(2) a{background:#333;/*linear-gradient(#833ab4,#fd1d1d,#fcb045);*/}
.m_accordion div .commu-m li:nth-of-type(3) a{background: #f8a600;}

.header-bg{content:''; height:17.6rem;width:100%;position:absolute;top:0;left:0;display:block;z-index:999;background:url('../images/hdshadow.png') repeat-x 0 0;}
.header{position:fixed; z-index:9999;top:0; width:100%; left:0; height:10rem;}
.header.bgwht{background:#fff;transition: all ease 0.3s;}
.header div{display:flex;justify-content: space-between;align-items:center;height:100%;}

.header div h1{width:20.2rem; height:5.3rem;background:url('../images/logo_2025.png') no-repeat 0 0 / contain;}
.header.bgwht div h1{width:20.2rem; height:5.3rem;background:url('../images/logo-col_2025.png') no-repeat 0 0 / contain;}
.header div h1 a{width:100%; display:block;height: 100%;}
.header div ul{list-style:none;padding:0; margin:0;}
.header div ul li{display:inline-block;padding:0;}

.header div ul.gnb{width:55vw;text-align:center;}
.header div ul.gnb li{margin:5%;text-align:center;}
.header div ul.gnb li a{color:#fff;font-weight:bold;font-size: 2rem;;}
.header div ul.commu li{margin-left:1.5rem;}

.header.bgwht div ul.gnb li a{color:#222;}

.header .mmenu{display:none;}
.header .mmenu a img{height:4rem;}

.main-visual{height:100vh;}
.main-visual #mainSlider,.main-visual .viewport{height: 100% !important;}
.main-visual #mainSlider div{height:100vh !important;position:relative;}
.main-visual #mainSlider div p{margin:0;text-align:center; word-break:keep-all;line-height:1.8;width:80%;position:absolute; transform: translate(-50%,-50%);top:50%;left:50%;font-size:4rem; font-weight:300;color:#fff;}
.main-visual #mainSlider div p b{font-size:2em;color:#fff;line-height:1.3;}
.main-visual #mainSlider div p b span{font-weight:300;line-height:1.3;}


.m01 h2{text-align:center;font-size: 3.4rem;}
.product-slide{padding:0 3.4rem;box-sizing: border-box;}
.product-slide #mainProSlider div{border:1px solid #ddd;text-align:center;aspect-ratio: 13/16;}
.product-slide #mainProSlider div a{transition: all ease-out 0.5s;display:block; width:100%; height:100%;}
.product-slide #mainProSlider div a h4{color:#000;font-size:2rem;padding-top: 1.6em;margin:0;}
.product-slide #mainProSlider div a span{display:none;font-size:1.4rem;color:#fff;font-weight:bold;margin-top:130px;}
.product-slide #mainProSlider div:hover a{background:rgba(0,0,0,0.6);}
.product-slide #mainProSlider div:hover a h4{color:#ffc954;}
.product-slide #mainProSlider div:hover a span{display:block;}
.product-slide .bx-controls.bx-has-controls-direction div a{width: 4.8rem;height: 4.8rem;}
.product-slide .bx-controls.bx-has-controls-direction div a.bx-prev{background: url('../images/arrow-round-l.png') no-repeat 0 0 / contain;left:-8.2rem;}
.product-slide .bx-controls.bx-has-controls-direction div a.bx-next{background: url('../images/arrow-round-r.png') no-repeat 0 0 / contain;right:-8.2rem;}


.m02{background:url('../images/m02-bg.png') no-repeat center center / cover;padding:10rem 0 8rem;font-size:1.6rem;overflow:hidden;}

.m02 .wd1200 > div{float: right;width:620px; max-width:100%;color:#fff;}
.m02 .wd1200 div h3{color:#fff;font-size:4.2rem;margin:0;margin-bottom:0.5em;letter-spacing: 0;}
.m02 .wd1200 div .contact-serve{border-top:2px solid rgba(0,0,0,0.2);border-bottom: 2px solid rgba(0,0,0,0.2);padding:1.5em 0;}
.m02 .wd1200 div .contact-serve input, .m02 .wd1200 div .contact-serve select, .m02 .wd1200 div .contact-serve textarea{color:#333;}

.m02 .wd1200 div .contact-serve .contact-serve-one{padding-left:20%;position:relative;}
.m02 .wd1200 div .contact-serve .contact-serve-one ~ .contact-serve-one{margin-top:1em;}
.m02 .wd1200 div .contact-serve .contact-serve-one label{position:absolute; left:0;font-size:1.25em; font-weight:bold;width:16%; text-align: right;top:50%; transform:translateY(-50%);}
.m02 .wd1200 div .contact-serve .contact-serve-one div{display: flex;align-items: center;gap:5px;}
.m02 .wd1200 div .contact-serve .contact-serve-one div input[type="text"],.m02 .wd1200 div .contact-serve .contact-serve-one div select{width:100%;}

.m02 .wd1200 div .contact-serve .contact-serve-one div textarea{height:6em;}
.m02 .wd1200 div .contact-serve .contact-serve-one div.center{justify-content: center;gap:1.5em;}
.m02 .wd1200 div .contact-serve .contact-serve-one div.center p{margin:0;}
.m02 .wd1200 div p a{color:#fff;font-weight:bold;display:inline-block;}

.m02 .wd1200 div button{border:0;background:#f8a600;font-weight:bold;width:12em;font-size:1.25em;padding:0.7em 0;}

.m03{padding:2rem 0;background:#f8a600;display:flex;justify-content:center;align-items:center;gap:2.5%;}
.m03 img{filter: brightness(0) invert(1);max-width:12%;}

.no-top .top{display:none;}
.top{position:fixed;width:4.2em;background:rgb(103, 218, 196);z-index:9;font-size:16px;right:0rem;bottom:24.2rem;color:#fff; font-weight:bold; text-align:center; height:4.2em;box-sizing:border-box;padding-top:0.5em;}


.footer{padding: 5rem calc(20% + 8rem + 2.8rem) 5rem 8rem;background: #383f3e;position:relative;font-size:1.6rem;}
.footer ul{list-style: none;padding:0;}
.footer ul li{display:inline-block;line-height:1;}
.footer ul li ~ li{border-left:1px solid #666;margin-left:1em; padding-left:1em;}
.footer ul li a {color:#c9c9c9;}
.footer address{font-style: normal;color:#c9c9c9;}
.footer address p{margin:0;display:inline-block;margin-right:1em;}
.footer > p{margin:0;color:#939393;}

.footer .callcenter{position:absolute; width:20%;border:1px solid #606565;border-radius:8px;right:8rem;top:5rem;text-align: center;padding:1.4rem;}
.footer .callcenter h6{margin:0;color:#67dac4;font-size:2.4rem;}
.footer .callcenter a{font-size: 4rem;font-weight: bold;color:#fff;}
.footer .callcenter span{font-size:0.9em;color:#afb0b0;}