@charset "UTF-8";

.screen-container{
  width: 90.6%;
  margin: 10vw auto 0;
}
.screen-container .boxs + .boxs{
  margin-top: 8vw;
}
.screen-container h3{
  margin-bottom: 4vw;
}
.screen-container .img{
  margin-bottom: 5vw;
}
.screen-container .txt span{
  font-size: 18px;
  line-height: 1.78;
  font-weight: 600;
  display: block;
  margin-bottom: 2vw;
}
.screen-container .txt p{
  font-size: 14px;
  line-height: 1.78;
}
.screen-container .txt dl dt{
  background: #c5d2d8;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding: 2vw 0;
  margin-bottom: 3vw;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
}
.screen-container .txt dl dd{
  margin-bottom: 5vw;
  font-size: 14px;
  line-height: 1.78;
}
.screen-container .img span{
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 1.8;
  padding: 3vw 0;
}



.screen_spec{
  margin-top: 12vw;
}
.screen_spec-container h4{
  font-size: 18px;
  line-height: 1.78;
  width: 90.6%;
  margin: 0 auto;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
}
.screen_spec-container .gray_boxs{
  background: #f3f3f3;
  padding: 6vw 5vw 7vw;
  margin-top: 5vw;
}
.screen_spec-container .gray_boxs span{
  display: block;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 6vw;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
}
.screen_spec-container .gray_boxs + .gray_boxs{
  margin-top: 5vw;
}
.screen_spec-container .gray_boxs .txt{
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.06em;
  margin-top: 5vw;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
 }
.screen_spec-container .gray_boxs .txt p{
  line-height: 1.78;
}
.screen_spec-container .gray_boxs .txt p:last-child{
  margin-bottom: 0;
}
.screen_spec-container .gray_boxs + h4{
  margin-top: 10vw;
}
.screen_spec-container .gray_boxs .img{
  margin-bottom: 2vw;
}





@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;
  }
	

.screen{
  width: 1200px;
  margin: 0 auto;
}
.screen-container{
  width: 100%;
  margin: 50px auto 0;
}
.screen-container .boxs + .boxs{
  margin-top: 90px;
}
.screen-container .right{
  margin-top: 60px;
  flex-flow: row-reverse;
}
.screen-container .material{
  margin-top: 30px;
}
.screen-container h3{
  margin-bottom: 23px;
}
.screen-container .img,
.screen-container .material .img{
  width: 570px;
  margin-bottom: 0;
}
.screen-container .design .img{
  /* width: 630px; */
  margin-right: 60px;
}
.screen-container .txt{
  margin-left: 60px;
  margin-top: 10px;
  width: 47%;
}
.screen-container .design .txt{
  margin-left: 0;
}
.screen-container .right .txt,
.screen-container .material .txt{
  margin-left: 0;
  margin-right: 66px;
}
.screen-container .txt span{
  font-size: 20px;
  line-height: 2.1;
  margin-bottom: 10px;
}
.screen-container .txt p{
  font-size: 15px;
  line-height: 2;
  margin-bottom: 40px;
}
.screen-container .txt dl dt{
  font-size: 15px;
  padding: 8px 35px;
  margin-bottom: 10px;
  display: inline-block;
  width: 245px;
  margin-top: 7px;
}
.screen-container .txt dl dd{
  margin-bottom: 27px;
  font-size: 15px;
  line-height: 2;
}
.screen-container .img span{
  font-size: 14px;
  line-height: 2;
  padding: 10px 0 20px;
}



.screen_spec{
  margin-top: 70px;
}
.screen_spec-container{
  width: 1200px;
  margin: 50px auto;
}
.screen_spec-container h4{
  font-size: 20px;
  line-height: 2.1;
  width: 100%;
}
.screen_spec-container .gray_boxs{
  padding: 30px 80px 25px;
  margin-top: 20px;
}
.screen_spec-container .example{
  margin-top: 20px;
  justify-content: space-between;
}
.screen_spec-container .example .gray_boxs{
  padding: 26px 55px 30px;
  width: 48.4%;
  margin-top: 0;
}
.screen_spec-container .gray_boxs span{
  font-size: 15px;
  margin-bottom: 25px;
}
.screen_spec-container .gray_boxs + .gray_boxs{

}
.screen_spec-container .gray_boxs .txt{
  font-size: 15px;
  margin-top: 20px;
  margin-left: 60px;
 }
.screen_spec-container .gray_boxs .txt p{
  line-height: 2;
  margin-bottom: 30px;
}
.screen_spec-container .gray_boxs .txt p:last-child{
  margin-bottom: 0;
}
.screen_spec-container .gray_boxs + h4{
  margin-top: 70px;
}
.screen_spec-container .gray_boxs .img{
  margin-bottom: 0;
  width: 410px;
}
.screen_spec-container .example :first-child .img{
  width: 470px;
}
.screen_spec-container .example :last-child .img{
  width: 410px;
  margin: 0 auto;
}

.technical{
  width: 1200px;
  margin: 80px auto 0;
}

}
@media (max-width: 767px) {
  .contents_header__line.is-fixed {
    /*position: fixed;
    top: 13.33vw;*/
  }
}