@charset "utf-8";

/*---------------------------------------------
	下層共通
---------------------------------------------*/
.tac-all {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}


#under-content {}

/* 
#under-content p{
font-size:15px;
line-height:1.6;
} */

.in-box01 {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.in-box02 {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.in-box03 {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.pk {
  margin: 10px auto 55px;
}

.pk li {
  display: inline-block;
}

.pk li:after {
  content: "〉";
  margin-left: 1em;
}

.pk li:last-child:after {
  content: "";
  margin-left: 0;
}

.under-ttl {
  width: 100%;
  margin-top: 70px;
  height: auto;
  position: relative;
}

.under-ttl h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 5px;
  line-height: 1.01;
  position: absolute;
  z-index: 20;
  top: 45%;
  left: 60px;
}

.mx-img {
  max-width: 100% !important;
  width:auto !important;
  height: auto !important;
}

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

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

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

.al-item01 {
  align-items: flex-end
}

.c-type01 {
  justify-content: space-between;
}

.c-type02 {
  justify-content: space-around;
}

.c-type03 {
  justify-content: flex-start;
}

.c-type04 {
  justify-content: center;
}

.con2 {
  width: 47%;
  margin-bottom: 40px;
}

.con3 {
  width: 31%;
  margin-bottom: 40px;
}

.c-type03 .con3 {
  margin-right: 3.5%;
}

.c-type03 .con3:nth-of-type(3n) {
  margin-right: 0;
}


.h-type01 {
  font-weight: 700;
  font-size: 36px;
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
  color: #10308e;
}

.h-type01:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #10308e;
  border-radius: 2px;
}

.h-type02 {
  font-weight: 700;
  font-size: 20px;
}

.btn01 {
  display: inline-block;
}

.btn01 a {
  display: block;
  font-size: 16px;
  padding: 0.3em 1.5em;
  color: #fff !important;
  background-color: #10308e;
}

.btn01 a:hover {
  background-color: #3636e3;
}

.bg-color01 {
/*   background: #f4f4f4; */
  background: #e8e7e7;
}

.business-p01{font-size:16px !important;line-height:1.8;}

.business-p01 a{
color:#000099;
text-decoration:underline;
}

/*---------------------------------------------
	共通 TAB
---------------------------------------------*/
@media screen and (max-width: 768px) {
  #under-content {}

  #under-content header nav ul li a {
    color: #fff !important;
  }


  .in-box01,
  .in-box02,
  .in-box03{
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

}


/*---------------------------------------------
	共通 SP
---------------------------------------------*/
@media screen and (max-width: 767px) {

  .under-ttl {
    margin-top: 60px;
  }

  .under-ttl h2 {
    font-size: 20px;
    letter-spacing: 1px;
    left: 20px;
  }

  /* 
#under-content p{
font-size:14px;
line-height:1.6;
}
 */
  .pk {
    margin: 10px 0 30px 0;
    font-size: 90%;
  }

  .h-type01 {
    font-size: 22px;
  }

  .h-type02 {
    font-size: 18px;
    line-height: 1.5;
  }

  .con2 {
    width: 100%;
    margin-bottom: 40px;
  }

  .con3 {
    width: 48%;
    margin-bottom: 40px;
  }

  .c-type03 .con3 {
    margin-right: 4%;
  }

  .c-type03 .con3:nth-of-type(3n) {
    margin-right: 4%;
  }

  .c-type03 .con3:nth-of-type(2n) {
    margin-right: 0 !important;
  }

  .btn01 a {
    font-size: 14px;
  }

}

/*---------------------------------------------
	施設・設備
---------------------------------------------*/

.con4_factory{
width:23%;
margin-bottom:50px;
text-align:center;
}

.c-type03 .con4_factory{
margin-right:2.6%;
}

.c-type03 .con4_factory:nth-of-type(4n) {
margin-right:0;
}

.con3_factory{
width:32%;
margin-bottom:50px;
text-align:center;
}

.c-type03 .con3_factory{
margin-right:2%;
}

.c-type03 .con3_factory:nth-of-type(3n) {
margin-right:0;
}


.p-type01{
font-size:18px !important;
line-height:1.8 !important;
}

.left-1{width:100%; margin-bottom:15px;}
.right-1{width:100%;}


.con4_factory .btn01 a{
font-size:13px !important;
}

.machine-h01{font-size:14px;}

/*---------------------------------------------
	設備 SP
---------------------------------------------*/
@media screen and (max-width: 767px) {
.con4_factory{
width:48%;
}

.c-type03 .con4_factory{
margin-right:4%;
}

.c-type03 .con4_factory:nth-of-type(2n) {
margin-right:0;
}

.con3_factory{
width:48%;
}

.c-type03 .con3_factory{
margin-right:4%;
}

.c-type03 .con3_factory:nth-of-type(3n) {
margin-right:4%;
}

.c-type03 .con3_factory:nth-of-type(2n) {
margin-right:0;
}


.machine-h01{font-size:13px;}

.left-1{width:100%; margin-bottom:15px;}
.right-1{width:100%;}

.p-type01{
font-size:15px !important;
line-height:1.8 !important;
}

}


/*---------------------------------------------
	colorbox
---------------------------------------------*/
.machine-box{
padding:15px 15px 0px 15px;
}

.machine-box h3{
margin-top:15px;
border-left:solid 8px #072058;
font-size:22px;
padding-left:10px;
margin-bottom:10px;
}

.machine-maker{
width:100%;
}

.maker-in{
margin-bottom:10px;
}

.maker-ttl{
margin-right:10px;
}

.maker-ttl span{
display:block;
line-height:1.0;
padding:0.5em 0;
width:5em;
text-align:center;
background:#2484d3;
color:#fff;
font-size:13px;
}

.maker-name{
font-size:18px;
margin-top:-4px;
}

.machine-info{
width:100%;
font-size:14px;
margin-top:8px;
}

.inline-gallery-wrap{
padding:20px 30px 0px 30px;
}

.gallery-h01{
font-size:22px;
color:#0c1d71;
}

.office-info{
margin-top:5px;
}

/*---------------------------------------------
	colorbox SP
---------------------------------------------*/
@media screen and (max-width: 767px) {
.machine-box h3{
font-size:17px;
}

.machine-info,
.machine-maker{
width:100%;
}

.machine-maker{
margin-bottom:8px;
padding-bottom:8px;
border-bottom:solid 1px #ccc;
}

.maker-name{
font-size:14px;
margin-top:-1px;
}

.inline-gallery-wrap{
padding:10px 15px 0px 15px;
}

.gallery-h01{
font-size:19px;
}

}



/*---------------------------------------------
	ダクト工事
---------------------------------------------*/
.sp-view{
  display: none ;
}

.pc-view{
  display: block;
}

.under-ttl span{
font-size: 24px;
line-height: 70px;
}
.flow-p01{
font-size: 17px !important;
line-height: 1.9 !important;
}
.con4{
width:48%;
}

.h-type03{
font-weight:700;
font-size:36px;
position: relative;
display: inline-block;
margin-bottom: 1em;
color:#333;
}

.h-type03:before{
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 60px;
height: 5px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color:#10308e;
border-radius: 2px;
}

.h-type04{
font-weight:700;
font-size:30px;
color: #10308e;
}

.con5{
width:28%;
}

.c-type03 .con5{
margin-right:1.5%;
}

.h-type05{
font-size:18px;
margin-bottom: -10px;
}

.h-type05 div{
font-size:45px;
font-weight: 700;
margin-right: 15px;
}

.h-type05 h4{
padding: 26px 0;
}

.flow-mk{
width: 30px;
height: 33px;
margin-top: 155px;
margin-right:1.5%;
}

.flow-mk:nth-child(3n){
margin-right: 0;
}

.flow-last{
display: flex;
}

.flow-last dd{
width: 28%;
}

.flow-box01{
width: 630px;
padding: 1.5%;
box-sizing: border-box;
border: 1px solid #10308e;
line-height: 1.6;
font-size: 90%;
}

.flow-box01 div{
font-size: 20px;
font-weight: 700;
}

.flow-box01 p{
margin-bottom: 0;
}

.under-ttl .under-ttl-sub{
  top: 35%;
}

/*---------------------------------------------
	ダクト工事  SP
---------------------------------------------*/
@media screen and (max-width: 767px) {

.sp-view{
display: inline-block;
}

.pc-view{
display: none;
}

.under-ttl span{
font-size: 18px;
line-height: 40px;
}
.under-ttl .under-ttl-sub{
  top: 25%;
}

.flow-p01{
font-size: 14px !important;
line-height: 1.6 !important;
}

.con4{
width:100%;
}

.con4 img{
  margin-bottom: 20px;
}
.h-type03{
  font-size: 24px;
}

.h-type04{
font-size:24px;
}

.h-type05{
margin-bottom: 0;
}
  
.h-type05 div{
font-size:35px;
margin-right: 15px;
}

.h-type05 h4{
padding: 15px 0;
}

.con5{
width: 100%;
}

.con5 dl{
  display: flex;
  justify-content: space-between;
}
.con5 dt{
  width: 45%;
}

.con5 dd{
  width: 50%;
}
.flow-last{
  justify-content: space-between;
}
.flow-last dt{
  width: 45%;
}

.flow-last dd{
  width: 50%;
}

.c-type03 .con5{
margin-right: 0;
}

.flow-mk{
width: 33px;
height: 33px;
margin: 5px auto 0;
}

.flow-mk:nth-child(3n){
margin: 5px auto 0;
}

.flow-box01{
max-width: 300px;
padding: 5% 4%;
}

.flow-box01 div{
font-size: 18px;
}

.flow-box01 p{
margin-bottom: 0;
}
}
/*---------------------------------------------
	ダクトの製造・販売
---------------------------------------------*/
.con6{
  width: 31.5%;
}
.manufacturing_facility{
background: url(../img/business/manufac_bg.png) no-repeat #e0eaf3 right top;
background-size: auto 100%;
padding: 4% 0 4%;
}

.manufacturing_facility>div {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
}
.manufacturing_facility>div>div {
	width: 550px;
	background: #ffffffc7;
	box-sizing: border-box;
	padding: 2% 3%;
}
/*---------------------------------------------
	ダクトの製造・販売  SP
---------------------------------------------*/
@media screen and (max-width: 767px) {
.con6{
width: 100%;
margin-bottom: 30px;
}

.con6 .btn_tri.btn_small{
font-size: 14px;
padding: 7px 35px;
}

.manufacturing_facility{
background-size: auto 50%;
padding:110px 0 5%;
}

.manufacturing_facility .h-type04{
  margin-bottom: 10px;
}

.manufacturing_facility>div{
width: 90%;
margin: 0 auto;
}
.manufacturing_facility>div>div {
width: auto;
padding: 5%;
}
.manufacturing_facility .tac{
text-align: center;
}
}

/*---------------------------------------------
	研修センター
---------------------------------------------*/
.h-type03 span:first-child{
  display: block;
  font-size: 19px;
}
.h-type06{
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}

.training-p01{
  font-size: 18px !important;
  line-height: 1.8 !important;
}

.training-box01{
  width: 740px;
  margin: 0 auto 30px;
}
.training-box01 p{
  line-height: 1.9 !important ;
}

.training-box02{
  border: 1px solid #10308E;
  padding: 40px;
}
.q-box{
position:relative;
margin-bottom:24px;
margin-top: 30px;
}

.q-box:first-child{
margin-top: 0;
}

.q-txt{
font-size:25px !important;
font-weight:700;
background:#ff0000 !important;
color:#fff;
line-height:1.5 !important;
padding: 0 3px 5px 3px;
width:1.7em;
text-align:center;
}

.a-txt{
font-size:25px !important;
font-weight:700;
background:#0000FF;
color:#fff;
line-height:1.5 !important;
padding: 0 3px 5px 3px;
width:1.7em;
text-align:center;
}

.q-bun{
color:#333;
font-size: 18px !important;
font-weight:700;
margin-left: 4em;
margin-right:50px;
padding-top: 5px;
}

.a-box{
position:relative;
background:#EAEFF6;
padding:15px;
}

.a-bun p{
margin-left:4em !important;
padding-top: 10px;
margin-bottom: 10px !important;
}

.a-txt{
position:absolute;
top:19px;
left:10px;
}

.q-txt{
position:absolute;
top:0px;
left:0px;
}

.h-type07{
font-size: 22px;
font-weight: 700;
line-height: 1;
}

.con6 dt {
display: inline-block;
width: 100px;
margin-right: 10px;
padding: 2px 0;
text-align: center;
background: #103087;
color: #fff !important;
}

.training-box03{
width: 31.5%;
text-align: center;
background: #ffffffc7;
box-sizing: border-box;
padding: 2% 3%;
}
.training-box03>div{
text-align: center;
}
.training-box03 dt{
font-size: 22px;
font-weight: 700;
color:#10308B;
}

/*---------------------------------------------
研修センター SP
---------------------------------------------*/
@media screen and (max-width: 767px) {

.h-type03 span:first-child{
font-size: 15px;
}
.h-type06{
font-size: 18px;
}

.training-p01{
font-size: 14px !important;
line-height: 1.6 !important;
}

.training-box01{
margin-bottom: 20px;
}

.training-box01 p{
line-height: 1.6 !important;
}

.training-box02{
padding: 5%;
}

.q-box{
margin-bottom:10px;
margin-top: 20px;
}

.q-txt{
font-size:20px !important;
padding: 0 3px 5px 3px;
width:1.7em;
}

.a-txt{
font-size:20px !important;
padding: 0 3px 5px 3px;
width:1.7em;
}

.q-bun{
font-size: 15px !important;
margin-left: 3em;
margin-right:5px;
padding-top: 3px;
}

.a-bun p{
margin-left:3em !important;
padding-top: 5px;
margin-bottom: 5px !important;
}

.h-type07{
font-size: 18px;
line-height: 1.8;
}

.training-box03{
width: 100%;
padding: 7% 0;
}

.training-box03 dt{
font-size: 22px;
font-weight: 700;
color:#10308B;
}

}


/*
-----------------------------------------------
よくあるご質問
----------------------------------------------- */

.acco-wrap #faq-bg{
background-image:url(../img/ttl_bg05.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}

.acco-wrap #faq-ttl:before{
  content: '';/*何も入れない*/
  display: block;/*忘れずに！*/
  width: 65px;/*画像の幅*/
  height: 65px;/*画像の高さ*/
  background-image: url(../img/kaso_ic05.png);
  background-repeat:no-repeat;
  background-size: contain;
  vertical-align: middle;
  position:absolute;
  left:-75px;
  top:4px;
}

