/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Sans:wght@400;500;700&display=swap";

*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  line-height: 1.15
}

body {
  margin: 0
}

main {
  display: block
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: inherit;
  font-size: inherit
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none
}

dt {
  font-weight: bold
}

dd {
  margin-left: 0
}

hr {
  box-sizing: content-box;
  height: 0;
  margin: 0;
  clear: both;
  overflow: visible;
  border-top-width: 1px;
  color: inherit
}

pre {
  font-size: inherit;
  font-family: monospace, monospace
}

address {
  font-style: inherit
}

a {
  background-color: rgba(0, 0, 0, 0);
  color: inherit;
  text-decoration: none
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-size: inherit;
  font-family: monospace, monospace
}

small {
  font-size: 80%
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

svg,
img,
embed,
object,
iframe {
  vertical-align: bottom
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: rgba(0, 0, 0, 0);
  color: inherit;
  font: inherit;
  text-align: inherit;
  text-transform: inherit;
  vertical-align: middle
}

[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default
}

:-moz-focusring {
  outline: auto
}

select:disabled {
  opacity: inherit
}

option {
  padding: 0
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0
}

legend {
  padding: 0
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

label[for] {
  cursor: pointer
}

details {
  display: block
}

summary {
  display: list-item
}

[contenteditable]:focus {
  outline: auto
}

table {
  border-color: inherit;
  border-collapse: collapse
}

caption {
  text-align: left
}

td,
th {
  padding: 0;
  vertical-align: top
}

th {
  font-weight: bold;
  text-align: left
}

* {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

html,
body {
  width: 100%;
  font-size: 62.5%
}

body {
  word-wrap: break-word;
  color: #000;
  color: #002434;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  word-break: break-all;
  overflow-wrap: break-word
}

@media(max-width: 834px) {
  body {
    font-size: 4vw
  }
}

@media(min-width: 835px) {
  body {
    font-size: 21px
  }
}

body.is__start {
  height: auto;
  overflow-y: scroll
}

body::before {
  -webkit-animation: main_bg .4s steps(1) infinite;
  display: block;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: auto;
  background-position: 0px 0px;
  background-size: 100px;
  background-repeat: repeat;
  content: "";
  animation: main_bg .4s steps(1) infinite;
  opacity: .8;
  pointer-events: none
}

img {
  display: block;
  max-width: 100%
}

@-webkit-keyframes main_bg {
  0% {
    background-position: 0px 0px, 0px 0px
  }

  33.33% {
    background-position: 20px 700px, -400px 500px
  }

  66.66% {
    background-position: -3px 2px, -1px 9px
  }

  100% {
    background-position: -202px -943px, 200px 300px
  }
}

@keyframes main_bg {
  0% {
    background-position: 0px 0px, 0px 0px
  }

  33.33% {
    background-position: 20px 700px, -400px 500px
  }

  66.66% {
    background-position: -3px 2px, -1px 9px
  }

  100% {
    background-position: -202px -943px, 200px 300px
  }
}

header,
nav,
footer,
small,
button,
label,
picture {
  display: block
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl,
dd {
  margin: 0
}

a,
button {
  max-width: 100%;
  text-decoration: none;
  cursor: pointer
}

button:hover,
button:active {
  outline: 0;
  text-decoration: none
}

a:hover,
a:active {
  outline: 0;
  text-decoration: none
}

input,
button,
textarea,
select {
  width: 100%;
  margin: 0;
  padding: 15px 20px;
  border: 1px solid #ddd;
  border-radius: 0;
  outline: none;
  background-color: #fdfdfd
}

select {
  cursor: pointer
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border-radius: 0;
  background: rgba(0, 0, 0, 0);
  color: inherit;
  font: inherit;
  text-align: inherit;
  text-transform: inherit;
  vertical-align: middle
}

input[type=radio],
input[type=checkbox] {
  width: auto;
  margin: 0 5px 0 0
}

input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fdfdfd;
  color: #262b2c;
  text-align: center
}

@media(max-width: 834px) {
  .is__pc {
    display: none
  }
}

@media(min-width: 835px) {
  .is__sp {
    display: none
  }
}

.l-content__wrp {
  position: relative;
  width: 100vw;
  height: 100%
}

.is__start .l-content__wrp {
  z-index: 3
}

.l-content__bg_wrp {
  z-index: 2;
  position: fixed;
  width: 100vw;
  height: 100vh;
  overflow: hidden
}

.l-content__bg {
  display: block;
  z-index: 2;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
  margin: auto;
  transform: scale(50);
  border-radius: 50%;
  background-color: #fff;
  transition: transform 1.5s cubic-bezier(0.62, 0.91, 1, 0.99) 11s
}

.is__loading .l-content__bg {
  transform: scale(0)
}

.is__start .l-content__bg {
  transform: scale(50);
  transition-delay: 0s
}

.l-content__bg.is__black {
  transform: scale(0)
}

@-webkit-keyframes content__bg {
  0% {
    transform: scale(0)
  }

  100% {
    transform: scale(50)
  }
}

@keyframes content__bg {
  0% {
    transform: scale(0)
  }

  100% {
    transform: scale(50)
  }
}

.l-btn__box {
  width: 100%
}

@media(max-width: 834px) {
  .l-btn__box {
    width: 53.3333vw;
    margin-top: 9.3333vw
  }

  .l-btn__box .l-btn+.l-btn {
    margin-top: 4.6666vw
  }
}

@media(min-width: 835px) {
  .l-btn__box {
    display: flex;
    margin-top: 55px
  }

  .l-btn__box .l-btn {
    width: 290px
  }

  .l-btn__box .l-btn+.l-btn {
    margin-left: 20px
  }
}

.l-btn a {
  display: block;
  width: 100%;
  border-radius: 3em;
  background-color: #262b2c;
  color: #fff;
  font-weight: 600;
  font-family: "FP-ヒラギノUD角ゴ StdN W6", "Roboto";
  letter-spacing: .05em;
  text-align: center
}

@media(max-width: 834px) {
  .l-btn a {
    padding: .5em;
    font-size: 3.2vw
  }
}

@media(min-width: 835px) {
  .l-btn a {
    padding: .5em;
    font-size: 18px
  }
}

.l-footer__wrp {
  width: 100%;
  background-color: #002434;
  color: #fff;
  text-align: center
}

@media(max-width: 834px) {
  .l-footer__wrp {
    padding-top: 6.6666666667vw;
    padding-bottom: 5.6vw
  }
}

@media(min-width: 835px) {
  .l-footer__wrp {
    padding-top: 40px;
    padding-bottom: 34px
  }
}

.l-footer__copyright {
  line-height: 1
}

@media(max-width: 834px) {
  .l-footer__copyright {
    font-size: 3.2vw;
    letter-spacing: .05em
  }
}

@media(min-width: 835px) {
  .l-footer__copyright {
    font-size: 14px;
    letter-spacing: .2em
  }
}

.l-header__wrp {
  z-index: 10;
  position: relative;
  width: 100%;
  height: 0px
}

.l-header_menu__wrp {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh
}

@media(min-width: 835px) {
  .l-header_menu__wrp {
    background-color: rgba(0, 36, 52, .3)
  }
}

.l-header_menu__inr {
  position: relative;
  height: 100%;
  margin-left: auto;
  background-color: rgba(110, 204, 216, .9)
}

@media(max-width: 834px) {
  .l-header_menu__inr {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%
  }
}

@media(min-width: 835px) {
  .l-header_menu__inr {
    display: block;
    width: 458px;
    padding-top: 106px
  }
}

.l-header_menu__btn {
  display: block
}

@media(max-width: 834px) {
  .l-header_menu__btn {
    position: absolute;
    top: 8vw;
    right: 6.9333333333vw;
    width: 4.8vw
  }
}

@media(min-width: 835px) {
  .l-header_menu__btn {
    width: 30px;
    margin-right: auto;
    margin-left: auto
  }
}

.l-header_menu__box {
  width: 100%;
  text-align: center
}

@media(max-width: 834px) {
  .l-header_menu__box {
    margin-top: auto;
    margin-bottom: auto
  }
}

@media(min-width: 835px) {
  .l-header_menu__box {
    margin-top: 100px
  }
}

.l-header_menu__lnk a {
  color: #fff;
  line-height: 1;
  letter-spacing: .05em
}

@media(max-width: 834px) {
  .l-header_menu__lnk {
    font-weight: bold;
    font-size: 4.8vw
  }

  .l-header_menu__lnk+.l-header_menu__lnk {
    margin-top: 10.6666666667vw
  }
}

@media(min-width: 835px) {
  .l-header_menu__lnk+.l-header_menu__lnk {
    margin-top: 60px
  }
}

.l-header__btn {
  position: absolute
}

@media(max-width: 834px) {
  .l-header__btn {
    top: 7.4666666667vw;
    right: 5.3333333333vw
  }
}

@media(min-width: 835px) {
  .l-header__btn {
    top: 90px;
    right: 200px
  }

  .l-header__btn img {
    opacity: 1;
    transition: all .2s ease-out
  }

  .l-header__btn:hover {
    background-image: url(../images/icn__menu_hover.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .l-header__btn:hover img {
    opacity: 0
  }
}

.is__drawer .l-header__btn {
  display: none
}

@media(max-width: 834px) {
  .p-header_menu__ttl {
    display: block;
    position: absolute;
    top: 5.3333333333vw;
    left: 5.3333333333vw;
    width: 15em;
    border: 1.5px solid #fff;
    color: #fff;
    font-weight: medium;
    font-size: 4vw;
    letter-spacing: .1em;
    text-align: center
  }
}

@media(min-width: 835px) {
  .p-header_menu__ttl {
    display: none
  }
}

.l-main__wrp {
  z-index: 2;
  position: relative;
  width: 100%
}

.l-nav__wrp {
  width: 100%;
  margin-bottom: auto
}

@media(max-width: 834px) {
  .l-nav__wrp {
    margin-top: 4.8514vh
  }
}

@media(min-width: 835px) {
  .l-nav__wrp {
    margin-top: 40px
  }
}

.l-nav_lst__lnk {
  text-align: center
}

.l-nav_lst__lnk a {
  position: relative;
  color: #fff;
  font-weight: 400;
  font-family: "FP-ヒラギノUD角ゴ StdN W4", "Roboto";
  letter-spacing: .08em
}

@media(max-width: 834px) {
  .l-nav_lst__lnk a {
    font-size: 3.2vw
  }
}

@media(min-width: 835px) {
  .l-nav_lst__lnk a {
    font-size: 15px
  }
}

.l-nav_lst__lnk a::before {
  display: block;
  margin-right: auto;
  margin-left: auto;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0
}

@media(min-width: 835px) {
  .l-nav_lst__lnk a::before {
    margin-bottom: 5px
  }
}

@media(max-width: 834px) {
  .l-nav_lst__lnk+.l-nav_lst__lnk {
    margin-top: 2.5vh
  }
}

@media(min-width: 835px) {
  .l-nav_lst__lnk+.l-nav_lst__lnk {
    margin-top: 35px
  }
}

.l-nav_lst__lnk.is__top a::before {
  background-image: url(../images/nav_lnk__top.svg);
  content: "Top"
}

@media(max-width: 834px) {
  .l-nav_lst__lnk.is__top a::before {
    width: 10.9333vw;
    height: 9.6vw
  }
}

@media(min-width: 835px) {
  .l-nav_lst__lnk.is__top a::before {
    width: 54.4px;
    height: 35.84px
  }
}

.l-nav_lst__lnk.is__message a::before {
  background-image: url(../images/nav_lnk__message.svg);
  content: "Message"
}

@media(max-width: 834px) {
  .l-nav_lst__lnk.is__message a::before {
    width: 26.9333vw;
    height: 9.6vw
  }
}

@media(min-width: 835px) {
  .l-nav_lst__lnk.is__message a::before {
    width: 141.68px;
    height: 37.88px
  }
}

.l-nav_lst__lnk.is__goods a::before {
  background-image: url(../images/nav_lnk__goods.svg);
  content: "Goods"
}

@media(max-width: 834px) {
  .l-nav_lst__lnk.is__goods a::before {
    width: 20.2666vw;
    height: 9.6vw
  }
}

@media(min-width: 835px) {
  .l-nav_lst__lnk.is__goods a::before {
    width: 104.64px;
    height: 29.68px
  }
}

.l-nav_lst__lnk.is__index a::before {
  background-image: url(../images/nav_lnk__index.svg);
  content: "The Ad Museum Tokyo Top"
}

@media(max-width: 834px) {
  .l-nav_lst__lnk.is__index a::before {
    width: 79.7333vw;
    height: 9.6vw
  }
}

@media(min-width: 835px) {
  .l-nav_lst__lnk.is__index a::before {
    width: 424px;
    height: 38.32px
  }
}

.is__drawer {
  overflow: hidden
}

.is__drawer .l-nav__wrap {
  transform: translateX(0vw)
}

.is__drawer .l-nav__bg {
  opacity: 1
}

.l-section__wrp {
  position: relative;
  width: 1200px;
  margin: 0 auto
}

@media(max-width: 834px) {
  .l-section__wrp {
    width: 84vw
  }
}

@media(min-width: 835px) {
  .l-section__wrp {
    width: 1200px
  }
}

.l-section_ttl__description {
  font-weight: 600;
  font-family: "FP-ヒラギノUD角ゴ StdN W6", "Roboto";
  letter-spacing: .05em
}

@media(max-width: 834px) {
  .l-section_ttl__description {
    margin-top: 9.3333vw
  }
}

@media(min-width: 835px) {
  .l-section_ttl__description {
    margin-top: 70px
  }
}

@media(min-width: 835px) {
  .section_ttl__img {
    margin-bottom: 20px
  }
}

.l-section_ttl__txt {
  font-weight: 600;
  line-height: 1;
  font-family: "FP-ヒラギノUD角ゴ StdN W6", "Roboto";
  letter-spacing: .05em
}

@media(max-width: 834px) {
  .l-section_ttl__txt {
    margin-top: 3.2vw;
    font-size: 3.2vw
  }
}

@media(min-width: 835px) {
  .l-section_ttl__txt {
    margin-top: 20px;
    font-size: 20px
  }
}

.o-btn {
  display: block;
  position: relative;
  background-repeat: no-repeat;
  line-height: 1;
  text-align: center
}

@media(min-width: 835px) {
  .o-btn {
    transition: all .2s ease-out
  }
}

.o-btn.is__download {
  padding-top: 1em;
  padding-bottom: 1em;
  border: 2px solid #6eccd8;
  border-radius: 4em;
  background-image: url(../images/icn__download.svg);
  background-position: right 1.5em center;
  background-size: 1.2em;
  background-color: #6eccd8;
  color: #fff;
  font-weight: bold;
  line-height: 1
}

@media(min-width: 835px) {
  .o-btn.is__download:hover {
    border: 2px solid #6eccd8;
    background-image: url(../images/icn__download_blue.svg);
    background-color: #fff;
    color: #6eccd8
  }
}

.o-btn.is__more {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #002434;
  font-weight: bold;
  letter-spacing: .1em
}

@media(max-width: 834px) {
  .o-btn.is__more {
    width: 54.6666666667vw;
    height: 12vw;
    margin-left: auto;
    font-size: 4vw
  }
}

@media(min-width: 835px) {
  .o-btn.is__more {
    width: 205px;
    height: 49px;
    margin-left: auto;
    font-size: 15px
  }

  .o-btn.is__more:hover {
    border-color: #002434;
    background-color: #002434;
    color: #fff
  }

  .o-btn.is__more:hover::before {
    transform: rotate(180deg);
    background-image: url(../images/icn__arrow_white.svg)
  }
}

.o-btn.is__more::before {
  display: block;
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  width: .4em;
  height: 1em;
  margin-top: auto;
  margin-bottom: auto;
  background-image: url(../images/icn__arrow.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  transition: all .2s ease-out
}

.inr,
.p-index_link__lsts,
.p-index_link__ttl,
.p-index_report__lsts,
.p-index_feature__wrp,
.p-index_description__wrp,
.p-index_nav__box {
  position: relative;
  margin-right: auto;
  margin-left: auto
}

@media(max-width: 834px) {

  .inr,
  .p-index_link__lsts,
  .p-index_link__ttl,
  .p-index_report__lsts,
  .p-index_feature__wrp,
  .p-index_description__wrp,
  .p-index_nav__box {
    width: 89.3333333333vw
  }
}

@media(min-width: 835px) {

  .inr,
  .p-index_link__lsts,
  .p-index_link__ttl,
  .p-index_report__lsts,
  .p-index_feature__wrp,
  .p-index_description__wrp,
  .p-index_nav__box {
    width: 90%;
    max-width: 1186px
  }
}

.p-index_kv__wrp {
  width: 100%
}

.p-index_kv__description {
  background: #fff;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(250, 254, 255) 40%, rgb(199, 249, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#c7f9ff", GradientType=0)
}

@media(max-width: 834px) {
  .p-index_kv__description {
    width: 100%;
    margin-right: auto;
    margin-left: auto
  }
}

@media(min-width: 835px) {
  .p-index_kv__description {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 41.6666vw;
    min-width: 800px;
    height: 100vh;
    max-height: 1080px;
    margin-right: auto
  }
}

@media(max-width: 834px) {
  .p-index_kv__inr {
    width: 89.3333333333vw;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5.3333333333vw;
    padding-bottom: 9.0666666667vw
  }
}

@media(min-width: 835px) {
  .p-index_kv__inr {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    height: 100%;
    margin-left: auto;
    padding-top: 100px;
    padding-bottom: 100px
  }
}

@media(max-width: 834px) {
  .p-index_kv__inr .o-btn {
    margin-top: 12.5333333333vw
  }
}

@media(min-width: 835px) {
  .p-index_kv__inr .o-btn {
    width: 80%;
    max-width: 414px;
    margin-top: auto
  }

  .p-index_kv__inr .o-btn:hover {
    border-color: #fff;
    background-image: url(../images/icn__download_brack.svg);
    color: #002434
  }
}

.p-index__ttl {
  display: block;
  width: 15em;
  margin-bottom: auto;
  border: 1.5px solid #344041;
  color: #344041;
  letter-spacing: .1em;
  text-align: center
}

@media(max-width: 834px) {
  .p-index__ttl {
    font-weight: medium;
    font-size: 4vw
  }
}

@media(min-width: 835px) {
  .p-index__ttl {
    font-weight: medium;
    font-size: 21px
  }
}

.p-index_kv__copy {
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: .1em
}

@media(max-width: 834px) {
  .p-index_kv__copy {
    margin-top: 10.6666666667vw;
    font-size: 9.6vw
  }
}

@media(min-width: 835px) {
  .p-index_kv__copy {
    font-size: 48px
  }
}

@media(max-width: 834px) {
  .p-index_kv__txt {
    margin-top: 10.6666666667vw
  }
}

@media(min-width: 835px) {
  .p-index_kv__txt {
    margin-top: 50px;
    font-size: 21px
  }
}

@media(max-width: 834px) {
  .p-index_slider__wrp {
    display: none
  }
}

@media(min-width: 835px) {
  .p-index_slider__wrp {
    z-index: 1;
    width: 58.3334vw;
    height: 100vh;
    max-height: 1080px;
    margin-left: auto
  }
}

@media(min-width: 835px) {
  .p-index_slider__img {
    width: 58.3334vw;
    max-width: 1920px;
    height: 100vh;
    max-height: 1080px
  }

  .p-index_slider__img img {
    -o-object-fit: cover;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
  }
}

@media(min-width: 835px) {
  .p-index_slider__dots {
    display: flex;
    z-index: 2;
    position: absolute;
    bottom: 50px;
    left: 50px;
    justify-content: flex-start;
    margin-right: auto;
    margin-left: auto
  }

  .p-index_slider__dots li {
    width: 15px;
    height: 15px;
    margin-left: 30px;
    border-radius: 50%;
    background-color: #c9c9c9;
    font-size: 0;
    line-height: 0
  }

  .p-index_slider__dots li.slick-active {
    background-color: #6eccd8
  }

  .p-index_slider__dots li button {
    opacity: 0
  }
}

.p-index_nav__wrp {
  width: 100%;
  background-color: #f8f6ef
}

@media(max-width: 834px) {
  .p-index_nav__wrp {
    padding-top: 9.3333333333vw;
    padding-bottom: 10.6666666667vw
  }
}

@media(min-width: 835px) {
  .p-index_nav__wrp {
    padding-top: 60px;
    padding-bottom: 100px
  }
}

.p-index_nav__ttl {
  color: #efe8d8;
  line-height: 1;
  letter-spacing: .1em;
  text-align: center
}

@media(max-width: 834px) {
  .p-index_nav__ttl {
    font-size: 9.6vw
  }
}

@media(min-width: 835px) {
  .p-index_nav__ttl {
    font-size: 48px
  }
}

@media(max-width: 834px) {
  .p-index_nav__box {
    margin-top: 6.9333333333vw
  }
}

@media(min-width: 835px) {
  .p-index_nav__box {
    display: flex;
    justify-content: space-between;
    margin-top: 35px
  }
}

.p-index_nav__lnk {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  letter-spacing: .05em;
  text-align: center
}

@media(max-width: 834px) {
  .p-index_nav__lnk {
    width: 68vw;
    margin-right: auto;
    margin-left: auto
  }

  .p-index_nav__lnk+.p-index_nav__lnk {
    margin-top: 4vw
  }

  .p-index_nav__lnk a {
    border-radius: 1.3333333333vw
  }
}

@media(min-width: 835px) {
  .p-index_nav__lnk {
    width: 23.7554%;
    max-width: 281.74px;
    height: 73.75px;
    font-size: 21px
  }

  .p-index_nav__lnk a {
    padding-top: 18px;
    padding-bottom: 14px;
    border-radius: 10px;
    transition: all .2s ease-out
  }

  .p-index_nav__lnk a:hover {
    background-color: #fff;
    color: #2d5598
  }
}

.p-index_nav__lnk a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #2d5598
}

.p-index_section__wrp {
  z-index: 2;
  position: relative
}

@media(max-width: 834px) {
  .p-index_section__wrp {
    margin-top: 16vw
  }
}

@media(min-width: 835px) {
  .p-index_section__wrp {
    margin-top: 150px;
    padding-bottom: 80px
  }

  .p-index_section__wrp.is__section01 {
    margin-top: 100px
  }
}

.p-index_section__wrp::before {
  display: block;
  z-index: -1;
  position: absolute;
  bottom: 0;
  background-image: url(../images/section__bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: ""
}

@media(min-width: 835px) {
  .p-index_section__wrp::before {
    width: 88.6979%;
    height: 994px
  }
}

@media(max-width: 834px) {
  .p-index_description__wrp .o-btn {
    width: 100%;
    margin-top: 10.6666666667vw
  }
}

@media(min-width: 835px) {
  .p-index_description__wrp .o-btn {
    width: 235px;
    margin-top: 40px;
    margin-left: auto;
    font-size: 15px
  }
}

.p-index_description__num {
  position: absolute;
  line-height: 1
}

@media(max-width: 834px) {
  .p-index_description__num {
    top: -2.9333333333vw;
    right: 0;
    color: #6eccd8;
    font-weight: bold;
    font-size: 12.8vw
  }
}

@media(min-width: 835px) {
  .p-index_description__num {
    top: -50px;
    color: #efe8d8;
    font-size: 216px
  }
}

.p-index_description__ttl {
  font-weight: bold;
  line-height: 1;
  letter-spacing: .1em
}

@media(max-width: 834px) {
  .p-index_description__ttl {
    font-size: 6.4vw
  }
}

@media(min-width: 835px) {
  .p-index_description__ttl {
    background-color: #fff;
    font-size: 60px
  }
}

.p-index_description__txt {
  font-weight: bold
}

@media(max-width: 834px) {
  .p-index_description__txt {
    margin-top: 5.3333333333vw
  }
}

@media(min-width: 835px) {
  .p-index_description__txt {
    margin-top: 30px
  }
}

@media(min-width: 835px) {
  .is__section01.p-index_section__wrp::before {
    left: 0
  }

  .is__section01 .p-index_description__num {
    right: 0
  }

  .is__section01 .p-index_description__wrp .o-btn {
    margin-top: 0
  }

  .is__section01 .p-index_related__wrp {
    padding-right: 30px;
    border-radius: 0 10px 10px 0
  }

  .is__section01 .p-index_related__ttl {
    text-align: right
  }

  .is__section01 .p-index_related__slider {
    padding-right: 70px
  }

  .is__section01 .p-index_related__box {
    margin-left: 40px
  }

  .is__section02.p-index_section__wrp::before {
    right: 0
  }

  .is__section02 .p-index_description__wrp {
    padding-left: 23.3558%
  }

  .is__section02 .p-index_description__num {
    left: 0
  }

  .is__section02 .p-index_related__slider {
    padding-left: 70px
  }

  .is__section02 .p-index_related__wrp {
    margin-left: auto;
    padding-left: 30px;
    border-radius: 10px 0 0 10px
  }

  .is__section02 .p-index_related__box {
    margin-right: 40px
  }

  .is__section03.p-index_section__wrp::before {
    left: 0
  }

  .is__section03 .p-index_description__wrp .o-btn {
    margin-top: 0
  }

  .is__section03 .p-index_description__num {
    right: 0
  }

  .is__section03 .p-index_related__ttl {
    text-align: right
  }

  .is__section03 .p-index_related__slider {
    padding-right: 70px
  }

  .is__section03 .p-index_related__wrp {
    padding-right: 30px;
    border-radius: 0 10px 10px 0
  }

  .is__section03 .p-index_related__box {
    margin-left: 40px
  }

  .is__section04.p-index_section__wrp::before {
    right: 0
  }

  .is__section04 .p-index_description__wrp {
    padding-left: 28.2462%
  }

  .is__section04 .p-index_description__num {
    left: 0
  }

  .is__section04 .p-index_feature__ttl {
    flex: inherit
  }

  .is__section04 .p-index_related__slider {
    padding-left: 70px
  }

  .is__section04 .p-index_related__wrp {
    margin-left: auto;
    padding-left: 30px;
    border-radius: 10px 0 0 10px
  }

  .is__section04 .p-index_related__box {
    margin-right: 40px
  }
}

.p-index_related__wrp {
  background-color: #f8f6ef
}

@media(max-width: 834px) {
  .p-index_related__wrp {
    width: 100%;
    padding-top: 5.3333333333vw;
    padding-bottom: 10.6666666667vw
  }
}

@media(min-width: 835px) {
  .p-index_related__wrp {
    width: 80.7291%;
    min-width: calc(50% + 593px);
    margin-top: 50px;
    padding-top: 30px;
    padding-bottom: 30px
  }
}

.p-index_related__ttl {
  display: block;
  width: 100%;
  color: #cebe9c;
  font-weight: bold;
  line-height: 1
}

@media(max-width: 834px) {
  .p-index_related__ttl {
    position: relative;
    padding-left: 5.3333333333vw;
    font-size: 4vw
  }

  .p-index_related__ttl::before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60vw;
    height: 1px;
    margin: auto;
    background-color: #cebe9c;
    content: ""
  }
}

@media(min-width: 835px) {
  .p-index_related__ttl {
    font-size: 36px
  }
}

.p-index_related__slider {
  width: 100%
}

.p-index_related__slider a {
  height: 100%
}

@media(max-width: 834px) {
  .p-index_related__slider {
    width: 89.0666666667vw;
    margin-top: 6.1333333333vw;
    margin-right: auto;
    margin-left: auto
  }
}

@media(min-width: 835px) {
  .p-index_related__slider {
    margin-top: 34px
  }
}

.p-index_related__arrow {
  z-index: 2;
  position: absolute;
  margin: auto;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(0, 36, 52, .8)
}

@media(max-width: 834px) {
  .p-index_related__arrow {
    top: 27%;
    width: 9.6vw;
    height: 9.6vw
  }
}

@media(min-width: 835px) {
  .p-index_related__arrow {
    top: 30%;
    width: 60px;
    height: 60px;
    background-size: 7.5px;
    cursor: pointer;
    transition: all .2s ease-out
  }

  .p-index_related__arrow:hover {
    background-color: rgba(110, 204, 216, .8)
  }
}

.p-index_related__arrow.slick-next {
  transform: rotate(180deg);
  background-image: url(../images/icn__slider_next.svg)
}

@media(max-width: 834px) {
  .p-index_related__arrow.slick-next {
    right: -2.6666666667vw
  }
}

@media(min-width: 835px) {

  .is__section01 .p-index_related__arrow.slick-next,
  .is__section03 .p-index_related__arrow.slick-next {
    right: -30px
  }

  .is__section02 .p-index_related__arrow.slick-next,
  .is__section04 .p-index_related__arrow.slick-next {
    right: 160px
  }
}

.p-index_related__arrow.slick-prev {
  background-image: url(../images/icn__slider_prev.svg)
}

@media(max-width: 834px) {
  .p-index_related__arrow.slick-prev {
    left: -2.6666666667vw
  }
}

@media(min-width: 835px) {

  .is__section01 .p-index_related__arrow.slick-prev,
  .is__section03 .p-index_related__arrow.slick-prev {
    left: 160px
  }

  .is__section02 .p-index_related__arrow.slick-prev,
  .is__section04 .p-index_related__arrow.slick-prev {
    left: -30px
  }
}

.p-index_related__box {
  height: auto
}

@media(max-width: 834px) {
  .p-index_related__box {
    width: 89.0666666667vw
  }
}

@media(min-width: 835px) {
  .p-index_related__box {
    width: 405px
  }

  .p-index_related__box a {
    transition: all .2s ease-out
  }

  .p-index_related__box a:hover {
    opacity: .6
  }
}

.p-index_related__txt {
  display: block;
  position: relative;
  margin-left: 1.5em;
  font-weight: bold;
  text-align: left
}

@media(max-width: 834px) {
  .p-index_related__txt {
    margin-top: 3.2vw;
    font-size: 4vw
  }

  .p-index_related__txt span {
    font-size: 4vw
  }
}

@media(min-width: 835px) {
  .p-index_related__txt {
    margin-top: 15px;
    font-size: 18px
  }

  .p-index_related__txt span {
    font-size: 14px
  }
}

.p-index_related__txt::before {
  display: block;
  position: absolute;
  left: -1.5em;
  margin: auto;
  background-image: url(../images/icn__link.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

@media(max-width: 834px) {
  .p-index_related__txt::before {
    top: 1.3333333333vw;
    width: 3.8106666667vw;
    height: 3.8106666667vw
  }
}

@media(min-width: 835px) {
  .p-index_related__txt::before {
    top: 6px;
    width: 21px;
    height: 21px
  }
}

.is__ondemand .p-index_related__txt::before {
  background-image: url(../images/icn__ondemand.svg)
}

@media(max-width: 834px) {
  .is__ondemand .p-index_related__txt::before {
    top: 2.6666666667vw;
    width: 4.2666666667vw;
    height: 3.3306666667vw
  }
}

@media(min-width: 835px) {
  .is__ondemand .p-index_related__txt::before {
    top: 10px;
    width: 22.41px;
    height: 17.5px
  }
}

.is__youtube .p-index_related__txt::before {
  background-image: url(../images/icn__youtube.svg)
}

@media(max-width: 834px) {
  .is__youtube .p-index_related__txt::before {
    top: 2.6666666667vw;
    width: 4.4vw;
    height: 3.0613333333vw
  }
}

@media(min-width: 835px) {
  .is__youtube .p-index_related__txt::before {
    top: 10px;
    width: 22.44px;
    height: 15.61px
  }
}

.is__document .p-index_related__txt::before {
  background-image: url(../images/icn__document.svg)
}

@media(max-width: 834px) {
  .is__document .p-index_related__txt::before {
    width: 3.3466666667vw;
    height: 4.2666666667vw
  }
}

@media(min-width: 835px) {
  .is__document .p-index_related__txt::before {
    width: 16.48px;
    height: 21px
  }
}

@media(max-width: 834px) {
  .p-index_feature__wrp {
    width: 100%;
    margin-top: 8.5333333333vw;
    padding-right: 5.3333333333vw;
    padding-bottom: 10.6666666667vw;
    padding-left: 5.3333333333vw;
    background-image: url(../images/section__bg_sp.png);
    background-position: left top 44.8vw;
    background-size: 100% 100%;
    background-repeat: no-repeat
  }
}

@media(min-width: 835px) {
  .p-index_feature__wrp {
    display: flex;
    justify-content: flex-start
  }
}

.p-index_feature__box {
  position: relative
}

@media(max-width: 834px) {
  .p-index_feature__box {
    width: 100%
  }

  .p-index_feature__box+.p-index_feature__box {
    margin-top: 10.6666666667vw
  }
}

@media(min-width: 835px) {
  .p-index_feature__box {
    display: flex;
    flex-direction: column;
    width: 29.0893%;
    max-width: 345px;
    margin-top: 50px;
    padding-bottom: 100px;
  }
  .p-index_feature__box.p-index_feature__box2 {
    padding-bottom: 130px;
  }

  .p-index_feature__box+.p-index_feature__box {
    margin-left: 6.366%
  }

  .p-index_feature__box>.p-index_feature__box {
    flex-grow: 1
  }
}

@media(max-width: 834px) {
  .p-index_feature__box .o-btn {
    margin-top: 10.6666666667vw
  }
  .p-index_feature__box .o-btn.o-btn2 {
    margin-top: 5.6666666667vw

  }
  .p-index_feature__box .o-btn.is__download {
    width: 54.6666666667vw;
    height: 12vw;
    margin-left: auto;
    font-size: 4vw;
  }
}

@media(min-width: 835px) {
  .p-index_feature__box .o-btn {
    position: absolute;
    right: 0;
    bottom: 0
  }
  .p-index_feature__box .o-btn.is__download {
    width: 205px;
    height: 49px;
    margin-left: auto;
    font-size: 15px;
    bottom: 60px
  }
}

.p-index_feature__img {
  margin: 0
}

.p-index_feature__ttl {
  font-weight: bold
}

@media(max-width: 834px) {
  .p-index_feature__ttl {
    margin-top: 5.3333333333vw;
    margin-bottom: 2.6666666667vw;
    font-size: 4.2666666667vw
  }
}

@media(min-width: 835px) {
  .p-index_feature__ttl {
    flex: 1 0 auto;
    flex-grow: 1;
    margin-top: 24px;
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 1.5
  }
}

@media(min-width: 835px) {
  .p-index_feature__txt {
    flex: 2 2 auto;
    flex-grow: 2;
    font-size: 16px
  }
}

.p-index_report__wrp {
  text-align: center
}

@media(max-width: 834px) {
  .p-index_report__wrp {
    margin-top: 16vw
  }
}

@media(min-width: 835px) {
  .p-index_report__wrp {
    flex-grow: 1;
    margin-top: 100px
  }
}

.p-index_report__ttl {
  font-weight: bold;
  line-height: 1
}

@media(max-width: 834px) {
  .p-index_report__ttl {
    font-size: 6.4vw
  }
}

@media(min-width: 835px) {
  .p-index_report__ttl {
    font-size: 48px
  }
}

.p-index_report__txt {
  font-weight: bold
}

@media(max-width: 834px) {
  .p-index_report__txt {
    margin-top: 5.3333333333vw
  }
}

@media(min-width: 835px) {
  .p-index_report__txt {
    margin-top: 40px
  }
}

@media(max-width: 834px) {
  .p-index_report__lsts {
    width: 100%;
    margin-top: 5.3333333333vw
  }

  .p-index_report__lsts .p-index_related__arrow {
    top: 30%
  }

  .p-index_report__lsts .p-index_related__arrow.slick-prev {
    left: 2.6666666667vw
  }

  .p-index_report__lsts .p-index_related__arrow.slick-next {
    right: 2.6666666667vw
  }
}

@media(min-width: 835px) {
  .p-index_report__lsts {
    display: flex;
    justify-content: space-between;
    margin-top: 40px
  }
}

@media(max-width: 834px) {
  .p-index_report__box {
    position: relative;
    height: auto
  }

  .p-index_report__box::before {
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 76.2666666667vw;
    margin: auto;
    background: #d9d9d9;
    background: linear-gradient(135deg, rgb(217, 217, 217) 0%, rgb(247, 247, 247) 100%);
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d9d9d9", endColorstr="#f7f7f7", GradientType=1)
  }
}

@media(min-width: 835px) {
  .p-index_report__box {
    width: 48.3136%;
    max-width: 573px
  }
}

.p-index_report__box .o-btn {
  margin-right: auto;
  margin-left: auto
}

@media(max-width: 834px) {
  .p-index_report__box .o-btn {
    width: 80%;
    margin-top: 9.3333333333vw
  }
  .p-index_report__box .o-btn.o-btn2 {
    margin-top: 16.3333333333vw
  }
}

@media(min-width: 835px) {
  .p-index_report__box .o-btn {
    width: 80%;
    margin-top: 40px
  }
}

.p-index_report__img {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-right: auto;
  margin-left: auto
}

@media(max-width: 834px) {
  .p-index_report__img {
    width: 100%;
    height: 65.6vw;
    padding: 7.7333333333vw 19.7333333333vw 0
  }
}

@media(min-width: 835px) {
  .p-index_report__img {
    width: 100%;
    height: 446px;
    padding: 29px 62px
  }

  .p-index_report__img::before {
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    background: #d9d9d9;
    background: linear-gradient(135deg, rgb(217, 217, 217) 0%, rgb(247, 247, 247) 100%);
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d9d9d9", endColorstr="#f7f7f7", GradientType=1)
  }
}

.p-index_report__img img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%
}

.p-index_report__sbt {
  font-weight: bold;
  line-height: 1;
  letter-spacing: .4em
}

@media(max-width: 834px) {
  .p-index_report__sbt {
    margin-top: 2.6666666667vw;
    font-size: 3.7333333333vw
  }
}

@media(min-width: 835px) {
  .p-index_report__sbt {
    margin-top: 40px;
    font-size: 30px
  }
}

.p-index_link__wrp {
  background-color: #2d5598;
  color: #fff;
  text-align: center
}

@media(max-width: 834px) {
  .p-index_link__wrp {
    margin-top: 5.3333333333vw;
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw
  }
}

@media(min-width: 835px) {
  .p-index_link__wrp {
    margin-top: 80px;
    padding-top: 100px;
    padding-bottom: 90px
  }
}

.p-index_link__ttl {
  z-index: 1;
  position: relative;
  font-weight: bold;
  text-align: center
}

@media(max-width: 834px) {
  .p-index_link__ttl {
    font-size: 6.4vw
  }
}

@media(min-width: 835px) {
  .p-index_link__ttl {
    font-size: 36px
  }

  .p-index_link__ttl::before,
  .p-index_link__ttl::after {
    display: block;
    z-index: -2;
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc(50% - 4em);
    height: 1px;
    margin: auto;
    background-color: #fff;
    content: ""
  }

  .p-index_link__ttl::before {
    left: 0
  }

  .p-index_link__ttl::after {
    right: 0
  }
}

@media(max-width: 834px) {
  .p-index_link__lsts {
    margin-top: 5.3333333333vw
  }

  .p-index_link__lsts .p-index_related__arrow.slick-next {
    transform: rotate(0deg);
    background-image: none
  }

  .p-index_link__lsts .p-index_related__arrow.slick-prev {
    background-image: none
  }
}

@media(min-width: 835px) {
  .p-index_link__lsts {
    display: flex;
    justify-content: space-between;
    margin-top: 80px
  }
}

@media(max-width: 834px) {
  .p-index_link__box {
    height: auto
  }
}

@media(min-width: 835px) {
  .p-index_link__box {
    width: 46.6273%;
    max-width: 553px
  }
}

.p-index_link__txt {
  display: inline-block;
  position: relative;
  padding-left: 1.5em
}

@media(max-width: 834px) {
  .p-index_link__txt {
    margin-top: 5.3333333333vw;
    font-size: 4vw
  }
}

@media(min-width: 835px) {
  .p-index_link__txt {
    margin-top: 20px;
    font-weight: bold;
    font-size: 24px
  }
}

.p-index_link__txt::before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-image: url(../images/icn__link_blue.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

@media(max-width: 834px) {
  .p-index_link__txt::before {
    width: 5.1226666667vw;
    height: 5.1226666667vw
  }
}

@media(min-width: 835px) {
  .p-index_link__txt::before {
    width: 25px;
    height: 25px
  }
}