/* tablet 600px-959px */

/* ----------------------------------------------------------------------
1.RESET
---------------------------------------------------------------------- */

#pc-view{
  display: block;
}

#mb-view{
  display: none;
}

.address br{
  display: none;
}

/* ----------------------------------------------------------------------
2.Font Size
---------------------------------------------------------------------- */

/* h1=41.9 */

/* ----------------------------------------------------------------------
3.Basic
---------------------------------------------------------------------- */

/* Basic ⇒ Grid Layout
---------------------------------------------------------------------- */

.fift-list{ /* frontpage */
  grid-template-columns: repeat(3, 1fr);
}

.archive-list{
  display: grid;
  grid-template-columns:  repeat(2,1fr);
  grid-column-gap: 2.5vw;
  text-align: left;
}

.catalog-item{
  display: grid;
  grid-template-columns:  1fr 3fr;
  text-align: left;
}

.company-item,
.recruit-item{
  grid-template-columns:  8rem auto;
}

.house-item{
  display: grid;
  grid-template-columns:  12rem auto;
}

.tow-col-item{
  display: grid;
  grid-template-columns:  1fr 1fr;
  grid-column-gap: 2.5vw;
}

.area-item{
  display: grid;
  grid-template-columns: 6em repeat(2, 1fr);
}

.link-list{
  grid-template-columns: repeat(6, 1fr);
}

.tech-item{
  display: grid;
  grid-template-columns:  repeat(2,1fr);
  grid-column-gap: 2.5vw;
}

.item-phrase{
  grid-column: 2;
  grid-row: 1;
}

.item-movie{
  grid-column: 1;
  grid-row: 1;
}

.rl-margin:nth-child(2n) .conde-img{
  grid-column: 2;
  grid-row: 1;
}

.rl-margin:nth-child(2n) .conde-phrase{
  grid-column: 1;
  grid-row: 1;
}

.works-list li:nth-child(2n) img{
  grid-column: 2;
  grid-row: 1;
}
.works-list li:nth-child(2n) figcaption{
  grid-column: 1;
  grid-row: 1;
}

.solution-list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.recomm-list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.f-area{
  display: grid;
  grid-template-columns: 1fr 2fr;
}

/* --------------------------------------------------- End Grid Layout */

/* ----------------------------------------------------------------------
6.Front Page
---------------------------------------------------------------------- */

.firs-title{
  font-size: 5vw;
}

/* ----------------------------------------------------------------------
7.Spray Insulation
---------------------------------------------------------------------- */



/* ----------------------------------------------------------------------
9.Solution Info
---------------------------------------------------------------------- */

.solution-item{
  margin-bottom: 0;
}

.solution-ank{
  height: 100%;
}

/* ----------------------------------------------------------------------
11.Technology
---------------------------------------------------------------------- */

.presen-item{
  padding: 4vw 4vw 24vw 4vw;
}

@media (min-width: 800px) {

  .presen-list{
    grid-template-columns: repeat(3, 1fr);
  }

  .presen-item{
    padding: 48.5px  4vw 17vw 4vw;
  }

  .presen-img{
    width:13vw;
  }

}

/* ----------------------------------------------------------------------
13.Case Study
---------------------------------------------------------------------- */


.house-item{
  border-top: 1px solid #b8baaf;
  margin-bottom: 0;
}

.house-item:last-child{
  border-bottom: 1px solid #b8baaf;
}

.house-title{
  background-color: #f6f9ea;
  border-bottom: none;
  padding: 1em;
}

.house-phrase{
  padding: 1em;
}

.house-phrase br{
  display: none;
}

.house-phrase .separ{
  display: inline-block;
}

.etc-item-phrase br{
  display: none;
}

/* ----------------------------------------------------------------------
16.Catalog
---------------------------------------------------------------------- */

/* Archives
---------------------------------------------------------------------- */

.list-item:nth-last-of-type(2){
  border-bottom: 1px dotted #B8BAAF;
}


/* ----------------------------------------------------------------------
18.Footer
---------------------------------------------------------------------- */

.f-corporation .to-top{
  max-width: 360px;
}

.f-phone{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  margin-top: 1.5rem;
}

.contact{
  margin-bottom: 2rem;
}

.f-area{
  margin-left: auto;
  margin-right: auto;
}

.f-area-title{
  border-right: 1px dotted #B8BAAF;
}

.f-phrase{
  text-align: center;
}

.f-title{
  text-align: center;
}

/* Copyright 
---------------------------------------------------------------------- */

#copyright{
  border-top: none;
  padding-bottom: 1rem;
  padding-top: 1rem;
}