@charset "UTF-8";
/*------------------------------------------------ トップページ*/
#top__index .firstView {
  height: 43.75rem;
  background: url(https://jadca.jp/app/wp-content/themes/jadca/imgtop/bg__mainvisual.png), -webkit-linear-gradient(115deg, #88c8ff, #b1f9ff 46%, #d6efff);
  background: url(https://jadca.jp/app/wp-content/themes/jadca/imgtop/bg__mainvisual.png), linear-gradient(335deg, #88c8ff, #b1f9ff 46%, #d6efff);
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 0 11.25rem 0;
  min-height: 21.875rem;
}

#top__index .firstView__inner {
  display: block;
  padding: 11.5rem 0.625rem 0 0.625rem;
}

#top__index .firstView__mainTitle {
  font-size: 3.125rem;
  margin: 0 2.5rem 0 0;
}

#top__index .firstView__mainTitle--sub {
  font-size: 18px;
}

#top__index .firstView__mainTitleWrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 9.375rem 0;
}

#top__index .mainVisual__inner {
  max-width: 1020px;
  padding: 160px 10px;
}

#top__index .mainVisual__image {
  position: relative;
  z-index: 0;
}

#top__index .mainVisual__image:after {
  content: "Air has no borders";
  color: #fff;
  bottom: 0;
  font-family: "Marcellus", serif;
  font-size: 12.5rem;
  left: -14vw;
  margin: auto;
  min-width: 76.25rem;
  position: absolute;
  top: -8.75rem;
  opacity: 0.3;
  z-index: -1;
  white-space: nowrap;
  width: 100vw;
}

#top__index .mainVisual__image img {
  border-radius: 1.25rem;
}

#top__index .l-section__inner,
#top__index .l-section__body {
  position: relative;
  margin: 0 auto 0 auto;
  max-width: 75rem;
}

#top__index .l-section__inner:before,
#top__index .l-section__body:before,
#top__index .c-infoList:before,
#top__index #news .c-newsList:before,
#top__index #column .c-columnList:before {
  color: #fff;
  font-family: "Marcellus", serif;
  line-height: 1;
  font-size: 11.25rem;
  position: absolute;
  opacity: 0.3;
  z-index: 0;
}

#top__index #notice .l-section__header {
  margin: 0 5rem 0 0;
  position: relative;
  width: auto;
}

#top__index #notice .l-section__body {
  margin: 0 0 0 0;
  position: relative;
  width: calc(100% - 240px);
}

#top__index #notice .l-section__body:after {
  background: -webkit-gradient(linear, left top, right top, from(#17e083), to(#1383d5));
  background: -webkit-linear-gradient(left, #17e083, #1383d5);
  background: linear-gradient(90deg, #17e083, #1383d5);
  bottom: 0;
  border: none;
  border-radius: 50%;
  content: "";
  display: block;
  left: -2.5rem;
  height: 100%;
  margin: auto auto auto auto;
  position: absolute;
  top: 0;
  width: 0.125rem;
}

#top__index #notice .secTitle {
  font-size: 1.25rem;
  display: block;
  margin: 0 0 0 0;
}

#top__index #notice .l-2column {
  max-width: 62.5rem;
}

#top__index #story,
#top__index #info {
  overflow: hidden;
}

#top__index #story .l-section__inner,
#top__index #info .l-section__inner {
  overflow: visible;
}

#top__index #story .l-section__body,
#top__index #info .l-section__body {
  margin: 0 0 0 0;
  position: relative;
}

#top__index #story .l-section__body:after,
#top__index #info .l-section__body:after {
  background: -webkit-linear-gradient(115deg, #88c8ff, #b1f9ff 46%, #d6efff);
  background: linear-gradient(335deg, #88c8ff, #b1f9ff 46%, #d6efff);
  border-radius: 1.25rem 0 1.25rem 0;
  content: "";
  display: block;
  height: calc(100% + 360px);
  position: absolute;
  top: -10rem;
  width: 100vw;
  z-index: -1;
}

#top__index #story .l-2column .l-section__headerInner {
  max-width: 23.75rem;
}

#top__index #story .l-section__body:before {
  content: "Story";
  left: 20vw;
  top: -8.75rem;
}

