@charset "UTF-8";


/* content-header
----------------------------------- */
#content .content-header{
  background-image: url(/img/product/economy/bg_header_index.jpg);
}
@media screen and (max-width: 500px) {
  #content .content-header{
    background-image: url(/img/product/economy/bg_header_index_sp.jpg);
  }
}
/* ヘッダー部改行調整 */

#content .content-header .content-header__inner .txt .bg-gray br{
  display: block;
}
/* ヘッダー部改行調整 */
/* section outline
----------------------------------- */
.outline .item.item__txt .marker_yellow{
    background-color: #B5FF14;
}
.list-lineup + .ttl_section {
    margin-top: 50px;
}
.content-section.bg-video{
  height:690px;
}
.outline .item.item__img{
  text-align:center;
  padding-bottom:13px;
}
.outline .item.item__txt{
  color: #fff;
  padding: 0 0 10px 0;
  font-size: 16px;
  font-weight: 600;
}
.outline .item.item__txt p{
  margin-bottom:20px;
}
.outline .item.item__txt .for_tab,
.is-tb,
.is-tb02,
.under768,
.only768{
  display: none;
}
@media screen and (min-width: 769px) and (max-width: 1200px){
.is-tb{
  display: block;
}
}
@media screen and (min-width: 500px) and (max-width: 768px){
.is-tb02{
  display: block;
}
}
@media screen and (min-width: 1025px) and (max-width: 1243px){
  .outline .item.item__txt .for_tab{
    display: inline;
  }

}
@media screen and (min-width: 700px) and (max-width: 990px){
  .outline .item.item__txt .for_tab{
    display: inline;
  }
  .outline .item.item__txt br.over500{
    display: none;
  }
}
.item__img.img01_scale{
  margin:17px auto 20px;
}
.outline .col3{
  max-width:640px;
  margin:0 auto;
}
.outline .col3 .item{
  width: calc(50% - 20px);
  background-color: #f2f2f2;
  color:#333333;
  text-align:center;
  padding: 20px 17px 12px;
  margin: 0px;
  cursor: pointer;
}
.outline .col3 .item:hover{
  opacity:0.7;
}
.outline .col3 .item .ttl{
  font-size:22px;
}
.outline .col3 .item .ttl.line1{
  padding-top:15px;
  padding-bottom:10px;
}
.outline .col3 .item .img{
  margin:2px auto 15px;
}
.outline .col3 .item .img img{
  height:auto;
}
.outline .col3 .item .img img{
  margin-top: 8px;
}
.outline .col3 .item .desc{
  text-align: left;
}
.outline .col2{max-width:1079px;margin:0 auto;flex-direction:column;flex-wrap:nowrap;margin-bottom:-3px;padding: 70px 0 ;    align-items: center;
    text-align: center;
    gap: 30px;}
