/*========================================================================== 
  lp
========================================================================== */ 
:root{
  --gray-color-1000: #3c3c3c;
  --black-color: #000;
}
html{
  color: var(--gray-color-1000);
} 
@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);
  }
    .l-header{
    padding-top: calc(82 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px){
  .js-accordion-sp-container{
    overflow: hidden;
    transition: .2s;
  }
  .lp-feature-info{
    position: relative;
    
  }
  .lp-feature-info::before{
    position: absolute;
    content: '';
    width: 100vw;
    height: calc(20 / var(--font-size) * 1rem);
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    margin-bottom: calc(-2 / var(--font-size) * 1rem);
    background: linear-gradient(180deg, transparent 0%, var(--gray-color-100) 50%);
    z-index: 1;
    transition: .2s;
  }
  .is-accordion-close .lp-feature-info::before{
    opacity: 1;
  }
  .is-accordion-open .lp-feature-info::before{
    opacity: 0;
  }
  .is-accordion-close .js-accordion-sp-container{
  }
  .lp-accordion-ico{
    display: block;
    transition: .2s;
    padding: calc(10 / var(--font-size) * 1rem);
  }
  .lp-accordion-ico__label{
    display: block;
    width: calc(36 / var(--font-size) * 1rem);
    margin: auto;
  }
  .is-accordion-open .lp-accordion-ico{
    transform: rotate(180deg);
  }
}
/* lp common */
@media all and (min-width: 768px), print{
  .lp__inner {
    position: relative;
    overflow-x: hidden;
    padding-bottom: calc(171 / var(--font-size) * 1rem);
  }
  .lp-sec{}
  .lp-sec__inner {
    padding: 0 calc(60 / var(--font-size) * 1rem) calc(88 / var(--font-size) * 1rem);
    max-width: calc(1060 / var(--font-size) * 1rem);
    margin: auto;
  }
  .lp-sec__head{
    margin-bottom: calc(42 / 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.72;
  }
  .lp-content-lead > * + * {
    margin-top: calc(12 / 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.5rem;
  }
  .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;
  }
  .lp__foot .c-btn {
    --btn-txt-font-size: 13.6;
    --btn-min-height: 51;
    width: calc(280 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
}
@media all and (max-width: 767px), print{
  .l-main-container__deco > span:nth-child(1) {
    aspect-ratio: 750 / 9951;
    background-image: url(/assets/images/lp_arcgis/container_bg01_sp.png);
    z-index: -3;
  }
  .lp__inner {
    position: relative;
    overflow-x: hidden;
    padding-bottom: calc(136 / var(--font-size) * 1rem);
  }
  .lp-sec{}
  .lp-sec__inner {
    padding: 0 calc(20 / var(--font-size) * 1rem) calc(40 / var(--font-size) * 1rem);
    margin: auto;
  }
  .lp-sec__head{
    margin-bottom: calc(24 / 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.72;
  }
  .lp-content-lead > * + * {
    margin-top: calc(12 / var(--font-size) * 1rem);
  }
  .lp-content-lead__label{}
  .txt-note{
    display: block;
  }
  .txt-small.txt-note{
    font-size: calc(13 / var(--font-size) * 1rem);
  }
  .txt-note::before{
    content: "※";
    margin-right: 0.2rem;
  }
  .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;
  }
  .lp__foot .c-btn {
    --btn-txt-font-size: 13.6;
    --btn-min-height: 51;
    width: calc(280 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
}
/* heading */
@media all and (min-width: 768px), print{
  .lp-heading{
    display: block;
    position: relative;
    font-weight: bold;
    line-height: 1.5;
    color: var(--primary-color-500);
    font-size: calc(40 / var(--font-size) * 1rem);
  }
  /* heading lv1 */
  .lp-heading-lv1{
    color: var(--white-color);
  }
  .lp-heading-lv1 .lp-heading__label{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(12 / var(--font-size) * 1rem);
  }
  .lp-heading-lv1 .lp-heading__label > span{
    display: inline-block;
    padding: calc(4 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    background-color: var(--primary-color-500);
  }
  .lp-heading-lv1 .lp-heading__label > span.u-hide-pc{
    display: none;
  }
  /* heading lv2 */
  .lp-heading-lv2{
    text-align: center;
    color: var(--primary-color-500);
  }
  /* heading lv3 */
  .lp-heading-lv3{
    font-size: calc(26 / var(--font-size) * 1rem);
    padding-left: calc(48 / var(--font-size) * 1rem);
  }
  .lp-heading-lv3:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: calc(32 / var(--font-size) * 1rem);
    height: 1px;
    background-color: var(--primary-color-500);
  }
  /* sec heading */
  .lp-sec-heading{
    display: block;
    position: relative;
    font-weight: bold;
    line-height: 1.5;
    font-size: calc(32 / var(--font-size)* 1rem);
    text-align: center;
    color: var(--primary-color-500);
    letter-spacing: 0;
  }
  .lp-sec-heading__label{
    display: inline-block;
    position: relative;
  }
  .lp-sec-heading__label::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: calc(-4 / var(--font-size)* 1rem);
    width: 100%;
    height: 2px;
    background-color: var(--primary-color-300);
  }
  /* block heading */
  .lp-block-heading{
    display: block;
    font-weight: bold;
    line-height: 1.3;
    font-size: calc(20 / var(--font-size) * 1rem);
    color: var(--primary-color-500);
  }
}
@media all and (max-width: 767px), print{
  .lp-heading{
    display: block;
    position: relative;
    font-weight: bold;
    line-height: 1.5;
    color: var(--primary-color-500);
    font-size: calc(24.83 / var(--font-size) * 1rem);
  }
  /* heading lv1 */
  .lp-heading-lv1{
    color: var(--white-color);
  }
  .lp-heading-lv1 .lp-heading__label{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(12 / var(--font-size) * 1rem);
  }
  .lp-heading-lv1 .lp-heading__label > span{
    display: inline-block;
    padding: calc(4 / var(--font-size) * 1rem) calc(6 / var(--font-size) * 1rem);
    background-color: var(--primary-color-500);
  }
  .lp-heading-lv1 .lp-heading__label > span.u-hide-sp{
    display: none;
  }
  /* heading lv2 */
  .lp-heading-lv2{
    text-align: center;
    color: var(--primary-color-500);
  }
  /* heading lv3 */
  .lp-heading-lv3{
    font-size: calc(26 / var(--font-size) * 1rem);
    padding-left: calc(48 / var(--font-size) * 1rem);
  }
  .lp-heading-lv3:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: calc(32 / var(--font-size) * 1rem);
    height: 1px;
    background-color: var(--primary-color-500);
  }
  /* sec heading */
  .lp-sec-heading{
    display: block;
    position: relative;
    font-weight: bold;
    line-height: 1.5;
    font-size: calc(24 / var(--font-size)* 1rem);
    text-align: center;
    color: var(--primary-color-500);
    letter-spacing: 0;
    font-feature-settings: "palt";
  }
  .lp-sec-heading__label{
    display: inline-block;
    position: relative;
  }
  .lp-sec-heading__label::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: calc(-4 / var(--font-size)* 1rem);
    width: 100%;
    height: 2px;
    background-color: var(--primary-color-300);
  }
  /* block heading */
  .lp-block-heading{
    display: block;
    font-weight: bold;
    line-height: 1.3;
    font-size: calc(20 / var(--font-size) * 1rem);
    color: var(--primary-color-500);
  }
}
/* mv */
@media all and (min-width: 768px), print {
  .lp-mv{
    position: relative;
  }
  .lp-mv::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    background-image: url(/assets/images/lp_arcgis/bg_mv.png);
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 1440 / 360;

    z-index: -1;
  }
  .lp-mv__inner{
    padding-top: calc(115 / var(--font-size) * 1rem);
    max-width: calc(820 / var(--font-size)* 1rem);
    margin: 0 auto;
    padding-left: calc(64 / var(--font-size)* 1rem);
    padding-right: calc(64 / var(--font-size)* 1rem);
  }
  .lp-mv-logo{
    width: 100%;
    max-width: calc(384 / var(--font-size) * 1rem);
    margin-bottom: calc(20 / var(--font-size)* 1rem);
  }
  .lp-mv-logo__in{
    display: flex;
    align-items: center;
    padding: calc(13 / var(--font-size) * 1rem) calc(18 / var(--font-size) * 1rem);
    background-color: var(--white-color);
  }
  .lp-mv-logo-ico{
    margin-left: calc(4 / var(--font-size) * 1rem);
    margin-right: calc(10 / var(--font-size) * 1rem);
  }
  .lp-mv-content__body{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .lp-mv-heading {
    font-size: calc(32 / var(--font-size) * 1rem);
  }
  .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{
    align-items: center;
    gap: calc(10 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px), print {
  .lp-mv{
    position: relative;
  }
  .lp-mv::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    background-image: url(/assets/images/lp_arcgis/bg_mv_sp.png);
    background-size: contain;
    aspect-ratio: 750 / 860;

    z-index: -1;
  }
  .lp-mv__inner{
    padding-top: calc(104 / var(--font-size) * 1rem);
    margin: 0 auto;
    padding-left: calc(35 / var(--font-size)* 1rem);
    padding-right: calc(35 / var(--font-size)* 1rem);
  }
  .lp-mv-logo{
    width: calc(276 / var(--font-size) * 1rem);
    margin-bottom: calc(42 / var(--font-size)* 1rem);
  }
  .lp-mv-logo__in{
    display: flex;
    align-items: center;
    padding: calc(8 / var(--font-size) * 1rem) calc(12 / var(--font-size) * 1rem);
    background-color: var(--white-color);
  }
  .lp-mv-logo-ico{
    flex-shrink: 0;
    width: calc(14 / var(--font-size) * 1rem);
    margin-left: calc(3 / var(--font-size) * 1rem);
    margin-right: calc(7 / var(--font-size) * 1rem);
  }
  .lp-mv-content__body{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .lp-mv-heading {
    font-size: calc(28 / var(--font-size) * 1rem);
  }
  .lp-heading small {
    font-size: calc(20 / var(--font-size) * 1rem);
    line-height: calc(28 / var(--font-size) * 1rem);
  }
  .lp-mv-heading .lp-heading__label{
    align-items: center;
    gap: calc(10 / var(--font-size) * 1rem);
  }
}
/* about */
@media all and (min-width: 768px), print {
  .lp-about__inner{
    padding-top: calc(215 / var(--font-size) * 1rem);
  }
  .lp-about__head{
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .lp-about-heading {
    font-size: calc(32 / var(--font-size) * 1rem);
  }
  .lp-about-lead{
  }
  .lp-about-lead__label{
  }
  .lp-about-lead__label .txt-note{
    margin-top: calc(4 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px), print {
  .lp-about__inner{
    padding-top: calc(156 / var(--font-size) * 1rem);
  }
  .lp-about__head{
    margin-bottom: calc(24 / var(--font-size) * 1rem);
  }
  .lp-about-heading {
    font-size: calc(24.26 / var(--font-size) * 1rem);
  }
  .lp-about-lead{
  }
  .lp-about-lead__label{
  }
  .lp-about-lead__label .txt-note{
    margin-top: calc(8 / var(--font-size) * 1rem);
  }
}

/* feature */
@media all and (min-width: 768px), print {
  .lp-feature{
  }
  /* --------------------------------------------------------------------------
  feature
  -------------------------------------------------------------------------- */
  .lp-feature{
  }
  .lp-feature__inner{
  }
  .lp-feature-info__head{
    margin-bottom: calc(28 / var(--font-size)* 1rem);
  }
  .lp-feature__foot{
    margin-top: calc(36 / var(--font-size)* 1rem);
  }
  .lp-feature__row{
    display: flex;
    justify-content: center;
    gap: calc(15 / var(--font-size)* 1rem);
  }
  .lp-feature-content {
  }
  .lp-feature-visual{
    width: calc(485 / var(--font-size) * 1rem);
    position: relative;
    /* z-index: -1; */
    flex-shrink: 0;
  }
  .lp-feature-visual-img{
    position: relative;
    z-index: 0;
  }
  .lp-feature-visual-list {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(468 / var(--font-size) * 1rem);
    height: calc(340 / var(--font-size) * 1rem);
    overflow: hidden;
  }
  .lp-feature-visual-item{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: 2s;
  }
  .lp-feature-content[data-tab="6"] .lp-feature-visual-list{
  }
  .lp-feature-visual-item.--06{
  }
  .lp-feature-content[data-tab="1"] .lp-feature-visual-item.--01,
  .lp-feature-content[data-tab="2"] .lp-feature-visual-item.--02,
  .lp-feature-content[data-tab="3"] .lp-feature-visual-item.--03,
  .lp-feature-content[data-tab="4"] .lp-feature-visual-item.--04,
  .lp-feature-content[data-tab="5"] .lp-feature-visual-item.--05,
  .lp-feature-content[data-tab="6"] .lp-feature-visual-item.--06{
    opacity: 1;
    visibility: visible;
  }
  .lp-feature-content[data-tab="6"] .lp-feature-panel-content{
    top: calc(280 / var(--font-size) * 1rem);
  }


  .lp-feature-img{
    width: 100%;
    border-radius: calc(16 / var(--font-size)* 1rem);
    overflow: hidden;
  }

  .lp-feature-info{
    width: 100%;
  }
  .lp-feature-panel{
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: calc(24 / var(--font-size)* 1rem);
    position: relative;
    margin-bottom: calc(20 / var(--font-size)* 1rem);
  }
  .lp-feature-panel-item{
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    background-color: var(--white-color);
    padding: calc(5 / var(--font-size) * 1rem) calc(9 / var(--font-size) * 1rem);

    color: var(--black-color);
    font-size: calc(18 / var(--font-size)* 1rem);
    font-weight: bold;
    transition:  .2s;
  }
  .lp-feature-panel-ico{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    width: calc(56 / var(--font-size) * 1rem);
    height: calc(56 / var(--font-size) * 1rem);
    margin-right: calc(6 / var(--font-size) * 1rem);
  }
  .lp-feature-panel-ico:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 999px;
    background-color: var(--gray-color-100);
}
  .lp-feature-content[data-tab="1"] .lp-feature-panel-item[data-trigger="1"] .lp-feature-panel-ico:before,
  .lp-feature-content[data-tab="2"] .lp-feature-panel-item[data-trigger="2"] .lp-feature-panel-ico:before,
  .lp-feature-content[data-tab="3"] .lp-feature-panel-item[data-trigger="3"] .lp-feature-panel-ico:before,
  .lp-feature-content[data-tab="4"] .lp-feature-panel-item[data-trigger="4"] .lp-feature-panel-ico:before,
  .lp-feature-content[data-tab="5"] .lp-feature-panel-item[data-trigger="5"] .lp-feature-panel-ico:before,
  .lp-feature-content[data-tab="6"] .lp-feature-panel-item[data-trigger="6"] .lp-feature-panel-ico:before{
    background-color: var(--white-color);
  }
.lp-feature-panel-ico__label {
  position: relative;
  width: calc(29 / var(--font-size) * 1rem);
}
.lp-feature-panel-item .c-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: calc(11 / var(--font-size) * 1rem);
  margin-right: calc(16 / var(--font-size) * 1rem);
}
  .lp-feature-content[data-tab="1"] .lp-feature-panel-item[data-trigger="1"] .c-icon,
  .lp-feature-content[data-tab="2"] .lp-feature-panel-item[data-trigger="2"] .c-icon,
  .lp-feature-content[data-tab="3"] .lp-feature-panel-item[data-trigger="3"] .c-icon,
  .lp-feature-content[data-tab="4"] .lp-feature-panel-item[data-trigger="4"] .c-icon,
  .lp-feature-content[data-tab="5"] .lp-feature-panel-item[data-trigger="5"] .c-icon,
  .lp-feature-content[data-tab="6"] .lp-feature-panel-item[data-trigger="6"] .c-icon{
    --btn-icon-color: var(--white-color);
  }
.lp-feature-panel-item__label small{
  display: inline;
  font-size: calc(14 / var(--font-size) * 1rem);
}
  .lp-feature-panel-item:hover{
    cursor: pointer;
  }
  .lp-feature-content[data-tab="1"] .lp-feature-panel-item[data-trigger="1"],
  .lp-feature-content[data-tab="2"] .lp-feature-panel-item[data-trigger="2"],
  .lp-feature-content[data-tab="3"] .lp-feature-panel-item[data-trigger="3"],
  .lp-feature-content[data-tab="4"] .lp-feature-panel-item[data-trigger="4"],
  .lp-feature-content[data-tab="5"] .lp-feature-panel-item[data-trigger="5"],
  .lp-feature-content[data-tab="6"] .lp-feature-panel-item[data-trigger="6"]{
    color: var(--white-color);
    background-color: var(--primary-color-500);
  }
  .lp-feature-content[data-tab="1"] .lp-feature-panel-item[data-trigger="1"]:before,
  .lp-feature-content[data-tab="2"] .lp-feature-panel-item[data-trigger="2"]:before,
  .lp-feature-content[data-tab="3"] .lp-feature-panel-item[data-trigger="3"]:before,
  .lp-feature-content[data-tab="4"] .lp-feature-panel-item[data-trigger="4"]:before,
  .lp-feature-content[data-tab="5"] .lp-feature-panel-item[data-trigger="5"]:before,
  .lp-feature-content[data-tab="6"] .lp-feature-panel-item[data-trigger="6"]:before{
    display: block;
  }
  .lp-feature-panel-content{
    position: relative;
    display: block;
    top: calc(364 / var(--font-size) * 1rem);
  }
  .lp-feature-panel-content-item{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: 2s;
  }
  .lp-feature-panel-content-title {
    font-size: calc(20 / var(--font-size) * 1rem);
    font-weight: bold;
    text-align: left;
    line-height: 1.72;
    margin-bottom: calc(8 / var(--font-size) * 1rem);
  }
  .lp-feature-content[data-tab="1"] .lp-feature-panel-content-item.--01,
  .lp-feature-content[data-tab="2"] .lp-feature-panel-content-item.--02,
  .lp-feature-content[data-tab="3"] .lp-feature-panel-content-item.--03,
  .lp-feature-content[data-tab="4"] .lp-feature-panel-content-item.--04,
  .lp-feature-content[data-tab="5"] .lp-feature-panel-content-item.--05,
  .lp-feature-content[data-tab="6"] .lp-feature-panel-content-item.--06{
    opacity: 1;
    visibility: visible;
  }

  .lp-feature-panel-content__row{
  }
  .lp-feature-panel-content-ico{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: calc(120 / var(--font-size)* 1rem);
    height: calc(120 / var(--font-size)* 1rem);
  }
  .lp-feature-panel-content-ico:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 999px;
    background-color: var(--white-color);
  }
  .lp-feature-panel-content-ico__label{
    position: relative;
  }
  .lp-feature-panel-content-text__label{
    font-size: calc(15 / var(--font-size)* 1rem);
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.04rem;
  }

  .lp-feature-lead{
    text-align: center;
    margin-top: calc(56 / var(--font-size)* 1rem);
  }
  .lp-feature-lead__label{
    font-size: calc(40 / var(--font-size)* 1rem);
  }
  .lp-feature-lead__label{
    color: var(--white-color);
    font-size: calc(30 / var(--font-size)* 1rem);
    font-weight: bold;
  }
  .lp-feature-panel-content-item.--01 .lp-feature-panel-content-ico__label{
    width: calc(79 / var(--font-size)* 1rem);
  }
  .lp-feature-panel-content-item.--02 .lp-feature-panel-content-ico__label{
    width: calc(82 / var(--font-size)* 1rem);
  }
  .lp-feature-panel-content-item.--03 .lp-feature-panel-content-ico__label{
    width: calc(79 / var(--font-size)* 1rem);
  }
  .lp-feature-panel-content-item.--04 .lp-feature-panel-content-ico__label{
    width: calc(69 / var(--font-size)* 1rem);
  }
  .lp-feature-lead{
    margin-top: calc(46 / var(--font-size)* 1rem);
  }
  .lp-feature-lead__label{
    font-size: calc(30 / var(--font-size)* 1rem);
  }
  .lp-feature-img{
    border-radius: 0;
  }
  .lp-feature-visual{
    
  }
}
@media all and (max-width: 767px), print {
  .lp-feature{
  }
  /* --------------------------------------------------------------------------
  feature
  -------------------------------------------------------------------------- */
  .lp-feature{
  }
  .lp-feature__inner{
  }
  .lp-feature-head{
    margin-bottom: calc(24 / var(--font-size) * 1rem);
  }
  .lp-feature-info__head{
    margin-bottom: calc(28 / var(--font-size)* 1rem);
  }
  .lp-feature__foot{
    margin-top: calc(36 / var(--font-size)* 1rem);
  }
  .lp-feature__row{
    display: flex;
    flex-direction: column-reverse;
  }
  .lp-feature-content {
  }
  .lp-feature-visual{
    width: 100%;
    z-index: -1;
    flex-shrink: 0;
  }
  .lp-feature-visual-list {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: calc(362 / var(--font-size) * 1rem);
    height: calc(280 / var(--font-size) * 1rem);
    margin-top: calc(7 / var(--font-size) * 1rem);
    margin-left: calc(7 / var(--font-size) * 1rem);
  }
  .lp-feature-visual-item{
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 2s;
  }
  .lp-feature-content[data-tab="6"] .lp-feature-visual-list{
    height: calc(220 / var(--font-size) * 1rem);
  }
  .lp-feature-content[data-tab="1"] .lp-feature-visual-item.--01,
  .lp-feature-content[data-tab="2"] .lp-feature-visual-item.--02,
  .lp-feature-content[data-tab="3"] .lp-feature-visual-item.--03,
  .lp-feature-content[data-tab="4"] .lp-feature-visual-item.--04,
  .lp-feature-content[data-tab="5"] .lp-feature-visual-item.--05,
  .lp-feature-content[data-tab="6"] .lp-feature-visual-item.--06{
    opacity: 1;
    visibility: visible;
  }
    .lp-feature-content[data-tab="6"] .lp-feature-panel-content{
  }


  .lp-feature-img{
    width: 100%;
    border-radius: calc(16 / var(--font-size)* 1rem);
  }

  .lp-feature-info{
    width: 100%;
  }
  .lp-feature-panel{
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: calc(11 / var(--font-size)* 1rem);
    position: relative;
  }
  .js-accordion-sp-container{
    /* height: calc(80 / var(--font-size) * 1rem); */
  }
  .lp-feature-panel-item{
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    background-color: var(--white-color);
    padding: calc(4 / var(--font-size) * 1rem) calc(6 / var(--font-size) * 1rem);

    color: var(--black-color);
    font-size: calc(13.58 / var(--font-size)* 1rem);
    font-weight: bold;
    transition:  .2s;
  }
  .lp-feature-panel-ico{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    width: calc(42 / var(--font-size) * 1rem);
    height: calc(42 / var(--font-size) * 1rem);
    margin-right: calc(4 / var(--font-size) * 1rem);
  }
  .lp-feature-panel-ico:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 999px;
    background-color: var(--gray-color-100);
}
  .lp-feature-content[data-tab="1"] .lp-feature-panel-item[data-trigger="1"] .lp-feature-panel-ico:before,
  .lp-feature-content[data-tab="2"] .lp-feature-panel-item[data-trigger="2"] .lp-feature-panel-ico:before,
  .lp-feature-content[data-tab="3"] .lp-feature-panel-item[data-trigger="3"] .lp-feature-panel-ico:before,
  .lp-feature-content[data-tab="4"] .lp-feature-panel-item[data-trigger="4"] .lp-feature-panel-ico:before,
  .lp-feature-content[data-tab="5"] .lp-feature-panel-item[data-trigger="5"] .lp-feature-panel-ico:before,
  .lp-feature-content[data-tab="6"] .lp-feature-panel-item[data-trigger="6"] .lp-feature-panel-ico:before{
    background-color: var(--white-color);
  }
.lp-feature-panel-ico__label {
  position: relative;
  width: calc(22 / var(--font-size) * 1rem);
}
.lp-feature-panel-item .c-icon {
  --btn-icon-size: 10;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: calc(15 / var(--font-size) * 1rem);
  margin-right: calc(15 / var(--font-size) * 1rem);
}
  .lp-feature-content[data-tab="1"] .lp-feature-panel-item[data-trigger="1"] .c-icon,
  .lp-feature-content[data-tab="2"] .lp-feature-panel-item[data-trigger="2"] .c-icon,
  .lp-feature-content[data-tab="3"] .lp-feature-panel-item[data-trigger="3"] .c-icon,
  .lp-feature-content[data-tab="4"] .lp-feature-panel-item[data-trigger="4"] .c-icon,
  .lp-feature-content[data-tab="5"] .lp-feature-panel-item[data-trigger="5"] .c-icon,
  .lp-feature-content[data-tab="6"] .lp-feature-panel-item[data-trigger="6"] .c-icon{
    --btn-icon-color: var(--white-color);
  }
.lp-feature-panel-item__label small{
  display: inline;
  font-size: calc(14 / var(--font-size) * 1rem);
}
  .lp-feature-panel-item:hover{
    cursor: pointer;
  }
  .lp-feature-content[data-tab="1"] .lp-feature-panel-item[data-trigger="1"],
  .lp-feature-content[data-tab="2"] .lp-feature-panel-item[data-trigger="2"],
  .lp-feature-content[data-tab="3"] .lp-feature-panel-item[data-trigger="3"],
  .lp-feature-content[data-tab="4"] .lp-feature-panel-item[data-trigger="4"],
  .lp-feature-content[data-tab="5"] .lp-feature-panel-item[data-trigger="5"],
  .lp-feature-content[data-tab="6"] .lp-feature-panel-item[data-trigger="6"]{
    color: var(--white-color);
    background-color: var(--primary-color-500);
  }
  .lp-feature-content[data-tab="1"] .lp-feature-panel-item[data-trigger="1"]:before,
  .lp-feature-content[data-tab="2"] .lp-feature-panel-item[data-trigger="2"]:before,
  .lp-feature-content[data-tab="3"] .lp-feature-panel-item[data-trigger="3"]:before,
  .lp-feature-content[data-tab="4"] .lp-feature-panel-item[data-trigger="4"]:before,
  .lp-feature-content[data-tab="5"] .lp-feature-panel-item[data-trigger="5"]:before,
  .lp-feature-content[data-tab="6"] .lp-feature-panel-item[data-trigger="6"]:before{
    display: block;
  }
  .lp-feature-panel-content{
    position: relative;
    display: block;
    height: calc(150 / var(--font-size) * 1rem);
  }
  .lp-feature-panel-content-item{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: 2s;
  }
  .lp-feature-panel-content-title {
    font-size: calc(20 / var(--font-size) * 1rem);
    font-weight: bold;
    text-align: left;
    line-height: 1.72;
    margin-bottom: calc(5 / var(--font-size) * 1rem);
  }
  .lp-feature-content[data-tab="1"] .lp-feature-panel-content-item.--01,
  .lp-feature-content[data-tab="2"] .lp-feature-panel-content-item.--02,
  .lp-feature-content[data-tab="3"] .lp-feature-panel-content-item.--03,
  .lp-feature-content[data-tab="4"] .lp-feature-panel-content-item.--04,
  .lp-feature-content[data-tab="5"] .lp-feature-panel-content-item.--05,
  .lp-feature-content[data-tab="6"] .lp-feature-panel-content-item.--06{
    opacity: 1;
    visibility: visible;
  }

  .lp-feature-panel-content__row{
  }
  .lp-feature-panel-content-ico{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: calc(120 / var(--font-size)* 1rem);
    height: calc(120 / var(--font-size)* 1rem);
  }
  .lp-feature-panel-content-ico:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 999px;
    background-color: var(--white-color);
  }
  .lp-feature-panel-content-ico__label{
    position: relative;
  }
  .lp-feature-panel-content-text__label{
    font-size: calc(15 / var(--font-size)* 1rem);
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.04rem;
  }

  .lp-feature-lead{
    text-align: center;
    margin-top: calc(56 / var(--font-size)* 1rem);
  }
  .lp-feature-lead__label{
    font-size: calc(40 / var(--font-size)* 1rem);
  }
  .lp-feature-lead__label{
    color: var(--white-color);
    font-size: calc(30 / var(--font-size)* 1rem);
    font-weight: bold;
  }
  .lp-feature-panel-content-item.--01 .lp-feature-panel-content-ico__label{
    width: calc(79 / var(--font-size)* 1rem);
  }
  .lp-feature-panel-content-item.--02 .lp-feature-panel-content-ico__label{
    width: calc(82 / var(--font-size)* 1rem);
  }
  .lp-feature-panel-content-item.--03 .lp-feature-panel-content-ico__label{
    width: calc(79 / var(--font-size)* 1rem);
  }
  .lp-feature-panel-content-item.--04 .lp-feature-panel-content-ico__label{
    width: calc(69 / var(--font-size)* 1rem);
  }
  .lp-feature-lead{
    margin-top: calc(46 / var(--font-size)* 1rem);
  }
  .lp-feature-lead__label{
    font-size: calc(30 / var(--font-size)* 1rem);
  }
  .lp-feature-img{
    border-radius: 0;
  }
  .lp-feature-visual{
    
  }
}

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

  .lp-data-table__head .lp-data-table__element{
    background-color: var(--primary-color-500);
    color: var(--white-color);
    font-weight: bold;
    padding: calc(8 / var(--font-size)* 1rem) calc(12 / var(--font-size)* 1rem);
    justify-content: center;
  }
  .lp-data-table__element:first-of-type{
    max-width: calc(118 / var(--font-size)* 1rem);
  }
  .lp-data-table__element:nth-of-type(3),
  .lp-data-table-stay .lp-data-table__element:nth-of-type(3n){
    max-width: calc(106 / var(--font-size)* 1rem);
    justify-content: center;
  }
  .lp-data-table-stay .lp-data-table__element:nth-of-type(4),
  .lp-data-table__element:last-of-type{
    padding-right: calc(14 / var(--font-size) * 1rem);
  }
  .lp-data-table__element:nth-of-type(2) {
    max-width: calc(334 / var(--font-size) * 1rem);
  }
  .lp-data-table-stay .lp-data-table__element:nth-of-type(3n) .lp-data-table-item-text {
    text-align: center;
  }
  .lp-data-table__head .lp-data-table__element:last-of-type{
  }
  .lp-data-table__body .lp-data-table__block:last-of-type .lp-data-table__element:first-of-type{
    padding: calc(10 / var(--font-size) * 1rem);
  }
  .lp-data-table__body .lp-data-table__block:last-of-type .lp-data-table__element:last-of-type{
  }
  .lp-data-table__name{
    background-color: var(--white-color);
    padding: calc(8 / var(--font-size)* 1rem);
  }
  .lp-data-table__element.lp-data-table-menu{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .lp-data-table-overview{
    transform: translateZ(0);
  }
  .lp-data-table-overview .lp-data-table__element{
    background-color: var(--white-color);
  }
  .lp-data-table-overview .lp-data-table__element + .lp-data-table__element{
    border-left: 2px solid var(--gray-color-200);
  }
  .lp-data-table-overview .lp-data-table__element:last-of-type{
  }
  .lp-data-table-item-text {
    font-size: calc(15 / var(--font-size) * 1rem);
    font-feature-settings: "halt";
    word-break: break-word;
  }
  .lp-data-table-item-text > .txt-small{
    display: block;
    margin-top: calc(4 / var(--font-size) * 1rem);
    font-size: 70%;
  }
  .lp-data-table-item-text > .txt-note{
    color: var(--red-color)
  }
}
@media all and (max-width: 767px), print {
  .lp-data-table-heading{
    margin-bottom: calc(8 / var(--font-size) * 1rem);
  }
  .lp-data-list-heading{
    margin-bottom: calc(12 / var(--font-size) * 1rem);
  }
  .lp-data-table{
    margin-left: calc(-20 / var(--font-size) * 1rem);
    margin-right: calc(-20 / var(--font-size) * 1rem);
  }
  .lp-data-table__inner{
    padding-left: calc(20 / var(--font-size) * 1rem);
    padding-right: calc(20 / var(--font-size) * 1rem);
    overflow-x: scroll;
  }
  .lp-data-table__component{
    width: calc(931 / var(--font-size) * 1rem);
    overflow: hidden;
  }
  .lp-data-table__block{
    display: flex;
  }
  .lp-data-table__head {
    border: 2px solid var(--white-color);
  }
  .lp-data-table__body {
    border: 2px solid var(--gray-color-200);
  }
  .lp-data-table__block + .lp-data-table__block{
  }
  .lp-data-table__element{
    flex: 1;
    font-size: calc(13 / var(--font-size)* 1rem);
    background-color: var(--white-color);
    padding: calc(15 / var(--font-size) * 1rem) calc(18 / var(--font-size) * 1rem) calc(16 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    line-height: 1.8;
  }
  .lp-data-table-stay {
    display: grid;
    row-gap: 2px;
    grid-template-columns: calc(118 / var(--font-size) * 1rem) calc(334 / var(--font-size) * 1rem) calc(106 / var(--font-size) * 1rem) 1fr;
    background-color: var(--gray-color-200);
  }
  .lp-data-table-stay .lp-data-table__element:first-of-type {
    grid-row: 1/3;
  }
  .lp-data-table-scene .lp-data-table-item + .lp-data-table-item{
    margin-top: calc(10 / var(--font-size)* 1rem);
  }
  .lp-data-table__element + .lp-data-table__element{
    border-left: 2px solid var(--gray-color-200);
  }
  .lp-data-table__body .lp-data-table__block + .lp-data-table__block .lp-data-table__element {
    border-top: calc(2/ var(--font-size) * 1rem) solid var(--gray-color-200);
  }

  .lp-data-table__head .lp-data-table__element{
    background-color: var(--primary-color-500);
    color: var(--white-color);
    font-weight: bold;
    padding: calc(6 / var(--font-size)* 1rem) calc(12 / var(--font-size)* 1rem) calc(7 / var(--font-size) * 1rem);
    justify-content: center;
  }
  .lp-data-table__element:first-of-type{
    max-width: calc(118 / var(--font-size)* 1rem);
  }
  .lp-data-table__element:nth-of-type(3),
  .lp-data-table-stay .lp-data-table__element:nth-of-type(3n){
    max-width: calc(106 / var(--font-size)* 1rem);
    justify-content: center;
  }
  .lp-data-table-stay .lp-data-table__element:nth-of-type(4),
  .lp-data-table__element:last-of-type{
    padding-right: calc(14 / var(--font-size) * 1rem);
  }
  .lp-data-table__element:nth-of-type(2) {
    max-width: calc(334 / var(--font-size) * 1rem);
  }
  .lp-data-table-stay .lp-data-table__element:nth-of-type(3n) .lp-data-table-item-text {
    text-align: center;
  }
  .lp-data-table__head .lp-data-table__element:last-of-type{
  }
  .lp-data-table__body .lp-data-table__block:last-of-type .lp-data-table__element:first-of-type{
  }
  .lp-data-table__body .lp-data-table__block:last-of-type .lp-data-table__element:last-of-type{
  }
  .lp-data-table__name{
    background-color: var(--white-color);
    padding: calc(8 / var(--font-size)* 1rem);
  }
  .lp-data-table__element.lp-data-table-menu{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .lp-data-table-overview{
    transform: translateZ(0);
  }
  .lp-data-table-overview .lp-data-table__element{
    background-color: var(--white-color);
  }
  .lp-data-table-overview .lp-data-table__element + .lp-data-table__element{
    border-left: 2px solid var(--gray-color-200);
  }
  .lp-data-table-overview .lp-data-table__element:last-of-type{
  }
  .lp-data-table-item-text {
    font-size: calc(15 / var(--font-size) * 1rem);
    font-feature-settings: "halt";
    word-break: break-word;
  }
  .lp-data-table-item-text > .txt-small{
    display: block;
    margin-top: calc(4 / var(--font-size) * 1rem);
    font-size: 75%;
  }
  .lp-data-table-item-text > .txt-note{
    color: var(--red-color)
  }
}

/* scene */
@media all and (min-width: 768px), print {
  .lp-scene-item + .lp-scene-item{
    margin-top: calc(64 / var(--font-size) * 1rem);
  }
  .lp-scene-item-row{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(40 / var(--font-size) * 1rem);
  }
  .lp-scene-item:nth-of-type(2n + 1) .lp-scene-item-text__in{
    padding-right: calc(42 / var(--font-size) * 1rem);
  }
  .lp-scene-item:nth-of-type(2n) .lp-scene-item-img{
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .lp-scene-item:nth-of-type(1) .lp-scene-item-text{
    margin-top: calc(6 / var(--font-size) * 1rem);
  }
  .lp-scene-item:nth-of-type(3) .lp-scene-item-img{
    margin-top: calc(14 / var(--font-size) * 1rem);
  }
    .lp-scene-item-img{
    flex-shrink: 0;
    width: calc(445 / var(--font-size) * 1rem);
  }
  .lp-scene-item-heading{
    line-height: 1.5;
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px), print {
  .lp-scene__inner{
    padding-bottom: calc(48 / var(--font-size) * 1rem);
  }
  .lp-scene__head{
    margin-bottom: calc(32 / var(--font-size) * 1rem);
  }
  .lp-scene-item + .lp-scene-item{
    margin-top: calc(48 / var(--font-size) * 1rem);
  }
  .lp-scene-item-row{
    display: flex;
    flex-direction: column-reverse;
    gap: calc(16 / var(--font-size) * 1rem);
  }
  .lp-scene-item-img{
    flex-shrink: 0;
  }
  .lp-scene-item-heading{
    line-height: 1.5;
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
}

/* foot */
@media all and (min-width: 768px), print {
  .lp-copy__inner{
    padding-left: calc(32 / var(--font-size)* 1rem);
    padding-right: calc(32 / var(--font-size)* 1rem);
  }
  .lp-copy-text__label{
    font-size: calc(10 / var(--font-size)* 1rem);
    font-weight: bold;
  }
}
@media all and (max-width: 767px), print {
  .lp-copy__inner{
    padding-left: calc(21 / var(--font-size)* 1rem);
    padding-right: calc(21 / var(--font-size)* 1rem);
  }
  .lp-copy-text{
    padding-right: calc(56 / var(--font-size)* 1rem);
  }
  .lp-copy-text__label{
    font-size: calc(10 / var(--font-size)* 1rem);
    font-weight: bold;
    letter-spacing: 0;
  }
}

/* page-top */
@media all and (min-width: 768px), print {
  .page-top .c-icon{
    --btn-bg-color: var(--primary-color-500);
    --btn-border-color: var(--primary-color-500);
    --btn-icon-color: var(--white-color);
  }
  .page-top a:hover .c-icon{
    --btn-bg-color: var(--white-color);
    --btn-border-color: var(--primary-color-500);
    --btn-icon-color: var(--primary-color-500);
  }
  .page-top .c-icon-ico .c-svg{
    fill: var(--primary-color-500);
  }
}
@media all and (max-width: 767px), print {
  .page-top .c-icon{
    --btn-bg-color: var(--primary-color-500);
    --btn-border-color: var(--white-color);
    --btn-icon-color: var(--white-color);
  }
  .page-top{
    margin-right: calc(14 / var(--font-size) * 1rem);
    margin-bottom: calc(25 / var(--font-size) * 1rem);
  }
  .page-top .c-icon-ico .c-svg{
    fill: var(--primary-color-500);
  }
}