#top__index #story .c-storyListItem__text {
  font-size: 0.9375rem;
  margin: 0 0 1.25rem 0;
}

#top__index #story .c-storyListItem__textWrapper {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
}

#top__index #story .c-storyListItem__textWrapper .ut-underTitle {
  font-size: 1.125rem;
}

#top__index #story .c-storyListItem__imageWrapper img {
  border-radius: 0.5rem 0 0 0.5rem;
  height: 17.5rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 25rem;
}

#top__index #skill .l-2column,
#top__index #guidance .l-2column {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#top__index #skill .l-section__body,
#top__index #guidance .l-section__body {
  margin: 0 0 0 0;
}

#top__index #skill .l-section__header,
#top__index #guidance .l-section__header {
  margin: 0 6.25rem 0 7.5rem;
  padding: 3.75rem 0 3.75rem 0;
  width: calc(50% - 220px);
}

#top__index #faq {
  margin: 0 0 10rem 0;
}

#top__index #faq .l-section__inner {
  background: #f2f9ff;
  border-radius: 0.625rem;
}

#top__index #faq .l-section__inner:before {
  content: "FAQ";
  top: 0;
  right: 0;
  opacity: 1;
}

#top__index #faq .l-section__body,
#top__index #faq .l-section__header {
  max-width: 50rem;
  margin: 0 auto 0 auto;
}

#top__index #faq .secLead {
  margin: 0 0 1.5rem 0;
}

#top__index #link {
  margin: 0 0 10rem 0;
}

#top__index #link .l-section__inner {
  overflow: visible;
}

#top__index #link .l-section__body:after {
  background: #f0f7f5;
  border-radius: 1.25rem 0 0 1.25rem;
  content: "";
  display: block;
  height: calc(100% + 420px);
  position: absolute;
  right: -30vw;
  top: -16.25rem;
  width: 90vw;
  z-index: -1;
}

#top__index #link .secTitle {
  margin: 0 0 3rem 0;
}

#top__index #about {
  background-size: cover;
  padding: 10rem 0 0 0;
  position: relative;
}

#top__index #about:before {
  background: url(https://jadca.jp/app/wp-content/themes/jadca/img/top/bg__about.jpg);
  background-attachment: fixed;
  background-size: cover;
  content: "";
  display: block;
  height: calc(100% - 160px);
  position: absolute;
  top: 0;
  width: 100vw;
}

#top__index #about .l-section__inner {
  background: #fff;
  border-radius: 0.625rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-filter: drop-shadow(0 0.1875rem 0.1875rem rgba(65, 103, 129, 0.2));
  filter: drop-shadow(0 0.1875rem 0.1875rem rgba(65, 103, 129, 0.2));
  margin: 0 auto;
  max-width: 62.5rem;
  padding: 7.5rem 6.25rem 6.25rem 6.25rem;
}

#top__index #about .c-btnWrapper {
  margin: 0 0 0 0;
}

#top__index #about .c-aboutImage {
  text-align: center;
}

#top__index #about .c-aboutImage img {
  height: 12.5rem;
}

#top__index .informationArea {
  margin: 10rem auto 10rem auto;
  max-width: 75rem;
}

#top__index .informationArea .l-section__header {
  width: 100%;
}

#top__index .informationArea .l-section__headerTitleWrapper {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 1.5rem 0;
}

#top__index .informationArea .secTitle {
  margin: 0 0 0 0;
}

#top__index #seminar,
#top__index #training {
  background: #f2f9ff;
  border-radius: 10px;
  margin: 0 1.25rem 0 0;
  width: calc(50% - 20px);
}

#top__index #seminar .l-section__inner,
#top__index #training .l-section__inner {
  padding: 4rem 4rem 4rem 4rem;
}

#top__index #seminar .l-section__body,
#top__index #training .l-section__body {
  width: 100%;
}

#top__index #training {
  background: #f0f7f5;
  margin: 0 0 0 1.25rem;
}

#top__index #licence {
  background: #f2f9ff;
  text-align: center;
}

#top__index #info {
  margin: 10rem 0 10rem 0;
}

