/* CSS Document */
.br1 {
  /*  padding: 480px 120px 120px 120px;
  margin-top: -360px;
  background-image: url("<?php echo get_template_directory_uri(); ?>/image/common/scroll-arrow.png");
  background-position: top 60px right 8vw;
  background-repeat: no-repeat;*/
  padding: 360px 0 60px;
  margin-top: -360px;
/*  background-image: url(//www.airport-h.jp/wp3/wp-content/themes/onepress/image/common/scroll-arrow.png);*/
  background-position: top 60px right 8vw;
  background-repeat: no-repeat;
}
.br1inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1300px;
  width: 96%;
  margin: 0 auto 60px;
}
.br12 {
  max-width: 1300px;
  width: 100%;
  margin: auto;
}
.br1txt h4 {
  font-size: 35px;
  display: flex;
  align-items: center; /* 垂直中心 */
}
/*.br1txt h4:after {
  margin-left: 1em; 
  border-top: 1px solid;
  content: "";
  margin-left: 0.5em;
  width: 0.8em; 
}*/
.br1txt {
  font-size: 18px;
  color: #000;
  width: 33%;
    line-height: 2.0em;
}
.br1img {
width: 65%;
max-width:840px;
aspect-ratio: 84 / 61;
}
.br1img img {
  width: 100%;
}
.br121 {
  display: flex;
  /*align-items: center;*/
  margin: 70px auto 70px auto;
  max-width: 1300px;
  width: 96%;
  justify-content: space-between;
}
.br121txt {
  font-size: 25px;
  line-height: 1.8em;
  padding-top: 90px;
  max-width: 394px;
  width: 30%;
  font-feature-settings: "palt";
  line-break: strict;
}
.br122 {
  display: flex;
  justify-content: space-between;
  max-width: 1300px;
  width: 96%;
  margin: auto;
}
.br121img1 {
  width: 67%;
  text-align: right;
}
.br121img2 {
  width: 30%;
}
.br121img2 img {
  width: 100%;
}
.br121img1 img {
  max-width: 818px;
}
.br122img2 img {
  display: block;
  margin-top: -120px;
  max-width: 373px;
}
.br3 {
  margin-top: 120px;
}
.br31 {
  display: flex;
  max-width: 1300px;
  margin: 20px auto 20px auto;
  width: 96%;
  padding: 0;
}
.br31 li {
  display: flex;
  width: 50%;
  margin: 0;
  padding: 0;
}
.br31 li div {
  max-width: 325px;
  max-height: 300px;
  width: 50%;
  aspect-ratio: 325 / 300;
}
.br31 {
  max-width: 1300px;
}
.br31txt {
  background-color: #f3eee5;
  display: flex;
  justify-content: center;
  align-items: center;
}
.br31txt p {
  font-size: 20px;
  color: #000;
  text-align: center;
}
.br12img {
  display: block;
  /*max-width: 1300px;
                                    width: 96%;*/
  margin: auto;
}
.br12img img {
  width: 100%;
}
.br4h3 {
  display: flex;
  font-size: 30px;
  background-color: #c9b38e;
  padding: 20px;
  border-radius: 40px;
  font-weight: bold;
  color: #fff;
  width: 630px;
  margin: 80px auto;
  text-align: center;
  letter-spacing: 0.1em;
  justify-content: center;
  align-items: center;
}
.br4h3 span {
  font-size: 30px;
}
.br121txt p{
    font-size: 20px;
    line-height: 2em;
}
.br4{
    padding-bottom: 100px;
}
.br2 {}
.clinner a {
  width: 100%;
  aspect-ratio: 56 / 28;
  background-size: cover;
  background-position: center center;
  color: #fff;
  font-size: 38px;
  line-height: 1.8em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clinner li {
  width: 30%;
  aspect-ratio: 56 / 28;
  margin: 0;
  padding: 0;
}
.clinner {
  display: flex;
  max-width: 1750px;
  width: 96%;
  margin: auto;
  list-style: none;
  justify-content: space-between;
  padding: 160px 0;
  align-items: center;
}
/*sp*/
@media (max-width: 750px) {
  .br1 {
    padding: 0;
    margin-top: -80px !important;
    background-image: none;
    background-position: top 60px right 8vw;
    background-repeat: no-repeat;
    padding-top: 100px;
  }
  .br1inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 64%;
    margin: auto;
    padding-bottom: 30px;
  }
  .br1inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column-reverse;
  }
  .br1img {
    width: 100%;
  }
  .br1imgbox {
    width: 100%;
  }
  .br1txt {
    font-size: 18px;
    color: #000;
    width: 100%;
      line-height: 2.0em;
  }
  .rbr1txt h4:after {
    border-top: 1px solid;
    content: "";
    margin-left: 0.5em;
    width: 3em;
  }
  .br1txt h4 {
    font-size: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .br3 {
    margin-top: 20px;
  }
  .br121img1 img, .br122img2 img {
    width: 100%;
  }
  .br121txt {
    width: 60%;
    line-height: 1.5em;
    padding-top: 0px;
    max-width: 394px;
    font-feature-settings: "palt";
    line-break: strict;
  }
  .br121txt p {
    font-size: 15px !important;
    line-height: 1.5em;
  }
  .br121img {
    width: 36%;
  }
  .br121img1 {
    width: 60%;
    text-align: right;
  }
  .br122img2 {
    width: 36%;
    text-align: left;
  }
  .br122img2 img {
    display: block;
    margin-top: -60px;
    max-width: 373px;
  }
  .br4h32 {
    width: 96%;
    display: block;
    margin: 60px auto;
  }
  .br31 {
    display: block;
    max-width: 1300px;
    margin: 0;
    width: 96%;
    padding: 0;
  }
  .br31 li {
    display: flex;
    width: 100%;
    margin: 10px 0;
    padding: 0;
  }
  .br31reverse {
    flex-direction: row-reverse;
  }
}


/*タブレット*/
@media only screen and (min-width: 750px) and (max-width: 1024px) {
    
    .heroimagebox img{
                    height: auto!important;
            aspect-ratio: 7 / 4!important;

  object-fit: cover;
    }
    
.br1txt {
width: 43.5% !important;
        font-size: 18px !important;
    line-height: 2.0em;
}
.br1img {
width: 65%;
max-width:840px;
aspect-ratio: 84 / 61;
}
    
    .br1{
         padding: 400px 0px 30px 0px;
    }
.br3 {
    margin-top: 40px;
}
       
    .br121img{
        width: 60%;
    }    
    .br121txt{
        width: 38%!important;
        padding-top: 0px;
    }
    .br121txt p{
        font-size: 15px;
        line-height: 1.8em;
    }
    
    .br121img1 img{
        width: 100%;
    }
    .br121img1{
        width: 55%;
    }
    
    .br122img2{
        width: 43%;
    }
    .br122img2 img{
        width: 100%;
    }
    
    .br4h3{
        font-size: 30px;
        max-width: 600px;
    }
    .br4h3 span{
        font-size: 26px;
    }
    
.br31txt p {
    font-size: 15px;
    color: #000;
    text-align: center;
}
    
    
    
    
}