/*
Theme Name: Lightning
Text Domain: lightning
Theme URI: https://lightning.vektor-inc.co.jp/en/
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Version: 14.18.1
Requires at least: 5.3
Tested up to: 5.9.2
Requires PHP: 5.6.0
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html


Lightning WordPress theme, Copyright (C) 2015-2022 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.

Lightning WordPress Theme bundles the following third-party resources:

Font Awesome icon font, Copyright 2012 Fonticons, Inc.
its fonts are licensed under the terms of the SIL OFL License 1.1, and its code is licensed under the terms of the MIT license
Source: https://fontawesome.com/

Bootstrap framework, Copyright 2011 Bootstrap Authors and Twitter, Inc.
Bootstrap is licensed under the terms of the MIT license
Source: https://getbootstrap.com/

CSS Simple Tree Shaking
CSS Simple Tree Shaking is licensed under the terms of the GNU General Public License v2 license
Source: https://celtislab.net/
*/
/*ゴシック体系サンセリフ体、Noto Sans JP*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;800;900&display=swap");
/*明朝体系セリフ体、Noto Serif JP*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@200;300;400;500;600;700;800;900&display=swap");
.sp-br {
  display: none;
}
.sp-img {
  display: none;
}
.page-header,
.breadcrumb,
.veu_contentAddSection,
.site-body-bottom {
  display: none !important;
}
.is-style-vk-group-solid-roundcorner {
  border-radius: 13px !important;
}
body,
html {
  font-family: "Roboto Slab", "Noto Sans JP", "ヒラギノ角ゴ ProN",
    "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif !important;
}
.site-body {
  padding: 0 !important;
  background-color: #ebecf0;
}
.site-body-container {
  max-width: 100vw !important;
  padding: 0 !important;
}

main {
  padding: 0 !important;
}
.site-header::after {
  display: none !important;
}
.text-shadow {
  text-shadow: 1px 2px 3px #808080;
}
.headline-border span {
  border-bottom: 0.1vw solid #222;
  display: inline-block;
  padding: 0 0 1vw;
}
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 82px;
}
.site-branding {
  padding-left: 1em;
}
.site-branding h1 {
  margin: 0;
}
.site-branding h1 img {
  vertical-align: middle;
}
.header-desc {
  display: flex;
  align-items: center;
  max-height: 100%;
}
.header-desc h2 {
  margin: 0 1em 0 0;
  padding: 0;
  border: none;
  font-size: 1em;
  color: #e63c96;
}
.header-desc img {
  vertical-align: middle;
}
body.custom-background {
  background-image: none !important;
}
.intro h2 {
  text-decoration: underline;
}
.intro-txt {
  line-height: 3em;
}
.reason-wrapper {
  max-width: 1051px;
  margin: 0 auto;
}
.kda-headline {
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
}
.kda-headline h2 {
  border-top: solid 3px #00a8ff !important;
  border-bottom: solid 3px #00a8ff !important;
  margin: 0;
  text-shadow: 0 1px 2px rgb(0 0 0 / 40%);
}
.h2-reason {
  margin: 0.3em 0;
}
.pc-reason {
  box-shadow: 0px 0px 15px -3px #777777;
}
.smp-reason {
  display: none;
}
.reason-bg1 {
  background: url(https://drone-academy.info/wordpress/wp-content/uploads/2022/04/job-skill.png)
    no-repeat center center;
  background-size: cover;
  padding: 3em;
  border-radius: 13px;
}
.reason-bg2 {
  background: url(https://drone-academy.info/wordpress/wp-content/uploads/2022/04/sidejob.png)
    no-repeat center center;
  background-size: cover;
  padding: 3em;
  min-height: 323px;
  margin: 4em 0;
  border-radius: 13px;
}
.reason-bg3 {
  background: url(https://drone-academy.info/wordpress/wp-content/uploads/2022/04/disabled.png)
    no-repeat center center;
  background-size: cover;
  padding: 3em;
  min-height: 323px;
  border-radius: 13px;
}
.schedule-inner {
  max-width: 1051px;
  margin: 0 auto;
}
.headline {
  border-radius: 55px !important;
}
.appeal-txt {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.appeal-txt i:first-child {
  background: url(https://drone-academy.info/wordpress/wp-content/uploads/2022/04/appeal.png)
    no-repeat center center;
  background-size: contain;
  width: 25px;
  height: 0;
  padding-bottom: 9%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translate. Y(-2px);
  -webkit-transition: all 1s cubic-bezier(0.5, 0, 0, 1);
  -moz-transition: all 1s cubic-bezier(0.5, 0, 0, 1);
  -o-transition: all 1s cubic-bezier(0.5, 0, 0, 1);
  transition: all 1s cubic-bezier(0.5, 0, 0, 1);
  -webkit-animation: rubberBand 2s ease-in-out infinite;
  animation: rubberBand 2s ease-in-out infinite;
  transition-delay: 0.5s;
}
.appeal-txt i:last-child {
  background: url(https://drone-academy.info/wordpress/wp-content/uploads/2022/04/appeal.png)
    no-repeat center center;
  -webkit-transition: all 1s cubic-bezier(0.5, 0, 0, 1);
  -moz-transition: all 1s cubic-bezier(0.5, 0, 0, 1);
  -o-transition: all 1s cubic-bezier(0.5, 0, 0, 1);
  transition: all 1s cubic-bezier(0.5, 0, 0, 1);
  -webkit-animation: rubberBand-rev 2s ease-in-out infinite;
  animation: rubberBand-rev 2s ease-in-out infinite;
  transition-delay: 0.5s;
  transform: scale(-1, 1) !important;
  background-size: contain;
  width: 25px;
  height: 0;
  padding-bottom: 9%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1) rotate(10deg);
    transform: scale(1) rotate(10deg);
  }
  12% {
    -webkit-transform: scale(1.7) rotate(10deg);
    transform: scale(1.7) rotate(10deg);
  }
  16% {
    -webkit-transform: scale(0.9) rotate(10deg);
    transform: scale(0.9) rotate(10deg);
  }
  20% {
    -webkit-transform: scale(1.4) rotate(10deg);
    transform: scale(1.4) rotate(10deg);
  }
  26% {
    -webkit-transform: scale(0.97) rotate(10deg);
    transform: scale(0.97) rotate(10deg);
  }
  30% {
    -webkit-transform: scale(1.2) rotate(10deg);
    transform: scale(1.2) rotate(10deg);
  }
  32% {
    -webkit-transform: scale(1) rotate(10deg);
    transform: scale(1) rotate(10deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(10deg);
    transform: scale(1) rotate(10deg);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1) rotate(10deg);
    transform: scale(1) rotate(10deg);
  }
  12% {
    -webkit-transform: scale(1.7) rotate(10deg);
    transform: scale(1.7) rotate(10deg);
  }
  16% {
    -webkit-transform: scale(0.9) rotate(10deg);
    transform: scale(0.9) rotate(10deg);
  }
  20% {
    -webkit-transform: scale(1.4) rotate(10deg);
    transform: scale(1.4) rotate(10deg);
  }
  26% {
    -webkit-transform: scale(0.97) rotate(10deg);
    transform: scale(0.97) rotate(10deg);
  }
  30% {
    -webkit-transform: scale(1.2) rotate(10deg);
    transform: scale(1.2) rotate(10deg);
  }
  32% {
    -webkit-transform: scale(1) rotate(10deg);
    transform: scale(1) rotate(10deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(10deg);
    transform: scale(1) rotate(10deg);
  }
}
@-webkit-keyframes rubberBand-rev {
  0% {
    -webkit-transform: scale(-1, 1) rotate(10deg);
    transform: scale(-1, 1) rotate(10deg);
  }
  12% {
    -webkit-transform: scale(-1, 1.7) rotate(10deg);
    transform: scale(-1, 1.7) rotate(10deg);
  }
  16% {
    -webkit-transform: scale(-1, 0.9) rotate(10deg);
    transform: scale(-1, 0.9) rotate(10deg);
  }
  20% {
    -webkit-transform: scale(-1, 1.4) rotate(10deg);
    transform: scale(-1, 1.4) rotate(10deg);
  }
  26% {
    -webkit-transform: scale(-1, 0.97) rotate(10deg);
    transform: scale(-1, 0.97) rotate(10deg);
  }
  30% {
    -webkit-transform: scale(-1, 1.2) rotate(10deg);
    transform: scale(-1, 1.2) rotate(10deg);
  }
  32% {
    -webkit-transform: scale(-1, 1) rotate(10deg);
    transform: scale(-1, 1) rotate(10deg);
  }
  100% {
    -webkit-transform: scale(-1, 1) rotate(10deg);
    transform: scale(-1, 1) rotate(10deg);
  }
}
@keyframes rubberBand-rev {
  0% {
    -webkit-transform: scale(-1, 1) rotate(10deg);
    transform: scale(-1, 1) rotate(10deg);
  }
  12% {
    -webkit-transform: scale(-1, 1.7) rotate(10deg);
    transform: scale(-1, 1.7) rotate(10deg);
  }
  16% {
    -webkit-transform: scale(-1, 0.9) rotate(10deg);
    transform: scale(-1, 0.9) rotate(10deg);
  }
  20% {
    -webkit-transform: scale(-1, 1.4) rotate(10deg);
    transform: scale(-1, 1.4) rotate(10deg);
  }
  26% {
    -webkit-transform: scale(-1, 0.97) rotate(10deg);
    transform: scale(-1, 0.97) rotate(10deg);
  }
  30% {
    -webkit-transform: scale(-1, 1.2) rotate(10deg);
    transform: scale(-1, 1.2) rotate(10deg);
  }
  32% {
    -webkit-transform: scale(-1, 1) rotate(10deg);
    transform: scale(-1, 1) rotate(10deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(10deg);
    transform: scale(-1, 1) rotate(10deg);
  }
}
.anxiety {
  max-width: 800px;
  margin: 0 auto;
  box-shadow: 2px 2px 6px gray;
  border-radius: 13px;
}
.anxiety p {
  display: flex;
  justify-content: center;
}
/* .arrow-bg {
  padding: 160px 0 0 0;
  background: url(https://drone-academy.info/wordpress/wp-content/uploads/2022/04/bg_top.png)
    top center no-repeat #00a8ff;
  background-size: contain;
  position: relative;
}
.arrow-bg::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -160px;
  height: 160px;
  width: 100vw;
  background: url(https://drone-academy.info/wordpress/wp-content/uploads/2022/04/bg_bottom.png)
    top center no-repeat;
  background-size: contain;
} */
.schedule {
  max-width: 1051px;
  margin: 0 auto;
}

