@charset "UTF-8";
/******************************
ドローン事業部 Style
*******************************/
/*
共通
*/
h2 {
  border-color: #69C2EE; }

/*
 drone
*/
.drone {
  position: relative; }
  @media screen and (max-width: 1024px) {
    .drone {
      margin-top: 20rem; } }
  @media screen and (min-width: 1025px) {
    .drone {
      margin-top: 14rem; } }
  .drone__bgimg {
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 1024px) {
      .drone__bgimg {
        top: -15rem;
        right: -2rem;
        text-align: right; }
        .drone__bgimg img {
          width: 70%;
          height: auto; } }
    @media screen and (min-width: 1025px) {
      .drone__bgimg {
        top: -5rem;
        right: -5rem; } }
  .drone__title h2 {
    border-color: #359239; }
  .drone__title__main {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 700; }
    @media screen and (max-width: 1024px) {
      .drone__title__main {
        font-size: 5rem;
        line-height: 5.5rem; } }
    @media screen and (min-width: 1025px) {
      .drone__title__main {
        font-size: 7.6rem;
        line-height: 8.2rem; } }
  .drone__title__sub {
    display: block;
    margin-top: 1rem;
    font-weight: 700; }
    @media screen and (max-width: 1024px) {
      .drone__title__sub {
        font-size: 2.4rem; } }
    @media screen and (min-width: 1025px) {
      .drone__title__sub {
        font-size: 3.6rem; } }
  .drone__service {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4rem; }
    .drone__service__item {
      overflow: hidden;
      background: #fff; }
      @media screen and (max-width: 1024px) {
        .drone__service__item {
          width: 100%;
          margin-bottom: 1rem; } }
      @media screen and (min-width: 1025px) {
        .drone__service__item {
          width: 30%;
          margin: 3rem 5% 4rem 0; }
          .drone__service__item:nth-child(3n) {
            margin-right: 0; } }
      .drone__service__item__bgimg {
        width: 100%;
        padding-top: 75%;
        transition-duration: 1s;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
      .drone__service__item__main {
        position: relative;
        top: -1.5rem;
        background-color: #fff; }
        @media screen and (max-width: 1024px) {
          .drone__service__item__main {
            margin: 1rem;
            padding: 1rem; } }
        @media screen and (min-width: 1025px) {
          .drone__service__item__main {
            margin: 1.2rem;
            padding: 1.5rem;
            min-height: 170px; } }
        .drone__service__item__main__title {
          border-bottom: 2px solid #B4B4B4;
          font-weight: 700;
          margin-bottom: 0.6rem; }
          @media screen and (max-width: 1024px) {
            .drone__service__item__main__title {
              font-size: 1.6rem; } }
          @media screen and (min-width: 1025px) {
            .drone__service__item__main__title {
              font-size: 2.4rem; } }
        @media screen and (max-width: 1024px) {
          .drone__service__item__main__text {
            font-size: 1.4rem;
            line-height: 2.0rem; } }
        .drone__service__item__main__text p {
          display: inline;
          background: -webkit-gradient(linear, left top, left bottom, to(#944A3C));
          background-position-x: 0%;
          background-position-y: 0%;
          background-repeat: repeat;
          background-size: auto;
          background: linear-gradient(#944A3C 100%);
          background-position: right bottom;
          background-repeat: no-repeat;
          background-size: 0 1px;
          -webkit-transition: background-size 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: background-size 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); }
          a:hover .drone__service__item__main__text p {
            display: inline;
            background: -webkit-gradient(linear, left top, left bottom, to(#000));
            background-position-x: 0%;
            background-position-y: 0%;
            background-repeat: repeat;
            background-size: auto;
            background: linear-gradient(#000 100%);
            background-position: left bottom;
            background-repeat: no-repeat;
            background-size: 100% 1px;
            -webkit-transition: background-size 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
            transition: background-size 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
            will-change: background-size, background; }

/*
使用機体
*/
@media screen and (max-width: 1024px) {
  .aircraft {
    margin-top: 10rem; } }
@media screen and (min-width: 1025px) {
  .aircraft {
    margin-top: 14rem; } }
.aircraft__title h2 {
  border-color: #F5C53A; }
.aircraft__list {
  margin-top: 4rem; }
  .aircraft__list dt {
    font-weight: 700; }
    @media screen and (max-width: 1024px) {
      .aircraft__list dt {
        font-size: 2rem; } }
    @media screen and (min-width: 1025px) {
      .aircraft__list dt {
        font-size: 2.4rem; } }
  .aircraft__list dd {
    margin-bottom: 2rem; }
    @media screen and (max-width: 1024px) {
      .aircraft__list dd {
        font-size: 1.4rem; } }

/*
メリット
*/
@media screen and (max-width: 1024px) {
  .benefits {
    margin-top: 10rem; } }
@media screen and (min-width: 1025px) {
  .benefits {
    margin-top: 14rem; } }
.benefits__list {
  list-style: decimal;
  font-size: 2.8rem;
  font-weight: 700; }
  @media screen and (max-width: 1024px) {
    .benefits__list {
      margin-top: 2rem;
      margin-left: 3rem; } }
  @media screen and (min-width: 1025px) {
    .benefits__list {
      margin-top: 3rem;
      margin-left: 6rem; } }
  @media screen and (max-width: 1024px) {
    .benefits__list__item {
      margin-bottom: 2rem;
      padding-left: 1.2rem; } }
  @media screen and (min-width: 1025px) {
    .benefits__list__item {
      margin-bottom: 3rem;
      padding-left: 2rem; } }
  @media screen and (max-width: 1024px) {
    .benefits__list__item dt {
      font-size: 2rem; } }
  .benefits__list__item dd {
    font-size: 1.6rem;
    font-weight: 400; }

/*
料金・コース
*/
.price {
  padding: 6rem 0;
  background-color: #F9F9F9; }
  @media screen and (max-width: 1024px) {
    .price {
      margin-top: 10rem; } }
  @media screen and (min-width: 1025px) {
    .price {
      margin-top: 14rem; } }
  .price__container {
    background-color: #fff;
    border-radius: 1rem; }
    @media screen and (max-width: 1024px) {
      .price__container {
        margin-top: 5rem;
        padding: 0 1.5rem 6rem; } }
    @media screen and (min-width: 1025px) {
      .price__container {
        margin-top: 8rem;
        padding: 0 6rem 6rem; } }
    .price__container h3 {
      position: relative; }
      @media screen and (max-width: 1024px) {
        .price__container h3 {
          top: -2.2rem;
          left: -0.4rem;
          font-size: 2.2rem; } }
      @media screen and (min-width: 1025px) {
        .price__container h3 {
          top: -3.2rem;
          left: -3.2rem;
          font-size: 3.2rem; } }
  @media screen and (max-width: 1024px) {
    .price__msg {
      margin-bottom: 5rem; } }
  @media screen and (min-width: 1025px) {
    .price__msg {
      margin-bottom: 3rem; } }
  @media screen and (min-width: 1025px) {
    .price__items {
      display: flex;
      flex-wrap: wrap; } }
  @media screen and (max-width: 1024px) {
    .price__item {
      margin: 2rem 0 6rem; } }
  @media screen and (min-width: 1025px) {
    .price__item {
      width: 30%;
      margin: 3rem 5% 7rem 0; }
      .price__item:nth-child(3n) {
        margin-right: 0; } }
  .price__item__header {
    border-top: 5px solid #69C2EE;
    border-bottom: 5px solid #69C2EE; }
    @media screen and (max-width: 1024px) {
      .price__item__header {
        padding: 1.2rem 0; } }
    @media screen and (min-width: 1025px) {
      .price__item__header {
        padding: 2rem 0; } }
    .price__item__header__name {
      font-weight: 600; }
      @media screen and (max-width: 1024px) {
        .price__item__header__name {
          font-size: 2rem; } }
      @media screen and (min-width: 1025px) {
        .price__item__header__name {
          font-size: 2.8rem; } }
      @media screen and (max-width: 1024px) {
        .price__item__header__name span {
          font-size: 1.8rem; } }
      @media screen and (min-width: 1025px) {
        .price__item__header__name span {
          font-size: 2.2rem; } }
    .price__item__header__price {
      font-weight: 600;
      text-align: right; }
      @media screen and (max-width: 1024px) {
        .price__item__header__price {
          font-size: 2rem; } }
      @media screen and (min-width: 1025px) {
        .price__item__header__price {
          font-size: 2.8rem; } }
      @media screen and (max-width: 1024px) {
        .price__item__header__price span {
          font-size: 1.4rem; } }
      @media screen and (min-width: 1025px) {
        .price__item__header__price span {
          font-size: 1.6rem; } }
  .price__item__contents {
    padding: 1.6rem 0; }
    .price__item__contents__note {
      margin-top: 2rem; }

/*
飛行場
*/
@media screen and (max-width: 1024px) {
  .flightspace {
    margin-top: 5rem; } }
@media screen and (min-width: 1025px) {
  .flightspace {
    margin-top: 7rem; } }
@media screen and (max-width: 1024px) {
  .flightspace__container {
    margin-top: 3rem; } }
@media screen and (min-width: 1025px) {
  .flightspace__container {
    margin-top: 4rem;
    display: flex;
    justify-content: space-between; } }
@media screen and (max-width: 1024px) {
  .flightspace__text {
    margin-bottom: 2rem; } }
@media screen and (min-width: 1025px) {
  .flightspace__text {
    width: 40%;
    order: 2; } }
.flightspace__text__box1 {
  margin-bottom: 2rem; }
.flightspace__text__box2--title {
  font-weight: 600;
  margin-bottom: 0.5rem; }
.flightspace__text__box2 dl {
  margin-bottom: 2rem; }
.flightspace__text__box2 dd {
  margin-left: 2rem;
  margin-bottom: 0.5rem; }
@media screen and (max-width: 1024px) {
  .flightspace__text__box2__btn {
    text-align: center; } }
@media screen and (min-width: 1025px) {
  .flightspace__text__box2__btn {
    text-align: right; } }
@media screen and (max-width: 1024px) {
  .flightspace__img {
    margin-bottom: 2rem; } }
@media screen and (min-width: 1025px) {
  .flightspace__img {
    width: 55%;
    order: 1; } }
.flightspace__intro__btn {
  margin-top: 4rem; }
  @media screen and (max-width: 1024px) {
    .flightspace__intro__btn {
      text-align: center; } }
  @media screen and (min-width: 1025px) {
    .flightspace__intro__btn {
      text-align: left; } }

/*
映像
*/
@media screen and (max-width: 1024px) {
  .flightspace_video {
    margin-top: 5rem; } }
@media screen and (min-width: 1025px) {
  .flightspace_video {
    margin-top: 7rem; } }
@media screen and (min-width: 1025px) {
  .flightspace_video__container {
    display: flex;
    justify-content: space-between; } }
@media screen and (max-width: 1024px) {
  .flightspace_video__item {
    margin-bottom: 1rem; } }
@media screen and (min-width: 1025px) {
  .flightspace_video__item {
    width: 48%; } }
.flightspace_video__item video {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.business_info {
  padding: 6rem 0;
  background-color: #F9F9F9; }
  @media screen and (max-width: 1024px) {
    .business_info {
      margin-top: 10rem; } }
  @media screen and (min-width: 1025px) {
    .business_info {
      margin-top: 14rem; } }
  .business_info__container {
    background-color: #fff;
    border-radius: 1rem; }
    @media screen and (max-width: 1024px) {
      .business_info__container {
        margin-top: 2rem;
        padding: 1.5rem; } }
    @media screen and (min-width: 1025px) {
      .business_info__container {
        margin-top: 4rem;
        padding: 4rem 6rem; } }
  .business_info__list dt {
    font-weight: 600; }
  .business_info__list dd {
    margin: 0 0 2rem 1rem; }