@charset "UTF-8";

.active-tb-pc {
  display: initial;
  display: revert
}

@media screen and (max-width:767px) {
  .active-tb-pc {
    display: none
  }
}

.active-sp {
  display: none
}

@media screen and (max-width:767px) {
  .active-sp {
    display: initial;
    display: revert
  }
}

.deactive-tb-sp {
  display: initial;
  display: revert
}

@media screen and (max-width:767px) {
  .deactive-tb-sp {
    display: none
  }
}

.negative-spacing- {
  letter-spacing: -0.0125em !important
}

.negative-spacing-pc {
  letter-spacing: -0.0125em !important
}

@media screen and (max-width:767px) {
  .negative-spacing-pc {
    letter-spacing: normal
  }
}

.negative-spacing-sp {
  letter-spacing: normal
}

@media screen and (max-width:767px) {
  .negative-spacing-sp {
    letter-spacing: -0.0125em !important
  }
}

.fullscreen-pd-right-item {
  box-sizing: content-box
}

:root {
  font-size: calc(10px + 4 * (100vw - 1440px) / 1120) !important;
  --scroll-bar-width: 15px;
  --header-height: 8.8rem;
  --page-gutter: 4.6rem;
  --content-width: 100rem;
  --hover-transition: 0.5s;
  --font-sans: "YakuHanJPs_Noto", "Noto Sans JP", sans-serif;
  --font-sans-yakuhan-all: "YakuHanJP_Noto", "Noto Sans JP", sans-serif;
  --font-sans-no-yakuhan: "Noto Sans JP", sans-serif;
  --font-serif: "YakuHanMPs_Noto", "Noto Serif JP", serif;
  --font-serif-yakuhan-all: "YakuHanMP_Noto", "Noto Serif JP", serif;
  --font-serif-no-yakuhan: "Noto Serif JP", serif;
  --color-orange-light: #FFF7D4;
  --key-color-white: white;
  --color-orange: #FA8619
}

@media screen and (max-width:1439px) {
  :root {
    font-size: 0.69444vw !important
  }
}

@media screen and (max-width:767px) {
  :root {
    font-size: 2.5445292vw !important
  }
}

body {
  font-size: 1.3em
}

@media screen and (max-width:767px) {
  body {
    font-size: 2.6em
  }
}

body.contents-hidden {
  visibility: hidden
}

.dpt-main a {
  text-decoration: none
}

.js-scalein,
.js-slidein-h,
.js-slidein-h-pc,
.js-slidein-h-sp,
.js-slidein-v,
.js-slidein-v-pc,
.js-slidein-v-sp {
  will-change: transform
}

.dpt-d-none {
  display: none !important
}

.dpt-orange {
  color: var(--color-orange)
}

/* グロナビ
 .g-header {
  position: fixed;
  top: 30px;
  width: min(1291px, 100vw - 60px);
  left: 50%;
  translate: -50%;
  font-size: 16px
}

@media screen and (max-width:767px) {
  .g-header {
    top: 0;
    width: 100%
  }
}

.g-header_inner {
  border-radius: 10px
}

@media screen and (max-width:767px) {
  .g-header_inner {
    background-color: transparent
  }
}

.g-header_root {
  padding-left: 0;
  border-radius: 10px
}

@media screen and (max-width:767px) {
  .g-header_root {
    box-shadow: none;
    justify-content: space-between
  }
}

.g-headerMenu_inner {
  border-radius: 10px
}

@media screen and (max-width:767px) {
  .g-headerMenu_inner {
    border-radius: 0
  }
}

@media screen and (max-width:767px) {
  .g-headerSwitch_iconLink-hamburger>span {
    background-color: white;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2)
  }
}

@media screen and (max-width:767px) {
  .g-headerSwitch_iconLink-hamburger.is-active>span {
    background-color: #1f2a46
  }
}

@media screen and (min-width:768px) {
  .g-headerNav_childList {
    font-size: 18px
  }
}

@media screen and (min-width:768px) {
  .g-headerNav_childListItem a {
    font-size: 15.2px
  }
}

@media screen and (max-width:767px) {
  .g-headerNav_childListItem span {
    font-size: 11.2px;
    height: 1.2em;
    margin-top: -0.1em
  }
}

.g-header .c-btn {
  padding: 11px 19px;
  font-size: 16px
}

@media screen and (max-width:767px) {
  .g-header .c-btn {
    font-size: 13px
  }
} */

.dpt-wrapper {
  overflow: hidden;
  background-color: white
}

@media screen and (min-width:768px) {
  .c-contact {
    padding-top: 10rem
  }
}

.c-contact .l-section {
  top: 0
}

@media screen and (max-width:767px) {
  .c-contact .l-section {
    padding-top: 5.4rem
  }
}

.c-utility .c-btn {
  font-size: 16px
}

.c-utility .c-utility_label {
  font-size: 12px
}

.c-pageTop .c-pageTop_text {
  font-size: 12px
}

@media screen and (max-width:767px) {
  .g-footer_separator {
    line-height: 22.4px
  }
}

body {
  background-color: var(--color-orange-light)
}

.dpt-main {
  overflow: hidden;
  position: relative;
  color: black
}

[class*=dpt-pos] {
  position: absolute
}