.about-fee {
  max-width: 90vw;
  margin: 0 auto;
}
.flow {
  justify-content: space-between;
}
.flow-img {
  box-shadow: 10px 10px 25px rgb(172 175 187 / 50%),
    -5px -5px 40px rgb(255 255 255 / 21%);
  border-radius: 50%;
  position: relative;
}
.flow-img:not(:last-of-type)::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(https://drone-academy.info/wordpress/wp-content/uploads/2022/04/dot-arrow.png)
    no-repeat;
  background-size: contain;
  margin-right: -40px;
  top: 50%;
  bottom: 50%;
  right: 0;
}
.flow-img p {
  text-shadow: 1px 2px 3px #808080;
}
.fadeInTop {
  animation: fadeInTop 0.7s ease 0s 1 normal;
}

@keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
  }
}
.fuwafuwa {
  animation: fuwafuwa 1.2s linear infinite;
}
/* fuwafuwa */
@keyframes fuwafuwa {
  0% {
    transform: translateY(0);
  }
  33.33333% {
    transform: translateY(15px);
  }
  66.66667% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(2px);
  }
}
.staff-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.question-inner {
  max-width: 1051px;
  margin: 0 auto;
}
.facilities {
  max-width: 1300px;
  margin: 0 auto;
}
.facility-1 {
  justify-content: space-evenly;
}
.facility-2 {
  justify-content: space-evenly;
}
.facility-3 {
  justify-content: space-evenly;
}
.facility-txt {
  border-radius: 8px;
  box-shadow: 30px 30px 30px -20px rgb(0 0 0 / 25%);
}
.school-info {
  background: linear-gradient(
    94deg,
    rgba(15, 124, 197, 1) 0%,
    rgba(14, 124, 197, 1) 1.48973610737352%,
    rgba(0, 168, 255, 1) 50%,
    rgba(168, 193, 211, 1) 150%
  );
  position: relative;
  /* border-radius: 50% 0; */
}
/* .school-info::before {
  position: absolute;
  top: -126px;
  left: 0;
  content: "";
  background-image: url("https://drone-academy.info/wordpress/wp-content/uploads/2022/05/rounded-bg1.png");
  width: 100vw;
  height: 10vw;
  background-size: contain;
  background-repeat: no-repeat;
} */
.school-img {
  display: flex;
}
.school-img img {
  border-radius: 8px !important;
  border: 4px solid #ebecf0;
  box-shadow: 10px 10px 25px rgba(23, 23, 23, 0.1),
    -5px -5px 40px rgba(0, 0, 0, 0.1);
}
.school-name {
  margin-top: 4rem !important;
}
.condition {
  flex-direction: column;
  display: flex;
  align-items: center;
}
.condition p {
  margin-bottom: 0.5em;
}
.calc {
  border-bottom: 0;
  max-width: 1200px;
  margin: 0 auto 1em;
}
.is-style-dots {
  font-size: 2em;
  margin: 2em 0;
}
.stripe-bg {
  background-image: linear-gradient(
    45deg,
    #00a8ff 25%,
    #4a90e2 25%,
    #4a90e2 50%,
    #00a8ff 50%,
    #00a8ff 75%,
    #4a90e2 75%,
    #4a90e2 100%
  );
  background-size: 10px 10px;
}
/*アコーディオンタイトル*/
.vk_faq .vk_faq_content {
  -webkit-transition: 0s !important;
  transition: 0s !important;
  padding: 1.5rem 1.5rem 1.5rem 4rem;
}
.vk_faq,
.vk_faq-body {
  margin: 0 !important;
  padding: 0 !important;
}
.vk_faq {
  background-color: #fff !important;
  border: 0.25rem solid #4a90e2 !important;
  border-radius: 0.9375rem !important;
}
.vk_faq:not(:last-of-type) {
  margin-bottom: 1.5em !important;
}

