.mg0 {
  margin: 0 !important; }

.mt0 {
  margin-top: 0 !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb25 {
  margin-bottom: 25px; }

.mb30 {
  margin-bottom: 30px; }

.mb35 {
  margin-bottom: 35px; }

.mb40 {
  margin-bottom: 40px; }

.mb45 {
  margin-bottom: 45px; }

.mb50 {
  margin-bottom: 50px; }

.mb55 {
  margin-bottom: 55px; }

.mb60 {
  margin-bottom: 60px; }

.mb65 {
  margin-bottom: 65px; }

.mb70 {
  margin-bottom: 70px; }

.mb75 {
  margin-bottom: 75px; }

.mb80 {
  margin-bottom: 80px; }

.mb85 {
  margin-bottom: 85px; }

.mb90 {
  margin-bottom: 90px; }

.mb95 {
  margin-bottom: 95px; }

.mb100 {
  margin-bottom: 100px; }

.mb105 {
  margin-bottom: 105px; }

.mb110 {
  margin-bottom: 110px; }

.mb115 {
  margin-bottom: 115px; }

.mb120 {
  margin-bottom: 120px; }

.mb125 {
  margin-bottom: 125px; }

.mb130 {
  margin-bottom: 130px; }

.mb135 {
  margin-bottom: 135px; }

.mb140 {
  margin-bottom: 140px; }

.mb145 {
  margin-bottom: 145px; }

.mb150 {
  margin-bottom: 150px; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt25 {
  margin-top: 25px; }

.mt30 {
  margin-top: 30px; }

.mt35 {
  margin-top: 35px; }

.mt40 {
  margin-top: 40px; }

.mt45 {
  margin-top: 45px; }

.mt50 {
  margin-top: 50px; }

.mt55 {
  margin-top: 55px; }

.mt60 {
  margin-top: 60px; }

.mt65 {
  margin-top: 65px; }

.mt70 {
  margin-top: 70px; }

.mt75 {
  margin-top: 75px; }

.mt80 {
  margin-top: 80px; }

.mt85 {
  margin-top: 85px; }

.mt90 {
  margin-top: 90px; }

.mt95 {
  margin-top: 95px; }

.mt100 {
  margin-top: 100px; }

.gap5 {
  gap: 5px; }

.gap10 {
  gap: 10px; }

.gap15 {
  gap: 15px; }

.gap20 {
  gap: 20px; }

.gap25 {
  gap: 25px; }

.gap30 {
  gap: 30px; }

.gap35 {
  gap: 35px; }

.gap40 {
  gap: 40px; }

.gap45 {
  gap: 45px; }

.gap50 {
  gap: 50px; }

.gap55 {
  gap: 55px; }

.gap60 {
  gap: 60px; }

.gap65 {
  gap: 65px; }

.gap70 {
  gap: 70px; }

.gap75 {
  gap: 75px; }

.gap80 {
  gap: 80px; }

.gap85 {
  gap: 85px; }

.gap90 {
  gap: 90px; }

.gap95 {
  gap: 95px; }

.gap100 {
  gap: 5.208vw; }

@media screen and (min-width: 768px) {
  .w15 {
    width: 15% !important;
    max-width: 15% !important; }

  .w16 {
    width: 16% !important;
    max-width: 16% !important; }

  .w17 {
    width: 17% !important;
    max-width: 17% !important; }

  .w18 {
    width: 18% !important;
    max-width: 18% !important; }

  .w19 {
    width: 19% !important;
    max-width: 19% !important; }

  .w20 {
    width: 20% !important;
    max-width: 20% !important; }

  .w21 {
    width: 21% !important;
    max-width: 21% !important; }

  .w22 {
    width: 22% !important;
    max-width: 22% !important; }

  .w23 {
    width: 23% !important;
    max-width: 23% !important; }

  .w24 {
    width: 24% !important;
    max-width: 24% !important; }

  .w25 {
    width: 25% !important;
    max-width: 25% !important; }

  .w26 {
    width: 26% !important;
    max-width: 26% !important; }

  .w27 {
    width: 27% !important;
    max-width: 27% !important; }

  .w28 {
    width: 28% !important;
    max-width: 28% !important; }

  .w29 {
    width: 29% !important;
    max-width: 29% !important; }

  .w30 {
    width: 30% !important;
    max-width: 30% !important; }

  .w31 {
    width: 31% !important;
    max-width: 31% !important; }

  .w32 {
    width: 32% !important;
    max-width: 32% !important; }

  .w33 {
    width: 33% !important;
    max-width: 33% !important; }

  .w34 {
    width: 34% !important;
    max-width: 34% !important; }

  .w35 {
    width: 35% !important;
    max-width: 35% !important; }

  .w36 {
    width: 36% !important;
    max-width: 36% !important; }

  .w37 {
    width: 37% !important;
    max-width: 37% !important; }

  .w38 {
    width: 38% !important;
    max-width: 38% !important; }

  .w39 {
    width: 39% !important;
    max-width: 39% !important; }

  .w40 {
    width: 40% !important;
    max-width: 40% !important; }

  .w41 {
    width: 41% !important;
    max-width: 41% !important; }

  .w42 {
    width: 42% !important;
    max-width: 42% !important; }

  .w43 {
    width: 43% !important;
    max-width: 43% !important; }

  .w44 {
    width: 44% !important;
    max-width: 44% !important; }

  .w45 {
    width: 45% !important;
    max-width: 45% !important; }

  .w46 {
    width: 46% !important;
    max-width: 46% !important; }

  .w47 {
    width: 47% !important;
    max-width: 47% !important; }

  .w48 {
    width: 48% !important;
    max-width: 48% !important; }

  .w49 {
    width: 49% !important;
    max-width: 49% !important; }

  .w50 {
    width: 50% !important;
    max-width: 50% !important; } }
.w100 {
  width: 100%; }

.fw400 {
  font-weight: 400 !important; }

.fw500 {
  font-weight: 500 !important; }

.fw600 {
  font-weight: 600 !important; }

.fw700 {
  font-weight: 700 !important; }

.lh1 {
  line-height: 1; }

.lh15 {
  line-height: 1.5; }

.lh17 {
  line-height: 1.7; }

.lh18 {
  line-height: 1.8; }

.lh20 {
  line-height: 2.0; }

.lh25 {
  line-height: 2.5; }

.ls-20 {
  letter-spacing: -0.02em; }

.ls0 {
  letter-spacing: 0em; }

.ls40 {
  letter-spacing: 0.04em; }

.ls60 {
  letter-spacing: 0.06em; }

.ls80 {
  letter-spacing: 0.08em; }

.ls100 {
  letter-spacing: .1em; }

.ls160 {
  letter-spacing: .16em; }

.ls200 {
  letter-spacing: .2em; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: 75px; }
  @media screen and (max-width: 1000px) {
    html {
      scroll-padding-top: 77.5px; } }

body {
  color: #070707;
  line-height: calc(32 / 18);
  font-size: 16px;
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 400; }
  @media screen and (min-width: 1920px) {
    body {
      background-size: 100%; } }
  @media screen and (max-width: 1000px) {
    body {
      -webkit-text-size-adjust: none; } }
  body.is_menu_open {
    overflow: hidden; }

.is_open .header__nav_sub_list {
  display: block; }

.hidden {
  overflow: hidden; }

.relative {
  position: relative; }

.poppins {
  font-family: "Poppins", serif; }

.italic {
  font-style: italic; }

a {
  text-decoration: none;
  color: #0D142B; }
  a.textlink, .single .under_content a {
    text-decoration: underline;
    color: #474D91; }

.block {
  display: block; }

.flex {
  display: flex; }
  .flex + .flex {
    margin-top: 80px; }
    @media (min-width: 768px) {
      .flex + .flex.borderB {
        margin-top: 40px; }
      #studio .flex + .flex {
        margin-top: 120px; }
      .facility_use .flex + .flex {
        margin-top: 30px; } }
    @media (max-width: 768px) {
      .flex + .flex {
        margin-top: 7vw; } }

.wrap {
  flex-wrap: wrap; }

.jc-sb {
  justify-content: space-between; }

.jc-end {
  justify-content: flex-end; }

.ai-center {
  align-items: center; }

.ai-start {
  align-items: flex-start; }

.left {
  text-align: left; }

.center {
  justify-content: center;
  text-align: center; }

.right {
  text-align: right; }

.reverse {
  flex-direction: row-reverse; }

ol, ul {
  list-style: none;
  padding: 0;
  margin: 0; }

@media (min-width: 1000.1px) {
  .pc_none {
    display: none; } }

@media (max-width: 1000px) {
  .sp_none {
    display: none !important; } }

@media (max-width: 1000px) {
  .sp_block {
    display: block; } }
.header_lp {
  padding: 15px 30px;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  background: white;
  z-index: 9; }
  @media (max-width: 1000px) {
    .header_lp {
      padding: 22px 25px 15px; } }
  .header_lp .header_lp_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .header_lp .header__main_ttl {
    width: 255px;
    padding-bottom: 12px; }
    @media (max-width: 1000px) {
      .header_lp .header__main_ttl {
        width: 250px; } }
  @media (max-width: 1000px) {
    .header_lp .gm {
      display: none;
      padding: 30px; }
      .is_menu_open .header_lp .gm {
        position: fixed;
        top: 77px;
        left: 0;
        right: 0;
        bottom: 0;
        background: white;
        display: block; } }
  .header_lp .gm ul {
    font-size: 15px;
    font-weight: 700;
    display: flex; }
    @media (min-width: 1000.1px) {
      .header_lp .gm ul {
        align-items: center; } }
    @media (max-width: 1330px) {
      .header_lp .gm ul {
        font-size: 10px; } }
    @media (max-width: 1000px) {
      .header_lp .gm ul {
        font-size: 15px;
        flex-wrap: wrap; } }
    .header_lp .gm ul li {
      position: relative; }
      @media (max-width: 1000px) {
        .header_lp .gm ul li {
          width: 100%; } }
      @media (max-width: 1000px) {
        .header_lp .gm ul li a {
          background: url("../../img/lp/kintone/icon_spmenu.svg") no-repeat right center;
          padding: 10px;
          height: 60px;
          border-bottom: 1px solid #D9D9D9;
          font-weight: 700;
          display: flex;
          align-items: center; } }
      .header_lp .gm ul li a:hover {
        color: #FFA01C; }
      @media (min-width: 1000.1px) {
        .header_lp .gm ul li + li {
          padding-left: 25px;
          margin-left: 30px; } }
      @media (max-width: 1330px) {
        .header_lp .gm ul li + li {
          padding-left: 15px;
          margin-left: 20px; } }
      @media (max-width: 1000px) {
        .header_lp .gm ul li + li {
          margin-left: 0;
          padding: 0; } }
      @media (min-width: 1000.1px) {
        .header_lp .gm ul li + li:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          margin: auto;
          height: 17px;
          border-left: 1px solid #707070; } }
    .header_lp .gm ul .contact {
      padding-left: 0; }
      @media (max-width: 1000px) {
        .header_lp .gm ul .contact {
          order: -1;
          margin-bottom: 30px; } }
      .header_lp .gm ul .contact:before {
        display: none; }
      .header_lp .gm ul .contact a {
        height: 45px;
        border-radius: 40px;
        display: flex;
        align-items: center;
        width: 205px;
        justify-content: center;
        gap: 15px;
        color: white;
        background: #FFA01C;
        position: relative;
        border: 2px solid #FFA01C;
        transition: 0.5s; }
        @media (max-width: 1330px) {
          .header_lp .gm ul .contact a {
            width: 150px; } }
        @media (max-width: 1000px) {
          .header_lp .gm ul .contact a {
            width: 205px;
            margin: auto; } }
        .header_lp .gm ul .contact a:hover {
          background: white; }
          .header_lp .gm ul .contact a:hover:before {
            background: url("../../img/lp/kintone/icon_mail_hover.svg") no-repeat; }
        .header_lp .gm ul .contact a:before {
          content: "";
          background: url("../../img/lp/kintone/icon_mail.svg") no-repeat;
          width: 22px;
          height: 15px;
          display: inline-block; }
          .header_lp .gm ul .contact a:before:hover {
            background: url("../../img/lp/kintone/icon_mail_hover.svg") no-repeat; }
        .header_lp .gm ul .contact a img {
          margin: 0;
          display: none; }
  .header_lp #btn_spmenu {
    width: 60px;
    cursor: pointer;
    position: absolute;
    right: 11px;
    top: 0;
    bottom: 0;
    padding: 18px 0 0; }
  .header_lp #btn_spmenu span {
    display: block;
    width: 35px;
    height: 5px;
    background-color: #FFA01C;
    margin: 0 auto;
    transition: all .3s ease-in-out;
    border-radius: 10px; }
  .header_lp #btn_spmenu p {
    text-align: center;
    margin-top: 3px;
    font-size: 12px;
    font-weight: bold; }
  .header_lp #btn_spmenu span:nth-of-type(1) {
    margin-top: 0px; }
  .header_lp #btn_spmenu span:nth-of-type(2), .header_lp #btn_spmenu span:nth-of-type(3) {
    margin-top: 6px; }
  body.is_menu_open .header_lp #btn_spmenu span:nth-child(1) {
    transform: rotate(45deg);
    margin-top: 10px; }
  body.is_menu_open .header_lp #btn_spmenu span:nth-child(2) {
    transform: rotate(45deg);
    margin-top: -5px; }
  body.is_menu_open .header_lp #btn_spmenu span:nth-child(3) {
    transform: rotate(-45deg);
    margin-top: -5px;
    margin-bottom: 20px; }
  .header_lp .js_header__nav_btn_inner {
    height: 27px;
    overflow: hidden; }

