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

/* ================================================== */
/* #ページ内共通 */
/* ================================================== */

section + section{
  margin-top:180px;
  }
@media only screen and (max-width: 480px) {
section + section{
  margin-top:100px;
  }
}

/* ================================================== */
/* #airguard */
/* ================================================== */

#airguard{}

#airguard .pileup_title .en .layer02{
  left: 0.4em;
  }
#airguard .catch{
  font-size:4.0rem;
  }
#airguard .em{
  font-size:1.8rem;
  margin:50px 0;
  }
#airguard .imgwrap{
  width:100%;
  margin-top:50px;
  }
#airguard .imgwrap .pc{
  display:block;
  }
#airguard .imgwrap .sp{
  display:none;
  }
/* linkarea */
#airguard .linkarea{
  color: #FFF;
  text-align: center;
  margin-top:100px;
  }
#airguard .linkarea > div{
  display: block;
  width: 100%;
  }
#airguard .linkarea > div::before{
  background-color: #4B7C84;
  }
#airguard .linkarea > div::after{
  background-image: url(/img/about/airguard_linkarea.png);
  }
#airguard .linkarea .inner{
  position: relative;
  max-width:1000px;
  padding:30px;
  }
#airguard .linkarea .catch{
  font-size:3.0rem;
  line-height:normal;
  margin-top:10px;
  }

@media only screen and (max-width: 480px) {
#airguard .catch{
  font-size:2.0rem;
  line-height: 1.6;
  }
#airguard .em{
  font-size:1.4rem;
  margin:30px 0;
  }
#airguard .imgwrap{
  margin-top:30px;
  }
#airguard .imgwrap .pc{
  display:none;
  }
#airguard .imgwrap .sp{
  display:block;
  }
#airguard .linkarea{
  margin-top:60px;
  }
#airguard .linkarea .catch{
  font-size:2.0rem;
  }
}

/* ================================================== */
/* #howto */
/* ================================================== */

#howto{
  text-align:center;
  }
#howto .method{
  }
#howto .method .box{
  text-align:left;
  width:33.3333%;
  padding:0 30px;
  }
#howto .method .box + .box{
  border-left: solid #A8A8A8 1px;
  }
#howto .method .box .number{
  position:relative;
  text-align: center;
  font-size:5.0rem;
  color:#A8A8A8;
  margin:40px auto;
  }
#howto .method .box .number::before{
  position: absolute;
  top:50%;
  right:50%;
  -webkit-transform: translateY(-45%);
  -moz-transform: translateY(-45%);
  transform: translateY(-45%);
  content: '';
  display: inline-block;
  width: 66px;
  padding-top: 25.7575%;
  background-size: contain;
  background-position:center;
  background-repeat:no-repeat;
  background-image: url(/img/about/icon_method.svg); 
  }
/* 動画 */
#howto video{
  margin-top:80px;}

@media only screen and (max-width: 768px) {
#howto .method .box{
  padding:0 20px;
  }
}
@media only screen and (max-width: 640px) {
#howto .method{
  display:block;
  }
#howto .method .box{
  width:100%;
  padding:40px 0;
  border-bottom: solid #A8A8A8 1px;
  }
#howto .method .box + .box{
  border-left: none;
  }
#howto .method .box .number{
  margin:20px auto;
  }
}
/* ================================================== */
/* 背景 */
/* ================================================== */
/*body{
  background-image: url(/img/common/bg_parts01.jpg), url(/img/common/bg_parts03.jpg);
  background-repeat:no-repeat, no-repeat;
  background-position:right 30%, left 57%;
  background-size:32%, 25%;
  }
@media only screen and (max-width: 768px) {
body{
  background-position:right 14%, left 50%;
  }
  }*/
.bgparts{
  position: absolute;
  z-index:-1;
  }
.bgparts.p01{
  top:20%;
  right:0;
  width:33%;
  }
.bgparts.p02{
  top:62%;
  left:0;
  width:25%;
  }
@media only screen and (max-width: 480px) {
.bgparts.p01{
  top:10%;
  width:66%;
  }
.bgparts.p02{
  top:48%;
  width:50%;
  }
  }