#top__index #info .l-2column .l-section__headerInner {
  text-align: center;
  max-width: 23.75rem;
}

#top__index #info .l-2column .secTitle {
  margin: 0 0 2.5rem 0;
}

#top__index #info .l-section__header:after {
  background: url(https://jadca.jp/app/wp-content/themes/jadca/imgtop/bg__mainvisual.png);
  background-size: cover;
  content: "";
  display: block;
  height: calc(100% + 640px);
  position: absolute;
  right: 0;
  top: -20rem;
  width: 50vw;
  z-index: -1;
}

#top__index #news .c-newsList {
  margin: 0 0 2.5rem 0;
  position: relative;
}

#top__index #news .c-newsListWrapper {
  margin: 0 0 0 5rem;
  width: 50%;
}

#top__index #news .c-newsList--imageWrapper {
  margin: 0 0 0 0;
}

#top__index #news .c-newsList--imageWrapper:after {
  background: -webkit-linear-gradient(115deg, #88c8ff, #b1f9ff 46%, #d6efff);
  background: linear-gradient(335deg, #88c8ff, #b1f9ff 46%, #d6efff);
  border-radius: 0 1.25rem 1.25rem 0;
  content: "";
  display: block;
  position: absolute;
  height: calc(100% + 200px);
  left: -65vw;
  top: -9.375rem;
  width: 100vw;
  z-index: -1;
}

#top__index #news .c-newsList--imageWrapper .c-newsList:before {
  content: "pick up";
  left: -70%;
  top: 20%;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 110%;
}

#top__index #news .c-newsListItem__title {
  font-weight: 400;
  padding: 0 0 0 0;
}

#top__index #news .c-newsListItem--image .c-newsListItem__title {
  margin: 0 0 0.625rem 0;
}

#top__index #news .c-newsListItem--image .c-newsListItem__dexcription {
  font-size: 0.875rem;
}

#top__index #news .c-newsList:before {
  content: "News";
  color: #f2f9ff;
  opacity: 1;
  top: -30%;
  right: -20%;
  z-index: -1;
}

#top__index #news .c-btnWrapper {
  margin: 0 0 0 auto;
  max-width: 16.25rem;
}

#top__index #news .l-section__inner,
#top__index #column .l-section__inner {
  overflow: visible;
}

#top__index #column {
  background: #f0f7f5;
}

#top__index #column .l-section__header {
  margin: 0 0 2.5rem 0;
}

#top__index #column .l-section__inner {
  max-width: 0.625rem 1.25rem 0.625rem 1.25rem;
}

#top__index #column .c-columnListItem__imageWrapper img {
  height: 12.5rem;
  -o-object-fit: cover;
  object-fit: cover;
}

#top__index #column .c-columnListItem__textWrapper {
  height: 8.125rem;
}

#top__index #youtube .l-section__inner {
  max-width: 37.5rem;
}

#top__index #youtube .c-youtubeLink__title {
  margin: 0 2.5rem 0 0;
}