.main {
  position: relative; }
  .main .main_txt {
    position: absolute;
    top: 127px;
    left: 73px; }
    @media (max-width: 1000px) {
      .main .main_txt {
        left: 4vw;
        top: 50px;
        text-align: center;
        right: 4vw; } }
    @media (min-width: 1000.1px) {
      .main .main_txt {
        top: 6.61vw; } }
    .main .main_txt .main_logo {
      margin-bottom: 35px; }
      @media (max-width: 1000px) {
        .main .main_txt .main_logo {
          margin-bottom: -1vw; } }
      @media (min-width: 1000.1px) {
        .main .main_txt .main_logo {
          height: auto; } }
      @media (min-width: 1000.1px) {
        .main .main_txt .main_logo img {
          width: 35.26vw;
          height: auto; } }
    .main .main_txt .main_ttl {
      font-size: 53px;
      letter-spacing: .08em; }
      @media (max-width: 1000px) {
        .main .main_txt .main_ttl {
          font-size: 17px; } }
      @media (min-width: 1000.1px) {
        .main .main_txt .main_ttl {
          font-size: 2.76vw; } }
      .main .main_txt .main_ttl span {
        font-size: 39px;
        line-height: calc(53 / 39);
        letter-spacing: .19em;
        display: inline-block;
        margin-top: 15px; }
        @media (max-width: 1000px) {
          .main .main_txt .main_ttl span {
            font-size: 4vw;
			color:#dd1115;} }
        @media (min-width: 1000.1px) {
          .main .main_txt .main_ttl span {
            font-size: 2.03vw;
            margin-top: 1.04vw;
			color:#dd1115} }
  @media (min-width: 1000.1px) {
    .main .main_img {
      display: flex;
      justify-content: flex-end;
      overflow: hidden;
      height: 37vw; } }
  @media (min-width: 1000.1px) {
    .main .main_img {
      display: block; } }
  .main .main_img img {
    width: 100%; }
    @media (min-width: 1000.1px) {
      .main .main_img img {
        width: fit-content;
        max-width: fit-content; } }
    @media (min-width: 1000.1px) {
      .main .main_img img {
        width: 100%;
        max-width: 100%; } }
  .main .partner {
    position: absolute;
    bottom: 30px;
    left: 104px;
    display: flex;
    align-items: center;
    gap: 17px;
    font-size: 13px;
    line-height: calc(20 / 16); }
    @media (max-width: 1000px) {
      .main .partner {
        gap: 13px;
        font-size: 2.4vw;
        line-height: calc(16 / 10);
        bottom: 3vw;
        left: 4vw;
        letter-spacing: .1em; }
        .main .partner img {
          width: 38.7vw;
          height: auto; } }
    @media (min-width: 1000.1px) {
      .main .partner {
        font-size: 0.67vw;
		display:none;}
        .main .partner img {
          width: 10.57vw;
          height: auto; } }

.fv__listwrap__textwrap {
    margin-top: 1.3131313131vw;
	display: grid;
    grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	width:700px;
}
.fv__listwrap__text {
    list-style: none;
    color: #fff;
    background-color: #FFA01C;
    border-radius: 999px;
    padding: 10px 30px;
    font-size: clamp(14px, 1.5151515152vw, 18px);
    letter-spacing: 0.1em;
    font-weight: 600;
	text-align:center;
}

.portrait {
  padding: 31px 0px;
  background: #CCF5EA; }
  @media (max-width: 1000px) {
    .portrait {
      padding: 10px 0px; } }
  @media (min-width: 1000.1px) {
    .portrait .inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px; } }
  .portrait .inner dl {
    max-width: 310px;
    font-size: 12px; }
    @media (max-width: 1000px) {
      .portrait .inner dl {
        font-size: 9px; } }
    .portrait .inner dl dt {
      font-size: 14px;
      font-weight: 700; }
      @media (max-width: 1000px) {
        .portrait .inner dl dt {
          font-size: 10px; } }
  .portrait .inner .CyPNReport {
    display: flex;
    align-items: center;
    gap: 20px;
    min-height: 105px;
    padding-left: 58px;
    position: relative; }
    @media (max-width: 1000px) {
      .portrait .inner .CyPNReport {
        padding-left: 10px;
        gap: 10px;
        min-height: auto;
        border-bottom: 1px solid #87DDD9;
        margin: auto;
        width: fit-content; }
        .portrait .inner .CyPNReport img {
          width: 117px; } }
    @media (min-width: 1000.1px) {
      .portrait .inner .CyPNReport:before {
        content: "";
        position: absolute;
        left: 0;
        margin: auto;
        background: url("../../img/lp/kintone/icon_portrait.svg") no-repeat;
        width: 67px;
        height: 111px; } }
  .portrait .inner .CYBOZUAWARD {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-right: 38px;
    position: relative; }
    @media (max-width: 1000px) {
      .portrait .inner .CYBOZUAWARD {
        gap: 10px;
        padding: 0 0 0 10px;
        margin: auto;
        width: fit-content; }
        .portrait .inner .CYBOZUAWARD img {
          width: 117px; } }
    @media (min-width: 1000.1px) {
      .portrait .inner .CYBOZUAWARD:before {
        content: "";
        position: absolute;
        right: 0;
        margin: auto;
        background: url("../../img/lp/kintone/icon_portrait.svg") no-repeat;
        width: 67px;
        height: 111px;
        transform: scale(-1, 1); } }

.inner {
  max-width: 1160px;
  padding: 0 10px;
  margin: auto; }

.realization {
  overflow: hidden;
  padding: 75px 0 60px;
  background: white; }
  @media (max-width: 1000px) {
    .realization {
      padding: 20px 10px 30px; } }
  .realization .realization_ttl {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    letter-spacing: .06em;
    line-height: calc(43 / 22);
    margin-bottom: 35px;
    color: #FFA01C; }
    @media (max-width: 1000px) {
      .realization .realization_ttl {
        margin-bottom: 20px;
        font-size: 14px; } }
@keyframes loop_animation_right {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-100%); } }
  .realization .realization_list {
    display: flex;
    gap: 20px;
    animation: loop_animation_right 40s linear infinite;
    margin-bottom: 52px;
    margin-right: 20px; }
    @media (max-width: 1000px) {
      .realization .realization_list {
        margin-bottom: 14px; }
        .realization .realization_list li {
          width: 108px; } }
    @media (min-width: 1000.1px) {
      .realization .realization_list img {
        max-width: fit-content; } }

.btn {
  margin: 0 30px; }
  .btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 420px;
    height: 68px;
    margin: auto;
    border-radius: 50px;
    position: relative;
    box-shadow: 0 5px 0 #E58706;
    background: url("../../img/lp/kintone/icon_btn.svg") no-repeat #FFA01C right 28px center;
    color: white;
    border: 2px solid #FFA01C;
    font-weight: 700;
    transition: 0.3s;  }
    @media (max-width: 1000px) {
      .btn a {
        height: 50px; } }
    .btn a:hover {
      background: url("../../img/lp/kintone/icon_btn_hover.svg") no-repeat #fff right 28px center;
      color: #FFA01C;
      transition: 0.5s;}

.btn2 a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 420px;
    height: 68px;
    margin: auto;
    border-radius: 50px;
    position: relative;
    box-shadow: 0 5px 0 #E58706;
    background: #FFA01C ;
    color: white;
    border: 2px solid #FFA01C;
    font-weight: 700;
    transition: 0.3s;
}

    @media (max-width: 1000px) {
      .btn2 a {
        height: 50px; } }
    .btn2 a:hover {
    background:#fff left 100px center;
      color: #FFA01C;
      transition: 0.5s;}


.problem {
  position: relative; }
  .problem .problem_ttl_wrap {
    padding: 83px 0 62px;
    background: url("../../img/lp/kintone/problem_bg01.svg") #CCF5EA no-repeat top center; }
    @media (max-width: 1000px) {
      .problem .problem_ttl_wrap {
        padding: 27px 0 12px;
        background: url("../../img/lp/kintone/problem_bg01_sp.svg") #CCF5EA no-repeat top center; }
        .problem .problem_ttl_wrap img {
          height: auto; } }
    @media (min-width: 1000.1px) {
      .problem .problem_ttl_wrap .problem_ttl {
        display: flex; } }
    .problem .problem_ttl_wrap .problem_ttl_txt {
      font-size: 34px;
      text-align: center;
      width: auto;
      display: grid;
      margin: 10px 0 0px 0px;
      letter-spacing: .06em; }
      @media (max-width: 1000px) {
        .problem .problem_ttl_wrap .problem_ttl_txt {
          font-size: 20px;
          margin: 0; } }
    @media (min-width: 1000.1px) {
      .problem .problem_ttl_wrap .problem_ttl_img img {
        max-width: fit-content; } }
    @media (max-width: 1000px) {
      .problem .problem_ttl_wrap .problem_ttl_img img {
        width: 137px;
        margin: 0 auto;
        height: auto;
        display: block; } }
  .problem .problem_content {
    display: flex; }
    @media (max-width: 1000px) {
      .problem .problem_content {
        display: block; } }
    @media (min-width: 1000.1px) {
      .problem .problem_content > * {
        width: 50%;
        display: flex; } }
    .problem .problem_content .problem_content_inner {
      padding: 0 30px 230px; }
      @media (min-width: 1000.1px) {
        .problem .problem_content .problem_content_inner {
          max-width: 600px; } }
      @media (max-width: 1000px) {
        .problem .problem_content .problem_content_inner {
          padding: 0 10px 20px; } }
      .problem .problem_content .problem_content_inner .problem_content_ttl {
        font-size: 26px;
        min-height: 172px;
        position: relative;
        padding: 48px 10px 10px 140px;
        display: flex;
        align-items: center; }
        @media (max-width: 1000px) {
          .problem .problem_content .problem_content_inner .problem_content_ttl {
            min-height: auto;
            padding: 23px 50px 21px 160px;
            font-size: 18px; } }
    .problem .problem_content .problem_list {
      font-size: 18px; }
      @media (max-width: 1000px) {
        .problem .problem_content .problem_list {
          font-size: 16px; } }
      .problem .problem_content .problem_list li + li {
        margin-top: 30px; }
        @media (max-width: 1000px) {
          .problem .problem_content .problem_list li + li {
            margin-top: 10px; } }
      .problem .problem_content .problem_list dl {
        border-radius: 10px;
        overflow: hidden;
        background: white;
        border: 2px solid; }
      .problem .problem_content .problem_list dt {
        position: relative;
        font-size: 22px;
        text-align: center;
        padding: 11px 11px 11px 21px;
        color: white;
        font-weight: 700; }
        @media (max-width: 1000px) {
          .problem .problem_content .problem_list dt {
            font-size: 16px;
            padding: 8px 11px 12px 90px;
            line-height: calc(22 / 16);
            text-align: left; } }
        .problem .problem_content .problem_list dt:after {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          top: 100%;
          border: solid transparent;
          border-width: 15px 15px 0;
          width: 0;
          height: 0;
          margin: auto; }
          @media (max-width: 1000px) {
            .problem .problem_content .problem_list dt:after {
              border-width: 10px 10px 0; } }
        .problem .problem_content .problem_list dt .problem_num {
          position: absolute;
          top: 10px;
          left: 0;
          font-size: 15px;
          display: flex;
          align-items: center;
          gap: 5px;
          width: 113px;
          height: 40px;
          padding: 5px 10px 5px 16px;
          color: #070707;
          background: #FFD900;
          border-bottom: 1px solid; }
          @media (max-width: 1000px) {
            .problem .problem_content .problem_list dt .problem_num {
              top: 4px;
              font-size: 12px;
              gap: 1px;
              width: 78px;
              height: 27px;
              padding: 0px 10px 0px 8px; } }
          .problem .problem_content .problem_list dt .problem_num:after {
            content: "";
            position: absolute;
            right: 0;
            border: solid transparent;
            border-width: 20px 10px 20px 0; }
          .problem .problem_content .problem_list dt .problem_num span {
            font-size: 26px;
            font-weight: 400; }
            @media (max-width: 1000px) {
              .problem .problem_content .problem_list dt .problem_num span {
                font-size: 16px; } }
      .problem .problem_content .problem_list dd {
        padding: 19px 37px 19px 100px;
        font-weight: 700;
        letter-spacing: .04em;
        line-height: calc(28 / 18);
		background: url(../../img/lp/kintone/icon_problem_check.svg) no-repeat left 28px top 18px;}
        @media (max-width: 1000px) {
          .problem .problem_content .problem_list dd {
            background-size: 30px;
            background-position: top 15px left 15px;
            padding: 9px 15px 9px 64px;
            min-height: 55px; } }
    .problem .problem_content .utilized {
      background: url("../../img/lp/kintone/problem_bg02.svg") #9EE9F3 no-repeat top left; }
      @media (max-width: 1000px) {
        .problem .problem_content .utilized {
          background: url("../../img/lp/kintone/problem_bg02_sp.svg") #9EE9F3 no-repeat top left/100%; } }
      .problem .problem_content .utilized .problem_content_ttl:before {
        content: "";
        position: absolute;
        left: -13px;
        bottom: 0;
        background: url("../../img/lp/kintone/icon_utilized.svg") no-repeat top left/100%;
        width: 166px;
        height: 172px; }
        @media (max-width: 1000px) {
          .problem .problem_content .utilized .problem_content_ttl:before {
            width: 104px;
            height: 108px;
            left: 10px; } }
      .problem .problem_content .utilized .problem_list dl {
        border-color: #00B8EF; }
      .problem .problem_content .utilized .problem_list dt {
        background: #00b8ef; }
        .problem .problem_content .utilized .problem_list dt:after {
          border-top-color: #00b8ef; }
      .problem .problem_content .utilized .problem_list .problem_num:after {
        border-right-color: #00b8ef; }
    .problem .problem_content .thinking {
      justify-content: flex-end;
      background: url("../../img/lp/kintone/problem_bg03.svg") #D8F8A8 no-repeat top left; }
      @media (max-width: 1000px) {
        .problem .problem_content .thinking {
          background: url("../../img/lp/kintone/problem_bg03_sp.svg") #D8F8A8 no-repeat top left/100%; } }
      @media (max-width: 1000px) {
        .problem .problem_content .thinking .problem_content_ttl {
          padding: 23px 50px 21px 140px;
          text-align: center; } }
      .problem .problem_content .thinking .problem_content_ttl:before {
        content: "";
        position: absolute;
        left: 8px;
        bottom: 0;
        background: url("../../img/lp/kintone/icon_thinking.svg") no-repeat center/100%;
        width: 137px;
        height: 155px; }
        @media (max-width: 1000px) {
          .problem .problem_content .thinking .problem_content_ttl:before {
            width: 94px;
            height: 107px;
            left: 27px; } }
      .problem .problem_content .thinking .problem_list dl {
        border-color: #51be00; }
      .problem .problem_content .thinking .problem_list dt {
        background: #51be00; }
        .problem .problem_content .thinking .problem_list dt:after {
          border-top-color: #51be00; }
      .problem .problem_content .thinking .problem_list dd {
        background-image: url(../../img/lp/kintone/icon_problem_check02.svg); }
      .problem .problem_content .thinking .problem_list .problem_num:after {
        border-right-color: #51be00; }
  .problem .problem_result {
    font-size: 26px;
    font-weight: 700;
    padding: 10px;
    text-align: center;
    margin: auto; }
    @media (min-width: 1000.1px) {
      .problem .problem_result {
        width: fit-content;
        position: absolute;
        bottom: 61px;
        z-index: 1;
        left: 0;
        right: 0; } }
    @media (max-width: 1000px) {
      .problem .problem_result {
        font-size: 18px;
        padding: 29px 10px 0;
        line-height: calc(27 / 18);
        background: #CCF5EA; } }
    .problem .problem_result:after {
      content: "";
      background: url("../../img/lp/kintone/icon_bizhou02.svg");
      background-size: 100%; }
      @media (min-width: 1000.1px) {
        .problem .problem_result:after {
          position: absolute;
          left: 100%;
          bottom: 0;
          top: 0;
          width: 195px;
          height: 194px;
          margin: auto; } }
      @media (max-width: 1000px) {
        .problem .problem_result:after {
          width: 129px;
          height: 129px;
          margin: 8px auto 0;
          display: block; } }

#service {
  padding: 70px 0; }
  @media (max-width: 1000px) {
    #service {
      padding: 32px 0; } }
  #service .feature_ttl {
    text-align: center;
    margin-bottom: 50px;
    position: relative; }
    @media (max-width: 1000px) {
      #service .feature_ttl {
        margin-bottom: 10px; } }
    #service .feature_ttl:after {
      content: "";
      width: 202px;
      height: 193px;
      background: url("../../img/lp/kintone/icon_bizhou03.svg") no-repeat; }
      @media (min-width: 1000.1px) {
        #service .feature_ttl:after {
          position: absolute;
          right: 86px;
          top: 24px; } }
      @media (max-width: 1000px) {
        #service .feature_ttl:after {
          background-size: 100%;
          width: 108px;
          height: 103px;
          display: block;
          margin: 11px auto 23px; } }
  #service .feature_ttl01 {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    padding: 0 40px;
    display: inline-block;
    margin-bottom: 27px; }
    @media (max-width: 1000px) {
      #service .feature_ttl01 {
        margin-bottom: 17px;
        font-size: 13px;
        padding: 0 35px 10px; } }
    #service .feature_ttl01:before, #service .feature_ttl01:after {
      content: "";
      position: absolute;
      bottom: 0;
      background: url("../../img/lp/kintone/feature_ttl_mark01.svg") no-repeat;
      width: 40px;
      height: 41px; }
      @media (max-width: 1000px) {
        #service .feature_ttl01:before, #service .feature_ttl01:after {
          width: 40px;
          height: 41px;
          background-size: 35px; } }
    #service .feature_ttl01:before {
      left: 0; }
    #service .feature_ttl01:after {
      right: 0;
      background: url("../../img/lp/kintone/feature_ttl_mark02.svg") no-repeat; }
  #service .feature_ttl02 {
    position: relative;
    font-size: 34px;
    line-height: calc(50 / 34);
    margin-bottom: 12px;
    display: inline-block;
    letter-spacing: .06em; }
    @media (max-width: 1000px) {
      #service .feature_ttl02 {
        font-size: 18px;
        padding-left: 60px;
        margin-bottom: 5px; } }
    #service .feature_ttl02:before {
      content: "";
      background: url("../../img/lp/kintone/feature_ttl_icon.svg") no-repeat;
      width: 103px;
      height: 107px;
      position: absolute;
      right: 104%;
      top: -9px;
      bottom: 0;
      margin: auto; }
      @media (max-width: 1000px) {
        #service .feature_ttl02:before {
          left: 0;
          right: inherit;
          background-size: 100%;
          width: 55px;
          height: 57px; } }
  #service .feature_ttl03 {
    font-size: 34px; }
    @media (max-width: 1000px) {
      #service .feature_ttl03 {
        font-size: 18px; } }
    #service .feature_ttl03 span:nth-of-type(1) {
      font-size: 77px;
      line-height: 1; }
      @media (max-width: 1000px) {
        #service .feature_ttl03 span:nth-of-type(1) {
          font-size: 41px; } }
    #service .feature_ttl03 span:nth-of-type(2) {
      font-size: 53px;
      line-height: 1; }
      @media (max-width: 1000px) {
        #service .feature_ttl03 span:nth-of-type(2) {
          font-size: 28px; } }
  #service .feature_list {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 10px; }
    @media (max-width: 1000px) {
      #service .feature_list {
        flex-wrap: wrap; } }
    @media (max-width: 1000px) {
      #service .feature_list li {
        width: 100%; } }
    #service .feature_list li a {
      display: block;
      border-radius: 10px;
      text-align: center;
      background: url("../../img/lp/kintone/icon_arrowB.svg") no-repeat bottom 20px center; }
      @media (min-width: 1000.1px) {
        #service .feature_list li a {
          padding: 18px 30px 50px 30px;
          width: 346px;
          height: 346px;
          border-radius: 50%; } }
      @media (max-width: 1000px) {
        #service .feature_list li a {
          padding: 15px 20px 50px; } }
      #service .feature_list li a:hover {
        opacity: .7; }
    #service .feature_list li dt {
      font-size: 30px;
      font-weight: 700;
      border-bottom: 1px solid white;
      line-height: 1.6;
      min-height: 147px;
      margin-bottom: 16px; }
      @media (max-width: 1000px) {
        #service .feature_list li dt {
          font-size: 20px;
          min-height: 125px; } }
      #service .feature_list li dt .txt_s {
        display: block;
        font-size: 22px; }
        @media (max-width: 1000px) {
          #service .feature_list li dt .txt_s {
            font-size: 18px; } }
      #service .feature_list li dt .num {
        color: white;
        font-size: 34px;
        line-height: 1.5; }
        @media (max-width: 1000px) {
          #service .feature_list li dt .num {
            font-size: 30px; } }
    #service .feature_list li dd {
      padding: 0 0px; }
      @media (min-width: 1000.1px) {
        #service .feature_list li dd {
          word-break: auto-phrase; } }
      @media (max-width: 1000px) {
        #service .feature_list li dd {
          text-align: left; } }
    #service .feature_list li:nth-child(1) a {
      background-color: #FAC058; }
    #service .feature_list li:nth-child(2) a {
      background-color: #FAE053; }
    @media (min-width: 1000.1px) {
      #service .feature_list li:nth-child(2) dt {
        font-size: 26px; } }
    #service .feature_list li:nth-child(3) a {
      background-color: #FAA634; }

