:root {--width: 1 / 1440 * 100vw; }
@media (max-width: 780px) { :root { --width: 1 / 580 * 100vw; } }
.pc{display: block;} .sp{display: none;}
@media (max-width: 780px) {.pc{display: none;} .sp{display: block;}}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Noto Sans JP', sans-serif;
}
html,body {
    scroll-behavior: smooth;
}
header,
main,
footer {
    margin: 0 auto;
}
img,svg {
    width: 100%;
    height: auto;
    display: block;
}

header {
    position: absolute;
    top: calc(40 * var(--width));
    left: 0;
    width: 100%;
    z-index: 100;
}
.header-inner {
    padding: 0 calc(26 * var(--width));
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-logo {
    display: block;
    text-decoration: none;
    width: calc(263 * var(--width));
}
.header-logo h1 {
    font-size: calc(24 * var(--width));
    font-weight: 900;
    color: #fff;
    font-family: 'Noto Serif JP', serif;
}
.header-logo h1 img {
    width: 100%;
}
.header-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: calc(100 * var(--width));
}
.header-nav-list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: calc(30 * var(--width));
}
.header-nav-list a {
    font-size: calc(16 * var(--width));
    font-weight: 500;
    color: #fff;
    text-decoration: none;
}
.btn01 {
    font-size: calc(18 * var(--width));
    font-weight: 700;
    color: #000;
    text-decoration: none;
    background: linear-gradient(to right, #FFEE00, #FFBD00);
    width: calc(320 * var(--width));
    height: calc(46 * var(--width));
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: calc(100 * var(--width));
    text-align: center;
}
.btn02 {
    font-size: calc(24 * var(--width));
    font-weight: 700;
    color: #000;
    text-decoration: none;
    background: linear-gradient(to right, #FFEE00, #FFBD00);
    width: calc(476 * var(--width));
    height: calc(80 * var(--width));
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: calc(100 * var(--width));
    text-align: center;
    letter-spacing: 0.05em;
}
.btn03 {
    text-decoration: none;
    background: #06C755;
    width: calc(607 * var(--width));
    height: calc(70 * var(--width));
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: calc(100 * var(--width));
    padding-left: calc(70 * var(--width));
    padding-right: calc(40 * var(--width));
    margin-top: calc(42 * var(--width));
}
.btn03 p {
    font-size: calc(24 * var(--width));
    font-weight: 700;
    color: #fff;
    line-height: 1;
}
.btn03 img {
    width: calc(27 * var(--width));
    height: auto;
}

.fv {
    width: 100%;
}
.fv-inner {
    position: relative;
}
.fv-content {
    position: absolute;
    top: calc(276 * var(--width));
    left: calc(160 * var(--width));
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
}
.fv-content .fv-content-title {
    font-size: calc(48 * var(--width));
    font-weight: 900;
    color: #fff;
    /* background: #000; */
    line-height: 1;
    /* padding: calc(16 * var(--width)) calc(20 * var(--width)); */
    margin-bottom: calc(26 * var(--width));
    width: calc(590 * var(--width));
}
.fv-content .fv-content-title img {
    width: 100%;
}
.fv-content .fv-content-text {
    font-size: calc(18 * var(--width));
    font-weight: 500;
    color: #fff;
    margin-bottom: calc(8 * var(--width));
}
.fv-content .fv-content-price {
    font-size: calc(31 * var(--width));
    font-weight: 700;
    color: #fff;
    margin-bottom: calc(26 * var(--width));
}
.fv-content .fv-content-price span {
    font-size: calc(51 * var(--width));
    font-weight: 700;
    color: #FFEE00;
}

.sec01 {
    width: 100%;
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.sec01::before {
    content: '';
    position: absolute;
    top: calc(-80 * var(--width));
    left: 0;
    width: 100%;
    height: calc(1449 * var(--width));
    background: url(../images/sec01-bg.webp) no-repeat center center / cover;
    z-index: -1;
}
.inner01 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: calc(70 * var(--width)) 0;
}
.title01 {
    font-size: calc(28 * var(--width));
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    padding-bottom: calc(20 * var(--width));
}
hr {
    width: calc(280 * var(--width));
    height: calc(7 * var(--width));
    background: linear-gradient(to right, #FFEE00, #FFBD00);
    border: none;
    opacity: 0.5;
    margin: 0 auto;
}
.sec01-content {
    width: calc(812 * var(--width));
    padding-top: calc(45 * var(--width));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: calc(20 * var(--width));
}
.sec01-content:nth-of-type(2) {
    padding-bottom: calc(100 * var(--width));
}
.sec01-content-img {
    width: 100%;
}
.sec01-content-text {
    width: 100%;
}
.sec01-content-text p {
    font-size: calc(16 * var(--width));
    font-weight: 500;
    color: #fff;
    line-height: 1.8;
}
.text01 {
    font-size: calc(16 * var(--width));
    font-weight: 500;
    color: #fff;
    line-height: 1.8;
    text-align: center;
    padding-top: calc(40 * var(--width));
}
.text01 .yellow {
    color: #FFEE00;
}
.sec01-list {
    width: calc(812 * var(--width));
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: calc(55 * var(--width));
    padding-top: calc(70 * var(--width));
}
.sec01-list-item {
    width: calc(200 * var(--width));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: calc(20 * var(--width));
}
.sec01-list-item-img {
    width: calc(167 * var(--width));
}
.sec01-list-item-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items:center;
    gap: calc(10 * var(--width));
}
.sec01-list-item-text h3 {
    font-size: calc(20 * var(--width));
    font-weight: 700;
    color: #fff;
    border-bottom: 1px solid #FFAF50;
    width: 100%;
    padding-bottom: calc(10 * var(--width));
    text-align: center;
}
.sec01-list-item-text p {
    font-size: calc(16 * var(--width));
    font-weight: 500;
    color: #fff;
    line-height: 1.8;
}
.sec02 {
    width: 100%;
    background: url(../images/sec02-bg.webp) no-repeat center center / cover;
}
.sec02 .inner01 {
    padding: calc(50 * var(--width)) 0;
}
.sec02 .btn01 {
    margin: calc(20 * var(--width)) auto 0;
}
.sec03 {
    width: 100%;
    background: #000;
}
.sec03 .inner01 {
    padding: calc(80 * var(--width)) 0;
}
.sec03-list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: calc(30 * var(--width));
    padding-top: calc(45 * var(--width));
    width: 100%;
}
.sec03-list-item {
    width: calc(330 * var(--width));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: calc(20 * var(--width));
}
.sec03-list-item-img {
    width: 100%;
    height: calc(456 * var(--width));
}
.sec03-list-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.sec03-list-item-text {
    width: calc(270 * var(--width));
    height: calc(300 * var(--width));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    padding: calc(20 * var(--width)) calc(24 * var(--width));
    margin-top: calc(-150 * var(--width));
}
.sec03-list-item-text-title {
    font-size: calc(20 * var(--width));
    font-weight: 700;
    color: #000;
    line-height: 1.5;
    text-align: center;
    padding-bottom: calc(16 * var(--width));
}
.sec03-list-item-text hr {
    width: calc(200 * var(--width));
    height: 1px;
    background: #FFAF50;
    border: none;
    opacity: 1;
}
.sec03-list-item-text-text {
    font-size: calc(16 * var(--width));
    font-weight: 500;
    color: #000;
    line-height: 1.5;
    padding-top: calc(16 * var(--width));
}
.sec04 {
    width: 100%;
    background: #202020;
}
.sec04 .inner01 {
    padding: calc(80 * var(--width)) 0 calc(60 * var(--width));
}
.sec04-list {
    width: calc(812 * var(--width));
    display: flex;
    justify-content: center;
}
.sec04-chart {
    width: calc(978 * var(--width));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: calc(26 * var(--width));
    margin: 0 auto;
    padding: calc(26 * var(--width)) 0 0;
}
.sec04-chart-top {
    width: 100%;
    height: calc(150 * var(--width));
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sec04-chart-top-img {
    width: calc(382 * var(--width));
    height: auto;
}
.sec04-chart-bottom {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: calc(20 * var(--width));
}
.sec04-chart-bottom-item {
    width: calc(310 * var(--width));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: calc(20 * var(--width));
}
.sec04-chart-bottom-item-arrow {
    width: 1px;
    height: calc(60 * var(--width));
    background: #fff;
    position: relative;
}
.sec04-chart-bottom-item-box {
    width: calc(310 * var(--width));
    height: calc(140 * var(--width));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: calc(15 * var(--width));
    background: #000;
    padding: calc(18 * var(--width)) 0 0;
    border: 1px solid #fff;
}
.sec04-chart-bottom-item-box-title {
    font-size: calc(20 * var(--width));
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
    text-align: center;
}
.sec04-chart-bottom-item-box-text {
    font-size: calc(16 * var(--width));
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    text-align: center;
}
.sec05 {
    width: 100%;
    background: #000;
}
.sec05 .inner01 {
    padding: calc(110 * var(--width)) 0;
}
.sec05-01 {
    width: calc(980 * var(--width));
    height: auto;
    margin: calc(40 * var(--width)) auto calc(130 * var(--width));
}
.sec05-contents {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(60 * var(--width));
    padding: calc(70 * var(--width)) 0 0;
    width: 100%;
}
.sec05-contents-img {
    width: calc(400 * var(--width));
    height: auto;
}
.sec05-contents-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: calc(36 * var(--width));
}
.sec05-contents-list-item {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: calc(20 * var(--width));
}
.sec05-contents-list-item-num {
    font-size: calc(40 * var(--width));
    font-weight: 700;
    color: #fff;
    line-height: 1;
    font-family: 'Noto Serif JP', serif;
    border-right: 1px solid #FFBD00;
    width: calc(80 * var(--width));
    display: flex;
    justify-content: flex-start;
    align-items: center;
    vertical-align: middle;
}
.sec05-contents-list-item-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(6 * var(--width));
}
.sec05-contents-list-item-box-title {
    font-size: calc(20 * var(--width));
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
}
.sec05-contents-list-item-box-text {
    font-size: calc(16 * var(--width));
    font-weight: 500;
    color: #fff;
    line-height: 1.6;
    width: calc(440 * var(--width));
}
.sec06 {
    width: 100%;
    background: url(../images/sec06-bg.webp) no-repeat center center / cover;
}
.sec06 .inner01 {
    padding: calc(70 * var(--width)) 0;
}
.sec06-title {
    font-size: calc(28 * var(--width));
}
.sec06-list {
    display: flex;  
    justify-content: center;
    align-items: center;
    gap: calc(25 * var(--width));
    padding-top: calc(90 * var(--width));
    width: 100%;
}
.sec06-list-item {
    width: calc(280 * var(--width));
    height: calc(335 * var(--width));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: calc(15 * var(--width));
    background: #fff;
    padding: calc(70 * var(--width)) calc(25 * var(--width)) 0;
    position: relative;
}
.sec06-list-item-num {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: calc(28 * var(--width));
    font-weight: 700;
    color: #fff;
    line-height: 1;
    font-family: 'Noto Serif JP', serif;
    background: #231815;
    width: calc(83 * var(--width));
    height: calc(83 * var(--width));
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.sec06-list-item-title {
    font-size: calc(23 * var(--width));
    font-weight: 700;
    color: #000;
    line-height: 1.5;
    text-align: center;
}
.sec06-list-item:nth-of-type(1) .sec06-list-item-img {
    width: calc(46 * var(--width));
}
.sec06-list-item:nth-of-type(3) .sec06-list-item-img {
    width: calc(61 * var(--width));
}
.sec06-list-item:nth-of-type(5) .sec06-list-item-img {
    width: calc(97 * var(--width));
}
.sec06-list-item-text {
    font-size: calc(16 * var(--width));
    font-weight: 500;
    color: #000;
    line-height: 1.5;
}
.sec06-list-item-arrow {
    width: calc(20 * var(--width));
}
.sec07 {
    width: 100%;
    background: #000;
}
.sec07 .inner01 {
    padding: calc(70 * var(--width)) 0;
}
.sec07-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(16 * var(--width));
    padding-top: calc(35 * var(--width));
}
.sec07-btns-btn {
    font-size: calc(18 * var(--width));
    font-weight: 700;
    color: #fff;
    line-height: 1;
    text-align: center;
    background: #3C3C3C;
    padding: calc(12 * var(--width)) calc(20 * var(--width));
    border-radius: calc(100 * var(--width));
    cursor: pointer;
}
.sec07-btns-btn.active {
    background: linear-gradient(to right,#007CC3 0%,#0054A7 50%,#3A4A9D 100%);
}
.sec07-contents {
    position: relative;
    width: calc(395 * var(--width));
    height: calc(660 * var(--width));
    margin: calc(70 * var(--width)) auto 0;
    overflow-y: scroll;
    border-radius: calc(30 * var(--width));
}
.sec07-contents-img {
    width: 100%;
    height: auto;
    display: none;
}
.sec07-contents-img.active {
    display: block;
}
.sec07-contents::-webkit-scrollbar {
  width: calc(10 * var(--width));
}
.sec07-contents::-webkit-scrollbar-track {
  background: transparent;
  border-radius: calc(6 * var(--width));
}
.sec07-contents::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: calc(6 * var(--width));
}
.sec08 {
    width: 100%;
    background: #202020;
}
.sec08 .inner01 {
    padding: calc(70 * var(--width)) 0;
}
.sec08-contents {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: calc(50 * var(--width));
    padding-top: calc(70 * var(--width));
}
.sec08-contents-left {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.sec08-contents-left-title {
    font-size: calc(18 * var(--width));
    font-weight: 700;
    color: #000;
    line-height: 1;
    position: relative;
    background: #fff;
    padding: calc(12 * var(--width)) calc(54 * var(--width));
    border-radius: calc(100 * var(--width));
}
.sec08-contents-left-title::before {
    content: '';
    position: absolute;
    bottom: calc(-11 * var(--width));
    left: 50%;
    transform: translateX(-50%);
    width: calc(22 * var(--width));
    height: calc(22 * var(--width));
    background: url(../images/sec08-arrow.webp) no-repeat center center / contain;
    border-radius: 50%;
}
.sec08-contents-left-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(10 * var(--width));
    padding-top: calc(32 * var(--width));
}
.sec08-contents-left-list-item {
    font-size: calc(16 * var(--width));
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    position: relative;
    padding-left: calc(20 * var(--width));
}
.sec08-contents-left-list-item::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: calc(6 * var(--width));
    height: calc(6 * var(--width));
    background: #fff;
    border-radius: 50%;
}
.sec08-contents-left > img {
    width: calc(145 * var(--width));
    height: auto;
    margin: calc(30 * var(--width)) auto 0;
}
.sec08-contents-right {
    width: calc(395 * var(--width));
    height: auto;
}
.sec09 {
    width: 100%;
    background: #000;
}
.sec09 .inner01 {
    padding: calc(70 * var(--width)) 0;
}
.sec09-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(30 * var(--width));
    padding-top: calc(40 * var(--width));
    padding-bottom: calc(50 * var(--width));
}
.sec09-list-item {
    width: calc(282 * var(--width));
    height: calc(262 * var(--width));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(20 * var(--width));
    background: #fff;
    padding: calc(16 * var(--width)) calc(22 * var(--width)) calc(30 * var(--width));
}
.sec09-list-item-num {
    font-size: calc(28 * var(--width));
    font-weight: 700;
    color: #000;
    line-height: 1;
    font-family: 'Noto Serif JP', serif;
}
.sec09-list-item-title {
    font-size: calc(23 * var(--width));
    font-weight: 700;
    color: #000;
    line-height: 1.5;
}
.sec09-list-item-text {
    font-size: calc(16 * var(--width));
    font-weight: 500;
    color: #000;
    line-height: 1.5;
    margin-top: auto;
}
.sec09-list-item-arrow {
    width: calc(20 * var(--width));
}
.sec10 {
    width: 100%;
    background: url(../images/sec10-bg.webp) no-repeat center center / cover;
}
.sec10 .inner01 {
    padding: calc(70 * var(--width)) 0 calc(40 * var(--width));
}
.sec10-contents {
    width: calc(980 * var(--width));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: calc(20 * var(--width));
    background: #fff;
    margin-top: calc(30 * var(--width));
    padding-top: calc(40 * var(--width));
    padding-bottom: calc(40 * var(--width));
}
.sec10-contents-title {
    font-size: calc(24 * var(--width));
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    background: linear-gradient(90deg, #007CC3 0%, #0054A7 50%, #3A4A9D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sec10-contents-text {
    font-size: calc(16 * var(--width));
    font-weight: 500;
    color: #000;
    line-height: 1.5;
    text-align: center;
}
.sec10-contents hr {
    width: calc(780 * var(--width));
    height: calc(1 * var(--width));
    background: #E0E0E0;
    margin: calc(10 * var(--width)) auto;
}
.sec10-contents-list {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(100 * var(--width));
}
.sec10-contents-list-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.sec10-contents-list-item-title {
    font-size: calc(18 * var(--width));
    font-weight: 700;
    color: #000;
    line-height: 1;
}
.sec10-contents-list-item-num {
    font-size: calc(21 * var(--width));
    font-weight: 700;
    color: #0049C3;
    line-height: 1;
    font-family: 'Noto Serif JP', serif;
}
.sec10-contents-list-item-num span {
    font-size: calc(56 * var(--width));
    font-weight: 700;
    color: #0049C3;
    line-height: 1;
    font-family: 'Noto Serif JP', serif;
}
.sec11 {
    width: 100%;
    background: #000;
}
.sec11 .inner01 {
    padding: calc(70 * var(--width)) 0;
}
.sec11-list {
    flex-wrap: wrap;
    max-width: calc(980 * var(--width));
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: calc(30 * var(--width));
    padding-top: calc(45 * var(--width));
    width: 100%;
    margin-bottom: calc(60 * var(--width));
}
.sec11-list-item {
    width: calc(376 * var(--width));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: calc(20 * var(--width));
}
.sec11-list-item-img {
    width: 100%;
    height: calc(456 * var(--width));
}
.sec11-list-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.sec11-list-item-text {
    width: calc(320 * var(--width));
    height: calc(250 * var(--width));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    padding: calc(20 * var(--width)) calc(32 * var(--width));
    margin-top: calc(-150 * var(--width));
}
.sec11-list-item:nth-of-type(3) .sec11-list-item-text  {
    width: calc(340 * var(--width));
    padding: calc(20 * var(--width)) calc(40 * var(--width));
}
.sec11-list-item:nth-of-type(3) .sec11-list-item-text ,
.sec11-list-item:nth-of-type(4) .sec11-list-item-text {
    height: calc(280 * var(--width));
}
.sec11-list-item-text-title {
    font-size: calc(20 * var(--width));
    font-weight: 700;
    color: #000;
    line-height: 1.5;
    text-align: center;
    padding-bottom: calc(16 * var(--width));
    white-space: nowrap;
}
.sec11-list-item-text hr {
    width: calc(200 * var(--width));
    height: 1px;
    background: #FFAF50;
    border: none;
    opacity: 1;
}
.sec11-list-item-text-text {
    font-size: calc(16 * var(--width));
    font-weight: 500;
    color: #000;
    line-height: 1.8;
    padding-top: calc(16 * var(--width));
}
.sec11-list02 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: calc(24 * var(--width));
    padding-top: calc(45 * var(--width));
    width: calc(980 * var(--width));
    margin-bottom: calc(90 * var(--width));
}
.sec11-list02-item {
    width: calc(310 * var(--width));
    height: calc(350 * var(--width));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #202020;
}
.sec11-list02-item-num {
    position: absolute;
    top: calc(12 * var(--width));
    left: calc(18 * var(--width));
    font-size: calc(28 * var(--width));
    font-weight: 700;
    color: #fff;
    line-height: 1;
    font-family: 'Noto Serif JP', serif;
}
.sec11-list02-item-img {
    margin-bottom: calc(20 * var(--width));
}
.sec11-list02-item:nth-of-type(1) .sec11-list02-item-img {
    width: calc(107 * var(--width));
}
.sec11-list02-item:nth-of-type(2) .sec11-list02-item-img {
    width: calc(121 * var(--width));
}
.sec11-list02-item:nth-of-type(3) .sec11-list02-item-img {
    width: calc(112 * var(--width));
}
.sec11-list02-item:nth-of-type(4) .sec11-list02-item-img {
    width: calc(128 * var(--width));
}
.sec11-list02-item:nth-of-type(5) .sec11-list02-item-img {
    width: calc(128 * var(--width));
}
.sec11-list02-item:nth-of-type(6) .sec11-list02-item-img {
    width: calc(106 * var(--width));
}
.sec11-list02-item-title {
    font-size: calc(20 * var(--width));
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    padding-bottom: calc(12 * var(--width));
}
.sec11-list02-item hr {
    width: calc(240 * var(--width));
    height: 1px;
    background: #FFAF50;
    border: none;
    opacity: 1;
    margin-bottom: calc(12 * var(--width));
}
.sec11-list02-item-text {
    font-size: calc(16 * var(--width));
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    width: calc(240 * var(--width));
}
.sec11-contents {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: calc(980 * var(--width));
    margin-top: calc(50 * var(--width));
    margin-bottom: calc(50 * var(--width));
    background: #fff;
    gap: calc(90 * var(--width));
    padding: calc(40 * var(--width)) 0 calc(40 * var(--width)) calc(70 * var(--width));
}
.sec11-contents-left {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.sec11-contents-left-price {
    font-size: calc(38 * var(--width));
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(to right, #007CC3 0%, #0054A7 50%, #3A4A9D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sec11-contents-left-price span {
    font-size: calc(16 * var(--width));
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(to right, #007CC3 0%, #0054A7 50%, #3A4A9D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sec11-contents-right {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(15 * var(--width));
    width: calc(600 * var(--width));
}
.sec11-contents-right-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: calc(260 * var(--width));
    gap: calc(6 * var(--width));
}
.sec11-contents-right-item img {
    width: calc(20 * var(--width));
}
.sec11-contents-right-item-text {
    font-size: calc(16 * var(--width));
    font-weight: 700;
    color: #000;
    line-height: 1;
}
.sec12 {
    width: 100%;
    background: url(../images/sec12-bg.webp) no-repeat center center / cover;
}
.sec12 .inner01 {
    padding: calc(70 * var(--width)) 0;
}
.sec12-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(30 * var(--width));
    width: 100%;
    padding-top: calc(90 * var(--width));
}
.sec12-list-item {
    width: calc(312 * var(--width));
    height: calc(640 * var(--width));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    background: #fff;
}
.sec12-list-item-img {
    width: calc(88 * var(--width));
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.sec12-list-item-title {
    width: 100%;
    height: calc(184 * var(--width));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background: #000;
    padding-top: calc(60 * var(--width));
    padding: calc(60 * var(--width)) calc(20 * var(--width)) 0;
}
.sec12-list-item-title-text {
    font-size: calc(14 * var(--width));
    font-weight: 500;
    text-align: center;
    color: #B1B1B1;
    margin-bottom: calc(12 * var(--width));
}
.sec12-list-item-title-title {
    font-size: calc(22 * var(--width));
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
    width: 100%;
}
.sec12-list-item-text {
    width: 100%;
    height: calc(453 * var(--width));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    padding: calc(20 * var(--width)) calc(25 * var(--width));
}
.sec12-list-item-text-before {
    font-size: calc(14 * var(--width));
    font-weight: 700;
    color: #000;
    line-height: 1.5;
    text-align: center;
    width: 100%;
    padding: calc(2 * var(--width)) 0;
    border: 1px solid #000;
    margin-bottom: calc(8 * var(--width));
}
.sec12-list-item-text-before-text {
    font-size: calc(16 * var(--width));
    font-weight: 500;
    color: #000;
    line-height: 1.5;
}
.sec12-list-item-arrow {
    width: calc(24 * var(--width));
    margin: calc(16 * var(--width)) auto;
}
.sec12-list-item-text-after {
    font-size: calc(14 * var(--width));
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    width: 100%;
    padding: calc(2 * var(--width)) 0;
    background: linear-gradient(to right, #007CC3 0%, #0054A7 50%, #3A4A9D 100%);
    margin-bottom: calc(8 * var(--width));
}
.sec12-list-item-text-after-text {
    font-size: calc(16 * var(--width));
    font-weight: 500;
    color: #000;
    line-height: 1.5;
}
.sec13 {
    width: 100%;
    background: #000;
}
.sec13 .inner01 {
    padding: calc(70 * var(--width)) 0;
}
.sec13-list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: calc(980 * var(--width));
    padding-top: calc(40 * var(--width));
}
.sec13-list-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    padding: calc(24 * var(--width)) calc(32 * var(--width));
    width: 100%;
    border-bottom: 1px solid #D8E9F5;
}
.sec13-list-item-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(10 * var(--width));
    width: 100%;
    position: relative;
    cursor: pointer;
}
.sec13-list-item-title-q {
    font-size: calc(32 * var(--width));
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
}
.sec13-list-item-title-text {
    font-size: calc(18 * var(--width));
    font-weight: 600;
    color: #fff;
    line-height: 1.5;
    width: 100%;
}
.sec13-list-item-title-btn {
    width: calc(32 * var(--width));
    height: calc(32 * var(--width));
    position: absolute;
    right: 0;
    top: calc(8 * var(--width));
}
.sec13-list-item-title-btn::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(18 * var(--width));
    height: 2px;
    background: #fff;
}
.sec13-list-item-title-btn::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    width: calc(18 * var(--width));
    height: 2px;
    background: #fff;
    transition: transform 0.3s ease-in-out;
}
.sec13-list-item.open .sec13-list-item-title-btn::after {
    transform: translate(-50%, -50%) rotate(0deg);
}
.sec13-list-item-text {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}
.sec13-list-item.open .sec13-list-item-text {
    max-height: calc(200 * var(--width));
}
.sec13-list-item-text p {
    font-size: calc(16 * var(--width));
    font-weight: 300;
    color: #fff;
    line-height: 1.8;
    width: 100%;
    padding-top: calc(18 * var(--width));
}
.sec14 {
    width: 100%;
    background: url(../images/sec14-bg.webp) no-repeat center center / cover;
}
.sec14 .inner01 {
    padding: calc(70 * var(--width)) 0;
}
.sec14-title {
    font-size: calc(48 * var(--width));
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
    text-align: center;
}
.sec14-text {
    font-size: calc(18 * var(--width));
    padding: 0 0 calc(50 * var(--width));
    letter-spacing: 0.05em;
}
.sec15 {
    width: 100%;
    background: #000;
    padding: calc(70 * var(--width)) 0;
}
.sec15 .inner01 {
    padding: calc(60 * var(--width)) 0;
    background: #fff;
    width: calc(980 * var(--width));
    margin: 0 auto;
}
.sec15-title {
    color: #000;
}
.sec15-title .green {
    color: #06C755;
}
.sec15-text {
    color: #000;
}
footer {
    width: 100%;
    background: #fff;
    padding: calc(40 * var(--width)) 0;
}
.footer-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.footer-inner-logo {
    width: calc(380 * var(--width));
    cursor: pointer;
}
.footer-inner-nav {
    display: flex;
    gap: calc(30 * var(--width));
    padding-top: calc(40 * var(--width));
}
.footer-inner-nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(6 * var(--width));
    text-decoration: none;
}
.footer-inner-nav-item-text {
    font-size: calc(14 * var(--width));
    font-weight: 500;
    color: #000;
}
.footer-inner-nav-item-icon {
    width: calc(16 * var(--width));
}
.footer-inner-other {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(30 * var(--width));
    width: 100%;
    padding-top: calc(40 * var(--width));
}
.footer-inner-other-img {
    width: calc(86 * var(--width));
}
.footer-inner-other-img.footer-inner-other-img_dx {
    width: calc(230 * var(--width));
}
.copyright {
    padding-top: calc(30 * var(--width));
    font-size: calc(12 * var(--width));
    font-weight: 500;
    color: #000;
    text-align: center;
}

