@charset "UTF-8";
#electric .headline{
  width: 87%;
  margin: 0 auto 10.67vw;
}
 /* ビル用外付け電動ブラインド */
.electric-container{
  width: 90.6%;
  margin: 10vw auto 0;
}
.electric-container .boxs + .boxs{
  margin-top: 8vw;
}
.electric-container h4{
  font-size: 14px;
  line-height: 1.78;
  margin-bottom: 4vw;
}
.electric-container p{
  font-size: 14px;
  line-height: 1.78;
  margin-bottom: 4vw !important;
}
.electric-container ul,
.electric-container dl{
  margin-top: 4vw;
}
.electric-container ul li,
.electric-container dl{
  font-size: 14px;
  line-height: 1.78;
}
.electric-container dl dt{
  margin-left: 2.2vw;
  font-weight: bold;
}

.electric-container dl dd{
  position: relative;
  line-height: 1.78;
  text-indent: -0.7em;
  margin-left: 1.5em;
  margin-bottom: 3vw;
}
.electric-container dl dd::before{
  content: "●";
  display: inline-block;
  font-size: 14px;
  color: #333;
  padding-right: 7px;
}

.electric-container .boxs:nth-child(2) .img{
  width: 86.7%;
  margin: 0 auto;
}
.electric-container .boxs:nth-child(2) .box_right .flex_wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  margin-top: 6vw;
}
.electric-container .boxs:nth-child(2) .box_right .block:first-child{
  width: 62%;
  margin: 0 auto;
  order: 1;
}
.electric-container .boxs:nth-child(2) .box_right .block:nth-child(2){
  order: 2;
  width: 48%;
  margin-top: 2vw;
  margin-right: auto;
}
.electric-container .boxs:nth-child(2) .box_right .block:nth-child(3){
  order: 3;
  width: 48%;
  margin-top: 2vw;
  margin-left: auto;
}
.electric-container .boxs:nth-child(2) .box_right .block p{
  text-align: center;
  font-size: 13px;
  margin-bottom: 1vw !important;
}
.electric-container .boxs:nth-child(2) .box_right .block p strong{
  display: block;
  margin-bottom: 4px !important;
}
.electric-container .boxs:nth-child(2) .box_right .block p span{
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  margin-left: 1vw;
}
.electric-container .boxs:nth-child(2) .box_right .block:first-child p span{
  font-size: 27px;
  line-height: 0.8;
  color: #c30d23;
}

/* ケーブルガイドタイプ / レールガイドタイプ */
.type{
  margin-top: 15vw
}
.type h3.ttl{
  width: 76%;
  margin: 0 auto;
  text-align: center;
}
.type h3.ttl span{
  display: block;
  font-size: 14px;
  line-height: 1.78;
  font-weight: 600;
  font-family: 'Roboto', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
}
.type-container .gray_boxs{
  background: #f3f3f3;
  padding: 6% 5% 7%;
  margin-top: 5vw;
}
.type-container .gray_boxs .boxs + .boxs{
  margin-top: 8vw;
  border-top: solid 1px #ccc;
  padding-top: 6vw;
}
.type-container .boxs h5{
  font-size: 18px;
  text-align: center;
  line-height: 1.78;
}
.type-container .boxs h5 span{
  display: block;
  font-size: 14px;
}
.type-container .boxs .flex_wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6vw;
}
.type-container .boxs .txt{
  width: 50%;
  padding-left: 4.4vw;
 }