.feature_ttl_full {
  padding: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 19px; }
  @media (max-width: 1000px) {
    .feature_ttl_full {
      padding: 10px;
      gap: 10px; } }
  .feature_ttl_full.trial {
    background: #FAC058; }
  .feature_ttl_full.flow {
    background: #FAE053; }
  .feature_ttl_full.leaveto {
    background: #FAA634; }
  .feature_ttl_full .feature_circle {
    width: 117px;
    height: 117px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 22px;
    line-height: 1;
    background: white; }
    @media (max-width: 1000px) {
      .feature_ttl_full .feature_circle {
        width: 70px;
        height: 70px;
        font-size: 15px; } }
    .feature_ttl_full .feature_circle .num {
      font-size: 49px;
      width: 100%;
      line-height: 1; }
      @media (max-width: 1000px) {
        .feature_ttl_full .feature_circle .num {
          font-size: 25px; } }
  .feature_ttl_full .feature_txt {
    font-size: 30px;
    line-height: 1.4; }
    @media (max-width: 1000px) {
      .feature_ttl_full .feature_txt {
        font-size: 20px; } }
    .feature_ttl_full .feature_txt .txt_s {
      font-size: 22px; }
      @media (max-width: 1000px) {
        .feature_ttl_full .feature_txt .txt_s {
          font-size: 15px; } }

#trial .trial_bg {
  padding: 86px 0 80px;
  background: url("../../img/lp/kintone/plan_bg.svg") #CCF5EA no-repeat top center; }
  @media (max-width: 1000px) {
    #trial .trial_bg {
      padding: 20px 0 30px; } }
  @media (min-width: 1920px) {
    #trial .trial_bg {
      background-size: 100%; } }
#trial .trial_ttl_wrap {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 57px; }
  @media (max-width: 1000px) {
    #trial .trial_ttl_wrap {
      flex-wrap: wrap;
      margin-bottom: 15px; } }
