/*========================================================================== 
  lp
========================================================================== */ 
:root{
  --gray-color-1000: #3c3c3c;
  --black-color: #000;
  --service-color: #E29300;
}
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);
  }
}
/* lp common */
@media all and (min-width: 768px), print{
  .lp__inner {
    position: relative;
    overflow-x: hidden;
    padding-bottom: 0;
  }
  .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/kld/api/container_bg01_sp.png);
    z-index: -3;
  }
  .lp__inner {
    position: relative;
    overflow-x: hidden;
    padding-bottom: calc(0 / 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(34 / 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(--service-color);
  }
  /* 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);
  }
  .service-c-heading__label::before {
    background-color: var(--service-color);
  }
}
@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(--service-color);
  }
  /* 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);
  }
  .service-c-heading__label::before {
    background-color: var(--service-color);
  }
}
/* mv */
@media all and (min-width: 768px), print {
  .lp-mv{
    position: relative;
    padding-top: calc(31 / var(--font-size) * 1rem);
  }
  .lp-mv__inner{
    width: 100%;
    padding: 0 calc(100 / var(--font-size) * 1rem);
  }
  .lp-mv__body {
    display: flex;
    justify-content: center;
    gap: calc(45 / var(--font-size) * 1rem);
  }
  .lp-mv-logo{
    width: 100%;
    max-width: calc(224 / 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-content__body{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: 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{
    gap: calc(10 / var(--font-size) * 1rem);
  }
  .lp-mv-heading .lp-heading__label > span {
    background-color: var(--service-color);
  }
  .lp-mv-img {
    width: calc(451 / var(--font-size) * 1rem);
  }
  .lp-heading-btn {
    margin-top: calc(18 / var(--font-size) * 1rem);
  }
  .lp-heading-btn .btn-wrapper {
    max-width: calc(260 / var(--font-size) * 1rem);
  }
  .lp-heading-btn .c-btn {
    --btn-min-height: 67;
    --btn-txt-font-size: 17;
  }
}
@media all and (max-width: 767px), print {
  .lp-mv{
    position: relative;
    padding-top: calc(31 / var(--font-size) * 1rem);
  }
  .lp-mv__inner{
    width: 100%;
    padding: 0 calc(16 / var(--font-size) * 1rem);
  }
  .lp-mv__body {
  }
  .lp-mv-logo{
    width: 100%;
    max-width: calc(224 / 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-content__body{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .lp-mv-heading {
    font-size: calc(24.83 / 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);
  }
  .lp-mv-heading .lp-heading__label > span {
    background-color: var(--service-color);
  }
  .lp-mv-img {
    width: calc(300 / var(--font-size) * 1rem);
    position: absolute;
    bottom: calc(80 / var(--font-size) * 1rem);
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  .lp-heading-btn {
    width: 100%;
    padding-top: calc(359 / var(--font-size) * 1rem);
  }
  .lp-heading-btn .btn-wrapper {
    margin: auto;
    max-width: calc(264 / var(--font-size) * 1rem);
  }
  .lp-heading-btn .c-btn {
    --btn-min-height: 64;
    --btn-txt-font-size: 17;
  }
}
/* intro */
@media all and (min-width: 768px), print {
  .lp-intro{
    margin-top: calc(70 / var(--font-size)* 1rem);
  }
  .lp-intro__inner{
    max-width: calc(1280 / var(--font-size)* 1rem);
    margin: 0 auto;
    padding-left: calc(57 / var(--font-size)* 1rem);
    padding-right: calc(57 / var(--font-size)* 1rem);
  }
  .lp-intro-heading{
    background-color: var(--service-color);
    padding-top: calc(12 / var(--font-size)* 1rem);
    padding-bottom: calc(16 / var(--font-size)* 1rem);
  }
  .lp-intro-heading__label{
    font-size: calc(24 / var(--font-size)* 1rem);
    color: var(--white-color);
    text-align: center;
  }
  .lp-intro-heading__sub{
    font-size: calc(18 / var(--font-size)* 1rem);
  }
  .lp-intro-box{
    border: solid var(--service-color) calc(2 / var(--font-size)* 1rem);
  }
  .lp-intro-box__inner{
    padding: calc(28 / var(--font-size)* 1rem) calc(48 / var(--font-size)* 1rem) calc(46 / var(--font-size)* 1rem);
  }
  .lp-intro-box-lead{
  }
  .lp-intro-box-lead__label{
    font-size: calc(24 / var(--font-size)* 1rem);
    font-weight: bold;
    text-align: center;
    margin-left: calc(-8 / var(--font-size)* 1rem);
    margin-right: calc(-8 / var(--font-size)* 1rem);
  }
  .lp-intro-box-lead__sub{
    font-size: calc(18 / var(--font-size)* 1rem);
  }
  .lp-intro-box-img {
    padding-left: calc(32 / var(--font-size) * 1rem);
    padding-right: calc(34 / var(--font-size) * 1rem);
  }
  .lp-intro-box__foot {
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .lp-intro-box-btn .c-btn {
    --btn-txt-font-size: 17;
    --btn-min-height: 64;
    width: calc(272 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
}
@media all and (max-width: 767px), print {
  .lp-intro{
    margin-top: calc(28 / var(--font-size)* 1rem);
  }
  .lp-intro__inner{
    margin: 0 auto;
    padding-left: calc(21 / var(--font-size)* 1rem);
    padding-right: calc(21 / var(--font-size)* 1rem);
  }
  .lp-intro-heading{
    background-color: var(--service-color);
    padding-top: calc(18 / var(--font-size)* 1rem);
    padding-bottom: calc(18 / var(--font-size)* 1rem);
  }
  .lp-intro-heading__label{
    font-size: calc(22 / var(--font-size)* 1rem);
    color: var(--white-color);
    text-align: center;
  }
  .lp-intro-heading__sub{
    font-size: calc(16 / var(--font-size)* 1rem);
  }
  .lp-intro-box{
    border: solid var(--service-color) calc(2 / var(--font-size)* 1rem);
  }
  .lp-intro-box__inner{
    padding: calc(24 / var(--font-size)* 1rem) calc(12 / var(--font-size)* 1rem) calc(41 / var(--font-size)* 1rem);
  }
  .lp-intro-box-lead{
    margin-bottom: calc(20 / var(--font-size)* 1rem);
  }
  .lp-intro-box-lead__label{
    font-size: calc(18 / var(--font-size)* 1rem);
    font-weight: bold;
    line-height: 1.8;
  }
  .lp-intro-box-lead__sub{
    font-size: calc(12 / var(--font-size)* 1rem);
  }
  .lp-intro-box-img {
    width: calc(250 / var(--font-size) * 1rem);
    margin: auto;
  }
}

/* point */
@media all and (min-width: 768px), print {
  .lp-point {
    margin-top: calc(80 / var(--font-size) * 1rem);
  }
  .lp-point__head {
    margin-bottom: calc(50 / var(--font-size) * 1rem);
  }
  .lp-point__body {
  }
  .lp-point-list {
    display: flex;
    gap: calc(43 / var(--font-size) * 1rem);
    justify-content: center;
    align-items: stretch;
  }
  .point-list-item {
    flex: 1;
    aspect-ratio: 1/1;
  }
  .point-list-item__in {
    height: 100%;
    background-color: var(--white-color);
    border-radius: 9999px;
    padding: calc(24 / var(--font-size) * 1rem) calc(16 / var(--font-size) * 1rem) calc(40 / var(--font-size) * 1rem);
  }
  .point-list-item__content {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .point-list-item__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .point-list-item-heading {
    text-align: center;
  }
  .point-list-item-heading__num {
    font-size: calc(50 / var(--font-size) * 1rem);
    font-weight: 800;
    font-family: 'Roboto Condensed', sans-serif;
    color: #DCF1F5;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: var(--service-color);
  }
  .point-list-item-lead {
    color: #0E0D6A;
    font-weight: 700;
    font-size: calc(20 / var(--font-size) * 1rem);
    line-height: 1.7;
    
    text-align: center;
  }
}
@media all and (max-width: 767px), print {
  .lp-point {
    margin-top: calc(80 / var(--font-size) * 1rem);
  }
  .lp-point__head {
    margin-bottom: calc(50 / var(--font-size) * 1rem);
  }
  .lp-point__body {
  }
  .lp-point-list {
    margin-left: calc(-20 / var(--font-size) * 1rem);
    margin-right: calc(-20 / var(--font-size) * 1rem);
    display: flex;
    flex-direction: column;
    gap: calc(24 / var(--font-size) * 1rem);
    justify-content: center;
    align-items: stretch;
  }
  .point-list-item {
    width: 100%;
    margin: auto;
  }
  .point-list-item__in {
    height: 100%;
    background-color: var(--white-color);
    padding: calc(20 / var(--font-size) * 1rem) calc(28 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
  .point-list-item__content {
    height: 100%;
    display: flex;
    align-items: center;
    gap: calc(24 / var(--font-size) * 1rem);
  }
  .point-list-item__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .point-list-item-heading {
    text-align: center;
  }
  .point-list-item-heading__num {
    font-size: calc(50 / var(--font-size) * 1rem);
    font-weight: 800;
    font-family: 'Roboto Condensed', sans-serif;
    color: #DCF1F5;
    line-height: 1;
    letter-spacing: 0.05em;
    color: var(--service-color);
  }
  .point-list-item-lead {
    color: #0E0D6A;
    font-weight: 700;
    font-size: calc(16 / var(--font-size) * 1rem);
    line-height: 1.8;
  }
}

/* scene */
@media all and (min-width: 768px), print {
  .lp-scene {
    background-color: #F5F7FA;
    padding: calc(80 / var(--font-size) * 1rem) 0 calc(90 / var(--font-size) * 1rem);
  }
  .lp-scene-list {
    display: flex;
    justify-content: center;
    align-items: stretch;
  }
  .lp-scene-item  {
    height: auto;
    flex: 1;
  }
  .lp-scene-body {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
  }
  .lp-scene-item-heading{
    line-height: 1.5;
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .lp-scene-item.--01 {
    --scene-img-width: 259;
    --scene-img-gap: 50;
  }
  .lp-scene-item.--02 {
    --scene-img-width: 186;
    --scene-img-gap: 40;
  }
  .lp-scene-item.--03 {
    --scene-img-width: 150;
    --scene-img-gap: 33;
  }
  .lp-scene-img {
    width: calc(var(--scene-img-width) / var(--font-size) * 1rem);
    margin-bottom: calc(var(--scene-img-gap) / var(--font-size) * 1rem);
  }
  .lp-scene-lead {
    color: var(--primary-color-500);
    font-weight: 700;
    font-size: calc(19 / var(--font-size) * 1rem);
    text-align: center;
  }
}
@media all and (max-width: 767px), print {
  .lp-scene {
    background-color: #F5F7FA;
    padding: calc(40 / var(--font-size) * 1rem) 0 calc(40 / var(--font-size) * 1rem);
  }
  .lp-scene-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
  }
  .lp-scene-item  {
    height: auto;
    flex: 1;
  }
  .lp-scene__head{
    margin-bottom: calc(40 / var(--font-size) * 1rem);
  }
  .lp-scene-item + .lp-scene-item{
    margin-top: calc(48 / var(--font-size) * 1rem);
  }
  .lp-scene-body {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    gap: calc(33 / var(--font-size) * 1rem);
  }
  .lp-scene-item-heading{
    line-height: 1.5;
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .lp-scene-item.--01 {
    --scene-img-width: 202;
  }
  .lp-scene-item.--02 {
    --scene-img-width: 132;
  }
  .lp-scene-item.--03 {
    --scene-img-width: 140;
  }
  .lp-scene-img {
    height: 100%;
    width: calc(var(--scene-img-width) / var(--font-size) * 1rem);
  }
  .lp-scene-lead {
    color: var(--primary-color-500);
    font-weight: 700;
    font-size: calc(16 / var(--font-size) * 1rem);
    text-align: center;
  }
}

/* data */
@media all and (min-width: 768px), print {
  .service-data {
    background-color: unset;
  }
  .service-data__head {
    margin-bottom: calc(42 / var(--font-size) * 1rem);
  }
  .service-data-lead {
    margin-bottom: calc(41 / var(--font-size) * 1rem);
  }
  .data-icon-list {
    width: calc(606 / var(--font-size) * 1rem);
    margin: 0 auto;
    display: grid;
    justify-items: center;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    column-gap: calc(54 / var(--font-size) * 1rem);
  }
  .data-icon-list-item {
    width: 100%;
  }
  .data-icon-list-item.--date05 {
    grid-row: 2;
  }
  .data-icon-list-item.--data06 {
    grid-row: 2;
  }
  .data-icon-list-item.--data07 {
    grid-row: 2;
  }
}
@media all and (max-width: 767px), print {
  .service-data {
    background-color: unset;
  }
  .service-merit-item-cooperation__inner {
    background-color: var(--white-color);
    padding: calc(32 / var(--font-size)* 1rem) calc(17 / var(--font-size)* 1rem) calc(24 / var(--font-size)* 1rem);
  }
  .service-merit-item-cooperation-title {
    font-size: calc(18 / var(--font-size)* 1rem);
    font-weight: bold;
    color: var(--primary-color-500);
    text-align: center;
    margin-bottom: calc(20 / var(--font-size)* 1rem);
  }
  .service-merit-item-cooperation-img {
    margin-right: calc(-17 / var(--font-size) * 1rem);
    overflow-x: scroll;
  }
  .service-merit-item-cooperation-img img {
    width: calc(800 / var(--font-size) * 1rem);
    padding-right: calc(17 / var(--font-size) * 1rem);
    padding-bottom: calc(15 / var(--font-size) * 1rem);
  }
  .service-merit-item-ico {
    margin: calc(32 / var(--font-size)* 1rem) 0;
  }
  .service-merit-item-ico__inner {
    display: flex;
    justify-content: center;
  }
  .service-merit-item-ico-multiply {
    display: block;
    width: calc(48 / var(--font-size)* 1rem);
    height: calc(48 / var(--font-size)* 1rem);
  }
  .service-merit-item-cooperation-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: auto;
    width: calc(204 / var(--font-size) * 1rem);
    column-gap: calc(12 / var(--font-size) * 1rem);
    row-gap: calc(17 / var(--font-size) * 1rem);
  }
  .service-merit-item-cooperation-item {
    width: 100%;
  }
  .service-merit-item-cooperation-item__head {
    display: flex;
    justify-content: center;
  }
  .service-merit-item-cooperation-item-img {
    width: calc(88 / var(--font-size) * 1rem);
    aspect-ratio: 1 / 1;
  }
  .service-merit-item-cooperation-item__body {
    margin-top: calc(16 / var(--font-size)* 1rem);
  }
  .service-merit-item-cooperation-item-text {
    font-size: calc(13 / var(--font-size)* 1rem);
    text-align: center;
  }
}

/* merit */
@media all and (min-width: 768px), print {
  .service-merit {
    padding: calc(80 / var(--font-size) * 1rem) 0 calc(90 / var(--font-size) * 1rem);
    background-color: #F5F7FA;
  }
  .service-merit__head {
    margin-bottom: calc(40 / var(--font-size) * 1rem);
  }
  .service-merit-item__body {
    padding-left: calc(80 / var(--font-size) * 1rem);
    padding-right: calc(80 / var(--font-size) * 1rem);
  }
  .service-merit-item-lead__label {
    color: #000;
  }
  .service-merit-point-list.--point01 .service-merit-point-img{
    width: calc(113 / var(--font-size) * 1rem);
  }
  .service-merit-point-list.--point02 .service-merit-point-img{
    width: calc(227 / var(--font-size) * 1rem);
  }
  .service-merit-point-list.--point03 .service-merit-point-img{
    width: calc(98 / var(--font-size) * 1rem);
  }
  .service-merit-item-cooperation__inner {
    background-color: var(--white-color);
    padding: calc(48 / var(--font-size)* 1rem) calc(83 / var(--font-size)* 1rem) calc(64 / var(--font-size)* 1rem);
  }
  .service-merit-item-cooperation-title {
    font-size: calc(18 / var(--font-size)* 1rem);
    font-weight: bold;
    color: var(--primary-color-500);
    text-align: center;
    margin-bottom: calc(32 / var(--font-size)* 1rem);
  }
  .service-merit-item-ico {
    margin: calc(32 / var(--font-size)* 1rem) 0;
  }
  .service-merit-item-ico__inner {
    display: flex;
    justify-content: center;
  }
  .service-merit-item-ico-multiply {
    display: block;
    width: calc(48 / var(--font-size)* 1rem);
    height: calc(48 / var(--font-size)* 1rem);
  }
  .service-merit-item-cooperation-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(16 / var(--font-size) * 1rem);
  }
  .service-merit-item-cooperation-item {
    width: calc((100% - calc((16 / var(--font-size)* 1rem)* 5)) / 6);
  }
  .service-merit-item-cooperation-item__head {
    display: flex;
    justify-content: center;
  }
  .service-merit-item-cooperation-item-img {
    width: calc(88 / var(--font-size) * 1rem);
    aspect-ratio: 1 / 1;
  }
  .service-merit-item-cooperation-item__body {
    margin-top: calc(16 / var(--font-size)* 1rem);
  }
  .service-merit-item-cooperation-item-text {
    font-size: calc(14 / var(--font-size)* 1rem);
    text-align: center;
  }
  .service-merit-item-note {
    max-width: calc(300 / var(--font-size) * 1rem);
    margin: calc(26 / var(--font-size) * 1rem) auto 0;
  }
  .service-merit-item-note-list-item {
    font-size: calc(10 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px), print {
  .service-merit {
    background-color: #F5F7FA;
  }
  .service-data__inner {
    max-width: 100%;
  }
  .service-data__head {
    margin-bottom: calc(40 / var(--font-size) * 1rem);
  }
  .service-data-lead {
    padding-left: calc(10 / var(--font-size) * 1rem);
    padding-right: calc(10 / var(--font-size) * 1rem);
  }
  .service-c-lead-text__label {
    font-size: calc(15.5 / var(--font-size) * 1rem);
  }
  .service-merit-item-lead__label {
    color: #000;
  }
  .service-merit-point-list.--point01 .service-merit-point-img{
    width: calc(100 / var(--font-size) * 1rem);
  }
  .service-merit-point-list.--point02 .service-merit-point-img{
    width: calc(227 / var(--font-size) * 1rem);
  }
  .service-merit-point-list.--point03 .service-merit-point-img{
    width: calc(98 / var(--font-size) * 1rem);
  }
  .service-feature-panel-content-item.--01 .service-feature-panel-content-ico__label{
    width: calc(72 / var(--font-size)* 1rem);
  }
  .service-feature-panel-content-item.--02 .service-feature-panel-content-ico__label{
    width: calc(76 / var(--font-size)* 1rem);
  }
  .service-feature-panel-content-item.--03 .service-feature-panel-content-ico__label{
    width: calc(73 / var(--font-size)* 1rem);
  }
  .service-feature-panel-content-item.--04 .service-feature-panel-content-ico__label{
    width: calc(101 / var(--font-size)* 1rem);
  }
}

/* flow */
@media all and (min-width: 768px), print {
  .service-flow {
    padding: calc(80 / var(--font-size) * 1rem) 0 calc(90 / var(--font-size) * 1rem);
  }
  .flow-list {
    justify-content: center;
  }
  .flow-list-item + .flow-list-item {
    margin-left: 0;
  }
  .flow-list-item-title__label {
    color: #232323;
    font-weight: 900;
  }
  .flow-list-item-text__label {
    color: #000;
    font-weight: 500;
    font-size: calc(14.5 / var(--font-size) * 1rem);
  }
  .flow-list-item.--step01 .flow-list-item-img__label{
    width: calc(78 / var(--font-size) * 1rem);
  }
  .flow-list-item.--step02 .flow-list-item-img__label{
    width: calc(78 / var(--font-size) * 1rem);
  }
  .flow-list-item.--step03 .flow-list-item-img__label{
    width: calc(98 / var(--font-size) * 1rem);
  }
  .flow-list-item.--step04 .flow-list-item-img__label{
    width: calc(100 / var(--font-size) * 1rem);
  }
  .flow-list-item.--step05 .flow-list-item-img__label{
    width: calc(78 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px), print {
  .service-flow {
    padding-top: calc(40 / var(--font-size) * 1rem);
    padding-bottom: calc(64 / var(--font-size) * 1rem);
  }
  .flow-list-item.--step01 .flow-list-item-img__label{
    width: calc(78 / var(--font-size) * 1rem);
  }
  .flow-list-item.--step02 .flow-list-item-img__label{
    width: calc(78 / var(--font-size) * 1rem);
  }
  .flow-list-item.--step03 .flow-list-item-img__label{
    width: calc(98 / var(--font-size) * 1rem);
  }
  .flow-list-item.--step04 .flow-list-item-img__label{
    width: calc(100 / var(--font-size) * 1rem);
  }
  .flow-list-item.--step05 .flow-list-item-img__label{
    width: calc(72 / var(--font-size) * 1rem);
  }
}

/* cta */
@media all and (min-width: 768px), print {
  .lp-cta-area {
    padding: calc(60 / var(--font-size) * 1rem) 0 calc(145 / var(--font-size) * 1rem);
  }
  .lp-cta-lead {
    text-align: center;
    color: var(--primary-color-500);
    font-weight: 700;
    font-size: calc(20 / var(--font-size) * 1rem);
    line-height: calc(20/25);
    letter-spacing: 0.01em;
  }
  .lp-cta-area .btn-wrapper {
    max-width: calc(260 / var(--font-size) * 1rem);
    margin: calc(44 / var(--font-size) * 1rem) auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(30 / var(--font-size) * 1rem);
  }
  .lp-cta-area .c-btn {
    --btn-txt-font-size: 17;
  }
  .lp-cta-area .c-btn--primary {
    --btn-min-height: 67;
    --btn-txt-font-size: 17;
  }
}
@media all and (max-width: 767px), print {
  .lp-cta-area {
    padding: calc(60 / var(--font-size) * 1rem) 0 calc(145 / var(--font-size) * 1rem);
  }
  .lp-cta-lead {
    text-align: center;
    color: var(--primary-color-500);
    font-weight: 700;
    font-size: calc(16.7 / var(--font-size) * 1rem);
    line-height: calc(20/25);
    letter-spacing: 0.01em;
  }
  .lp-cta-area .btn-wrapper {
    width: calc(230 / var(--font-size) * 1rem);
    margin: calc(44 / var(--font-size) * 1rem) auto 0;
    gap: calc(30 / var(--font-size) * 1rem);
  }
  .lp-cta-area .c-btn {
    --btn-txt-font-size: 15;
  }
  .lp-cta-area .c-btn + .c-btn {
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .lp-cta-area .c-btn--primary {
    --btn-min-height: 57;
    --btn-txt-font-size: 15;
  }
}

/* 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);
  }
}