.acco-wrap .faq-box{
border-radius:10px;
padding:20px;
border:solid 1px #113e66;
margin-bottom:60px;
}

.acco-wrap .q-txt{
font-size:20px;
font-weight:500;
background:#ff0000 !important;
color:#fff;
line-height:1.0 !important;
padding:6px 0px 8px 0;
width:1.7em;
text-align:center;
}

.acco-wrap .a-txt{
font-size:20px;
font-weight:500;
background:#4876ad;
color:#fff;
line-height:1.0 !important;
padding:6px 0px;
padding:6px 0px 8px 0;
width:1.7em;
text-align:center;
}

.acco-wrap .a-box{
position:relative;
background:#efeae4;
padding:10px;
}

.acco-wrap .a-bun p{
margin-left:4em !important;
margin-bottom:10px;
}

.acco-wrap .a-txt{
position:absolute;
top:10px;
left:10px;
}

.acco-wrap .q-box{
position:relative;
margin-bottom:24px;
}

.acco-wrap .q-txt{
position:absolute;
top:0px;
left:0px;
}

.acco-wrap .q-bun{
color:#333;
font-weight:700;
margin-left:3em;
margin-right:50px;
font-size:18px;
}



.acco-wrap .accordion-container {
  position: relative;
  cursor: pointer;
  margin-bottom:40px !important;
}