#trial .trial_ttl_txt {
  max-width: 570px;
  font-size: 18px; }
  @media (max-width: 1000px) {
    #trial .trial_ttl_txt {
      font-size: 16px;
      max-width: 100%; } }
#trial .trial_ttl {
  font-size: 34px;
  margin-bottom: 32px;
  letter-spacing: .06em;
  line-height: calc(50 / 34); }
  @media (min-width: 1000.1px) {
    #trial .trial_ttl {
      white-space: nowrap; } }
  @media (max-width: 1000px) {
    #trial .trial_ttl {
      font-size: 20px;
      text-align: center;
      margin-bottom: 20px; } }
  @media (min-width: 1000.1px) {
    #trial .trial_ttl img {
      margin: 0 0 16px -19px; } }
#trial .trial_ttl_img {
  padding: 11px 0 0 53px; }
  @media (max-width: 1000px) {
    #trial .trial_ttl_img {
      padding: 0;
      width: 100%;
      text-align: center; } }
  @media (min-width: 1000.1px) {
    #trial .trial_ttl_img img {
      max-width: fit-content; } }
  @media (max-width: 1000px) {
    #trial .trial_ttl_img img {
      height: auto; } }
#trial .trial_content {
  border-radius: 10px;
  overflow: hidden; }
#trial .trial_step_wrap {
  display: flex;
  padding: 30px 30px 30px 0; }
  @media (max-width: 1000px) {
    #trial .trial_step_wrap {
      padding: 10px 10px 10px 0; } }
  #trial .trial_step_wrap:nth-of-type(1) {
    background: #FAE053; }
  #trial .trial_step_wrap:nth-of-type(2) {
    background: #FAC058; }
  #trial .trial_step_wrap:nth-of-type(3) {
    background: #FAA634; }
