/* ----------------------------------------------------------------------
1.RESET
---------------------------------------------------------------------- */
.body{
  font-size: 11pt;
}

.breadcrumbs,
.drawer-nav,
.drawer-hamburger,
#pc-nav,
.contact,
.f-logo,
#measurement,
#reference{
  display: none;
}

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

/* h1=19pt */

#front-title,
.page-title{
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 19pt;
  line-height: 1.1;
  text-align: center;
  padding: .618em 2.5vw;
}

/* h2=17pt */

.section-title{
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 17pt;
  line-height: 1.1;
}

/* h3=15pt */

.emh3{
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 15pt;
}

/* h4=11pt */

.emh4{
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 13pt;
}

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

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

.fift-list{ /* frontpage */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
}

.footer-top-in{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1em;
}

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

.area-item{
  display: grid;
  grid-template-columns: 6em 1fr 6em;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

/* Logo
---------------------------------------------------------------------- */

#header-logo{
  left: 10px;
  position: absolute;
  top: 10px;
  z-index: 100;
}

.header-logo{
  width: 200px;
}

/* ----------------------------------------------------------------------
4.Layout
---------------------------------------------------------------------- */

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

/* Front Page Back Images */

.firs{
  background-image: url("images/firs.jpg");
  background-size: cover;
  background-position: center;
}

.thir{
  background-image: url("images/thir.jpg");
  background-size: cover;
  background-position: center right;
}

/* Contents Banner Back Images */
.sib{
  background-image: url("images/sib.jpg");
}

.atm{
  background-image: url("images/atm.jpg");
}

.sol{
  background-image: url("images/sol.jpg");
}

.tec{
  background-image: url("images/tec.jpg");
}

.wor{
  background-image: url("images/wor.jpg");
}

.pro{
  background-image: url("images/pro.jpg");
}

.cat{
  background-image: url("images/cat.jpg");
}

.sig{
  background-image: url("images/sig.jpg");
}

.clc{
  background-image: url("images/clc.jpg");
}

.clb{
  background-image: url("images/clb.jpg");
}

.cst{
  background-image: url("images/cst.jpg");
}

.def{
  background-image: url("images/def.jpg");
}

.cds{
  background-image: url("images/cds.jpg");
}

.cmp{
  background-image: url("images/cmp.jpg");
}

.rec{
  background-image: url("images/rec.jpg");
}

.c-banner{
  background-image: url("images/spray-insulation.jpg");
  background-size: cover;
  padding: 20vw 0 8vw;
}

.c-banner-mea{
  background-image: url("images/airtightness-meas.jpg");
  background-size: cover;
  padding: 22vw 0 14vw;
}

.contents-banner{ /* 共通 */
  background-position: right center;
  background-size: cover;
  height: calc( 20vw + 70px);
  position: relative;
  vertical-align: bottom;
}

.cb-caption{
  color: #F6F9EA;
  font-size: 28pt;
  font-family: 'Anton', sans-serif;
  position: absolute;
  left: 1em;
  line-height: 1.15;
  top: calc(1.3vw + 70px);
  text-align: left;
  z-index: 2;
}

video{
  width: 100%;
}

/* PDF Link */

.to-pdf{
  border: 2px solid #ff2116;
  position: relative;
}

.fa-file-pdf{
  color: #FF2116;
  font-size: 30.6px;
  left: 1rem;
  position: absolute;
  top: calc(50% - 15.3px);
  vertical-align: middle;
}

.to-pdf .pdf-name{
  line-height: 1.5rem;
  vertical-align: middle;
}

.to-pdf .pdf-name{
  display: block;
  margin: 1rem 1rem 1rem 3rem;
}

/* Anker */

.to-page{
  border-bottom: 2px dotted #4f5ced;
}

/* P Margin */

.parag-zero{
  margin-bottom: 0;
}
.parag-one{
  margin-bottom: 1rem;
}

.parag-tow{
  margin-bottom: 2rem;
}

.parag-three{
  margin-bottom: 3rem;
}

.parag-four{
  margin-bottom: 4rem;
}

.parag-five{
  margin-bottom: 5rem;
}

.parag-six{
  margin-bottom: 6rem;
}

.parag-vw{
  margin-bottom: 2.5vw;
}

.rl-full{
  background-color: #F1F1EF;
  padding: 4rem 0 2rem;
}

.rl-margin{
  margin-left: 2.5vw;
  margin-right: 2.5vw;
}