.acco-wrap .accordion-container .article-title {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.acco-wrap .accordion-container .article-title:hover,
.acco-wrap .accordion-container .article-title:active,
.acco-wrap .accordion-container .content-entry.open .article-title {
text-decoration:underline;
}

.acco-wrap .accordion-container .article-title:hover i:before,
.acco-wrap .accordion-container .article-title:hover i:active,
.acco-wrap .accordion-container .content-entry.open i {
  color: #ccc;
}

.acco-wrap .article-title{
  position: relative;
}

.acco-wrap .article-title:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.acco-wrap .article-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.acco-wrap .accordion-content {
  display: none;
  padding-left: 0;
}

.acco-wrap #accordion{
margin-bottom:20px;
}

.acco-wrap .faq-h{
font-size:22px;
font-weight:700;
padding-bottom:10px;
margin-bottom:30px;
border-bottom:dotted 1px #999;
}


.acco-wrap .q-bun:hover{
color:#ff0000;
text-decoration:none !important;
}


/*
-----------------------------------------------
FAQ　SP
----------------------------------------------- */
@media screen and (max-width: 767px) {

.acco-wrap #faq-ttl:before{
  content: '';/*何も入れない*/
  display: block;/*忘れずに！*/
  width:45px;/*画像の幅*/
  height:45px;/*画像の高さ*/
  background-size: contain;
  vertical-align: middle;
  position:absolute;
  left:-50px;
  top:3px !important;
}


