@charset "UTF-8";
/* CSS Document */

/* 環境衛生 */

.environmental-header__content{ 
  font-size: 4.8rem;
  letter-spacing: 0.031em;
  line-height: 1.333;
}

@media (min-width: 1000px) {
  .environmental-header__content{ 
    font-size: 4rem;
  }
}

@media (max-width: 999.98px){
  .environmental-header__content{ 
    text-align: left;
  }
}

/* エアロジェル */

@media (min-width: 1000px) {
    .page-header--aerogel{
        background-size: 81.3rem auto;
        height: 36rem;
        padding: 0 0 0 8.5rem;
    }
}
.page-header--aerogel{
  background: url(../img/shared/bg-pageheader.jpg) no-repeat right top / 63rem auto;
  height: 28rem;
  padding: 0 0 0 var(--gutter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 13rem 0 0;
  position: relative;
}
.page-header--aerogel::before{
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 13rem;
  height: 100%;
  background-color: #29ABE2;
}


.page-header__text--aerogel {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 66.375rem;
  position: relative;
  z-index: 2;
}
@media (min-width: 560px) {
  .page-header__text--aerogel {
      max-width: 88.5rem;
  }
}



.aerogel-catch__title {
    text-align: center;
    margin: 0 0 1.2rem;
}

@media (min-width: 1000px) {
    .aerogel-catch__title {
        margin: 0 0 1.5rem;
    }
}

.aerogel-catch__textbox{
  margin-bottom: 1.5rem;
}

.aerogel-catch .flexbox{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}



.aerogel-catch__image {
        width: 100%;
  margin-bottom: 1.5rem;
    }
.aerogel-catch__image img{
  width: 100%;
}
  .aerogel-catch .flexbox .txt{
    width: 100%;
  }

@media (min-width: 1000px) {
    .aerogel-catch__image {
        width: 48%;
      margin-bottom: 0;
    }
  .aerogel-catch .flexbox .txt{
    width: 50%;
  }
}
@media (min-width: 1000px) {
    .specification-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        min-height: 14.9rem;
    }
}
@media (min-width: 1000px) {
    .specification-header__title {
        position: absolute;
        left: 0;
        top: 0;
    }
}

.title-t1[data-color=light-blue] {
    color: #29ABE2;
    border-left: 2rem solid #29ABE2;
}
.specification-img,.features-img,.conpetitive-img,.value-img,.features-txt,.conpetitive-txt{
  width: 96%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 1.5rem;
}
.specification__image {
  margin: 1.5rem 0;
}
.specification__image img {
  width: 100%;
}

@media (min-width: 1000px) {
    .specification__image {
       display: inline-block;
      height: 555px;
    }
  .specification__image img {
    height: 100%;
    width: auto;
  }
}

.aerogel-order{
    padding: 5.8rem 0 5.4rem;
    background-color: rgba(var(--color-black-rgb), 0.5);
}

@media (min-width: 1000px) {
    .aerogel-order{
        padding: 5.5rem 0 4rem;
    }
}
.aerogel-order__title {
    text-align: center;
    color: #fff;
    margin: 0 0 5.5rem;
}

@media (min-width: 1000px) {
    .aerogel-order__title {
        margin: 0 0 5rem;
    }
}
.order-txt{
  color: #fff;
  margin-bottom: 1.5rem;
}

.order-manual{
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.order-manual-tt{
  margin: 5rem 0 3rem;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

.order-manual .btn{
  width: 48%;
}

.order-manual .btn a{
  display: block;
  width: 100%;
  border: 2px solid #fff;
  text-align: center;
  padding: 1rem;
  color: #fff;
  cursor: pointer;
}

.order-manual .btn a:visited{
  color: #fff;
}

.order-manual .btn p{
  text-align: center;
  color: #fff;
}

.site-footer__logo .f-add{
  text-align: center;
  color: #fff;
}

.facility-between{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.facility-between .home-movie-box{
  width: 48%;
}

.facility-between figure{
  width: 48%;
}
.facility-between .home-movie-box .movie-text{
    border-radius: 0 0 50px 0;
    box-sizing: border-box;
    padding: 2rem;
    color: #fff;
    background: #000;
}



/* catalog */

.catalog-container{
  max-width: 150rem;
  margin: 0 auto;
  padding: 6rem calc(var(--gutter)* 0.5) 10rem;
  margin: 0 auto;
}

.catalog-container .catalog-list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: top;
}

.catalog-container .catalog-list li{
    width: 48%;
    border: 1px solid #8CC63F;
    box-sizing: border-box;
    margin-bottom: 5rem;
  }

@media (min-width: 1000px) {
  .catalog-container .catalog-list li{
    width: 30%;
    border: 1px solid #8CC63F;
    box-sizing: border-box;
    margin-bottom: 5rem;
  }
}

.catalog-container .catalog-list li .tt{
  text-align: center;
  border-bottom: 1px solid #8CC63F;
  font-weight: bold;
  padding: 3rem;
  position: relative;
}

.catalog-container .catalog-list li .tt::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url("../img/catalog/icon-tri.svg") no-repeat left top;
  position: absolute;
  left: 0;
  top: 0;
}

.catalog-container .catalog-list li .img{
  padding: 5rem;
  text-align: center;
}

.catalog-container .catalog-list li .btn-pdf{
  padding: 0 5rem;
  margin-bottom: 3rem;
}

.catalog-container .catalog-list li .btn-pdf a:hover{
  opacity: .7;
}


/* mov */

.env-mov{
  padding-top: 9rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.env-mov .inner{
  width: 86%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#environmental-mov .env-mov h2.title-new{
  padding-left: 30px;
  height: 260px;
  display: inline-block;
}

@media (max-width: 999px){
  .env-mov .inner{
    padding: 0;
  }
  #environmental-mov .env-mov h2.title-new{
    padding-left: 0;
    height: 180px;
    margin: 0 auto 9rem;
  }
}

.env-mov .home-movie-list{
  width: 86%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

@media (max-width: 999px){
  .env-mov .home-movie-list{
    width: 100%;
    justify-content: space-between;
  }
}

.env-mov .home-movie-list .home-movie-box{
  width: 48%;
}

@media (max-width: 999px){
  .env-mov .home-movie-list .home-movie-box{
    width: 100%;
  }
}

.movie-text{
  border-radius: 0 0 50px 0;
  box-sizing: border-box;
  padding: 2rem;
  color: #fff;
  background: #000;
}

.site-header__menubutton{
  height: 13rem;
    width: 13rem;
    flex: none;
}

.site-header{
  padding: 0;
}