@media screen and (max-width: 768px) {
  #top__index .firstView {
    background: -webkit-linear-gradient(115deg, #88c8ff, #b1f9ff 46%, #d6efff);
    background: linear-gradient(335deg, #88c8ff, #b1f9ff 46%, #d6efff);
    height: 75vh;
    margin: 0 0 10vh 0;
    min-height: unset;
  }
  #top__index .firstView__inner {
    padding: 7.5rem 1.25rem 0 1.25rem;
  }
  #top__index .firstView__mainTitle {
    font-size: 8.53333vw;
    margin: 0 0 1.25rem 0;
    position: relative;
    z-index: 0;
  }
  #top__index .firstView__mainTitleWrapper {
    display: block;
    margin: 0 0 20vh 0;
  }
  #top__index .firstView__mainTitle--sub {
    font-size: 4.26667vw;
  }
  #top__index .mainVisual__image {
    height: 40vh;
  }
  #top__index .mainVisual__image img {
    border-radius: 0.625rem 0.625rem 0.625rem 0.625rem;
    height: 40vh;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
  #top__index .mainVisual__image:before {
    content: "Air has no \A borders";
    font-size: 23.46667vw;
    left: -1.25rem;
    color: #fff;
    bottom: 0;
    font-family: "Marcellus", serif;
    letter-spacing: 0.2rem;
    margin: auto;
    position: absolute;
    top: -10rem;
    opacity: 0.3;
    white-space: nowrap;
    z-index: -1;
  }
  #top__index .mainVisual__image:after {
    content: "borders";
    font-size: 32vw;
    left: -1.25rem;
    letter-spacing: 0.2rem;
    top: -5.625rem;
  }
  #top__index #notice .l-2column {
    display: block;
  }
  #top__index #notice .secTitle {
    position: relative;
  }
  #top__index #notice .secTitle:after {
    background: -webkit-gradient(linear, left top, right top, from(#17e083), to(#1383d5));
    background: -webkit-linear-gradient(left, #17e083, #1383d5);
    background: linear-gradient(90deg, #17e083, #1383d5);
    bottom: -0.625rem;
    border: none;
    border-radius: 50%;
    content: "";
    display: block;
    left: 0;
    height: 0.125rem;
    margin: auto auto auto auto;
    position: absolute;
    width: 2rem;
  }
  #top__index #notice .secTitle .l-section__header {
    margin: 0 0 2.66667vw 0;
  }
  #top__index #notice .secTitle .l-section__body {
    width: 100%;
  }
  #top__index #notice .l-section__body {
    width: 100%;
  }
  #top__index #story,
  #top__index #info {
    margin: 0 0 10.66667vw 0;
  }
  #top__index #story .l-section__body:after,
  #top__index #info .l-section__body:after {
    border-radius: 1.25rem 0 0 1.25rem;
    height: 80vh;
    top: -4.375rem;
    right: -1.25rem;
    width: 80vw;
  }
  #top__index #story .c-btnWrapper,
  #top__index #skill .c-btnWrapper {
    margin: 0 0 0 0;
  }
  #top__index #story .l-section__header {
    margin: 0 0 32vw 0;
  }
  #top__index #story .l-section__body:before {
    font-size: 16vw;
    left: unset;
    right: 0;
    top: -3.75rem;
  }
  #top__index #story .l-section__inner {
    padding: 2.66667vw 5.33333vw 2.66667vw 5.33333vw;
  }
  #top__index #skill .l-section__header,
  #top__index #guidance .l-section__header {
    width: 100%;
  }
  #top__index #skill .l-section__header {
    margin: 0 0 0 0;
    padding: 13.33333vw 5.33333vw 13.33333vw 5.33333vw;
  }
  #top__index #skill .l-2column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0 0 0 0;
  }
  #top__index .l-section__inner:before,
  #top__index .l-section__body:before,
  #top__index .c-infoList:before,
  #top__index #news .c-newsList:before,
  #top__index #column .c-columnList:before {
    font-size: 17.06667vw;
  }
  #top__index #faq {
    margin: 0 0 10.66667vw 0;
  }
  #top__index #faq .l-section__inner {
    padding: 26.66667vw 5.33333vw 10.66667vw 5.33333vw;
  }
  #top__index #faq .l-section__inner:before {
    right: 1.25rem;
    top: 1.875rem;
  }
  #top__index #link {
    margin: 0 0 0 0;
  }
  #top__index #link .l-section__body:after {
    height: calc(100% + 120px);
    top: -11.25rem;
  }
  #top__index #link .secTitle {
    margin: 0 0 10.66667vw 0;
    width: 70%;
  }
  #top__index #about {
    padding: 53.33333vw 0 0 0;
  }
  #top__index #about .l-section__inner {
    margin: 2.66667vw 2.66667vw 2.66667vw 2.66667vw;
    padding: 10.66667vw 5.33333vw 10.66667vw 5.33333vw;
  }
  #top__index #about .l-section__body {
    margin: 16vw 0 2.66667vw 0;
    position: relative;
  }
  #top__index #about .l-section__body:before {
    color: #d6efff;
    content: "About us";
    font-size: 16vw;
    position: absolute;
    right: 0;
    top: -3.75rem;
  }
  #top__index #about .secTitle {
    width: 100%;
  }
  #top__index #about .c-aboutImage img {
    height: auto;
    width: 33%;
  }
  #top__index .informationArea {
    margin: 10.66667vw 2.66667vw 10.66667vw 2.66667vw;
  }
  #top__index .informationArea .l-section__header {
    text-align: center;
  }
  #top__index .informationArea .l-section__headerTitleWrapper {
    margin: 0 0 0 0;
  }
  #top__index #seminar,
  #top__index #training {
    margin: 0 0 5.33333vw 0;
    width: 100%;
  }
  #top__index #seminar .l-section__inner,
  #top__index #training .l-section__inner {
    padding: 10.66667vw 5.33333vw 10.66667vw 5.33333vw;
  }
  #top__index #licence .secTitle {
    width: 100%;
  }
  #top__index #info .l-2column .l-section__header {
    padding: 26.66667vw 0 16vw 0;
  }
  #top__index #info .l-2column .l-section__headerInner {
    max-width: unset;
  }
  #top__index #info .l-2column .l-section__headerInner .secTitle {
    width: 100%;
  }
  #top__index #info .l-section__inner {
    padding: 0 0 0 0;
  }
  #top__index #info .l-section__header:after {
    height: 100%;
    top: 0;
    left: 0;
    width: 100vw;
  }
  #top__index #info .l-section__body {
    padding: 10.66667vw 5.33333vw 10.66667vw 5.33333vw;
  }
  #top__index #info .l-section__body:after {
    border-radius: unset;
    height: 100%;
    right: 0;
    top: 0;
    width: 100vw;
  }
  #top__index #news .c-newsList {
    margin: 21.33333vw 0 5.33333vw 0;
  }
  #top__index #news .c-newsList:before {
    left: unset;
    right: 0;
    top: -1.25rem;
  }
  #top__index #news .c-newsListWrapper {
    margin: 0 0 0 0;
    width: 100%;
  }
  #top__index #news .c-newsList--imageWrapper:after {
    height: 60%;
    top: -2.5rem;
    left: -1.25rem;
    width: calc(100vw + 20px);
  }
  #top__index #news .c-newsList--imageWrapper .c-newsList {
    margin: 0 0 0 16vw;
  }
  #top__index #news .c-newsList--imageWrapper .c-newsList:before {
    top: 0;
    left: -13.125rem;
  }
  #top__index #news .c-newsListItem__body {
    display: block;
  }
  #top__index #news .l-section__inner {
    padding: 10.66667vw 5.33333vw 10.66667vw 5.33333vw;
  }
  #top__index #news .c-btnWrapper {
    margin: 0 auto 0 auto;
  }
  #top__index #guidance .l-2column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 10.66667vw 0;
    padding: 0 5.33333vw 0 5.33333vw;
  }
  #top__index #guidance .l-section__header {
    margin: 10.66667vw 0 0 0;
    padding: 0 0 0 0;
  }
  #top__index #guidance .c-skillImage img {
    border-radius: 0.625rem;
  }
  #top__index #guidance .c-btnWrapper {
    margin: 0 auto 0 0;
  }
  #top__index #column .c-columnList:before {
    display: none;
  }
  #top__index #column .c-columnListItem__textWrapper {
    height: auto;
    padding: 5.33333vw 5.33333vw 8vw 5.33333vw;
  }
  #top__index #column .l-section__inner {
    padding: 16vw 5.33333vw 16vw 5.33333vw;
  }
  #top__index #youtube .l-section__inner {
    padding: 16vw 5.33333vw 16vw 5.33333vw;
  }
}
/*# sourceMappingURL=top.css.map */

/*------Add shortly*/
@media screen and (max-width: 768px) {
  #top__index .firstView__mainTitleWrapper {
    margin: 0 0 12vh 0;
  }

  #top__index .firstView {
    height: 70vh;
  }

  #top__index #about {
    padding: 23.33333vw 0 0 0;
  }

  #top__index #about .c-aboutImage img {
    width: 20%;
  }

  .c-licenceList {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 20px;
  }

  .c-licenceListItem {
    margin: 0 0 0 0;
    width: calc(50% - 20px);
  }

  .c-licenceListItem__image img {
    height: auto;
  }

  #top__index #info .l-2column .l-section__header {
    padding: 16.66667vw 0 16vw 0;
  }
}