.type-container .gray_boxs .txt span{
  font-size: 10px;
  line-height: 2;
  font-weight: 300;
  margin-top: 2vw;
  display:  block;
}
.type-container .gray_boxs .txt p{
  font-size: 11px;
  line-height: 1.9;
  font-weight: 600;
  margin-bottom: 3vw;
}
.type-container .gray_boxs .img{
  width: 50%;
  margin: 0 auto 0;
  text-align: center;
  display: block;
}
.type-container .boxs table{
  width: 100%;
  margin-top: 6vw;
  background: #fff;
}
.type-container .boxs table th,
.type-container .boxs table td{
  font-size: 10px;
  line-height: 1.7;
  padding: 4px 7px 3px;
}
.type-container .number{
  width: 91%;
  margin: 10vw auto 0;
  counter-reset: number;
}
.type-container .number .boxs_wrap  + .boxs_wrap {
  margin-top: 8vw;
}
.type-container .number h5.ttl_line {
  margin: 0;
  font-size: 15px;
  text-align: left;
  color: #171c61;
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
  padding: 2vw 0;
  letter-spacing: 0.05em;
  line-height: 1.6;
  vertical-align: middle;
}
.type-container .number h5.ttl_line::before {
  counter-increment: number;
  content: counter(number);
  font-size: 19px;
  padding-right: 5px;
}
.type-container .number p{
  font-size: 14px;
  line-height: 1.78;
  margin-top: 3vw;
  letter-spacing: -0.03em;
}
.type-container .number ul.flex_wrap{
  justify-content: space-between;
}
.type-container .number ul.flex_wrap li{
  width: 48.7%;
}
.type-container .number .boxs_wrap:first-child ul.flex_wrap li{
  width: 55%;
}
.type-container .number .boxs_wrap:first-child ul.flex_wrap li:last-child {
  width: 41%;
}
.type-container .number ul li p{
  font-size: 13px;
  margin-bottom: 0;
  margin-top: 2vw;
}
.type-container .number ul li p span{
  display: block;
  font-size: 14px;
  font-weight: 600;
}

/* 特殊仕様の外付けブラインド */
.special_spec{
  margin-top: 15vw
}
.special_spec-container .gray_boxs{
  background: #f3f3f3;
  padding: 6% 5% 7%;
  padding: 6vw 5vw 7vw;
  margin-top: 5vw;
}
.special_spec-container .gray_boxs .boxs + .boxs{
  margin-top: 8vw;
  border-top: solid 1px #ccc;
  padding-top: 6vw;
}
.special_spec-container .boxs h5{
  font-size: 18px;
  text-align: center;
  line-height: 1.78;
}
.special_spec-container .boxs .flex_wrap{
  display: flex;
  justify-content: space-between;
  margin-top: 5vw;
}
.special_spec-container .boxs .txt{
  width: 46%;
  padding-left: 2vw;
 }
.special_spec-container .boxs:first-child .txt{
  margin-top: 3vw;
}
.special_spec-container .boxs:last-child .txt p{
  margin-top: 2vw;
}
.special_spec-container .boxs:last-child .img{
  margin-top: 2vw;
}
.special_spec-container .gray_boxs .txt span{
  font-size: 10px;
  line-height: 2;
  font-weight: 300;
  margin-top: 1vw;
  display:  block;
}
.special_spec-container .gray_boxs .txt p{
  font-size: 10px;
  line-height: 2;
  margin-bottom: 3vw;
}
.special_spec-container .gray_boxs .img{
  width: 54%;
  margin: 0 auto 0;
  text-align: center;
  display: block;
}
.special_spec-container .boxs .tag{
  margin-top: 7vw;
}
.special_spec-container .boxs .tag p{
  font-size: 11px;
  font-weight: 600;
  line-height: 2;
  margin-top: 2vw;
 }
.special_spec-container .boxs .flex_wrap + span{
  font-size: 10px;
  margin-top: 3vw;
  display: block;
}
.special_spec-container .boxs ul li{
 width: 48%;
}
.special_spec-container .boxs ul li span{
 font-size: 10px;
 line-height: 2;
 margin-top: 1vw;
 display: block;
}
.special_spec-container .boxs table{
  width: 100%;
  margin-top: 5vw;
  background: #fff;
}
.special_spec-container .boxs table th,
.special_spec-container .boxs table td{
  font-size: 10px;
}

/* 日射導入システム */
.int{
  margin-top: 15vw
}
.int h3.ttl{
  width: 76%;
  margin: 0 auto;
  text-align: center;
}
.int h3.ttl span{
  display: block;
  font-size: 14px;
  line-height: 1.78;
  font-weight: 600;
  font-family: 'Roboto', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
}
.int-container{
  width: 91%;
  margin: 5vw auto 0;
}
.int-container p{
  margin-bottom: 2vw;
}
.int-container ul li{
  font-size: 14px;
}
.int-container .boxs{
  margin-top: 10vw;
}
.int-container .boxs > p{
  font-size: 14px;
  font-weight: 600;
}
.int-container .boxs .img img{
  margin-bottom: 3vw;
}
.int-container .boxs .img span{
  display: block;
  font-size: 14px;
  line-height: 1.78;
  font-weight: 300;
}
.int-container .boxs .flex_wrap{
  display: flex;
  justify-content: space-between;
}
.int-container .boxs .flex_wrap li{
  width: 48%;
}
.int-container .boxs .flex_wrap li span{
  font-size: 13px;
  line-height: 1.5;
  margin-top: 1vw;
  display: block;
}