.outline .col2 .item.item__img{max-width:808px;width: 100%;}
.outline .col2 .item.item__img img{width:100%;height:auto;;}
.outline .item.item__txt{width:800px;}
.outline .item.item__txt p{margin-bottom:20px}
@media screen and (max-width: 1400px) {
.over1400{
  display: none;
}
}
@media screen and (max-width: 1200px) {

.outline .col2{flex-direction:column;padding: 0;}
.outline .item.item__txt{width:100%;padding:66px 52px 10px 56px;text-align: center;}
.outline .item.item__txt .arw_rightwards_yellow{padding:11px 6px;margin-top:29px}
.outline .col2 .item.item__img{width:100%;padding:10px 12px 70px;text-align:center}
}
.video-wrapper,
.bg-video video {
    width: 100%;
    height: auto;
}
@media screen and (max-width: 1560px) {
.video-wrapper,
.bg-video video {
    width: auto;
    height: 100%;
}}
@media screen and (max-width: 1024px) {
  .outline .item.item__txt{padding:50px 25px 10px 25px}
  .video-wrapper{height:110vh;margin-left:0px;}
  .bg-video video{height:110vh;margin-left:0px;}
}
@media screen and (max-width: 1246px){
  .item__img.img01_scale img{
    max-width:100%;
    height:auto;
  }
}
@media screen and (max-width: 1024px){
  .video-wrapper{
    height:110vh;
  }
  .outline .col3 .item .ttl span.is-sp{
    display: inline!important;
  }
  .outline .col3 .item .ttl.line1{
    padding-top:0px;
    padding-bottom:0px;
  }
}
@media screen and (max-width: 1024px) and (min-aspect-ratio: 2/1) {
  .video-wrapper{
    min-height:120vh;
    height:auto;
    min-width:100%;
  }
  .bg-video video {
    min-height:120vh;
    height:auto;
    min-width:100%;
  }
}
@media screen and (min-width: 501px) and (max-width: 768px){
.only768{
  display: block;
}
}
@media screen and (max-width: 768px) {
  .over768{
    display: none;
  }
  .under768{
    display: block;
  }
  .outline .item.item__img{
    padding: 0px 8px 20px 20px;
  }
  .outline .col3{
    flex-direction: column;
    max-width:calc(100% - 30px);
  }
  .outline .col3 .item{
    width:100%;
    padding:14px 18px 4px;
    margin:0 auto 32px;
  }
  .outline .col3 .item:nth-child(1),
  .outline .col3 .item:nth-child(2){
    margin:0 auto 42px;
  }
  .outline .col3 .item .ttl{
    font-size:19px;
  }
  .outline .col3 .item .img{
    margin:9px auto 12px;
  }
  .outline .col3 .item:nth-child(1) .img img{
    margin-left:-14px;
  }
  .outline .col3 .item:nth-child(2) .img img{
    margin-left:0px;
  }
  .outline .col3 .item:nth-child(3) .img img{
    margin-left:0px;
  }
  .outline .col3 .item .desc{
    font-size:14px;
    padding:4px 0px 13px;
    text-align: center;
  }
}
@media screen and (max-width: 415px) {
  .outline .item.item__txt{
    padding: 45px 15px 10px 15px;
  }
  .outline .item.item__img{
    padding: 24px 10px 25px;
  }
  .outline .item.item__img img{
    max-width: 100%;
  }
  .outline .col3{
    flex-direction: column;
    max-width:calc(100% - 30px);
  }
  .outline .col3 .item{
    width:100%;
    padding:14px 14px 2px;
    margin:0 auto 32px;
  }
  .outline .col3 .item:nth-child(1),
  .outline .col3 .item:nth-child(2){
    margin:0 auto 32px;
  }
  .outline .col3 .item .ttl{
    font-size:19px;
    letter-spacing: -0.5px;
  }
  .outline .col3 .item .img{
    margin:9px auto 12px;
  }
  .outline .col3 .item .desc{
    font-size:17px;
    text-align: left;
  }
  .outline .col3 .item:nth-child(1) .img img{
    margin-left: -22px;
    width: calc(130px * 1.2) /* 114px */;
  }
  .outline .col3 .item:nth-child(2) .img img{
    width: calc(130px * 1.2) /* 70px */;
  }
}
/* section lineup
----------------------------------- */
/* section related
----------------------------------- */
.webp .related .col2.list-related .item .related_technology05{
  background-image:  url(/img/product/product_common/related_technology05.png.webp);
}
.related .col2.list-related .item .related_technology05{
  background-image:  url(/img/product/product_common/related_technology05.png);
}
.webp .related .col2.list-related .item .related_technology07{
  background-image:  url(/img/product/product_common/related_technology07.png.webp);
}
.related .col2.list-related .item .related_technology07{
  background-image:  url(/img/product/product_common/related_technology07.png);
}
.webp .related .col2.list-related .item .related_technology09{
  background-image:  url(/img/product/product_common/related_technology09.png.webp);
}
.related .col2.list-related .item .related_technology09{
  background-image:  url(/img/product/product_common/related_technology09.png);
}
.webp .related .col2.list-related .item .related_technology10{
  background-image:  url(/img/product/product_common/related_technology10.png.webp);
}
.related .col2.list-related .item .related_technology10{
  background-image:  url(/img/product/product_common/related_technology10.png);
}
@media screen and (max-width: 1024px) {
  .webp .related .col2.list-related .item .related_technology05{
    background-image:  url(/img/product/product_common/related_technology05_tb.png.webp);
  }
  .related .col2.list-related .item .related_technology05{
    background-image:  url(/img/product/product_common/related_technology05_tb.png);
  }
    .webp .related .col2.list-related .item .related_technology07{
    background-image:  url(/img/product/product_common/related_technology07_tb.png.webp);
  }
  .related .col2.list-related .item .related_technology07{
    background-image:  url(/img/product/product_common/related_technology07_tb.png);
  }
    .webp .related .col2.list-related .item .related_technology09{
    background-image:  url(/img/product/product_common/related_technology09_tb.png.webp);
  }
  .related .col2.list-related .item .related_technology09{
    background-image:  url(/img/product/product_common/related_technology09_tb.png);
  }
    .webp .related .col2.list-related .item .related_technology10{
    background-image:  url(/img/product/product_common/related_technology10_tb.png.webp);
  }
  .related .col2.list-related .item .related_technology10{
    background-image:  url(/img/product/product_common/related_technology10_tb.png);
  }
}
@media screen and (max-width: 415px) {
  .webp .related .col2.list-related .item .related_technology05{
    background-image:  url(/img/product/product_common/related_technology05_sp.jpg.webp);
  }
  .related .col2.list-related .item .related_technology05{
    background-image:  url(/img/product/product_common/related_technology05_sp.jpg);
  }
    .webp .related .col2.list-related .item .related_technology07{
    background-image:  url(/img/product/product_common/related_technology07_sp.jpg.webp);
  }
  .related .col2.list-related .item .related_technology07{
    background-image:  url(/img/product/product_common/related_technology07_sp.jpg);
  }
    .webp .related .col2.list-related .item .related_technology09{
    background-image:  url(/img/product/product_common/related_technology09_sp.jpg.webp);
  }
  .related .col2.list-related .item .related_technology09{
    background-image:  url(/img/product/product_common/related_technology09_sp.jpg);
  }
    .webp .related .col2.list-related .item .related_technology10{
    background-image:  url(/img/product/product_common/related_technology10_sp.jpg.webp);
  }
  .related .col2.list-related .item .related_technology10{
    background-image:  url(/img/product/product_common/related_technology10_sp.jpg);
  }
}