.acco-wrap .faq-h{
font-size:18px;
line-height:1.5;
text-align:left;
font-weight:700;
padding-bottom:5px;
margin-bottom:15px;
border-bottom:dotted 1px #999;
}

.acco-wrap .q-bun{
color:#333 !important;
font-weight:700;
margin-left:3em;
margin-right:30px;
font-size:14px;
}

.acco-wrap .a-bun p{
font-size:14px;
margin-left:3em !important;
margin-bottom:10px;
}

.acco-wrap .faq-box{
border-radius:10px;
padding:15px 15px 0px 15px;
border:solid 1px #113e66;
margin-bottom:30px;
}

}


/*
-----------------------------------------------
企業
----------------------------------------------- */
.company_dl{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom:dotted 1px #ccc;
  padding-top:10px;
  padding-bottom:10px;
}

.company_dl dt{
width:24%;
}

.company_dl dd{
width:73%;
}

.company_dl li{
list-style-type:disc !important;
margin-left:40px;
line-height:1.5 !important;
}

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/*
-----------------------------------------------
関連企業
----------------------------------------------- */
.group-h01{
border-bottom:solid 1px #103087;
padding-bottom:15px;
}

.group-img{
width:50%;
}

.group-txt{
width:46%;
}

.group-p01{
font-size:17px !important;
line-height:1.9; !important
}

