@charset "UTF-8";
html {
  box-sizing: border-box;
  font-size: 62.5%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  color: #111;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05em;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

a {
  color: #2d56fe;
  cursor: pointer;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.clearfix:after {
  clear: both;
  content: "";
  display: block;
}

@media screen and (min-width: 769px) {
  .sp-only {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .pc-only {
    display: none !important;
  }
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

[data-aos="custom-animation"] {
  transition-property: width;
  width: 0;
}

[data-aos="custom-animation"].aos-animate {
  width: 100%;
}

@media screen and (min-width: 769px) {
  /* header */
  .header {
    height: 140px;
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
    z-index: 100;
  }
  .header__logo {
    align-items: center;
    display: flex;
    height: 140px;
  }
  .header__logo-img {
    display: block;
    height: 60px;
  }
  /* mainv */
  .mainv {
    height: 63.7142857143vw;
    min-height: 906px;
    min-width: 1000px;
    overflow: hidden;
    position: relative;
    top: -140px;
    width: 100%;
  }
  .mainv .bg01 {
    background: url(/dvdlp/img/bg_mainv_01_pc.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .mainv .bg02 {
    background: url(/dvdlp/img/bg_mainv_02_pc.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
  }
  .mainv .bg03 {
    background: url(/dvdlp/img/bg_mainv_03_pc.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
  }
  .mainv .bg04 {
    background: url(/dvdlp/img/bg_mainv_04_pc.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
  }
  .mainv .bg05 {
    background: url(/dvdlp/img/bg_mainv_05_pc.png) 0 0 no-repeat;
    background-size: 100vw;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 4;
  }
  .mainv__inner {
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
  }
  .mainv__box {
    background: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: 0 12px 30px 0 rgba(22, 50, 95, 0.1);
    display: flex;
    height: 180px;
    justify-content: space-between;
    left: 50%;
    margin-bottom: 32px;
    margin-left: -35.2857142857%;
    margin-top: 50%;
    position: absolute;
    top: 0;
    width: 680px;
    z-index: 10;
  }
  .mainv__box-item01 {
    background: #0d2068;
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    color: #fff;
    padding: 30px 20px;
    text-align: center;
    width: 200px;
  }
  .mainv__box-item01 .txt01 {
    border-bottom: 1px solid #071032;
    display: inline-block;
    font-size: 1.2rem;
    margin: 6px auto 22px auto;
    padding-bottom: 10px;
  }
  .mainv__box-item01 .txt02 {
    display: block;
    font-size: 1.1rem;
    text-align: center;
  }
  .mainv__box-item01 .txt03 {
    display: block;
    font-size: 1.3rem;
    margin-bottom: 6px;
    text-align: center;
  }
  .mainv__box-item01 .txt04 {
    display: block;
    font-size: 1rem;
    margin-bottom: 14px;
    text-align: center;
  }
  .mainv__box-item01 .txt05 {
    display: block;
    font-size: 2.2rem;
    text-align: center;
  }
  .mainv__box-item02 {
    align-items: center;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    display: flex;
    justify-content: center;
    padding: 25px 30px;
    width: 500px;
  }
  .mainv__box-item02 .txt01 {
    color: #111;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 1.5;
  }
  /* fab */
  .fab {
    bottom: 0;
    position: fixed;
    right: 0;
    z-index: 10;
  }
  .fab a {
    align-items: center;
    background-image: url(/dvdlp/img/btn_fab_pc.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    height: 230px;
    justify-content: center;
    width: 290px;
  }
  /* section01 */
  .section01 {
    height: 62.8571428571vw;
    margin-top: -20vw;
    min-height: 880px;
    overflow: hidden;
    position: relative;
  }
  .section01 > .bg01 {
    background: url(/dvdlp/img/bg_section01_pc.png) 50% 0 no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .section01__inner {
    height: 480px;
    margin: 0 auto;
    margin-top: 16.4285714286vw;
    position: relative;
    width: 1000px;
  }
  .section01__txt01,
  .section01__txt02,
  .section01__txt03,
  .section01__txt04 {
    position: absolute;
  }
  .section01__txt01 {
    background: url(/dvdlp/img/bg_section01_txt01_pc.png) 50% 50% no-repeat;
    background-size: contain;
    height: 200px;
    left: 0;
    margin-left: 1%;
    margin-top: 7.5%;
    top: 0;
    width: 336px;
  }
  .section01__txt02 {
    background: url(/dvdlp/img/bg_section01_txt02_pc.png) 50% 50% no-repeat;
    background-size: contain;
    height: 246px;
    left: 0;
    margin-left: -2.5%;
    margin-top: 28%;
    top: 0;
    width: 336px;
  }
  .section01__txt03 {
    background: url(/dvdlp/img/bg_section01_txt03_pc.png) 50% 50% no-repeat;
    background-size: contain;
    height: 246px;
    left: 0;
    margin-left: 64.5%;
    top: 0;
    width: 336px;
  }
  .section01__txt04 {
    background: url(/dvdlp/img/bg_section01_txt04_pc.png) 50% 50% no-repeat;
    background-size: contain;
    height: 200px;
    left: 0;
    margin-left: 60%;
    margin-top: 25.5%;
    top: 0;
    width: 406px;
  }
  /* section02 */
  .section02 {
    margin-top: -5%;
    min-height: 78.8571428571%;
    min-width: 1000px;
    overflow: hidden;
    padding-bottom: 10.4285714286%;
    position: relative;
  }
  .section02 > .bg {
    background: url(/dvdlp/img/bg_section02_pc.jpg) 0 0 no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .section02__header {
    left: 9.2857142857%;
    position: relative;
  }
  .section02__header-title {
    background: url(/dvdlp/img/txt_section02_header_ttl_pc.png) 0 0 no-repeat;
    background-size: auto 100%;
    display: block;
    height: 0;
    padding-top: 14.2857142857%;
  }
  .section02__list {
    display: block;
    margin-bottom: 10%;
    margin-top: -15.7142857143%;
  }
  .section02__list-item01,
  .section02__list-item02,
  .section02__list-item03,
  .section02__list-item04 {
    display: block;
    height: 100%;
    position: relative;
  }
  .section02__list-item01 {
    height: 0;
    margin-bottom: -18.5714285714%;
    padding-top: 31.7142857143%;
  }
  .section02__list-item01 .no {
    background: url(/dvdlp/img/txt_dvd_vol1_pc.png) 50% 50% no-repeat;
    background-size: contain;
    bottom: -1.7857142857%;
    height: 0;
    left: 7.1428571429%;
    padding-top: 14.6428571429%;
    position: absolute;
    width: 12.3571428571%;
    z-index: 1;
  }
  .section02__list-item01 .bg {
    background: url(/dvdlp/img/bg_section02_list_item_01_pc.png) 100% 100% no-repeat;
    background-size: auto 100%;
    height: 0;
    padding-top: 31.7142857143%;
    position: absolute;
    right: 0;
    top: 0;
  }
  .section02__list-item01 .txt {
    background: url(/dvdlp/img/txt_section02_list_item_01_pc.png) 0 0 no-repeat;
    background-size: auto 100%;
    bottom: 10.7142857143%;
    height: 0;
    left: 15%;
    padding-top: 13.4285714286%;
    position: absolute;
  }
  .section02__list-item02 {
    height: 0;
    margin-bottom: -18.5714285714%;
    padding-top: 31.7142857143%;
  }
  .section02__list-item02 .no {
    background: url(/dvdlp/img/txt_dvd_vol2_pc.png) 50% 50% no-repeat;
    background-size: contain;
    bottom: -1.7857142857%;
    height: 0;
    left: 15.7142857143%;
    padding-top: 14.6428571429%;
    position: absolute;
    width: 12.3571428571%;
    z-index: 1;
  }
  .section02__list-item02 .bg {
    background: url(/dvdlp/img/bg_section02_list_item_02_pc.png) 100% 100% no-repeat;
    background-size: auto 100%;
    height: 0;
    padding-top: 31.7142857143%;
    position: absolute;
    right: 0;
    top: 0;
  }
  .section02__list-item02 .txt {
    background: url(/dvdlp/img/txt_section02_list_item_02_pc.png) 0 0 no-repeat;
    background-size: auto 100%;
    bottom: 10.7142857143%;
    height: 0;
    left: 15%;
    padding-top: 10.1428571429%;
    position: absolute;
  }
  .section02__list-item03 {
    height: 0;
    margin-bottom: -18.5714285714%;
    padding-top: 31.7142857143%;
  }
  .section02__list-item03 .no {
    background: url(/dvdlp/img/txt_dvd_vol3_pc.png) 50% 50% no-repeat;
    background-size: contain;
    bottom: -1.7857142857%;
    height: 0;
    left: 24.2857142857%;
    padding-top: 14.6428571429%;
    position: absolute;
    width: 12.3571428571%;
    z-index: 1;
  }
  .section02__list-item03 .bg {
    background: url(/dvdlp/img/bg_section02_list_item_03_pc.png) 100% 100% no-repeat;
    background-size: auto 100%;
    height: 0;
    padding-top: 31.7142857143%;
    position: absolute;
    right: 0;
    top: 0;
  }
  .section02__list-item03 .txt {
    background: url(/dvdlp/img/txt_section02_list_item_03_pc.png) 0 0 no-repeat;
    background-size: auto 100%;
    bottom: 10.7142857143%;
    height: 0;
    left: 15%;
    padding-top: 11.4285714286%;
    position: absolute;
  }
  .section02__list-item04 {
    height: 0;
    margin-bottom: -5.7142857143%;
    padding-top: 31.7142857143%;
  }
  .section02__list-item04 .no {
    background: url(/dvdlp/img/txt_dvd_vol4_pc.png) 50% 50% no-repeat;
    background-size: contain;
    bottom: -1.7857142857%;
    height: 0;
    left: 33.0714285714%;
    padding-top: 14.6428571429%;
    position: absolute;
    width: 12.3571428571%;
    z-index: 1;
  }
  .section02__list-item04 .bg {
    background: url(/dvdlp/img/bg_section02_list_item_04_pc.png) 100% 100% no-repeat;
    background-size: auto 100%;
    height: 0;
    padding-top: 31.7142857143%;
    position: absolute;
    right: 0;
    top: 0;
  }
  .section02__list-item04 .txt {
    background: url(/dvdlp/img/txt_section02_list_item_04_pc.png) 0 0 no-repeat;
    background-size: auto 100%;
    bottom: 12.5%;
    height: 0;
    left: 8.5714285714%;
    padding-top: 12.5%;
    position: absolute;
  }
  .section02__box {
    background: #fff;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    border-top-left-radius: 0;
    border-top-right-radius: 24px;
    box-shadow: 0 12px 30px 0 rgba(22, 50, 95, 0.1);
    left: 50%;
    margin-left: -380px;
    margin-top: 120px;
    padding: 30px 40px;
    position: relative;
    width: 880px;
  }
  .section02__box-ttl {
    background: url(/dvdlp/img/txt_section02_box_ttl_pc.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
    height: 60px;
    margin: 0 auto 40px auto;
    width: 582px;
  }
  .section02__box-box01 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 20px auto;
    width: 640px;
  }
  .section02__box-box02 {
    align-items: center;
    display: flex;
  }
  .section02__box-box02 .ttl {
    color: #111;
    font-size: 1.8rem;
    font-weight: bold;
  }
  .saletxt {
    text-align: center;
    margin: 20px auto;
  }
  .saletxt span {
    color: #ff4027;
    font-size: 3.2rem;
    font-weight: bold;
  }
  .saletxt2 {
    text-align: left;
    margin: 20px auto;
  }
  .saletxt2 span {
    color: #ff4027;
    font-size: 3.2rem;
    font-weight: bold;
  }

  .section02__box-box03 {
    align-items: center;
    display: flex;
  }
  .section02__box-box03 .ttl {
    background-image: url(/dvdlp/img/txt_general_price.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 40px;
    margin-right: 14px;
    width: 40px;
  }
  .section02__box-box03 .val {
    font-size: 3.4rem;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    color: #ff4027;
  }
  .section02__box-box03 .val_c {
    display: flex;
    flex-direction: column;
  }
  .section02__box-box03 .val_c span {
    font-weight: bold;
  }
  .section02__box-box03 .val_c span:first-child {
    text-decoration: line-through;
    color: #888;
    font-size: 1.6rem;
    font-weight: normal;
  }
  .section02__box-box03 .unit {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .section02__box-box03 .note {
    font-size: 1.4rem;
  }
  .section02__box-box04 {
    align-items: center;
    display: flex;
  }
  .section02__box-box04 .ttl {
    background-image: url(/dvdlp/img/txt_member_price.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 40px;
    margin-right: 14px;
    width: 40px;
  }
  .section02__box-box04 .val {
    color: #ffa627;
    font-size: 3.4rem;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
  }
  .section02__box-box04 .val_c {
    display: flex;
    flex-direction: column;
  }
  .section02__box-box04 .val_c span {
    font-weight: bold;
  }
  .section02__box-box04 .val_c span:first-child {
    text-decoration: line-through;
    color: #888;
    font-size: 1.6rem;
    font-weight: normal;
  }
  .section02__box-box04 .unit {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .section02__box-box04 .note {
    font-size: 1.4rem;
  }
  .section02__box-note {
    color: #666;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
  }
  /* section03 */
  .section03 {
    background: url(/dvdlp/img/bg_section03_blue_pc.png) 0 0 no-repeat;
    background-size: contain;
    height: 112.857142857vw;
    margin-top: -14.2857142857%;
    min-width: 1000px;
    overflow: hidden;
    padding-bottom: 6.4285714286%;
    padding-top: 27.1428571429%;
    position: relative;
  }
  .section03 > .bg03 {
    background: url(/dvdlp/img/bg_section03_man_pc.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
  }
  .section03__inner {
    overflow: hidden;
    position: relative;
    z-index: 2;
  }
  .section03__lead {
    color: #fff;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 auto 40px auto;
    padding: 0 0 0 45px;
    position: relative;
    width: 1000px;
  }
  .section03__table-wrap {
    margin: 0 auto 100px auto;
    position: relative;
    width: 1000px;
    z-index: 2;
  }
  .section03__table {
    border-collapse: separate;
    border-spacing: 0;
    position: relative;
    table-layout: fixed;
    width: 860px;
  }
  .section03__table::before {
    border-radius: 24px;
    bottom: 0;
    box-shadow: 0 12px 30px 0 rgba(22, 50, 95, 0.4);
    content: "";
    height: 86.6%;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .section03__table thead th {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.2;
  }
  .section03__table thead th:nth-child(1) {
    width: 32.8358208955%;
  }
  .section03__table thead th:nth-child(2) {
    background: #acbffe;
    border: 2px solid #0d2068;
    border-bottom: none;
    border-right: none;
    border-top-left-radius: 24px;
    color: #0d2068;
    width: 30.5970149254%;
  }
  .section03__table thead th:nth-child(3) {
    background: #ffa627;
    border: 2px solid #0d2068;
    border-bottom: none;
    border-top-right-radius: 24px;
    color: #fff;
    width: 36.2686567164%;
  }
  .section03__table tbody th {
    background: #acbffe;
    border: 2px solid #0d2068;
    border-bottom: none;
    border-right: none;
    padding: 8px 20px;
    text-align: left;
  }
  .section03__table tbody th.primary {
    background: #0d2068;
  }
  .section03__table tbody th.primary span {
    color: #fff;
  }
  .section03__table tbody th span {
    color: #0d2068;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: -0.025em;
    line-height: 1.4;
    text-align: left;
  }
  .section03__table tbody th > div {
    align-items: center;
    display: flex;
  }
  .section03__table tbody td {
    background: #fff;
    border: 2px solid #0d2068;
    border-bottom: none;
    border-right: none;
    font-size: 2rem;
    font-weight: bold;
  }
  .section03__table tbody td:last-child {
    border-right: 2px solid #0d2068;
  }
  .section03__table tbody td .strong {
    color: #ffa627;
  }
  .section03__table tbody td em {
    font-size: 3.2rem;
    font-style: normal;
    font-weight: bold;
  }
  .section03__table tbody td .unit {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 2px;
  }
  .section03__table tbody td .note {
    font-size: 1.3rem;
    margin-top: 4px;
  }
  .section03__table tbody td .note em {
    font-size: 1.2rem;
  }
  .section03__table tbody td .note .unit {
    font-size: 1.3rem;
    margin: 0;
  }
  .section03__table tbody tr:first-child th {
    border-top-left-radius: 24px;
  }
  .section03__table tbody tr:last-child th,
  .section03__table tbody tr:last-child td {
    border-bottom: 2px solid #0d2068;
  }
  .section03__table tbody tr:last-child th {
    border-bottom-left-radius: 24px;
  }
  .section03__table tbody tr:last-child th.primary {
    border-top-color: #acbffe;
  }
  .section03__table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 24px;
  }
  .section03__table th,
  .section03__table td {
    line-height: 1.2;
    padding: 8px 4px;
    text-align: center;
    vertical-align: middle;
  }
  .section03__table th img,
  .section03__table td img {
    display: inline-block;
    margin-right: 16px;
    max-width: 100%;
    width: 32px;
  }
  .section03__table th:empty {
    visibility: hidden;
  }
  .section03__box {
    align-items: center;
    background: #ffa627;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 24px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    box-shadow: 0 12px 30px 0 rgba(22, 50, 95, 0.1);
    color: #111;
    display: flex;
    font-size: 2.1rem;
    height: 182px;
    justify-content: center;
    left: 50%;
    line-height: 1.8571428571;
    padding: 20px;
    position: relative;
    width: 518px;
  }
  .section03__box span {
    display: block;
  }
  .section03__box em {
    color: #fff;
    font-size: 3.4rem;
    font-style: normal;
    font-weight: bold;
    line-height: 1.4444444444;
  }
  /* section04 */
  .section04 {
    margin-top: -37.8571428571%;
    min-width: 1000px;
    overflow: hidden;
    position: relative;
  }
  .section04 > .bg03 {
    background: url(/dvdlp/img/bg_section04_04_pc.png) 0 0 no-repeat;
    background-size: 100%;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .section04 > .bg04 {
    background: url(/dvdlp/img/bg_section04_03_pc.png) 0 200px no-repeat;
    background-size: 100%;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .section04 .video-thum01,
  .section04 .video-thum02,
  .section04 .video-thum03,
  .section04 .video-thum04 {
    align-items: center;
    display: flex;
    height: 150px;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 200px;
  }
  .section04 .video-thum01:hover::after,
  .section04 .video-thum02:hover::after,
  .section04 .video-thum03:hover::after,
  .section04 .video-thum04:hover::after {
    opacity: 0.7;
  }
  .section04 .video-thum01::after,
  .section04 .video-thum02::after,
  .section04 .video-thum03::after,
  .section04 .video-thum04::after {
    background: url(/dvdlp/img/btn_play.png) 50% 50% no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 68px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    z-index: 1;
  }
  .section04 .video-thum01 img,
  .section04 .video-thum02 img,
  .section04 .video-thum03 img,
  .section04 .video-thum04 img {
    display: block;
    max-width: 100%;
    width: 100%;
  }
  .section04 .video-thum04 {
    height: 240px;
    width: 320px;
  }
  .section04 .video-thum-caption {
    color: #0d6fb8;
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
  }
  .section04__inner {
    height: 100%;
    position: relative;
    z-index: 2;
  }
  .section04__header {
    margin-bottom: 1.4285714286%;
    margin-top: 28.5714285714%;
  }
  .section04__header-title {
    height: 0;
    padding-top: 15%;
    position: relative;
  }
  .section04__header-title .text {
    background: url(/dvdlp/img/txt_section04_header_ttl_pc.png) 50% 50% no-repeat;
    background-size: auto 100%;
    display: block;
    height: 100%;
    left: 49%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 38.8571428571%;
  }
  .section04__list {
    margin: 0 auto;
    margin-bottom: 5.7142857143%;
    width: 1010px;
  }
  .section04__list-item01,
  .section04__list-item02,
  .section04__list-item03,
  .section04__list-item04 {
    background: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 24px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    box-shadow: 0 12px 30px 0 rgba(22, 50, 95, 0.1);
    display: block;
    padding: 45px 40px 30px 45px;
    position: relative;
    width: 1010px;
  }
  .section04__list-item01 .no,
  .section04__list-item02 .no,
  .section04__list-item03 .no,
  .section04__list-item04 .no {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 172px;
    left: -50px;
    position: absolute;
    top: -30px;
    width: 150px;
  }
  .section04__list-item01 {
    margin: 0 0 30px 10px;
  }
  .section04__list-item01 .no {
    background-image: url(/dvdlp/img/txt_dvd_vol1.png);
  }
  .section04__list-item01 .section04__item-ttl {
    background: url(/dvdlp/img/txt_section04_item01_ttl_pc.png) 0 0 no-repeat;
    background-size: contain;
    height: 62px;
    width: 488px;
  }
  .section04__list-item02 {
    margin: 0 0 30px 10px;
  }
  .section04__list-item02 .no {
    background-image: url(/dvdlp/img/txt_dvd_vol2.png);
  }
  .section04__list-item02 .section04__item-ttl {
    background: url(/dvdlp/img/txt_section04_item02_ttl_pc.png) 0 0 no-repeat;
    background-size: contain;
    height: 62px;
    width: 302px;
  }
  .section04__list-item03 {
    margin: 0 0 30px 10px;
  }
  .section04__list-item03 .no {
    background-image: url(/dvdlp/img/txt_dvd_vol3.png);
  }
  .section04__list-item03 .section04__item-ttl {
    background: url(/dvdlp/img/txt_section04_item03_ttl_pc.png) 0 0 no-repeat;
    background-size: contain;
    height: 61px;
    width: 390px;
  }
  .section04__list-item04 {
    margin: 0 0 0 10px;
  }
  .section04__list-item04 .no {
    background-image: url(/dvdlp/img/txt_dvd_vol4.png);
  }
  .section04__list-item04 .section04__item-ttl {
    background: url(/dvdlp/img/txt_section04_item04_ttl_pc.png) 0 0 no-repeat;
    background-size: contain;
    height: 62px;
    width: 462px;
  }
  .section04__list-item-box01 {
    display: flex;
    justify-content: space-between;
  }
  .section04__list-item-box02 {
    width: 725px;
  }
  .section04__list-item-box03 {
    margin-top: 15px;
    width: 200px;
  }
  .section04__item-ttl {
    margin-bottom: 25px;
    margin-left: 65px;
  }
  .section04__item-chapter {
    display: flex;
    flex-wrap: wrap;
  }
  .section04__item-chapter > li {
    align-items: flex-end;
    color: #111;
    display: flex;
    font-size: 1.6rem;
    justify-content: space-between;
    line-height: 1.45;
    margin-bottom: 25px;
    width: 48%;
  }
  .section04__item-chapter > li .ttl {
    border-bottom: 1px solid #111;
    color: #111;
    display: block;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.35;
    margin-right: 12px;
    padding-bottom: 4px;
    text-align: center;
  }
  .section04__item-chapter > li .txt {
    display: block;
    width: 85.9649122807%;
  }
  .section04__footer {
    background: url(/dvdlp/img/bg_section04_footer_pc.png) 0 0 no-repeat;
    background-size: 100%;
    padding-bottom: 7.1428571429%;
    padding-top: 9.2857142857%;
  }
  .section04__footer-header {
    margin-bottom: 5.7142857143%;
  }
  .section04__footer-header-title {
    height: 0;
    padding-top: 11.2857142857%;
    position: relative;
  }
  .section04__footer-header-title .bg {
    background: #0d2068;
    display: block;
    height: 0;
    left: 0;
    overflow: hidden;
    padding-right: 19.2857142857%;
    padding-top: 7.1428571429%;
    position: absolute;
    top: 0;
    transform: translate(-50%, 0) skew(-13.6deg) rotate(-13.6deg);
    transform-origin: 100% 100%;
    width: 100%;
  }
  .section04__footer-header-title .text {
    background: url(/dvdlp/img/txt_section04_footer_ttl_pc.png) 0 0 no-repeat;
    background-size: auto 100%;
    display: block;
    height: 100%;
    left: 5.7142857143%;
    overflow: hidden;
    position: absolute;
    top: 32.1428571429%;
  }
  .section04__footer-box01 {
    align-items: flex-end;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: -50px;
    width: 1000px;
  }
  .section04__footer-box04 {
    margin-bottom: 20px;
  }
  .section04__footer-box04 .ttl {
    color: #111;
    font-size: 1.8rem;
    font-weight: bold;
  }
  .section04__footer-box05 {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .section04__footer-box06 {
    align-items: center;
    display: flex;
  }
  .section04__footer-box06 .ttl {
    background-image: url(/dvdlp/img/txt_general_price_pc.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 56px;
    margin-right: 15px;
    width: 56px;
  }
  .section04__footer-box06 .val {
    font-size: 4.2rem;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    color: #ff4027;
  }
  .section04__footer-box06 .val_c {
    display: flex;
    flex-direction: column;
  }
  .section04__footer-box06 .val_c span {
    font-weight: bold;
  }
  .section04__footer-box06 .val_c span:first-child {
    text-decoration: line-through;
    color: #888;
    font-size: 1.6rem;
    font-weight: normal;
  }
  .section04__footer-box06 .unit {
    font-size: 2.4rem;
    font-weight: bold;
  }
  .section04__footer-box06 .note {
    font-size: 1.6rem;
  }
  .section04__footer-box07 {
    align-items: center;
    display: flex;
  }
  .section04__footer-box07 .ttl {
    background-image: url(/dvdlp/img/txt_member_price_pc.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 56px;
    margin-right: 15px;
    width: 56px;
  }
  .section04__footer-box07 .val {
    color: #ffa627;
    font-size: 5.2rem;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
  }
  .section04__footer-box07 .val_c {
    display: flex;
    flex-direction: column;
  }
  .section04__footer-box07 .val_c span {
    font-weight: bold;
  }
  .section04__footer-box07 .val_c span:first-child {
    text-decoration: line-through;
    color: #888;
    font-size: 1.6rem;
    font-weight: normal;
  }
  .section04__footer-box07 .unit {
    font-size: 2.4rem;
    font-weight: bold;
  }
  .section04__footer-box07 .note {
    font-size: 1.6rem;
  }
  .section04__footer-box08 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    width: 630px;
  }
  .section04__footer-note {
    bottom: -95px;
    color: #666;
    font-size: 1.4rem;
    line-height: 1.5;
    position: relative;
    text-align: right;
  }
  /* benefits */
  .benefits {
    background: url(/dvdlp/img/bg_benefits_pc.jpg) 50% 100% no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 80px 0 120px 0;
  }
  .benefits__title {
    background: url(/dvdlp/img/txt_benefits_title_pc.png) 50% 50% no-repeat;
    background-size: contain;
    height: 70px;
    margin: 40px auto 50px auto;
    width: 306px;
  }
  .benefits__lead {
    align-items: center;
    color: #111;
    display: flex;
    font-size: 1.6rem;
    justify-content: center;
    line-height: 1.5;
    margin: 0 auto 80px auto;
    padding: 0 20px;
  }
  .benefits__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto 50px auto;
    width: 1000px;
  }
  .benefits__list-item01,
  .benefits__list-item02,
  .benefits__list-item03,
  .benefits__list-item04,
  .benefits__list-item05,
  .benefits__list-item06 {
    background: #fff;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    border-top-left-radius: 24px;
    border-top-right-radius: 0;
    box-shadow: 0 12px 30px 0 rgba(22, 50, 95, 0.1);
    margin: 20px 11px 20px 0;
    padding: 30px 24px 20px 24px;
    position: relative;
    width: calc(33.3333333333% - 12px);
  }
  .benefits__list-item01 .no,
  .benefits__list-item02 .no,
  .benefits__list-item03 .no,
  .benefits__list-item04 .no,
  .benefits__list-item05 .no,
  .benefits__list-item06 .no {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 106px;
    left: -8px;
    position: absolute;
    top: -22px;
    width: 80px;
  }
  .benefits__list-item01 .no {
    background-image: url(/dvdlp/img/txt_benefits_01_pc.png);
  }
  .benefits__list-item02 .no {
    background-image: url(/dvdlp/img/txt_benefits_02_pc.png);
  }
  .benefits__list-item03 .no {
    background-image: url(/dvdlp/img/txt_benefits_03_pc.png);
  }
  .benefits__list-item04 .no {
    background-image: url(/dvdlp/img/txt_benefits_04_pc.png);
  }
  .benefits__list-item05 .no {
    background-image: url(/dvdlp/img/txt_benefits_05_pc.png);
  }
  .benefits__list-item06 .no {
    background-image: url(/dvdlp/img/txt_benefits_06_pc.png);
  }
  .benefits__item-ttl {
    color: #111;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
    margin-left: 70px;
    padding-bottom: 150px;
  }
  .benefits__item-text {
    color: #111;
    font-size: 1.4rem;
    line-height: 1.5;
    position: absolute;
    top: 100px;
    width: calc(100% - 48px);
  }
  .benefits__cta-tetx {
    color: #111;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 50px;
    text-align: center;
  }
  .benefits__cta-tetx span {
    color: #666;
    font-size: 1.2rem;
  }
  .benefits__cta-button {
    align-items: center;
    background-image: linear-gradient(-150deg, #396afc 0%, #2b39f3 100%);
    background-image: -ms-linear-gradient(-150deg, #396afc 0%, #2b39f3 100%);
    border-radius: 24px;
    box-shadow: -6px 10.392px 30px 0 rgba(0, 24, 255, 0.15);
    color: #fff;
    display: flex;
    font-size: 2.4rem;
    font-weight: bold;
    height: 72px;
    justify-content: center;
    letter-spacing: 0.05em;
    line-height: 1;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 360px;
  }
  .benefits__cta-button::after {
    border-bottom: 2px solid #0d2068;
    border-right: 2px solid #0d2068;
    content: "";
    display: block;
    height: 14px;
    margin-top: 1px;
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translate(0, -50%) rotate(-45deg);
    width: 14px;
  }
  /* faq */
  .faq {
    background: #fff;
    overflow: hidden;
    padding: 60px 0 60px 0;
  }
  .faq__title {
    background: url(/dvdlp/img/txt_faq_title_pc.png) 50% 50% no-repeat;
    background-size: contain;
    height: 70px;
    margin: 40px auto 50px auto;
    width: 428px;
  }
  .faq___list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto 50px auto;
    width: 1000px;
  }
  .faq___list > li {
    margin: 20px 0 20px 0;
    position: relative;
    width: 488px;
  }
  .faq___list > li::before {
    background: #dfe7fe;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    box-shadow: 0 12px 30px 0 rgba(22, 50, 95, 0.1);
    content: "";
    height: calc(100% - 10px);
    margin-left: 15px;
    position: absolute;
    top: 15px;
    width: calc(100% - 15px);
  }
  .faq___q {
    align-items: center;
    background: #0d2068;
    border-radius: 16px;
    color: #fff;
    display: flex;
    font-size: 1.6rem;
    height: 80px;
    line-height: 1.5;
    margin-right: 15px;
    padding: 20px 20px;
    position: relative;
    z-index: 1;
  }
  .faq___q::after {
    border-color: #0d2068 transparent transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    bottom: -10px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0);
    width: 0;
  }
  .faq___q-text {
    align-items: center;
    display: flex;
  }
  .faq___q-text::before {
    background: url(/dvdlp/img/txt_Q.png) 50% 50% no-repeat;
    background-size: contain;
    content: "";
    display: block;
    flex: 0 0 23px;
    height: 30px;
    margin-right: 12px;
    width: 23px;
  }
  .faq___a {
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 20px 30px 12px 30px;
    position: relative;
  }
  .faq___a-text {
    align-items: flex-start;
    display: flex;
  }
  .faq___a-text::before {
    background: url(/dvdlp/img/txt_A.png) 50% 50% no-repeat;
    background-size: contain;
    content: "";
    display: block;
    flex: 0 0 23px;
    height: 30px;
    margin-right: 12px;
    width: 23px;
  }
  /* contact */
  .contact {
    background: #f2f2f2;
    padding: 40px 0 60px 0;
  }
  .contact input[type="text"],
  .contact input[type="email"] {
    align-items: center;
    background: #f2f2f2;
    border: none;
    border-radius: 4px;
    color: #111;
    display: inline-flex;
    font-size: 1.4rem;
    height: 48px;
    letter-spacing: 0.05em;
    line-height: 1;
    padding: 0;
    padding: 0 14px;
    position: relative;
    width: 100%;
  }
  .contact input[type="text"]:placeholder-shown,
  .contact input[type="email"]:placeholder-shown {
    color: #888;
    line-height: 32px;
    text-transform: uppercase;
  }
  .contact input[type="text"]::-webkit-input-placeholder,
  .contact input[type="email"]::-webkit-input-placeholder {
    color: #888;
    line-height: 32px;
    text-transform: uppercase;
  }
  .contact input[type="text"]:-moz-placeholder,
  .contact input[type="email"]:-moz-placeholder {
    color: #888;
    line-height: 32px;
    opacity: 1;
    text-transform: uppercase;
  }
  .contact input[type="text"]::-moz-placeholder,
  .contact input[type="email"]::-moz-placeholder {
    color: #888;
    line-height: 32px;
    opacity: 1;
    text-transform: uppercase;
  }
  .contact input[type="text"]:-ms-input-placeholder,
  .contact input[type="email"]:-ms-input-placeholder {
    color: #888;
    line-height: 32px;
    text-transform: uppercase;
  }
  .contact select {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background: #f2f2f2;
    border: none;
    border-radius: 4px;
    color: #111;
    display: inline-flex;
    font-size: 1.4rem;
    height: 48px;
    letter-spacing: 0.05em;
    line-height: 1;
    min-width: 200px;
    outline: none;
    padding: 0 14px;
    position: relative;
  }
  .contact select::-ms-expand {
    display: none;
  }
  .contact .custom-select {
    display: inline-flex;
    position: relative;
  }
  .contact .custom-select::after {
    border-bottom: 2px solid #0d2068;
    border-right: 2px solid #0d2068;
    content: "";
    display: block;
    height: 9px;
    margin-top: -1px;
    position: absolute;
    right: 22px;
    top: 48%;
    transform: translate(0, -50%) rotate(45deg);
    width: 9px;
    z-index: 1;
  }
  .contact .custom-select select {
    padding-right: 38px;
  }
  .contact .button,
  .contact button,
  .contact input[type="submit"] {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-image: linear-gradient(-150deg, #396afc 0%, #2b39f3 100%);
    background-image: -ms-linear-gradient(-150deg, #396afc 0%, #2b39f3 100%);
    border: none;
    box-shadow: -6px 10.392px 30px 0 rgba(0, 24, 255, 0.15);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-weight: bold;
    justify-content: center;
    letter-spacing: 0.05em;
    line-height: 1;
    margin: 0 auto;
    outline: none;
    padding: 0;
    position: relative;
    text-align: center;
  }
  .contact .search-address-button {
    border-radius: 16px;
    font-size: 1.4rem;
    height: 48px;
    margin: 0 auto;
    position: relative;
    width: 144px;
  }
  .contact .search-address-button::after {
    border-bottom: 2px solid #0d2068;
    border-right: 2px solid #0d2068;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%) rotate(-45deg);
    width: 9px;
    z-index: 1;
  }
  .contact .submit-button {
    border-radius: 24px;
    height: 120px;
    margin: 0 auto;
    position: relative;
    width: 360px;
    margin-top: 30px;
  }
  .contact .submit-button::after {
    border-bottom: 2px solid #0d2068;
    border-right: 2px solid #0d2068;
    content: "";
    display: block;
    height: 14px;
    margin-top: 1px;
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translate(0, -50%) rotate(-45deg);
    width: 14px;
    z-index: 1;
  }
  .contact .submit-button input[type="submit"] {
    border-radius: 24px;
    font-size: 2.4rem;
    height: 120px;
    width: 360px;
  }
  .contact .form-group {
    background: #fff;
    padding: 0 40px 30px 40px;
  }
  .contact .form-group.first {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding-top: 40px;
  }
  .contact .form-group.last {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    padding-bottom: 40px;
  }
  .contact .form-group__title {
    background: #0d2068;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0.0125em;
    line-height: 2.1333333333;
    margin-bottom: 30px;
    padding: 6px 8px;
    text-align: center;
  }
  .contact .form-group__item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    padding: 0 40px;
  }
  .contact .form-group__item:last-child {
    margin-bottom: 0;
  }
  .contact .form-group__item02 .form-group__item-body {
    align-items: center;
    display: flex;
    font-size: 1.6rem;
    justify-content: space-between;
    margin-left: 20px;
  }
  .contact .form-group__item02 .form-group__item-body input[type="text"] {
    margin-left: 15px;
    width: 200px;
  }
  .contact .form-group__item02 .form-group__item-body > div {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .contact .form-group__item04 .form-group__item-body {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .contact .form-group__item04 .form-group__item-body input[type="text"] {
    margin-right: 15px;
    width: 200px;
  }
  .contact .form-group__item07 .form-group__item-label,
  .contact .form-group__item08 .form-group__item-label,
  .contact .form-group__item09 .form-group__item-label {
    width: 610px;
  }
  .contact .form-group__item07 .form-group__item-label *,
  .contact .form-group__item08 .form-group__item-label *,
  .contact .form-group__item09 .form-group__item-label * {
    font-weight: bold;
  }
  .contact .form-group__item07 .form-group__item-label span,
  .contact .form-group__item08 .form-group__item-label span,
  .contact .form-group__item09 .form-group__item-label span {
    color: #2f55fe;
    font-size: 1.8rem;
    font-weight: bold;
    margin-right: 20px;
  }
  .contact .form-group__item07 .form-group__item-body,
  .contact .form-group__item08 .form-group__item-body,
  .contact .form-group__item09 .form-group__item-body {
    align-items: flex-end;
    display: flex;
    font-size: 1.6rem;
    width: 170px;
  }
  .contact .form-group__item07 .form-group__item-body select,
  .contact .form-group__item08 .form-group__item-body select,
  .contact .form-group__item09 .form-group__item-body select {
    margin-right: 10px;
    min-width: 120px;
  }
  .contact .form-group__item-label {
    font-size: 1.6rem;
    letter-spacing: 0.0125em;
    width: 220px;
  }
  .contact .form-group__item-body {
    font-size: 1.6rem;
    letter-spacing: 0.0125em;
    width: 500px;
  }
  .contact .form-group__item-note {
    color: #666;
    font-size: 1.2rem;
    margin: 8px 2px;
  }
  .contact .form-group__text-wrap {
    background: #efefef;
    color: #111;
    font-size: 1.2rem;
    height: 400px;
    line-height: 1.5;
    overflow-y: scroll;
    padding: 15px;
  }
  .contact .label-required {
    align-items: center;
    background: #ffa627;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    font-size: 1.2rem;
    font-weight: bold;
    justify-content: center;
    line-height: 1;
    padding: 6px 6px;
  }
  .contact .recaptcha {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 20px 0;
  }
  .contact__inner {
    margin: 0 auto;
    width: 880px;
  }
  .contact__title {
    background: url(/dvdlp/img/txt_contact_title_pc.png) 50% 50% no-repeat;
    background-size: contain;
    height: 70px;
    margin: 40px auto 50px auto;
    width: 368px;
  }
  .contact__lead {
    color: #111;
    font-size: 1.6rem;
    margin-bottom: 16px;
    text-align: center;
  }
  .wpcf7 .screen-reader-response[role="alert"] {
    color: #ff4027;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 70px;
    margin-top: -60px;
    text-align: center;
  }
  .wpcf7 .wpcf7-not-valid-tip[role="alert"] {
    color: #ff4027;
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 5px;
  }
  .wpcf7 .custom-select.is-invalid {
    margin-bottom: 21px;
  }
  .wpcf7 .custom-select .wpcf7-not-valid-tip[role="alert"] {
    bottom: -21px;
    left: 0;
    min-width: 300px;
    position: absolute;
  }
  /* footer */
  .footer__copy {
    background: #0d2068;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    line-height: 2.6666666667;
    padding: 24px;
    text-align: center;
  }
  /* modal01 */
  .modal01 {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 30px 0 rgba(43, 97, 187, 0.15);
    margin: 0 auto;
    padding: 100px 40px 120px 40px;
    width: 1000px;
  }
  .modal01__inner {
    position: relative;
  }
  .modal01__title {
    background: linear-gradient(90deg, #396afc, #2948ff);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 60px;
    text-align: center;
    -webkit-text-fill-color: transparent;
  }
  _:-ms-fullscreen,
  :root .modal01__title {
    background: none;
    color: #396afc;
  }
  .modal01__text {
    color: #111;
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 60px;
    text-align: center;
  }
  .modal01__button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-image: linear-gradient(-150deg, #396afc 0%, #2b39f3 100%);
    background-image: -ms-linear-gradient(-150deg, #396afc 0%, #2b39f3 100%);
    border: none;
    border-radius: 24px;
    box-shadow: -6px 10.392px 30px 0 rgba(0, 24, 255, 0.15);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 2rem;
    font-weight: bold;
    height: 72px;
    justify-content: center;
    letter-spacing: 0.05em;
    line-height: 1;
    margin: 0 auto;
    outline: none;
    padding: 0;
    position: relative;
    text-align: center;
    width: 440px;
  }
  .modal01__button::after {
    border-bottom: 2px solid #0d2068;
    border-right: 2px solid #0d2068;
    content: "";
    display: block;
    height: 16px;
    margin-top: 1px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translate(0, -50%) rotate(-45deg);
    width: 16px;
    z-index: 1;
  }
  .lity {
    background: rgba(0, 0, 0, 0.5);
  }
  .lity:not(.lity-youtube) .lity-close,
  .lity:not(.lity-youtube) .lity-close:hover,
  .lity:not(.lity-youtube) .lity-close:focus,
  .lity:not(.lity-youtube) .lity-close:active,
  .lity:not(.lity-youtube) .lity-close:visited {
    -webkit-appearance: none;
    background: url(/dvdlp/img/btn_close.png) 50% 50% no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 64px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: -32px;
    text-align: left;
    text-decoration: none;
    text-indent: 120%;
    top: -32px;
    white-space: nowrap;
    width: 64px;
    z-index: 9994;
  }
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
  /* section03 */
  .section03__lead {
    left: 0;
    margin: 0 auto 40px 9%;
    width: auto;
  }
  /* section04 */
  .section04 {
    margin-top: -33.5714285714%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1150px) {
  /* section03 */
  .section03 {
    padding-bottom: 114.285714286%;
  }
  .section03__table-wrap {
    margin-bottom: 3.2142857143%;
  }
  /* section04 */
  .section04 {
    margin-top: -50%;
  }
  .section04 > .bg04 {
    background-position-y: 35.7142857143%;
  }
}

@media screen and (min-width: 769px) and (max-width: 980px) {
  /* section04 */
  .section04 {
    margin-top: -42.8571428571%;
  }
}

@media screen and (min-width: 769px) and (max-width: 920px) {
  /* section04 */
  .section04 {
    margin-top: -35.7142857143%;
  }
}

@media screen and (max-width: 768px) {
  #wrap {
    overflow-x: hidden;
  }
  /* header */
  .header {
    height: 55px;
    position: relative;
    z-index: 10;
  }
  .header__logo {
    align-items: center;
    display: flex;
    height: 55px;
    padding-left: 12px;
  }
  .header__logo-img {
    display: block;
    height: 32px;
  }
  /* mainv */
  .mainv {
    height: 129.333333333vw;
    position: relative;
  }
  .mainv .bg01 {
    background: url(/dvdlp/img/bg_mainv_01.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
    height: 121.066666667vw;
    left: 0;
    position: absolute;
    top: -55px;
    width: 100%;
    z-index: 1;
  }
  .mainv .bg02 {
    background: url(/dvdlp/img/bg_mainv_02.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
    height: 121.066666667vw;
    left: 0;
    position: absolute;
    top: -55px;
    width: 100%;
    z-index: 2;
  }
  .mainv .bg03 {
    background: url(/dvdlp/img/bg_mainv_03.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
    height: 121.066666667vw;
    left: 0;
    position: absolute;
    top: -55px;
    width: 100%;
    z-index: 5;
  }
  .mainv .bg04 {
    background: url(/dvdlp/img/bg_mainv_04.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
    height: 121.066666667vw;
    left: 0;
    position: absolute;
    top: -55px;
    width: 100%;
    z-index: 3;
  }
  .mainv .bg05 {
    background: url(/dvdlp/img/bg_mainv_05.png) 0 0 no-repeat;
    background-size: 100vw;
    display: block;
    height: 121.066666667vw;
    left: 0;
    position: absolute;
    top: -55px;
    z-index: 4;
  }
  .mainv__box {
    background: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: 0 12px 30px 0 rgba(22, 50, 95, 0.1);
    left: 0;
    margin: 20px;
    position: absolute;
    top: 97.3333333333vw;
    width: calc(100% - 40px);
    z-index: 10;
  }
  .mainv__box-item01 {
    align-items: center;
    background: #0d2068;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 14px 16px;
  }
  .mainv__box-item01 .txt01 {
    font-size: 3.2vw;
    width: 31.3432835821%;
  }
  .mainv__box-item01 .txt02 {
    width: 68.3582089552%;
  }
  .mainv__box-item01 .txt03 {
    display: block;
    font-size: 3.2vw;
    margin-bottom: 12px;
  }
  .mainv__box-item01 .txt04 {
    font-size: 3.4666666667vw;
    margin-right: 1.8666666667vw;
  }
  .mainv__box-item01 .txt05 {
    font-size: 5.3333333333vw;
  }
  .mainv__box-item02 {
    padding: 15px 14px;
  }
  .mainv__box-item02 .txt01 {
    color: #111;
    font-size: 3.5333333333vw;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  /* fab */
  .fab {
    bottom: 0;
    position: fixed;
    right: 0;
    z-index: 10;
  }
  .fab a {
    align-items: center;
    background-image: url(/dvdlp/img/btn_fab.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    height: 24.8vw;
    justify-content: center;
    width: 33.0666666667vw;
  }
  /* section01 */
  .section01 {
    height: 157.333333333vw;
    overflow: hidden;
    padding-top: 74.6666666667vw;
    position: relative;
  }
  .section01 > .bg01 {
    background: url(/dvdlp/img/bg_section01.png) 0 0 no-repeat;
    background-size: 100%;
    display: block;
    height: 173.066666667vw;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .section01__txt01 {
    background: url(/dvdlp/img/bg_section01_txt01.png) 50% 50% no-repeat;
    background-size: contain;
    height: 21.8666666667vw;
    margin: 0 8px -4vw auto;
    width: 86.4vw;
  }
  .section01__txt02 {
    background: url(/dvdlp/img/bg_section01_txt02.png) 50% 50% no-repeat;
    background-size: contain;
    height: 21.8666666667vw;
    margin: 0 auto -4vw 8px;
    width: 86.4vw;
  }
  .section01__txt03 {
    background: url(/dvdlp/img/bg_section01_txt03.png) 50% 50% no-repeat;
    background-size: contain;
    height: 21.8666666667vw;
    margin: 0 8px -4vw auto;
    width: 86.4vw;
  }
  .section01__txt04 {
    background: url(/dvdlp/img/bg_section01_txt04.png) 50% 50% no-repeat;
    background-size: contain;
    height: 21.8666666667vw;
    margin: 0 auto -4vw 8px;
    width: 86.4vw;
  }
  /* section02 */
  .section02 {
    background: url(/dvdlp/img/bg_section02.png) 0 86.6666666667vw no-repeat;
    background-size: 100%;
    overflow: hidden;
    padding-bottom: 100px;
  }
  .section02__header {
    margin-bottom: -15.3333333333vw;
  }
  .section02__header-title {
    background: url(/dvdlp/img/txt_section02_header_ttl.png) 0 0 no-repeat;
    background-size: 100vw;
    height: 20vw;
    position: relative;
  }
  .section02__list {
    margin-bottom: 26.6666666667vw;
  }
  .section02__list-item01,
  .section02__list-item02,
  .section02__list-item03,
  .section02__list-item04 {
    position: relative;
  }
  .section02__list-item01 {
    height: 50.4vw;
    margin-bottom: -14.6666666667vw;
  }
  .section02__list-item01 .no {
    background-image: url(/dvdlp/img/txt_dvd_vol1.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 27.3333333333vw;
    left: 0;
    position: absolute;
    top: 13.6666666667vw;
    width: 22vw;
    z-index: 1;
  }
  .section02__list-item01 .bg {
    background-image: url(/dvdlp/img/bg_section02_list_item_01.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100vw;
    height: 50.4vw;
    left: 0;
    position: absolute;
    top: 0;
  }
  .section02__list-item01 .txt {
    background-image: url(/dvdlp/img/txt_section02_list_item_01.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100vw;
    height: 50.4vw;
    left: 0;
    position: absolute;
    top: 0;
  }
  .section02__list-item02 {
    height: 43.2vw;
    margin-bottom: -14.6666666667vw;
  }
  .section02__list-item02 .no {
    background-image: url(/dvdlp/img/txt_dvd_vol2.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 27.3333333333vw;
    left: 0;
    position: absolute;
    top: 13.6666666667vw;
    width: 22vw;
    z-index: 1;
  }
  .section02__list-item02 .bg {
    background-image: url(/dvdlp/img/bg_section02_list_item_02.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100vw;
    height: 43.2vw;
    left: 0;
    position: absolute;
    top: 0;
  }
  .section02__list-item02 .txt {
    background-image: url(/dvdlp/img/txt_section02_list_item_02.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100vw;
    height: 43.2vw;
    left: 0;
    position: absolute;
    top: 0;
  }
  .section02__list-item03 {
    height: 50.4vw;
    margin-bottom: -14.6666666667vw;
  }
  .section02__list-item03 .no {
    background-image: url(/dvdlp/img/txt_dvd_vol3.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 27.3333333333vw;
    left: 0;
    position: absolute;
    top: 13.6666666667vw;
    width: 22vw;
    z-index: 1;
  }
  .section02__list-item03 .bg {
    background-image: url(/dvdlp/img/bg_section02_list_item_03.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100vw;
    height: 50.4vw;
    left: 0;
    position: absolute;
    top: 0;
  }
  .section02__list-item03 .txt {
    background-image: url(/dvdlp/img/txt_section02_list_item_03.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100vw;
    height: 50.4vw;
    left: 0;
    position: absolute;
    top: 0;
  }
  .section02__list-item04 {
    height: 49.7333333333vw;
  }
  .section02__list-item04 .no {
    background-image: url(/dvdlp/img/txt_dvd_vol4.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 27.3333333333vw;
    left: 0;
    position: absolute;
    top: 13.6666666667vw;
    width: 22vw;
    z-index: 1;
  }
  .section02__list-item04 .bg {
    background-image: url(/dvdlp/img/bg_section02_list_item_04.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100vw;
    height: 49.7333333333vw;
    left: 0;
    position: absolute;
    top: 0;
  }
  .section02__list-item04 .txt {
    background-image: url(/dvdlp/img/txt_section02_list_item_04.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100vw;
    height: 49.7333333333vw;
    left: 0;
    position: absolute;
    top: 0;
  }
  .section02__box {
    background: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 0;
    border-top-right-radius: 12px;
    box-shadow: 0 12px 30px 0 rgba(22, 50, 95, 0.1);
    margin: 20px;
    padding: 18px 13px 16px 13px;
  }
  .section02__box-ttl {
    background: url(/dvdlp/img/txt_section02_box_ttl.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
    height: 10.1333333333vw;
    margin: 0 auto 30px auto;
    width: 81vw;
  }
  .section02__box-box01 {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
  }
  .section02__box-box02 {
    margin-bottom: 10px;
    width: 100%;
  }
  .section02__box-box02 .ttl {
    color: #111;
    font-size: 3.2vw;
    font-weight: bold;
  }
  .saletxt {
    text-align: center;
    margin: 15px auto;
  }
  .saletxt span {
    color: #ff4027;
    font-size: 4.8vw;
    font-weight: bold;
  }
  .saletxt2 {
    text-align: center;
    margin: 30px auto 0;
  }
  .saletxt2 span {
    color: #ff4027;
    font-size: 4.8vw;
    font-weight: bold;
  }
  .section02__box-box03 {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
    width: 50%;
  }
  .section02__box-box03 .ttl {
    background-image: url(/dvdlp/img/txt_general_price.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 8vw;
    margin-right: 1.6vw;
    width: 8vw;
  }
  .section02__box-box03 .val {
    font-size: 5.3333333333vw;
    font-weight: bold;
    letter-spacing: -0.025em;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
  }
  .section02__box-box03 .val_c {
    display: flex;
    flex-direction: column;
  }
  .section02__box-box03 .val_c span {
    font-weight: bold;
  }
  .section02__box-box03 .val_c span:first-child {
    text-decoration: line-through;
    color: #888;
    font-size: 3.2vw;
    font-weight: normal;
  }
  .section02__box-box03 .unit {
    font-size: 3.7333333333vw;
    font-weight: bold;
    letter-spacing: normal;
  }
  .section02__box-box03 .note {
    font-size: 2.9333333333vw;
    letter-spacing: normal;
  }
  .section02__box-box04 {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
    width: 50%;
  }
  .section02__box-box04 .ttl {
    background-image: url(/dvdlp/img/txt_member_price.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 8vw;
    margin-right: 1.6vw;
    width: 8vw;
  }
  .section02__box-box04 .val {
    color: #ffa627;
    font-size: 5.3333333333vw;
    font-weight: bold;
    letter-spacing: -0.025em;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
  }
  .section02__box-box04 .val_c {
    display: flex;
    flex-direction: column;
  }
  .section02__box-box04 .val_c span {
    font-weight: bold;
  }
  .section02__box-box04 .val_c span:first-child {
    text-decoration: line-through;
    color: #888;
    font-size: 3.2vw;
    font-weight: normal;
  }
  .section02__box-box04 .unit {
    font-size: 3.7333333333vw;
    font-weight: bold;
    letter-spacing: normal;
  }
  .section02__box-box04 .note {
    font-size: 2.9333333333vw;
    letter-spacing: normal;
  }
  .section02__box-note {
    color: #666;
    font-size: 3.2vw;
    line-height: 1.5;
  }
  /* section03 */
  .section03 {
    margin-top: -100px;
    position: relative;
  }
  .section03 > .bg01 {
    background: url(/dvdlp/img/bg_section03_03.jpg) 0 0 no-repeat;
    background-size: 100%;
    bottom: -59.3333333333vw;
    display: block;
    height: 106.666666667vw;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .section03 > .bg02 {
    background: url(/dvdlp/img/bg_section03.png) 0 0 no-repeat;
    background-size: 100vw;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .section03 > .bg03 {
    background: url(/dvdlp/img/bg_section03_02.png) 0 0 no-repeat;
    background-size: 100vw;
    display: block;
    height: 91.7333333333vw;
    left: 0;
    position: absolute;
    top: 24vw;
    width: 100%;
    z-index: 2;
  }
  .section03__inner {
    overflow: hidden;
    position: relative;
    z-index: 2;
  }
  .section03__header {
    height: 50.6666666667vw;
  }
  .section03__lead {
    color: #fff;
    font-size: 3.7333333333vw;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 30px;
    position: relative;
    width: 44vw;
  }
  .section03__table-wrap {
    margin: 20px 20px;
    position: relative;
    z-index: 2;
  }
  .section03__table-wrap::before {
    border-radius: 12px;
    bottom: 0;
    box-shadow: 0 12px 30px 0 rgba(22, 50, 95, 0.1);
    content: "";
    height: 90%;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .section03__table {
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    position: relative;
    table-layout: fixed;
    width: 100%;
  }
  .section03__table thead th {
    font-size: 3.4666666667vw;
    font-weight: bold;
    line-height: 1.2;
  }
  .section03__table thead th:nth-child(1) {
    width: 32.8358208955%;
  }
  .section03__table thead th:nth-child(2) {
    background: #acbffe;
    border: 1px solid #0d2068;
    border-bottom: none;
    border-right: none;
    border-top-left-radius: 12px;
    color: #0d2068;
    width: 30.5970149254%;
  }
  .section03__table thead th:nth-child(3) {
    background: #ffa627;
    border: 1px solid #0d2068;
    border-bottom: none;
    border-top-right-radius: 12px;
    color: #fff;
    width: 36.2686567164%;
  }
  .section03__table tbody th {
    background: #acbffe;
    border: 1px solid #0d2068;
    border-bottom: none;
    border-right: none;
    padding: 10px 6px;
  }
  .section03__table tbody th.primary {
    background: #0d2068;
  }
  .section03__table tbody th.primary span {
    color: #fff;
  }
  .section03__table tbody th span {
    align-items: center;
    color: #0d2068;
    display: flex;
    font-size: 3.0666666667vw;
    font-weight: bold;
    justify-content: center;
    letter-spacing: -0.025em;
    line-height: 1.4;
    text-align: left;
  }
  .section03__table tbody td {
    background: #fff;
    border: 1px solid #0d2068;
    border-bottom: none;
    border-right: none;
    font-size: 4.2666666667vw;
    font-weight: bold;
  }
  .section03__table tbody td:last-child {
    border-right: 1px solid #0d2068;
  }
  .section03__table tbody td .strong {
    color: #ffa627;
  }
  .section03__table tbody td em {
    font-size: 6.6666666667vw;
    font-style: normal;
    font-weight: bold;
  }
  .section03__table tbody td .unit {
    font-size: 3.0666666667vw;
    font-weight: bold;
    margin: 0 2px;
  }
  .section03__table tbody td .note {
    font-size: 2.6666666667vw;
    margin-top: 4px;
  }
  .section03__table tbody td .note em {
    font-size: 2.9333333333vw;
  }
  .section03__table tbody td .note .unit {
    font-size: 2.6666666667vw;
    margin: 0;
  }
  .section03__table tbody tr:first-child th {
    border-top-left-radius: 12px;
  }
  .section03__table tbody tr:last-child th,
  .section03__table tbody tr:last-child td {
    border-bottom: 1px solid #0d2068;
  }
  .section03__table tbody tr:last-child th {
    border-bottom-left-radius: 12px;
  }
  .section03__table tbody tr:last-child th.primary {
    border-top-color: #acbffe;
  }
  .section03__table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 12px;
  }
  .section03__table th,
  .section03__table td {
    line-height: 1.2;
    padding: 10px 4px;
    text-align: center;
    vertical-align: middle;
  }
  .section03__table th img,
  .section03__table td img {
    display: block;
    margin: 0 auto 5px auto;
    max-width: 100%;
    width: 5.3333333333vw;
  }
  .section03__table th:empty {
    visibility: hidden;
  }
  .section03__box {
    align-items: center;
    background: #ffa627;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: 0 12px 30px 0 rgba(22, 50, 95, 0.1);
    color: #111;
    display: inline-flex;
    font-size: 3.7333333333vw;
    justify-content: center;
    line-height: 1.8571428571;
    margin: 0 20px;
    padding: 14px 20px;
  }
  .section03__box span {
    display: block;
  }
  .section03__box em {
    color: #fff;
    font-size: 4.8vw;
    font-style: normal;
    font-weight: bold;
    line-height: 1.4444444444;
  }
  /* section04 */
  .section04 {
    overflow: hidden;
    position: relative;
  }
  .section04 > .bg01 {
    background: url(/dvdlp/img/bg_section04_02.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
    height: 72.5333333333vw;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 1.3333333333vw;
    width: 100%;
    z-index: 0;
  }
  .section04 > .bg02 {
    background: url(/dvdlp/img/bg_section04.png) 0 0 no-repeat;
    background-size: 106.2vw;
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 17.3333333333vw;
    z-index: 1;
  }
  .section04 .video-thum01,
  .section04 .video-thum02,
  .section04 .video-thum03,
  .section04 .video-thum04 {
    align-items: center;
    display: flex;
    height: 40.4vw;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 53.7333333333vw;
  }
  .section04 .video-thum01:hover::after,
  .section04 .video-thum02:hover::after,
  .section04 .video-thum03:hover::after,
  .section04 .video-thum04:hover::after {
    opacity: 0.7;
  }
  .section04 .video-thum01::after,
  .section04 .video-thum02::after,
  .section04 .video-thum03::after,
  .section04 .video-thum04::after {
    background: url(/dvdlp/img/btn_play.png) 50% 50% no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 68px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    z-index: 1;
  }
  .section04 .video-thum01 img,
  .section04 .video-thum02 img,
  .section04 .video-thum03 img,
  .section04 .video-thum04 img {
    display: block;
  }
  .section04 .video-thum04 {
    height: 56vw;
    width: 74.6666666667vw;
  }
  .section04 .video-thum-caption {
    color: #0d6fb8;
    font-size: 3.2vw;
    font-weight: bold;
    margin-top: 6px;
    text-align: center;
  }
  .section04__inner {
    position: relative;
    z-index: 2;
  }
  .section04__header {
    height: 80vw;
  }
  .section04__header-title {
    height: 72vw;
    position: relative;
  }
  .section04__header-title .text {
    background: url(/dvdlp/img/txt_section04_header_ttl.png) 50% 50% no-repeat;
    background-size: auto 100%;
    bottom: 0;
    display: block;
    height: 26.6666666667vw;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
  }
  .section04__list-item01,
  .section04__list-item02,
  .section04__list-item03,
  .section04__list-item04 {
    background: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: 0 12px 30px 0 rgba(22, 50, 95, 0.1);
    margin: 6.6666666667vw 20px 6.6666666667vw 30px;
    padding: 5.4666666667vw 24px 5.4666666667vw 5.8666666667vw;
    position: relative;
  }
  .section04__list-item01 .no,
  .section04__list-item02 .no,
  .section04__list-item03 .no,
  .section04__list-item04 .no {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 22.9333333333vw;
    left: -5.3333333333vw;
    position: absolute;
    top: -5.3333333333vw;
    width: 18.8vw;
  }
  .section04__list-item01 {
    height: 118.533333333vw;
  }
  .section04__list-item01 .no {
    background-image: url(/dvdlp/img/txt_vol1.png);
  }
  .section04__list-item01 .section04__item-ttl {
    background: url(/dvdlp/img/txt_section04_item01_ttl.png) 0 0 no-repeat;
    background-size: contain;
    height: 16.2666666667vw;
    width: 65.3333333333vw;
  }
  .section04__list-item02 {
    height: 107.2vw;
  }
  .section04__list-item02 .no {
    background-image: url(/dvdlp/img/txt_vol2.png);
  }
  .section04__list-item02 .section04__item-ttl {
    background: url(/dvdlp/img/txt_section04_item02_ttl.png) 0 0 no-repeat;
    background-size: contain;
    height: 10.1333333333vw;
    width: 45.8666666667vw;
  }
  .section04__list-item03 {
    height: 107.2vw;
  }
  .section04__list-item03 .no {
    background-image: url(/dvdlp/img/txt_vol3.png);
  }
  .section04__list-item03 .section04__item-ttl {
    background: url(/dvdlp/img/txt_section04_item03_ttl.png) 0 0 no-repeat;
    background-size: contain;
    height: 10.1333333333vw;
    width: 59.4666666667vw;
  }
  .section04__list-item04 {
    height: 107.2vw;
  }
  .section04__list-item04 .no {
    background-image: url(/dvdlp/img/txt_vol4.png);
  }
  .section04__list-item04 .section04__item-ttl {
    background: url(/dvdlp/img/txt_section04_item04_ttl.png) 0 0 no-repeat;
    background-size: contain;
    height: 9.8vw;
    width: 65.8666666667vw;
  }
  .section04__item-ttl {
    margin-bottom: 3.3333333333vw;
    margin-left: 8vw;
  }
  .section04__item-chapter {
    margin-bottom: 25px;
  }
  .section04__item-chapter > li {
    align-items: flex-start;
    color: #111;
    display: flex;
    font-size: 3.7333333333vw;
    line-height: 1.45;
    margin-bottom: 12px;
  }
  .section04__item-chapter > li .ttl {
    border-bottom: 1px solid #111;
    color: #111;
    display: block;
    font-size: 3.2vw;
    font-weight: bold;
    line-height: 1.35;
    margin-right: 12px;
    padding-bottom: 4px;
    text-align: center;
    width: 14.0350877193%;
  }
  .section04__item-chapter > li .txt {
    display: block;
    width: 85.9649122807%;
  }
  .section04__footer {
    padding-bottom: 40px;
  }
  .section04__footer-header-title {
    height: 35.3333333333vw;
    margin-bottom: 15px;
    position: relative;
  }
  .section04__footer-header-title .bg {
    background: url(/dvdlp/img/bg_section04_footer_ttl.png) 0 0 no-repeat;
    background-size: auto 100%;
    display: block;
    height: 35.3333333333vw;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
  }
  .section04__footer-header-title .text {
    background: url(/dvdlp/img/txt_section04_footer_ttl.png) 0 0 no-repeat;
    background-size: auto 100%;
    display: block;
    height: 35.3333333333vw;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
  }
  .section04__footer-box03 {
    align-items: flex-start;
    display: flex;
    margin: 25px 20px 0 20px;
  }
  .section04__footer-box04 {
    padding-right: 2.6666666667vw;
  }
  .section04__footer-box04 .ttl {
    color: #111;
    font-size: 4.2666666667vw;
    font-weight: bold;
  }
  .section04__footer-box06 {
    align-items: center;
    display: flex;
    margin-bottom: 15px;
  }
  .section04__footer-box06 .ttl {
    background-image: url(/dvdlp/img/txt_general_price.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 10vw;
    margin-right: 2.1333333333vw;
    width: 10vw;
  }
  .section04__footer-box06 .val {
    font-size: 7.7333333333vw;
    font-weight: bold;
    letter-spacing: -0.025em;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
  }
  .section04__footer-box06 .val_c {
    display: flex;
    flex-direction: column;
  }
  .section04__footer-box06 .val_c span {
    font-weight: bold;
  }
  .section04__footer-box06 .val_c span:first-child {
    text-decoration: line-through;
    color: #888;
    font-size: 4.5333333333vw;
    font-weight: normal;
  }
  .section04__footer-box06 .unit {
    font-size: 4.5333333333vw;
    font-weight: bold;
    letter-spacing: normal;
  }
  .section04__footer-box06 .note {
    font-size: 3.2vw;
    letter-spacing: normal;
  }
  .section04__footer-box07 {
    align-items: center;
    display: flex;
    margin-bottom: 15px;
  }
  .section04__footer-box07 .ttl {
    background-image: url(/dvdlp/img/txt_member_price.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 10vw;
    margin-right: 2.1333333333vw;
    width: 10vw;
  }
  .section04__footer-box07 .val {
    color: #ffa627;
    font-size: 9.6vw;
    font-weight: bold;
    letter-spacing: -0.025em;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
  }
  .section04__footer-box07 .val_c {
    display: flex;
    flex-direction: column;
  }
  .section04__footer-box07 .val_c span {
    font-weight: bold;
  }
  .section04__footer-box07 .val_c span:first-child {
    text-decoration: line-through;
    color: #888;
    font-size: 4.5333333333vw;
    font-weight: normal;
  }
  .section04__footer-box07 .unit {
    font-size: 4.5333333333vw;
    font-weight: bold;
    letter-spacing: normal;
  }
  .section04__footer-box07 .note {
    font-size: 3.2vw;
    letter-spacing: normal;
  }
  .section04__footer-note {
    color: #666;
    font-size: 3.2vw;
    line-height: 1.5;
    margin-left: 1em;
    padding: 0 20px;
    text-indent: -1em;
  }
  /* benefits */
  .benefits {
    background: url(/dvdlp/img/bg_benefits.png) 50% 100% no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 30px 0 60px 0;
  }
  .benefits__title {
    background: url(/dvdlp/img/txt_benefits_title.png) 50% 50% no-repeat;
    background-size: contain;
    height: 9.3333333333vw;
    margin: 40px auto 30px auto;
    width: 40.5333333333vw;
  }
  .benefits__lead {
    color: #111;
    font-size: 3.7333333333vw;
    line-height: 1.5;
    margin-bottom: 50px;
    padding: 0 20px;
  }
  .benefits__list {
    margin-bottom: 50px;
  }
  .benefits__list-item01,
  .benefits__list-item02,
  .benefits__list-item03,
  .benefits__list-item04,
  .benefits__list-item05,
  .benefits__list-item06 {
    background: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: 0 12px 30px 0 rgba(22, 50, 95, 0.1);
    margin: 20px;
    padding: 20px 24px;
    position: relative;
  }
  .benefits__list-item01 .no,
  .benefits__list-item02 .no,
  .benefits__list-item03 .no,
  .benefits__list-item04 .no,
  .benefits__list-item05 .no,
  .benefits__list-item06 .no {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 16.9333333333vw;
    left: -8px;
    position: absolute;
    top: -11px;
    width: 12.8vw;
  }
  .benefits__list-item01 .no {
    background-image: url(/dvdlp/img/txt_benefits_01.png);
  }
  .benefits__list-item02 .no {
    background-image: url(/dvdlp/img/txt_benefits_02.png);
  }
  .benefits__list-item03 .no {
    background-image: url(/dvdlp/img/txt_benefits_03.png);
  }
  .benefits__list-item04 .no {
    background-image: url(/dvdlp/img/txt_benefits_04.png);
  }
  .benefits__list-item05 .no {
    background-image: url(/dvdlp/img/txt_benefits_05.png);
  }
  .benefits__list-item06 .no {
    background-image: url(/dvdlp/img/txt_benefits_06.png);
  }
  .benefits__item-ttl {
    align-items: center;
    color: #111;
    display: flex;
    font-size: 4.2666666667vw;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 2.6666666667vw;
    margin-left: 10.6666666667vw;
    min-height: 12.8vw;
  }
  .benefits__item-text {
    color: #111;
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
  .benefits__cta-tetx {
    color: #111;
    font-size: 3.7333333333vw;
    line-height: 1.5;
    margin-bottom: 50px;
    text-align: center;
  }
  .benefits__cta-tetx span {
    color: #666;
    font-size: 3.2vw;
  }
  .benefits__cta-button {
    align-items: center;
    background-image: linear-gradient(-150deg, #396afc 0%, #2b39f3 100%);
    background-image: -ms-linear-gradient(-150deg, #396afc 0%, #2b39f3 100%);
    border-radius: 12px;
    box-shadow: -6px 10.392px 30px 0 rgba(0, 24, 255, 0.15);
    color: #fff;
    display: flex;
    font-size: 4.5333333333vw;
    font-weight: bold;
    height: 13.0666666667vw;
    justify-content: center;
    letter-spacing: 0.05em;
    line-height: 1;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 64vw;
  }
  .benefits__cta-button::after {
    border-bottom: 2px solid #0d2068;
    border-right: 2px solid #0d2068;
    content: "";
    display: block;
    height: 2.4vw;
    margin-top: 1px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%) rotate(-45deg);
    width: 2.4vw;
  }
  /* faq */
  .faq {
    background: #fff;
    overflow: hidden;
    padding: 30px 0 60px 0;
  }
  .faq__title {
    background: url(/dvdlp/img/txt_faq_title.png) 50% 50% no-repeat;
    background-size: contain;
    height: 9.2666666667vw;
    margin: 30px auto 40px auto;
    width: 57vw;
  }
  .faq___list > li {
    margin: 20px 20px 20px 12px;
    position: relative;
  }
  .faq___list > li::before {
    background: #dfe7fe;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: 0 12px 30px 0 rgba(22, 50, 95, 0.1);
    content: "";
    height: calc(100% - 10px);
    margin-left: 15px;
    position: absolute;
    top: 15px;
    width: calc(100% - 15px);
  }
  .faq___q {
    background: #0d2068;
    border-radius: 12px;
    color: #fff;
    font-size: 4.2666666667vw;
    line-height: 1.5;
    margin-right: 15px;
    padding: 12px 20px;
    position: relative;
    z-index: 1;
  }
  .faq___q::after {
    border-color: #0d2068 transparent transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    bottom: -10px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0);
    width: 0;
  }
  .faq___q-text {
    align-items: center;
    display: flex;
  }
  .faq___q-text::before {
    background: url(/dvdlp/img/txt_Q.png) 50% 50% no-repeat;
    background-size: contain;
    content: "";
    display: block;
    flex: 0 0 6.1333333333vw;
    height: 8vw;
    margin-right: 12px;
    width: 6.1333333333vw;
  }
  .faq___a {
    font-size: 3.7333333333vw;
    line-height: 1.5;
    padding: 20px 30px 12px 30px;
    position: relative;
  }
  .faq___a-text {
    align-items: flex-start;
    display: flex;
  }
  .faq___a-text::before {
    background: url(/dvdlp/img/txt_A.png) 50% 50% no-repeat;
    background-size: contain;
    content: "";
    display: block;
    flex: 0 0 6.1333333333vw;
    height: 8vw;
    margin-right: 12px;
    width: 6.1333333333vw;
  }
  /* contact */
  .contact {
    background: #f2f2f2;
    overflow: hidden;
    padding: 30px 0 60px 0;
  }
  .contact input[type="text"],
  .contact input[type="email"] {
    align-items: center;
    background: #f2f2f2;
    border: none;
    border-radius: 4px;
    color: #111;
    display: inline-flex;
    font-size: 16px;
    height: 12.8vw;
    letter-spacing: 0.05em;
    line-height: 1;
    padding: 0;
    padding: 0 14px;
    position: relative;
    width: 100%;
  }
  .contact input[type="text"]:placeholder-shown,
  .contact input[type="email"]:placeholder-shown {
    color: #888;
    line-height: 32px;
    text-transform: uppercase;
  }
  .contact input[type="text"]::-webkit-input-placeholder,
  .contact input[type="email"]::-webkit-input-placeholder {
    color: #888;
    line-height: 32px;
    text-transform: uppercase;
  }
  .contact input[type="text"]:-moz-placeholder,
  .contact input[type="email"]:-moz-placeholder {
    color: #888;
    line-height: 32px;
    opacity: 1;
    text-transform: uppercase;
  }
  .contact input[type="text"]::-moz-placeholder,
  .contact input[type="email"]::-moz-placeholder {
    color: #888;
    line-height: 32px;
    opacity: 1;
    text-transform: uppercase;
  }
  .contact input[type="text"]:-ms-input-placeholder,
  .contact input[type="email"]:-ms-input-placeholder {
    color: #888;
    line-height: 32px;
    text-transform: uppercase;
  }
  .contact select {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background: #f2f2f2;
    border: none;
    border-radius: 4px;
    color: #111;
    display: inline-flex;
    font-size: 16px;
    height: 12.8vw;
    letter-spacing: 0.05em;
    line-height: 1;
    min-width: 42.6666666667vw;
    outline: none;
    padding: 0 14px;
    position: relative;
  }
  .contact select::-ms-expand {
    display: none;
  }
  .contact .custom-select {
    display: inline-flex;
    position: relative;
  }
  .contact .custom-select::after {
    border-bottom: 2px solid #0d2068;
    border-right: 2px solid #0d2068;
    content: "";
    display: block;
    height: 9px;
    margin-top: -1px;
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translate(0, -50%) rotate(45deg);
    width: 9px;
    z-index: 1;
  }
  .contact .custom-select select {
    padding-right: 38px;
  }
  .contact .button,
  .contact button,
  .contact input[type="submit"] {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-image: linear-gradient(-150deg, #396afc 0%, #2b39f3 100%);
    background-image: -ms-linear-gradient(-150deg, #396afc 0%, #2b39f3 100%);
    border: none;
    box-shadow: -6px 10.392px 30px 0 rgba(0, 24, 255, 0.15);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-weight: bold;
    justify-content: center;
    letter-spacing: 0.05em;
    line-height: 1;
    margin: 0 auto;
    outline: none;
    padding: 0;
    position: relative;
    text-align: center;
  }
  .contact .search-address-button {
    border-radius: 12px;
    font-size: 3.7333333333vw;
    height: 12.8vw;
    margin: 0 auto;
    position: relative;
    width: 34.1333333333vw;
  }
  .contact .search-address-button::after {
    border-bottom: 2px solid #0d2068;
    border-right: 2px solid #0d2068;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%) rotate(-45deg);
    width: 9px;
    z-index: 1;
  }
  .contact .submit-button {
    border-radius: 12px;
    height: 16vw;
    margin: 0 auto;
    position: relative;
    width: 64vw;
    margin-top: 16px;
  }
  .contact .submit-button::after {
    border-bottom: 2px solid #0d2068;
    border-right: 2px solid #0d2068;
    content: "";
    display: block;
    height: 14px;
    margin-top: 1px;
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translate(0, -50%) rotate(-45deg);
    width: 14px;
    z-index: 1;
  }
  .contact .submit-button input[type="submit"] {
    border-radius: 12px;
    font-size: 4.2666666667vw;
    height: 16vw;
    width: 64vw;
  }
  .contact .form-group {
    background: #fff;
    padding-bottom: 20px;
  }
  .contact .form-group.first {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding-top: 30px;
  }
  .contact .form-group.last {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    padding-bottom: 30px;
  }
  .contact .form-group__title {
    background: #0d2068;
    border-bottom-right-radius: 12px;
    color: #fff;
    font-size: 4.2666666667vw;
    font-weight: bold;
    letter-spacing: 0.0125em;
    line-height: 2;
    margin-bottom: 30px;
    margin-right: 20px;
    text-align: center;
    text-indent: 20px;
  }
  .contact .form-group__item {
    display: block;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .contact .form-group__item:last-child {
    margin-bottom: 0;
  }
  .contact .form-group__item02 .form-group__item-body {
    align-items: center;
    display: flex;
    font-size: 3.4666666667vw;
    justify-content: space-between;
  }
  .contact .form-group__item02 .form-group__item-body input[type="text"] {
    margin-left: 15px;
    width: 32vw;
  }
  .contact .form-group__item02 .form-group__item-body > div {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .contact .form-group__item04 .form-group__item-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .contact .form-group__item04 .form-group__item-body span {
    display: block;
  }
  .contact .form-group__item04 .form-group__item-body input[type="text"] {
    margin-right: 15px;
    width: 40vw;
  }
  .contact .form-group__item04 .form-group__item-body .wpcf7-not-valid-tip[role="alert"] {
    width: 40vw;
  }
  .contact .form-group__item04 .form-group__item-body .form-group__item-note {
    width: 100%;
  }
  .contact .form-group__item07,
  .contact .form-group__item08,
  .contact .form-group__item09 {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
  }
  .contact .form-group__item07 .form-group__item-label,
  .contact .form-group__item08 .form-group__item-label,
  .contact .form-group__item09 .form-group__item-label {
    line-height: 1.3;
    width: 41.6vw;
  }
  .contact .form-group__item07 .form-group__item-label span,
  .contact .form-group__item08 .form-group__item-label span,
  .contact .form-group__item09 .form-group__item-label span {
    color: #2f55fe;
    display: block;
    font-size: 3.2vw;
    margin-bottom: 4px;
  }
  .contact .form-group__item07 .form-group__item-body,
  .contact .form-group__item08 .form-group__item-body,
  .contact .form-group__item09 .form-group__item-body {
    align-items: flex-end;
    display: flex;
    font-size: 3.2vw;
    justify-content: flex-end;
    width: 38.6666666667vw;
  }
  .contact .form-group__item07 .form-group__item-body select,
  .contact .form-group__item08 .form-group__item-body select,
  .contact .form-group__item09 .form-group__item-body select {
    margin-right: 2vw;
    min-width: 25.3333333333vw;
  }
  .contact .form-group__item-label {
    font-size: 3.4666666667vw;
    letter-spacing: 0.0125em;
    margin-bottom: 10px;
  }
  .contact .form-group__item-label br:not(.sp-only) {
    display: none;
  }
  .contact .form-group__item-body {
    font-size: 3.4666666667vw;
    letter-spacing: 0.0125em;
    margin-bottom: 10px;
  }
  .contact .form-group__item-note {
    color: #666;
    font-size: 3.2vw;
    margin: 8px 2px;
  }
  .contact .form-group__text-wrap {
    background: #efefef;
    color: #111;
    font-size: 2.9333333333vw;
    height: 72vw;
    line-height: 1.5;
    margin: 0 20px;
    overflow-y: scroll;
    padding: 10px;
  }
  .contact .label-required {
    align-items: center;
    background: #ffa627;
    border-radius: 2px;
    color: #fff;
    display: inline-flex;
    font-size: 2.9333333333vw;
    justify-content: center;
    line-height: 1;
    padding: 6px 6px;
  }
  .contact .recaptcha {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 20px 0;
  }
  .contact__inner {
    margin: 0 12px;
  }
  .contact__title {
    background: url(/dvdlp/img/txt_contact_title.png) 50% 50% no-repeat;
    background-size: contain;
    height: 9.3333333333vw;
    margin: 30px auto 40px auto;
    width: 49.0666666667vw;
  }
  .contact__lead {
    color: #111;
    font-size: 3.7333333333vw;
    text-align: center;
  }
  .wpcf7 .screen-reader-response[role="alert"] {
    color: #ff4027;
    font-size: 3.7333333333vw;
    font-weight: bold;
    margin-bottom: 40px;
    margin-top: -2.6666666667vw;
    padding: 0 20px;
    text-align: center;
  }
  .wpcf7 .wpcf7-not-valid-tip[role="alert"] {
    color: #ff4027;
    display: inline-block;
    font-size: 3.2vw;
    font-weight: bold;
    margin-top: 0.6666666667vw;
    vertical-align: top;
  }
  .wpcf7 .custom-select.is-invalid {
    margin-bottom: 4.8vw;
  }
  .wpcf7 .custom-select .wpcf7-not-valid-tip[role="alert"] {
    bottom: -4.8vw;
    left: 0;
    min-width: 300px;
    position: absolute;
  }
  /* footer */
  .footer__copy {
    background: #0d2068;
    color: #fff;
    font-size: 2.6666666667vw;
    letter-spacing: 0.05em;
    line-height: 1.6;
    padding: 15px;
    text-align: center;
  }
  /* modal01 */
  .modal01 {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 12px 30px 0 rgba(43, 97, 187, 0.15);
    margin: 0 auto;
    padding: 40px 20px;
    width: calc(100% - 40px);
  }
  .modal01__inner {
    position: relative;
  }
  .modal01__title {
    background: linear-gradient(90deg, #396afc, #2948ff);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 4.8vw;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
    -webkit-text-fill-color: transparent;
  }
  _:-ms-fullscreen,
  :root .modal01__title {
    background: none;
    color: #396afc;
  }
  .modal01__text {
    color: #111;
    font-size: 3.7333333333vw;
    line-height: 1.5;
    margin-bottom: 30px;
  }
  .modal01__button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-image: linear-gradient(-150deg, #396afc 0%, #2b39f3 100%);
    background-image: -ms-linear-gradient(-150deg, #396afc 0%, #2b39f3 100%);
    border: none;
    border-radius: 12px;
    box-shadow: -6px 10.392px 30px 0 rgba(0, 24, 255, 0.15);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 3.7333333333vw;
    font-weight: bold;
    height: 12.8vw;
    justify-content: center;
    letter-spacing: 0.05em;
    line-height: 1;
    margin: 0 auto;
    outline: none;
    padding: 0;
    position: relative;
    text-align: center;
    width: 78.6666666667vw;
  }
  .modal01__button::after {
    border-bottom: 2px solid #0d2068;
    border-right: 2px solid #0d2068;
    content: "";
    display: block;
    height: 12px;
    margin-top: 1px;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translate(0, -50%) rotate(-45deg);
    width: 12px;
    z-index: 1;
  }
  .lity {
    background: rgba(0, 0, 0, 0.5);
  }
  .lity:not(.lity-youtube) .lity-close,
  .lity:not(.lity-youtube) .lity-close:hover,
  .lity:not(.lity-youtube) .lity-close:focus,
  .lity:not(.lity-youtube) .lity-close:active,
  .lity:not(.lity-youtube) .lity-close:visited {
    -webkit-appearance: none;
    background: url(/dvdlp/img/btn_close.png) 50% 50% no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 11.6vw;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 1.3333333333vw;
    text-align: left;
    text-decoration: none;
    text-indent: 120%;
    top: -5.8666666667vw;
    white-space: nowrap;
    width: 11.6vw;
    z-index: 9994;
  }
}

/* 20211021 badge_soldout */
.section04__list-item-box03 {
  position: relative;
}
.video-thum01_bdg_soldout:before {
  position: absolute;
  content: url(/dvdlp/img/txt_badge_soldout.png);
  width: 160px;
  height: 80px;
  top: -40px;
  left: -150px;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .section04__list-item-box03 {
    position: relative;
  }
  .video-thum01_bdg_soldout:before {
    position: absolute;
    content: url(/dvdlp/img/txt_badge_soldout.png);
    width: 100px;
    height: 80px;
    top: -20px;
    left: 0px;
    z-index: 1;
  }
}

/* 20210416 badge_lowstock */
/* 20211021 badge_lowstock */
.section04__list-item-box03 {
  position: relative;
}
.video-thum02_bdg_lowstock:before {
  position: absolute;
  content: url(/dvdlp/img/txt_badge_lowstock.png);
  width: 160px;
  height: 80px;
  top: -40px;
  left: -150px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .section04__list-item-box03 {
    position: relative;
  }
  .video-thum02_bdg_lowstock:before {
    position: absolute;
    content: url(/dvdlp/img/txt_badge_lowstock.png);
    width: 100px;
    height: 80px;
    top: -20px;
    left: 0px;
    z-index: 1;
  }
}

.contact__lead {
  line-height: 1.6;
}

/* 20230516 フォーム追加修正 */
.dvdlp__companyBody .wpcf7-not-valid-tip,
.dvdlp__nameBody .wpcf7-not-valid-tip,
.dvdlp__emailBody .wpcf7-not-valid-tip,
.dvdlp__zipcodeBody .wpcf7-not-valid-tip,
.dvdlp__prefecturesBody .wpcf7-not-valid-tip,
.dvdlp__addressBody .wpcf7-not-valid-tip {
  color: #ff4027;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 5px;
}

.screen-reader-response {
  /* margin-bottom: 80px; */
}

@media screen and (max-width: 768px) {
  .screen-reader-response {
    margin-bottom: 40px;
  }
}

.screen-reader-response p {
  color: #ff4027;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 64px;
}

@media screen and (max-width: 768px) {
  .screen-reader-response p {
    margin-bottom: 40px;
    text-align: left;
  }
}

/* .prefecturesBody .custom-select {
  position: relative;
} */

.dvdlp__prefecturesBody .custom-select::after {
  right: 16px;
  top: 46%;
}

@media screen and (max-width: 768px) {
  .dvdlp__prefecturesBody .custom-select::after {
    right: 12px;
    top: 45%;
  }
}