.dpt-lead {
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

.dpt-lead li {
  position: relative
}

.dpt-lead li img {
  width: 100%
}

.dpt-lead .dpt-pos {
  text-align: center
}

@media screen and (min-width:768px) {
  .dpt-lead {
    margin: 0 auto;
    width: fit-content;
    gap: calc(16 / 1440 * 100%)
  }

  .dpt-lead img {
    filter: drop-shadow(0 0 6px rgba(22, 7, 0, 0.25));
    will-change: transform
  }

  .dpt-lead .dpt-pos {
    width: 10em;
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 600
  }

  .dpt-lead .dpt-pos span {
    font-size: 2.4rem
  }

  .dpt-lead li {
    width: 34.1rem
  }

  .dpt-lead li .dpt-pos {
    width: 100%;
    top: 1rem;
    left: 0rem
  }
}

@media screen and (max-width:767px) {
  .dpt-lead {
    flex-direction: column;
    width: 31.7rem;
    gap: 1.3rem
  }

  .dpt-lead .dpt-pos {
    width: 10em;
    font-size: 1.7rem;
    line-height: 1.5;
    font-weight: 600
  }

  .dpt-lead .dpt-pos span {
    font-size: 2.2rem
  }

  .dpt-lead li .dpt-pos {
    width: 100%;
    top: 1.2rem;
    left: 0rem;
    line-height: 1.4
  }
}

.dpt-section-header {
  display: inline-flex;
  position: relative
}

.dpt-section-header .dpt-section-header__icon {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  z-index: 1
}

.dpt-section-header .dpt-section-header__icon img {
  width: 100%
}

@media screen and (min-width:768px) {
  .dpt-section-header .dpt-section-header__icon {
    width: 7.2rem;
    height: 6.2rem
  }
}

@media screen and (max-width:767px) {
  .dpt-section-header .dpt-section-header__icon {
    width: 5.5rem
  }
}

.dpt-section-header .dpt-section-header__text {
  position: relative;
  left: 2rem;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  color: white;
  line-height: 1.3;
  background: linear-gradient(to right, #ff6c00 0%, #e6c2a7 189%);
  clip-path: polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%)
}

@media screen and (min-width:768px) {
  .dpt-section-header .dpt-section-header__text {
    padding: 0.2em 4rem 0.2em 7rem;
    font-size: 2.4rem;
    font-weight: 500
  }
}

@media screen and (max-width:767px) {
  .dpt-section-header .dpt-section-header__text {
    padding: 0.2em 2rem 0.2em 4rem;
    font-size: 1.8rem;
    font-weight: 500;
    width: 20rem;
    left: 2rem;
    justify-content: center
  }
}

.dpt-annotation {
  position: relative
}

@media screen and (max-width:767px) {
  .dpt-annotation {
    font-size: 1.2rem;
    color: #BD9E16
  }
}

.dpt-section {
  position: relative
}

.dpt-section-inner {
  margin-left: auto;
  margin-right: auto
}

.dpt-section-body {
  position: relative;
  margin-top: 1.5rem;
  z-index: 1
}

.dpt-illust {
  position: absolute
}

.dpt-section-image {
  position: relative
}

.dpt-section-image img {
  width: 100%
}

.dpt-main a.dpt-section-link {
  position: absolute;
  padding: 0.2em 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.4rem solid var(--color-orange);
  color: var(--color-orange);
  border-radius: 10rem;
  font-weight: 600;
  z-index: 1;
  transition: all 0.4s cubic-bezier(0.54, 3, 0.43, 0.84);
  background-color: white
}

.dpt-main a.dpt-section-link:after {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: 0.7em;
  margin-left: 0.5em;
  border-right: 0.4rem solid var(--color-orange);
  border-bottom: 0.4rem solid var(--color-orange);
  rotate: -45deg
}

@media screen and (min-width:768px) {
  .dpt-main a.dpt-section-link:hover {
    scale: 1.07
  }
}

@media screen and (max-width:767px) {
  .dpt-main a.dpt-section-link {
    font-size: 1.4rem
  }
}

@media screen and (max-width:767px) {
  .dpt-scroll {
    overflow: scroll
  }
}

.dpt-bg img,
.dpt-bg-1 img,
.dpt-bg-2 img {
  max-width: none;
  width: 100%
}

.dpt-section--1 .dpt-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0
}

.dpt-section--1 .dpt-pos-parent {
  position: absolute
}

.dpt-section--1 .dpt-pos-annotation {
  margin-top: -0.6rem;
  display: block;
  text-align: center;
  width: 100%;
  font-weight: 400
}

.dpt-section--1 .dpt-pos a {
  text-decoration: underline
}