.vk_faq_content {
  border-top: 1px solid #4a90e2 !important;
  line-height: 1.667;
}

.vk_faq_title {
  border: none !important;
  position: relative; /*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  font-size: 1rem;
  font-weight: normal;
  padding: 1.5rem 1.5rem 1.5rem 4rem !important;
  transition: all 0.1s ease;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 28.4248C21.732 28.4248 28 22.1568 28 14.4248C28 6.69282 21.732 0.424805 14 0.424805C6.26801 0.424805 0 6.69282 0 14.4248C0 22.1568 6.26801 28.4248 14 28.4248Z' fill='%234A90E2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5629 9.44141C13.8797 9.44141 14.1452 9.70697 14.156 10.0346L14.4282 18.3384C14.4389 18.666 14.1908 18.9316 13.8739 18.9316C13.5571 18.9316 13.2915 18.666 13.2808 18.3384L13.0086 10.0346C12.9979 9.70697 13.246 9.44141 13.5629 9.44141Z' fill='white' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.12875 14.186C9.11801 13.8584 9.36616 13.5928 9.683 13.5928H17.7147C18.0315 13.5928 18.2971 13.8584 18.3078 14.186C18.3186 14.5136 18.0704 14.7791 17.7536 14.7791H9.72188C9.40504 14.7791 9.13948 14.5136 9.12875 14.186Z' fill='white' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: right 24px center;
  background-size: 28px;
  background-repeat: no-repeat;
  list-style: none;
}
.vk_faq_title.close {
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2339 28.4248C21.9659 28.4248 28.2339 22.1568 28.2339 14.4248C28.2339 6.69282 21.9659 0.424805 14.2339 0.424805C6.5019 0.424805 0.233887 6.69282 0.233887 14.4248C0.233887 22.1568 6.5019 28.4248 14.2339 28.4248Z' fill='%234A90E2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.36264 14.186C9.35191 13.8584 9.60005 13.5928 9.9169 13.5928H17.9486C18.2654 13.5928 18.531 13.8584 18.5417 14.186C18.5524 14.5136 18.3043 14.7791 17.9874 14.7791H9.95578C9.63894 14.7791 9.37338 14.5136 9.36264 14.186Z' fill='white' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/*アイコンの＋と×*/
.vk_faq_title::before,
.vk_faq_title::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 2px;
}
.vk_faq_title::before {
  top: 0 !important;
  bottom: 0 !important;
  margin: auto;
  left: 15px !important;
  transform: rotate(0deg);
}
.vk_faq_content::before {
  top: 1.5rem !important;
  left: 15px !important;
}
.vk_faq_title::after {
  left: 15px;
  transform: rotate(90deg);
}