.group-logo{
margin-right:25px;
width:220px;
margin-top:10px;
}

.group-name{
text-align:left !important;
font-size:32px;
}

.group-name span{
display:block;
font-size:18px;
}

.group-info{
background:#ddebf5;
padding:15px;
}

.group-info dl{
  display: flex;
  flex-wrap: wrap;
  margin-bottom:10px;
}

.group-info dt{width:16%;}
.group-info dd{
position:relative;
width:80%;
}

.group-info dd:before{
content:"：";
position:absolute;
left:-1em;
}


.bg-color02{
background-image:url(../img/group/blue_bg02.jpg);
}

.blue01{width:50%;}

.blue02{
width:42%;
}

.blue02 img{
margin-top:-60px;
margin-left:-20px;
}

/*
-----------------------------------------------
関連企業　SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.group-img{
width:100%;
margin-bottom:15px;
}

.group-txt{
width:100%;
}


.group-name{
text-align:left !important;
font-size:22px;
line-height:1.5 !important;
margin-top:5px;
}

.group-name span{
display:block;
font-size:15px;
}


.blue01{width:100%;}

.blue02{
width:100%;
margin-bottom:15px;
}

.blue02 img{
margin-top:-60px;
margin-left:0px;
}

.group-logo{
margin-right:0;
width:150px;
margin-top:10px;
}

}

/*
-----------------------------------------------
製品紹介
----------------------------------------------- */

.cate-box{
display:inline-block;
}

.cate-box a{
display:block;
color:#fff;
background:#2484d3;
padding:0.2em 2em;
font-weight:bold;
letter-spacing:1px;
font-size:17px;
margin-bottom:5px;
}

.cate-box a:hover{
background:#3297eb;
}

.product-ttl{
font-size:32px;
letter-spacing:2px;
position: relative;
padding: 0.5rem 2rem;
border-bottom: 6px solid #ccc;
margin-bottom:30px;
}

.product-ttl:before {
position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #10308e;
}

.spec-wrap{
width:52%;
}

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

.small-img{
margin-right:
}
.small-img{
width:31.3%;
margin-right:3%;
}


.small-img img{
border:solid 1px #999;
}


.slide-box{
width:45%;
}

.slide-box img{
border:solid 1px #999;
}

.spec-list{
background:#e8e9ea;
margin-top:24px;
}

.spec-base{
padding:10px 15px;
}

.spec-base h4{
font-size:18px;
border-bottom:solid 1px #999;
padding-bottom:3px;
margin-bottom:10px;
}

.spec-base dl{
font-size:14px;
margin-bottom:12px;
line-height:1.5;
}

.spec-base dt{
display:inline-block;
vertical-align:top;
width:20%;
margin-right:10px;
background:#2484d3;
text-align:center;
color:#fff;
}

.spec-base dd{
display:inline-block;
vertical-align:top;
width:76%;
}