#trial .trial_step_ttl {
  width: 90px;
  text-align: center;
  font-size: 26px;
  line-height: 1.3;
  padding-top: 10px; }
  @media (max-width: 1000px) {
    #trial .trial_step_ttl {
      width: 58px;
      text-align: center;
      font-size: 20px; } }
  #trial .trial_step_ttl img {
    margin-bottom: 14px; }
    @media (max-width: 1000px) {
      #trial .trial_step_ttl img {
        width: 40px;
        height: auto; } }
#trial .trial_step {
  width: calc(100% - 90px); }
  @media (max-width: 1000px) {
    #trial .trial_step {
      width: calc(100% - 58px); } }
#trial .trial_step_box {
  display: flex;
  padding: 44px 10px 10px 50px;
  justify-content: space-between;
  border-radius: 10px;
  min-height: 264px;
  background: white; }
  @media (max-width: 1000px) {
    #trial .trial_step_box {
      padding: 15px;
      flex-wrap: wrap; } }
  #trial .trial_step_box + .trial_step_box {
    margin-top: 28px; }
    @media (max-width: 1000px) {
      #trial .trial_step_box + .trial_step_box {
        margin-top: 10px; } }
#trial .trial_step_box_txt {
  max-width: 570px;
  font-size: 18px; }
  @media (max-width: 1000px) {
    #trial .trial_step_box_txt {
      font-size: 16px;
      max-width: inherit; } }
@media (min-width: 1000.1px) {
  #trial .trial_step_box_img.step1 {
    margin-top: -18px; }
  #trial .trial_step_box_img.step2 {
    margin: 7px 37px 0 0; }
  #trial .trial_step_box_img.step3 {
    margin: -23px 20px 0 0; }
  #trial .trial_step_box_img.step4 {
    margin: -17px 20px 0 0; }
  #trial .trial_step_box_img.step5 {
    margin: -6px 72px 0 0; }
  #trial .trial_step_box_img.step6 {
    margin-top: -20px; } }
@media (max-width: 1000px) {
  #trial .trial_step_box_img {
    width: 100%;
    text-align: center; }
    #trial .trial_step_box_img img {
      height: auto; } }
#trial .trial_step_box_ttl {
  font-size: 24px;
  display: flex;
  align-items: center;
  letter-spacing: .03em;
  margin-bottom: 20px; }
  @media (min-width: 1000.1px) {
    #trial .trial_step_box_ttl {
      white-space: nowrap; } }
  @media (max-width: 1000px) {
    #trial .trial_step_box_ttl {
      font-size: 16px;
      margin-bottom: 10px; } }
  #trial .trial_step_box_ttl .step {
    font-size: 19px;
    display: flex;
    align-items: center;
    gap: 2px;
    padding-right: 20px;
    margin-right: 20px;
    position: relative; }
    @media (max-width: 1000px) {
      #trial .trial_step_box_ttl .step {
        font-size: 12px; } }
    #trial .trial_step_box_ttl .step:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      height: 34px;
      border-right: 1px solid;
      margin: auto; }
    #trial .trial_step_box_ttl .step span {
      font-size: 48px;
      line-height: 1; }
      @media (max-width: 1000px) {
        #trial .trial_step_box_ttl .step span {
          font-size: 30px; } }
  @media (max-width: 1000px) {
    #trial .trial_step_box_ttl > span:last-child {
      width: 100%; } }

#flow .flow_bg {
  padding: 80px 0;
  background: url("../../img/lp/kintone/flow_bg.svg") #fff no-repeat top center; }
  @media (max-width: 1000px) {
    #flow .flow_bg {
      padding: 20px 0 30px; } }
  @media (min-width: 1920px) {
    #flow .flow_bg {
      background-size: 100%; } }
#flow .flow_ttl {
  text-align: center;
  font-size: 34px;
  margin-bottom: 70px;
  position: relative;
  line-height: 1.5; }
  @media (max-width: 1000px) {
    #flow .flow_ttl {
      font-size: 20px;
      margin-bottom: 20px; } }
  @media (min-width: 1000.1px) {
    #flow .flow_ttl img {
      margin-left: 90px; } }
  #flow .flow_ttl:before {
    content: "";
    background: url("../../img/lp/kintone/flow_icon.svg") no-repeat;
    width: 242px;
    height: 208px; }
    @media (min-width: 1000.1px) {
      #flow .flow_ttl:before {
        position: absolute;
        top: -31px;
        left: 57px; } }
    @media (max-width: 1000px) {
      #flow .flow_ttl:before {
        background-size: 100%;
        width: 133px;
        height: 114px;
        display: block;
        margin: auto; } }
#flow .flow_list {
  position: relative;
  padding-left: 65px;
  margin-bottom: 38px; }
  @media (max-width: 1000px) {
    #flow .flow_list {
      padding-left: 37px;
      max-width: 355px;
      margin: 0 auto 30px; } }
  #flow .flow_list:before {
    content: "";
    background: url("../../img/lp/kintone/flow_arrow.svg") no-repeat;
    width: 65px;
    height: 855px;
    position: absolute;
    top: 58px;
    left: 0; }
    @media (max-width: 1000px) {
      #flow .flow_list:before {
        background: url(../../img/lp/kintone/flow_arrow_sp.svg) no-repeat;
        background-size: contain;
        width: 37px;
        height: 1194px;
        top: 20px; } }
  #flow .flow_list li {
    border: 2px solid #FFD929;
    border-radius: 10px;
    display: flex;
    position: relative;
    background: white; }
    #flow .flow_list li + li {
      margin-top: 40px; }
      @media (max-width: 1000px) {
        #flow .flow_list li + li {
          margin-top: 20px; } }
      #flow .flow_list li + li:before {
        content: "";
        background: url("../../img/lp/kintone/flow_arrowB.svg") no-repeat bottom;
        width: 19px;
        height: 77px;
        position: absolute;
        left: 54px;
        bottom: 100%; }
        @media (max-width: 1000px) {
          #flow .flow_list li + li:before {
            width: 19px;
            height: 38px;
            left: 30px; } }
    #flow .flow_list li .flow_list_content {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 33px 30px;
      font-size: 18px;
      width: calc(100% - 134px); }
      @media (max-width: 1000px) {
        #flow .flow_list li .flow_list_content {
          flex-wrap: wrap;
          padding: 10px 15px;
          font-size: 16px;
          width: calc(100% - 77px); } }
      #flow .flow_list li .flow_list_content dl {
        display: flex;
        justify-content: space-between;
        width: 100%; }
        @media (max-width: 1000px) {
          #flow .flow_list li .flow_list_content dl {
            flex-wrap: wrap; } }
        #flow .flow_list li .flow_list_content dl + dl {
          margin-top: 31px; }
          @media (max-width: 1000px) {
            #flow .flow_list li .flow_list_content dl + dl {
              margin-top: 20px; } }
      #flow .flow_list li .flow_list_content dt {
        font-size: 20px;
        font-weight: 700; }
        @media (max-width: 1000px) {
          #flow .flow_list li .flow_list_content dt {
            font-size: 16px; } }
      #flow .flow_list li .flow_list_content dd {
        max-width: 614px; }
        @media (min-width: 1000.1px) {
          #flow .flow_list li .flow_list_content dd {
            border-left: 1px solid #0707074d;
            padding-left: 28px; } }
#flow .flow_list_ttl {
  width: 134px;
  padding: 11px;
  text-align: center;
  font-size: 24px;
  background: #FFD929;
  line-height: 1.2; }
  @media (max-width: 1000px) {
    #flow .flow_list_ttl {
      width: 77px;
      font-size: 16px;
      line-height: 1;
      padding: 15px; } }
  #flow .flow_list_ttl span {
    font-size: 41px; }
    @media (max-width: 1000px) {
      #flow .flow_list_ttl span {
        font-size: 30px; } }
#flow .flow_point {
  border: 2px dashed #070707;
  border-radius: 10px;
  margin-left: 65px;
  padding: 25px 37px 33px 50px;
  display: flex;
  gap: 48px;
  font-size: 18px; }
  @media (max-width: 1000px) {
    #flow .flow_point {
      margin: 0;
      padding: 25px;
      flex-wrap: wrap;
      gap: 10px;
      font-size: 16px; } }
#flow .flow_point_img {
  padding-top: 22px; }
  @media (min-width: 1000.1px) {
    #flow .flow_point_img {
      min-width: fit-content; } }
  @media (max-width: 1000px) {
    #flow .flow_point_img {
      width: 100%;
      text-align: center; }
      #flow .flow_point_img img {
        width: 116px;
        height: 116px; } }
#flow .flow_point_ttl {
  font-size: 24px;
  margin-bottom: 10px; }
  @media (max-width: 1000px) {
    #flow .flow_point_ttl {
      font-size: 18px; } }
  #flow .flow_point_ttl .point {
    font-size: 15px;
    padding: 0px 15px;
    display: inline-block;
    position: relative;
    background: #FFD900; }
    @media (max-width: 1000px) {
      #flow .flow_point_ttl .point {
        padding: 1px 15px; } }
    #flow .flow_point_ttl .point:before {
      content: "";
      position: absolute;
      left: 20px;
      top: 100%;
      border: solid transparent;
      border-width: 6px 10px 0 0;
      border-top-color: #FFD900; }

#leaveto .leaveto_bg {
  padding: 80px 0;
  font-size: 17px;
  background: url("../../img/lp/kintone/bg_leaveto_pc.png") #ABEBE6 no-repeat center; }
  @media (min-width: 1920px) {
    #leaveto .leaveto_bg {
      background-size: 100%; } }
  @media (max-width: 1000px) {
    #leaveto .leaveto_bg {
      background: url(../../img/lp/kintone/bg_leaveto_sp.png) #ABEBE6 no-repeat bottom 5vw center/100%;
      padding: 20px 0 77vw;
      font-size: 16px; }
      #leaveto .leaveto_bg p.center {
        text-align: left; } }
