@charset "UTF-8";
@media screen and (min-width: 768px) {
  /* --------------------------------------------------------------
   共通
  -------------------------------------------------------------- */
  .sponly {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  /* --------------------------------------------------------------
   共通
  -------------------------------------------------------------- */
  body {
    min-width: 3.2rem;
    font-size: 0.125rem;
  }
  .pconly {
    display: none !important;
  }
  .wrapper {
    position: relative;
  }
  .container_min {
    padding: 0 0.235rem;
  }
  .container {
    width: calc(100% - 0.4rem);
    margin: 0 auto;
  }
  .container_max {
    padding: 0 0.235rem;
  }
  .fixed_btn_sp {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .fixed_btn_sp .btn {
    width: 50%;
  }
  .fixed_btn_sp .btn img {
    width: 100%;
  }
  .header .nav {
    position: relative;
  }
  .header .nav .global {
    width: 100%;
    height: 100vh;
    padding: 0.4rem 0 0.5rem;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    overflow-y: scroll;
    background-color: rgba(255, 255, 255, 0.95);
  }
  .header .nav .global .lists {
    display: block;
    text-align: center;
  }
  .header .nav .global .lists .txt img {
    height: 0.13rem;
  }
  .header .nav .global .lists .txt::after {
    content: none;
  }
  .header .nav .global .item {
    display: block;
    width: 100%;
    font-size: 0.16rem;
  }
  .header .nav .global .item:not(:last-of-type) {
    margin: 0 0 0.55rem;
  }
  .header .nav .global .logo_sp {
    position: absolute;
    top: 0.15rem;
    left: 0.15rem;
  }
  .header .nav .global .logo_sp img {
    width: 0.38rem;
  }
  .header .nav nav {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .header .nav .hamburger {
    width: 0.3rem;
    height: 0.3rem;
    padding: 0.25rem;
    position: absolute;
    top: 0.06rem;
    right: 0.07rem;
    z-index: 100;
    -webkit-transition: transform 0.4s;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
  }
  .header .nav .hamburger span {
    width: 0.3rem;
    height: 1px;
    position: absolute;
    right: 0.1rem;
    -webkit-transition: transform 0.4s;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    background-color: #231815;
  }
  .header .nav .hamburger span:nth-of-type(1) {
    top: 0.1rem;
  }
  .header .nav .hamburger span:nth-of-type(2) {
    top: 0.18rem;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .header .nav .hamburger span:nth-of-type(3) {
    top: 0.26rem;
  }
  .header .nav .hamburger.active span:nth-child(1) {
    top: 0.2rem;
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  .header .nav .hamburger.active span:nth-child(3) {
    top: 0.2rem;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  .header .nav .hamburger.active span:nth-child(2) {
    opacity: 0;
  }
  .mv {
    width: calc(100% - 0.8rem);
    position: static;
    margin-left: auto;
  }
  .mv .img {
    height: calc(100svh - 0.8rem);
  }
  .mv .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center bottom;
       object-position: center bottom;
    -webkit-animation: sliderAnime 40s linear forwards 0s;
            animation: sliderAnime 40s linear forwards 0s;
  }
  .mv .step_tit {
    position: absolute;
    top: 0.75rem;
    right: 1.25rem;
    left: auto;
    -webkit-transform: none;
            transform: none;
  }
  .mv .step_tit svg {
    width: 0.5rem;
  }
  .mv .step_tit .cls-1 {
    fill: #231815;
  }
  .mv .step_tit path {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
  }
  .mv .step_tit path.visible {
    opacity: 1;
  }
  .scroll_tit {
    width: 0.8rem;
    margin: 0.14rem 0 0;
    position: absolute;
    top: 0;
  }
  .scroll_tit img {
    width: 0.565rem;
  }
  .sec01 {
    position: -webkit-sticky;
    position: sticky;
    opacity: 1;
  }
  .sec01 .container {
    height: 100vh;
    padding: 1.2rem 0 1rem;
  }
  .sec01 .date {
    width: 3.2rem;
    left: 0.04rem;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .sec01.release {
    margin-top: 0;
  }
  .sec02 {
    padding: 0.8rem 0 0.83rem;
  }
  .sec02 .item01 .tit {
    padding: 0.13rem 0;
  }
  .sec02 .item01 .tit img {
    width: 2.47rem;
  }
  .sec02 .item01 .lists {
    padding: 0.43rem 0.2rem 0.4rem;
    margin-top: 0.15rem;
    display: block;
  }
  .sec02 .item01 .lists li {
    width: 100%;
  }
  .sec02 .item01 .lists li:first-of-type {
    padding-bottom: 0.4rem;
    margin-bottom: 0.4rem;
    background-image: -webkit-linear-gradient(left, #231815 2px, transparent 2px);
    background-image: linear-gradient(to right, #231815 2px, transparent 2px);
    background-size: 0.06rem 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
  }
  .sec02 .item01 .lists img {
    width: 1.735rem;
  }
  .sec02 .item02 {
    padding-top: 0.75rem;
  }
  .sec02 .item02 .tit {
    padding: 0.13rem 0;
  }
  .sec02 .item02 .tit img {
    width: 1.28rem;
  }
  .sec02 .item02 .content {
    margin-top: 0.15rem;
    padding: 0.44rem 0.5rem 0.4rem;
  }
  .sec02 .item02 .box:not(:first-of-type) {
    margin-top: 0.43rem;
  }
  .sec02 .item02 .stit {
    padding: 0.15rem 0;
  }
  .sec02 .item02 .stit.stit01 img {
    width: 1.335rem;
  }
  .sec02 .item02 .stit.stit02 img {
    width: 1.635rem;
  }
  .sec02 .item02 .wrap {
    margin-top: 0.18rem;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 0.1rem 0;
  }
  .sec02 .item02 .wrap .btn {
    width: 100%;
  }
  .sec02 .item02 .after {
    margin-top: 0.55rem;
  }
  .sec02 .item02 .after .txt01 img {
    width: 2.365rem;
  }
  .sec02 .item02 .after .txt02 {
    margin-top: 0.44rem;
  }
  .sec02 .item02 .after .txt02 img {
    width: 2.315rem;
  }
  .sec03 {
    padding: 0.46rem 0 0.78rem;
  }
  .sec03 .tit img {
    width: 0.965rem;
  }
  .sec03 .txt {
    margin-top: 0.27rem;
  }
  .sec03 .txt img {
    width: 2.575rem;
  }
  .sec03 .lists {
    margin-top: 0.4rem;
    border-top: 1px solid #231815;
    border-bottom: 1px solid #231815;
  }
  .sec03 .lists::before {
    width: 0.25rem;
    height: 0.25rem;
    left: calc(50% - 0.125rem);
    bottom: -0.125rem;
  }
  .sec03 .lists::after {
    width: 0.14rem;
    height: 0.175rem;
    bottom: -0.125rem;
    left: calc(50% - 0.07rem);
  }
  .sec03 .lists li {
    padding: 0.32rem 0;
    margin: 0 0.2rem;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .sec03 .lists li:not(:last-of-type) {
    background-image: -webkit-linear-gradient(left, #231815 1px, transparent 1px);
    background-image: linear-gradient(to right, #231815 1px, transparent 1px);
    background-size: 0.05rem 1px;
  }
  .sec03 .lists .list_img {
    width: 100%;
  }
  .sec03 .lists .list_txt {
    width: 100%;
    margin-top: 0.2rem;
  }
  .sec03 .lists .after_txt {
    width: 1.915rem;
    padding: 0.13rem 0;
  }
  .sec03 .summary {
    padding-top: 0.52rem;
    margin: 0 0.5rem;
  }
  .sec03 .summary .tit02 img {
    width: 1.81rem;
  }
  .sec03 .summary .item_tit {
    padding: 0.15rem 0;
  }
  .sec03 .summary .wrap {
    margin-top: 0.15rem;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 0.16rem 0;
  }
  .sec03 .summary .item01 {
    margin-top: 0.25rem;
  }
  .sec03 .summary .item01 .item_tit img {
    width: 0.46rem;
  }
  .sec03 .summary .item01 .wrap {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sec03 .summary .item01 .btn {
    width: 100%;
  }
  .sec03 .summary .item02 {
    margin-top: 0.5rem;
  }
  .sec03 .summary .item02 .item_tit img {
    width: 0.79rem;
  }
  .sec03 .summary .item02 .wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sec03 .summary .item02 .btn {
    width: 4.07rem;
  }
  .sec04 {
    padding: 0.8rem 0 0.75rem;
  }
  .sec04 .content {
    padding: 0.45rem 0.2rem 0.4rem;
  }
  .sec04 .content .tit img {
    width: 1.5rem;
  }
  .sec04 .content .lists {
    padding: 0 0.1rem;
    margin-top: 0.34rem;
    border-top: 0.02rem solid #3e3a39;
    border-bottom: 0.02rem solid #3e3a39;
  }
  .sec04 .content .lists li {
    padding: 0.22rem 0 0.3rem;
    text-align: center;
  }
  .sec04 .content .lists li:not(:last-of-type) {
    background-image: -webkit-linear-gradient(left, #898989 1px, transparent 1px);
    background-image: linear-gradient(to right, #898989 1px, transparent 1px);
    background-size: 0.04rem 1px;
  }
  .sec04 .content .lists li:nth-of-type(1) img {
    width: 1.36rem;
  }
  .sec04 .content .lists li:nth-of-type(2) img {
    width: 1.7rem;
  }
  .sec04 .content .lists li:nth-of-type(3) img {
    width: 2.19rem;
  }
  .sec04 .content .lists li:nth-of-type(4) img {
    width: 2.385rem;
  }
  .sec04 .content .after_txt {
    margin-top: 0.38rem;
  }
  .sec04 .content .after_txt img {
    width: 2.45rem;
  }
  .sec05 {
    padding: 0.75rem 0;
  }
  .sec05 .tit img {
    width: 1.2rem;
  }
  .sec05 .ac {
    margin: 0.27rem 0.2rem 0;
    border-bottom: 1px solid #a1d6d8;
  }
  .sec05 .ac_parent {
    padding: 0.17rem 0;
    cursor: pointer;
    position: relative;
    border-top: 1px solid #a1d6d8;
  }
  .sec05 .ac_parent:before, .sec05 .ac_parent:after {
    top: 0.25rem;
    right: 0.06rem;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 0.115rem;
    height: 1px;
  }
  .sec05 .ac_parent:after {
    -webkit-transform: translate(0, -50%) rotate(-90deg);
            transform: translate(0, -50%) rotate(-90deg);
  }
  .sec05 .ac_parent.active:after {
    -webkit-transform: translate(0, -50%) rotate(0deg);
            transform: translate(0, -50%) rotate(0deg);
  }
  .sec05 .ac_parent:nth-of-type(1) img,
  .sec05 .ac_parent:nth-of-type(1) svg {
    width: auto;
    height: calc(0.29rem * 1.05);
  }
  .sec05 .ac_parent:nth-of-type(2) img,
  .sec05 .ac_parent:nth-of-type(2) svg {
    width: auto;
    height: calc(0.29rem * 1.05);
  }
  .sec05 .ac_parent:nth-of-type(3) img,
  .sec05 .ac_parent:nth-of-type(3) svg {
    width: auto;
    height: calc(0.125rem * 1.05);
  }
  .sec05 .ac_parent:nth-of-type(4) img,
  .sec05 .ac_parent:nth-of-type(4) svg {
    width: auto;
    height: calc(0.29rem * 1.05);
  }
  .sec05 .ac_parent:nth-of-type(5) img,
  .sec05 .ac_parent:nth-of-type(5) svg {
    width: auto;
    height: calc(0.465rem * 1.05);
  }
  .sec05 .ac_parent:nth-of-type(6) img,
  .sec05 .ac_parent:nth-of-type(6) svg {
    width: auto;
    height: calc(0.125rem * 1.05);
  }
  .sec05 .ac_parent:nth-of-type(7) img,
  .sec05 .ac_parent:nth-of-type(7) svg {
    width: auto;
    height: calc(0.29rem * 1.05);
  }
  .sec05 .ac_parent:nth-of-type(8) img,
  .sec05 .ac_parent:nth-of-type(8) svg {
    width: auto;
    height: calc(0.465rem * 1.05);
  }
  .sec05 .ac_parent:nth-of-type(9) img,
  .sec05 .ac_parent:nth-of-type(9) svg {
    width: auto;
    height: calc(0.465rem * 1.05);
  }
  .sec05 .ac_parent:nth-of-type(10) img,
  .sec05 .ac_parent:nth-of-type(10) svg {
    width: auto;
    height: calc(0.465rem * 1.05);
  }
  .sec05 .ac_child .wrap {
    padding: 0 0 0.2rem 0;
  }
  .sec05 .ac_child.c01 .wrap {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0 0.05rem;
  }
  .sec05 .ac_child.c01 a {
    display: block;
    padding-top: 0.02rem;
  }
  .sec05 .ac_child.c01 a img {
    width: 0.705rem;
  }
  .sec05 .ac_child.c01 p img {
    width: 0.835rem;
  }
  .sec05 .ac_child.c02 p img {
    width: 2.83rem;
  }
  .sec05 .ac_child.c02 a {
    margin-top: 0.36rem;
  }
  .sec05 .ac_child.c02 a img {
    width: 2.735rem;
  }
  .sec05 .ac_child.c03 .wrap02 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 0 0.05rem;
    margin-bottom: 0.2rem;
  }
  .sec05 .ac_child.c03 .wrap02 a img {
    width: 0.65rem;
  }
  .sec05 .ac_child.c03 .wrap02 p img {
    width: 0.835rem;
  }
  .sec05 .ac_child.c03 p img {
    width: 2.82rem;
  }
  .sec05 .ac_child.c04 img {
    width: 2.83rem;
  }
  .sec05 .ac_child.c05 img {
    width: 2.81rem;
  }
  .sec05 .ac_child.c06 img {
    width: 2.82rem;
  }
  .sec05 .ac_child.c07 img {
    width: 2.82rem;
  }
  .sec05 .ac_child.c08 p img {
    width: 2.82rem;
  }
  .sec05 .ac_child.c08 a {
    margin-top: 0.22rem;
  }
  .sec05 .ac_child.c08 a img {
    width: 2.82rem;
  }
  .sec05 .ac_child.c09 img {
    width: 2.805rem;
  }
  .sec05 .ac_child.c10 img {
    width: 2.815rem;
  }
  .footer {
    padding: 0.25rem 0 0.4rem;
  }
  .footer .wrap {
    display: block;
  }
  .footer .txt {
    text-align: center;
  }
  .footer .txt img {
    width: 2rem;
  }
  .footer .logo {
    margin: 0.25rem 0 0 0.15rem;
    text-align: center;
  }
  .footer .logo img {
    width: 1.305rem;
  }
  .footer small {
    margin-top: 0.16rem;
  }
  .footer small img {
    width: 1.7rem;
  }
}
/*# sourceMappingURL=style_sp.css.map */