@media screen and (min-width:768px) {
  .dpt-section--1 {
    margin-top: 2rem
  }

  .dpt-section--1 .dpt-bg {
    top: 20rem;
    width: calc(1409 / 1440 * 100%)
  }

  .dpt-section--1 .dpt-section-inner {
    width: 107.7rem
  }

  .dpt-section--1 .dpt-pos-parent {
    width: 21rem;
    top: 12rem;
    left: 2rem
  }

  .dpt-section--1 .dpt-pos-parent .dpt-pos {
    width: 100%;
    font-weight: 600;
    text-align: center;
    font-size: 1.6rem
  }

  .dpt-section--1 .dpt-pos-parent .dpt-orange {
    font-size: 3.2rem
  }

  .dpt-section--1 .dpt-pos-parent:first-of-type {
    left: 8rem
  }

  .dpt-section--1 .dpt-pos-parent:first-of-type .dpt-pos:first-of-type {
    top: 0rem;
    font-size: 2rem
  }

  .dpt-section--1 .dpt-pos-parent:first-of-type .dpt-pos:nth-of-type(2) {
    top: 8.4rem
  }

  .dpt-section--1 .dpt-pos-parent:first-of-type .dpt-pos:nth-of-type(2) .dpt-pos-annotation {
    font-size: 1.2rem
  }

  .dpt-section--1 .dpt-pos-parent:first-of-type .dpt-pos:nth-of-type(3) {
    top: 17.5rem;
    line-height: 1.4;
    font-size: 1.5rem
  }

  .dpt-section--1 .dpt-pos-parent:first-of-type .dpt-pos:nth-of-type(3) .adj-1 {
    font-size: 1.9rem
  }

  .dpt-section--1 .dpt-pos-parent:first-of-type .dpt-pos:nth-of-type(3) .adj-2 {
    font-size: 1.9rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(2) {
    left: 43.5rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(2) .dpt-pos:first-of-type {
    top: 0rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(2) .dpt-pos:nth-of-type(2) {
    top: 10rem;
    font-size: 1.9rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(2) .dpt-pos:nth-of-type(2) span {
    font-size: 1.3rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(2) .dpt-pos:nth-of-type(3) {
    top: 18.5rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(3) {
    left: 79rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(3) .dpt-pos:first-of-type {
    top: 0rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(3) .dpt-pos:nth-of-type(2) {
    top: 10rem;
    font-size: 1.9rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(3) .dpt-pos:nth-of-type(2) span {
    font-size: 1.3rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(3) .dpt-pos:nth-of-type(3) {
    top: 18.5rem
  }
}

@media screen and (max-width:767px) {
  .dpt-section--1 {
    margin-top: 3rem
  }

  .dpt-section--1 .dpt-bg {
    top: 40rem;
    width: 38.5rem
  }

  .dpt-section--1 .dpt-section-header {
    margin-left: 3rem
  }

  .dpt-section--1 .dpt-annotation {
    top: 0.5rem;
    left: 8rem
  }

  .dpt-section--1 .dpt-scroll {
    padding: 0 3rem
  }

  .dpt-section--1 .dpt-section-image {
    width: 66.5rem
  }

  .dpt-section--1 .dpt-pos-parent {
    width: 17.6rem;
    top: 10.7rem;
    left: 2rem
  }

  .dpt-section--1 .dpt-pos-parent .dpt-pos {
    width: 100%;
    font-weight: 600;
    text-align: center;
    font-size: 1.6rem
  }

  .dpt-section--1 .dpt-pos-parent .dpt-orange {
    font-size: 3.2rem
  }

  .dpt-section--1 .dpt-pos-parent:first-of-type {
    left: 6.6rem
  }

  .dpt-section--1 .dpt-pos-parent:first-of-type .dpt-pos:first-of-type {
    top: 0rem;
    font-size: 1.66rem
  }

  .dpt-section--1 .dpt-pos-parent:first-of-type .dpt-pos:nth-of-type(2) {
    top: 6.6rem
  }

  .dpt-section--1 .dpt-pos-parent:first-of-type .dpt-pos:nth-of-type(2) .dpt-pos-annotation {
    font-size: 1rem
  }

  .dpt-section--1 .dpt-pos-parent:first-of-type .dpt-pos:nth-of-type(3) {
    top: 14.5rem;
    line-height: 1.4;
    font-size: 1.29rem
  }

  .dpt-section--1 .dpt-pos-parent:first-of-type .dpt-pos:nth-of-type(3) .adj-1 {
    font-size: 1.629rem
  }

  .dpt-section--1 .dpt-pos-parent:first-of-type .dpt-pos:nth-of-type(3) .adj-2 {
    font-size: 2rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(2) {
    left: 31rem;
    width: 13.8rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(2) .dpt-pos:first-of-type {
    top: 0rem;
    line-height: 1.4
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(2) .dpt-pos:nth-of-type(2) {
    top: 7.8rem;
    font-size: 2.1rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(2) .dpt-pos:nth-of-type(2) span {
    font-size: 1.3rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(2) .dpt-pos:nth-of-type(3) {
    top: 14.3rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(3) {
    left: 48.7rem;
    width: 14rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(3) .dpt-pos:first-of-type {
    top: 0rem;
    line-height: 1.4
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(3) .dpt-pos:nth-of-type(2) {
    top: 7.8rem;
    font-size: 1.9rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(3) .dpt-pos:nth-of-type(2) span {
    font-size: 1.3rem
  }

  .dpt-section--1 .dpt-pos-parent:nth-of-type(3) .dpt-pos:nth-of-type(3) {
    top: 14.3rem
  }
}

.dpt-section--video .dpt-section-body {
  position: relative;
  margin-top: 1.5rem;
  z-index: 1
}

.dpt-section--video .dpt-section-inner>div {
  border: 1.5rem solid #4C4775;
  border-radius: 1.5rem;
  background-color: #4C4775;
  position: relative
}

@media screen and (min-width:768px) {
  .dpt-section--video .dpt-section-inner>div {
    aspect-ratio: 16/9.22
  }
}

@media screen and (max-width:767px) {
  .dpt-section--video .dpt-section-inner>div {
    aspect-ratio: 16/9.4
  }
}

@media screen and (min-width:768px) {
  .dpt-section--video {
    margin-top: 10rem
  }

  .dpt-section--video .dpt-section-inner {
    width: 90.5rem
  }
}

@media screen and (max-width:767px) {
  .dpt-section--video {
    margin-top: 10rem
  }

  .dpt-section--video .dpt-section-inner {
    padding: 0 4rem
  }

  .dpt-section--video .dpt-section-inner>div {
    border: 1rem solid #4C4775;
    border-radius: 1rem
  }
}

.dpt-section--2 .dpt-section-image {
  position: relative
}

.dpt-section--2 .dpt-illust-1,
.dpt-section--2 .dpt-illust-2 {
  position: absolute;
  z-index: 5
}

.dpt-section--2 .dpt-pos-parent {
  position: absolute
}

.dpt-section--2 .dpt-pos-parent .dpt-pos {
  width: 100%
}

@media screen and (min-width:768px) {
  .dpt-section--2 {
    margin-top: 5rem;
    margin-bottom: 10rem
  }

  .dpt-section--2 .dpt-bg {
    top: 20rem;
    width: calc(1409 / 1440 * 100%)
  }

  .dpt-section--2 .dpt-section-inner {
    width: 104.7rem
  }

  .dpt-section--2 h3.dpt-pos {
    top: 3.7rem;
    left: 27.7rem;
    width: 68rem;
    line-height: 1.35;
    font-size: 2.4rem;
    font-weight: 600
  }

  .dpt-section--2 dt {
    font-size: 2rem;
    font-weight: 600
  }

  .dpt-section--2 dd {
    font-size: 1.5rem;
    line-height: 1.4
  }

  .dpt-section--2 .dpt-section-image {
    margin: 0 -2.5rem
  }

  .dpt-section--2 .dpt-section-image .dpt-pos-parent {
    top: 12.7rem;
    width: 21rem
  }

  .dpt-section--2 .dpt-section-image .dpt-pos-parent dd {
    top: 18.3rem
  }

  .dpt-section--2 .dpt-section-image .dpt-pos-parent:first-of-type {
    left: 8.7rem
  }

  .dpt-section--2 .dpt-section-image .dpt-pos-parent:nth-of-type(2) {
    left: 32.1rem
  }

  .dpt-section--2 .dpt-section-image .dpt-pos-parent:nth-of-type(3) {
    left: 56.9rem
  }

  .dpt-section--2 .dpt-section-image .dpt-pos-parent:nth-of-type(4) {
    left: 81.2rem
  }

  .dpt-section--2 .dpt-section-image:first-of-type h3.dpt-pos {
    width: 62rem
  }

  .dpt-section--2 .dpt-section-image:nth-of-type(2) h3.dpt-pos {
    top: 3.3rem;
    left: 28.5rem
  }

  .dpt-section--2 .dpt-illust-1 {
    width: 6.3rem;
    top: -5rem;
    right: 11rem
  }

  .dpt-section--2 .dpt-illust-2 {
    width: 8.4rem;
    top: 16rem;
    left: 7rem
  }
}

@media screen and (max-width:767px) {
  .dpt-section--2 {
    margin-top: 2.2rem
  }

  .dpt-section--2 .dpt-section-inner {
    padding: 0 3rem
  }

  .dpt-section--2 h3.dpt-pos {
    top: 7.2rem;
    left: 4.5rem;
    width: 32rem;
    line-height: 1.35;
    font-size: 1.6rem;
    font-weight: 600
  }

  .dpt-section--2 dt {
    font-size: 2rem;
    font-weight: 600
  }

  .dpt-section--2 dd {
    font-size: 1.5rem;
    line-height: 1.4
  }

  .dpt-section--2 .dpt-section-body {
    margin-top: 3.5rem
  }

  .dpt-section--2 .dpt-section-image {
    margin: 0 -3rem
  }

  .dpt-section--2 .dpt-section-image .dpt-pos-parent {
    left: 9.7rem;
    width: 21rem
  }

  .dpt-section--2 .dpt-section-image .dpt-pos-parent dd {
    top: 18.3rem
  }

  .dpt-section--2 .dpt-section-image .dpt-pos-parent:first-of-type {
    top: 17.5rem;
    left: 10.1rem
  }

  .dpt-section--2 .dpt-section-image .dpt-pos-parent:nth-of-type(2) {
    top: 43.7rem
  }

  .dpt-section--2 .dpt-section-image .dpt-pos-parent:nth-of-type(2) dt {
    top: 0.5rem
  }

  .dpt-section--2 .dpt-section-image .dpt-pos-parent:nth-of-type(2) dd {
    top: 18.7rem;
    left: -0.6rem
  }

  .dpt-section--2 .dpt-section-image .dpt-pos-parent:nth-of-type(3) {
    top: 71rem
  }

  .dpt-section--2 .dpt-section-image .dpt-pos-parent:nth-of-type(4) {
    top: 98.2rem
  }

  .dpt-section--2 .dpt-section-image:nth-child(2) {
    margin-top: -1rem
  }

  .dpt-section--2 .dpt-section-image:nth-child(2) h3.dpt-pos {
    top: 9rem;
    width: 31rem
  }

  .dpt-section--2 .dpt-illust-1 {
    display: none
  }

  .dpt-section--2 .dpt-illust-2 {
    width: 4.2rem;
    top: -1rem;
    left: 22rem
  }
}

.dpt-section--3 .dpt-bg-1,
.dpt-section--3 .dpt-bg-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0
}

.dpt-section--3 .dpt-section-image-head {
  position: absolute
}

.dpt-section--3 dl {
  position: absolute
}

@media screen and (min-width:768px) {
  .dpt-section--3 {
    margin-top: 5rem;
    margin-bottom: 10rem
  }

  .dpt-section--3 .dpt-bg-1 {
    top: -20rem;
    width: 47.9rem
  }

  .dpt-section--3 .dpt-bg-2 {
    top: 72rem;
    width: 112.5rem
  }

  .dpt-section--3 .dpt-section-inner {
    position: relative;
    width: 104.7rem
  }

  .dpt-section--3 .dpt-section-image {
    margin: 0 -2.5rem
  }

  .dpt-section--3 .dpt-section-image h4.dpt-pos {
    font-size: 2.4rem
  }

  .dpt-section--3 .dpt-section-image p.dpt-pos {
    font-size: 1.8rem;
    line-height: 1.5
  }

  .dpt-section--3 .dpt-section-image:first-child .dpt-section-image-head {
    top: 0rem;
    left: 0rem;
    width: 26.1rem
  }

  .dpt-section--3 .dpt-section-image:first-child h4.dpt-pos {
    top: 4.2rem;
    left: 36.2rem
  }

  .dpt-section--3 .dpt-section-image:first-child p.dpt-pos {
    top: 9.8rem;
    left: 12.5rem;
    width: 89rem
  }

  .dpt-section--3 .dpt-section-image:first-child p.dpt-annotation {
    position: absolute;
    top: 40.8rem;
    left: 26.1rem;
    text-align: center;
    font-size: 1.4rem;
    width: 57.6rem
  }

  .dpt-section--3 .dpt-section-image:first-child dl {
    top: 22rem;
    left: 27rem
  }

  .dpt-section--3 .dpt-section-image:first-child dt {
    width: 13.6rem
  }

  .dpt-section--3 .dpt-section-image:first-child dt:first-of-type {
    left: 1.3rem
  }

  .dpt-section--3 .dpt-section-image:first-child dt:nth-of-type(2) {
    left: 19.9rem
  }

  .dpt-section--3 .dpt-section-image:first-child dt:nth-of-type(3) {
    left: 40rem
  }

  .dpt-section--3 .dpt-section-image:first-child dd {
    top: 11.1rem;
    font-size: 1.6rem;
    line-height: 1.2;
    width: 18rem
  }

  .dpt-section--3 .dpt-section-image:first-child dd:first-of-type {
    left: 1.3rem
  }

  .dpt-section--3 .dpt-section-image:first-child dd:nth-of-type(2) {
    left: 19.9rem
  }

  .dpt-section--3 .dpt-section-image:first-child dd:nth-of-type(3) {
    left: 40rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(2) .dpt-section-image-head {
    top: 0rem;
    left: 0rem;
    width: 27.5rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(2) h4.dpt-pos {
    top: 3.5rem;
    left: 34.9rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(2) p.dpt-pos {
    top: 9rem;
    left: 10.4rem;
    width: 89rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(3) .dpt-section-image-head {
    top: 0rem;
    left: 0rem;
    width: 44.4rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(3) h4.dpt-pos:first-of-type {
    top: 11.5rem;
    left: 13.3rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(3) h4.dpt-pos:nth-of-type(2) {
    top: 40.3rem;
    left: 13.8rem;
    font-size: 2.4rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(3) p.dpt-pos:first-of-type {
    top: 17.1rem;
    left: 8.2rem;
    width: 53rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(3) p.dpt-pos:nth-of-type(2) {
    top: 46rem;
    left: 8.9rem;
    width: 53rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(3) .adj-2 {
    display: none
  }

  .dpt-section--3 .dpt-illust {
    width: 17.7rem;
    top: -8rem;
    left: 25rem
  }

  .dpt-section--3 .dpt-section-link {
    bottom: 4.9rem;
    left: 50%;
    translate: -50%;
    font-size: 1.8rem
  }
}

@media screen and (max-width:767px) {
  .dpt-section--3 {
    margin-top: 0rem
  }

  .dpt-section--3 .dpt-bg-1 {
    top: 84.5rem;
    width: 21rem;
    right: -3rem
  }

  .dpt-section--3 .dpt-bg-2 {
    top: 217rem;
    width: 46rem;
    right: -1.5rem
  }

  .dpt-section--3 .dpt-section-inner {
    padding: 0 3rem
  }

  .dpt-section--3 .dpt-section-header {
    margin: 0 -1rem
  }

  .dpt-section--3 .dpt-section-image {
    margin: 0 -3rem
  }

  .dpt-section--3 .dpt-section-image h4.dpt-pos {
    font-size: 2rem
  }

  .dpt-section--3 .dpt-section-image p.dpt-pos {
    font-size: 1.4rem;
    line-height: 1.5
  }

  .dpt-section--3 .dpt-section-image p.dpt-annotation {
    position: absolute;
    top: 70.4rem;
    left: 4.4rem;
    text-align: left;
    font-size: 1.2rem;
    color: black
  }

  .dpt-section--3 .dpt-section-image:first-child {
    margin-top: 2.5rem
  }

  .dpt-section--3 .dpt-section-image:first-child .dpt-section-image-head {
    top: -1.5rem;
    left: 0rem;
    width: 20.5rem
  }

  .dpt-section--3 .dpt-section-image:first-child h4.dpt-pos {
    top: 5.8rem;
    left: 9.7rem;
    width: 23rem
  }

  .dpt-section--3 .dpt-section-image:first-child p.dpt-pos {
    top: 13.2rem;
    left: 5rem;
    width: 31rem
  }

  .dpt-section--3 .dpt-section-image:first-child dl {
    top: 29.8rem;
    left: 5rem
  }

  .dpt-section--3 .dpt-section-image:first-child dt {
    width: 13.6rem
  }

  .dpt-section--3 .dpt-section-image:first-child dt:nth-of-type(2) {
    top: 13.1rem
  }

  .dpt-section--3 .dpt-section-image:first-child dt:nth-of-type(3) {
    top: 26.2rem
  }

  .dpt-section--3 .dpt-section-image:first-child dd {
    top: 0.1rem;
    left: 15rem;
    font-size: 1.1rem;
    line-height: 1.3;
    width: 15rem
  }

  .dpt-section--3 .dpt-section-image:first-child dd:nth-of-type(2) {
    top: 13.4rem
  }

  .dpt-section--3 .dpt-section-image:first-child dd:nth-of-type(3) {
    top: 26.5rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(2) {
    margin-top: 9rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(2) .dpt-section-image-head {
    top: 0rem;
    left: 1rem;
    width: 22.2rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(2) h4.dpt-pos {
    top: 7.6rem;
    left: 10.6rem;
    width: 21rem;
    line-height: 1.5
  }

  .dpt-section--3 .dpt-section-image:nth-child(2) p.dpt-pos {
    top: 15rem;
    left: 4.5rem;
    width: 31rem;
    font-size: 1.8rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(3) {
    margin-top: 4rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(3) .dpt-section-image-head {
    top: 0rem;
    left: 1rem;
    width: 32.2rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(3) h4.dpt-pos:first-of-type {
    top: 7.8rem;
    left: 7.7rem;
    width: 29rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(3) h4.dpt-pos:nth-of-type(2) {
    top: 66.8rem;
    left: 8.9rem;
    width: 23rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(3) p.dpt-pos {
    left: 5.3rem;
    width: 28.8rem;
    font-size: 1.8rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(3) p.dpt-pos:first-of-type {
    top: 13rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(3) p.dpt-pos:nth-of-type(3) {
    top: 75rem;
    left: 5.6rem;
    width: 30rem;
    font-size: 1.6rem
  }

  .dpt-section--3 .dpt-section-image:nth-child(3) .adj-1 {
    display: none
  }

  .dpt-section--3 .dpt-illust {
    width: 10.6rem;
    top: -1rem;
    left: 26rem
  }

  .dpt-section--3 .dpt-section-body {
    margin-top: 2.8rem
  }

  .dpt-section--3 a.dpt-section-link {
    bottom: 4.5rem;
    left: 50%;
    translate: -50%;
    width: 31rem;
    padding: 0.7em 1em
  }
}

.dpt-section--4 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXkAAAE3CAMAAAB4j8ETAAAABlBMVEX/3WP/55BG/TOEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFLUlEQVR4nO3cWW4kORAEUef9Lz2YUUtDtVRLVpH0WMxOEP5QEKCPpIZONuizo+7ATwFvCnhTuNd3B34KeFPAm8LdFPD13YGfAt4U8KZwr+8O/BTwpoA3Bbwn3E0Bbwp4U8Cbwr2+O/BTwJsC3hTwpnCv7w78FPCmgDeFe3134KeANwW8KeBN4V7fHfgp4E0Bbwr3+u7ATwFvCnhTwJvCvb478FPAmwLeFO713YGfAt4U8KaAN4V7fXfgp4A3Bbwp3E0BX98d+CngTQFvCvf67sBPAW8KeFPAe8LdFPCmgDcFvCnc67sDPwW8KeBNAW8K9/ruwE8Bbwp4U7jXdwd+CnhTwJsC3hTu9d2BnwLeFPCmcK/vjrwNHvmvDrsj/9lZ94G8Cx55g/uHOfImeORd8MgP1/+tyMsDj7xM8O3l5YLvLi+Xe3d5+eBby8sJ31leVvjG8vLC95WX172vvNzwTeXlh+8prwDwLeUVAb6jvCK4N5RXEPh28ooC301eYeCbySuMey95RYLvJK9Q8I3kFQu+j7yCwbeRVzD3LvKKB99DXgHhW8grInwHeUV07yCvmPDl5RUVvrq8wsIXl1dc+NryiuteWl6h4QvLKzZ8XXkFhy8rr+DuZeUVHr6mvBLAl5RXBviK8koBX1BeKdzrySsLfDV5pYEvJq888LXklce9lrwywReSVy74OvJKBl9GXtngq8grm3sReSWELyGvjPAV5JUSvoC8csLnl1dO9/TySgufXF554XPLKzF8ankldk8tr9TweeWVHD6tvLLDZ5VXevik8krvnlNeFeAzyqsEfEJ51YDPJ68a7unkVQY+mbzqwOeSVyH4VPKqBJ9JXpXcE8mrGHwaeVWDzyKvcvBJ5FXOPYm8CsJnkFdJ+ATyqgkfX15F4cPLq6h7dHnVhY8tr8LwoeVVGT6yvCq7R5ZXbfiw8qoOH1Ve5eGDyqs+fEx51XcPKa8W8O3lh2/m6Owu59ARKzVxDyevNvCx5NUIPpS8OsFHklcr+EDyauUeR17d4KPIqx18EHn1g48hr4bwIeTV0D2CvHrC++XVFN4ur67wbnl1dXfLqy+8VV6d4Z3yag1vlFdveJ+8ervb5NUe3iQv4D3yAt4jj7tHnh/8R+c/UgH+o+PfZQH/p9OfIgL/2eGvb3H/6uj35sBPnXxiAfi5g6+KAP+tcw/p4P69Y29HAf9Xh15LA/5HZx4IBP5nR97EBP6XTjwDi/tv7X/4GPjf2/7WN/A32v28PfC32nst7rfbei/wd1IRd41s7bsY+PttOxn4B+26GfdHbboa+IcpvbtGznbcDfwzbTgc96dafzrwz6XM7hqJW3w88E+39nrgn2/p+bhfSEndNbK3bgHw11o2AfiLrdoA/NUWjcD9ckrnrlGjFTuAf6UFQ4B/qfeX4P5ab28B/sWUyL0U/JvywL/eW3OAf6N39uD+TsrhrlGulycB/2avbgL+3V4chfvbKby7Rs1e2QX8il4YBvySri8Dfk2Xp+G+KAV216jctXXAr+vSPOAXdmUf7iu7sBD4pSmku0b9nt0I/OqeHAn88p5bifv6FM1do0lPDAV+S4+XAr+nh1Nx39SjscDvSnHcNVp1dy7wG7u3F/id3RmM+9ZuTwZ+b4rgrtGwG6OB397vq4Hf36+zcT+QzO4aXfu5HPgz/ZgO/KH+3o77qeRz12jdt/nAH2zeD/zJJgDgj/a/AO5nk8Ndh0eG7A8C8Mf7UAD+fP8x4G7oXwjgHYm/NKbOugM/vvoHm4hFDUflY1UAAAAASUVORK5CYII=");
  background-size: 12.5rem;
  z-index: -1
}

.dpt-section--4 .dpt-section-header {
  position: absolute
}

@media screen and (min-width:768px) {
  .dpt-section--4 {
    margin-top: 18rem;
    padding: 15rem 0 13rem
  }

  .dpt-section--4 .dpt-section-header {
    margin-top: -10rem;
    margin-left: -6rem
  }

  .dpt-section--4 .dpt-section-inner {
    width: 88.6rem
  }

  .dpt-section--4 a.dpt-section-link {
    display: none
  }
}

@media screen and (max-width:767px) {
  .dpt-section--4 {
    margin-top: 0rem;
    z-index: 0
  }

  .dpt-section--4 .dpt-section-header {
    margin-top: -4.5rem;
    margin-left: 0rem
  }

  .dpt-section--4 .dpt-section-body {
    margin-top: 1rem
  }

  .dpt-section--4 .dpt-section-inner {
    padding: 7.6rem 1.7rem 3.3rem
  }

  .dpt-section--4 a.dpt-section-link {
    bottom: 1.8rem;
    left: 50%;
    translate: -50%;
    width: 20rem;
    padding: 0.4em 1em
  }
}

.dpt-section--5 .dpt-bg {
  width: 100%
}

.dpt-section--5 .dpt-section-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1440/428
}

.dpt-section--5 .dpt-balloon,
.dpt-section--5 .dpt-capten,
.dpt-section--5 .dpt-planet,
.dpt-section--5 .dpt-star {
  position: absolute
}

.dpt-section--5 .dpt-balloon img,
.dpt-section--5 .dpt-capten img,
.dpt-section--5 .dpt-planet img,
.dpt-section--5 .dpt-star img {
  width: 100%
}

@media screen and (min-width:768px) {
  .dpt-section--5 .dpt-capten {
    top: 15%;
    left: 44%;
    width: calc(170 / 1440 * 100%)
  }

  .dpt-section--5 .dpt-balloon {
    top: 19%;
    left: 21.4%;
    width: calc(317 / 1440 * 100%);
    transform-origin: 100% 50%
  }

  .dpt-section--5 .dpt-planet {
    top: 17%;
    left: 63%;
    width: calc(170 / 1440 * 100%)
  }

  .dpt-section--5 .dpt-star {
    top: 58%;
    left: 26%;
    width: calc(633 / 1440 * 100%)
  }
}

@media screen and (max-width:767px) {
  .dpt-section--5 {
    height: 52.7rem
  }

  .dpt-section--5 .dpt-section-inner .dpt-capten {
    top: 203%;
    left: 62%;
    width: calc(129 / 393 * 100%)
  }

  .dpt-section--5 .dpt-section-inner .dpt-balloon {
    top: 26%;
    left: 13.4%;
    width: calc(285 / 393 * 100%);
    transform-origin: 100% 100%
  }

  .dpt-section--5 .dpt-section-inner .dpt-planet {
    top: 255%;
    left: 17%;
    width: calc(97 / 393 * 100%)
  }

  .dpt-section--5 .dpt-section-inner .dpt-star {
    top: 302%;
    left: 6%;
    width: calc(239 / 393 * 100%)
  }
}

.dpt-section-wrapper {
  background-image: url("/drill-planet/assets/img/index/bg-fancy-repeat.png");
  background-size: 68.65rem auto;
  background-position: 50% 0
}

@media screen and (max-width:767px) {
  .dpt-section-wrapper {
    background-image: none
  }
}

.dpt-section--6 .dpt-section-image {
  position: relative
}

.dpt-section--6 .dpt-section-image img {
  filter: drop-shadow(0 0 6px rgba(22, 7, 0, 0.25));
  will-change: transform
}

.dpt-section--6 a.dpt-section-link {
  position: relative;
  width: fit-content;
  margin-right: auto;
  margin-left: auto
}

.dpt-section--6 h3.dpt-pos {
  font-weight: 600
}

.dpt-section--6 p.dpt-pos {
  line-height: 1.5
}

@media screen and (min-width:768px) {
  .dpt-section--6 {
    padding-top: 5rem
  }

  .dpt-section--6 .dpt-section-inner {
    width: 86.1rem
  }

  .dpt-section--6 .dpt-section-header {
    margin-left: -10rem
  }

  .dpt-section--6 .dpt-section-body {
    margin-top: 3rem
  }

  .dpt-section--6 .dpt-section-image:not(:first-child) {
    margin-top: 2rem
  }

  .dpt-section--6 .dpt-section-image:first-of-type p.dpt-pos {
    width: 44rem
  }

  .dpt-section--6 .dpt-section-image:nth-of-type(3) p.dpt-pos {
    width: 44rem
  }

  .dpt-section--6 .dpt-section-link {
    margin-top: 4rem;
    font-size: 1.8rem
  }

  .dpt-section--6 h3.dpt-pos {
    top: 2.4rem;
    left: 9.3rem;
    font-size: 3rem
  }

  .dpt-section--6 p.dpt-pos {
    top: 8.9rem;
    left: 5.5rem;
    width: 45rem;
    font-size: 1.6rem
  }
}

@media screen and (max-width:767px) {
  .dpt-section--6 {
    padding-top: 1rem
  }

  .dpt-section--6 .dpt-section-inner {
    padding: 0 0
  }

  .dpt-section--6 .dpt-section-header {
    margin-left: 2rem
  }

  .dpt-section--6 h3.dpt-pos {
    font-size: 2rem
  }

  .dpt-section--6 p.dpt-pos {
    font-size: 1.6rem
  }

  .dpt-section--6 .dpt-section-image {
    width: 35.3rem;
    margin-left: auto;
    margin-right: auto
  }

  .dpt-section--6 .dpt-section-image:not(:first-child) {
    margin-top: 1.3rem
  }

  .dpt-section--6 .dpt-section-image:first-of-type h3.dpt-pos {
    top: 1.2rem;
    left: 8.3rem
  }

  .dpt-section--6 .dpt-section-image:first-of-type p.dpt-pos {
    top: 5.6rem;
    left: 4.9rem;
    width: 27rem
  }

  .dpt-section--6 .dpt-section-image:nth-of-type(2) h3.dpt-pos {
    top: 1.6rem;
    left: 8.2rem
  }

  .dpt-section--6 .dpt-section-image:nth-of-type(2) p.dpt-pos {
    top: 6.6rem;
    left: 4.4rem;
    width: 28rem
  }

  .dpt-section--6 .dpt-section-image:nth-of-type(3) h3.dpt-pos {
    top: 1.5rem;
    left: 8.2rem
  }

  .dpt-section--6 .dpt-section-image:nth-of-type(3) p.dpt-pos {
    top: 5.6rem;
    left: 3.9rem;
    width: 28rem
  }

  .dpt-section--6 .dpt-section-link {
    margin-top: 2rem;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    font-size: 1.1rem
  }

  .dpt-section--6 .dpt-section-link:after {
    border-width: 0.2rem;
    width: 1rem
  }
}

@media screen and (min-width:768px) {
  .dpt-section--map .dpt-section-inner {
    width: 105.6rem
  }

  .dpt-section--map .dpt-section-inner img {
    margin-left: 3rem
  }

  .dpt-section--map .dpt-attention,
  .dpt-section--map .dpt-section-header {
    display: none
  }
}

@media screen and (max-width:767px) {
  .dpt-section--map {
    margin-top: 4.3rem
  }

  .dpt-section--map .dpt-section-inner {
    padding: 0 0 0 1.1rem
  }

  .dpt-section--map .dpt-section-header {
    position: absolute;
    top: 0;
    left: 2.9rem
  }

  .dpt-section--map .dpt-section-header__text {
    left: 4rem;
    width: 24.8rem;
    line-height: 1.5;
    padding: 0.2em 2rem 0.2em 0.3rem
  }

  .dpt-section--map .dpt-attention {
    position: absolute;
    top: 6.5rem;
    left: 7.5rem
  }

  .dpt-section--map .dpt-section-body {
    padding-top: 1.3rem
  }

  .dpt-section--map .dpt-attention {
    position: absolute;
    color: #FF2020;
    font-size: 0.8rem
  }
}

.dpt-section--7 .dpt-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0
}

.dpt-section--7 .dpt-step {
  display: flex;
  justify-content: space-between;
  background-color: #F5D4A0;
  border-radius: 3.6rem
}

.dpt-section--7 .dpt-step li {
  position: relative
}

.dpt-section--7 .dpt-step img {
  width: 100%
}

.dpt-section--7 h3.dpt-pos {
  font-weight: 600;
  text-align: center;
  font-size: 2rem
}

.dpt-section--7 p.dpt-pos {
  line-height: 1.5;
  font-size: 1.6rem
}

@media screen and (min-width:768px) {
  .dpt-section--7 {
    margin-top: 2rem;
    padding-bottom: 23.8rem
  }

  .dpt-section--7 .dpt-bg {
    top: auto;
    bottom: -18.5rem;
    width: 56.8rem
  }

  .dpt-section--7 .dpt-bg img {
    position: relative;
    right: -0.4rem
  }

  .dpt-section--7 .dpt-section-inner {
    width: 92.5rem
  }

  .dpt-section--7 .dpt-step {
    padding: 1.6rem 1rem 1.8rem
  }

  .dpt-section--7 .dpt-step img {
    width: 100%
  }

  .dpt-section--7 .dpt-step li:first-child {
    width: 32.3rem;
    z-index: 3
  }

  .dpt-section--7 .dpt-step li:first-child .dpt-section-link {
    margin-left: -1.5rem
  }

  .dpt-section--7 .dpt-step li:nth-child(2) {
    margin-left: -2rem;
    width: 32.3rem;
    z-index: 2
  }

  .dpt-section--7 .dpt-step li:nth-child(2) .dpt-section-link {
    margin-left: -1.5rem
  }

  .dpt-section--7 .dpt-step li:nth-child(3) {
    margin-left: -2rem;
    width: 29.5rem;
    z-index: 1
  }

  .dpt-section--7 .dpt-step .dpt-section-link {
    width: 20rem;
    bottom: 2.7rem;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    left: 50%;
    translate: -50%;
    font-size: 1.1rem
  }

  .dpt-section--7 .dpt-step .dpt-section-link:after {
    border-width: 0.3rem;
    width: 1rem
  }

  .dpt-section--7 h3.dpt-pos {
    top: 23.6rem;
    left: 2.4rem;
    width: 24.4rem
  }

  .dpt-section--7 p.dpt-pos {
    top: 27rem;
    left: 2.4rem;
    width: 24.4rem
  }
}

@media screen and (max-width:767px) {
  .dpt-section--7 {
    margin-top: 3.7rem;
    padding-bottom: 17rem
  }

  .dpt-section--7 .dpt-bg {
    top: auto;
    bottom: 0.5rem;
    width: 31.8rem
  }

  .dpt-section--7 .dpt-section-inner {
    padding: 0 1.1rem
  }

  .dpt-section--7 .dpt-section-header__text {
    width: 27rem
  }

  .dpt-section--7 .dpt-step {
    flex-direction: column;
    align-items: center;
    padding: 1rem 0 2.3rem
  }

  .dpt-section--7 .dpt-step li {
    width: 29.5rem
  }

  .dpt-section--7 .dpt-step li:not(:first-child) {
    margin-top: 0.8rem
  }

  .dpt-section--7 .dpt-step .dpt-section-link {
    width: 20rem;
    bottom: 2.5rem;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    left: 50%;
    translate: -50%;
    font-size: 1.1rem
  }

  .dpt-section--7 .dpt-step .dpt-section-link:after {
    border-width: 0.2rem;
    width: 1rem
  }

  .dpt-section--7 h3.dpt-pos {
    top: 23.6rem;
    left: 2.4rem;
    width: 24.4rem
  }

  .dpt-section--7 p.dpt-pos {
    top: 27rem;
    left: 2.4rem;
    width: 24.4rem
  }
}

.dpt-hero {
  position: relative;
  width: 100%;
  z-index: 0
}

@media screen and (min-width:768px) {
  .dpt-hero {
    aspect-ratio: 1440/646
  }
}

@media screen and (max-width:767px) {
  .dpt-hero {
    aspect-ratio: 393/727
  }
}

.dpt-hero-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1
}

.dpt-hero-bg__1 {
  position: absolute
}

.dpt-hero-bg__1 img {
  width: 100%
}

@media screen and (min-width:768px) {
  .dpt-hero-bg__1 {
    width: 100%
  }
}

.dpt-hero-bg__2 {
  position: absolute;
  transform-origin: 50% 100%
}

.dpt-hero-bg__2 img {
  width: 100%
}

@media screen and (min-width:768px) {
  .dpt-hero-bg__1 {
    width: 100%
  }

  .dpt-hero-bg__2 {
    top: 0%;
    left: 0%;
    width: calc(965 / 1440 * 100%)
  }
}

@media screen and (max-width:767px) {
  .dpt-hero-bg__1 {
    width: 100%
  }

  .dpt-hero-bg__2 {
    width: 100%
  }
}

.dpt-hero-contents {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1
}

@media screen and (max-width:767px) {
  .dpt-hero-contents {
    top: 3rem
  }
}

.dpt-button,
.dpt-catch-copy,
.dpt-child,
.dpt-thumb,
.dpt-title {
  position: absolute;
  display: block
}

.dpt-button picture,
.dpt-catch-copy picture,
.dpt-child picture,
.dpt-thumb picture,
.dpt-title picture {
  display: inline-block;
  width: 100%
}

.dpt-button img,
.dpt-catch-copy img,
.dpt-child img,
.dpt-thumb img,
.dpt-title img {
  width: 100%
}

.dpt-child {
  transform-origin: 50% 100%
}

.dpt-button a {
  filter: drop-shadow(0 0 1rem rgba(10, 20, 75, 0.4));
  will-change: transform
}

@media screen and (min-width:768px) {
  .dpt-title {
    top: 25%;
    left: 63.6%;
    width: calc(334 / 1440 * 100%)
  }

  .dpt-catch-copy {
    top: 16%;
    left: 6.6%;
    width: calc(798 / 1440 * 100%)
  }

  .dpt-child {
    top: 47.1%;
    left: 24.6%;
    width: calc(455 / 1440 * 100%)
  }

  .dpt-thumb {
    top: 38.3%;
    left: 64.8%;
    width: calc(300 / 1440 * 100%)
  }

  .dpt-button {
    top: 78.5%;
    left: 62.1%;
    width: calc(380 / 1440 * 100%)
  }

  .dpt-button a {
    width: 100%;
    display: inline-block;
    transition: all 0.4s cubic-bezier(0.54, 3, 0.43, 0.84)
  }

  .dpt-button a:hover {
    scale: 1.05
  }
}

@media screen and (max-width:767px) {

  .dpt-button,
  .dpt-catch-copy,
  .dpt-child,
  .dpt-thumb,
  .dpt-title {
    position: relative;
    margin-right: auto;
    margin-left: auto
  }

  .dpt-title {
    margin-top: -1rem;
    width: calc(267 / 393 * 100%)
  }

  .dpt-catch-copy {
    width: calc(355 / 393 * 100%)
  }

  .dpt-child {
    width: calc(296 / 393 * 100%)
  }

  .dpt-child img {
    margin-left: 2rem
  }

  .dpt-thumb {
    margin-top: 2rem;
    width: calc(227 / 393 * 100%)
  }

  .dpt-button {
    margin-top: 2.7rem;
    width: calc(299 / 393 * 100%)
  }
}

/* 日本e-Learning大賞　関連 */
.award_block {
  padding: 5% 10%;
  background: rgb(255 255 255 / 50%);
  margin-bottom: 5%;
}
.award_title {
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 20px;
}
.award_title span {
  font-size: 1.6rem;
}
.award_details_area {
  display:flex;
  align-items: center;
  max-width: 80%;
  margin: auto;
}
.award_details_area figure {
  max-width: 450px;
}
.award_details_area div.award_details {
  font-size: 1.6rem;
  padding-left:20px;
}

@media screen and (max-width:767px) {
  .award_title{
    font-size: 1.6rem;
  }
  .award_title span {
    font-size: 1rem;
  }
  .award_details_area {
    flex-direction: column;
    max-width: 100%;
  }
  .award_details_area figure {
    max-width: 200px;
    margin-bottom: 20px;
  }
  .award_details_area div.award_details {
    font-size: 1.2rem;
  }
}