#leaveto .leaveto_ttl {
  text-align: center;
  font-size: 34px;
  letter-spacing: .06em;
  margin-bottom: 30px; }
  @media (max-width: 1000px) {
    #leaveto .leaveto_ttl {
      font-size: 20px; } }
#leaveto .leaveto_list {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 30px 0; }
  @media (max-width: 1000px) {
    #leaveto .leaveto_list {
      flex-wrap: wrap;
      gap: 10px;
	  margin-bottom:40px;} }
  #leaveto .leaveto_list li {
    width: 338px;
    border-radius: 10px;
    padding: 34px 18px 18px 18px;
    font-size: 14px;
    background: white; }
    @media (max-width: 1000px) {
      #leaveto .leaveto_list li {
        width: auto;
        padding: 20px;
        margin: 0 10px; } }
#leaveto .leaveto_list_ttl {
  font-size: 20px;
  text-align: center;
  color: #FFA01C; }
  #leaveto .leaveto_list_ttl img {
    display: block;
    margin: 20px auto 10px; }

#case {
  padding: 60px 0 80px;
  overflow: hidden;
  background: #CCF5EA; }
  @media (max-width: 1000px) {
    #case {
      padding: 35px 0; } }
  #case .case_ttl {
    font-size: 34px;
    text-align: center;
    letter-spacing: .06em;
    margin-bottom: 40px; }
    @media (max-width: 1000px) {
      #case .case_ttl {
        font-size: 20px;
        margin-bottom: 20px; } }
  #case .slider_ttl {
    font-size: 18px;
    padding: 20px 43px;
    background: #FFD900;
    display: flex;
    align-items: center;
    white-space: nowrap; }
    @media (max-width: 1000px) {
      #case .slider_ttl {
        font-size: 16px;
        padding: 15px 20px;
        white-space: normal;
        flex-wrap: wrap; } }
    @media (max-width: 1000px) {
      #case .slider_ttl > span:nth-child(1) {
        width: 100%; } }
    #case .slider_ttl > span:nth-child(2) {
      padding: 8px 11px;
      margin: 0 40px 0 20px;
      font-size: 16px;
      background: #E6E6E6;
      position: relative; }
      @media (max-width: 1000px) {
        #case .slider_ttl > span:nth-child(2) {
          padding: 2px 5px;
          margin: 10px 0px 0 0px;
          font-size: 13px; } }
      @media (min-width: 1000.1px) {
        #case .slider_ttl > span:nth-child(2):after {
          content: "";
          position: absolute;
          right: -20px;
          top: 0;
          bottom: 0;
          border-right: 1px solid #070707; } }
    #case .slider_ttl > span:nth-child(3) {
      letter-spacing: .06em;
      white-space: normal; }
      @media (max-width: 1000px) {
        #case .slider_ttl > span:nth-child(3) {
          margin-top: 10px;
          display: block; } }
  #case .slider_content {
    display: flex;
    background: white; }
    @media (max-width: 1000px) {
      #case .slider_content {
        display: block;
        font-size: 13px; } }
  @media (min-width: 1000.1px) {
    #case .slider_img {
      min-width: fit-content; } }
  @media (max-width: 1000px) {
    #case .slider_img {
      width: 100%;
      text-align: center; } }
  #case .issue {
    width: 377px;
    padding: 40px;
    line-height: calc(27 / 16);
    position: relative; }
    @media (max-width: 1000px) {
      #case .issue {
        width: 100%;
        padding: 20px; } }
    @media (min-width: 1000.1px) {
      #case .issue:after {
        content: "";
        position: absolute;
        top: 50px;
        bottom: 50px;
        right: 0;
        border-right: 2px solid; } }
    #case .issue .issue_ttl {
      font-size: 18px;
      line-height: calc(27 / 18);
      margin-bottom: 10px; }
      @media (max-width: 1000px) {
        #case .issue .issue_ttl {
          font-size: 14px; } }
      #case .issue .issue_ttl span {
        display: flex;
        justify-content: center;
        padding: 7px;
        gap: 20px;
        color: white;
        margin-bottom: 32px;
        background: #00B8EF;
        border-radius: 3px; }
        @media (max-width: 1000px) {
          #case .issue .issue_ttl span {
            font-size: 13px;
            align-items: center;
            gap: 10px;
            margin-bottom: 20px; }
            #case .issue .issue_ttl span img {
              width: 21px; } }
  #case .solution {
    width: 372px;
    padding: 40px 40px 30px;
    line-height: calc(27 / 16);
    position: relative; }
    @media (min-width: 1000.1px) {
      #case .solution:before, #case .solution:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 0;
        height: 0;
        border: solid transparent;
        border-width: 10px;
        border-left-color: #000; }
      #case .solution:after {
        left: -2px;
        border-left-color: white; } }
    @media (max-width: 1000px) {
      #case .solution {
        width: 100%;
        padding: 20px; } }
    #case .solution .solution_ttl {
      font-size: 18px;
      line-height: calc(27 / 18);
      margin-bottom: 10px; }
      @media (max-width: 1000px) {
        #case .solution .solution_ttl {
          font-size: 14px; } }
      #case .solution .solution_ttl span {
        display: flex;
        justify-content: center;
        padding: 7px;
        gap: 20px;
        color: white;
        margin-bottom: 32px;
        background: #51BE00;
        border-radius: 3px; }
        @media (max-width: 1000px) {
          #case .solution .solution_ttl span {
            font-size: 13px;
            align-items: center;
            gap: 10px;
            margin-bottom: 20px; }
            #case .solution .solution_ttl span img {
              width: 21px; } }
  #case .slick-list {
    overflow: visible;
    padding: 0 !important;
    margin: 0 10px; }
  #case .swiper {
    overflow: visible !important;
    margin-bottom: 35px; }
    #case .swiper li {
      max-width: 1140px;
      width: 100% !important;
      margin: 0 60px;
      border-radius: 10px;
      overflow: hidden; }
      #case .swiper li a:hover {
        opacity: .7; }
  @media (max-width: 1000px) {
    #case .swiper-button-next, #case .swiper-button-prev {
      top: 25%; } }
  #case .swiper-button-next:hover, #case .swiper-button-prev:hover {
    opacity: .7; }
  #case .swiper-button-next:after, #case .swiper-button-prev:after {
    content: "";
    background: url("../../img/lp/kintone/icon_arrow_slider.svg") no-repeat;
    min-width: 80px;
    height: 80px;
    position: absolute; }
    @media (max-width: 1000px) {
      #case .swiper-button-next:after, #case .swiper-button-prev:after {
        background-size: 100%;
        min-width: 39px;
        height: 39px; } }
  #case .swiper-button-prev:after {
    left: -50px; }
    @media (max-width: 1000px) {
      #case .swiper-button-prev:after {
        left: -20px; } }
  #case .swiper-button-next:after {
    transform: scale(-1, 1);
    right: -50px; }
    @media (max-width: 1000px) {
      #case .swiper-button-next:after {
        right: -20px; } }

.support {
  padding: 65px 0 76px; }
  @media (max-width: 1000px) {
    .support {
      padding: 30px 0 40px; } }
  .support .support_ttl {
    font-size: 34px;
    letter-spacing: .06em;
    line-height: 1.7; }
    @media (max-width: 1000px) {
      .support .support_ttl {
        font-size: 20px;
        text-align: center; } }
    .support .support_ttl img {
      margin: 16px 0 0px 5px; }
  .support .support_img {
    text-align: right;
    margin: 0 0 30px; }
    @media (min-width: 1000.1px) {
      .support .support_img {
        margin: -105px 0 45px; } }

#fee {
  padding: 60px 0 83px;
  background: #ABEBE6; }
  @media (max-width: 1000px) {
    #fee {
      padding: 30px 0 40px; } }
  #fee .fee_ttl {
    font-size: 34px;
    text-align: center;
    line-height: 2.1;
    margin-bottom: 31px; }
.fee_box_price a:hover{
	opacity:0.5;
	transition:0.3;
}
    @media (max-width: 1000px) {
      #fee .fee_ttl {
        font-size: 20px;
        margin-bottom: 20px; } }
    #fee .fee_ttl span {
      display: block;
      font-size: 24px; }
      @media (max-width: 1000px) {
        #fee .fee_ttl span {
          font-size: 16px; } }
  #fee .fee_box {
    padding: 61px 70px 61px 80px;
    background: white; }
    @media (max-width: 1000px) {
      #fee .fee_box {
        padding: 20px; } }
  #fee .fee_list {
    display: flex;
    justify-content: center;
    gap: 20px;
    background: white; }
    @media (max-width: 1000px) {
      #fee .fee_list {
        flex-wrap: wrap;
        gap: 10px; } }
    #fee .fee_list > li {
      width: 315px;
      border: 3px solid;
      border-radius: 10px;
      overflow: hidden; }
      #fee .fee_list > li:nth-child(1) {
        background: #00b8ef14;
        border-color: #00B8EF; }
        #fee .fee_list > li:nth-child(1) .fee_box_ttl {
          background: #00B8EF; }
        #fee .fee_list > li:nth-child(1) .plan_color, #fee .fee_list > li:nth-child(1) .price {
          color: #00B8EF; }
        #fee .fee_list > li:nth-child(1) svg {
          fill: #00B8EF; }
      #fee .fee_list > li:nth-child(2) {
        background: #51be0014;
        border-color: #51BE00; }
        #fee .fee_list > li:nth-child(2) .fee_box_ttl {
          background: #51BE00; }
        #fee .fee_list > li:nth-child(2) .plan_color, #fee .fee_list > li:nth-child(2) .price {
          color: #51BE00; }
        #fee .fee_list > li:nth-child(2) svg {
          fill: #51BE00; }
      #fee .fee_list > li:nth-child(3) {
        background: #faa63414;
        border-color: #FAA634; }
        #fee .fee_list > li:nth-child(3) .fee_box_ttl {
          background: #FAA634; }
        #fee .fee_list > li:nth-child(3) .plan_color, #fee .fee_list > li:nth-child(3) .price {
          color: #FAA634; }
        #fee .fee_list > li:nth-child(3) svg {
          fill: #FAA634; }
  #fee .fee_box_ttl {
    font-size: 22px;
    text-align: center;
    color: white;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 1000px) {
      #fee .fee_box_ttl {
        font-size: 18px; } }
  #fee .fee_box_content {
    text-align: center;
    padding: 18px 0 10px;
    font-size: 14px; }
    @media (max-width: 1000px) {
      #fee .fee_box_content {
        font-size: 13px; } }
  #fee .price {
    font-size: 22px;
    text-align: center;
    line-height: 1;
    padding-bottom: 12px; }
    #fee .price span {
      font-size: 49px; }
  #fee .check_list {
    padding: 31px 15px 5px 17px;
    background: white; }
    @media (max-width: 1000px) {
      #fee .check_list {
        padding: 20px 15px 5px; } }
    #fee .check_list li {
      padding: 0 0 22px 35px;
      position: relative;
      font-size: 15px;
      line-height: calc(23 / 15); }
      @media (max-width: 1000px) {
        #fee .check_list li {
          font-size: 13px; } }
      #fee .check_list li svg, #fee .check_list li img {
        position: absolute;
        left: 0; }
  #fee .attention {
    font-size: 14px;
    margin-top: 30px; }
    @media (max-width: 1000px) {
      #fee .attention {
        font-size: 13px;
        margin-top: 20px; } }
    #fee .attention li {
      padding-bottom: 2px; }