.product-box h4{
border-bottom:solid 1px #10308e;
font-size:22px;
color:#10308e;
margin-bottom:14px;
padding-bottom:3px;
}

.product-box{
margin-bottom:40px !important;
font-size:14px;
}

.kmd{
font-size:18px !important;
font-weight:bold;
}

.wari6{width:60%;}
.wari4{width:36%;}

.tel-product{
text-align:center;
padding:20px;
}

.tel-span{
display:block;
font-size:38px;
font-weight:bold;
}

.tel-product{
color:#10308e;
}

.tel-product h4{
font-size:20px;
}

.product-buy .con2{
background:#fff;
}

.mx-important{
width:auto;
height:auto;
max-width:100%;
}

.tel-product a{
display:block !important;
}

.tel-product a{
color:#10308e !important;
}

.product-ul{
margin-bottom:80px;
}

.product-ul li{
width:23%;
margin-right:2.66%;
}


.product-ul li:nth-of-type(4n){
margin-right:0;
}


.product-ul li p{
text-align:center;
margin-top:5px;

}

.product-ul li img{
border:solid 1px #999;
}

/*
-----------------------------------------------
製品紹介 SP
----------------------------------------------- */
@media screen and (max-width: 767px) {

.product-ttl{
font-size:20px;
}

.spec-wrap,
.slide-box{
width:100%;
}

.slide-box{
margin-bottom:20px;
padding-left:8%;
padding-right:8%;
}

.spec-base dt{
width:33%;
padding:0.3em 0.5em;
}

.spec-base dd{
width:60%;
}


.product-ul{
margin-bottom:40px;
}

.product-ul li{
width:47%;
margin-right:6%;
}


.product-ul li:nth-of-type(2n){
margin-right:0;
}

}

/*
-----------------------------------------------
製品TABLE
----------------------------------------------- */
.price-table td,
.price-table th{
border:solid 1px #ccc;
}

.price-table th{
background:#2484d3;
color:#fff;
text-align:center;
padding:0.5em 1.5em;
}

.price-table td{
text-align:center;
padding:0.5em 1em;
}

.price-table tr:nth-of-type(even){
background:#eceded;
}

/*
-----------------------------------------------
製品TABLE SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.price-table{
width:100%;
font-size:12px;
}

.price-table th,
.price-table td{
padding:0.5em 0.5em;
}


}

/*
-----------------------------------------------
製品一覧
----------------------------------------------- */

.product-con{
width:15%;
margin-right:2%;
margin-bottom:36px;
}

.product-con p{
margin-top:5px;
font-size:14px !important;
}

.product-con:nth-of-type(6n){
margin-right:0;
}
.product-con img{
width:100%;
height:auto;
border:solid 1px #999;
}

/*
-----------------------------------------------
製品一覧 SP
----------------------------------------------- */
@media screen and (max-width: 767px) {

.product-con{
width:30%;
margin-right:5%;
margin-bottom:30px;
}

.product-con p{
font-size:13px !important;
}

.product-con:nth-of-type(3n){
margin-right:0;
}
}


/*
-----------------------------------------------
追加class
----------------------------------------------- */

.privacy{
padding:20px;
}

.privacy p{
margin-bottom:12px  !important;
}

.privacy h4{
font-size:18px;
border-bottom:solid 1px #666;
margin-bottom:6px;
}

.mx-img02 {
  width:350px !important;
  height: auto !important;
}
@media screen and (max-width: 767px) {
.mx-img02 {
  width:100% !important;
  height: auto !important;
}
}

/*
-----------------------------------------------
なごみトレーディング追加
----------------------------------------------- */

.nagomi_txt h3{
font-size:22px;
background:#e62129;
color:#fff;
height:43px;
line-height:40px;
display:inline-block;
padding:0 20px;
margin-bottom:8px;
}

.nagomi_txt02{
padding-top:40px;
}


.nagomi_txt02 h3{
font-size:22px;
background:#113384;
color:#fff;
height:43px;
line-height:40px;
display:inline-block;
padding:0 20px;
margin-bottom:8px;
}

.nagomi_txt p,
.nagomi_txt02 p{
font-size:115% !important;
}

@media screen and (max-width: 767px) {
.nagomi_txt h3,
.nagomi_txt02 h3
{
font-size:18px;
height:34px;
line-height:32px;
}

.nagomi_txt p,
.nagomi_txt02 p{
font-size:15px !important;
}