/*　closeというクラスがついたら形状変化　*/

.vk_faq_title.close::before {
  /* transform: rotate(45deg); */
}

.vk_faq_title.close::after {
  transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.vk_faq_content {
  display: none; /*はじめは非表示*/
  background: #f3f3f3;
  margin: 0 3% 3% 3%;
  padding: 3%;
}
/* フォーム */
form b {
  color: white;
}
.form-section-wrapper {
  padding: 6rem 0 8rem;
  background-color: var(--light-grey);
}

.form-desc {
  padding: 0.5rem 0 2rem;
}
.form-desc-txt > div {
  text-align: start;
}

.form-desc-txt > div > p {
  margin-bottom: 0.8em;
}
form {
  max-width: 860px;
  margin: 0 auto;
}
.form-ttl {
  font-weight: 600 !important;
  position: relative;
  margin-bottom: 0.8rem;
}

.contact-form-item {
  margin-bottom: 0.8rem;
}

.must-label {
  font-size: 0.8em;
  padding: 5px;
  background: #0068b3;
  color: #fff;
  border-radius: 2.5px;
  margin-right: 1em;
  margin-bottom: 5px;
}
.contact-form-item p:nth-child(1) span {
  color: red !important;
  font-size: var(--txt-s) !important;
  font-weight: 600 !important;
  margin-left: 0.5em;
}

.contact-form-item:nth-child(6) p:nth-child(2) {
  width: 100% !important;
  margin-top: 0 !important;
}
.contact-form-item:nth-child(6) p:nth-child(2) label {
  width: 100% !important;
}
.contact-ttl {
  font-weight: 600 !important;
  font-family: "游ゴシック", Meiryo, ”Hiragino Kaku Gothic ProN”,
    “Hiragino Sans”, BlinkMacSystemFont, "Noto Sans JP", Roboto,
    "Helvetica Neue", Arial, "Noto Sans JP", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.course-select {
  font-size: var(--ttl-m);
  margin: 2rem 0;
}
.contact-txt {
  text-align: center;
}
.contact-txt p {
  font-weight: 600 !important;
  line-height: 1.5;
  display: inline-block;
  text-align: left;
}
.privacy-policy-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.acceptance {
  text-align: center;
}
.submit-btn {
  position: relative;
  margin-top: 2em;
}
.submit-btn input {
  font-size: 1.2em !important;
  font-weight: 600;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  padding: 1em 4em;
  font-family: "游ゴシック", Meiryo, ”Hiragino Kaku Gothic ProN”,
    “Hiragino Sans”, BlinkMacSystemFont, "Noto Sans JP", Roboto,
    "Helvetica Neue", Arial, "Noto Sans JP", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.submit-btn input:hover {
  background-color: grey !important;
  color: rgb(255, 255, 255);
}
span.wpcf7-not-valid-tip {
  color: red !important;
  position: absolute;
  right: 0;
}
.wpcf7-response-output {
  font-weight: 600 !important;
  font-size: 1em !important;
  color: red !important;
  text-align: center !important;
  border: none !important;
}
.site-footer-copyright p:last-of-type {
  display: none;
}
footer {
  background-color: #4a90e2;
  color: white;
  border: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
#scroll_banner {
  right: 20px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  border: 2px solid #000;
  border-bottom: none;
  position: fixed;
  bottom: 0;
  z-index: 5000;
  width: 400px;
  height: 120px;
  text-align: center;
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);
  transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);
}
#scroll_banner > a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 14px 30px 0;
  background-color: #fff;
}
#scroll_banner * {
  font-weight: 900;
  line-height: 1em;
}
#scroll_banner > a:before,
#scroll_banner > a:after {
  background-image: -webkit-linear-gradient(150deg, #e9ff37 5%, #77fff2 100%);
  background-image: linear-gradient(-60deg, #e9ff37 5%, #77fff2 100%);
  border-radius: 10px;
  box-shadow: 0 0 0 4px #fff inset;
}

#scroll_banner > a:before {
  -webkit-animation: scroll_banner 15s ease-in-out infinite;
  animation: scroll_banner 15s ease-in-out infinite;
}
#scroll_banner > a:before,
#scroll_banner > a:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: -webkit-linear-gradient(150deg, #ffd400 25%, #ff006a 100%);
  background-image: linear-gradient(-60deg, #ffd400 25%, #ff006a 100%);
  /* opacity: 0; */
}
@-webkit-keyframes scroll_banner {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scroll_banner {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

#scroll_banner > a > dl {
  position: relative;
  z-index: 1;
}
#scroll_banner > a > dl > dt {
  width: 100%;
  position: relative;
  color: #fff;
}
#scroll_banner > a > dl > dt:before {
  height: 2px;
}