.color_gray {
  color: #D9D9D9; }

.color_red {
  color: #ED0606; }

#faq {
  padding: 63px 0 70px;
  letter-spacing: .06em;
  background: #CCF5EA; }
  @media (max-width: 1000px) {
    #faq {
      padding: 30px 0 40px; } }
  #faq .faq_ttl {
    text-align: center;
    font-size: 34px;
    margin-bottom: 35px; }
    @media (max-width: 1000px) {
      #faq .faq_ttl {
        font-size: 20px;
        margin-bottom: 20px; } }
  #faq dl {
    max-width: 960px;
    margin: 0 auto 20px;
    border-radius: 10px;
    overflow: hidden;
    font-size: 20px;
    letter-spacing: 0;
    background: white; }
    @media (max-width: 1000px) {
      #faq dl {
        font-size: 16px; } }
    #faq dl dt {
      position: relative;
      padding: 21px 20px 22px 86px;
      cursor: pointer; }
      @media (max-width: 1000px) {
        #faq dl dt {
          padding: 15px 50px 15px 65px; } }
      #faq dl dt:hover {
        background: #FAEB95; }
      #faq dl dt:before, #faq dl dt:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 20px;
        width: 27px;
        height: 0;
        border-bottom: 4px solid;
        transition: .5s;
        margin: auto; }
        @media (max-width: 1000px) {
          #faq dl dt:before, #faq dl dt:after {
            width: 17px; } }
      #faq dl dt:after {
        transform: rotate(90deg); }
      #faq dl dt span {
        position: absolute;
        background: #FFD900;
        inset: 0;
        right: inherit;
        width: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 35px;
        font-family: "Poppins", serif;
        font-weight: 700; }
        @media (max-width: 1000px) {
          #faq dl dt span {
            font-size: 20px;
            align-items: baseline;
            padding-top: 10px;
            width: 43px; } }
      #faq dl dt.open:before, #faq dl dt.open:after {
        transform: rotate(360deg); }
      #faq dl dt.open + * {
        display: block; }
    #faq dl dd {
      position: relative;
      display: none;
      padding: 21px 20px 22px 86px; }
      @media (max-width: 1000px) {
        #faq dl dd {
          padding: 15px 50px 15px 65px; } }
      #faq dl dd span {
        position: absolute;
        background: #E8E8E8;
        inset: 0;
        right: inherit;
        width: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 35px;
        font-family: "Poppins", serif;
        font-weight: 700; }
        @media (max-width: 1000px) {
          #faq dl dd span {
            font-size: 20px;
            align-items: baseline;
            padding-top: 10px;
            width: 43px; } }

#contact {
  padding: 65px 0 80px;
  font-size: 20px;
  background: #ABEBE6; }
  @media (max-width: 1000px) {
    #contact {
      padding: 10px 0 40px;
      font-size: 16px; } }
  #contact .contact_ttl {
    text-align: center;
    font-size: 34px;
    letter-spacing: .06em;
    margin-bottom: 20px;
    position: relative; }
    @media (max-width: 1000px) {
      #contact .contact_ttl {
        font-size: 20px; } }
    #contact .contact_ttl:before {
      content: "";
      background: url("../../img/lp/kintone/contact_icon.svg") no-repeat;
      width: 255px;
      height: 255px;
      margin: auto;
      z-index: 1; }
      @media (min-width: 1000.1px) {
        #contact .contact_ttl:before {
          position: absolute;
          bottom: -130px;
          right: 50px; } }
      @media (max-width: 1000px) {
        #contact .contact_ttl:before {
          display: block;
          background-size: 100%;
          width: 106px;
          height: 101px;
          margin: 0 auto 10px; } }
  #contact .contact_box {
    position: relative;
    margin-top: 39px;
    padding: 100px 70px;
    background: white; }
    @media (max-width: 1000px) {
      #contact .contact_box {
        margin-top: 20px;
        padding: 0 0 40px; } }
  #contact .contact_step {
    display: flex;
    justify-content: center;
    gap: 167px;
    margin-bottom: 46px; }
    @media (max-width: 1000px) {
      #contact .contact_step {
        gap: 55px;
        margin: 0;
        padding: 30px; } }
    #contact .contact_step li {
      width: 60px;
      position: relative;
      font-weight: 700;
      text-align: center; }
      @media (max-width: 1000px) {
        #contact .contact_step li {
          width: 44px;
          font-size: 13px; } }
      #contact .contact_step li:not(.active) {
        color: #B9B9B9; }
        #contact .contact_step li:not(.active) .num {
          background: #E0E0E0; }
      #contact .contact_step li + li:before {
        content: "";
        position: absolute;
        top: 27px;
        right: 165%;
        width: 100px;
        height: 0;
        border-bottom: 2px solid #B9B9B9; }
        @media (max-width: 1000px) {
          #contact .contact_step li + li:before {
            width: 22px;
            top: 21px;
            right: 137%; } }
      #contact .contact_step li .num {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #FFD900;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 23px; }
        @media (max-width: 1000px) {
          #contact .contact_step li .num {
            width: 44px;
            height: 44px;
            font-size: 16px; } }
  #contact .contact_form {
    text-align: left;
    width: 100%;
    margin-bottom: 40px; }
    @media (max-width: 1000px) {
      #contact .contact_form {
        margin-bottom: 20px; } }
    #contact .contact_form tr:nth-child(odd) {
      background: #F3F3F3; }
    #contact .contact_form th, #contact .contact_form td {
      padding: 12px 10px 12px 40px;
      position: relative; }
      @media (max-width: 1000px) {
        #contact .contact_form th, #contact .contact_form td {
          padding: 20px 20px 0;
          display: block; } }
    #contact .contact_form th {
      vertical-align: top;
      width: 300px; }
      @media (max-width: 1000px) {
        #contact .contact_form th {
          width: 100%; } }
      #contact .contact_form th p {
        display: flex;
        align-items: center; }
      #contact .contact_form th span {
        border-radius: 3px;
        font-size: 12px;
        background: #E50012;
        color: white;
        margin-left: 7px;
        padding: 0 8px; }
    #contact .contact_form td {
      font-size: 18px;
      padding: 20px 10px 20px 10px;
      width: 700px; }
      @media (max-width: 1000px) {
        #contact .contact_form td {
          font-size: 16px;
          width: 100%;
          padding: 20px; } }
  #contact .wpcf7-list-item {
    margin: 0 1em 0.4em 0 !important; }
    #contact .wpcf7-list-item label {
      display: flex;
      align-items: center;
      gap: 5px; }
    #contact .wpcf7-list-item input[type="checkbox"] {
      width: 20px;
      height: 20px;
      border-radius: 3px;
      border: 1px solid #CFCFCF;
      appearance: none;
      background: white; }
      #contact .wpcf7-list-item input[type="checkbox"]:checked {
        appearance: auto; }
  #contact .wpcf7-form-control-wrap {
    display: block; }
  #contact [data-name="email"] {
    width: 100%; }
  #contact input[type="text"], #contact [type="email"], #contact [type="tel"] {
    width: 100%;
    border: 1px solid #CFCFCF;
    border-radius: 3px;
    padding: 10px;
    height: 62px;
    font-size: 18px;
    line-height: calc(33 / 18); }
    @media (max-width: 1000px) {
      #contact input[type="text"], #contact [type="email"], #contact [type="tel"] {
        height: 45px;
        font-size: 16px; } }
    #contact input[type="text"]::placeholder, #contact [type="email"]::placeholder, #contact [type="tel"]::placeholder {
      color: #B2B2B2; }
  #contact textarea {
    width: 100%;
    border: 1px solid #CFCFCF;
    border-radius: 3px;
    padding: 10px;
    min-height: 300px;
    font-size: 18px;
    line-height: calc(33 / 18); }
    @media (max-width: 1000px) {
      #contact textarea {
        padding: 13px;
        font-size: 16px; } }
    #contact textarea::placeholder {
      color: #B2B2B2; }
  #contact input[type="radio"] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #CFCFCF;
    appearance: none;
    background: white; }
    #contact input[type="radio"]:checked {
      appearance: auto; }
  #contact .submit {
    padding: 0 30px; }
    #contact .submit input {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-width: 420px;
      height: 68px;
      margin: auto;
      border-radius: 50px;
      position: relative;
      box-shadow: 0 5px 0 #E58706;
      background: url(../../img/lp/kintone/icon_btn.svg) no-repeat #FFA01C right 28px center;
      color: white;
      font-size: 16px;
      border: 2px solid #FFA01C;
      font-weight: 700; }
      #contact .submit input:hover {
        background: url("../../img/lp/kintone/icon_btn_hover.svg") no-repeat #fff right 28px center;
        color: #FFA01C;
        transition: 0.5s; }
      @media (max-width: 1000px) {
        #contact .submit input {
          height: 50px; } }
      @media (min-width: 1000.1px) {
        #confirm #contact .submit input {
          width: 290px; } }
  #contact .return input {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 290px;
    height: 68px;
    margin: auto;
    border-radius: 50px;
    position: relative;
    box-shadow: 0 5px 0 #454545;
    background: url(../../img/lp/kintone/icon_return.svg) no-repeat #808080 left 28px center;
    color: white;
    font-size: 16px;
    border: 2px solid #808080;
    font-weight: 700; }
    #contact .return input:hover {
      background: url("../../img/lp/kintone/icon_return_hover.svg") no-repeat #fff left 28px center;
      color: #808080; }
    @media (max-width: 1000px) {
      #contact .return input {
        height: 50px; } }
  #contact .btn_privacy {
    text-align: center;
    font-size: 18px;
    text-decoration: underline; }
    @media (max-width: 1000px) {
      #contact .btn_privacy {
        font-size: 13px; } }
    #contact .btn_privacy a {
      position: relative; }
      #contact .btn_privacy a:hover {
        opacity: .7; }
      #contact .btn_privacy a:after {
        content: "";
        width: 0;
        height: 0;
        border: solid transparent;
        border-width: 5px 0 5px 10px;
        border-left-color: #060606;
        position: absolute;
        left: 105%;
        top: 0;
        bottom: 0;
        margin: auto; }