.first-col{ /* width 1279px Column */
  margin-left: auto;
  margin-right: auto;
  max-width: 1279px;
}

.sec-col{ /* width 910 Column */
  margin-left: auto;
  margin-right: auto;
  max-width: 910px;
}

.third-col{ /* width 791 Column */
  margin-left: auto;
  margin-right: auto;
  max-width: 488px;
}

.alCen{
  text-align: center;
}

.border-one{
  border: 1px solid #b8baaf;
}

.padding-one{
  padding: 1em;
}






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

#front-banner{
  background-color: #808080;
  position: relative;
  z-index: 2;
}

.front-img{
  padding-top: 70px;
  width: 100%;
}

#front-caption{
  left: 0;
  top: 70px;
  position: absolute;
}

.catch-first{
  color: #3A3B37;
  font-family: 'Anton', sans-serif;
  font-size: 12vw;
  left: 3vw;
  letter-spacing: .05em;
  line-height: 1.2;
  position: absolute;
  transform: rotate(-3deg);
}

.catch-sec{
  color: #F6F9EA;
  font-size: 7vw;
  font-family: 'Anton', sans-serif;
  left: 43vw;
  line-height: 1.2;
  top: 1vw;
  position: absolute;
}

/* First Contents */

.firs-title{
  font-size: 15pt;
  margin-bottom: 2rem;
  text-align: center;
}

.firs{
  padding-bottom: 4em;
}

/* Second Contents */

.seco{
  padding: 1cm;
}

.seco-f-phrase,
.seco-s-phrase{
  margin-bottom: 4em;
  padding: 1.618cm;
}

.seco h3{
  border-bottom: 1px solid #b8baaf;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}

.seco-f-phrase{
  border: 1px solid #b8baaf;
}

.seco-s-phrase{
  border: 1px solid #b8baaf;
}

/* Thirsd Contents */

.thir-title{
  color: #4F5CED;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 500;
  font-size: 15pt;
  line-height: 1.2;
  margin-bottom: 2em;
  text-align: center;
}

.thir-phrase{
  margin-bottom: 4em;
}

/* Four Contents */

.four{
  padding: 4rem 1cm;
  }
  
  .four h3{
    border-bottom: 1px solid #b8baaf;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
  }
  
  
  .four-f-phrase{
    background-color: #fff;
    border: 1px solid #b8baaf;
    margin-bottom: 2.5vw;
  }
  
  .four-s-phrase{
    background-color: #fff;
    border: 1px solid #b8baaf;
    margin-bottom: 2.5vw;
  }
  
  .four-f-phrase a, .four-s-phrase a{
    display: block;
    height: calc( 100% - 8vw );
    padding: 1.618cm;
  }
  
  .four-img{
    width: 340px;
  }
  
  /* Fifth Contents */
  
  .fift-ank{
    border: 1px solid #b8baaf;
    display: block;
    height: 100%;
  }
  
  .fift-item h3{
    font-weight: bold;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .fift-ank:hover{
    -moz-box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 0.24);
    -ms-box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 0.24);
  }
  
  .fift-phrase{
    font-size: 14px;
    padding: 1em;
  }

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

.c-banner-img{
  margin-left: 1cm;
  margin-right: 1cm;
}

.c-img{
  margin-left: 1cm;
  margin-right: 1cm;
}

.area-title{
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 30.9px;
  line-height: 1.1;
  margin-bottom: 3rem;
  text-align: center;
}

.area-item{
  border-top: 1px solid #b8baaf;
}

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

.area-item p{
  padding: 1em;
}

.area-list-title{
  background-color: #fff;
}

.area-list-phrase br{
  display: none;
}

.area-list-title::first-letter{
  padding-right: 1em;
}

.link-list{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.link-list-wrap{
  background-color: #EEEEEF;
  border-top: 1px solid #E6E6E6;
  padding: 2rem 2.5vw;
}

.to-page-sec{
  position: absolute;
  bottom: 10px;
  left: calc(50% - 0.5em);
}

.to-page-txt{
  display: none;
}

.fa-chevron-circle-right{
  color: #4F5CED;
}

.catalog-list-item{
  background-color: #fff;
  border-bottom: 1px solid #E6E6E6;
  border-left: 1px solid #F7F7F7;
  border-right: 1px solid #E6E6E6;
  border-top: 1px solid #F7F7F7;
  text-align: center;
  position: relative;
}
.cotalog-title{
  display: block;
  padding: 1em 1em 2.5em 1em;
}
.catalog-list-item:hover{
  -moz-box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 0.24);
  -ms-box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 0.24);
  box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 0.24);
}