@media screen and (max-width: 768px) {
    header {
        top: calc(25 * var(--width));
    }
    .header-inner {
        padding: 0 calc(16 * var(--width));
    }
    .header-logo {
        width: calc(180 * var(--width));
    }
    .header-logo h1 {
        font-size: calc(14 * var(--width));
    }
    .header-nav-list {
        display: none;
    }
    .fv-bg {
        /* height: calc(800 * var(--width)); */
        height: calc(560 * var(--width));
    }
    .fv-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .fv-content {
        /* top: calc(120 * var(--width)); */
        top: calc(175 * var(--width));
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
    }
    .fv-content .fv-content-title {
        font-size: calc(40 * var(--width));
        width: 100%;
    }
    .btn03 {
        width: 100%;
    }
    .text01 {
        width: 94%;
    }
    .sec01-content {
        width: 96%;
    }
    .sec01-list {
        width: 100%;
    }
    .sec03-list {
        flex-wrap: wrap;
    }
    .sec04-chart {
        width: 100%;
    }
    .sec04-chart-bottom-item {
        width: 30%;
    }
    .sec04-chart-bottom-item-box {
        width: 100%;
    }
    .sec04-chart-bottom-item-box-title {
        font-size: calc(16 * var(--width));
    }
    .sec04-chart-bottom-item-box-text {
        font-size: calc(14 * var(--width));
        padding: 0 calc(10 * var(--width));
    }
    .sec05-01 {
        width: 100%;
    }
    .sec05-contents {
        flex-direction: column;
    }
    .sec06-list {
        flex-direction: column;
    }
    .sec06-list-item-arrow {
        margin-bottom: calc(40 * var(--width));
    }
    .sec06-list-item-arrow img {
        transform: rotate(90deg);
    }
    .sec07-btns {
        flex-wrap: wrap;
    }
    .sec08-contents {
        flex-direction: column;
        align-items: center;
    }
    .sec09-list {
        gap: calc(10 * var(--width));
        flex-direction: column;
    }
    .sec09-list-item {
        width: 80%;
        gap: calc(10 * var(--width));
        height: auto;
    }
    .sec09-list-item-arrow img {
        transform: rotate(90deg);
    }
    .sec10-contents {
        width: 100%;
    }
    .sec10-contents hr {
        width: 90%;
    }
    .sec11-contents {
        padding-left: 0;
        gap: calc(20 * var(--width));
        flex-direction: column;
        width: 100%;
    }
    .sec11-contents-right {
        width: 95%;
    }
    .sec11-list {
        width: 100%;
        flex-wrap: wrap;
    }
    .sec11-list02 {
        width: 96%;
        gap: 2vw 2%;
    }
    .sec11-list02-item {
        width: 49%;
    }
    .sec12-list {
        flex-wrap: wrap;
        width: 98%;
        gap: calc(80 * var(--width)) 2%;
    }
    .sec12-list-item {
        width: 49%;
        height: auto;
    }
    .sec12-list-item-text {
        height: calc(480 * var(--width));
    }
    .sec13-list {
        width: 100%;
    }
    .sec14-title {
        font-size: calc(40 * var(--width));
    }
    .sec15 .inner01 {
        width: 90%;
        padding-left: calc(50 * var(--width));
        padding-right: calc(50 * var(--width));
    }
    .footer-inner-other {
        flex-wrap: wrap;
    }
    .footer-inner-other-img {
        width: calc(100 * var(--width));
    }
    .footer-inner-other-img.footer-inner-other-img_dx {
        width: calc(250 * var(--width));
    }
}