/*========================================================================== 
  lp
========================================================================== */ 
:root{
  --black-color: #000;
  --lp-color-500: #00A6C8;
  --lp-color-300: #31BFDC;
  --lp-color-200: #63CDE2;
  --lp-color-100: #9AD8E5;
  --lp-color-10: #EEF2F3;
  
}
body{
  color: var(--black-color);
}
.wi2{
  --service-color: var(--lp-color-500);
}
@media all and (min-width: 768px){
  html {
    font-size: calc(16 / 1800 * 100vw);
  }
  .l-header{
    padding-top: calc(126 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px){
  html {
    font-size: calc(16 / 414 * 100vw);
  }
  body{
    letter-spacing: 0;
  }
  .l-header{
    padding-top: calc(82 / var(--font-size) * 1rem);
  }
}
/* lp common */
@media all and (min-width: 768px), print{
  .l-main-container__inner:before{
    content: none;
  }
  .l-main-container__deco > span{
    content: none;
    display: none;
  }
  .lp__inner {
    position: relative;
    overflow-x: hidden;
  }
  .lp-sec{
    padding-block: calc(64 / var(--font-size) * 1rem);
  }
  .lp-sec:nth-of-type(2n){
    background-color: var(--lp-color-10);
  }
  .lp-sec__inner {
    max-width: calc(1178.5 / var(--font-size) * 1rem);
    padding-inline: calc(93.5 / var(--font-size)* 1rem);
    margin-inline: auto;
  }
  .lp-sec__head{
    margin-bottom: calc(51 / var(--font-size) * 1rem);
  }
  .lp-sec__body{}
  .lp-sec__content{}
  .lp-sec__content + .lp-sec__content {
    margin-top: calc(64 / var(--font-size) * 1rem);
  }
  .lp-sec__group + .lp-sec__group {
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  .lp-sec__unit + .lp-sec__unit {
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .lp-content-lead{
    font-size: calc(15 / var(--font-size) * 1rem);
    font-weight: 500;
    line-height: 1.8;
  }
  .lp-content-lead > * + * {
    margin-top: calc(14 / var(--font-size) * 1rem);
  }
  .lp-content-lead__label{}
  .txt-note{
    display: block;
    text-indent: -1rem;
    padding-left: 1rem;
  }
  .txt-small.txt-note{
    font-size: calc(13 / var(--font-size) * 1rem);
  }
  .txt-note::before{
    content: "※";
    margin-right: 0.1em;
  }
  .u-bold{
    font-weight: 700;
  }
  .lp-content-list{}
  .lp-content-list-item{
    text-indent: -1.2rem;
    padding-left: 1rem;
  }
  .lp-content-list-item::before{
    content: "・";
  }
  .lp-text{
    font-size: calc(15 / var(--font-size) * 1rem);
    font-weight: 500;
    line-height: 1.72;
  }
}
@media all and (max-width: 767px), print{
  .l-main-container__inner:before{
    content: none;
  }
  .l-main-container__deco > span{
    content: none;
    display: none;
  }
  .lp__inner {
    position: relative;
    overflow-x: hidden;
  }
  .lp-sec{
    padding-block: calc(40 / var(--font-size) * 1rem);
  }
  .lp-sec:nth-of-type(2n){
    background-color: var(--lp-color-10);
  }
  .lp-sec__inner {
    padding-inline: calc(20 / var(--font-size) * 1rem);
    margin: auto;
  }
  .lp-sec__head{
    margin-bottom: calc(29 / var(--font-size) * 1rem);
  }
  .lp-sec__body{}
  .lp-sec__content{}
  .lp-sec__content + .lp-sec__content {
    margin-top: calc(64 / var(--font-size) * 1rem);
  }
  .lp-sec__group + .lp-sec__group {
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  .lp-sec__unit + .lp-sec__unit {
    margin-top: calc(28 / var(--font-size) * 1rem);
  }
  .lp-content-lead{
    font-size: calc(15 / var(--font-size) * 1rem);
    font-weight: 400;
    line-height: 1.8;
  }
  .lp-content-lead > * + * {
    margin-top: calc(10 / var(--font-size) * 1rem);
  }
  .lp-content-lead__label{}
  .txt-note{
    display: block;
  }
  .txt-small.txt-note{
    font-size: calc(12 / var(--font-size) * 1rem);
    letter-spacing: 0;
    line-height: 1.8;
  }
  .txt-note::before{
    content: "※";
    margin-right: 0.1em;
  }
  .u-bold{
    font-weight: 700;
  }
  .lp-content-list{}
  .lp-content-list-item{
    text-indent: -1.2rem;
    padding-left: 1rem;
  }
  .lp-content-list-item::before{
    content: "・";
  }
  .lp-text{
    font-size: calc(15 / var(--font-size) * 1rem);
    font-weight: 500;
    line-height: 1.72;
  }
}
/* heading */
@media all and (min-width: 768px), print{
  .lp-heading{
    display: block;
    position: relative;
    font-weight: bold;
    line-height: 1.5;
    color: var(--service-color);
    font-size: calc(40 / var(--font-size) * 1rem);
  }
  /* heading lv1 */
  .lp-heading-lv1{
    color: var(--service-color);
  }
  .lp-heading-lv1 .lp-heading__label{
    line-height: 1.5;
  }
  .lp-heading-lv1 .lp-heading__label > span.u-hide-pc{
    display: none;
  }
  /* heading lv2 */
  .lp-heading-lv2{
    text-align: center;
    color: var(--service-color);
  }
  /* sec heading */
  .lp-sec-heading{
    display: block;
    font-weight: bold;
    line-height: 1.5;
    font-size: calc(32.4 / var(--font-size)* 1rem);
    text-align: center;
    color: var(--service-color);
    letter-spacing: 0;
  }
  .lp-sec-heading__label{
    display: inline-block;
  }
}
@media all and (max-width: 767px), print{
  .lp-heading{
    display: block;
    position: relative;
    font-weight: bold;
    line-height: 1.5;
    color: var(--service-color);
    font-size: calc(24.83 / var(--font-size) * 1rem);
  }
  /* heading lv1 */
  .lp-heading-lv1{
    font-size: calc(30 / var(--font-size) * 1rem);
  }
  .lp-heading-lv1 .lp-heading__label{}
  .lp-heading-lv1 .lp-heading__label > span.u-hide-sp{
    display: none;
  }
  /* heading lv2 */
  .lp-heading-lv2{
    text-align: center;
    color: var(--service-color);
  }
  /* sec heading */
  .lp-sec-heading{
    display: block;
    position: relative;
    font-weight: bold;
    line-height: 1.5;
    font-size: calc(26 / var(--font-size)* 1rem);
    text-align: center;
    color: var(--service-color);
    letter-spacing: 0;
    font-feature-settings: "palt";
  }
}
/* mv */
@media all and (min-width: 768px), print {
  .lp-mv{
    position: relative;
    border-color: var(--white-color);
    padding-bottom: calc(15 / var(--font-size) * 1rem);
  }
  .lp-mv::before{
    content: "";
    position: absolute;
    bottom: calc(15 / var(--font-size) * 1rem);
    right: 0;
    width: 100vw;
    background-image: url(/assets/images/lp_wi2/bg_mv.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: calc(50% + calc(230 / var(--font-size) * 1rem)) bottom;
    aspect-ratio: 1366 / 347;

    z-index: -1;
  }
  .lp-mv__inner{
    padding-block: calc(76 / var(--font-size) * 1rem) calc(28 / var(--font-size) * 1rem);
    max-width: calc(1178.5 / var(--font-size) * 1rem);
    padding-inline: calc(93.5 / var(--font-size)* 1rem);
    margin-inline: auto;
  }
  .lp-mv__body{}
  .lp-mv-logo{
    width: 100%;
    max-width: calc(350 / var(--font-size) * 1rem);
    margin-bottom: calc(20.5 / var(--font-size)* 1rem);
  }
  .lp-mv-logo__in{
    position: relative;
  }
  .lp-mv-logo-point{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    padding: calc(8 / var(--font-size) * 1rem);
    border: calc(2 / var(--font-size) * 1rem) var(--service-color) solid;
    background-color: var(--white-color);
  }
  .lp-mv-logo-img{}
  .lp-mv-logo-img img{
    max-width: calc(168 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .lp-mv-logo-title{
    padding-block: calc(35 / var(--font-size) * 1rem) calc(21 / var(--font-size) * 1rem);
    padding-inline: calc(21 / var(--font-size) * 1rem);
    background-color: var(--service-color);
    text-align: center;
  }
  .lp-mv-logo-title__label{
    color: var(--white-color);
    font-size: calc(29 / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: calc(20 / var(--font-size) * 1rem);
  }
  .lp-mv-content__body{}
  .lp-mv-heading {}
  .lp-heading small {
    font-size: calc(24 / var(--font-size) * 1rem);
    line-height: calc(46 / var(--font-size) * 1rem);
  }
  .lp-mv-heading .lp-heading__label{}
  .lp-heading-btn{
    margin-top: calc(8.5 / var(--font-size) * 1rem);
    max-width: calc(264 / var(--font-size) * 1rem);
  }
  .lp-heading-btn .c-btn {
    --btn-txt-font-size: 17;
    --btn-min-height: 64;
  }
  .lp-mv-img{
    position: absolute;
    bottom: calc(15 / var(--font-size) * 1rem);
    left: calc(50% + calc(20 / var(--font-size) * 1rem));
    transform: translateX(-50%);
  }
  .lp-mv-img img{
    max-width: calc(278 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px), print {
 .lp-mv{
    position: relative;
    padding-bottom: calc(34 / var(--font-size) * 1rem);
  }
  .lp-mv::before{
    content: "";
    position: absolute;
    bottom: calc(120 / var(--font-size) * 1rem);
    left: 0;
    width: calc(510 / var(--font-size) * 1rem);
    background-image: url(/assets/images/lp_wi2/bg_mv_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 460/275;

    z-index: -1;
  }
  .lp-mv__inner{
    padding-block: calc(28 / var(--font-size) * 1rem) 0;
    padding-inline: calc(20 / var(--font-size)* 1rem);
  }
  .lp-mv__body{}
  .lp-mv-logo{
    width: calc(298 / var(--font-size) * 1rem);
    margin-inline: auto;
    margin-bottom: calc(20.5 / var(--font-size)* 1rem);
  }
  .lp-mv-logo__in{
    position: relative;
  }
  .lp-mv-logo-point{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    padding: calc(8 / var(--font-size) * 1rem);
    border: calc(2 / var(--font-size) * 1rem) var(--service-color) solid;
    background-color: var(--white-color);
  }
  .lp-mv-logo-img{}
  .lp-mv-logo-img img{
    max-width: calc(142 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .lp-mv-logo-title{
    padding-block: calc(29 / var(--font-size) * 1rem) calc(18 / var(--font-size) * 1rem);
    padding-inline: calc(17 / var(--font-size) * 1rem);
    background-color: var(--service-color);
    text-align: center;
  }
  .lp-mv-logo-title__label{
    color: var(--white-color);
    font-size: calc(25 / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: calc(17 / var(--font-size) * 1rem);
  }
  .lp-mv-content__body{}
  .lp-mv-heading {}
  .lp-heading small {
    font-size: calc(24 / var(--font-size) * 1rem);
    line-height: calc(46 / var(--font-size) * 1rem);
  }
  .lp-mv-heading .lp-heading__label{
    font-size: calc(30 / 375 * 100vw);
  }
  .lp-heading-btn{
    padding-top: calc(270 / var(--font-size) * 1rem);
    margin-inline: auto;
    max-width: calc(264 / var(--font-size) * 1rem);
  }
  .lp-heading-btn .c-btn {
    --btn-txt-font-size: 17;
    --btn-min-height: 64;
  }
  .lp-mv-img{
    position: absolute;
    left: calc(32 / var(--font-size) * 1rem);
    bottom: calc(118 / var(--font-size) * 1rem);
    max-width: calc(145 / var(--font-size) * 1rem);
  }
  .lp-mv-img img{}
}

/* feature */
@media all and (min-width: 768px), print {
  .lp-feature{
    padding-bottom: calc(58 / var(--font-size) * 1rem);
  }
  .lp-feature__content__group{
    background-image: url('/assets/images/lp_wi2/img_feature.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
  }
  .lp-feature-lead{
    font-size: calc(18 / var(--font-size) * 1rem);
    line-height: 1.8;
    font-weight: 400;
  }
  .lp-feature__content__block + .lp-feature__content__block{
    margin-top: calc(42 / var(--font-size) * 1rem);
  }
  
  /* PROGRESS */
  .lp-feature-process__in{
    background-color: var(--white-color);
    padding-block: calc(32 / var(--font-size) * 1rem) calc(19 / var(--font-size) * 1rem);
    padding-inline: calc(54 / var(--font-size) * 1rem);
  }
  .lp-process{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: calc(14 / var(--font-size) * 1rem);
  }
  .lp-process-item{}
  .lp-process-item__in{
    height: 100%;
    display: grid;
    grid-template-rows: calc(68 / var(--font-size) * 1rem) 1fr;
  }
  .lp-process-head{
    --progress-head-bg-color: var(--lp-color-200);
    background-color: var(--progress-head-bg-color);
    padding-block: calc(20 / var(--font-size) * 1rem) calc(22 / var(--font-size) * 1rem);
    flex-grow: 0;
  }
  .lp-process-item:nth-child(2) .lp-process-head{
    --progress-head-bg-color: var(--lp-color-300);
  }
  .lp-process-item:nth-child(3) .lp-process-head{
    --progress-head-bg-color: var(--lp-color-500);
  }
  .lp-process-item:not(:last-child) .lp-process-head{
    clip-path: polygon(92% 0, 100% 50%, 92% 100%, 0 100%, 0 0);
  }
  .lp-process-head__label{
    text-align: center;
    font-weight: 700;
    color: var(--white-color);
    font-size: calc(20 / var(--font-size) * 1rem);
    line-height: 1.5;
    letter-spacing: 0.0425em;
  }
  .lp-process-body{
    margin-top: calc(20 / var(--font-size) * 1rem);
    display: flex;
    flex-direction: column;
  }
  .lp-process-item:nth-child(1) .lp-process-body{
    gap: calc(23 / var(--font-size) * 1rem);
  }
  .lp-process-item:nth-child(2) .lp-process-body{
    gap: calc(7 / var(--font-size) * 1rem);
  }
  .lp-process-item:nth-child(3) .lp-process-body{
    gap: calc(24 / var(--font-size) * 1rem);
  }
  .lp-process-lead{}
  .lp-process-lead__heading{
    margin-bottom: calc(6 / var(--font-size) * 1rem);
  }
  .lp-process-lead__heading__label{
    font-size: calc(18 / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.0472em;
  }
  .lp-process-lead__label{
    font-size: calc(14 / var(--font-size) * 1rem);
    line-height: 1.6;
    letter-spacing: 0;
  }
  .lp-process-img{
    margin-inline: auto;
  }
  .lp-process-item:nth-child(1) .lp-process-img{
    max-width: calc(199 / var(--font-size) * 1rem);
  }
  .lp-process-item:nth-child(3) .lp-process-img{
    max-width: calc(187 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px), print {
   .lp-feature{}
  .lp-feature__content__group{
    padding-bottom: calc(262 / var(--font-size) * 1rem);
    background-image: url('/assets/images/lp_wi2/img_feature.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  .lp-feature-lead{
    font-size: calc(16 / var(--font-size) * 1rem);
    line-height: 1.8;
    font-weight: 400;
  }
  .lp-feature__content__block + .lp-feature__content__block{
    margin-top: calc(42 / var(--font-size) * 1rem);
  }
  
  /* PROGRESS */
  .lp-feature-process__in{}
  .lp-process{}
  .lp-process-item{}
  .lp-process-item + .lp-process-item{
    position: relative;
    margin-top: calc(22 / var(--font-size) * 1rem);
    padding-top: calc(22 / var(--font-size) * 1rem);
  }
  .lp-process-item + .lp-process-item::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--lp-color-200);
    width: calc(68 / var(--font-size) * 1rem);
    height: calc(28 / var(--font-size) * 1rem);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
  }
  .lp-process-item__in{
    display: grid;
    grid-template-rows: calc(52 / var(--font-size) * 1rem) 1fr;
    background-color: var(--white-color);
    padding-block: calc(20 / var(--font-size) * 1rem);
    padding-inline: calc(17 / var(--font-size) * 1rem);
  }
  .lp-process-head{
    --progress-head-bg-color: var(--lp-color-200);
    background-color: var(--progress-head-bg-color);
    padding-block: calc(13 / var(--font-size) * 1rem) calc(12 / var(--font-size) * 1rem);
  }
  .lp-process-item:nth-child(2) .lp-process-head{
    --progress-head-bg-color: var(--lp-color-300);
  }
  .lp-process-item:nth-child(3) .lp-process-head{
    --progress-head-bg-color: var(--lp-color-500);
  }
  .lp-process-head__label{
    text-align: center;
    font-weight: 700;
    color: var(--white-color);
    font-size: calc(20 / var(--font-size) * 1rem);
    line-height: 1.5;
    letter-spacing: 0.0425em;
  }
  .lp-process-body{
    margin-top: calc(20 / var(--font-size) * 1rem);
    display: flex;
    flex-direction: column;
  }
  .lp-process-item:nth-child(1) .lp-process-body{
    gap: calc(9 / var(--font-size) * 1rem);
  }
  .lp-process-item:nth-child(2) .lp-process-body{
    gap: calc(7 / var(--font-size) * 1rem);
  }
  .lp-process-item:nth-child(3) .lp-process-body{
    gap: calc(10 / var(--font-size) * 1rem);
  }
  .lp-process-lead{}
  .lp-process-lead__heading{
    margin-bottom: calc(6 / var(--font-size) * 1rem);
  }
  .lp-process-lead__heading__label{
    font-size: calc(18 / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.0472em;
  }
  .lp-process-lead__label{
    font-size: calc(14 / var(--font-size) * 1rem);
    line-height: 1.6;
    letter-spacing: 0;
  }
  .lp-process-img{
    margin-inline: auto;
  }
  .lp-process-item:nth-child(1) .lp-process-img{
    max-width: calc(199 / var(--font-size) * 1rem);
  }
  .lp-process-item:nth-child(3) .lp-process-img{
    max-width: calc(187 / var(--font-size) * 1rem);
  }
}

/* merit */
@media all and (min-width: 768px), print {
  .merit-list-item__in{
    display: flex;
    gap: calc(42 / var(--font-size) * 1rem);
  }
  .merit-list-item:nth-child(2n) .merit-list-item__in{
    flex-direction: row-reverse;
  }
  .merit-list-item__content{
    flex-basis: calc(509 / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  .merit-list-item:nth-child(1) .merit-list-item__img{
    width: calc(405 / var(--font-size) * 1rem);
  }
  .merit-list-item:nth-child(2) .merit-list-item__img{
    width: calc(450 / var(--font-size) * 1rem);
    margin-left: calc(-45 / var(--font-size) * 1rem);
  }
  .merit-list-item-heading{
    position: relative;
    border-bottom: calc(2 / var(--font-size) * 1rem) var(--service-color) solid;
    padding-bottom: calc(2 / var(--font-size) * 1rem);
    margin-bottom: calc(28 / var(--font-size) * 1rem);
  }
  .merit-list-item-heading__num{
    font-size: calc(143 / var(--font-size) * 1rem);
    font-weight: 800;
    font-family: 'Roboto Condensed', sans-serif;
    color: #DCF1F5;
    line-height: calc(102 / var(--font-size) * 1rem);
    letter-spacing: 0.05em;
    z-index: -1;
    position: relative;
  }
  .merit-list-item-heading__label{
    position: absolute;
    left: 0;
    bottom: calc(6 / var(--font-size) * 1rem);
    font-size: calc(24 / var(--font-size) * 1rem);
    line-height: 1.5;
    font-weight: 700;
  }
  .merit-list-item-lead{
    font-size: calc(18 / var(--font-size) * 1rem);
    line-height: 1.8;
  }
}
@media all and (max-width: 767px), print {
  .lp-merit{
    padding-bottom: calc(30 / var(--font-size) * 1rem);
  }
  .merit-list-item + .merit-list-item {
    margin-top: calc(56 / var(--font-size) * 1rem);
  }
  .merit-list-item__in{}
  .merit-list-item__content{}
  .merit-list-item__img{
    margin-top: calc(15 / var(--font-size) * 1rem);
  }
  .merit-list-item:nth-child(1) .merit-list-item__img{}
  .merit-list-item:nth-child(2) .merit-list-item__img{}
  .merit-list-item-heading{
    text-align: center;
    height: calc(136 / var(--font-size) * 1rem);
    position: relative;
    border-bottom: calc(2 / var(--font-size) * 1rem) var(--service-color) solid;
    margin-bottom: calc(28 / var(--font-size) * 1rem);
  }
  .merit-list-item-heading__num{
    font-size: calc(143 / var(--font-size) * 1rem);
    font-weight: 800;
    font-family: 'Roboto Condensed', sans-serif;
    color: #DCF1F5;
    line-height: calc(110 / var(--font-size) * 1rem);
    letter-spacing: 0.05em;
  }
  .merit-list-item-heading__label{
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(6 / var(--font-size) * 1rem);
    font-size: calc(24 / var(--font-size) * 1rem);
    line-height: 1.5;
    font-weight: 700;
  }
  .merit-list-item-lead{
    font-size: calc(16 / var(--font-size) * 1rem);
    line-height: 1.8;
  }
}

/* segment */
@media all and (min-width: 768px), print {
  .lp-segment-table-heading{
    margin-bottom: calc(8 / var(--font-size) * 1rem);
  }
  .lp-segment-list-heading{
    margin-bottom: calc(12 / var(--font-size) * 1rem);
  }
  .lp-segment-table__block{
    display: flex;
  }
  .lp-segment-table__head {
    border: calc(2 / var(--font-size) * 1rem) solid #959595;
  }
  .lp-segment-table__body {
    border: calc(2 / var(--font-size) * 1rem) solid #959595;
    border-top: none;
  }
  .lp-segment-table__block + .lp-segment-table__block{}
  .lp-segment-table__element{
    flex: 1;
    font-size: calc(13 / var(--font-size)* 1rem);
    background-color: var(--white-color);
    padding: calc(10 / var(--font-size) * 1rem) calc(14 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    line-height: 1.8;
  }
  .lp-segment-table-stay {
    display: grid;
    row-gap: 1px;
    grid-template-columns: calc(200 / var(--font-size) * 1rem) calc(320 / var(--font-size) * 1rem) 1fr;
    background-color: #959595;
  }
  .lp-segment-table-stay .lp-segment-table__element:first-of-type {
    grid-row: 1/4;
  }
  .lp-segment-table-scene .lp-segment-table-item + .lp-segment-table-item{
    margin-top: calc(10 / var(--font-size)* 1rem);
  }
  .lp-segment-table__element + .lp-segment-table__element{
    border-left: 1px solid #959595;
  }
  .lp-segment-table__body .lp-segment-table__block + .lp-segment-table__block {
    border-top: 1px solid #959595;
  }

  .lp-segment-table__head .lp-segment-table__element{
    background-color: var(--lp-color-100);
    font-weight: bold;
    padding: calc(5 / var(--font-size)* 1rem) calc(16 / var(--font-size)* 1rem);
  }
  .lp-segment-table__element:first-of-type{
    max-width: calc(200 / var(--font-size)* 1rem);
  }
  .lp-segment-table-stay .lp-segment-table__element:nth-of-type(4),
  .lp-segment-table__element:last-of-type{
    padding-right: calc(10 / var(--font-size) * 1rem);
  }
  .lp-segment-table__element:nth-of-type(2) {
    max-width: calc(320 / var(--font-size) * 1rem);
  }
  .lp-segment-table-stay .lp-segment-table__element:nth-of-type(3n) .lp-segment-table-item-text {
    text-align: center;
  }
  .lp-segment-table__head .lp-segment-table__element:last-of-type{}
  .lp-segment-table__body .lp-segment-table__block:last-of-type .lp-segment-table__element:last-of-type{}
  .lp-segment-table__name{
    background-color: var(--white-color);
    padding: calc(8 / var(--font-size)* 1rem);
  }
  .lp-segment-table__element.lp-segment-table-menu{
    background-color: #F1F2F4;
  }
  .lp-segment-table-menu .lp-segment-table-item-text{
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: 500;
    line-height: 1.8;
  }
  .lp-segment-table-item-text {
    font-size: calc(14 / var(--font-size) * 1rem);
    font-feature-settings: "palt";
    letter-spacing: 0;
    word-break: break-word;
    line-height: 1.5;
  }
  .lp-segment-table-item-text > .txt-small{
    display: block;
    margin-top: calc(4 / var(--font-size) * 1rem);
    font-size: 70%;
  }
  .lp-segment-table-item-text > .txt-note{
    color: var(--red-color)
  }
}
@media all and (max-width: 767px), print {
  .lp-segment__head{
    margin-bottom: calc(24 / var(--font-size) * 1rem);
  }
  .lp-segment-lead{
    font-size: calc(18 / var(--font-size) * 1rem);
  }
  .lp-segment-table{
    margin-left: calc(-20 / var(--font-size) * 1rem);
    margin-right: calc(-20 / var(--font-size) * 1rem);
  }
  .lp-segment-table__inner{
    padding-left: calc(20 / var(--font-size) * 1rem);
    padding-right: calc(20 / var(--font-size) * 1rem);
    overflow-x: scroll;
  }
  .lp-segment-table__component{
    width: calc(931 / var(--font-size) * 1rem);
    overflow: hidden;
  }
  .lp-segment-table-heading{
    margin-bottom: calc(8 / var(--font-size) * 1rem);
  }
  .lp-segment-list-heading{
    margin-bottom: calc(12 / var(--font-size) * 1rem);
  }
  .lp-segment-table__block{
    display: flex;
  }
  .lp-segment-table__head {
    border: calc(2 / var(--font-size) * 1rem) solid #959595;
  }
  .lp-segment-table__body {
    border: calc(2 / var(--font-size) * 1rem) solid #959595;
    border-top: none;
  }
  .lp-segment-table__block + .lp-segment-table__block{}
  .lp-segment-table__element{
    flex: 1;
    font-size: calc(13 / var(--font-size)* 1rem);
    background-color: var(--white-color);
    padding: calc(10 / var(--font-size) * 1rem) calc(14 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    line-height: 1.8;
  }
  .lp-segment-table-stay {
    display: grid;
    row-gap: 1px;
    grid-template-columns: calc(130 / var(--font-size) * 1rem) calc(320 / var(--font-size) * 1rem) 1fr;
    background-color: #959595;
  }
  .lp-segment-table-stay .lp-segment-table__element:first-of-type {
    grid-row: 1/4;
  }
  .lp-segment-table__element + .lp-segment-table__element{
    border-left: 1px solid #959595;
  }
  .lp-segment-table__body .lp-segment-table__block + .lp-segment-table__block {
    border-top: 1px solid #959595;
  }

  .lp-segment-table__head .lp-segment-table__element{
    background-color: var(--lp-color-100);
    font-weight: 500;
    padding: calc(5 / var(--font-size)* 1rem) calc(16 / var(--font-size)* 1rem);
  }
  .lp-segment-table__head .lp-segment-table-item-text{
    font-size: calc(14 / var(--font-size) * 1rem);
  }
  .lp-segment-table__element:first-of-type{
    max-width: calc(130 / var(--font-size)* 1rem);
  }
  .lp-segment-table-stay .lp-segment-table__element:nth-of-type(4),
  .lp-segment-table__element:last-of-type{
    padding-right: calc(4 / var(--font-size) * 1rem);
  }
  .lp-segment-table__element:nth-of-type(2) {
    max-width: calc(320 / var(--font-size) * 1rem);
  }
  .lp-segment-table__name{
    background-color: var(--white-color);
    padding: calc(8 / var(--font-size)* 1rem);
  }
  .lp-segment-table__element.lp-segment-table-menu{
    background-color: #F1F2F4;
  }
  .lp-segment-table-menu .lp-segment-table-item-text{
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: 500;
    line-height: 1.8;
  }
  .lp-segment-table-item-text {
    font-size: calc(16 / var(--font-size) * 1rem);
    font-feature-settings: "palt";
    letter-spacing: 0;
    word-break: break-word;
    line-height: 1.5;
  }
  .lp-segment-table-item-text > .txt-small{
    display: block;
    margin-top: calc(4 / var(--font-size) * 1rem);
    font-size: 70%;
  }
  .lp-segment-table-item-text > .txt-note{
    color: var(--red-color)
  }
}

/* scene */
@media all and (min-width: 768px), print {
  .lp-scene-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: calc(14 / var(--font-size) * 1rem);
  }
  .lp-scene-list-item{}
  .lp-scene-list-item__in{
    height: 100%;
    display: grid;
    grid-template-rows: calc(68 / var(--font-size) * 1rem) 1fr;
  }
  .lp-scene-head{
    --scene-head-bg-color:  var(--lp-color-200);
    background-color: var(--scene-head-bg-color);
    padding-block: calc(20 / var(--font-size) * 1rem) calc(22 / var(--font-size) * 1rem);
    flex-grow: 0;
  }
  .lp-scene-item:nth-child(2) .lp-scene-head{
    --scene-head-bg-color: var(--lp-color-300);
  }
  .lp-scene-item:nth-child(3) .lp-scene-head{
    --scene-head-bg-color: var(--lp-color-500);
  }
  .lp-scene-item:not(:last-child) .lp-scene-head{
    clip-path: polygon(92% 0, 100% 50%, 92% 100%, 0 100%, 0 0);
  }
  .lp-scene-head__label{
    text-align: center;
    font-weight: 700;
    color: var(--white-color);
    font-size: calc(20 / var(--font-size) * 1rem);
    line-height: 1.5;
    letter-spacing: 0.0425em;
  }
  .lp-scene-body{
    margin-top: calc(20 / var(--font-size) * 1rem);
    display: flex;
    flex-direction: column;
  }
  .lp-scene-item:nth-child(1) .lp-scene-body{
    gap: calc(23 / var(--font-size) * 1rem);
  }
  .lp-scene-item:nth-child(2) .lp-scene-body{
    gap: calc(7 / var(--font-size) * 1rem);
  }
  .lp-scene-item:nth-child(3) .lp-scene-body{
    gap: calc(24 / var(--font-size) * 1rem);
  }
  .lp-scene-lead{}
  .lp-scene-lead.--box{
    border: 1px solid var(--service-color);
    padding-inline: calc(9 / var(--font-size) * 1rem);
    padding-block: calc(10 / var(--font-size) * 1rem);
  }
  .lp-scene-lead__heading{
    margin-bottom: calc(6 / var(--font-size) * 1rem);
  }
  .lp-scene-lead__heading__label{
    font-size: calc(18 / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.0472em;
  }
  .lp-scene-lead.--box .lp-scene-lead__heading__label{
    text-align: center;
    color: var(--service-color);
    font-size: calc(15 / var(--font-size) * 1rem);
  }
  .lp-scene-lead__label{
    font-size: calc(14 / var(--font-size) * 1rem);
    line-height: 1.6;
    letter-spacing: 0;
  }
  .lp-scene-lead-list{
    list-style: decimal;
    padding-inline: calc(20 / var(--font-size) * 1rem);
  }
  .lp-scene-lead-list-item::before{}
  .lp-scene-img{
    margin-inline: auto;
  }
  .lp-scene-item:nth-child(1) .lp-scene-img{
    max-width: calc(199 / var(--font-size) * 1rem);
  }
  .lp-scene-item:nth-child(3) .lp-scene-img{
    max-width: calc(218 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px), print {
  /* SCENE */
  .lp-scene__in{}
  .lp-scene-list{}
  .lp-scene-item{}
  .lp-scene-item + .lp-scene-item{
    position: relative;
    margin-top: calc(22 / var(--font-size) * 1rem);
    padding-top: calc(22 / var(--font-size) * 1rem);
  }
  .lp-scene-item + .lp-scene-item::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--lp-color-200);
    width: calc(68 / var(--font-size) * 1rem);
    height: calc(28 / var(--font-size) * 1rem);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
  }
  .lp-scene-item__in{
    display: grid;
    grid-template-rows: calc(52 / var(--font-size) * 1rem) 1fr;
    background-color: var(--white-color);
    padding-inline: calc(17 / var(--font-size) * 1rem);
  }
  .lp-scene-head{
    --scene-head-bg-color: var(--lp-color-200);
    background-color: var(--scene-head-bg-color);
    padding-block: calc(13 / var(--font-size) * 1rem) calc(12 / var(--font-size) * 1rem);
  }
  .lp-scene-item:nth-child(2) .lp-scene-head{
    --scene-head-bg-color: var(--lp-color-300);
  }
  .lp-scene-item:nth-child(3) .lp-scene-head{
    --scene-head-bg-color: var(--lp-color-500);
  }
  .lp-scene-head__label{
    text-align: center;
    font-weight: 700;
    color: var(--white-color);
    font-size: calc(20 / var(--font-size) * 1rem);
    line-height: 1.5;
    letter-spacing: 0.0425em;
  }
  .lp-scene-body{
    margin-top: calc(20 / var(--font-size) * 1rem);
    display: flex;
    flex-direction: column;
  }
  .lp-scene-item:nth-child(1) .lp-scene-body{
    gap: calc(19 / var(--font-size) * 1rem);
  }
  .lp-scene-item:nth-child(2) .lp-scene-body{
    gap: calc(16 / var(--font-size) * 1rem);
  }
  .lp-scene-item:nth-child(3) .lp-scene-body{
    gap: calc(17 / var(--font-size) * 1rem);
  }
  .lp-scene-lead{}
  .lp-scene-lead.--box{
    border: 1px solid var(--service-color);
    padding-inline: calc(9 / var(--font-size) * 1rem);
    padding-block: calc(10 / var(--font-size) * 1rem);
  }
  .lp-scene-lead__heading{
    margin-bottom: calc(6 / var(--font-size) * 1rem);
  }
  .lp-scene-lead__heading__label{
    font-size: calc(18 / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.0472em;
  }
  .lp-scene-lead.--box .lp-scene-lead__heading__label{
    text-align: center;
    color: var(--service-color);
    font-size: calc(15 / var(--font-size) * 1rem);
  }
  .lp-scene-lead__label{
    font-size: calc(14 / var(--font-size) * 1rem);
    line-height: 1.6;
    letter-spacing: 0;
  }
  .lp-scene-lead-list{
    list-style: decimal;
    padding-inline: calc(20 / var(--font-size) * 1rem);
  }
  .lp-scene-lead-list-item{
    font-size: calc(14 / var(--font-size) * 1rem);
  }
  .lp-scene-img{
    margin-inline: auto;
  }
  .lp-scene-item:nth-child(1) .lp-scene-img{
    max-width: calc(199 / var(--font-size) * 1rem);
  }
  .lp-scene-item:nth-child(3) .lp-scene-img{
    max-width: calc(218 / var(--font-size) * 1rem);
    margin-inline: auto;
  }
}
/* cta */
@media all and (min-width: 768px), print {
  .lp-cta-area{
    background-color: #FFF1EA;
    padding-block: calc(40 / var(--font-size) * 1rem) calc(134 / var(--font-size) * 1rem);
  }
  .lp-cta-area .btn-wrapper{
    max-width: calc(264 / var(--font-size) * 1rem);
    margin-inline: auto;
  }
  .lp-cta-area .c-btn {
    --btn-txt-font-size: 17;
    --btn-min-height: 64;
  }
}
@media all and (max-width: 767px), print {
  .lp-cta-area{
    background-color: #FFF1EA;
    padding-block: calc(40 / var(--font-size) * 1rem) calc(134 / var(--font-size) * 1rem);
  }
  .lp-cta-area .btn-wrapper{
    max-width: calc(264 / var(--font-size) * 1rem);
    margin-inline: auto;
  }
  .lp-cta-area .c-btn {
    --btn-txt-font-size: 17;
    --btn-min-height: 64;
  }
}