.catalog-list-item a{
  display: block;
  height: 100%;
}

/* ----------------------------------------------------------------------
8.Airtightness Measured
---------------------------------------------------------------------- */

cite{
  display: block;
  text-align: right;
}

.link-banner{
  text-align: center;
}

.l-img{
  margin-left: auto;
  margin-right: auto;
}

.c-banner-img{
  -moz-box-shadow: -2px -1px 22px 1px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: -2px -1px 22px 1px rgba(0, 0, 0, 0.8);
  -ms-box-shadow: -2px -1px 22px 1px rgba(0, 0, 0, 0.8);
  box-shadow: -2px -1px 22px 1px rgba(0, 0, 0, 0.8);
}

.atn-number{
  background-color: #3a3b37;
  color: #F6F9EA;
  padding: 1em;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
  border-radius: 10px;
}

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

.solution-ank{
  border: 1px solid #b8baaf;
  display: block;
  margin-bottom: 0px;
}

.solution-item h3{
  padding-left: 1rem;
  padding-right: 1rem;
}

.solution-phrase{
  padding: 1em;
}

/* ----------------------------------------------------------------------
10.Procedure
---------------------------------------------------------------------- */

.proce-list{
  list-style: decimal;
  margin-left: 2em;
}

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

.presen-group-phrase{
  position: relative;
}

.presen-item{
  border: 1px solid #b8baaf;
  counter-increment: numeber;
  padding: 4vw 4vw 24vw 4vw;
  position: relative;
}

.presen-item::before{
  background-color: #D4A7B7;
  border-radius: 5px;
  color: #fff;
  content: counter(numeber);
  font-weight: bold;
  padding: 5px 15px;
	position: absolute;
	left: -5px;
	top: -5px;
}

.presen-item .presen-title{
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 1rem;
  padding-top: 1em;
  transform: rotate(0.03deg);
}

.presen-phrase{
  margin-bottom: 1rem;
}

.presen-fig{
  border: 1px solid #B8BAAF;
  border-radius: 50%;
  bottom: 2.5vw;
  overflow: hidden;
  position: absolute;
  right: 2.5vw;
  text-align: right;
}

.presen-img{
  width: 20vw;
}

.item-phrase{
  position: relative;
}

/* ----------------------------------------------------------------------
12.Company Info
---------------------------------------------------------------------- */

.company-item{
  border-top: 1px solid #b8baaf;
}

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

.company-title{
  background-color: #f6f9ea;
  padding: 1em;
}

.company-phrase{
  padding: 1em;
}

.company-phrase ul{
  list-style: disc;
  margin-left: 1em;
}

.phone{
  font-size: 22.1px;
  text-align: center;
}

.phone a{
  border-bottom: 2px dotted #00f;
}

.to-recruit{
  background-image: url("images/recruit.jpg");
  background-size: cover;
  border:1px solid #b8baaf;
  margin-left: auto;
  margin-right: auto;
  max-width: 486px;
}

.to-recruit-in{
  position: relative;
  width: 100%;
}

.to-recruit-in::before{
  display: block;
  content: "";
  padding-top: 31.25%; /* 縦横比 */
}

