@charset "UTF-8";
/*サイトマップ用css*/
/*-------------------------------

	600pxまで（sp）

-------------------------------*/
.ttl_box {
  background: url(../img/bg_spBP17-009473D.jpg) no-repeat center / cover;
  background-position-y: -4vh;
}
.ttl_box h1 {
  font-size: 7.8vw;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding-top: 40px;
}
.ttl_box .copy {
  font-size: 4.8vw;
  text-align: center;
  color: #fff;
  padding-top: 14px;
}
.ttl_box .airplane {
  position: relative;
  height: 36.5vw;
  overflow: hidden;
}
.ttl_box .airplane img {
  position: absolute;
  right: -17vw;
  width: 105%;
}
.read_txt {
  padding: 6% 6% 8% 6%;
  font-size: 3.2vw;
  line-height: 1.7;
}
.service {
  background-color: #F7F7F7;
  padding: 6% 5%;
}
.service h2 {
  font-size: 5vw;
  color: #00004A;
  font-weight: 500;
  text-align: center;
  font-family: sans-serif;
  letter-spacing: 2px;
}
.service ul {
  margin-top: 4vw;
}
.service_box {
  background-color: #fff;
  padding: 3%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  margin-bottom: 3vw;
}
.service_box_inner {
  display: flex;
}
.service_box_inner > a {
  width: 45%;
}
.service_box > a {
  display: block;
  height: auto;
}
.service_box .txt {
  width: 55%;
  display: block;
  padding-left: 3%;
  position: relative;
    padding-bottom: 2.1rem;
}
.service_box .txt dt {
  color: #000;
  margin-bottom: 4px;
}
.service_box .txt dd {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #000;
}
.service .pc {
  display: block;
}

.service .pc .detail {
    position: absolute;
    margin-top: 4px;
    float: right;
    bottom: 0;
    right: 0;
}
    .service .pc .detail span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
  }
/*-------------------------------

	600pxから（タブレット）

-------------------------------*/
@media print, screen and (min-width: 600px) {
    .read_txt{
        font-size: 1.4rem;
    }
    .ttl_box h1{
        font-size: 42px;
    }
    .ttl_box .copy{
        font-size: 20px;
    }
    .service h2 {
    font-size: 28px;
        margin-bottom: 20px;
    }
    .ttl_box .airplane img {
    max-width: 700px;
}
    .service ul {
    clear: both;
    overflow: hidden;
    max-width: 960px;
    margin: 0 auto;
  }
  .service_box {
    float: left;
    width: 48%;
    padding: 20px;
  }
  .service {
    padding: 0%;
    padding-top: 30px;
    position: relative;
  }
  .service ul li:nth-child(2n) {
    margin-left: 4%;
  }
  .service_box_inner > a {
    width: 53%;
  }
  .service_box .txt {
    width: 47%;
    position: relative;
  }
  .service .pc {
    display: block;
  }
    .sp_pointer{
        pointer-events: none;
    }
   
    
}
/*-------------------------------

	960pxから（pc）

-------------------------------*/
@media print, screen and (min-width: 960px) {
      .ttl_outer {
    position: relative;
  }
  .ttl_outer::after {
    position: absolute;
    content: "";
    background: url(../img/bg_BP17-009473D.jpg) no-repeat;
    background-size: cover;
      background-position-y: bottom;
    width: 51%;
    right: 0;
    height: 100%;
    top: 0;
  }
  .ttl {
    max-width: 960px;
    margin: 0 auto;
  }
  .ttl_box {
    background: none;
    width: 960px;
    margin: 0 auto;
  }
  .ttl_box h1 {
    font-size: 42px;
    color: #00004A;
    text-align: left;
    font-family: sans-serif;
    letter-spacing: 2px;
    font-weight: 500;
  }
  .ttl_box .copy {
    font-size: 20px;
    color: #00004A;
    text-align: left;
  }
  .ttl_box .airplane {
    position: absolute;
    z-index: 1;
    
    top: 10px;
    left: 36%;
    height: auto;
  }
  .ttl_box .airplane img {
    position: unset;
    right: 0;
    width: 60vw;
      max-width: 780px;
  }
  .read_txt {
    padding: 0;
    font-size: 1.2rem;
    max-width: 444px;
    margin-top: 80px;
    padding-bottom: 20px;
  }
  .service h2 {
    font-size: 28px;
    position: absolute;
    width: 100%;
    top: -20px;
  }
  .service h2 br {
    display: none;
  }
  .service ul {
    clear: both;
    overflow: hidden;
    max-width: 960px;
    margin: 0 auto;
  }
  .service_box {
    float: left;
    width: 48%;
    padding: 20px;
  }
  .service {
    padding: 0%;
    margin-top: 100px;
    padding-top: 60px;
    position: relative;
  }
  .service ul li:nth-child(2n) {
    margin-left: 4%;
  }
      .service .pc .detail {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .service_box_inner > a {
    width: 53%;
  }
  .service_box .txt {
    width: 47%;
    position: relative;
  }
  .service .pc {
    display: block;
  }
  .service .pc .detail {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}