.about {
  padding: 100px 0 90px;
  background: url("../../img/lp/kintone/about_bg.svg") #fff no-repeat top center; }
  @media (min-width: 1920px) {
    .about {
      background-size: 100%; } }
  @media (max-width: 1000px) {
    .about {
      padding: 20px 0 40px; }
      .about .about_img {
        width: 280px;
        margin: auto; } }
  .about .about_ttl {
    text-align: center;
    font-size: 34px;
    letter-spacing: .06em;
    margin-bottom: 60px; }
    @media (max-width: 1000px) {
      .about .about_ttl {
        font-size: 20px;
        margin-bottom: 20px; } }
  .about .about_content {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 60px;
    font-size: 18px; }
    @media (max-width: 1000px) {
      .about .about_content {
        flex-wrap: wrap;
        font-size: 16px; } }
  .about .about_txt {
    padding-top: 10px; }
    .about .about_txt p + p {
      margin-top: 33px; }
      @media (max-width: 1000px) {
        .about .about_txt p + p {
          margin-top: 20px; } }

.footer_lp {
  padding: 75px 0 10px;
  background: #CCF5EA; }
  @media (max-width: 1000px) {
    .footer_lp {
      padding: 30px 0 0px; } }
  .footer_lp .footer_lp_inner {
    max-width: 1649px;
    padding: 0 10px 75px;
    margin: auto; }
    @media (min-width: 1000.1px) {
      .footer_lp .footer_lp_inner {
        display: flex;
        justify-content: space-between;
        align-items: flex-end; } }
    @media (max-width: 1000px) {
      .footer_lp .footer_lp_inner {
        max-width: 290px;
        padding: 0 0 40px; }
        .footer_lp .footer_lp_inner .footer_logo {
          text-align: center; }
          .footer_lp .footer_lp_inner .footer_logo img {
            height: auto;
            width: 270px;
            margin: auto; } }
  .footer_lp .footer_logo_txt {
    font-size: 13px;
    color: #092074;
    margin: 10px 0 45px; }
    @media (max-width: 1000px) {
      .footer_lp .footer_logo_txt {
        font-size: 9px;
        margin-bottom: 30px; } }
  .footer_lp .footer_address {
    font-size: 17px;
    text-indent: -0.4em;
    line-height: 2.1;
    padding-bottom: 12px;
    margin-bottom: 28px;
    border-bottom: 1px solid #07070733; }
    @media (min-width: 1000.1px) {
      .footer_lp .footer_address {
        width: fit-content; } }
    @media (max-width: 1000px) {
      .footer_lp .footer_address {
        font-size: 13px; } }
  .footer_lp .footer_tel_txt {
    font-size: 12px; }
  .footer_lp .footer_tel {
    font-size: 29px;
    font-weight: 700;
    line-height: 1; }
    .footer_lp .footer_tel a {
      position: relative;
      display: block;
      margin: 6px 0; }
      @media (min-width: 1000.1px) {
        .footer_lp .footer_tel a {
          pointer-events: none; } }
  .footer_lp .footer_r {
    text-align: right;
    font-size: 12px;
    line-height: 2.6; }
    .footer_lp .footer_r a:hover {
      opacity: .7; }
    @media (max-width: 1000px) {
      .footer_lp .footer_r {
        text-align: left;
        font-size: 12px;
        line-height: calc(22 / 12);
        margin-top: 30px; }
        .footer_lp .footer_r img {
          width: 170px;
          height: auto; } }
  .footer_lp .copy {
    background: #ABEBE6;
    padding: 15px 0;
    display: block; }
    @media (max-width: 1000px) {
      .footer_lp .copy {
        padding: 18px 0; } }
    .footer_lp .copy span {
      max-width: 1649px;
      padding: 0 10px;
      margin: auto;
      font-size: 12px;
      display: block; }
      @media (max-width: 1000px) {
        .footer_lp .copy span {
          text-align: center;
          font-size: 10px; } }


.lp_a , .lp_b{
	padding-top: clamp(40px, 28.539px + 1.49vw, 50px);
	padding-bottom: clamp(40px, 28.539px + 1.49vw, 50px);
	width: 90%;
	margin: auto;
	position: relative;
	z-index: 5;
}
.lp_a_sub{
	font-size: clamp(24px, 14.832px + 1.192vw, 32px);
}
.lp_a h1{
	font-size: clamp(40px, 23.955px + 2.086vw, 54px);
	letter-spacing: clamp(8px, 4.791px + 0.417vw, 10.8px);
	font-weight: 800;
}
.lp_a h1 span{
	position: relative;
}
.lp_a h1 span::before{
	content: "";
	position: absolute;
	top: 0;
	left: clamp(16px, 12.562px + 0.447vw, 19px);
	background-image: url("../../img/lp/kintone/fv_a_dot.png");
	background-size: contain;
	vertical-align: middle;
	width: clamp(152px, 88.967px + 8.197vw, 207px);
	height: clamp(6px, 3.708px + 0.298vw, 8px);
}
.archive{
	margin: 48px auto 75px;
}
.archive img:nth-child(1){
	width: clamp(200px, 108.316px + 11.923vw, 280px);
	height: auto;
}
.archive img:nth-child(2){
	width: clamp(185px, 99.046px + 11.177vw, 260px);
	height: auto;
}
.archive img:nth-child(3){
	width: clamp(152px, 62.608px + 11.624vw, 230px);
	height: auto;
}
.bg_blue{
	background-color: #0E2F8F;
	color: #FFFFFF;
	border-radius: 8px;
	font-size: clamp(16px, 2.247px + 1.788vw, 28px);
	width: fit-content;
	padding: 12px 16px 16px 16px;
	line-height: 1;
}
.lp_a .btn2,.lp_b .btn2{
	display: flex;
	gap: clamp(16px, -11.505px + 3.577vw, 40px);
	margin-left: clamp(12px, -1.753px + 1.788vw, 24px);
	margin-top: 24px;
}
.btn2 .lp-alink{
    display: flex;
    align-items: center;
    justify-content: center;
	width: fit-content;
	padding: clamp(16px, 6.832px + 1.192vw, 24px) clamp(24px, 5.663px + 2.385vw, 40px);
    border-radius: 50px;
    position: relative;
    box-shadow: 0 5px 0 #E58706;
    background-color: #FFA01C;
    color: white;
    border: 2px solid #FFA01C;
    font-weight: 700;
	line-height: 1;
	font-size: clamp(14px, 7.124px + 0.894vw, 20px);
	margin: 0;
}
.fv_a_img{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 57.3%;
	z-index: 0;
}
.lp_b .bg_blue{
	font-size: clamp(48px, 29.663px + 2.385vw, 64px);
	letter-spacing: clamp(8px, 2.499px + 0.715vw, 12.8px);
}
.lp_b_sub{
	font-size: clamp(24px, 14.832px + 1.192vw, 32px);
	font-weight: 700;
	margin-top: 50px;
	margin-bottom: 50px;
}
.lp_b_sub span{
	font-size: clamp(28px, 14.247px + 1.788vw, 40px);
}
.under-line{
	border-bottom: 10px solid #FF9F1B;
}
.fv_b_archive{
	position: absolute;
	left: 30%;
	top: 40%;
}
.fv_b_mcopy{
	font-size: clamp(24px, 14.832px + 1.192vw, 32px);
	position: relative;
	font-weight: 500;
}
.fv_b_mcopy::before{
	content: url("../../img/lp/kintone/fv_b_mcopy.svg");
}
.fv_b_mcopy::after{
	content: url("../../img/lp/kintone/fv_b_mcopyafter.svg");
}
.fv_b_img{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 45.3%;
	z-index: 0;
}
.lp_b .btn2{
	margin-left: 0;
}
.btn2lpb .lp-alink{
	font-size: clamp(20px, 10.832px + 1.192vw, 28px);
}