.technical{
  margin-top: 15vw;
}


/* 採用実績 */
.recruit{
  width: 91%;
  margin: 8vw auto 0;
}
.recruit-container{
  margin-top: 5vw;
}
.recruit-container .img{
  margin-bottom: 3vw;
}
.recruit-container .txt{
  text-align: center;
  font-size: 13px;
  line-height: 1.8;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
}
.recruit-container .txt span{
  font-weight: 600;
  text-align: center;
  display: block;
}

@media (min-width: 768px) {
   #electric .headline{
    width: 87%;
    margin: 0 auto 50px;
  }
  .content_box{
    width: 1200px;
    margin: 0 auto;
  }
  h3.ttl{
    font-size: 34px;
    line-height: 1.8;
  }
  .flex_wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
	

  /* ビル用外付け電動ブラインド */
  .electric-container{
    width: 1200px;
    margin: 60px auto 0;
  }
  .electric-container .boxs + .boxs{
    margin-top: 28px;
  }
  .electric-container .boxs:last-child{
    margin-top: 40px;
  }

  .electric-container h4{
    font-size: 18px;
    margin-bottom: 23px;
    padding: 5px 17px 3px;
  }
  .electric-container .boxs + .boxs h4{
    margin-bottom: 28px;
  }
  .electric-container p{
    font-size: 15px;
    margin-bottom: 28px !important;
  }
  .electric-container ul,
  .electric-container dl{
    margin-left: 30px;
    margin-top: 10px;
    width: 740px;
  }
  .electric-container ul li,
  .electric-container dl{
    font-size: 15px;
    line-height: 2;
  }
  .electric-container dl{
    margin-top: 0;
  }
  .electric-container .img dl{
    margin-top: 95px;
    margin-left: 0;
    width: 560px;
  }
  .electric-container dl dt{
    margin-left: 7px;
  }
  .electric-container dl dd{
    margin-bottom: 15px;
  }
  .electric-container dl dd{
    position: relative;
    line-height: 1.78;
    text-indent: -0.7em;
    margin-left: 1.5em;
		font-size: 15px;
  }
  .electric-container dl dd::before{
    font-size: 10px;
  }
  .electric-container .boxs:nth-child(2) .img{
    width: 426px;
    margin-top: 13px;
  }
  .electric-container .boxs:nth-child(2) .box_right{
    width: 66%;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .electric-container .boxs:nth-child(2) .box_right .flex_wrap{
    margin-top: 42px;
  }
  .electric-container .boxs:nth-child(2) .box_right .block:first-child{
    width: calc(100% / 3 - 30px);
  }
  .electric-container .boxs:nth-child(2) .box_right .block:nth-child(2){
    width: calc(100% / 3 - 30px);
    margin-top: 0;
    margin-right: 0;
  }
  .electric-container .boxs:nth-child(2) .box_right .block:nth-child(3){
    width: calc(100% / 3 - 30px);
    margin-top: 0;
  }
  .electric-container .boxs:nth-child(2) .box_right .block p{
    font-size: 15px;
    margin-bottom: 9px !important;
  }
  .electric-container .boxs:nth-child(2) .box_right .block p span{
    font-size: 24px;
    margin: 0 10px 0;
    margin: 0px 0 0 10px;
  }
  .electric-container .boxs:nth-child(2) .box_right .block:first-child p span{
    font-size: 30px;
    /* line-height: 1; */
  }

  /* ケーブルガイドタイプ / レールガイドタイプ */
  .type{
    margin-top: 55px;
  }
  .type h3.ttl span{
    font-size: 15px;
  }
  .type-container .gray_boxs{
    padding: 24px 40px 30px;
    margin-top: 37px;
    justify-content: space-between;
  }
  .type-container .gray_boxs .boxs{
    width: calc(100% / 2 - 60px);
    width: 520px;
  }
  .type-container .gray_boxs .boxs + .boxs{
    margin-top: 0;
    border-top: none;
    border-left: solid 1px #ccc;
    padding-top: 0;
    padding-left: 40px;
    width: 560px;
  }
  .type-container .gray_boxs .boxs + .boxs .img{
    padding-left: 14px;
    width: 55%;
  }
  .type-container .gray_boxs .boxs + .boxs .txt{
    padding-left: 30px;
  }
  .type-container .boxs h5{
    font-size: 20px;
  }
  .type-container .boxs h5 span{
    font-size: 15px;
  }
  .type-container .boxs .flex_wrap{
    margin-top: 23px;
    margin-bottom: 30px;
  }
  .type-container .boxs .txt{
    padding-left: 40px;
    margin-top: 30px;
   }
  .type-container .gray_boxs .txt span{
    font-size: 14px;
    margin-top: 10px;
    letter-spacing: -0.05em;
  }
  .type-container .gray_boxs .txt p{
    font-size: 15px;
    margin-bottom: 26px;
    margin-top: 20px;
  }
  .type-container .gray_boxs .img{
    width: 52%;
   }
  .type-container .boxs table{
    margin-top: auto;
  }
  .type-container .boxs table th,
  .type-container .boxs table td{
    font-size: 14px;
    padding: 7px 11px 6px;
    width: 120px;
  }
  .type-container .boxs table .color01{
    width: 160px;
  }
  .type-container .number{
    width: 1200px;
    margin: 60px auto 0;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .type-container .number .boxs_wrap{
    width: calc(100% / 2 - 20px);
  }
  .type-container .number .boxs_wrap + .boxs_wrap{
    margin-top: 0px;
  }
  .type-container .number .boxs_wrap .boxs + .boxs{
    margin-top: 55px;
  }
  .type-container .number h5.ttl_line {
    font-size: 18px;
    padding: 5px 6px;
  }
  .type-container .number h5.ttl_line::before {
    font-size: 24px;
  }
  .type-container .number p{
    font-size: 15px;
    line-height: 2;
    margin-top: 23px;
    letter-spacing: normal;
    margin-bottom: 20px;
  }
  .type-container .number ul.flex_wrap{
    margin-top: 0;
    margin-bottom: 20px;
   }
  .type-container .number ul.flex_wrap li{
    width: 48.7%;
  }
  .type-container .number .boxs_wrap:first-child ul.flex_wrap li{
    width: 47%;
    margin-left: 0px;
  }
  .type-container .number .boxs_wrap:first-child ul.flex_wrap li:last-child {
    width: 36%;
    margin-right: 66px;
  }
  .type-container .number ul li p{
    font-size: 14px;
    margin-top: 10px;
  }
  .type-container .number ul li p span{
    font-size: 15px;
  }

  /* 特殊仕様の外付けブラインド */
  .special_spec{
    margin-top: 90px;
  }
  .special_spec-container .gray_boxs{
    padding: 24px 40px 30px;
    margin-top: 25px;
    justify-content: space-between;
  }
  .special_spec-container .gray_boxs .boxs{
    width: calc(100% / 2 - 60px);
    width: 540px;
  }
  .special_spec-container .gray_boxs .boxs + .boxs{
    margin-top: 0;
    border-top: none;
    border-left: solid 1px #ccc;
    padding-top: 0;
    padding-left: 40px;
    width: 560px;
  }
  .special_spec-container .gray_boxs .boxs + .boxs .img{
    padding-left: 0;
    width: 61%;
  }
  .special_spec-container .gray_boxs .boxs + .boxs .txt{
    padding-left: 10px;
    margin-top: 5px;
  }
  .special_spec-container .boxs h5{
    font-size: 20px;
    width: 540px;
  }
  .special_spec-container .boxs .flex_wrap{
    margin-top: 20px;
  }
  .special_spec-container .boxs .txt{
    padding-left: 25px;
    margin-bottom: 3px;
   }
  .special_spec-container .boxs:first-child .txt{
    margin-top: 36px;
    margin-bottom: 70px;
    margin-right: 22px;
    padding-left: 9px;
    width: 45%;
  }
  .special_spec-container .boxs:last-child .txt p{
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .special_spec-container .boxs:last-child .img{
    margin-top: 0;
  }
  .special_spec-container .gray_boxs .txt span{
    font-size: 14px;
    margin-top: 10px;
  }
  .special_spec-container .gray_boxs .txt p{
    font-size: 14px;
    margin-bottom: 26px;
  }
  .special_spec-container .gray_boxs .img{
    width: 59%;
  }
  .special_spec-container .boxs .tag{
    margin-top: 10px;
    width: 520px;
  }
  .special_spec-container .boxs .tag img{
    width: 370px;
  }
  .special_spec-container .boxs .tag p{
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
   }
  .special_spec-container .boxs .flex_wrap + span{
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 28px;
  }
  .special_spec-container .boxs ul{
    width: 520px;
  }
  .special_spec-container .boxs ul li{
   width: 46%;
   width: calc(100% / 2 - 9px);
  }
  .special_spec-container .boxs ul li span{
   font-size: 14px;
   margin-top: 10px;
  }
  .special_spec-container .boxs table{
    margin-top: 18px;
    width: 520px;
  }
  .special_spec-container .boxs table th,
  .special_spec-container .boxs table td{
    font-size: 14px;
    padding: 13px 11px 11px;
    width: 120px;
  }
  .special_spec-container .boxs table .color01{
    width: 160px;
  }
  .special_spec-container .boxs table .color02.t_l,
  .special_spec-container .boxs table td{
    padding: 8px 11px 7px;
  }

  /* 日射導入システム */
  .int{
    margin-top: 85px;
  }
  .int h3.ttl span{
    display: block;
    font-size: 14px;
    font-weight: 600;
  }
  .int-container{
    width: 1200px;
    margin: 35px auto 0;
  }
  .int-container p{
    margin-bottom: 15px;
  }
  .int-container ul li{
    font-size: 14px;
    margin-top: 5px;
  }
  .int-container .flex_wrap{
    justify-content: space-between;
  }
  .int-container .boxs{
    margin-top: 58px;
    width: calc(100% / 2 - 20px);
  }
  .int-container .boxs > p{
    font-size: 15px;
    width: 95%;
  }
  .int-container .boxs .img img{
    margin-bottom: 10px;
  }
  .int-container .boxs .img span{
    font-size: 15px;
    line-height: 2;
    margin-top: 8px;
  }
  .int-container .boxs .flex_wrap li{
    width: 47.5%;
    margin-top: 4px;
  }
  .int-container .boxs .flex_wrap li span{
    font-size: 15px;
    margin-top: 10px;
  }

  .technical{
    margin-top: 56px;
  }

  /* 採用実績 */
  .recruit{
    width: 1200px;
    margin: 82px auto 0;
  }
  .recruit-container{
    margin-top: 24px;
  }
  .recruit-container .img{
    margin-bottom: 10px;
  }
  .recruit-container .txt{
    font-size: 14px;
  }
  .recruit-container .txt span{
    font-size: 15px;
  }
  .recruit-container .flex_wrap{
    flex-flow: wrap;
    justify-content: space-between;
  }
  .recruit-container .flex_wrap li:first-child{
    width: 390px;
  }
  .recruit-container .flex_wrap li:nth-child(2){
    width: 770px;
  }
  .recruit-container .flex_wrap li:nth-child(3){
    width: 620px;
    margin-top: 34px;
  }
  .recruit-container .flex_wrap li:nth-child(4){
    width: 540px;
    margin-top: 34px;
  }
}
@media (max-width: 767px) {
  .contents_header__line.is-fixed {
    /*position: fixed;
    top: 13.33vw;*/
  }
}

a.pdf {
    display: block;
    background: url("../img/pdf_icon.png") 90px no-repeat;
    background-size: 24px;
    border: solid 1px #000;
    width: 480px;
    margin: 0 auto;
    padding: 22px 90px 21px;
    text-align: right;
    font-size: 15px;
    font-weight: 600;
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
}
a.pdf:hover{
    border-color: #000;
    background-color: #000;
    color: #fff;
}


@media (max-width: 767px) {
  a.pdf {
      width: 91%;
      margin-top: 5vw;
      padding: 4vw 7vw;
      background: url("../img/pdf_icon@media.png") 8vw no-repeat;
      background-size: 14px;
      font-size: 13px;
  }
}