#scroll_banner > a > dl > dt:before {
  content: "";
  width: 45px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #000;
}
#scroll_banner > a > dl > dt:after {
  content: "";
  width: 45px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: #000;
}
#scroll_banner > a > dl > dd > p {
  font-size: 22px;
  font-weight: 900;
  color: rgb(255, 255, 255);
}
#scroll_banner > a p {
  padding: 0;
}
.clearfix {
  width: 100%;
  margin: 0 0 0.3em;
}

#scroll_banner .title {
  color: #fff;
  text-align: center;
  background-color: #4a90e2;
  padding: 8px 10px;
  font-size: 12px;
  display: inline-block;
  margin: 0 auto 0.8em;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (min-width: 1040px) {
  .site-body-container {
    max-width: 100vw !important;
  }
  .pc-margin {
    margin: 0 0.2em !important;
  }
}
@media screen and (min-width: 800px) and (max-width: 1039px) {
  .anxiety {
    margin-bottom: 3rem;
  }
  .workshop-img img {
    max-width: 105% !important;
  }
  .reason-wrapper {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .h2-reason {
    font-size: 40px !important;
  }
  .reason-title {
    font-size: 1.1rem !important;
  }
  .smp-reason {
    display: flex;
  }
  .reason-bg2.smp-reason img {
    margin: 0 auto !important;
  }
  .smp-reason h3 {
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .pc-reason {
    display: none;
  }
  .reason-wrapper {
    max-width: 90vw;
    margin: 0 auto !important;
  }
  .reason-bg1 {
    background: url(https://drone-academy.info/wordpress/wp-content/uploads/2022/04/reason-smp-bg.png)
      no-repeat center center;
    background-size: cover;
    flex-direction: column-reverse;
    padding: 1em 2em 2em;
    margin: 0;
  }
  .reason-bg2 {
    background: url(https://drone-academy.info/wordpress/wp-content/uploads/2022/04/reason-smp-bg.png)
      no-repeat center center;
    background-size: cover;
    flex-direction: column;
    padding: 1em 2em 2em;
    margin: 10px 0;
  }
  .reason-bg3 {
    background: url(https://drone-academy.info/wordpress/wp-content/uploads/2022/04/reason-smp-bg.png)
      no-repeat center center;
    background-size: cover;
    flex-direction: column-reverse;
    padding: 1em 2em 2em;
  }
  .flow-wrapper {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .flow {
    justify-content: space-evenly;
    max-width: 780px !important;
    margin: 0 auto;
  }
  .flow p {
    font-size: 12px !important;
  }
  .flow-img {
    flex-basis: 160px !important;
    margin: 0 auto !important;
  }
  .flow-img > div {
    min-height: 160px !important;
  }
  .flow-img img {
    width: 160px !important;
    height: 160px !important;
  }
  .flow-img:not(:last-of-type)::after {
    width: 20px;
    height: 20px;
    margin-right: -28px;
  }
  .about-fee {
    padding-top: 80px;
    padding-right: 40px !important;
    padding-bottom: 80px !important;
    padding-left: 40px !important;
  }
  .facilities-wrapper {
    padding-top: 40px !important;
    padding-right: 40px !important;
    padding-bottom: 40px !important;
    padding-left: 40px !important;
  }
  .pc-margin {
    margin: 0 0.2em !important;
  }
  .question {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .apply-form {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media screen and (max-width: 799px) {
  .iPhone header {
    max-height: 71px;
  }
  .f-20 {
    font-size: 20px !important;
  }
  .f-24 {
    font-size: 24px !important;
  }
  .has-huge-font-size {
    font-size: 24px !important;
  }
  .has-small-font-size {
    font-size: 12px !important;
  }
  .sp-br {
    display: block;
  }
  .sp-img {
    display: block;
  }
  .pc-img {
    display: none;
  }
  header {
    max-height: 82px;
  }
  .site-branding {
    padding-left: 0;
    flex-basis: 20%;
  }
  .header-desc {
    margin: 0;
  }
  .header-desc h2 {
    font-size: 10px;
    line-height: 1.7;
  }
  .header-banner {
    height: 100%;
  }
  .header-banner a {
    height: 100%;
  }
  .header-banner a img {
    height: 100%;
  }
  .top-movie {
    min-height: 65vh !important;
  }
  .intro {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    margin: 0 10px;
  }
  .intro h2 {
    font-size: 20px !important;
    line-height: 1.7;
  }
  .intro h2 > span {
    font-size: 28px !important;
  }
  .intro-txt {
    line-height: 1.8;
  }
  .intro-txt span span {
    font-size: 19px !important;
  }
  .smp-headline {
    font-size: 19px !important;
  }
  .anxiety {
    padding-top: 25px !important;
    padding-right: 0px !important;
    padding-bottom: 25px !important;
    padding-left: 0px !important;
    margin: 0 2em 2rem !important;
  }
  .anxiety p {
    font-size: 14px !important;
  }
  .workshop-img img {
    max-width: 102%;
  }
  .reason-wrapper {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .h2-reason {
    font-size: 40px !important;
  }
  .reason-title {
    font-size: 1.1rem !important;
  }
  .smp-reason {
    display: flex;
  }
  .smp-reason h3 {
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .pc-reason {
    display: none;
  }
  .reason-wrapper {
    max-width: 100vw;
    margin: 0 10px !important;
  }
  .reason-bg1 {
    background: url(https://drone-academy.info/wordpress/wp-content/uploads/2022/04/reason-smp-bg.png)
      no-repeat center center;
    background-size: cover;
    flex-direction: column-reverse;
    padding: 1em 2em 2em;
    margin: 0;
  }
  .reason-bg2 {
    background: url(https://drone-academy.info/wordpress/wp-content/uploads/2022/04/reason-smp-bg.png)
      no-repeat center center;
    background-size: cover;
    padding: 1em 2em 2em;
    margin: 10px 0;
  }
  .reason-bg3 {
    background: url(https://drone-academy.info/wordpress/wp-content/uploads/2022/04/reason-smp-bg.png)
      no-repeat center center;
    background-size: cover;
    flex-direction: column-reverse;
    padding: 1em 2em 2em;
  }
  .school-info {
    padding-top: 60px !important;
    padding-bottom: 50px !important;
  }
  .flow {
    max-width: 250px;
    margin: 0 auto;
  }
  .flow > div:not(:last-of-type) {
    margin-bottom: 5rem;
  }
  .flow-wrapper {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .flow-img > div {
    min-height: 250px !important;
  }
  .flow-img:not(:last-of-type)::after {
    margin-right: -8px;
    top: unset;
    bottom: -50px;
    right: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: rotate(90deg);
  }
  .about-fee {
    padding-top: 50px !important;
    padding-right: 20px !important;
    padding-bottom: 50px !important;
    padding-left: 20px !important;
    max-width: 100vw;
    margin: 0 10px;
  }
  .about-fee h3 {
    font-size: 20px !important;
    line-height: 1.3;
  }
  .about-fee h3 span {
    font-size: 20px;
  }
  .about-fee h3 span span {
    font-size: 28px !important;
  }
  .calc tr {
    display: flex;
    flex-direction: column;
  }
  .calc td:nth-child(2) span {
    font-size: 14px !important;
    line-height: 1.7;
  }
  .wp-block-separator.is-style-dots:before {
    content: "···";
    letter-spacing: 1em;
    padding-left: 1em;
  }
  .facilities-wrapper {
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
  }
  .school-img {
    flex-wrap: nowrap !important;
  }
  .school-img > figure {
    margin-right: 0 !important;
  }
  .school-img > figure:nth-child(2) {
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
  }
  .facility-1 .facility-txt {
    margin-top: 2rem;
  }
  .facility-2 .facility-txt {
    margin-top: 2rem;
  }
  .facility-3 .facility-txt {
    margin-top: 1rem;
  }
  .facility-2 {
    flex-direction: column-reverse;
  }
  .facility-txt {
    /* padding-top: 3rem; */
    padding-right: 1.5rem !important;
    /* padding-bottom: 3rem; */
    padding-left: 1.5rem !important;
  }
  .stripe-bg {
    /* padding-top: 60px; */
    padding-right: 10px !important;
    /* padding-bottom: 50px; */
    padding-left: 10px !important;
  }
  .question {
    padding: 50px 10px !important;
  }
  .vk_faq .vk_faq_title {
    font-size: 14px !important;
    padding: 1.5rem 3.5rem 1.5rem 4rem !important;
    background-size: 20px;
  }
  .apply-form {
    padding-top: 50px !important;
    padding-right: 10px !important;
    padding-bottom: 100px !important;
    padding-left: 10px !important;
  }
  .wpcf7-list-item {
    margin: 0 !important;
  }
  #scroll_banner {
    left: 0;
    right: 0;
    margin: auto;
    width: 95%;
    min-width: 300px;
    max-width: 335px;
    height: 75px;
  }
  #scroll_banner .title-wrap {
    display: none;
  }

  element.style {
  }
  #scroll_banner > a {
    padding: 18px 30px 0;
  }

  element.style {
  }
  #scroll_banner > a > dl > dd > p {
    font-size: 20px;
  }
}
@media screen and (min-width: 600px) and (max-width: 799px) {
  .header-desc h2 {
    font-size: 14px;
    line-height: 1.7;
  }
  .flow {
    /* max-width: 100% !important; */
    flex-direction: column;
  }
  .flow-img {
    margin: 0 0 5rem !important;
    position: relative;
  }
  .reason-wrapper {
    max-width: 580px !important;
    margin: 0 auto !important;
  }
  .reason-bg2 {
    flex-direction: column;
  }
  .smp-reason > div:nth-child(2) {
    margin-left: 0 !important;
  }
  .facilities-wrapper {
    padding-top: 40px !important;
    padding-right: 10px !important;
    padding-bottom: 40px !important;
    padding-left: 10px !important;
  }
  .facility-2 {
    flex-direction: unset !important;
  }
}
@media screen and (max-width: 480px) {
  header {
    max-height: 60px;
  }
  .header-desc {
    height: 100%;
  }
  .header-banner {
    max-width: 50vw;
  }
}
@media screen and (max-width: 340px) {
  .header-banner {
    max-width: 40vw;
  }
}