.to-recruit-an{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.to-recruit-text{
  color: #fff;
  font-size: 25.9px;
  position: absolute;
  right: 2rem;
  top: 2rem;
}

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

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

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

.bef-aft{
  background-color: #F1F1EF;
  padding: 2rem;
}


.circle{
  border: 1px solid #3a3b37;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}

.wp-image-602,
.wp-image-603{
  object-fit: cover;
}

.circle-phrase{
  padding: 1.5em;
  margin-left: auto;
  margin-right: auto;
  max-width: 325px;
}

.cost-table{
  overflow: hidden;
}

.cost-table .cost-table-wrap{
  overflow-x: auto;
}

.unit{
  font-size: 9.9px;
}

.cost-list{
  border-collapse: collapse;
  border-spacing: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.cost-list th,
.cost-list td{
  padding: 0.5em;
  padding-top: 0.5em;
  white-space: nowrap;
}

.cost-list th{
  background-color: #F6F9EA;
  border-bottom: 1px solid #b8baaf;
  border-left: 1px solid #b8baaf;
  border-top: 1px solid #b8baaf;
  text-align: center;
}

.cost-list th:last-child{
  border-right: 1px solid #b8baaf;
}

.cost-list td{
  border-bottom: 1px solid #b8baaf;
  border-left: 1px solid #b8baaf;
}

.cost-list td:last-child{
  border-right: 1px solid #b8baaf;
}

.al-c{
  text-align: center;
}

.al-r{
  text-align: right;
}

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


.cost-phrase-wrap p{
  padding: 1rem 0;
}

.etc-item-phrase{
  padding: 1.5em 0;
}

/* ----------------------------------------------------------------------
14.Works
---------------------------------------------------------------------- */

.works-repeat{
  padding: 4rem 0 2rem;
}

.works-repeat:nth-child(2n){
  background-color: #F1F1EF;
}

.to-catalog{
  margin-top: 2em;
  text-align: right;
}
.to-catalog a{
  border-bottom: 2px dotted #4f5ced;
}

/* ----------------------------------------------------------------------
15.Recruit
---------------------------------------------------------------------- */

.recruit-item{
  border-top: 1px solid #b8baaf;
}

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

.recruit-title{
  background-color: #f6f9ea;
  padding: 1em;
}

.recruit-phrase{
  padding: 1em;
}

.recruit-phrase ol{
  list-style: disc;
  margin-left: 1em;
}

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

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

.catalog-item{
  border-top: 1px solid #B8BAAF;
  height: 100%;
}

.list-item:last-child{
  border-bottom: 1px solid #B8BAAF;
}

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

.catalog-img{
  margin: 1.54vw;
}

.catalog-phrase .title{
  line-height: 1.2;
  margin: 1.54vw 0 1vw 1.54vw;
}

.catalog-phrase .phrase{
  font-size: 11px;
  margin: 0 0 1.54vw 1.54vw;
}

/* Single
---------------------------------------------------------------------- */

.flexslider{
  max-width: 1200px;
}

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

.footer-top{
  padding-bottom:2em;
  padding-top: 2e,;
}

.f-phone{
  border-right: 1px solid #3A3B37;
  text-align: center;
}

.phone-phrase{
  display: block;
}

.f-area-title{
  font-size: 18px;
  text-align: center;
}

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

.footer-contents{
  padding-bottom: 2em;
  padding-top: 2em;
}

.footer-bottom{
  margin-bottom: 4rem;
}

.f-corporation .to-top{
}

#f-logo figcaption{
  font-size: 17pt;
  display: block;
}

/* Basic ⇒ Footer navigation
---------------------------------------------------------------------- */

.footer-nav-body{
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
}

#footer-nav-list{
  text-align: center;
}

#footer-nav-list li{
  font-size: 14px;
  display: inline-block;
  padding: 0 0.3em;
}

#footer-nav-list li.menu-item-868{
  border-bottom: 1px dotted #B8BAAF;
  display: block;
}

#footer-nav-list li.menu-item-878,
#footer-nav-list li.menu-item-877,
#footer-nav-list li.menu-item-876,
#footer-nav-list li.menu-item-875,
#footer-nav-list li.menu-item-867,
#footer-nav-list li.menu-item-868{
  font-size: 16px;
}

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

#copyright{
  margin-left: 2em;
  margin-right: 2em;
  padding-bottom: 2em;
  padding-top: 2em;
  text-align: center;
}

/* ----------------------------------------------------------------------
6.Basic
---------------------------------------------------------------------- */

* {
  color: #000 !important;
  text-shadow: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
a,
a:visited {
  text-decoration: none;
}

/*
a[href]:after {
  content: " (" attr(href) ")";
}
abbr[title]:after {
  content: " (" attr(title) ")";
}
a[href^="javascript:"]:after,
a[href^="#"]:after {
  content: "";
}
*/

pre,
blockquote {
  border: 1px solid #999;
  page-break-inside: avoid;
}
thead {
  display: table-header-group;
}
tr,
img {
  page-break-inside: avoid;
}
img {
  max-width: 100% !important;
}
@page  {
  margin: 2cm .5cm;
}
p,
h2,
h3 {
  orphans: 3;
  widows: 3;
}
h2,
h3 {
/*  page-break-after: avoid;*/
}
select {
  background: #fff !important;
}
.navbar {
  display: none;
}
.table td,
.table th {
  background-color: #fff !important;
}
.btn > .caret,
.dropup > .btn > .caret {
  border-top-color: #000 !important;
}
.label {
  border: 1px solid #000;
}
.table {
  border-collapse: collapse !important;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #ddd !important;
}