@charset "UTF-8";
/*WordPress対策・全ページ余白なし*/
* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  background: #fff;
}

img {
  vertical-align: bottom;
  max-width: 100%;
}

a {
  text-decoration: none;
}

main {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

/*メディアクエリ*/
@media screen and (min-width: 1025px) {
  .pc {
    display: block;
    /*電話番号をクリックしても自動発信しない*/
  }
  .pc a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
  .smp {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .pc {
    display: none !important;
  }
  .smp {
    display: block;
  }
}
.fadein {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  position: relative;
}

.fadein.is-active {
  opacity: 1;
}

.fadein.fadeup {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;
}

.fadein.fadeup.is-active {
  opacity: 1;
  transform: translateY(0);
}

.fadein {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  position: relative;
}

.fadein.is-active {
  opacity: 1;
}

.fadein.fadeup {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;
}

.fadein.fadeup.is-active {
  opacity: 1;
  transform: translateY(0);
}

.fadein-before {
  transition: opacity 1.5s ease-in-out;
  position: relative;
}

.fadein-before:before,
.fadein-before:after {
  opacity: 0;
  transition: opacity 3s ease-in-out;
}

.fadein-before:before.fadeup,
.fadein-before:after.fadeup {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;
}

.fadein-before:before.fadeup.is-active,
.fadein-before:after.fadeup.is-active {
  opacity: 1;
  transform: translateY(0);
}

.fadein-before.is-active:before {
  opacity: 1;
}

.fadein-before.is-active:after {
  opacity: 1;
}

.fadein {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.fadein.is-active {
  opacity: 1;
}

.fadein.fadeup {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;
  transition-delay: var(--delay, 0s);
}

.fadein.fadeup.is-active {
  opacity: 1;
  transform: translateY(0);
}

.indent {
  text-indent: -1em;
  padding-left: 1em;
}

/*キービジュアル*/
@media screen and (min-width: 1025px) {
  .kv-2 {
    width: 72.6666666667%;
    margin: 0 0 0 auto;
    position: relative;
  }
  .kv-2 .image {
    width: 100%;
    height: 496px;
    border-radius: 60px 0 0 60px;
    overflow: hidden;
  }
  .kv-2 .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .kv-2 .texts {
    width: -moz-min-content;
    width: min-content;
    padding: 36px 54px 46px 46px;
    border-radius: 5px;
    background-color: #4c639e;
    position: absolute;
    top: 171px;
    left: -251px;
    z-index: 1;
  }
  .kv-2 .texts::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: #fff;
    position: absolute;
    bottom: 4px;
    right: 4px;
    z-index: -1;
  }
  .kv-2 .texts h1 small {
    display: grid;
    grid-template-columns: 15px min-content;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    text-align: left;
    color: #4c639e;
    white-space: nowrap;
  }
  .kv-2 .texts h1 small img {
    width: 100%;
  }
  .kv-2 .texts h1 strong {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.28;
    letter-spacing: 2.88px;
    text-align: left;
    color: #4c639e;
    white-space: nowrap;
  }
  .kv-3 {
    width: 72.6666666667%;
    margin: 0 0 0 auto;
    position: relative;
  }
  .kv-3::before {
    content: "";
    display: block;
    width: 1000%;
    height: 383px;
    background-color: #364d78;
    position: absolute;
    top: 173px;
    right: 110px;
    z-index: -1;
  }
  .kv-3 .image {
    width: 100%;
    height: 496px;
    border-radius: 60px 0 0 60px;
    overflow: hidden;
  }
  .kv-3 .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .kv-3 .texts {
    position: absolute;
    top: 64px;
    left: -255px;
    z-index: 1;
  }
  .kv-3 .texts .category-icon {
    width: 220px;
    height: 220px;
    padding: 62px 60px;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #4c639e;
    box-shadow: inset 0 0 0 2px #fff;
  }
  .kv-3 .texts .category-icon img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 1px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .kv-3 .texts .category-icon h1 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 35px;
    letter-spacing: 1.2px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
  }
  .kv-3 .texts p {
    margin-top: 30px;
    position: relative;
    z-index: 2;
  }
  .kv-3 .texts p span {
    display: inline-block;
    padding: 6px 20px 8px;
    border-radius: 5px;
    background-color: #fff;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.84px;
    color: #1f3661;
  }
  .kv-3 .texts p span:nth-last-of-type(1) {
    margin-top: 3px;
  }
  .flow .headline {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
  }
  .flow .headline small {
    display: grid;
    grid-template-columns: 15px min-content 15px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    text-align: center;
    color: #4c639e;
    white-space: nowrap;
  }
  .flow .headline h2 {
    display: block;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.44;
    letter-spacing: 2.88px;
    text-align: center;
    color: #4c639e;
    white-space: nowrap;
    position: relative;
  }
  .flow .headline p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
  }
  .flow ul.items {
    display: block;
    width: 867px;
    margin: 0 auto;
    list-style: none;
  }
  .flow ul.items li {
    display: grid;
    grid-template-columns: 100px 1fr;
    -moz-column-gap: 30px;
         column-gap: 30px;
    position: relative;
  }
  .flow ul.items li:not(:last-child)::before {
    content: "";
    display: block;
    width: 2px;
    background-image: repeating-linear-gradient(to bottom, #92a0c6 0, #92a0c6 5px, transparent 5px, transparent 10px);
    background-color: transparent;
    position: absolute;
    top: 147px;
    bottom: -80px;
    left: 50.5px;
  }
  .flow ul.items li:nth-of-type(1) {
    margin-bottom: 32px;
  }
  .flow ul.items li:nth-of-type(2) {
    margin-bottom: 33px;
  }
  .flow ul.items li:nth-of-type(3) {
    margin-bottom: 36px;
  }
  .flow ul.items li:nth-of-type(4), .flow ul.items li:nth-of-type(5), .flow ul.items li:nth-of-type(6) {
    min-height: 128px;
    margin-bottom: 60px;
  }
  .flow ul.items li:nth-of-type(4):not(:last-child)::before, .flow ul.items li:nth-of-type(5):not(:last-child)::before, .flow ul.items li:nth-of-type(6):not(:last-child)::before {
    bottom: -96px;
  }
  .flow ul.items li .step {
    position: relative;
    z-index: 1;
  }
  .flow ul.items li .step p {
    height: 39px;
    text-align: center;
  }
  .flow ul.items li .step p small {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.6px;
    text-align: center;
    color: #4c639e;
  }
  .flow ul.items li .step p span {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.8px;
    text-align: center;
    color: #4c639e;
  }
  .flow ul.items li .step p strong {
    font-family: "Poppins", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.4px;
    text-align: center;
    color: #4c639e;
  }
  .flow ul.items li .step .circle {
    display: block;
    width: 100px;
    height: 100px;
    padding: 25px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #4c639e;
  }
  .flow ul.items li .step .circle img {
    width: 100%;
  }
  .flow ul.items li .content .texts h3 {
    margin-bottom: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 35px;
    letter-spacing: 1.2px;
    text-align: left;
    color: #4c639e;
  }
  .flow ul.items li .content .texts p {
    width: 737px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    text-align: left;
    color: #1f3661;
  }
  .flow ul.items li .content a.flow-link {
    display: grid;
    grid-template-columns: 30px min-content;
    -moz-column-gap: 15px;
         column-gap: 15px;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    margin-top: 19px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.48px;
    text-align: left;
    color: #1f3661;
    white-space: nowrap;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 4px;
    transition: text-decoration-color 0.3s;
  }
  .flow ul.items li .content a.flow-link span {
    display: block;
    width: 30px;
    height: 30px;
    border: solid 1px #f49517;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #f49517;
    position: relative;
    transform-origin: center;
    transition: width 0.3s, height 0.3s, background-color 0.3s, transform 0.3s;
  }
  .flow ul.items li .content a.flow-link span::before {
    content: "";
    display: block;
    width: 14px;
    height: 9px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s, transform 0.3s;
  }
  .flow ul.items li .content a.flow-link span::after {
    content: "";
    display: block;
    width: 14px;
    height: 9px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/right_orange.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s, transform 0.3s;
  }
  .flow ul.items li .content a.flow-link:hover {
    text-decoration-color: #1f3661;
  }
  .flow ul.items li .content a.flow-link:hover span {
    background-color: #fff;
    transform: scale(1.333333);
  }
  .flow ul.items li .content a.flow-link:hover span::before {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.75);
  }
  .flow ul.items li .content a.flow-link:hover span::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0.75);
  }
  .flow ul.items li .content .point {
    width: 723px;
    margin-top: 20px;
    padding: 22px 30px;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #fff;
  }
  .flow ul.items li .content .point h4 {
    display: grid;
    grid-template-columns: 25px min-content;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    width: -moz-min-content;
    width: min-content;
    margin-bottom: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.51px;
    text-align: left;
    color: #1f3661;
    white-space: nowrap;
    position: relative;
  }
  .flow ul.items li .content .point h4::after {
    content: "";
    display: block;
    width: calc(100% - 35px);
    height: 1px;
    border-bottom: dashed 1px #364d78;
    box-sizing: border-box;
    position: absolute;
    bottom: -4.5px;
    right: 0;
  }
  .flow ul.items li .content .point h4 img {
    width: 100%;
  }
  .flow ul.items li .content .point p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    text-align: left;
    color: #1f3661;
  }
  .flow ul.items li .content .point .point-links {
    display: grid;
    grid-template-columns: max-content max-content;
    -moz-column-gap: 38px;
         column-gap: 38px;
    align-items: center;
    margin-top: 15px;
  }
  .flow ul.items li .content .point .point-links a {
    display: grid;
    grid-template-columns: 30px min-content;
    -moz-column-gap: 15px;
         column-gap: 15px;
    align-items: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.48px;
    text-align: left;
    color: #1f3661;
    white-space: nowrap;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 4px;
    transition: text-decoration-color 0.3s;
  }
  .flow ul.items li .content .point .point-links a span {
    display: block;
    width: 30px;
    height: 30px;
    border: solid 1px #f49517;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #f49517;
    position: relative;
    transform-origin: center;
    transition: background-color 0.3s, transform 0.3s;
  }
  .flow ul.items li .content .point .point-links a span::before {
    content: "";
    display: block;
    width: 14px;
    height: 9px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s, transform 0.3s;
  }
  .flow ul.items li .content .point .point-links a span::after {
    content: "";
    display: block;
    width: 14px;
    height: 9px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/right_orange.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s, transform 0.3s;
  }
  .flow ul.items li .content .point .point-links a:hover {
    text-decoration-color: #1f3661;
  }
  .flow ul.items li .content .point .point-links a:hover span {
    background-color: #fff;
    transform: scale(1.333333);
  }
  .flow ul.items li .content .point .point-links a:hover span::before {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.75);
  }
  .flow ul.items li .content .point .point-links a:hover span::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0.75);
  }
  a.btn {
    display: grid;
    grid-template-columns: 22px min-content;
    -moz-column-gap: 7px;
         column-gap: 7px;
    justify-content: center;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto;
    border-radius: 28px;
    box-sizing: border-box;
    transition: 0.4s ease;
  }
  a.btn .icons {
    display: block;
    width: 100%;
    height: 22px;
    position: relative;
    top: 3px;
  }
  a.btn .icons img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.4s ease;
  }
  a.btn .icons img:nth-of-type(1) {
    opacity: 1;
  }
  a.btn .icons img:nth-of-type(2) {
    opacity: 0;
  }
  a.btn span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 0.9px;
    text-align: left;
    color: #fff;
    white-space: nowrap;
    transition: 0.4s ease;
  }
  a.btn:hover .icons img:nth-of-type(1) {
    opacity: 0;
  }
  a.btn:hover .icons img:nth-of-type(2) {
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  .kv-2 {
    width: 88.75%;
    margin: 0 0 0 auto;
    position: relative;
  }
  .kv-2 .image {
    width: 100%;
    height: 237px;
    border-radius: 30px 0 0 30px;
    overflow: hidden;
  }
  .kv-2 .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .kv-2 .texts {
    width: -moz-min-content;
    width: min-content;
    padding: 20px 30px 26px 25px;
    border-radius: 2.5px;
    background-color: #4c639e;
    position: absolute;
    top: 192px;
    left: -20px;
    z-index: 1;
  }
  .kv-2 .texts::before {
    content: "";
    display: block;
    width: calc(100% - 5px);
    height: calc(100% - 5px);
    border-radius: 2.5px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .kv-2 .texts h1 small {
    display: grid;
    grid-template-columns: 7.5px min-content;
    -moz-column-gap: 5px;
         column-gap: 5px;
    align-items: center;
    margin-bottom: 2.5px;
    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.7px;
    text-align: left;
    color: #4c639e;
    white-space: nowrap;
  }
  .kv-2 .texts h1 small img {
    width: 100%;
  }
  .kv-2 .texts h1 strong {
    display: block;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1.6px;
    text-align: left;
    color: #4c639e;
    white-space: nowrap;
  }
  .kv-3 {
    width: 88.75%;
    margin: 0 0 0 auto;
    position: relative;
  }
  .kv-3::before {
    content: "";
    display: block;
    width: 1000%;
    height: 195px;
    background-color: #364d78;
    position: absolute;
    top: 222px;
    right: 0;
    z-index: -1;
  }
  .kv-3 .image {
    width: 100%;
    height: 237px;
    border-radius: 30px 0 0 30px;
    overflow: hidden;
  }
  .kv-3 .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .kv-3 .texts {
    position: absolute;
    top: 149.5px;
    left: -24.7px;
    z-index: 1;
  }
  .kv-3 .texts .category-icon {
    width: 145px;
    height: 145px;
    padding: 42.5px 37px;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #4c639e;
    box-shadow: inset 0 0 0 1px #fff;
  }
  .kv-3 .texts .category-icon img {
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto 0.5px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .kv-3 .texts .category-icon h1 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 24.5px;
    letter-spacing: 0.85px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
  }
  .kv-3 .texts p {
    margin-top: 15px;
    position: relative;
    z-index: 2;
  }
  .kv-3 .texts p span {
    display: inline-block;
    padding: 3px 10px 4px;
    border-radius: 2.5px;
    background-color: #fff;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.54px;
    color: #1f3661;
  }
  .kv-3 .texts p span:nth-last-of-type(1) {
    margin-top: 2px;
  }
  .flow .headline {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .flow .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.91px;
    text-align: center;
    color: #4c639e;
    white-space: nowrap;
  }
  .flow .headline h2 {
    display: block;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 25px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: 1.44px;
    text-align: center;
    color: #4c639e;
    white-space: nowrap;
    position: relative;
  }
  .flow .headline p {
    display: block;
    width: 340px;
    margin: 0 auto;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    text-align: left;
    color: #1f3661;
  }
  .flow ul.items {
    display: block;
    width: 372px;
    margin: 0 auto;
    list-style: none;
  }
  .flow ul.items li {
    display: grid;
    grid-template-columns: 60px 1fr;
    -moz-column-gap: 20px;
         column-gap: 20px;
    position: relative;
  }
  .flow ul.items li:not(:last-child)::before {
    content: "";
    display: block;
    width: 1px;
    background-image: repeating-linear-gradient(to bottom, #92a0c6 0, #92a0c6 2.5px, transparent 2.5px, transparent 5px);
    background-color: transparent;
    position: absolute;
    top: 92px;
    bottom: -55px;
    left: 30px;
  }
  .flow ul.items li:nth-of-type(1), .flow ul.items li:nth-of-type(2) {
    margin-bottom: 25px;
  }
  .flow ul.items li:nth-of-type(3) {
    margin-bottom: 34px;
  }
  .flow ul.items li:nth-of-type(4), .flow ul.items li:nth-of-type(5), .flow ul.items li:nth-of-type(6) {
    min-height: 172px;
    margin-bottom: 39px;
  }
  .flow ul.items li:nth-of-type(4):not(:last-child)::before, .flow ul.items li:nth-of-type(5):not(:last-child)::before, .flow ul.items li:nth-of-type(6):not(:last-child)::before {
    bottom: -64px;
  }
  .flow ul.items li .step {
    position: relative;
    z-index: 1;
  }
  .flow ul.items li .step p {
    width: auto;
    margin: 0;
    font-family: "Poppins", sans-serif;
    text-align: center;
    color: #4c639e;
  }
  .flow ul.items li .step p small {
    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #4c639e;
  }
  .flow ul.items li .step p span {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.6px;
    color: #4c639e;
  }
  .flow ul.items li .step p strong {
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 26.5px;
    letter-spacing: 1.1px;
    color: #4c639e;
  }
  .flow ul.items li .step .circle {
    display: block;
    width: 60px;
    height: 60px;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #4c639e;
  }
  .flow ul.items li .step .circle img {
    width: 100%;
  }
  .flow ul.items li .content .texts h3 {
    margin-bottom: 7.5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 23px;
    letter-spacing: 0.8px;
    text-align: left;
    color: #4c639e;
  }
  .flow ul.items li .content .texts p {
    width: 100%;
    margin: 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.61;
    letter-spacing: 0.42px;
    text-align: left;
    color: #1f3661;
  }
  .flow ul.items li .content a.flow-link {
    display: grid;
    grid-template-columns: 22.5px min-content;
    -moz-column-gap: 7.5px;
         column-gap: 7.5px;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    margin-top: 22px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22.5px;
    letter-spacing: 0.45px;
    text-align: left;
    color: #1f3661;
    white-space: nowrap;
    text-decoration: none;
  }
  .flow ul.items li .content a.flow-link span {
    display: block;
    width: 22.5px;
    height: 22.5px;
    border: solid 1.5px #f49517;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #f49517;
    position: relative;
  }
  .flow ul.items li .content a.flow-link span::before {
    content: "";
    display: block;
    width: 10.5px;
    height: 6.75px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .flow ul.items li .content .point {
    width: 100%;
    margin-top: 15px;
    padding: 15px;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #fff;
  }
  .flow ul.items li .content .point h4 {
    display: grid;
    grid-template-columns: 20px 1fr;
    -moz-column-gap: 5px;
         column-gap: 5px;
    width: -moz-min-content;
    width: min-content;
    margin-bottom: 11.5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.45px;
    text-align: left;
    color: #1f3661;
    white-space: nowrap;
    position: relative;
  }
  .flow ul.items li .content .point h4::after {
    content: "";
    display: block;
    width: calc(100% - 25px);
    height: 0.5px;
    border-bottom: dashed 0.5px #364d78;
    box-sizing: border-box;
    position: absolute;
    bottom: -1.25px;
    right: 0;
  }
  .flow ul.items li .content .point h4 img {
    width: 100%;
  }
  .flow ul.items li .content .point p {
    width: 100%;
    margin: 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.61;
    letter-spacing: 0.42px;
    text-align: left;
    color: #1f3661;
  }
  .flow ul.items li .content .point .point-links {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 12px;
    margin-top: 17px;
  }
  .flow ul.items li .content .point .point-links a {
    display: grid;
    grid-template-columns: 22.5px 1fr;
    -moz-column-gap: 7.5px;
         column-gap: 7.5px;
    align-items: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22.5px;
    letter-spacing: 0.45px;
    text-align: left;
    color: #1f3661;
  }
  .flow ul.items li .content .point .point-links a span {
    display: block;
    width: 22.5px;
    height: 22.5px;
    border: solid 1.5px #f49517;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #f49517;
    position: relative;
  }
  .flow ul.items li .content .point .point-links a span::before {
    content: "";
    display: block;
    width: 10.5px;
    height: 6.75px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  a.btn {
    display: grid;
    grid-template-columns: 20px min-content;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    width: 275px;
    margin: 0 auto;
    padding: 14px 0;
    border-radius: 25px;
    box-sizing: border-box;
  }
  a.btn .icons {
    display: block;
    width: 100%;
    height: 20px;
    position: relative;
    top: 1px;
  }
  a.btn .icons img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  a.btn .icons img:nth-of-type(1) {
    opacity: 1;
  }
  a.btn .icons img:nth-of-type(2) {
    opacity: 0;
  }
  a.btn span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: 0.75px;
    text-align: left;
    color: #fff;
    white-space: nowrap;
  }
}
/*30.初めての方へ・ご利用の流れ*/
/*PC*/
@media screen and (min-width: 1025px) {
  #page30 .contents-1 {
    width: 100%;
    margin-top: 150px;
    margin-bottom: 90px;
    position: relative;
  }
  #page30 .contents-1 .headline {
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 50px;
    position: relative;
  }
  #page30 .contents-1 .headline img {
    display: block;
    width: 195.4px;
    height: 195.4px;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: -69px;
    left: -174.1px;
  }
  #page30 .contents-1 .headline h2 {
    display: inline-block;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.28;
    letter-spacing: 2.88px;
    text-align: center;
    color: #4c639e;
    white-space: nowrap;
  }
  #page30 .contents-1 .items-wrap .items {
    width: 1108.5px;
    margin: 0 auto;
    padding: 69.8px 396px 39.8px 475.5px;
    box-sizing: border-box;
    position: relative;
    right: 19.25px;
  }
  #page30 .contents-1 .items-wrap .items .main-image {
    width: 237px;
    height: 232.7px;
  }
  #page30 .contents-1 .items-wrap .items .main-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page30 .contents-1 .items-wrap .items p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: 0.54px;
    text-align: center;
    color: #364d78;
    position: absolute;
    /*時計回り*/
  }
  #page30 .contents-1 .items-wrap .items p.item-1 {
    /*テキスト*/
    top: 87.7px;
    left: 36.1px;
    /*背景*/
  }
  #page30 .contents-1 .items-wrap .items p.item-1::before {
    content: "";
    display: block;
    width: 259.7px;
    height: 132.3px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page30/fukidashi1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -43.9px;
    left: -36.1px;
    z-index: -1;
  }
  #page30 .contents-1 .items-wrap .items p.item-2 {
    /*テキスト*/
    top: 30.8px;
    left: 340px;
    /*背景*/
  }
  #page30 .contents-1 .items-wrap .items p.item-2::before {
    content: "";
    display: block;
    width: 250.3px;
    height: 139px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page30/fukidashi2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -30.8px;
    left: -51.2px;
    z-index: -1;
  }
  #page30 .contents-1 .items-wrap .items p.item-3 {
    /*テキスト*/
    top: 44.3px;
    right: 154.7px;
    /*背景*/
  }
  #page30 .contents-1 .items-wrap .items p.item-3::before {
    content: "";
    display: block;
    width: 250.3px;
    height: 127.6px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page30/fukidashi4.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -30.8px;
    left: -33.2px;
    z-index: -1;
  }
  #page30 .contents-1 .items-wrap .items p.item-4 {
    /*テキスト*/
    bottom: 66.1px;
    right: 33.2px;
    /*背景*/
  }
  #page30 .contents-1 .items-wrap .items p.item-4::before {
    content: "";
    display: block;
    width: 306.4px;
    height: 156.1px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page30/fukidashi5.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -41.1px;
    left: -33.2px;
    z-index: -1;
  }
  #page30 .contents-1 .items-wrap .items p.item-5 {
    /*テキスト*/
    bottom: 41.1px;
    left: 182.5px;
    /*背景*/
  }
  #page30 .contents-1 .items-wrap .items p.item-5::before {
    content: "";
    display: block;
    width: 306.4px;
    height: 156.1px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page30/fukidashi3.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -41.1px;
    left: -33.2px;
    z-index: -1;
  }
  #page30 .contents-2 {
    width: 100%;
    padding: 122px 0 110.3px;
    background-color: #364d78;
    position: relative;
    z-index: -1;
  }
  #page30 .contents-2::before {
    content: "";
    display: block;
    width: 100%;
    height: 17px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #page30 .contents-2 .headline {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 50px;
  }
  #page30 .contents-2 .headline small {
    display: grid;
    grid-template-columns: 15px min-content 15px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    align-items: center;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
  }
  #page30 .contents-2 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.44;
    letter-spacing: 2.88px;
    text-align: center;
    color: #fff;
  }
  #page30 .contents-2 .items {
    display: grid;
    grid-template-columns: repeat(3, 420px);
    -moz-column-gap: 5px;
         column-gap: 5px;
    row-gap: 45px;
    justify-content: center;
    list-style: none;
  }
  #page30 .contents-2 .items li {
    position: relative;
    padding: 0 35px 35px;
  }
  #page30 .contents-2 .items li::before {
    content: "";
    display: block;
    width: 420px;
    height: calc(100% - 175px);
    background-color: #f2f2f2;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page30 .contents-2 .items li img {
    width: 100%;
    height: 216.6px;
    margin-bottom: 20px;
    border-radius: 20px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page30 .contents-2 .items li h3 {
    margin-bottom: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.36;
    letter-spacing: 0.66px;
    text-align: center;
    color: #1f3661;
  }
  #page30 .contents-2 .items li .dots {
    display: grid;
    grid-template-columns: repeat(3, 8px);
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    margin-bottom: 15px;
  }
  #page30 .contents-2 .items li .dots span {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f49517;
  }
  #page30 .contents-2 .items li p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    text-align: left;
    color: #1f3661;
  }
  #page30 .contents-3 {
    width: 100%;
    margin-top: -1px;
    background-color: #364d78;
    position: relative;
    z-index: 0;
  }
  #page30 .contents-3 .inner {
    width: 1320px;
    margin: 0 auto;
    padding: 60px 42px 59.8px 43px;
    border-radius: 80px;
    border: solid 6px #1f3661;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
    z-index: 2;
  }
  #page30 .contents-3 .inner .headline {
    display: flex;
    flex-direction: column;
    margin-bottom: 40.2px;
  }
  #page30 .contents-3 .inner .headline small {
    display: grid;
    grid-template-columns: 15px min-content 15px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71;
    letter-spacing: 0.98px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
  }
  #page30 .contents-3 .inner .headline h2 {
    display: block;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.44;
    letter-spacing: 2.88px;
    text-align: center;
    color: #364d78;
    white-space: nowrap;
    position: relative;
  }
  #page30 .contents-3 .inner .headline h2 img {
    display: block;
    width: 55.3px;
    height: 65.3px;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page30 .contents-3 .inner .headline h2 img:nth-of-type(1) {
    left: -95.3px;
  }
  #page30 .contents-3 .inner .headline h2 img:nth-of-type(2) {
    right: -95.3px;
  }
  #page30 .contents-3 .inner .headline p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
  }
  #page30 .contents-3 .inner ul.items {
    display: grid;
    grid-template-columns: repeat(4, 305px);
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    list-style: none;
  }
  #page30 .contents-3 .inner ul.items li {
    width: 100%;
    padding: 26px 0;
    border-radius: 20px;
    background-color: #f2f2f2;
  }
  #page30 .contents-3 .inner ul.items li p {
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.44;
    letter-spacing: 0.54px;
    text-align: center;
    color: #1f3661;
  }
  #page30 .contents-3 .inner ul.items li p.time {
    display: block;
    margin: 0 auto 0 73px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.71;
    letter-spacing: 0.42px;
    text-align: left;
    color: #364d78;
  }
  #page30 .contents-3 .inner ul.items li a.tel {
    display: grid;
    grid-template-columns: 25px min-content;
    -moz-column-gap: 12px;
         column-gap: 12px;
    justify-content: center;
    align-items: center;
  }
  #page30 .contents-3 .inner ul.items li a.tel img {
    display: block;
    width: 100%;
    position: relative;
    top: 0.5px;
  }
  #page30 .contents-3 .inner ul.items li a.tel span {
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.23;
    letter-spacing: 1.3px;
    text-align: left;
    color: #1f3661;
    white-space: nowrap;
  }
  #page30 .contents-3 .inner ul.items li a.btn.line {
    padding: 14px 38px 16px 30px; /*変更*/
    border: solid 2px #06c755; /*変更*/
    background-color: #06c755; /*変更*/
  }
  #page30 .contents-3 .inner ul.items li a.btn.line:hover {
    background-color: #fff;
  }
  #page30 .contents-3 .inner ul.items li a.btn.line:hover span {
    color: #06c755; /*変更*/
  }
  #page30 .contents-3 .inner ul.items li a.btn.web {
    padding: 14px 85px 16px 79px; /*変更*/
    border: solid 2px #f49517; /*変更*/
    background-color: #f49517; /*変更*/
  }
  #page30 .contents-3 .inner ul.items li a.btn.web:hover {
    background-color: #fff;
  }
  #page30 .contents-3 .inner ul.items li a.btn.web:hover span {
    color: #f49517; /*変更*/
  }
  #page30 .contents-3 .inner ul.items li a.btn.form {
    padding: 14px 23px 16px 30px; /*変更*/
    border: solid 2px #364d78; /*変更*/
    background-color: #364d78; /*変更*/
  }
  #page30 .contents-3 .inner ul.items li a.btn.form:hover {
    background-color: #fff;
  }
  #page30 .contents-3 .inner ul.items li a.btn.form:hover span {
    color: #364d78; /*変更*/
  }
  #page30 .contents-3 .sub-hero {
    display: block;
    width: 100%;
    height: 450px;
    margin-top: -114px;
    position: relative;
    z-index: 1;
  }
  #page30 .contents-3 .sub-hero::before {
    content: "";
    display: block;
    width: 100%;
    height: 58.7px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_1_pc.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -2px;
    left: 0;
  }
  #page30 .contents-3 .sub-hero img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page30 .contents-4 {
    width: 100%;
    padding: 87px 0 90px;
    background-color: #f7f7f7;
    position: relative;
    z-index: -1;
  }
  #page30 .contents-4 .flow ul.items li:nth-of-type(1) {
    min-height: 332.5px;
  }
  #page30 .contents-4 .flow ul.items li:nth-of-type(2) {
    min-height: 434px;
  }
  #page30 .contents-4 .flow ul.items li:nth-of-type(3) {
    min-height: 362.5px;
  }
  #page30 .contents-4 .flow ul.items li:nth-of-type(4),
  #page30 .contents-4 .flow ul.items li:nth-of-type(5),
  #page30 .contents-4 .flow ul.items li:nth-of-type(6) {
    min-height: 183px;
  }
  #page30 .contents-4 .flow ul.items li:not(:last-child) {
    margin-bottom: 5px;
  }
  #page30 .contents-4 .flow ul.items li:not(:last-child)::before {
    bottom: 0;
  }
  #page30 .contents-5 {
    width: 100%;
    padding: 106px 0 90px;
    background-color: #fff;
    position: relative;
  }
  #page30 .contents-5::before {
    content: "";
    display: block;
    width: 100%;
    height: 17px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_3_pc.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
/*SP*/
@media screen and (max-width: 1024px) {
  #page30 .contents-1 {
    width: 100%;
    margin-top: 146px;
    margin-bottom: 22.17px;
    position: relative;
  }
  #page30 .contents-1 .headline {
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 34.5px;
    position: relative;
  }
  #page30 .contents-1 .headline img {
    display: block;
    width: 97.7px;
    height: 97.7px;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: -34.5px;
    left: -64.5px;
  }
  #page30 .contents-1 .headline h2 {
    display: inline-block;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.28;
    letter-spacing: 1.44px;
    text-align: center;
    color: #4c639e;
    white-space: nowrap;
  }
  #page30 .contents-1 .items-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: visible;
  }
  #page30 .contents-1 .items-wrap .items {
    width: 400px;
    padding: 77.75px 148.75px 177.65px 132.75px;
    box-sizing: border-box;
    position: relative;
    transform: scale(0.9375);
    transform-origin: top center;
  }
  #page30 .contents-1 .items-wrap .items .main-image {
    width: 118.5px;
    height: 116.35px;
    position: relative;
    z-index: -2;
  }
  #page30 .contents-1 .items-wrap .items .main-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page30 .contents-1 .items-wrap .items p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: 0.375px;
    text-align: center;
    color: #364d78;
    position: absolute;
    /*時計回り*/
  }
  #page30 .contents-1 .items-wrap .items p.item-1 {
    /*テキスト*/
    bottom: 152.9px;
    left: 25.2px;
    /*背景*/
  }
  #page30 .contents-1 .items-wrap .items p.item-1::before {
    content: "";
    display: block;
    width: 181.2px;
    height: 92.35px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page30/page30_3_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -30.6px;
    left: -25.2px;
    z-index: -1;
  }
  #page30 .contents-1 .items-wrap .items p.item-2 {
    /*テキスト*/
    top: 24.15px;
    left: 55.55px;
    /*背景*/
  }
  #page30 .contents-1 .items-wrap .items p.item-2::before {
    content: "";
    display: block;
    width: 184.05px;
    height: 102.2px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page30/page30_4_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -24.15px;
    left: -39.6px;
    z-index: -1;
  }
  #page30 .contents-1 .items-wrap .items p.item-3 {
    /*テキスト*/
    top: 44.55px;
    right: 25.85px;
    /*背景*/
  }
  #page30 .contents-1 .items-wrap .items p.item-3::before {
    content: "";
    display: block;
    width: 180.35px;
    height: 91.9px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page30/page30_5_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -24.15px;
    right: -25.85px;
    z-index: -1;
  }
  #page30 .contents-1 .items-wrap .items p.item-4 {
    /*テキスト*/
    bottom: 112.05px;
    right: 25.95px;
    /*背景*/
  }
  #page30 .contents-1 .items-wrap .items p.item-4::before {
    content: "";
    display: block;
    width: 216.35px;
    height: 121.15px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page30/page30_6_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -39.9px;
    left: -23.45px;
    z-index: -1;
  }
  #page30 .contents-1 .items-wrap .items p.item-5 {
    /*テキスト*/
    bottom: 29.45px;
    left: 46.7px;
    /*背景*/
  }
  #page30 .contents-1 .items-wrap .items p.item-5::before {
    content: "";
    display: block;
    width: 214.25px;
    height: 116.4px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page30/page30_7_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -35.95px;
    left: -23.2px;
    z-index: -2;
  }
  #page30 .contents-2 {
    width: 100%;
    padding: 55.1px 0 32.5px;
    background-color: #364d78;
    position: relative;
    z-index: -1;
  }
  #page30 .contents-2::before {
    content: "";
    display: block;
    width: 100%;
    height: 8.5px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #page30 .contents-2 .headline {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 30px;
  }
  #page30 .contents-2 .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.91px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
  }
  #page30 .contents-2 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
  }
  #page30 .contents-2 .items {
    display: grid;
    grid-template-columns: 335px;
    row-gap: 22.5px;
    justify-content: center;
    list-style: none;
  }
  #page30 .contents-2 .items li {
    position: relative;
    padding: 0 22.5px 22.5px;
  }
  #page30 .contents-2 .items li::before {
    content: "";
    display: block;
    width: 335px;
    height: calc(100% - 87.5px);
    background-color: #f2f2f2;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page30 .contents-2 .items li img {
    display: block;
    width: 225px;
    height: 139.25px;
    margin: 0 auto 15px;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page30 .contents-2 .items li h3 {
    margin-bottom: 10px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.56;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
  }
  #page30 .contents-2 .items li .dots {
    display: grid;
    grid-template-columns: repeat(3, 6.5px);
    -moz-column-gap: 7.5px;
         column-gap: 7.5px;
    justify-content: center;
    margin-bottom: 10px;
  }
  #page30 .contents-2 .items li .dots span {
    display: block;
    width: 6.5px;
    height: 6.5px;
    border-radius: 50%;
    background-color: #f49517;
  }
  #page30 .contents-2 .items li p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.61;
    letter-spacing: 0.42px;
    text-align: left;
    color: #1f3661;
  }
  #page30 .contents-3 {
    width: 100%;
    background-color: #364d78;
    position: relative;
    z-index: 0;
  }
  #page30 .contents-3 .inner {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding: 35px 0;
    border-radius: 40px;
    border: solid 3px #1f3661;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
    z-index: 2;
  }
  #page30 .contents-3 .inner .headline {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  #page30 .contents-3 .inner .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.91px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
  }
  #page30 .contents-3 .inner .headline h2 {
    display: block;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: 1.44px;
    text-align: center;
    color: #364d78;
    white-space: nowrap;
    position: relative;
  }
  #page30 .contents-3 .inner .headline h2 img {
    display: block;
    width: 27.65px;
    height: 32.65px;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    bottom: 0;
  }
  #page30 .contents-3 .inner .headline h2 img:nth-of-type(1) {
    left: -42.65px;
  }
  #page30 .contents-3 .inner .headline h2 img:nth-of-type(2) {
    right: -42.65px;
  }
  #page30 .contents-3 .inner .headline p {
    display: block;
    width: 340px;
    margin: 0 auto;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    text-align: left;
    color: #1f3661;
  }
  #page30 .contents-3 .inner ul.items {
    display: grid;
    grid-template-columns: 340px;
    row-gap: 5px;
    justify-content: center;
    list-style: none;
  }
  #page30 .contents-3 .inner ul.items li {
    width: 100%;
    padding: 20px 0;
    border-radius: 10px;
    background-color: #f2f2f2;
  }
  #page30 .contents-3 .inner ul.items li p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.56;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
  }
  #page30 .contents-3 .inner ul.items li p.time {
    display: block;
    margin: 0 auto 0 80.5px;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 17px;
    letter-spacing: 0.36px;
    text-align: left;
    color: #364d78;
  }
  #page30 .contents-3 .inner ul.items li a {
    margin-top: 15px;
  }
  #page30 .contents-3 .inner ul.items li a.tel {
    display: grid;
    grid-template-columns: 25px min-content;
    -moz-column-gap: 8px;
         column-gap: 8px;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
  }
  #page30 .contents-3 .inner ul.items li a.tel img {
    display: block;
    width: 100%;
    position: relative;
    top: 0.75px;
  }
  #page30 .contents-3 .inner ul.items li a.tel span {
    font-family: "Poppins", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 39.5px;
    letter-spacing: 1.4px;
    text-align: left;
    color: #1f3661;
    white-space: nowrap;
  }
  #page30 .contents-3 .inner ul.items li a.btn.line {
    border: solid 2px #06c755; /*変更*/
    background-color: #06c755; /*変更*/
  }
  #page30 .contents-3 .inner ul.items li a.btn.web {
    border: solid 2px #f49517; /*変更*/
    background-color: #f49517; /*変更*/
  }
  #page30 .contents-3 .inner ul.items li a.btn.form {
    border: solid 2px #364d78; /*変更*/
    background-color: #364d78; /*変更*/
  }
  #page30 .contents-3 .sub-hero {
    display: block;
    width: 100%;
    height: 247.6px;
    margin-top: -33.85px;
    position: relative;
    z-index: 1;
  }
  #page30 .contents-3 .sub-hero::before {
    content: "";
    display: block;
    width: 100%;
    height: 29.35px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_1_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
  }
  #page30 .contents-3 .sub-hero img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page30 .contents-4 {
    width: 100%;
    padding: 45px 0;
    background-color: #f7f7f7;
    position: relative;
    z-index: -1;
  }
  #page30 .contents-4 .flow ul.items li:not(:last-child) {
    margin-bottom: 25px;
  }
  #page30 .contents-4 .flow ul.items li:not(:last-child)::before {
    bottom: -20px;
  }
  #page30 .contents-5 {
    width: 100%;
    padding: 53.5px 0 45px;
    background-color: #fff;
    position: relative;
  }
  #page30 .contents-5::before {
    content: "";
    display: block;
    width: 100%;
    height: 8.5px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_3_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
/*40.プラン・料金目安*/
/*PC*/
@media screen and (min-width: 1025px) {
  #page40 .contents-1 {
    width: 100%;
    margin-top: 120px;
    margin-bottom: 60px;
  }
  #page40 .contents-1 p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
  }
  #page40 .contents-2 {
    width: 100%;
    margin-bottom: 90px;
  }
  #page40 .contents-2 .inner {
    width: 1240px;
    margin: 0 auto;
    padding: 80px 96px 80px 97px;
    border-radius: 80px;
    box-sizing: border-box;
    background-color: #e2e6eb;
  }
  #page40 .contents-2 .headline {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
  }
  #page40 .contents-2 .headline small {
    display: grid;
    grid-template-columns: 15px min-content 15px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    text-align: center;
    color: #4c639e;
    white-space: nowrap;
  }
  #page40 .contents-2 .headline h2 {
    margin-bottom: 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.56;
    letter-spacing: 2.88px;
    text-align: center;
    color: #4c639e;
  }
  #page40 .contents-2 .headline p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
  }
  #page40 .contents-2 .price-items {
    display: grid;
    grid-template-columns: 329px 15px 329px 45px 329px;
    -moz-column-gap: 0;
         column-gap: 0;
    justify-content: center;
    position: relative;
  }
  #page40 .contents-2 .price-items .price-card {
    width: 329px;
    border: solid 5px #364d78;
    border-radius: 20px;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;
  }
  #page40 .contents-2 .price-items .price-card h3 {
    padding: 12px 0 14px;
    box-sizing: border-box;
    background-color: #364d78;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.66px;
    text-align: center;
    color: #fff;
  }
  #page40 .contents-2 .price-items .price-card ul {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 20px 35px 30px;
    list-style: none;
  }
  #page40 .contents-2 .price-items .price-card ul li {
    padding-left: 28px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.85px;
    text-align: left;
    color: #1f3661;
    white-space: nowrap;
    position: relative;
  }
  #page40 .contents-2 .price-items .price-card ul li::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/check_orange.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 3px;
    left: 0;
  }
  #page40 .contents-2 .price-items .price-card.total {
    border-color: #f49517;
  }
  #page40 .contents-2 .price-items .price-card.total h3 {
    background-color: #f49517;
  }
  #page40 .contents-2 .price-items .price-card.total p {
    padding: 65px 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.58;
    letter-spacing: 1.2px;
    text-align: center;
    color: #f49517;
  }
  #page40 .contents-2 .price-items .plus {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #364d78;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 25px;
    font-weight: 900;
    line-height: 60px;
    letter-spacing: 1.25px;
    text-align: center;
    color: #fff;
    justify-self: center;
    position: relative;
    top: 112px;
    z-index: 2;
  }
  #page40 .contents-2 .price-items .arrow {
    width: 0;
    height: 0;
    border-top: solid 17.5px transparent;
    border-bottom: solid 17.5px transparent;
    border-left: solid 25.4px #364d78;
    justify-self: center;
    position: relative;
    top: 122.2px;
  }
  #page40 .contents-3 {
    width: 100%;
    margin-bottom: 100px;
  }
  #page40 .contents-3 .headline {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
  }
  #page40 .contents-3 .headline small {
    display: grid;
    grid-template-columns: 15px min-content 15px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    text-align: center;
    color: #4c639e;
    white-space: nowrap;
  }
  #page40 .contents-3 .headline h2 {
    margin-bottom: 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.44;
    letter-spacing: 2.88px;
    text-align: center;
    color: #4c639e;
  }
  #page40 .contents-3 .headline p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
  }
  #page40 .contents-3 ul.items {
    display: grid;
    grid-template-columns: repeat(2, 550px);
    -moz-column-gap: 40px;
         column-gap: 40px;
    justify-content: center;
    list-style: none;
  }
  #page40 .contents-3 ul.items li {
    position: relative;
  }
  #page40 .contents-3 ul.items li .texts {
    width: 460px;
    margin: -50px auto 0;
    padding-top: 32px;
    border-radius: 20px 20px 0 0;
    background-color: #fff;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  #page40 .contents-3 ul.items li img {
    display: block;
    width: 100%;
    height: 275px;
    border-radius: 30px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page40 .contents-3 ul.items li p.tag {
    display: block;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    padding: 3px 24px;
    border-radius: 15px;
    background-color: #f49517;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.48px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 2;
  }
  #page40 .contents-3 ul.items li p.tag::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-right: solid 5.5px transparent;
    border-left: solid 5.5px transparent;
    border-top: solid 8.1px #f49517;
    position: absolute;
    bottom: -8.1px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page40 .contents-3 ul.items li h3 {
    display: inline-block;
    margin-bottom: 26px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.53;
    letter-spacing: 1.5px;
    text-align: center;
    color: #1f3661;
    position: relative;
    z-index: 2;
  }
  #page40 .contents-3 ul.items li h3::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: repeating-linear-gradient(to right, #1f3661 0, #1f3661 2px, transparent 2px, transparent 4px);
    background-color: transparent;
    position: absolute;
    bottom: -5px;
    left: 0;
  }
  #page40 .contents-3 ul.items li p {
    display: block;
    width: 445px;
    margin: 0 auto;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.48px;
    text-align: left;
    color: #1f3661;
    position: relative;
    z-index: 2;
  }
  #page40 .contents-4 {
    width: 100%;
    padding: 112px 0 170px;
    background-color: #364d78;
    position: relative;
  }
  #page40 .contents-4::before {
    content: "";
    display: block;
    width: 100%;
    height: 17px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #page40 .contents-4 .headline {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
  }
  #page40 .contents-4 .headline small {
    display: grid;
    grid-template-columns: 15px min-content 15px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
  }
  #page40 .contents-4 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.44;
    letter-spacing: 2.88px;
    text-align: center;
    color: #fff;
  }
  #page40 .contents-4 ul.items {
    display: grid;
    grid-template-columns: 1080px;
    row-gap: 40px;
    justify-content: center;
    list-style: none;
  }
  #page40 .contents-4 ul.items li {
    display: grid;
    grid-template-columns: 500px 400px;
    -moz-column-gap: 60px;
         column-gap: 60px;
    width: 1080px;
    min-height: 423px;
    padding: 30px 60px;
    box-sizing: border-box;
    background-color: #f7f7f7;
  }
  #page40 .contents-4 ul.items li .case-title {
    display: grid;
    grid-template-columns: min-content min-content;
    -moz-column-gap: 20px;
         column-gap: 20px;
    align-items: center;
    width: 318px;
    height: 40px;
    margin: 0 0 29px -60px;
    padding-left: 50px;
    border-radius: 0 20px 20px 0;
    box-sizing: border-box;
    background-color: #4c639e;
  }
  #page40 .contents-4 ul.items li .case-title small {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    text-align: left;
    color: #fff;
    white-space: nowrap;
    position: relative;
  }
  #page40 .contents-4 ul.items li .case-title small::after {
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page40 .contents-4 ul.items li .case-title span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.48px;
    text-align: left;
    color: #fff;
    white-space: nowrap;
  }
  #page40 .contents-4 ul.items li h3 {
    width: 520px;
    margin-bottom: 35px;
    padding-left: 20px;
    box-sizing: border-box;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.6px;
    text-align: left;
    color: #1f3661;
    position: relative;
    right: 21px;
  }
  #page40 .contents-4 ul.items li h3::before {
    content: "“";
    display: block;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 34px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 2.38px;
    color: #364d78;
    position: absolute;
    top: -4px;
    left: 0;
  }
  #page40 .contents-4 ul.items li h3::after {
    content: "";
    display: block;
    width: 500px;
    height: 1px;
    background-image: repeating-linear-gradient(to right, #364d78 0, #364d78 2px, transparent 2px, transparent 6px);
    background-color: transparent;
    position: absolute;
    bottom: -18px;
    left: 15.5px;
  }
  #page40 .contents-4 ul.items li p {
    width: 500px;
    margin-bottom: 23px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    text-align: left;
    color: #1f3661;
  }
  #page40 .contents-4 ul.items li a.estimate {
    display: grid;
    grid-template-columns: 40px min-content 16.22px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.48px;
    text-align: left;
    color: #1f3661;
    white-space: nowrap;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 4px;
    transition: text-decoration-color 0.3s;
  }
  #page40 .contents-4 ul.items li a.estimate::after {
    content: "";
    display: block;
    width: 16.22px;
    height: 10px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/right_blue.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #page40 .contents-4 ul.items li a.estimate span {
    display: block;
    width: 40px;
    height: 40px;
    border: solid 1px #f49517;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #f49517;
    position: relative;
    transform-origin: center;
    transition: border-color 0.3s, background-color 0.3s, transform 0.3s;
  }
  #page40 .contents-4 ul.items li a.estimate span::before, #page40 .contents-4 ul.items li a.estimate span::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transition: opacity 0.3s, transform 0.3s;
  }
  #page40 .contents-4 ul.items li a.estimate span::before {
    background-image: url("/wp-content/themes/cf_theme/images/page02/page40/pdf_white.png");
    opacity: 1;
  }
  #page40 .contents-4 ul.items li a.estimate span::after {
    background-image: url("/wp-content/themes/cf_theme/images/page02/page40/pdf_orange.png");
    opacity: 0;
  }
  #page40 .contents-4 ul.items li a.estimate:hover {
    text-decoration-color: #1f3661;
  }
  #page40 .contents-4 ul.items li a.estimate:hover span {
    background-color: #fff;
    transform: scale(1.25);
  }
  #page40 .contents-4 ul.items li a.estimate:hover span::before {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    -ms-transform: translate(-50%, -50%) scale(0.8);
  }
  #page40 .contents-4 ul.items li a.estimate:hover span::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0.8);
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    -ms-transform: translate(-50%, -50%) scale(0.8);
  }
  #page40 .contents-4 ul.items li .image {
    width: 400px;
    height: 313.2px;
    margin-top: 50px;
  }
  #page40 .contents-4 ul.items li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page40 .contents-5 {
    width: 100%;
    padding: 5px 0 95px;
    background: linear-gradient(to bottom, #f2f2f2 0%, #e2e6eb 100%);
    position: relative;
  }
  #page40 .contents-5::before {
    content: "";
    display: block;
    width: 100%;
    height: 85px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_4_pc.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -80px;
    left: 0;
  }
  #page40 .contents-5 .headline {
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
    position: relative;
    z-index: 1;
  }
  #page40 .contents-5 .headline small {
    display: grid;
    grid-template-columns: 15px min-content 15px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    text-align: center;
    color: #4c639e;
    white-space: nowrap;
  }
  #page40 .contents-5 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.44;
    letter-spacing: 2.88px;
    text-align: center;
    color: #4c639e;
  }
  #page40 .contents-5 ul.items {
    display: grid;
    grid-template-columns: 1160px;
    row-gap: 60px;
    justify-content: center;
    list-style: none;
  }
  #page40 .contents-5 ul.items li {
    display: grid;
    grid-template-columns: 530px 559.4px;
    -moz-column-gap: 70px;
         column-gap: 70px;
    align-items: start;
  }
  #page40 .contents-5 ul.items li:nth-of-type(2) {
    grid-template-columns: 559.4px 465px;
  }
  #page40 .contents-5 ul.items li:nth-of-type(2) .texts {
    order: 2;
  }
  #page40 .contents-5 ul.items li:nth-of-type(2) .image {
    order: 1;
  }
  #page40 .contents-5 ul.items li .number {
    display: grid;
    grid-template-columns: min-content min-content;
    -moz-column-gap: 5.5px;
         column-gap: 5.5px;
    align-items: end;
    margin-bottom: 10px;
  }
  #page40 .contents-5 ul.items li .number small {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0.6px;
    text-align: left;
    color: #4c639e;
    position: relative;
    bottom: 18.5px;
  }
  #page40 .contents-5 ul.items li .number small::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #4c639e;
    position: absolute;
    bottom: -4px;
    left: 0;
  }
  #page40 .contents-5 ul.items li .number strong {
    font-family: "Poppins", sans-serif;
    font-size: 50px;
    font-weight: 500;
    line-height: 71px;
    letter-spacing: 1.5px;
    text-align: left;
    color: transparent;
    -webkit-text-stroke: 1px #4c639e;
    -webkit-text-fill-color: transparent;
  }
  #page40 .contents-5 ul.items li h3 {
    margin-bottom: 20px;
  }
  #page40 .contents-5 ul.items li h3 span {
    display: inline-block;
    margin-bottom: 5px;
    padding: 8px 20px;
    background-color: #fff;
    border-radius: 5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 37px;
    letter-spacing: 1.3px;
    text-align: left;
    color: #1f3661;
    white-space: nowrap;
  }
  #page40 .contents-5 ul.items li p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    text-align: left;
    color: #1f3661;
  }
  #page40 .contents-5 ul.items li .image {
    width: 100%;
    height: 374.7px;
    overflow: hidden;
  }
  #page40 .contents-5 ul.items li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page40 .contents-6 {
    width: 100%;
    padding: 95px 0 90px;
    background-color: #fff;
  }
}
/*SP*/
@media screen and (max-width: 1024px) {
  #page40 .contents-1 {
    width: 340px;
    margin: 131.5px auto 45px;
  }
  #page40 .contents-1 p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    text-align: left;
    color: #1f3661;
  }
  #page40 .contents-2 {
    width: 100%;
    margin-bottom: 45px;
  }
  #page40 .contents-2 .inner {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding: 40px 0 45px;
    border-radius: 40px;
    box-sizing: border-box;
    background-color: #e2e6eb;
  }
  #page40 .contents-2 .headline {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
  }
  #page40 .contents-2 .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.91px;
    text-align: center;
    color: #4c639e;
    white-space: nowrap;
  }
  #page40 .contents-2 .headline h2 {
    margin-bottom: 16px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: center;
    color: #4c639e;
  }
  #page40 .contents-2 .headline p {
    width: 340px;
    max-width: 100%;
    margin: 0 auto;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    text-align: left;
    color: #1f3661;
  }
  #page40 .contents-2 .price-items {
    display: grid;
    grid-template-columns: 292.5px;
    justify-content: center;
  }
  #page40 .contents-2 .price-items .price-card {
    width: 292.5px;
    border: solid 2.5px #364d78;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;
  }
  #page40 .contents-2 .price-items .price-card h3 {
    padding: 6px 0 8.5px;
    background-color: #364d78;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.48px;
    text-align: center;
    color: #fff;
  }
  #page40 .contents-2 .price-items .price-card ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 15px 30px 20px;
    list-style: none;
  }
  #page40 .contents-2 .price-items .price-card ul li {
    padding-left: 19px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.75px;
    color: #1f3661;
    white-space: nowrap;
    position: relative;
  }
  #page40 .contents-2 .price-items .price-card ul li::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/check_orange.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 4.5px;
    left: 0;
  }
  #page40 .contents-2 .price-items .price-card.total {
    border-color: #f49517;
  }
  #page40 .contents-2 .price-items .price-card.total h3 {
    background-color: #f49517;
  }
  #page40 .contents-2 .price-items .price-card.total p {
    padding: 24px 0 36.5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 24.5px;
    letter-spacing: 0.85px;
    text-align: center;
    color: #f49517;
  }
  #page40 .contents-2 .price-items .plus {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin: 5px auto;
    border-radius: 50%;
    background-color: #364d78;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 17.5px;
    font-weight: 900;
    line-height: 25.5px;
    color: #fff;
  }
  #page40 .contents-2 .price-items .arrow {
    width: 0;
    height: 0;
    margin: 5px auto;
    border-right: solid 13.75px transparent;
    border-left: solid 13.75px transparent;
    border-top: solid 20px #364d78;
  }
  #page40 .contents-3 {
    width: 100%;
    margin-bottom: 45.5px;
  }
  #page40 .contents-3 .headline {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  #page40 .contents-3 .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.91px;
    text-align: center;
    color: #4c639e;
    white-space: nowrap;
  }
  #page40 .contents-3 .headline h2 {
    margin-bottom: 25px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: center;
    color: #4c639e;
  }
  #page40 .contents-3 .headline p {
    width: 340px;
    margin: 0 auto;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    text-align: left;
    color: #1f3661;
  }
  #page40 .contents-3 ul.items {
    display: grid;
    grid-template-columns: 325px;
    row-gap: 30px;
    justify-content: center;
    list-style: none;
  }
  #page40 .contents-3 ul.items li {
    position: relative;
  }
  #page40 .contents-3 ul.items li .texts {
    width: 325px;
    margin: -29px auto 0;
    padding-top: 29px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  #page40 .contents-3 ul.items li .texts::before {
    content: "";
    display: block;
    width: 275px;
    height: 29px;
    border-radius: 10px 10px 0 0;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 1;
  }
  #page40 .contents-3 ul.items li img {
    display: block;
    width: 100%;
    height: 162.5px;
    border-radius: 15px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page40 .contents-3 ul.items li p.tag {
    display: block;
    width: -moz-max-content;
    width: max-content;
    max-width: 285px;
    margin: 0 auto;
    padding: 3px 18px;
    border-radius: 15px;
    background-color: #f49517;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.39px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    white-space: nowrap;
    z-index: 2;
  }
  #page40 .contents-3 ul.items li p.tag::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-right: solid 4px transparent;
    border-left: solid 4px transparent;
    border-top: solid 5.9px #f49517;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page40 .contents-3 ul.items li h3 {
    display: inline-block;
    margin-bottom: 21.5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: center;
    color: #1f3661;
    position: relative;
    z-index: 2;
  }
  #page40 .contents-3 ul.items li h3::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: repeating-linear-gradient(to right, #1f3661 0, #1f3661 1px, transparent 1px, transparent 2px);
    background-color: transparent;
    position: absolute;
    bottom: -1.5px;
    left: 0;
  }
  #page40 .contents-3 ul.items li p {
    width: 290px;
    max-width: 100%;
    margin: 0 auto;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 13.5px;
    font-weight: normal;
    line-height: 1.85;
    letter-spacing: 0.41px;
    text-align: left;
    color: #1f3661;
    position: relative;
    z-index: 2;
  }
  #page40 .contents-4 {
    width: 100%;
    padding: 55.1px 0 67.55px;
    background-color: #364d78;
    position: relative;
  }
  #page40 .contents-4::before {
    content: "";
    display: block;
    width: 100%;
    height: 8.5px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #page40 .contents-4 .headline {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  #page40 .contents-4 .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.91px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
  }
  #page40 .contents-4 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
  }
  #page40 .contents-4 ul.items {
    display: grid;
    grid-template-columns: 376.5px;
    row-gap: 25px;
    justify-content: center;
    list-style: none;
  }
  #page40 .contents-4 ul.items li {
    display: block;
    width: 100%;
    padding: 20px 0 25px;
    box-sizing: border-box;
    background-color: #f7f7f7;
  }
  #page40 .contents-4 ul.items li .case-title {
    display: grid;
    grid-template-columns: min-content min-content;
    -moz-column-gap: 20.5px;
         column-gap: 20.5px;
    align-items: center;
    width: 245px;
    margin-bottom: 18.9px;
    padding: 5px 0 6.5px 23px;
    border-radius: 0 15px 15px 0;
    box-sizing: border-box;
    background-color: #4c639e;
  }
  #page40 .contents-4 ul.items li .case-title small {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16.5px;
    letter-spacing: 0.84px;
    color: #fff;
    white-space: nowrap;
    position: relative;
  }
  #page40 .contents-4 ul.items li .case-title small::after {
    content: "";
    display: block;
    width: 0.5px;
    height: 11.6px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page40 .contents-4 ul.items li .case-title span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 18.5px;
    letter-spacing: 0.39px;
    color: #fff;
    white-space: nowrap;
  }
  #page40 .contents-4 ul.items li h3 {
    display: block;
    width: 321.5px;
    margin: 0 auto 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.45px;
    color: #1f3661;
    position: relative;
    left: 2.5px;
  }
  #page40 .contents-4 ul.items li h3::before {
    content: "“";
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 24.5px;
    color: #364d78;
    position: absolute;
    top: -8.75px;
    left: -10.5px;
  }
  #page40 .contents-4 ul.items li h3::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.5px;
    background-image: repeating-linear-gradient(to right, #364d78 0, #364d78 1px, transparent 1px, transparent 3px);
    background-color: transparent;
    position: absolute;
    bottom: -15px;
    left: -2.75px;
  }
  #page40 .contents-4 ul.items li p {
    display: block;
    width: 321.5px;
    margin: 0 auto 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.61;
    letter-spacing: 0.42px;
    color: #1f3661;
    position: relative;
    left: 2.5px;
  }
  #page40 .contents-4 ul.items li a.estimate {
    display: grid;
    grid-template-columns: 28px min-content 13.11px;
    -moz-column-gap: 8px;
         column-gap: 8px;
    align-items: center;
    width: 321.5px;
    margin: 0 auto;
    margin-bottom: 24px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.39px;
    color: #1f3661;
    white-space: nowrap;
    position: relative;
    left: 2.5px;
  }
  #page40 .contents-4 ul.items li a.estimate::after {
    content: "";
    display: block;
    width: 13.11px;
    height: 8.085px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/right_blue.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #page40 .contents-4 ul.items li a.estimate span {
    display: block;
    width: 30px;
    height: 30px;
    border: solid 1px #f49517;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #f49517;
    position: relative;
  }
  #page40 .contents-4 ul.items li a.estimate span::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page40/pdf_white.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  #page40 .contents-4 ul.items li .image {
    width: 300px;
    height: 234.9px;
    margin: 0 auto;
    position: relative;
    right: 2.75px;
  }
  #page40 .contents-4 ul.items li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page40 .contents-5 {
    width: 100%;
    padding: 45px 0;
    background: linear-gradient(to bottom, #f2f2f2 0%, #e2e6eb 100%);
    position: relative;
  }
  #page40 .contents-5::before {
    content: "";
    display: block;
    width: 100%;
    height: 23px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_4_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -22.5px;
    left: 0;
  }
  #page40 .contents-5 .headline {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  #page40 .contents-5 .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.91px;
    text-align: center;
    color: #4c639e;
    white-space: nowrap;
  }
  #page40 .contents-5 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: center;
    color: #4c639e;
  }
  #page40 .contents-5 ul.items {
    display: grid;
    grid-template-columns: 321.5px;
    row-gap: 30px;
    justify-content: center;
    list-style: none;
  }
  #page40 .contents-5 ul.items li {
    display: flex;
    flex-direction: column;
    gap: 16.1px;
  }
  #page40 .contents-5 ul.items li .texts {
    order: 2;
  }
  #page40 .contents-5 ul.items li .image {
    order: 1;
  }
  #page40 .contents-5 ul.items li .number {
    display: grid;
    grid-template-columns: min-content min-content;
    -moz-column-gap: 5.5px;
         column-gap: 5.5px;
    align-items: end;
    margin-bottom: 10px;
  }
  #page40 .contents-5 ul.items li .number small {
    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.5px;
    color: #4c639e;
    position: relative;
    bottom: 9.25px;
  }
  #page40 .contents-5 ul.items li .number small::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.5px;
    background-color: #4c639e;
    position: absolute;
    bottom: -0.5px;
    left: 0;
  }
  #page40 .contents-5 ul.items li .number strong {
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: 0.9px;
    color: transparent;
    -webkit-text-stroke: 0.7px #4c639e;
    -webkit-text-fill-color: transparent;
  }
  #page40 .contents-5 ul.items li h3 {
    margin-bottom: 15px;
  }
  #page40 .contents-5 ul.items li h3 span {
    display: inline-block;
    margin-bottom: 5px;
    padding: 4px 10px;
    border-radius: 2.5px;
    background-color: #fff;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.48px;
    color: #1f3661;
  }
  #page40 .contents-5 ul.items li p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #1f3661;
  }
  #page40 .contents-5 ul.items li .image {
    width: 279.7px;
    height: 187.35px;
    overflow: hidden;
  }
  #page40 .contents-5 ul.items li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page40 .contents-6 {
    width: 100%;
    padding: 45px 0;
    background-color: #fff;
  }
}
/*50.無料出張相談・フルオーダー採寸*/
/*PC*/
@media screen and (min-width: 1025px) {
  #page50 .contents-1 {
    display: grid;
    grid-template-columns: 485px 610px;
    -moz-column-gap: 100px;
         column-gap: 100px;
    align-items: start;
    justify-content: center;
    width: 100%;
    margin-top: 129px;
    margin-bottom: 90px;
  }
  #page50 .contents-1 .image {
    width: 100%;
    height: 323.5px;
    border-radius: 20px;
    overflow: hidden;
  }
  #page50 .contents-1 .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page50 .contents-1 .texts {
    padding-top: 22px;
  }
  #page50 .contents-1 .texts .dots {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
  }
  #page50 .contents-1 .texts .dots span {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f49517;
  }
  #page50 .contents-1 .texts h2 {
    margin-bottom: 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.69;
    letter-spacing: 1.3px;
    text-align: left;
    color: #1f3661;
  }
  #page50 .contents-1 .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    text-align: left;
    color: #1f3661;
  }
  #page50 .contents-2 {
    width: 100%;
    position: relative;
    z-index: 1;
  }
  #page50 .contents-2::before {
    content: "";
    display: block;
    width: 100%;
    height: calc(100% - 405.9px);
    background-color: #364d78;
    position: absolute;
    top: 405.9px;
    left: 0;
    z-index: -1;
  }
  #page50 .contents-2 .worry {
    width: 1240px;
    height: 559.8px;
    margin: 0 auto 100px;
    border-radius: 140px;
    box-sizing: border-box;
    background-color: #e2e6eb;
    position: relative;
  }
  #page50 .contents-2 .worry::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-right: solid 57.5px transparent;
    border-left: solid 57.5px transparent;
    border-top: solid 40px #e2e6eb;
    position: absolute;
    bottom: -39px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page50 .contents-2 .worry h2 {
    padding-top: 70px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.28;
    letter-spacing: 2.88px;
    text-align: center;
    color: #4c639e;
  }
  #page50 .contents-2 .worry ul.worry-items {
    list-style: none;
  }
  #page50 .contents-2 .worry ul.worry-items li {
    position: absolute;
  }
  #page50 .contents-2 .worry ul.worry-items li img {
    display: block;
    width: 100%;
  }
  #page50 .contents-2 .worry ul.worry-items li p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: 0.54px;
    text-align: center;
    color: #1f3661;
    position: absolute;
  }
  #page50 .contents-2 .worry ul.worry-items li.item-1 {
    width: 284.5px;
    height: 144.9px;
    top: 175.2px;
    left: 194.4px;
  }
  #page50 .contents-2 .worry ul.worry-items li.item-1 p {
    top: 37.9px;
    left: 21.2px;
  }
  #page50 .contents-2 .worry ul.worry-items li.item-2 {
    width: 269.7px;
    top: 161.7px;
    right: 216.2px;
  }
  #page50 .contents-2 .worry ul.worry-items li.item-2 p {
    top: 43.7px;
    left: 20.8px;
  }
  #page50 .contents-2 .worry ul.worry-items li.item-3 {
    width: 306.4px;
    top: 344.1px;
    left: 117px;
  }
  #page50 .contents-2 .worry ul.worry-items li.item-3 p {
    top: 43.1px;
    left: 42.2px;
  }
  #page50 .contents-2 .worry ul.worry-items li.item-4 {
    width: 306.4px;
    top: 314.1px;
    right: 87px;
  }
  #page50 .contents-2 .worry ul.worry-items li.item-4 p {
    top: 41.1px;
    left: 42.2px;
  }
  #page50 .contents-2 .worry .people {
    width: 237px;
    height: 232.7px;
    position: absolute;
    top: 227.8px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page50 .contents-2 .worry .people img {
    display: block;
    width: 100%;
  }
  #page50 .contents-2 .solution {
    margin-bottom: 50px;
  }
  #page50 .contents-2 .solution p {
    margin-bottom: 10px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.92;
    letter-spacing: 1.92px;
    text-align: center;
    color: #f49517;
  }
  #page50 .contents-2 .solution h2 {
    display: block;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.28;
    letter-spacing: 2.88px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    position: relative;
  }
  #page50 .contents-2 .solution h2 img {
    display: block;
    width: 55.3px;
    height: 65.3px;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    bottom: 6.2px;
  }
  #page50 .contents-2 .solution h2 img:nth-of-type(1) {
    left: -95.3px;
  }
  #page50 .contents-2 .solution h2 img:nth-of-type(2) {
    right: -95.3px;
  }
  #page50 .contents-2 ul.support-items {
    display: grid;
    grid-template-columns: repeat(3, 375px);
    -moz-column-gap: 40px;
         column-gap: 40px;
    justify-content: center;
    padding-bottom: 90.6px;
    list-style: none;
  }
  #page50 .contents-2 ul.support-items li img {
    width: 100%;
    height: 250.1px;
    border-radius: 20px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page50 .contents-2 ul.support-items li h3 {
    margin-top: -23px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
  }
  #page50 .contents-2 ul.support-items li h3 span {
    display: inline-block;
    margin-bottom: 1px;
    padding: 6px 15px 8px;
    border-radius: 3px;
    background-color: #fff;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.72px;
    text-align: left;
    color: #364d78;
    white-space: nowrap;
  }
  #page50 .contents-2 ul.support-items li p {
    width: 360px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    text-align: left;
    color: #fff;
  }
  #page50 .contents-3 {
    width: 100%;
    padding: 109.6px 0 174.6px;
    background-color: #1f3661;
    position: relative;
    overflow: hidden;
  }
  #page50 .contents-3::before {
    content: "";
    display: block;
    width: 100%;
    height: 17px;
    background-color: #364d78;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #page50 .contents-3 .headline {
    display: grid;
    grid-template-columns: 541px 532px;
    -moz-column-gap: 50px;
         column-gap: 50px;
    justify-content: center;
    align-items: end;
    margin-bottom: 90px;
    position: relative;
    left: 41.5px;
  }
  #page50 .contents-3 .headline small {
    display: grid;
    grid-template-columns: 15px min-content;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    text-align: left;
    color: #fff;
    white-space: nowrap;
  }
  #page50 .contents-3 .headline small img {
    width: 100%;
  }
  #page50 .contents-3 .headline h2 {
    grid-column: 1/2;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.56;
    letter-spacing: 2.88px;
    text-align: left;
    color: #fff;
    white-space: nowrap;
  }
  #page50 .contents-3 .headline h2 span {
    color: #fff100;
    position: relative;
  }
  #page50 .contents-3 .headline h2 span::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff100;
    position: absolute;
    bottom: 3px;
    left: 0;
  }
  #page50 .contents-3 .headline p {
    grid-column: 2/3;
    grid-row: 1/3;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    text-align: left;
    color: #fff;
    white-space: nowrap;
    position: relative;
    bottom: 6px;
  }
  #page50 .contents-3 ul.items {
    display: flex;
    -moz-column-gap: 40px;
         column-gap: 40px;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 60px;
    list-style: none;
    animation: page50-works-slide-pc 30s linear infinite;
    will-change: transform;
  }
  #page50 .contents-3 ul.items li {
    flex: 0 0 350px;
  }
  #page50 .contents-3 ul.items li a.works-card {
    display: block;
    color: #fff;
    text-decoration: none;
  }
  #page50 .contents-3 ul.items li .image {
    width: 100%;
    height: 233.5px;
    margin-bottom: 20px;
    border-radius: 30px;
    background-color: #e5e2db;
    overflow: hidden;
  }
  #page50 .contents-3 ul.items li img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    transition: transform 0.3s;
  }
  #page50 .contents-3 ul.items li h3 {
    margin-bottom: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.9px;
    text-align: left;
    color: #fff;
  }
  #page50 .contents-3 ul.items li h3 span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: text-decoration-color 0.3s;
  }
  #page50 .contents-3 ul.items li p.tags {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 7px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 21px;
    letter-spacing: 0.75px;
    text-align: left;
    color: #fff;
  }
  #page50 .contents-3 ul.items li p.tags span {
    display: block;
    white-space: nowrap;
  }
  #page50 .contents-3 ul.items li .works-card:hover img {
    transform: scale(1.2);
  }
  #page50 .contents-3 ul.items li .works-card:hover h3 span {
    text-decoration-color: currentColor;
  }
  #page50 .contents-3 a.works-link {
    display: grid;
    grid-template-columns: min-content 16.2px;
    -moz-column-gap: 72.4px;
         column-gap: 72.4px;
    align-items: center;
    justify-content: center;
    width: 380px;
    margin: 0 auto;
    padding: 16.7px 23.6px 19.3px 116px;
    border: solid 1px #fff;
    border-radius: 30px;
    box-sizing: border-box;
    background-color: transparent;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.48px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    transition: background-color 0.4s, border-color 0.4s, color 0.4s;
  }
  #page50 .contents-3 a.works-link::after {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    transition: background-color 0.4s;
  }
  #page50 .contents-3 a.works-link:hover {
    background-color: #fff;
    border-color: #fff;
    color: #1f3661;
  }
  #page50 .contents-3 a.works-link:hover::after {
    background-color: #1f3661;
  }
  @keyframes page50-works-slide-pc {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-1220px);
    }
  }
  #page50 .contents-4 {
    width: 100%;
    padding: 5.4px 0 74.6px;
    position: relative;
  }
  #page50 .contents-4::before {
    content: "";
    display: block;
    width: 100%;
    height: 85px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_5_pc.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -83px;
    left: 0;
  }
  #page50 .contents-4::after {
    content: "";
    display: block;
    width: 100%;
    height: 183px;
    background-color: #1f3661;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
  #page50 .contents-4 .headline {
    display: flex;
    flex-direction: column;
    margin-bottom: 50.7px;
  }
  #page50 .contents-4 .headline small {
    display: grid;
    grid-template-columns: 15px min-content 15px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    text-align: center;
    color: #4c639e;
    white-space: nowrap;
  }
  #page50 .contents-4 .headline small img {
    width: 100%;
  }
  #page50 .contents-4 .headline h2 {
    margin-bottom: 45px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.44;
    letter-spacing: 2.88px;
    text-align: center;
    color: #4c639e;
  }
  #page50 .contents-4 .headline h3 {
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.69;
    letter-spacing: 1.3px;
    text-align: center;
    color: #1f3661;
  }
  #page50 .contents-4 .headline p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
  }
  #page50 .contents-4 .area-wrap {
    display: grid;
    grid-template-columns: 539px 340.5px;
    -moz-column-gap: 60px;
         column-gap: 60px;
    justify-content: center;
    align-items: start;
    margin-bottom: 40px;
  }
  #page50 .contents-4 .area-wrap .table-wrap h3 {
    display: grid;
    grid-template-columns: 23px min-content;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    margin-left: 18px;
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.54px;
    text-align: left;
    color: #1f3661;
    white-space: nowrap;
  }
  #page50 .contents-4 .area-wrap .table-wrap h3 img {
    width: 100%;
  }
  #page50 .contents-4 .area-wrap .table-wrap h3 span {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: dashed 1px #92a0c6;
  }
  #page50 .contents-4 .area-wrap .table-wrap dl {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    margin-bottom: 20px;
  }
  #page50 .contents-4 .area-wrap .table-wrap dl div {
    display: grid;
    grid-template-columns: 92px 1fr;
    align-items: center;
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
  #page50 .contents-4 .area-wrap .table-wrap dl div dt {
    padding: 6px 0 8px;
    border-radius: 3px;
    background-color: #e2e6eb;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
  }
  #page50 .contents-4 .area-wrap .table-wrap dl div dd {
    padding: 4.5px 8px 7.5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0.48px;
    text-align: left;
    color: #1f3661;
    position: relative;
  }
  #page50 .contents-4 .area-wrap .table-wrap dl div dd::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: dashed 1px #92a0c6;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #page50 .contents-4 .area-wrap .table-wrap dl div .asterisk {
    color: #f49517;
  }
  #page50 .contents-4 .area-wrap .table-wrap p.note {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    text-align: left;
    color: #1f3661;
  }
  #page50 .contents-4 .area-wrap .table-wrap p.note .asterisk {
    color: #f49517;
  }
  #page50 .contents-4 .area-wrap .map {
    width: 341px;
  }
  #page50 .contents-4 .area-wrap .map img {
    width: 100%;
  }
  #page50 .contents-4 .request {
    display: grid;
    grid-template-columns: 1fr 180px;
    -moz-column-gap: 30px;
         column-gap: 30px;
    width: 943px;
    margin: 0 auto 60px;
    padding: 30px 30px 30px 40px;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #f7f7f7;
  }
  #page50 .contents-4 .request .texts h3 {
    display: grid;
    grid-template-columns: 25px min-content;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    margin-bottom: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.51px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page50 .contents-4 .request .texts h3 img {
    width: 100%;
  }
  #page50 .contents-4 .request .texts h3 span {
    display: inline-block;
    position: relative;
  }
  #page50 .contents-4 .request .texts h3 span::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    box-sizing: border-box;
    border-bottom: dashed 1px #92a0c6;
    position: absolute;
    bottom: -4.5px;
    left: 0;
  }
  #page50 .contents-4 .request .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    text-align: left;
    color: #1f3661;
  }
  #page50 .contents-4 .request .image {
    width: 180px;
    height: 123.5px;
    border-radius: 20px;
    overflow: hidden;
  }
  #page50 .contents-4 .request .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page50 .contents-4 .outside-area h3 {
    display: grid;
    grid-template-columns: 10px min-content 10px;
    -moz-column-gap: 25px;
         column-gap: 25px;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 37px;
    letter-spacing: 1.3px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
  }
  #page50 .contents-4 .outside-area h3::before, #page50 .contents-4 .outside-area h3::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #1f3661;
    position: relative;
    top: 0.5px;
  }
  #page50 .contents-4 .outside-area p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
  }
  #page50 .contents-4 .center-cta {
    display: grid;
    grid-template-columns: 376px 683px;
    -moz-column-gap: 50px;
         column-gap: 50px;
    align-items: start;
    width: 1249px;
    margin: 90.4px auto 0;
    padding: 50px 58px 38px 70px;
    border: solid 6px #1f3661;
    border-radius: 60px;
    box-sizing: border-box;
    background-color: #fff;
  }
  #page50 .contents-4 .center-cta .lead {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: start;
    width: 376px;
    padding-top: 1px;
    box-sizing: border-box;
    text-align: center;
  }
  #page50 .contents-4 .center-cta .lead p.services {
    width: 318px;
    margin-left: 29px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.8px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page50 .contents-4 .center-cta .lead p.tag {
    display: inline-block;
    width: 246px;
    margin: 20px 0 0 47px;
    padding: 2px 15px 4px 20px;
    border-radius: 100px;
    box-sizing: content-box;
    background-color: #f49517;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.48px;
    color: #fff;
    white-space: nowrap;
    position: relative;
  }
  #page50 .contents-4 .center-cta .lead p.tag::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-right: solid 5.5px transparent;
    border-left: solid 5.5px transparent;
    border-top: solid 8.07px #f49517;
    position: absolute;
    top: 29.05px;
    left: 50%;
    transform: translateX(-50%);
  }
  #page50 .contents-4 .center-cta .lead h3 {
    width: 336px;
    margin: 17px 0 0 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 46px;
    letter-spacing: 0.6px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page50 .contents-4 .center-cta .lead p.menu {
    width: 376px;
    margin-top: 28px;
    padding: 14.5px 12px 16.5px;
    border-top: dashed 1px #92a0c6;
    border-bottom: dashed 1px #92a0c6;
    box-sizing: border-box;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.8px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page50 .contents-4 .center-cta .contact {
    width: 683px;
    padding: 40px 50px 35px;
    border-radius: 30px;
    box-sizing: border-box;
    background-color: #f2f2f2;
  }
  #page50 .contents-4 .center-cta .contact .headline {
    width: 124px;
    margin: 0 auto 21px;
    transform: translateX(-0.5px);
  }
  #page50 .contents-4 .center-cta .contact .headline small {
    display: grid;
    grid-template-columns: 15px 74px 15px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    align-items: center;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.98px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page50 .contents-4 .center-cta .contact .headline small img {
    width: 15px;
    height: 15px;
  }
  #page50 .contents-4 .center-cta .contact .contact-items {
    display: grid;
    grid-template-columns: 245px 280px;
    -moz-column-gap: 58px;
         column-gap: 58px;
    row-gap: 23px;
    width: 100%;
  }
  #page50 .contents-4 .center-cta .contact .tel {
    grid-column: 1;
    grid-row: 1;
    width: 234px;
  }
  #page50 .contents-4 .center-cta .contact .tel a {
    display: grid;
    grid-template-columns: 25px 197px;
    -moz-column-gap: 12px;
         column-gap: 12px;
    width: -moz-max-content;
    width: max-content;
    margin: 0;
  }
  #page50 .contents-4 .center-cta .contact .tel a img {
    display: block;
    width: 25px;
    height: 25px;
    position: relative;
    top: 6px;
  }
  #page50 .contents-4 .center-cta .contact .tel a span {
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 1.3px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page50 .contents-4 .center-cta .contact .tel p {
    margin: -2px 0 0 37px;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.36px;
    text-align: left;
    color: #364d78;
  }
  #page50 .contents-4 .center-cta .contact .shop {
    grid-column: 1;
    grid-row: 2;
    width: 245px;
    padding-left: 37px;
    box-sizing: border-box;
    position: relative;
  }
  #page50 .contents-4 .center-cta .contact .shop img {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 3px;
    left: 0;
  }
  #page50 .contents-4 .center-cta .contact .shop p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 1.6px;
    color: #1f3661;
  }
  #page50 .contents-4 .center-cta .contact .shop span {
    display: block;
    color: #364d78;
  }
  #page50 .contents-4 .center-cta .contact .shop span.time {
    margin-top: 8px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0.42px;
  }
  #page50 .contents-4 .center-cta .contact .shop span.holiday {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0.42px;
    white-space: nowrap;
  }
  #page50 .contents-4 .center-cta .contact .links {
    grid-column: 2;
    grid-row: 1/span 2;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 26px;
    align-self: start;
    width: 280px;
  }
  #page50 .contents-4 .center-cta .contact .links a {
    display: grid;
    grid-template-columns: 22px min-content;
    -moz-column-gap: 7px;
         column-gap: 7px;
    justify-content: flex-start;
    align-items: center;
    width: 280px;
    height: 56px;
    padding-left: 30px;
    border: solid 2px transparent;
    border-radius: 100px;
    box-sizing: border-box;
    transition: 0.4s ease;
  }
  #page50 .contents-4 .center-cta .contact .links a.mail {
    border-color: #364d78;
    background-color: #364d78;
  }
  #page50 .contents-4 .center-cta .contact .links a.mail:hover {
    background-color: #fff;
  }
  #page50 .contents-4 .center-cta .contact .links a.mail:hover span {
    color: #364d78;
  }
  #page50 .contents-4 .center-cta .contact .links a.line {
    border-color: #06c755;
    background-color: #06c755;
  }
  #page50 .contents-4 .center-cta .contact .links a.line:hover {
    background-color: #fff;
  }
  #page50 .contents-4 .center-cta .contact .links a.line:hover span {
    color: #06c755;
  }
  #page50 .contents-4 .center-cta .contact .links a .icons {
    display: block;
    width: 22px;
    height: 22px;
    position: relative;
  }
  #page50 .contents-4 .center-cta .contact .links a .icons img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.4s ease;
  }
  #page50 .contents-4 .center-cta .contact .links a .icons img:nth-of-type(1) {
    opacity: 1;
  }
  #page50 .contents-4 .center-cta .contact .links a .icons img:nth-of-type(2) {
    opacity: 0;
  }
  #page50 .contents-4 .center-cta .contact .links a span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: 0.9px;
    color: #fff;
    white-space: nowrap;
    transition: 0.4s ease;
  }
  #page50 .contents-4 .center-cta .contact .links a:hover .icons img:nth-of-type(1) {
    opacity: 0;
  }
  #page50 .contents-4 .center-cta .contact .links a:hover .icons img:nth-of-type(2) {
    opacity: 1;
  }
  #page50 .contents-5 {
    width: 100%;
    padding: 100px 0 95px;
    background-color: #f7f7f7;
    position: relative;
  }
  #page50 .contents-5::before {
    content: "";
    display: block;
    width: 100%;
    height: 17px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_6_pc.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #page50 .contents-5 ul.items li:nth-of-type(1) {
    min-height: 201.75px;
  }
  #page50 .contents-5 ul.items li:nth-of-type(2) {
    min-height: 362.5px;
  }
  #page50 .contents-5 ul.items li:not(:last-child) {
    margin-bottom: 5px;
  }
  #page50 .contents-5 ul.items li:not(:last-child)::before {
    bottom: 0;
  }
  #page50 .contents-5 ul.items li:last-child {
    min-height: auto;
    margin-bottom: 0;
  }
  #page50 .contents-6 {
    width: 100%;
    padding: 95px 0 90px;
    background-color: #fff;
  }
}
/*SP*/
@media screen and (max-width: 1024px) {
  #page50 .contents-1 {
    display: grid;
    grid-template-columns: 305px;
    row-gap: 30px;
    justify-content: center;
    margin-top: 146.5px;
    margin-bottom: 45px;
  }
  #page50 .contents-1 .image {
    order: 2;
    width: 100%;
    height: 203.45px;
    border-radius: 10px;
    overflow: hidden;
  }
  #page50 .contents-1 .image img {
    order: 1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page50 .contents-1 .texts .dots {
    display: flex;
    gap: 7.5px;
    margin-bottom: 18px;
  }
  #page50 .contents-1 .texts .dots span {
    display: block;
    width: 6.5px;
    height: 6.5px;
    border-radius: 50%;
    background-color: #f49517;
  }
  #page50 .contents-1 .texts h2 {
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.9px;
    text-align: left;
    color: #1f3661;
  }
  #page50 .contents-1 .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    text-align: left;
    color: #1f3661;
  }
  #page50 .contents-2 {
    width: 100%;
    padding-bottom: 44.25px;
    position: relative;
  }
  #page50 .contents-2::before {
    content: "";
    display: block;
    width: 100%;
    height: calc(100% - 411.5px);
    background-color: #364d78;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
  #page50 .contents-2 .worry {
    width: 100%;
    max-width: 400px;
    height: 473.35px;
    margin: 0 auto 40px;
    padding: 44px 0 35px;
    border-radius: 50px;
    box-sizing: border-box;
    background-color: #e2e6eb;
    position: relative;
  }
  #page50 .contents-2 .worry::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-right: solid 28.75px transparent;
    border-left: solid 28.75px transparent;
    border-top: solid 20px #e2e6eb;
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page50 .contents-2 .worry h2 {
    margin-bottom: 25px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: center;
    color: #4c639e;
  }
  #page50 .contents-2 .worry ul.worry-items {
    list-style: none;
  }
  #page50 .contents-2 .worry ul.worry-items li {
    position: absolute;
    z-index: 1;
  }
  #page50 .contents-2 .worry ul.worry-items li img {
    display: block;
    width: 100%;
  }
  #page50 .contents-2 .worry ul.worry-items li p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: 0.375px;
    text-align: center;
    color: #1f3661;
    position: absolute;
  }
  #page50 .contents-2 .worry ul.worry-items li.item-1 {
    width: 192.5px;
    top: 95.9px;
    left: calc(50% - 192px);
  }
  #page50 .contents-2 .worry ul.worry-items li.item-1 p {
    top: 25.2px;
    left: 13.4px;
  }
  #page50 .contents-2 .worry ul.worry-items li.item-2 {
    width: 180.35px;
    top: 120.9px;
    left: calc(50% + 19.5px);
  }
  #page50 .contents-2 .worry ul.worry-items li.item-2 p {
    top: 24.15px;
    left: 13.5px;
  }
  #page50 .contents-2 .worry ul.worry-items li.item-3 {
    width: 214.25px;
    top: 269.1px;
    left: calc(50% - 200px);
  }
  #page50 .contents-2 .worry ul.worry-items li.item-3 p {
    top: 35.95px;
    left: 29.7px;
  }
  #page50 .contents-2 .worry ul.worry-items li.item-4 {
    width: 216.35px;
    top: 317.7px;
    left: calc(50% - 16.5px);
  }
  #page50 .contents-2 .worry ul.worry-items li.item-4 p {
    top: 39.9px;
    left: 29.95px;
  }
  #page50 .contents-2 .worry .people {
    width: 118.5px;
    height: 116.35px;
    position: absolute;
    top: 178.25px;
    left: calc(50% - 59.25px - 8px);
  }
  #page50 .contents-2 .worry .people img {
    display: block;
    width: 100%;
  }
  #page50 .contents-2 .solution {
    margin-bottom: 30px;
  }
  #page50 .contents-2 .solution p {
    margin-bottom: 5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 17.5px;
    letter-spacing: 0.96px;
    text-align: center;
    color: #f49517;
  }
  #page50 .contents-2 .solution h2 {
    display: block;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.28;
    letter-spacing: 1.44px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    position: relative;
  }
  #page50 .contents-2 .solution h2 img {
    display: block;
    width: 27.65px;
    height: 32.65px;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    bottom: 3.1px;
  }
  #page50 .contents-2 .solution h2 img:nth-of-type(1) {
    left: -32.65px;
  }
  #page50 .contents-2 .solution h2 img:nth-of-type(2) {
    right: -32.65px;
  }
  #page50 .contents-2 ul.support-items {
    display: grid;
    grid-template-columns: 267.5px;
    row-gap: 25px;
    justify-content: center;
    list-style: none;
  }
  #page50 .contents-2 ul.support-items li img {
    display: block;
    width: 100%;
    height: 178.4px;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page50 .contents-2 ul.support-items li h3 {
    margin-top: -15.35px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
  }
  #page50 .contents-2 ul.support-items li h3 span {
    display: inline-block;
    margin-bottom: 0.5px;
    padding: 3px 7.5px 4px;
    border-radius: 2.5px;
    background-color: #fff;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.8px;
    color: #364d78;
    white-space: nowrap;
  }
  #page50 .contents-2 ul.support-items li p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.61;
    letter-spacing: 0.42px;
    color: #fff;
  }
  #page50 .contents-3 {
    width: 100%;
    padding: 53.75px 0 67.55px;
    background-color: #1f3661;
    position: relative;
    overflow: hidden;
  }
  #page50 .contents-3::before {
    content: "";
    display: block;
    width: 100%;
    height: 8.5px;
    background-color: #364d78;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #page50 .contents-3 .headline {
    width: 311px;
    margin: 0 auto 30px;
    position: relative;
    left: 2px;
  }
  #page50 .contents-3 .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content;
    -moz-column-gap: 5px;
         column-gap: 5px;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.91px;
    color: #fff;
    white-space: nowrap;
  }
  #page50 .contents-3 .headline small img {
    width: 100%;
  }
  #page50 .contents-3 .headline h2 {
    margin-bottom: 25px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.56;
    letter-spacing: 1.44px;
    color: #fff;
  }
  #page50 .contents-3 .headline h2 span {
    color: #fff100;
    position: relative;
  }
  #page50 .contents-3 .headline h2 span::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.5px;
    background-color: #fff100;
    position: absolute;
    bottom: 1.5px;
    left: 0;
  }
  #page50 .contents-3 .headline p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #fff;
  }
  #page50 .contents-3 ul.items {
    display: flex;
    -moz-column-gap: 20px;
         column-gap: 20px;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 30px;
    list-style: none;
    animation: page50-works-slide-smp 18s linear infinite;
    will-change: transform;
  }
  #page50 .contents-3 ul.items li {
    flex: 0 0 190px;
  }
  #page50 .contents-3 ul.items li a.works-card {
    display: block;
    color: #fff;
    text-decoration: none;
  }
  #page50 .contents-3 ul.items li .image {
    width: 100%;
    height: 143.4px;
    margin-bottom: 15px;
    border-radius: 15px;
    background-color: #e5e2db;
    overflow: hidden;
  }
  #page50 .contents-3 ul.items li img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #page50 .contents-3 ul.items li h3 {
    margin-bottom: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.61;
    letter-spacing: 0.42px;
    color: #fff;
  }
  #page50 .contents-3 ul.items li h3 span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
  }
  #page50 .contents-3 ul.items li p.tags {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 17.5px;
    letter-spacing: 0.36px;
    color: #fff;
  }
  #page50 .contents-3 ul.items li p.tags span {
    display: block;
    max-width: 100%;
  }
  #page50 .contents-3 a.works-link {
    display: grid;
    grid-template-columns: min-content 16.2px;
    -moz-column-gap: 6.2px;
         column-gap: 6.2px;
    align-items: center;
    justify-content: center;
    width: 300px;
    margin: 0 auto;
    padding: 16.5px 67.3px 16.5px 67.5px;
    border: solid 1.5px #fff;
    border-radius: 27.5px;
    box-sizing: border-box;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.45px;
    color: #fff;
    white-space: nowrap;
  }
  #page50 .contents-3 a.works-link::after {
    content: "";
    display: block;
    width: 16.2px;
    height: 10px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  @keyframes page50-works-slide-smp {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-700px);
    }
  }
  #page50 .contents-4 {
    width: 100%;
    padding: 45px 0 48px;
    background-color: #fff;
    position: relative;
  }
  #page50 .contents-4::before {
    content: "";
    display: block;
    width: 100%;
    height: 23px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_5_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -22px;
    left: 0;
  }
  #page50 .contents-4::after {
    content: "";
    display: block;
    width: 100%;
    background-color: #1f3661;
    position: absolute;
    top: 1596.6px;
    bottom: 0;
    left: 0;
    z-index: 0;
  }
  #page50 .contents-4 .headline,
  #page50 .contents-4 .area-wrap,
  #page50 .contents-4 .request,
  #page50 .contents-4 .outside-area,
  #page50 .contents-4 .center-cta {
    position: relative;
    z-index: 1;
  }
  #page50 .contents-4 .headline {
    width: 321.5px;
    margin: 0 auto 20px;
  }
  #page50 .contents-4 .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0.91px;
    color: #4c639e;
    white-space: nowrap;
  }
  #page50 .contents-4 .headline small img {
    width: 100%;
  }
  #page50 .contents-4 .headline h2 {
    margin-bottom: 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: center;
    color: #4c639e;
  }
  #page50 .contents-4 .headline h3 {
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.9px;
    text-align: center;
    color: #1f3661;
  }
  #page50 .contents-4 .headline p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 25px;
    letter-spacing: 0.45px;
    text-align: left;
    color: #1f3661;
  }
  #page50 .contents-4 .area-wrap {
    display: flex;
    flex-direction: column;
    width: 350.25px;
    margin: 0 auto 30px;
  }
  #page50 .contents-4 .area-wrap .table-wrap {
    order: 2;
  }
  #page50 .contents-4 .area-wrap .table-wrap h3 {
    display: grid;
    grid-template-columns: 16.5px min-content;
    -moz-column-gap: 5px;
         column-gap: 5px;
    align-items: center;
    margin-bottom: 15.55px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 24.5px;
    letter-spacing: 0.51px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page50 .contents-4 .area-wrap .table-wrap h3 img {
    width: 100%;
  }
  #page50 .contents-4 .area-wrap .table-wrap dl {
    display: flex;
    flex-direction: column;
    row-gap: 5.55px;
    margin-bottom: 15.1px;
  }
  #page50 .contents-4 .area-wrap .table-wrap dl div {
    display: grid;
    grid-template-columns: 46px 1fr;
    -moz-column-gap: 7.5px;
         column-gap: 7.5px;
  }
  #page50 .contents-4 .area-wrap .table-wrap dl div dt {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 1.5px;
    background-color: #e2e6eb;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.42px;
    text-align: center;
    color: #1f3661;
  }
  #page50 .contents-4 .area-wrap .table-wrap dl div dd {
    padding-bottom: 6.25px;
    border-bottom: dashed 0.5px #92a0c6;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 18.25px;
    letter-spacing: 0.39px;
    color: #1f3661;
  }
  #page50 .contents-4 .area-wrap .table-wrap dl div .asterisk {
    color: #f49517;
  }
  #page50 .contents-4 .area-wrap .table-wrap p.note {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 19.5px;
    letter-spacing: 0.36px;
    color: #1f3661;
  }
  #page50 .contents-4 .area-wrap .table-wrap p.note .asterisk {
    color: #f49517;
  }
  #page50 .contents-4 .area-wrap .map {
    order: 1;
    width: 250px;
    height: 322.45px;
    margin: 0 auto 15px;
  }
  #page50 .contents-4 .area-wrap .map img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #page50 .contents-4 .request {
    width: 361.5px;
    margin: 0 auto 30px;
    padding: 25px 25px 25px;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #f7f7f7;
  }
  #page50 .contents-4 .request .texts h3 {
    display: grid;
    grid-template-columns: 20px min-content;
    -moz-column-gap: 6px;
         column-gap: 6px;
    align-items: center;
    margin-bottom: 15.5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0.48px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page50 .contents-4 .request .texts h3 img {
    width: 100%;
  }
  #page50 .contents-4 .request .texts h3 span {
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: dashed 1px #92a0c6;
  }
  #page50 .contents-4 .request .texts p {
    margin-bottom: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 22.5px;
    letter-spacing: 0.42px;
    color: #1f3661;
  }
  #page50 .contents-4 .request .image {
    width: 200px;
    height: 137.2px;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
  }
  #page50 .contents-4 .request .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page50 .contents-4 .outside-area {
    width: 350px;
    margin: 0 auto;
  }
  #page50 .contents-4 .outside-area h3 {
    display: grid;
    grid-template-columns: 7.5px min-content 7.5px;
    -moz-column-gap: 12.5px;
         column-gap: 12.5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.22;
    letter-spacing: 0.9px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
  }
  #page50 .contents-4 .outside-area h3::before, #page50 .contents-4 .outside-area h3::after {
    content: "";
    display: block;
    width: 7.5px;
    height: 7.5px;
    border-radius: 50%;
    background-color: #1f3661;
  }
  #page50 .contents-4 .outside-area p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #1f3661;
  }
  #page50 .contents-4 .center-cta {
    width: 370px;
    margin: 85px auto 0;
    padding: 27px 17px 33px;
    border: solid 3px #1f3661;
    border-radius: 30px;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
    z-index: 1;
  }
  #page50 .contents-4 .center-cta .lead {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  #page50 .contents-4 .center-cta .lead p.services {
    width: 239px;
    margin: 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.6px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page50 .contents-4 .center-cta .lead p.tag {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 205.5px;
    height: 24.5px;
    margin: 16.5px 0 0;
    border-radius: 50px;
    box-sizing: border-box;
    background-color: #f49517;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 13.5px;
    letter-spacing: 0.36px;
    color: #fff;
    white-space: nowrap;
    position: relative;
  }
  #page50 .contents-4 .center-cta .lead p.tag::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-right: solid 5.25px transparent;
    border-left: solid 5.25px transparent;
    border-top: solid 7.7px #f49517;
    position: absolute;
    top: 21.8px;
    left: 50%;
    transform: translateX(-50%);
  }
  #page50 .contents-4 .center-cta .lead h3 {
    width: 280px;
    margin: 26px 0 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 25px;
    font-weight: bold;
    line-height: 23px;
    letter-spacing: 0.5px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page50 .contents-4 .center-cta .lead p.menu {
    width: 301px;
    margin: 27.5px 0 0;
    padding: 12.75px 0 12.75px;
    border-top: dashed 1px #92a0c6;
    border-bottom: dashed 1px #92a0c6;
    box-sizing: border-box;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0.65px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page50 .contents-4 .center-cta .contact {
    width: 325px;
    margin: 25px auto 0;
    padding: 25px 25px;
    border-radius: 20px;
    box-sizing: border-box;
    background-color: #f2f2f2;
  }
  #page50 .contents-4 .center-cta .contact .headline {
    width: 99px;
    margin: 0 auto 17.5px;
  }
  #page50 .contents-4 .center-cta .contact .headline small {
    display: grid;
    grid-template-columns: 12.5px 64px 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0.84px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page50 .contents-4 .center-cta .contact .headline small img {
    width: 12.5px;
    height: 12.5px;
  }
  #page50 .contents-4 .center-cta .contact .contact-items {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 15px;
  }
  #page50 .contents-4 .center-cta .contact .tel {
    width: 245.5px;
    margin-left: 15px;
  }
  #page50 .contents-4 .center-cta .contact .tel a {
    display: grid;
    grid-template-columns: 25px min-content;
    -moz-column-gap: 8px;
         column-gap: 8px;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    margin: 0;
  }
  #page50 .contents-4 .center-cta .contact .tel a img {
    width: 25px;
    height: 25px;
    position: relative;
    top: 0.75px;
  }
  #page50 .contents-4 .center-cta .contact .tel a span {
    font-family: "Poppins", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 39.5px;
    letter-spacing: 1.4px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page50 .contents-4 .center-cta .contact .tel p {
    margin: -1px 0 0 33px;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0.36px;
    color: #364d78;
  }
  #page50 .contents-4 .center-cta .contact .shop {
    display: grid;
    grid-template-columns: 25px 1fr;
    -moz-column-gap: 8.5px;
         column-gap: 8.5px;
    width: 211.5px;
    margin-left: 15px;
  }
  #page50 .contents-4 .center-cta .contact .shop img {
    display: block;
    width: 25px;
    height: 25px;
    grid-row: 1/4;
    position: relative;
    top: 1.5px;
  }
  #page50 .contents-4 .center-cta .contact .shop p {
    grid-column: 2;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 24.5px;
    letter-spacing: 1.36px;
    color: #1f3661;
  }
  #page50 .contents-4 .center-cta .contact .shop span {
    display: block;
    grid-column: 2;
    color: #364d78;
  }
  #page50 .contents-4 .center-cta .contact .shop span.time {
    margin-top: 2px;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 17px;
    letter-spacing: 0.36px;
  }
  #page50 .contents-4 .center-cta .contact .shop span.holiday {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 17.5px;
    letter-spacing: 0.36px;
    white-space: nowrap;
  }
  #page50 .contents-4 .center-cta .contact .links {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 15px;
    width: 275px;
  }
  #page50 .contents-4 .center-cta .contact .links a {
    display: grid;
    grid-template-columns: 20px min-content;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    width: 275px;
    height: 50px;
    padding-left: 44px;
    border-radius: 50px;
    box-sizing: border-box;
  }
  #page50 .contents-4 .center-cta .contact .links a.mail {
    background-color: #364d78;
  }
  #page50 .contents-4 .center-cta .contact .links a.line {
    background-color: #06c755;
  }
  #page50 .contents-4 .center-cta .contact .links a .icons {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
  }
  #page50 .contents-4 .center-cta .contact .links a .icons img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #page50 .contents-4 .center-cta .contact .links a .icons img:nth-of-type(2) {
    display: none;
  }
  #page50 .contents-4 .center-cta .contact .links a span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 17px;
    letter-spacing: 0.75px;
    color: #fff;
    white-space: nowrap;
  }
  #page50 .contents-5 {
    width: 100%;
    padding: 48.2px 0 46px;
    background-color: #f7f7f7;
    position: relative;
  }
  #page50 .contents-5::before {
    content: "";
    display: block;
    width: 100%;
    height: 8.5px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_6_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #page50 .contents-5 .flow .headline small {
    line-height: 12px;
  }
  #page50 .contents-5 .flow .headline h2 {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
  }
  #page50 .contents-5 ul.items li:nth-of-type(1) {
    min-height: 222.25px;
  }
  #page50 .contents-5 ul.items li:nth-of-type(2) {
    min-height: 494.5px;
  }
  #page50 .contents-5 ul.items li:nth-of-type(3) {
    min-height: 163px;
  }
  #page50 .contents-5 ul.items li:not(:last-child) {
    margin-bottom: 5px;
  }
  #page50 .contents-5 ul.items li:not(:last-child)::before {
    top: 91.5px;
    bottom: 0;
  }
  #page50 .contents-5 ul.items .step p {
    line-height: 28.5px;
  }
  #page50 .contents-5 ul.items .step p span {
    font-size: 8px;
    letter-spacing: 0.4px;
  }
  #page50 .contents-5 ul.items .step p strong {
    font-size: 19px;
    line-height: 28.5px;
    letter-spacing: 0.95px;
  }
  #page50 .contents-5 ul.items .content .texts h3 {
    line-height: 22px;
  }
  #page50 .contents-5 ul.items .content .point {
    width: 290px;
    min-height: 273px;
  }
  #page50 .contents-5 ul.items .content .point h4 {
    align-items: start;
    line-height: 27.5px;
  }
  #page50 .contents-5 ul.items .content .point h4::after {
    content: none;
  }
  #page50 .contents-5 ul.items .content .point h4 .label {
    display: block;
    margin-top: -3px;
  }
  #page50 .contents-5 ul.items .content .point h4 .label span {
    display: inline-block;
    background-image: repeating-linear-gradient(to right, #364d78 0 1px, transparent 1px 3px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 0.5px;
  }
  #page50 .contents-5 ul.items li:nth-of-type(2) .content .texts h3 {
    margin-bottom: 10px;
  }
  #page50 .contents-5 ul.items li:last-child {
    margin-bottom: 0;
  }
  #page50 .contents-6 {
    width: 100%;
    padding: 45px 0;
    background-color: #fff;
  }
}
/*60.取扱商品・サービス*/
/*PC*/
@media screen and (min-width: 1025px) {
  #page60 .contents-1 {
    display: grid;
    grid-template-columns: 435px 643px;
    -moz-column-gap: 76px;
         column-gap: 76px;
    justify-content: center;
    padding: 60px 0 90px;
    position: relative;
  }
  #page60 .contents-1::before {
    content: "";
    display: block;
    width: 100%;
    height: calc(100% + 248.5px);
    background-color: #364d78;
    position: absolute;
    top: -248.5px;
    right: 0;
    z-index: -1;
  }
  #page60 .contents-1::after {
    content: "";
    display: block;
    width: 100vw;
    height: 17px;
    background-color: #364d78;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  #page60 .contents-1 .lead-title .dots {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
  }
  #page60 .contents-1 .lead-title .dots span {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f49517;
  }
  #page60 .contents-1 .lead-title h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.69;
    letter-spacing: 1.3px;
    text-align: left;
    color: #fff;
    white-space: nowrap;
  }
  #page60 .contents-1 > p {
    width: 643px;
    padding-top: 28px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    text-align: left;
    color: #fff;
  }
  #page60 .contents-2 {
    width: 100%;
    margin-top: 107px;
    position: relative;
    z-index: 1;
  }
  #page60 .contents-2 .product-section {
    width: 100%;
  }
  #page60 .contents-2 .product-section .section-title {
    margin-bottom: 61px;
    position: relative;
  }
  #page60 .contents-2 .product-section .section-title img {
    display: block;
    width: 30px;
    position: absolute;
    top: 11px;
  }
  #page60 .contents-2 .product-section .section-title img:first-of-type {
    left: calc(50% - 200px);
  }
  #page60 .contents-2 .product-section .section-title img:last-of-type {
    left: calc(50% + 170px);
  }
  #page60 .contents-2 .product-section .section-title h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 1.8px;
    text-align: center;
    color: #4c639e;
    white-space: nowrap;
  }
  #page60 .product-box {
    width: 1280px;
    margin: 0 auto 86px;
    padding: 50px 55px 40px;
    border: solid 10px #ebebeb;
    border-radius: 50px;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
  }
  #page60 .product-box.reform-box {
    margin-bottom: 0;
  }
  #page60 .product-box .category-icon {
    display: block;
    width: 220px;
    height: 220px;
    padding: 62px 60px;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #4c639e;
    box-shadow: inset 0 0 0 2px #fff;
    position: absolute;
    top: -76px;
    left: 45px;
    z-index: 1;
  }
  #page60 .product-box .category-icon img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 1px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page60 .product-box .category-icon h3 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 35px;
    letter-spacing: 1.2px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
  }
  #page60 .product-box .category-icon.screen {
    padding: 44.6px 20px 52.4px;
  }
  #page60 .product-box .category-icon.screen img {
    width: 100px;
    height: 60px;
    margin: 0 auto 6px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page60 .product-box .category-icon.screen h3 {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0.66px;
  }
  #page60 .product-box .category-icon.repair {
    padding: 44.5px 30px;
  }
  #page60 .product-box .category-icon.repair img {
    width: 60px;
    height: 60px;
    margin: 0 auto 6px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page60 .product-box .category-icon.repair h3 {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 1.1px;
  }
  #page60 .product-box .category-icon.reform {
    padding: 26.5px 10px 27.5px;
  }
  #page60 .product-box .category-icon.reform h3 {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 1.1px;
  }
  #page60 .product-box .category-head {
    position: relative;
  }
  #page60 .product-box .category-head p {
    width: 850px;
    height: 90.23px;
    margin-left: 268px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    text-align: left;
    color: #1f3661;
  }
  #page60 .product-box .item-list {
    display: grid;
    grid-template-columns: repeat(4, 265px);
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 64.5px;
    margin-top: 44px;
    margin-bottom: 40px;
    list-style: none;
  }
  #page60 .product-box .item-list.three-columns {
    grid-template-columns: repeat(3, 265px);
  }
  #page60 .product-box .item-list li img {
    display: block;
    width: 265px;
    height: 132.5px;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page60 .product-box .item-list li h4 {
    margin-top: 14px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    text-align: left;
    color: #1f3661;
    position: relative;
  }
  #page60 .product-box .item-list li h4::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f49517;
    position: absolute;
    top: 6px;
    left: 0;
  }
  #page60 .product-box .item-list li h4 small {
    display: block;
    margin-bottom: 8px;
    padding-left: 14px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1.4px;
    color: #b5c3d5;
  }
  #page60 .product-box .item-list li h4 span {
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 1px;
  }
  #page60 .product-box .item-list li p {
    margin-top: 10px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    text-align: left;
    color: #1f3661;
  }
  #page60 .product-box .more-link {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: 400.2px;
    height: 64px;
    border: solid 2px #1f3661;
    border-radius: 32px;
    box-sizing: border-box;
    background-color: #fff;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
    margin: 0 auto;
    transition: background-color 0.4s, border-color 0.4s, color 0.4s;
  }
  #page60 .product-box .more-link .more-label {
    display: block;
    grid-column: 2;
  }
  #page60 .product-box .more-link .more-arrow {
    display: block;
    grid-column: 3;
    justify-self: end;
    width: 16.22px;
    height: 10px;
    background-color: currentColor;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/right_blue.png");
    mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/right_blue.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% auto;
    margin-right: 107.9px;
    transition: background-color 0.4s;
  }
  #page60 .product-box .more-link:hover {
    border-color: #1f3661;
    background-color: #1f3661;
    color: #fff;
  }
  #page60 .contents-3 {
    width: 100%;
    margin-top: 90px;
    padding: 114px 0 88px;
    background-color: #364d78;
    position: relative;
    z-index: 1;
  }
  #page60 .contents-3::before {
    content: "";
    display: block;
    width: 100%;
    height: 17px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: -1px;
    left: 0;
  }
  #page60 .contents-3 .section-title {
    margin-bottom: 61px;
    position: relative;
  }
  #page60 .contents-3 .section-title img {
    display: block;
    width: 30px;
    position: absolute;
    top: 11px;
  }
  #page60 .contents-3 .section-title img:first-of-type {
    left: calc(50% - 351px);
  }
  #page60 .contents-3 .section-title img:last-of-type {
    left: calc(50% + 322px);
  }
  #page60 .contents-3 .section-title h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 1.8px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
  }
  #page60 .contents-4 {
    width: 100%;
    padding: 90px 0 120px;
  }
}
/*SP*/
@media screen and (max-width: 1024px) {
  #page60 .contents-1 {
    width: 100%;
    margin: 0 auto;
    padding: 91.5px 0 45px;
    position: relative;
  }
  #page60 .contents-1::before {
    content: "";
    display: block;
    width: 100%;
    height: calc(100% + 15px);
    background-color: #364d78;
    position: absolute;
    top: -15px;
    right: 0;
    z-index: -2;
  }
  #page60 .contents-1::after {
    content: "";
    display: block;
    width: 100vw;
    height: 8.5px;
    background-color: #364d78;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  #page60 .contents-1 .lead-title {
    width: 305px;
    margin: 0 auto;
  }
  #page60 .contents-1 .lead-title .dots {
    display: flex;
    gap: 7.5px;
    margin-bottom: 20px;
  }
  #page60 .contents-1 .lead-title .dots span {
    display: block;
    width: 6.5px;
    height: 6.5px;
    border-radius: 50%;
    background-color: #f49517;
  }
  #page60 .contents-1 .lead-title h2 {
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.9px;
    color: #fff;
  }
  #page60 .contents-1 > p {
    width: 305px;
    margin: 0 auto;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #fff;
  }
  #page60 .contents-2 {
    width: 100%;
    max-width: 400px;
    margin: 53.5px auto 0;
    position: relative;
    z-index: 1;
  }
  #page60 .contents-2 .product-section {
    width: 100%;
  }
  #page60 .contents-2 .product-section .section-title {
    margin-bottom: 55px;
    position: relative;
  }
  #page60 .contents-2 .product-section .section-title img {
    width: 15px;
    position: absolute;
    top: 7px;
  }
  #page60 .contents-2 .product-section .section-title img:first-of-type {
    left: calc(50% - 108.5px);
  }
  #page60 .contents-2 .product-section .section-title img:last-of-type {
    left: calc(50% + 93.5px);
  }
  #page60 .contents-2 .product-section .section-title h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 1px;
    text-align: center;
    color: #4c639e;
    white-space: nowrap;
  }
  #page60 .product-box {
    width: 400px;
    margin: 0 auto 55px;
    padding: 115px 11px 30px;
    border: solid 5px #ebebeb;
    border-radius: 25px;
    box-sizing: border-box;
    background-color: #fff;
    zoom: 0.9375;
    position: relative;
  }
  #page60 .product-box.reform-box {
    margin-bottom: 0;
  }
  #page60 .product-box.repair-box .category-icon img {
    margin: 0 auto 6px;
  }
  #page60 .product-box .category-icon {
    display: block;
    width: 145px;
    height: 145px;
    padding: 42.5px 37px;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #4c639e;
    box-shadow: inset 0 0 0 1px #fff;
    position: absolute;
    top: -40px;
    left: 25.5px;
    z-index: 1;
  }
  #page60 .product-box .category-icon img {
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto 0.5px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #page60 .product-box .category-icon h3 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 19px;
    letter-spacing: 0.85px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
  }
  #page60 .product-box .category-icon.screen {
    padding: 33px 1.5px 32px;
  }
  #page60 .product-box .category-icon.screen img {
    width: 60px;
    height: 36px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page60 .product-box .category-icon.screen h3 {
    font-size: 17px;
    line-height: 19px;
    letter-spacing: 0.85px;
  }
  #page60 .product-box .category-icon.repair {
    padding: 35.5px 18px;
  }
  #page60 .product-box .category-icon.reform {
    padding: 26px 10px 26.4px;
  }
  #page60 .product-box .category-head {
    position: relative;
  }
  #page60 .product-box .category-head p {
    width: 341px;
    margin: 0 auto;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #1f3661;
  }
  #page60 .product-box .item-list {
    display: grid;
    grid-template-columns: repeat(2, 175px);
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 25px;
    justify-content: start;
    margin-top: 30px;
    margin-bottom: 30px;
    list-style: none;
  }
  #page60 .product-box .item-list li {
    min-width: 0;
  }
  #page60 .product-box .item-list li img {
    display: block;
    width: 175px;
    height: 87.5px;
    border-radius: 5px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page60 .product-box .item-list li h4 {
    margin-top: 10px;
    color: #1f3661;
    position: relative;
  }
  #page60 .product-box .item-list li h4::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #f49517;
    position: absolute;
    top: 5px;
    left: 0;
  }
  #page60 .product-box .item-list li h4 small {
    display: block;
    margin-bottom: 4px;
    padding-left: 11px;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16.5px;
    letter-spacing: 1.2px;
    color: #b5c3d5;
  }
  #page60 .product-box .item-list li h4 span {
    display: block;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 23pxpx;
    letter-spacing: 0.8px;
  }
  #page60 .product-box .item-list li p {
    margin-top: 10px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.61;
    letter-spacing: 0.42px;
    color: #1f3661;
  }
  #page60 .product-box .more-link {
    display: grid;
    grid-template-columns: 76px 108px 1fr;
    align-items: center;
    width: 290px;
    height: 55px;
    border: solid 2px #364d78;
    border-radius: 50px;
    box-sizing: border-box;
    background-color: #fff;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22.5px;
    letter-spacing: 0.45px;
    color: #1f3661;
    white-space: nowrap;
    margin: 0 auto;
    transition: background-color 0.4s, border-color 0.4s, color 0.4s;
  }
  #page60 .product-box .more-link .more-label {
    display: block;
    grid-column: 2;
  }
  #page60 .product-box .more-link .more-arrow {
    display: block;
    grid-column: 3;
    justify-self: end;
    width: 16.22px;
    height: 10px;
    background-color: currentColor;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/right_blue.png");
    mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/right_blue.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% auto;
    margin-right: 74.8px;
    transition: background-color 0.4s;
  }
  #page60 .contents-3 {
    width: 100%;
    margin-top: 45.5px;
    padding: 55px 0 45px;
    background-color: #364d78;
    position: relative;
    z-index: 1;
  }
  #page60 .contents-3::before {
    content: "";
    display: block;
    width: 100%;
    height: 8.5px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: -0.5px;
    left: 0;
  }
  #page60 .contents-3 .section-title {
    margin-bottom: 55px;
    position: relative;
  }
  #page60 .contents-3 .section-title img {
    display: block;
    width: 15px;
    position: absolute;
    top: 22px;
  }
  #page60 .contents-3 .section-title img:first-of-type {
    left: calc(50% - 119px);
  }
  #page60 .contents-3 .section-title img:last-of-type {
    left: calc(50% + 104px);
  }
  #page60 .contents-3 .section-title h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
  }
  #page60 .contents-4 {
    width: 100%;
    padding: 45px 0;
  }
}
/*61.カーテン*/
@keyframes page61-contact-circle-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*PC*/
@media screen and (min-width: 1025px) {
  @keyframes page61-photos-slide {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-1710px);
    }
  }
  #page61 .photos-smp {
    display: none;
  }
  #page61 .contents-1 {
    display: grid;
    grid-template-columns: 517px 370px;
    -moz-column-gap: 85px;
         column-gap: 85px;
    justify-content: center;
    align-items: start;
    margin-top: 150px;
    margin-bottom: 90px;
    position: relative;
    right: 24px;
  }
  #page61 .contents-1 .texts h2 {
    margin-bottom: 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.69;
    letter-spacing: 1.3px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page61 .contents-1 .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    color: #1f3661;
  }
  #page61 .contents-1 .image {
    width: 370px;
    height: 246.8px;
    border-radius: 10px;
    box-shadow: 8px 8px 0 #4c639e;
    overflow: hidden;
  }
  #page61 .contents-1 .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page61 .contents-2 {
    padding: 112px 0 148.4px;
    background-image: linear-gradient(to bottom, #f2f2f2, #e2e6eb);
    position: relative;
  }
  #page61 .contents-2::before {
    content: "";
    display: block;
    width: 100%;
    height: 17px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: -1px;
    left: 0;
  }
  #page61 .contents-2 .headline {
    margin-bottom: 50px;
  }
  #page61 .contents-2 .headline small {
    display: grid;
    grid-template-columns: 15px min-content 15px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    color: #4c639e;
    white-space: nowrap;
  }
  #page61 .contents-2 .headline small img {
    width: 100%;
  }
  #page61 .contents-2 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2.88px;
    text-align: center;
    color: #4c639e;
  }
  #page61 .contents-2 .choose-items {
    width: 1172px;
    margin: 0 auto;
    list-style: none;
  }
  #page61 .contents-2 .choose-items li {
    display: grid;
    grid-template-columns: 1fr 728px;
    padding-bottom: 30px;
    border-bottom: dashed 1px #4c639e;
  }
  #page61 .contents-2 .choose-items li:not(:first-child) {
    padding-top: 32px;
  }
  #page61 .contents-2 .choose-items li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  #page61 .contents-2 .choose-items li .lead {
    margin-top: 30.5px;
  }
  #page61 .contents-2 .choose-items li .lead span {
    display: block;
    margin-bottom: 26px;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.54px;
    color: #364d78;
  }
  #page61 .contents-2 .choose-items li .lead span strong {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 1.2px;
    position: relative;
    top: 2px;
  }
  #page61 .contents-2 .choose-items li .lead p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 1.1px;
    color: #364d78;
  }
  #page61 .contents-2 .choose-items li .compare {
    display: grid;
    grid-template-columns: 376px 352px;
    background-color: #364d78;
  }
  #page61 .contents-2 .choose-items li .compare > div {
    padding: 49px 46px 36.5px 39px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
  }
  #page61 .contents-2 .choose-items li .compare > div.exc {
    padding: 49px 61px 36.5px 29px;
  }
  #page61 .contents-2 .choose-items li .compare > div::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    clip-path: polygon(0 0, 88.8% 0, 100% 50%, 88.8% 100%, 0 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  #page61 .contents-2 .choose-items li .compare > div:last-child {
    background-color: #364d78;
    z-index: 0;
  }
  #page61 .contents-2 .choose-items li .compare > div:last-child::before {
    display: none;
  }
  #page61 .contents-2 .choose-items li .compare > div:last-child h3 {
    color: #fff;
  }
  #page61 .contents-2 .choose-items li .compare > div:last-child h3 span {
    border-bottom-color: #f49517;
    color: #f49517;
  }
  #page61 .contents-2 .choose-items li .compare > div:last-child p {
    color: #fff;
  }
  #page61 .contents-2 .choose-items li .compare > div:last-child b {
    text-align: right;
    right: -12px;
    color: rgba(255, 255, 255, 0.14);
  }
  #page61 .contents-2 .choose-items li .compare h3 {
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 1px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
    position: relative;
    z-index: 1;
  }
  #page61 .contents-2 .choose-items li .compare h3 span {
    display: inline-block;
    border-bottom: solid 1px #1f3661;
    font-size: 24px;
    letter-spacing: 1.2px;
    line-height: 28px;
    padding-bottom: 4px;
  }
  #page61 .contents-2 .choose-items li .compare img {
    display: block;
    width: 265px;
    height: 132.5px;
    margin: 0 auto 23.5px;
    border-radius: 10px;
    border: solid 3px #fff;
    box-sizing: border-box;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    z-index: 1;
  }
  #page61 .contents-2 .choose-items li .compare p {
    width: 265px;
    margin: 0 auto;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    color: #1f3661;
    position: relative;
    z-index: 1;
  }
  #page61 .contents-2 .choose-items li .compare p strong {
    font-weight: bold;
  }
  #page61 .contents-2 .choose-items li .compare b {
    font-family: "Poppins", sans-serif;
    font-size: 124px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 8.68px;
    color: rgba(76, 99, 158, 0.08);
    position: absolute;
    left: -8px;
    bottom: -19px;
  }
  #page61 .contents-2 .support {
    width: 1172px;
    margin: 39.5px auto 0;
    padding-top: 97px;
    position: relative;
  }
  #page61 .contents-2 .support::before {
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(#4c639e, #4c639e), linear-gradient(#4c639e, #4c639e);
    background-repeat: no-repeat;
    background-size: 543px 2px, 549.5px 2px;
    background-position: 0 0, 622px 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  #page61 .contents-2 .support::after {
    content: "";
    display: block;
    width: 79.7px;
    height: 2px;
    background-color: #4c639e;
    position: absolute;
    top: 38px;
    left: 552px;
    transform: rotate(-28.5deg);
    transform-origin: left center;
  }
  #page61 .contents-2 .support > p {
    margin-bottom: 12px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 1.44px;
    text-align: center;
    color: #1f3661;
  }
  #page61 .contents-2 .support h2 {
    display: block;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 50px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2.88px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
    position: relative;
  }
  #page61 .contents-2 .support h2 img {
    display: block;
    width: 55.3px;
    height: 65.3px;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    bottom: 0;
  }
  #page61 .contents-2 .support h2 img:nth-of-type(1) {
    left: -95.3px;
  }
  #page61 .contents-2 .support h2 img:nth-of-type(2) {
    right: -95.3px;
  }
  #page61 .contents-2 .support ul {
    display: grid;
    grid-template-columns: repeat(3, 360px);
    -moz-column-gap: 40px;
         column-gap: 40px;
    list-style: none;
  }
  #page61 .contents-2 .support ul li img {
    display: block;
    width: 360px;
    height: 240px;
    border-radius: 20px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page61 .contents-2 .support ul li h3 {
    margin-top: -27px;
    position: relative;
  }
  #page61 .contents-2 .support ul li h3 span {
    display: inline-block;
    padding: 6px 15px 8px;
    border-radius: 5px;
    background-color: #364d78;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.72px;
    color: #fff;
  }
  #page61 .contents-2 .support ul li h3 span:nth-last-of-type(1) {
    margin-top: 1px;
  }
  #page61 .contents-2 .support ul li p {
    margin-top: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    color: #1f3661;
  }
  #page61 .contents-3 {
    padding: 88.3px 0 90px;
    clip-path: inset(-58.7px 0 0 0);
    position: relative;
    z-index: 1;
  }
  #page61 .contents-3::before {
    content: "";
    display: block;
    width: 100%;
    height: 58.7px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_7_pc.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -58px;
    left: 0;
  }
  #page61 .contents-3 .headline {
    margin-bottom: 50px;
  }
  #page61 .contents-3 .headline small {
    display: grid;
    grid-template-columns: 15px min-content 15px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    color: #4c639e;
    white-space: nowrap;
  }
  #page61 .contents-3 .headline small img {
    width: 100%;
  }
  #page61 .contents-3 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2.88px;
    text-align: center;
    color: #4c639e;
  }
  #page61 .contents-3 .lineup-list {
    display: grid;
    grid-template-columns: repeat(3, min-content);
    -moz-column-gap: 50px;
         column-gap: 50px;
    row-gap: 10px;
    justify-content: center;
    margin-bottom: 40px;
    list-style: none;
  }
  #page61 .contents-3 .lineup-list li {
    display: grid;
    grid-template-columns: 22px min-content;
    -moz-column-gap: 6px;
         column-gap: 6px;
    align-items: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 1px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page61 .contents-3 .lineup-list li::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/check_orange.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #page61 .contents-3 .photos {
    display: flex;
    align-items: flex-start;
    -moz-column-gap: 35px;
         column-gap: 35px;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 90px;
    list-style: none;
    animation: page61-photos-slide 35s infinite linear 0.5s both;
  }
  #page61 .contents-3 .photos li:nth-child(even) {
    margin-top: 35px;
  }
  #page61 .contents-3 .photos img {
    display: block;
    width: 250px;
    height: 171.5px;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page61 .contents-3 .brand-box {
    display: grid;
    grid-template-columns: 165.5px min-content;
    -moz-column-gap: 50px;
         column-gap: 50px;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto;
    padding: 53px 73px;
    border: solid 7px #ebebeb;
    border-radius: 50px;
    box-sizing: border-box;
  }
  #page61 .contents-3 .brand-box .brand-title {
    border-right: dotted 1px #92a0c6;
  }
  #page61 .contents-3 .brand-box .brand-title small {
    display: grid;
    grid-template-columns: 15px min-content;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page61 .contents-3 .brand-box .brand-title small img {
    width: 100%;
  }
  #page61 .contents-3 .brand-box .brand-title small img:nth-of-type(2) {
    display: none;
  }
  #page61 .contents-3 .brand-box .brand-title h3 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 1.4px;
    color: #1f3661;
  }
  #page61 .contents-3 .brand-box ul {
    display: grid;
    grid-template-columns: repeat(3, min-content);
    -moz-column-gap: 50px;
         column-gap: 50px;
    row-gap: 10px;
    list-style: none;
  }
  #page61 .contents-3 .brand-box ul li {
    display: grid;
    grid-template-columns: 22px min-content;
    -moz-column-gap: 6px;
         column-gap: 6px;
    align-items: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 1px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page61 .contents-3 .brand-box ul li::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/check_orange.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(1) {
    order: 1;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(2) {
    order: 4;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(3) {
    order: 7;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(4) {
    order: 10;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(5) {
    order: 13;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(6) {
    order: 2;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(7) {
    order: 5;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(8) {
    order: 8;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(9) {
    order: 11;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(10) {
    order: 14;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(11) {
    order: 3;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(12) {
    order: 6;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(13) {
    order: 9;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(14) {
    order: 12;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(15) {
    order: 15;
  }
  #page61 .contents-4 {
    padding: 120px 0 90px;
    background-color: #1f3661;
    position: relative;
  }
  #page61 .contents-4::before {
    content: "";
    display: block;
    width: 100%;
    height: 17px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: -1px;
    left: 0;
  }
  #page61 .contents-4 .works-head {
    display: grid;
    grid-template-columns: 464px 505px;
    -moz-column-gap: 123px;
         column-gap: 123px;
    width: 1130px;
    margin: 0 auto 50px;
  }
  #page61 .contents-4 .works-head .headline small {
    display: grid;
    grid-template-columns: 15px min-content;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    color: #fff;
    white-space: nowrap;
  }
  #page61 .contents-4 .works-head .headline small img {
    width: 100%;
  }
  #page61 .contents-4 .works-head .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2.88px;
    color: #fff;
    white-space: nowrap;
  }
  #page61 .contents-4 .works-head > p {
    padding-top: 35.5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.78;
    letter-spacing: 0.54px;
    color: #fff;
  }
  #page61 .contents-4 .works-head > p span {
    font-weight: bold;
    color: #eddb06;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  #page61 .contents-4 .works-list {
    display: grid;
    grid-template-columns: repeat(3, 350px);
    -moz-column-gap: 40px;
         column-gap: 40px;
    justify-content: center;
    margin-bottom: 50px;
    list-style: none;
  }
  #page61 .contents-4 .works-list li .works-card {
    display: block;
    color: #fff;
    text-decoration: none;
  }
  #page61 .contents-4 .works-list li .image {
    border-radius: 30px;
    background-color: #e5e2db;
    overflow: hidden;
  }
  #page61 .contents-4 .works-list li img {
    display: block;
    width: 350px;
    height: 233.4px;
    border-radius: 30px;
    -o-object-fit: contain;
       object-fit: contain;
    transition: transform 0.3s;
  }
  #page61 .contents-4 .works-list li h3 {
    margin-top: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.9px;
    color: #fff;
  }
  #page61 .contents-4 .works-list li h3 span {
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: text-decoration-color 0.3s;
  }
  #page61 .contents-4 .works-list li .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    margin-top: 15px;
  }
  #page61 .contents-4 .works-list li .tags span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 21px;
    letter-spacing: 0.75px;
    color: #fff;
  }
  #page61 .contents-4 .works-list li .works-card:hover img {
    transform: scale(1.2);
  }
  #page61 .contents-4 .works-list li .works-card:hover h3 span {
    text-decoration-color: currentColor;
  }
  #page61 .contents-4 .works-scrollbar {
    display: none;
  }
  #page61 .contents-4 .works-link {
    display: grid;
    grid-template-columns: min-content 16.2px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    align-items: center;
    justify-content: center;
    width: 336.2px;
    margin: 0 auto;
    padding: 17px 24px 19px 40px;
    border: solid 1px #fff;
    border-radius: 30px;
    box-sizing: border-box;
    background-color: transparent;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.48px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    transition: background-color 0.4s, border-color 0.4s, color 0.4s;
  }
  #page61 .contents-4 .works-link::after {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    transition: background-color 0.4s;
  }
  #page61 .contents-4 .works-link:hover {
    background-color: #fff;
    border-color: #fff;
    color: #1f3661;
  }
  #page61 .contents-4 .works-link:hover::after {
    background-color: #1f3661;
  }
  #page61 .contents-5 {
    padding: 90px 0 79px;
  }
  #page61 .contents-6 {
    margin-bottom: 98px;
  }
  #page61 .contents-6 .inner {
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto;
    position: relative;
  }
  #page61 .contents-6 .texts {
    text-align: center;
    position: relative;
    z-index: 1;
  }
  #page61 .contents-6 .texts::after {
    content: "";
    display: block;
    width: 250px;
    height: 250px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_circle.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -48px;
    right: -89px;
    z-index: -1;
    transform-origin: center;
    animation: page61-contact-circle-rotate 20s linear infinite;
    will-change: transform;
  }
  #page61 .contents-6 .texts h2 {
    display: inline-block;
    margin-bottom: 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2.88px;
    color: #f49517;
    white-space: nowrap;
    position: relative;
  }
  #page61 .contents-6 .texts h2::before {
    content: "";
    display: block;
    width: 50.1px;
    height: 52.4px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_burst.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -26.2px;
    left: -56px;
  }
  #page61 .contents-6 .texts p {
    display: inline-block;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
  }
}
/*SP*/
@media screen and (max-width: 1024px) {
  @keyframes page61-photos-slide {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-990px);
    }
  }
  @keyframes page61-photos-smp-left {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-495px);
    }
  }
  @keyframes page61-photos-smp-right {
    from {
      transform: translateX(-660px);
    }
    to {
      transform: translateX(0);
    }
  }
  #page61 .contents-1 {
    width: 305px;
    margin: 225px auto 51.45px;
  }
  #page61 .contents-1 .texts h2 {
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.9px;
    color: #1f3661;
  }
  #page61 .contents-1 .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #1f3661;
  }
  #page61 .contents-1 .image {
    width: 298.55px;
    height: 199.15px;
    margin-top: 30px;
    border-radius: 10px;
    box-shadow: 6.45px 6.45px 0 #4c639e;
    overflow: hidden;
  }
  #page61 .contents-1 .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page61 .contents-2 {
    padding: 52.35px 0 74.35px;
    background-image: linear-gradient(to bottom, #f2f2f2, #e2e6eb);
    position: relative;
  }
  #page61 .contents-2::before {
    content: "";
    display: block;
    width: 100%;
    height: 8.5px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: -0.5px;
    left: 0;
  }
  #page61 .contents-2 .headline {
    margin-bottom: 30px;
  }
  #page61 .contents-2 .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.91px;
    color: #4c639e;
    white-space: nowrap;
  }
  #page61 .contents-2 .headline small img {
    width: 100%;
  }
  #page61 .contents-2 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 1px;
    text-align: center;
    color: #4c639e;
  }
  #page61 .contents-2 .choose-items {
    width: 355px;
    margin: 0 auto;
    list-style: none;
  }
  #page61 .contents-2 .choose-items li {
    padding-bottom: 35px;
    border-bottom: dashed 1px #4c639e;
  }
  #page61 .contents-2 .choose-items li:not(:first-child) {
    padding-top: 14.75px;
  }
  #page61 .contents-2 .choose-items li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  #page61 .contents-2 .choose-items li .lead {
    margin-bottom: 28.8px;
  }
  #page61 .contents-2 .choose-items li .lead span {
    display: block;
    margin-bottom: 15px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.42px;
    color: #364d78;
    position: relative;
    left: -2px;
  }
  #page61 .contents-2 .choose-items li .lead span strong {
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 0.84px;
    position: relative;
    top: 1px;
  }
  #page61 .contents-2 .choose-items li .lead p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0.8px;
    color: #364d78;
    position: relative;
    left: -1.25px;
  }
  #page61 .contents-2 .choose-items li .compare {
    display: grid;
    grid-template-columns: 1fr;
    overflow: visible;
  }
  #page61 .contents-2 .choose-items li .compare > div {
    padding: 20.2px 54.5px 35px;
    background-color: #364d78;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
  }
  #page61 .contents-2 .choose-items li .compare > div::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 89.4%, 50% 100%, 0 89.4%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  #page61 .contents-2 .choose-items li .compare > div:last-child {
    padding: 20.2px 54.5px 30px;
    background-color: #364d78;
    z-index: 0;
  }
  #page61 .contents-2 .choose-items li .compare > div:last-child::before {
    display: none;
  }
  #page61 .contents-2 .choose-items li .compare > div:last-child h3 {
    color: #fff;
  }
  #page61 .contents-2 .choose-items li .compare > div:last-child h3 span {
    border-bottom-color: #f49517;
    color: #f49517;
  }
  #page61 .contents-2 .choose-items li .compare > div:last-child p {
    color: #fff;
  }
  #page61 .contents-2 .choose-items li .compare > div:last-child b {
    top: unset;
    left: -1px;
    bottom: -9px;
    color: rgba(255, 255, 255, 0.14);
  }
  #page61 .contents-2 .choose-items li .compare h3 {
    margin-bottom: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.65px;
    text-align: center;
    color: #1f3661;
    position: relative;
    z-index: 1;
  }
  #page61 .contents-2 .choose-items li .compare h3 span {
    display: inline-block;
    border-bottom: solid 1px #1f3661;
    font-size: 18px;
    letter-spacing: 0.9px;
    line-height: 26px;
  }
  #page61 .contents-2 .choose-items li .compare img {
    display: block;
    width: 200px;
    height: 100px;
    margin: 0 auto 15px;
    border-radius: 5px;
    border: solid 1.5px #fff;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    z-index: 1;
  }
  #page61 .contents-2 .choose-items li .compare p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
    letter-spacing: 0.42px;
    color: #1f3661;
    position: relative;
    z-index: 1;
  }
  #page61 .contents-2 .choose-items li .compare p strong {
    font-weight: bold;
  }
  #page61 .contents-2 .choose-items li .compare b {
    font-family: "Poppins", sans-serif;
    font-size: 62px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 4.34px;
    color: rgba(76, 99, 158, 0.08);
    position: absolute;
    left: -4px;
    top: -6px;
  }
  #page61 .contents-2 .support {
    width: 100%;
    margin: 31px auto 0;
    padding-top: 49px;
    position: relative;
  }
  #page61 .contents-2 .support::before {
    content: "";
    display: block;
    width: 355px;
    height: 19px;
    background-image: linear-gradient(#4c639e, #4c639e), linear-gradient(#4c639e, #4c639e);
    background-repeat: no-repeat;
    background-size: 156.5px 1px, 158px 1px;
    background-position: 0 0, 196.5px 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page61 .contents-2 .support::after {
    content: "";
    display: block;
    width: 43.9px;
    height: 1px;
    background-color: #4c639e;
    position: absolute;
    top: 18px;
    left: calc(50% - 21px);
    transform: rotate(-24.2deg);
    transform-origin: left center;
  }
  #page61 .contents-2 .support > p {
    margin-bottom: 5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 17.5px;
    letter-spacing: 0.96px;
    text-align: center;
    color: #1f3661;
  }
  #page61 .contents-2 .support h2 {
    display: block;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 25px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.28;
    letter-spacing: 1.44px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
    position: relative;
  }
  #page61 .contents-2 .support h2 img {
    display: block;
    width: 27.65px;
    height: 32.65px;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    bottom: 8px;
  }
  #page61 .contents-2 .support h2 img:nth-of-type(1) {
    left: -47.65px;
  }
  #page61 .contents-2 .support h2 img:nth-of-type(2) {
    right: -47.65px;
  }
  #page61 .contents-2 .support ul {
    display: grid;
    grid-template-columns: 240px;
    row-gap: 25px;
    justify-content: center;
    list-style: none;
  }
  #page61 .contents-2 .support ul li img {
    display: block;
    width: 100%;
    height: 160.1px;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page61 .contents-2 .support ul li h3 {
    margin-top: -23px;
    position: relative;
  }
  #page61 .contents-2 .support ul li h3 span {
    display: inline-block;
    padding: 3px 7.5px 4px;
    border-radius: 2.5px;
    background-color: #364d78;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.48px;
    color: #fff;
  }
  #page61 .contents-2 .support ul li h3 span:nth-last-of-type(1) {
    margin-top: 0.5px;
  }
  #page61 .contents-2 .support ul li p {
    margin-top: 10px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.61;
    letter-spacing: 0.42px;
    color: #1f3661;
  }
  #page61 .contents-3 {
    padding: 45px 0;
    clip-path: inset(-29.35px 0 0 0);
    position: relative;
    z-index: 1;
  }
  #page61 .contents-3::before {
    content: "";
    display: block;
    width: 100%;
    height: 29.35px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_7_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -29px;
    left: 0;
  }
  #page61 .contents-3 .headline {
    margin: 0 auto 30px;
  }
  #page61 .contents-3 .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.96px;
    color: #4c639e;
    white-space: nowrap;
  }
  #page61 .contents-3 .headline small img {
    width: 100%;
  }
  #page61 .contents-3 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: center;
    color: #4c639e;
  }
  #page61 .contents-3 .lineup-list {
    display: grid;
    grid-template-columns: repeat(2, min-content);
    -moz-column-gap: 15px;
         column-gap: 15px;
    row-gap: 5px;
    justify-content: center;
    margin-bottom: 30px;
    list-style: none;
  }
  #page61 .contents-3 .lineup-list li {
    display: grid;
    grid-template-columns: 16px max-content;
    -moz-column-gap: 3px;
         column-gap: 3px;
    align-items: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.75px;
    color: #1f3661;
  }
  #page61 .contents-3 .lineup-list li::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/check_orange.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #page61 .contents-3 .lineup-list li:nth-child(1) {
    order: 1;
  }
  #page61 .contents-3 .lineup-list li:nth-child(2) {
    order: 7;
  }
  #page61 .contents-3 .lineup-list li:nth-child(3) {
    order: 4;
  }
  #page61 .contents-3 .lineup-list li:nth-child(4) {
    order: 3;
  }
  #page61 .contents-3 .lineup-list li:nth-child(5) {
    order: 2;
  }
  #page61 .contents-3 .lineup-list li:nth-child(6) {
    order: 6;
  }
  #page61 .contents-3 .lineup-list li:nth-child(7) {
    order: 5;
  }
  #page61 .contents-3 .photos {
    display: none;
  }
  #page61 .contents-3 .photos-smp {
    display: grid;
    row-gap: 10px;
    margin-bottom: 45px;
  }
  #page61 .contents-3 .photos-smp .photos-smp-row {
    overflow: hidden;
  }
  #page61 .contents-3 .photos-smp .photos-smp-row ul {
    display: flex;
    -moz-column-gap: 10px;
         column-gap: 10px;
    width: -moz-max-content;
    width: max-content;
    list-style: none;
  }
  #page61 .contents-3 .photos-smp .photos-smp-row:nth-child(1) ul {
    animation: page61-photos-smp-left 30s infinite linear 0.5s both;
  }
  #page61 .contents-3 .photos-smp .photos-smp-row:nth-child(2) ul {
    animation: page61-photos-smp-right 30s infinite linear 0.5s both;
  }
  #page61 .contents-3 .photos-smp img {
    display: block;
    width: 155px;
    height: 106.35px;
    border-radius: 5px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page61 .contents-3 .brand-box {
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto;
    padding: 34px 16.5px;
    border: solid 6px #ebebeb;
    border-radius: 40px;
    box-sizing: border-box;
  }
  #page61 .contents-3 .brand-box .brand-title {
    margin-bottom: 30px;
  }
  #page61 .contents-3 .brand-box .brand-title small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.96px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page61 .contents-3 .brand-box .brand-title small img {
    width: 100%;
  }
  #page61 .contents-3 .brand-box .brand-title h3 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 1px;
    text-align: center;
    color: #1f3661;
  }
  #page61 .contents-3 .brand-box ul {
    display: grid;
    grid-template-columns: repeat(2, min-content);
    -moz-column-gap: 15px;
         column-gap: 15px;
    row-gap: 5px;
    list-style: none;
  }
  #page61 .contents-3 .brand-box ul li {
    display: grid;
    grid-template-columns: 16px min-content;
    -moz-column-gap: 3px;
         column-gap: 3px;
    align-items: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.75px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page61 .contents-3 .brand-box ul li::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/check_orange.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(1) {
    order: 1;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(2) {
    order: 3;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(3) {
    order: 5;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(4) {
    order: 7;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(5) {
    order: 9;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(6) {
    order: 11;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(7) {
    order: 13;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(8) {
    order: 15;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(9) {
    order: 2;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(10) {
    order: 4;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(11) {
    order: 6;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(12) {
    order: 8;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(13) {
    order: 10;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(14) {
    order: 12;
  }
  #page61 .contents-3 .brand-box ul li:nth-child(15) {
    order: 14;
  }
  #page61 .contents-4 {
    padding: 55px 0 45px;
    background-color: #1f3661;
    position: relative;
  }
  #page61 .contents-4::before {
    content: "";
    display: block;
    width: 100%;
    height: 8.5px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: -0.5px;
    left: 0;
  }
  #page61 .contents-4 .works-head {
    width: 311px;
    margin: 0 auto 30px;
    position: relative;
    left: 2px;
  }
  #page61 .contents-4 .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content;
    -moz-column-gap: 5px;
         column-gap: 5px;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.91px;
    color: #fff;
    white-space: nowrap;
  }
  #page61 .contents-4 .headline small img {
    width: 100%;
  }
  #page61 .contents-4 .headline h2 {
    margin-bottom: 25px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 1px;
    text-align: left;
    color: #fff;
  }
  #page61 .contents-4 .works-head > p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #fff;
  }
  #page61 .contents-4 .works-head > p span {
    font-weight: 500;
    color: #eddb06;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  #page61 .contents-4 .works-list {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0;
    padding-left: 30px;
    list-style: none;
  }
  #page61 .contents-4 .works-list li {
    flex-shrink: 0;
    width: 215px;
  }
  #page61 .contents-4 .works-list li .works-card {
    display: block;
    color: #fff;
    text-decoration: none;
  }
  #page61 .contents-4 .works-list li .image {
    border-radius: 8px;
    background-color: #e5e2db;
    overflow: hidden;
  }
  #page61 .contents-4 .works-list li img {
    display: block;
    width: 215px;
    height: 143.4px;
    border-radius: 8px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #page61 .contents-4 .works-list li h3 {
    margin-top: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.61;
    letter-spacing: 0.42px;
    color: #fff;
  }
  #page61 .contents-4 .works-list li .tags {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 15px;
  }
  #page61 .contents-4 .works-list li .tags span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 17.5px;
    letter-spacing: 0.36px;
    color: #fff;
  }
  #page61 .contents-4 .works-swiper {
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
  }
  #page61 .contents-4 .works-scrollbar {
    width: 300px !important;
    height: 7.5px !important;
    margin: 30px auto 0;
    border-radius: 5px;
    background-color: #c9c9c9;
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
  }
  #page61 .contents-4 .works-scrollbar .swiper-scrollbar-drag {
    height: 100%;
    border-radius: 5px;
    background-color: #364d78;
  }
}
@media screen and (max-width: 1024px) and (min-width: 745px) {
  #page61 .contents-4 .works-swiper {
    width: 685px;
    max-width: calc(100% - 60px);
    margin-right: auto;
    margin-left: auto;
  }
  #page61 .contents-4 .works-list {
    justify-content: flex-start;
    padding-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  #page61 .contents-4 .works-list.is-single {
    justify-content: center;
    width: 100%;
    padding-left: 0;
  }
  #page61 .contents-4 .works-list.is-single li {
    margin-right: 0 !important;
  }
  #page61 .contents-4 .works-swiper.is-single .works-scrollbar {
    display: none;
  }
  #page61 .contents-4 .works-link {
    display: grid;
    grid-template-columns: min-content 16.2px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    justify-content: center;
    width: 320px;
    margin: 0 auto;
    padding: 16.5px 31.3px 18px 31.5px;
    border: solid 1.5px #fff;
    border-radius: 27.5px;
    box-sizing: border-box;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.45px;
    color: #fff;
    white-space: nowrap;
  }
  #page61 .contents-4 .works-link::after {
    content: "";
    display: block;
    width: 16.2px;
    height: 10px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #page61 .contents-5 {
    padding: 45px 0 63.5px;
  }
  #page61 .contents-6 {
    width: 350px;
    margin: 0 auto 45px;
    position: relative;
    left: -5px;
  }
  #page61 .contents-6 .inner {
    width: 100%;
    position: relative;
  }
  #page61 .contents-6 .texts {
    text-align: center;
    position: relative;
    z-index: 1;
  }
  #page61 .contents-6 .texts::after {
    content: "";
    display: block;
    width: 125px;
    height: 125px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_circle.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0.9;
    position: absolute;
    top: -33.5px;
    right: -28px;
    z-index: 0;
    transform-origin: center;
    animation: page61-contact-circle-rotate 20s linear infinite;
    will-change: transform;
  }
  #page61 .contents-6 .texts h2 {
    display: inline-block;
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 1.44px;
    color: #f49517;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  #page61 .contents-6 .texts h2::before {
    content: "";
    display: block;
    width: 25.05px;
    height: 26.2px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_burst.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -13.1px;
    left: -28.05px;
  }
  #page61 .contents-6 .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.61;
    letter-spacing: 0.42px;
    text-align: center;
    color: #1f3661;
    position: relative;
    z-index: 1;
  }
}
/*62.シェード*/
@keyframes page62-contact-circle-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*PC*/
@media screen and (min-width: 1025px) {
  @keyframes page62-photos-slide {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-1710px);
    }
  }
  #page62 .photos-smp {
    display: none;
  }
  #page62 .contents-1 {
    margin-top: 150px;
    margin-bottom: 90px;
  }
  #page62 .contents-1 .intro-lead {
    display: grid;
    grid-template-columns: 517px 370px;
    -moz-column-gap: 85px;
         column-gap: 85px;
    justify-content: center;
    align-items: start;
    position: relative;
    right: 24px;
  }
  #page62 .contents-1 .intro-lead .texts h2 {
    margin-bottom: 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.69;
    letter-spacing: 1.3px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page62 .contents-1 .intro-lead .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    color: #1f3661;
  }
  #page62 .contents-1 .intro-lead .image {
    width: 370px;
    height: 246.8px;
    border-radius: 10px;
    box-shadow: 8px 8px 0 #4c639e;
    overflow: hidden;
  }
  #page62 .contents-1 .intro-lead .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page62 .contents-1 .look-box {
    display: grid;
    grid-template-columns: 550px 437px;
    -moz-column-gap: 90px;
         column-gap: 90px;
    align-items: start;
    width: 1077px;
    margin: 90px auto 0;
    padding: 90px 0;
    position: relative;
    right: 101.5px;
  }
  #page62 .contents-1 .look-box::before {
    content: "";
    display: block;
    width: 1000%;
    height: 100%;
    border-radius: 0 40px 40px 0;
    box-sizing: border-box;
    background-color: #364d78;
    position: absolute;
    top: 0;
    right: -111px;
    z-index: -1;
  }
  #page62 .contents-1 .look-box .photo {
    width: 550px;
    height: 282.96px;
    border-radius: 20px;
    overflow: hidden;
  }
  #page62 .contents-1 .look-box .photo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page62 .contents-1 .look-box .texts h2 {
    margin-bottom: 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.69;
    letter-spacing: 1.3px;
    color: #fff;
    white-space: nowrap;
  }
  #page62 .contents-1 .look-box .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    color: #fff;
  }
  #page62 .contents-2 {
    padding: 112px 0 148.4px;
    background-image: linear-gradient(to bottom, #f2f2f2, #e2e6eb);
    position: relative;
  }
  #page62 .contents-2::before {
    content: "";
    display: block;
    width: 100%;
    height: 17px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: -1px;
    left: 0;
  }
  #page62 .contents-2 .headline {
    margin-bottom: 50px;
  }
  #page62 .contents-2 .headline small {
    display: grid;
    grid-template-columns: 15px min-content 15px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    color: #4c639e;
    white-space: nowrap;
  }
  #page62 .contents-2 .headline small img {
    width: 100%;
  }
  #page62 .contents-2 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2.88px;
    text-align: center;
    color: #4c639e;
  }
  #page62 .contents-2 .choose-items {
    width: 1172px;
    margin: 0 auto;
    list-style: none;
  }
  #page62 .contents-2 .choose-items li {
    display: grid;
    grid-template-columns: 1fr 728px;
    padding-bottom: 30px;
    border-bottom: dashed 1px #4c639e;
  }
  #page62 .contents-2 .choose-items li:not(:first-child) {
    padding-top: 32px;
  }
  #page62 .contents-2 .choose-items li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  #page62 .contents-2 .choose-items li .lead {
    margin-top: 30.5px;
  }
  #page62 .contents-2 .choose-items li .lead span {
    display: block;
    margin-bottom: 26px;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.54px;
    color: #364d78;
  }
  #page62 .contents-2 .choose-items li .lead span strong {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 1.2px;
    position: relative;
    top: 2px;
  }
  #page62 .contents-2 .choose-items li .lead p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 1.1px;
    color: #364d78;
  }
  #page62 .contents-2 .choose-items li .compare {
    display: grid;
    grid-template-columns: repeat(2, 365px);
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
  #page62 .contents-2 .choose-items li .compare > div {
    padding: 36px 46px;
    background-color: #fff;
    border: solid 4px #364d78;
    border-radius: 30px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
  }
  #page62 .contents-2 .choose-items li .compare h3 {
    margin-bottom: 24.5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 1px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
    position: relative;
    z-index: 1;
  }
  #page62 .contents-2 .choose-items li .compare h3 span {
    display: inline-block;
    border-bottom: solid 1px #f49517;
    font-size: 24px;
    letter-spacing: 1.2px;
    line-height: 28px;
    padding-bottom: 4px;
    color: #f49517;
  }
  #page62 .contents-2 .choose-items li .compare img {
    display: block;
    width: 265px;
    height: 132.5px;
    margin: 0 auto 23.5px;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    z-index: 1;
  }
  #page62 .contents-2 .choose-items li .compare p {
    width: 265px;
    margin: 0 auto;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    color: #1f3661;
    position: relative;
    z-index: 1;
  }
  #page62 .contents-2 .choose-items li .compare p strong {
    font-weight: bold;
  }
  #page62 .contents-2 .choose-items li .compare b {
    display: none;
  }
  #page62 .contents-2 .choose-items li .compare.is-wide {
    grid-template-columns: 740px;
  }
  #page62 .contents-2 .choose-items li .compare.is-wide > div {
    min-height: 364px;
    padding: 40px 50px 43px;
  }
  #page62 .contents-2 .choose-items li .compare.is-wide ul {
    display: grid;
    grid-template-columns: repeat(3, 210px);
    -moz-column-gap: 5px;
         column-gap: 5px;
    margin-bottom: 37.4px;
    list-style: none;
  }
  #page62 .contents-2 .choose-items li .compare.is-wide li {
    display: block;
    padding: 0;
    border-bottom: none;
  }
  #page62 .contents-2 .choose-items li .compare.is-wide img {
    width: 210px;
    height: 132.5px;
    margin: 0;
  }
  #page62 .contents-2 .choose-items li .compare.is-wide p {
    width: 640px;
  }
  #page62 .contents-2 .choose-items li:first-child .compare > div:nth-child(2) h3,
  #page62 .contents-2 .choose-items li:first-child .compare > div:nth-child(2) p {
    color: #364d78;
  }
  #page62 .contents-2 .choose-items li:nth-child(2) .compare > div {
    background-color: #364d78;
  }
  #page62 .contents-2 .choose-items li:nth-child(2) .compare h3 {
    color: #fff;
  }
  #page62 .contents-2 .choose-items li:nth-child(2) .compare h3 span {
    border-bottom-color: #f49517;
    color: #f49517;
  }
  #page62 .contents-2 .choose-items li:nth-child(2) .compare p {
    color: #fff;
  }
  #page62 .contents-2 .support {
    width: 1172px;
    margin: 39.5px auto 0;
    padding-top: 97px;
    position: relative;
  }
  #page62 .contents-2 .support::before {
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(#4c639e, #4c639e), linear-gradient(#4c639e, #4c639e);
    background-repeat: no-repeat;
    background-size: 543px 2px, 549.5px 2px;
    background-position: 0 0, 622px 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  #page62 .contents-2 .support::after {
    content: "";
    display: block;
    width: 79.7px;
    height: 2px;
    background-color: #4c639e;
    position: absolute;
    top: 38px;
    left: 552px;
    transform: rotate(-28.5deg);
    transform-origin: left center;
  }
  #page62 .contents-2 .support > p {
    margin-bottom: 12px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 1.44px;
    text-align: center;
    color: #1f3661;
  }
  #page62 .contents-2 .support h2 {
    display: block;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 50px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2.88px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
    position: relative;
  }
  #page62 .contents-2 .support h2 img {
    display: block;
    width: 55.3px;
    height: 65.3px;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    bottom: 0;
  }
  #page62 .contents-2 .support h2 img:nth-of-type(1) {
    left: -95.3px;
  }
  #page62 .contents-2 .support h2 img:nth-of-type(2) {
    right: -95.3px;
  }
  #page62 .contents-2 .support ul {
    display: grid;
    grid-template-columns: repeat(3, 360px);
    -moz-column-gap: 40px;
         column-gap: 40px;
    list-style: none;
  }
  #page62 .contents-2 .support ul li img {
    display: block;
    width: 360px;
    height: 240px;
    border-radius: 20px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page62 .contents-2 .support ul li h3 {
    margin-top: -27px;
    position: relative;
  }
  #page62 .contents-2 .support ul li h3 span {
    display: inline-block;
    padding: 6px 15px 8px;
    border-radius: 5px;
    background-color: #364d78;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.72px;
    color: #fff;
  }
  #page62 .contents-2 .support ul li h3 span:nth-last-of-type(1) {
    margin-top: 1px;
  }
  #page62 .contents-2 .support ul li p {
    margin-top: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    color: #1f3661;
  }
  #page62 .contents-3 {
    padding: 88.3px 0 90px;
    clip-path: inset(-58.7px 0 0 0);
    position: relative;
    z-index: 1;
  }
  #page62 .contents-3::before {
    content: "";
    display: block;
    width: 100%;
    height: 58.7px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_7_pc.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -58px;
    left: 0;
  }
  #page62 .contents-3 .headline {
    margin-bottom: 50px;
  }
  #page62 .contents-3 .headline small {
    display: grid;
    grid-template-columns: 15px min-content 15px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    color: #4c639e;
    white-space: nowrap;
  }
  #page62 .contents-3 .headline small img {
    width: 100%;
  }
  #page62 .contents-3 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2.88px;
    text-align: center;
    color: #4c639e;
  }
  #page62 .contents-3 .lineup-list {
    display: grid;
    grid-template-columns: repeat(2, min-content);
    -moz-column-gap: 70px;
         column-gap: 70px;
    row-gap: 10px;
    justify-content: center;
    margin-bottom: 40px;
    list-style: none;
  }
  #page62 .contents-3 .lineup-list li {
    display: grid;
    grid-template-columns: 22px min-content;
    -moz-column-gap: 6px;
         column-gap: 6px;
    align-items: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 1px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page62 .contents-3 .lineup-list li::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/check_orange.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #page62 .contents-3 .lineup-list li:nth-child(1) {
    order: 1;
  }
  #page62 .contents-3 .lineup-list li:nth-child(2) {
    order: 3;
  }
  #page62 .contents-3 .lineup-list li:nth-child(3) {
    order: 5;
  }
  #page62 .contents-3 .lineup-list li:nth-child(4) {
    order: 2;
  }
  #page62 .contents-3 .lineup-list li:nth-child(5) {
    order: 4;
  }
  #page62 .contents-3 .photos {
    display: flex;
    align-items: flex-start;
    -moz-column-gap: 35px;
         column-gap: 35px;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 90px;
    list-style: none;
    animation: page62-photos-slide 35s infinite linear 0.5s both;
  }
  #page62 .contents-3 .photos li:nth-child(even) {
    margin-top: 35px;
  }
  #page62 .contents-3 .photos img {
    display: block;
    width: 250px;
    height: 171.5px;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page62 .contents-3 .brand-box {
    display: grid;
    grid-template-columns: 165.5px min-content;
    -moz-column-gap: 50px;
         column-gap: 50px;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto;
    padding: 53px 73px;
    border: solid 7px #ebebeb;
    border-radius: 50px;
    box-sizing: border-box;
  }
  #page62 .contents-3 .brand-box .brand-title {
    border-right: dotted 1px #92a0c6;
  }
  #page62 .contents-3 .brand-box .brand-title small {
    display: grid;
    grid-template-columns: 15px min-content;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page62 .contents-3 .brand-box .brand-title small img {
    width: 100%;
  }
  #page62 .contents-3 .brand-box .brand-title small img:nth-of-type(2) {
    display: none;
  }
  #page62 .contents-3 .brand-box .brand-title h3 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 1.4px;
    color: #1f3661;
  }
  #page62 .contents-3 .brand-box ul {
    display: grid;
    grid-template-columns: repeat(3, min-content);
    -moz-column-gap: 50px;
         column-gap: 50px;
    row-gap: 10px;
    list-style: none;
  }
  #page62 .contents-3 .brand-box ul li {
    display: grid;
    grid-template-columns: 22px min-content;
    -moz-column-gap: 6px;
         column-gap: 6px;
    align-items: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 1px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page62 .contents-3 .brand-box ul li::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/check_orange.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(1) {
    order: 1;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(2) {
    order: 4;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(3) {
    order: 7;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(4) {
    order: 10;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(5) {
    order: 13;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(6) {
    order: 2;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(7) {
    order: 5;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(8) {
    order: 8;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(9) {
    order: 11;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(10) {
    order: 14;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(11) {
    order: 3;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(12) {
    order: 6;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(13) {
    order: 9;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(14) {
    order: 12;
  }
  #page62 .contents-4 {
    padding: 120px 0 90px;
    background-color: #1f3661;
    position: relative;
  }
  #page62 .contents-4::before {
    content: "";
    display: block;
    width: 100%;
    height: 17px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: -1px;
    left: 0;
  }
  #page62 .contents-4 .works-head {
    display: grid;
    grid-template-columns: 464px 505px;
    -moz-column-gap: 123px;
         column-gap: 123px;
    width: 1130px;
    margin: 0 auto 50px;
  }
  #page62 .contents-4 .works-head .headline small {
    display: grid;
    grid-template-columns: 15px min-content;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    color: #fff;
    white-space: nowrap;
  }
  #page62 .contents-4 .works-head .headline small img {
    width: 100%;
  }
  #page62 .contents-4 .works-head .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2.88px;
    color: #fff;
    white-space: nowrap;
  }
  #page62 .contents-4 .works-head > p {
    padding-top: 35.5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.78;
    letter-spacing: 0.54px;
    color: #fff;
  }
  #page62 .contents-4 .works-head > p span {
    font-weight: bold;
    color: #eddb06;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  #page62 .contents-4 .works-list {
    display: grid;
    grid-template-columns: repeat(3, 350px);
    -moz-column-gap: 40px;
         column-gap: 40px;
    justify-content: center;
    margin-bottom: 50px;
    list-style: none;
  }
  #page62 .contents-4 .works-list li .works-card {
    display: block;
    color: #fff;
    text-decoration: none;
  }
  #page62 .contents-4 .works-list li .image {
    border-radius: 30px;
    background-color: #e5e2db;
    overflow: hidden;
  }
  #page62 .contents-4 .works-list li img {
    display: block;
    width: 350px;
    height: 233.4px;
    border-radius: 30px;
    -o-object-fit: contain;
       object-fit: contain;
    transition: transform 0.3s;
  }
  #page62 .contents-4 .works-list li h3 {
    margin-top: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.9px;
    color: #fff;
  }
  #page62 .contents-4 .works-list li h3 span {
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: text-decoration-color 0.3s;
  }
  #page62 .contents-4 .works-list li .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    margin-top: 15px;
  }
  #page62 .contents-4 .works-list li .tags span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 21px;
    letter-spacing: 0.75px;
    color: #fff;
  }
  #page62 .contents-4 .works-list li .works-card:hover img {
    transform: scale(1.2);
  }
  #page62 .contents-4 .works-list li .works-card:hover h3 span {
    text-decoration-color: currentColor;
  }
  #page62 .contents-4 .works-scrollbar {
    display: none;
  }
  #page62 .contents-4 .works-link {
    display: grid;
    grid-template-columns: min-content 16.2px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    align-items: center;
    justify-content: center;
    width: 336.2px;
    margin: 0 auto;
    padding: 17px 24px 19px 40px;
    border: solid 1px #fff;
    border-radius: 30px;
    box-sizing: border-box;
    background-color: transparent;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.48px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    transition: background-color 0.4s, border-color 0.4s, color 0.4s;
  }
  #page62 .contents-4 .works-link::after {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    transition: background-color 0.4s;
  }
  #page62 .contents-4 .works-link:hover {
    background-color: #fff;
    border-color: #fff;
    color: #1f3661;
  }
  #page62 .contents-4 .works-link:hover::after {
    background-color: #1f3661;
  }
  #page62 .contents-5 {
    padding: 90px 0 79px;
  }
  #page62 .contents-6 {
    margin-bottom: 98px;
  }
  #page62 .contents-6 .inner {
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto;
    position: relative;
  }
  #page62 .contents-6 .texts {
    text-align: center;
    position: relative;
    z-index: 1;
  }
  #page62 .contents-6 .texts h2 {
    display: inline-block;
    margin-bottom: 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2.88px;
    color: #f49517;
    white-space: nowrap;
    position: relative;
  }
  #page62 .contents-6 .texts h2::before {
    content: "";
    display: block;
    width: 50.1px;
    height: 52.4px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_burst.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -26.2px;
    left: -56px;
  }
  #page62 .contents-6 .texts h2::after {
    content: "";
    display: block;
    width: 250px;
    height: 250px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_circle.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -48px;
    right: -168px;
    z-index: -1;
    transform-origin: center;
    animation: page62-contact-circle-rotate 20s linear infinite;
    will-change: transform;
  }
  #page62 .contents-6 .texts p {
    display: inline-block;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
  }
}
/*SP*/
@media screen and (max-width: 1024px) {
  @keyframes page62-photos-slide {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-990px);
    }
  }
  @keyframes page62-photos-smp-left {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-495px);
    }
  }
  @keyframes page62-photos-smp-right {
    from {
      transform: translateX(-660px);
    }
    to {
      transform: translateX(0);
    }
  }
  #page62 .contents-1 {
    margin-bottom: 45px;
  }
  #page62 .contents-1 .intro-lead {
    width: 305px;
    margin: 225px auto 45px;
  }
  #page62 .contents-1 .intro-lead .texts h2 {
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.9px;
    color: #1f3661;
  }
  #page62 .contents-1 .intro-lead .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #1f3661;
  }
  #page62 .contents-1 .intro-lead .image {
    width: 298.55px;
    height: 199.15px;
    margin-top: 30px;
    border-radius: 10px;
    box-shadow: 6.45px 6.45px 0 #4c639e;
    overflow: hidden;
  }
  #page62 .contents-1 .intro-lead .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page62 .contents-1 .look-box {
    display: grid;
    grid-template-columns: 100%;
    row-gap: 30px;
    margin-top: 51.45px;
    padding: 45px 0;
    box-sizing: border-box;
    background-color: #364d78;
    border-radius: 0 20px 20px 0;
  }
  #page62 .contents-1 .look-box .photo {
    order: 2;
    width: 345px;
    height: 177.5px;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
  }
  #page62 .contents-1 .look-box .photo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page62 .contents-1 .look-box .texts {
    order: 1;
    width: 275.5px;
    margin: 0 auto;
  }
  #page62 .contents-1 .look-box .texts h2 {
    margin-bottom: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.44;
    letter-spacing: 0.9px;
    color: #fff;
  }
  #page62 .contents-1 .look-box .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #fff;
  }
  #page62 .contents-2 {
    padding: 52.35px 0 74.35px;
    background-image: linear-gradient(to bottom, #f2f2f2, #e2e6eb);
    position: relative;
  }
  #page62 .contents-2::before {
    content: "";
    display: block;
    width: 100%;
    height: 8.5px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: -0.5px;
    left: 0;
  }
  #page62 .contents-2 .headline {
    margin-bottom: 30px;
  }
  #page62 .contents-2 .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.91px;
    color: #4c639e;
    white-space: nowrap;
  }
  #page62 .contents-2 .headline small img {
    width: 100%;
  }
  #page62 .contents-2 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 1px;
    text-align: center;
    color: #4c639e;
  }
  #page62 .contents-2 .choose-items {
    width: 355px;
    margin: 0 auto;
    list-style: none;
  }
  #page62 .contents-2 .choose-items li {
    padding-bottom: 35px;
    border-bottom: dashed 1px #4c639e;
  }
  #page62 .contents-2 .choose-items li:not(:first-child) {
    padding-top: 14.75px;
  }
  #page62 .contents-2 .choose-items li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  #page62 .contents-2 .choose-items li .lead {
    margin-bottom: 28.8px;
  }
  #page62 .contents-2 .choose-items li .lead span {
    display: block;
    margin-bottom: 15px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.42px;
    color: #364d78;
    position: relative;
    left: -2px;
  }
  #page62 .contents-2 .choose-items li .lead span strong {
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 0.84px;
    position: relative;
    top: 1px;
  }
  #page62 .contents-2 .choose-items li .lead p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0.8px;
    color: #364d78;
    white-space: nowrap;
    position: relative;
    left: -1.25px;
  }
  #page62 .contents-2 .choose-items li .compare {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 20px;
    overflow: visible;
  }
  #page62 .contents-2 .choose-items li .compare > div {
    padding: 21.5px 51px;
    background-color: #fff;
    border: solid 3.5px #364d78;
    border-radius: 15px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
  }
  #page62 .contents-2 .choose-items li .compare h3 {
    margin-bottom: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.65px;
    text-align: center;
    color: #1f3661;
    position: relative;
    z-index: 1;
  }
  #page62 .contents-2 .choose-items li .compare h3 span {
    display: inline-block;
    border-bottom: solid 1px #f49517;
    font-size: 18px;
    letter-spacing: 0.9px;
    line-height: 26px;
    color: #f49517;
  }
  #page62 .contents-2 .choose-items li .compare img {
    display: block;
    width: 200px;
    height: 100px;
    margin: 0 auto 15px;
    border-radius: 5px;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    z-index: 1;
  }
  #page62 .contents-2 .choose-items li .compare p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
    letter-spacing: 0.42px;
    color: #1f3661;
    position: relative;
    z-index: 1;
  }
  #page62 .contents-2 .choose-items li .compare p strong {
    font-weight: bold;
  }
  #page62 .contents-2 .choose-items li .compare b {
    display: none;
  }
  #page62 .contents-2 .choose-items li .compare.is-wide > div {
    padding: 21.5px 22px 26.5px;
  }
  #page62 .contents-2 .choose-items li .compare.is-wide ul {
    display: grid;
    grid-template-columns: repeat(2, 150px);
    gap: 5px;
    justify-content: center;
    margin-bottom: 22px;
    list-style: none;
  }
  #page62 .contents-2 .choose-items li .compare.is-wide li {
    display: block;
    padding: 0;
    border-bottom: none;
  }
  #page62 .contents-2 .choose-items li .compare.is-wide img {
    width: 150px;
    height: 94.65px;
    margin: 0;
  }
  #page62 .contents-2 .choose-items li .compare.is-wide li:nth-child(3) {
    grid-column: 1/3;
    justify-self: center;
  }
  #page62 .contents-2 .choose-items li:first-child .compare > div:nth-child(2) h3,
  #page62 .contents-2 .choose-items li:first-child .compare > div:nth-child(2) p {
    color: #364d78;
  }
  #page62 .contents-2 .choose-items li:nth-child(2) .compare > div {
    background-color: #364d78;
  }
  #page62 .contents-2 .choose-items li:nth-child(2) .compare h3 {
    color: #fff;
  }
  #page62 .contents-2 .choose-items li:nth-child(2) .compare h3 span {
    border-bottom-color: #f49517;
    color: #f49517;
  }
  #page62 .contents-2 .choose-items li:nth-child(2) .compare p {
    color: #fff;
  }
  #page62 .contents-2 .support {
    width: 100%;
    margin: 31px auto 0;
    padding-top: 49px;
    position: relative;
  }
  #page62 .contents-2 .support::before {
    content: "";
    display: block;
    width: 355px;
    height: 19px;
    background-image: linear-gradient(#4c639e, #4c639e), linear-gradient(#4c639e, #4c639e);
    background-repeat: no-repeat;
    background-size: 156.5px 1px, 158px 1px;
    background-position: 0 0, 196.5px 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page62 .contents-2 .support::after {
    content: "";
    display: block;
    width: 43.9px;
    height: 1px;
    background-color: #4c639e;
    position: absolute;
    top: 18px;
    left: calc(50% - 21px);
    transform: rotate(-24.2deg);
    transform-origin: left center;
  }
  #page62 .contents-2 .support > p {
    margin-bottom: 5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 17.5px;
    letter-spacing: 0.96px;
    text-align: center;
    color: #1f3661;
  }
  #page62 .contents-2 .support h2 {
    display: block;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 25px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.28;
    letter-spacing: 1.44px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
    position: relative;
  }
  #page62 .contents-2 .support h2 img {
    display: block;
    width: 27.65px;
    height: 32.65px;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    bottom: 8px;
  }
  #page62 .contents-2 .support h2 img:nth-of-type(1) {
    left: -47.65px;
  }
  #page62 .contents-2 .support h2 img:nth-of-type(2) {
    right: -47.65px;
  }
  #page62 .contents-2 .support ul {
    display: grid;
    grid-template-columns: 240px;
    row-gap: 25px;
    justify-content: center;
    list-style: none;
  }
  #page62 .contents-2 .support ul li img {
    display: block;
    width: 100%;
    height: 160.1px;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page62 .contents-2 .support ul li h3 {
    margin-top: -23px;
    position: relative;
  }
  #page62 .contents-2 .support ul li h3 span {
    display: inline-block;
    padding: 3px 7.5px 4px;
    border-radius: 2.5px;
    background-color: #364d78;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.48px;
    color: #fff;
  }
  #page62 .contents-2 .support ul li h3 span:nth-last-of-type(1) {
    margin-top: 0.5px;
  }
  #page62 .contents-2 .support ul li p {
    margin-top: 10px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.61;
    letter-spacing: 0.42px;
    color: #1f3661;
  }
  #page62 .contents-3 {
    padding: 45px 0;
    clip-path: inset(-29.35px 0 0 0);
    position: relative;
    z-index: 1;
  }
  #page62 .contents-3::before {
    content: "";
    display: block;
    width: 100%;
    height: 29.35px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_7_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -29px;
    left: 0;
  }
  #page62 .contents-3 .headline {
    margin: 0 auto 30px;
  }
  #page62 .contents-3 .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.96px;
    color: #4c639e;
    white-space: nowrap;
  }
  #page62 .contents-3 .headline small img {
    width: 100%;
  }
  #page62 .contents-3 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: center;
    color: #4c639e;
  }
  #page62 .contents-3 .lineup-list {
    display: grid;
    grid-template-columns: repeat(2, min-content);
    -moz-column-gap: 15px;
         column-gap: 15px;
    row-gap: 5px;
    justify-content: center;
    margin-bottom: 30px;
    list-style: none;
  }
  #page62 .contents-3 .lineup-list li {
    display: grid;
    grid-template-columns: 16px max-content;
    -moz-column-gap: 3px;
         column-gap: 3px;
    align-items: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.75px;
    color: #1f3661;
  }
  #page62 .contents-3 .lineup-list li::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/check_orange.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #page62 .contents-3 .lineup-list li:nth-child(1) {
    order: 1;
  }
  #page62 .contents-3 .lineup-list li:nth-child(2) {
    order: 3;
  }
  #page62 .contents-3 .lineup-list li:nth-child(3) {
    order: 5;
  }
  #page62 .contents-3 .lineup-list li:nth-child(4) {
    order: 2;
  }
  #page62 .contents-3 .lineup-list li:nth-child(5) {
    order: 4;
  }
  #page62 .contents-3 .photos {
    display: none;
  }
  #page62 .contents-3 .photos-smp {
    display: grid;
    row-gap: 10px;
    margin-bottom: 45px;
  }
  #page62 .contents-3 .photos-smp .photos-smp-row {
    overflow: hidden;
  }
  #page62 .contents-3 .photos-smp .photos-smp-row ul {
    display: flex;
    -moz-column-gap: 10px;
         column-gap: 10px;
    width: -moz-max-content;
    width: max-content;
    list-style: none;
  }
  #page62 .contents-3 .photos-smp .photos-smp-row:nth-child(1) ul {
    animation: page62-photos-smp-left 30s infinite linear 0.5s both;
  }
  #page62 .contents-3 .photos-smp .photos-smp-row:nth-child(2) ul {
    animation: page62-photos-smp-right 30s infinite linear 0.5s both;
  }
  #page62 .contents-3 .photos-smp img {
    display: block;
    width: 155px;
    height: 106.35px;
    border-radius: 5px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page62 .contents-3 .brand-box {
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto;
    padding: 34px 16.5px;
    border: solid 6px #ebebeb;
    border-radius: 40px;
    box-sizing: border-box;
  }
  #page62 .contents-3 .brand-box .brand-title {
    margin-bottom: 30px;
  }
  #page62 .contents-3 .brand-box .brand-title small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.96px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page62 .contents-3 .brand-box .brand-title small img {
    width: 100%;
  }
  #page62 .contents-3 .brand-box .brand-title h3 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 1px;
    text-align: center;
    color: #1f3661;
  }
  #page62 .contents-3 .brand-box ul {
    display: grid;
    grid-template-columns: repeat(2, min-content);
    -moz-column-gap: 15px;
         column-gap: 15px;
    row-gap: 5px;
    list-style: none;
  }
  #page62 .contents-3 .brand-box ul li {
    display: grid;
    grid-template-columns: 16px min-content;
    -moz-column-gap: 3px;
         column-gap: 3px;
    align-items: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.75px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page62 .contents-3 .brand-box ul li::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/check_orange.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(1) {
    order: 1;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(2) {
    order: 3;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(3) {
    order: 5;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(4) {
    order: 7;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(5) {
    order: 9;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(6) {
    order: 11;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(7) {
    order: 13;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(8) {
    order: 2;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(9) {
    order: 4;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(10) {
    order: 6;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(11) {
    order: 8;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(12) {
    order: 10;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(13) {
    order: 12;
  }
  #page62 .contents-3 .brand-box ul li:nth-child(14) {
    order: 14;
  }
  #page62 .contents-4 {
    padding: 55px 0 45px;
    background-color: #1f3661;
    position: relative;
  }
  #page62 .contents-4::before {
    content: "";
    display: block;
    width: 100%;
    height: 8.5px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: -0.5px;
    left: 0;
  }
  #page62 .contents-4 .works-head {
    width: 311px;
    margin: 0 auto 30px;
    position: relative;
    left: 2px;
  }
  #page62 .contents-4 .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content;
    -moz-column-gap: 5px;
         column-gap: 5px;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.91px;
    color: #fff;
    white-space: nowrap;
  }
  #page62 .contents-4 .headline small img {
    width: 100%;
  }
  #page62 .contents-4 .headline h2 {
    margin-bottom: 25px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 1px;
    text-align: left;
    color: #fff;
  }
  #page62 .contents-4 .works-head > p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #fff;
  }
  #page62 .contents-4 .works-head > p span {
    font-weight: 500;
    color: #eddb06;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  #page62 .contents-4 .works-list {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0;
    padding-left: 30px;
    list-style: none;
  }
  #page62 .contents-4 .works-list li {
    flex-shrink: 0;
    width: 215px;
  }
  #page62 .contents-4 .works-list li .works-card {
    display: block;
    color: #fff;
    text-decoration: none;
  }
  #page62 .contents-4 .works-list li .image {
    border-radius: 8px;
    background-color: #e5e2db;
    overflow: hidden;
  }
  #page62 .contents-4 .works-list li img {
    display: block;
    width: 215px;
    height: 143.4px;
    border-radius: 8px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #page62 .contents-4 .works-list li h3 {
    margin-top: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.61;
    letter-spacing: 0.42px;
    color: #fff;
  }
  #page62 .contents-4 .works-list li .tags {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 15px;
  }
  #page62 .contents-4 .works-list li .tags span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 17.5px;
    letter-spacing: 0.36px;
    color: #fff;
  }
  #page62 .contents-4 .works-swiper {
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
  }
  #page62 .contents-4 .works-scrollbar {
    width: 300px !important;
    height: 7.5px !important;
    margin: 30px auto 0;
    border-radius: 5px;
    background-color: #c9c9c9;
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
  }
  #page62 .contents-4 .works-scrollbar .swiper-scrollbar-drag {
    height: 100%;
    border-radius: 5px;
    background-color: #364d78;
  }
}
@media screen and (max-width: 1024px) and (min-width: 745px) {
  #page62 .contents-4 .works-swiper {
    width: 685px;
    max-width: calc(100% - 60px);
    margin-right: auto;
    margin-left: auto;
  }
  #page62 .contents-4 .works-list {
    justify-content: flex-start;
    padding-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  #page62 .contents-4 .works-list.is-single {
    justify-content: center;
    width: 100%;
    padding-left: 0;
  }
  #page62 .contents-4 .works-list.is-single li {
    margin-right: 0 !important;
  }
  #page62 .contents-4 .works-swiper.is-single .works-scrollbar {
    display: none;
  }
  #page62 .contents-4 .works-link {
    display: grid;
    grid-template-columns: min-content 16.2px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    justify-content: center;
    width: 320px;
    margin: 0 auto;
    padding: 16.5px 31.3px 18px 31.5px;
    border: solid 1.5px #fff;
    border-radius: 27.5px;
    box-sizing: border-box;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.45px;
    color: #fff;
    white-space: nowrap;
  }
  #page62 .contents-4 .works-link::after {
    content: "";
    display: block;
    width: 16.2px;
    height: 10px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #page62 .contents-5 {
    padding: 45px 0 63.5px;
  }
  #page62 .contents-6 {
    width: 350px;
    margin: 0 auto 45px;
    position: relative;
    left: -5px;
  }
  #page62 .contents-6 .inner {
    width: 100%;
    position: relative;
  }
  #page62 .contents-6 .texts {
    text-align: center;
    position: relative;
    z-index: 1;
  }
  #page62 .contents-6 .texts::after {
    content: "";
    display: block;
    width: 125px;
    height: 125px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_circle.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0.9;
    position: absolute;
    top: -33.5px;
    right: -28px;
    z-index: 0;
    transform-origin: center;
    animation: page62-contact-circle-rotate 20s linear infinite;
    will-change: transform;
  }
  #page62 .contents-6 .texts h2 {
    display: inline-block;
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 1.44px;
    color: #f49517;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  #page62 .contents-6 .texts h2::before {
    content: "";
    display: block;
    width: 25.05px;
    height: 26.2px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_burst.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -13.1px;
    left: -28.05px;
  }
  #page62 .contents-6 .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.61;
    letter-spacing: 0.42px;
    text-align: center;
    color: #1f3661;
    position: relative;
    z-index: 1;
  }
}
/*63.ロールスクリーン・ブラインド*/
@keyframes page63-contact-circle-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*PC*/
@media screen and (min-width: 1025px) {
  @keyframes page63-photos-slide {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-1710px);
    }
  }
  #page63 .photos-smp {
    display: none;
  }
  #page63 .kv-3 .texts {
    left: -255px;
  }
  #page63 .kv-3 .texts .category-icon {
    width: 220px;
    height: 220px;
    padding: 44.6px 20px 52.4px;
  }
  #page63 .kv-3 .texts .category-icon img {
    width: 100px;
    height: 60px;
    margin: 0 auto 1px;
  }
  #page63 .kv-3 .texts .category-icon h1 {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0.66px;
  }
  #page63 .contents-1 {
    margin-top: 150px;
    margin-bottom: 90px;
  }
  #page63 .contents-1 .intro-lead {
    display: grid;
    grid-template-columns: 517px 400px;
    -moz-column-gap: 85px;
         column-gap: 85px;
    justify-content: center;
    align-items: start;
    position: relative;
    right: 9px;
  }
  #page63 .contents-1 .intro-lead .texts h2 {
    margin-bottom: 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.69;
    letter-spacing: 1.3px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page63 .contents-1 .intro-lead .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    color: #1f3661;
  }
  #page63 .contents-1 .intro-lead .image {
    width: 400px;
    height: 400px;
    border-radius: 10px;
    box-shadow: 8px 8px 0 #4c639e;
    overflow: hidden;
  }
  #page63 .contents-1 .intro-lead .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page63 .contents-1 .look-box {
    display: grid;
    grid-template-columns: 550px 437px;
    -moz-column-gap: 90px;
         column-gap: 90px;
    align-items: start;
    width: 1077px;
    margin: 90px auto 0;
    padding: 90px 0;
    position: relative;
    right: 101.5px;
  }
  #page63 .contents-1 .look-box::before {
    content: "";
    display: block;
    width: 1000%;
    height: 100%;
    border-radius: 0 40px 40px 0;
    box-sizing: border-box;
    background-color: #364d78;
    position: absolute;
    top: 0;
    right: -111px;
    z-index: -1;
  }
  #page63 .contents-1 .look-box .photo {
    width: 550px;
    height: 282.96px;
    border-radius: 20px;
    overflow: hidden;
  }
  #page63 .contents-1 .look-box .photo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page63 .contents-1 .look-box .texts h2 {
    margin-bottom: 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.69;
    letter-spacing: 1.3px;
    color: #fff;
    white-space: nowrap;
  }
  #page63 .contents-1 .look-box .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    color: #fff;
  }
  #page63 .contents-2 {
    padding: 112px 0 148.4px;
    background-image: linear-gradient(to bottom, #f2f2f2, #e2e6eb);
    position: relative;
  }
  #page63 .contents-2::before {
    content: "";
    display: block;
    width: 100%;
    height: 17px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: -1px;
    left: 0;
  }
  #page63 .contents-2 .headline {
    margin-bottom: 66px;
  }
  #page63 .contents-2 .headline small {
    display: grid;
    grid-template-columns: 15px min-content 15px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    color: #4c639e;
    white-space: nowrap;
  }
  #page63 .contents-2 .headline small img {
    width: 100%;
  }
  #page63 .contents-2 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2.88px;
    text-align: center;
    color: #4c639e;
  }
  #page63 .contents-2 .choose-items {
    width: 1086.5px;
    margin: 0 auto;
    list-style: none;
  }
  #page63 .contents-2 .choose-items li {
    display: grid;
    grid-template-columns: 295px 742px;
    -moz-column-gap: 50px;
         column-gap: 50px;
    padding-bottom: 29.5px;
    border-bottom: dashed 1px #4c639e;
  }
  #page63 .contents-2 .choose-items li:not(:first-child) {
    padding-top: 29.5px;
  }
  #page63 .contents-2 .choose-items li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  #page63 .contents-2 .choose-items li .lead {
    margin-top: 26px;
  }
  #page63 .contents-2 .choose-items li .lead span {
    display: block;
    margin-bottom: 20px;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.54px;
    color: #364d78;
  }
  #page63 .contents-2 .choose-items li .lead span strong {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 1.2px;
    position: relative;
    top: 2px;
  }
  #page63 .contents-2 .choose-items li .lead p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.82;
    letter-spacing: 1.1px;
    color: #364d78;
  }
  #page63 .contents-2 .choose-items li .compare {
    display: grid;
    grid-template-columns: repeat(2, 366px);
    -moz-column-gap: 10px;
         column-gap: 10px;
    row-gap: 10px;
  }
  #page63 .contents-2 .choose-items li .compare > div {
    min-height: 419.3px;
    padding: 36px 46px;
    background-color: #fff;
    border: solid 4px #364d78;
    border-radius: 30px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
  }
  #page63 .contents-2 .choose-items li .compare h3 {
    margin-bottom: 24.5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 1px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
    position: relative;
    z-index: 1;
  }
  #page63 .contents-2 .choose-items li .compare h3 span {
    display: inline-block;
    border-bottom: solid 1px #f49517;
    font-size: 24px;
    letter-spacing: 1.2px;
    line-height: 28px;
    padding-bottom: 4px;
    color: #f49517;
  }
  #page63 .contents-2 .choose-items li .compare img {
    display: block;
    width: 265px;
    height: 181.8px;
    margin: 0 auto;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    z-index: 1;
  }
  #page63 .contents-2 .choose-items li .compare h4 {
    display: grid;
    grid-template-columns: 8px min-content;
    -moz-column-gap: 7px;
         column-gap: 7px;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    margin: -27px 0 21.3px calc((100% - 265px) / 2);
    padding: 7px 15px 0 5px;
    border-radius: 0 5px 0 0;
    background-color: #fff;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.42px;
    color: #364d78;
    white-space: nowrap;
    position: relative;
    z-index: 2;
  }
  #page63 .contents-2 .choose-items li .compare h4::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f49517;
  }
  #page63 .contents-2 .choose-items li .compare p {
    width: 265px;
    margin: 0 auto;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    color: #1f3661;
    position: relative;
    z-index: 1;
  }
  #page63 .contents-2 .choose-items li .compare p strong {
    font-weight: bold;
  }
  #page63 .contents-2 .choose-items li .compare b {
    display: none;
  }
  #page63 .contents-2 .choose-items li:nth-child(2) .compare > div {
    min-height: 414.3px;
    background-color: #364d78;
  }
  #page63 .contents-2 .choose-items li:nth-child(2) .compare h3 {
    font-size: 16px;
    color: #fff;
  }
  #page63 .contents-2 .choose-items li:nth-child(2) .compare h3 span {
    border-bottom: none;
    font-size: 20px;
    letter-spacing: 1px;
    color: #fff;
  }
  #page63 .contents-2 .choose-items li:nth-child(2) .compare p {
    color: #fff;
  }
  #page63 .contents-2 .choose-items li:nth-child(2) .compare h4 {
    background-color: #364d78;
    color: #fff;
  }
  #page63 .contents-2 .choose-items li:nth-child(2) .compare h4::before {
    background-color: #f49517;
  }
  #page63 .contents-2 .support {
    width: 1172px;
    margin: 39.5px auto 0;
    padding-top: 97px;
    position: relative;
  }
  #page63 .contents-2 .support::before {
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(#4c639e, #4c639e), linear-gradient(#4c639e, #4c639e);
    background-repeat: no-repeat;
    background-size: 543px 2px, 549.5px 2px;
    background-position: 0 0, 622px 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  #page63 .contents-2 .support::after {
    content: "";
    display: block;
    width: 79.7px;
    height: 2px;
    background-color: #4c639e;
    position: absolute;
    top: 38px;
    left: 552px;
    transform: rotate(-28.5deg);
    transform-origin: left center;
  }
  #page63 .contents-2 .support > p {
    margin-bottom: 12px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 1.44px;
    text-align: center;
    color: #1f3661;
  }
  #page63 .contents-2 .support h2 {
    display: block;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 50px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2.88px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
    position: relative;
  }
  #page63 .contents-2 .support h2 img {
    display: block;
    width: 55.3px;
    height: 65.3px;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    bottom: 0;
  }
  #page63 .contents-2 .support h2 img:nth-of-type(1) {
    left: -95.3px;
  }
  #page63 .contents-2 .support h2 img:nth-of-type(2) {
    right: -95.3px;
  }
  #page63 .contents-2 .support ul {
    display: grid;
    grid-template-columns: repeat(3, 360px);
    -moz-column-gap: 40px;
         column-gap: 40px;
    list-style: none;
  }
  #page63 .contents-2 .support ul li img {
    display: block;
    width: 360px;
    height: 240px;
    border-radius: 20px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page63 .contents-2 .support ul li h3 {
    margin-top: -27px;
    position: relative;
  }
  #page63 .contents-2 .support ul li h3 span {
    display: inline-block;
    padding: 6px 15px 8px;
    border-radius: 5px;
    background-color: #364d78;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.72px;
    color: #fff;
  }
  #page63 .contents-2 .support ul li h3 span:nth-last-of-type(1) {
    margin-top: 1px;
  }
  #page63 .contents-2 .support ul li p {
    margin-top: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    color: #1f3661;
  }
  #page63 .contents-3 {
    padding: 88.3px 0 90px;
    clip-path: inset(-58.7px 0 0 0);
    position: relative;
    z-index: 1;
  }
  #page63 .contents-3::before {
    content: "";
    display: block;
    width: 100%;
    height: 58.7px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_7_pc.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -58px;
    left: 0;
  }
  #page63 .contents-3 .headline {
    margin-bottom: 50px;
  }
  #page63 .contents-3 .headline small {
    display: grid;
    grid-template-columns: 15px min-content 15px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    color: #4c639e;
    white-space: nowrap;
  }
  #page63 .contents-3 .headline small img {
    width: 100%;
  }
  #page63 .contents-3 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2.88px;
    text-align: center;
    color: #4c639e;
  }
  #page63 .contents-3 .lineup-list {
    display: grid;
    grid-template-columns: 217px 320px;
    -moz-column-gap: 70px;
         column-gap: 70px;
    row-gap: 10px;
    width: 607px;
    margin: 0 auto 40px;
    list-style: none;
  }
  #page63 .contents-3 .lineup-list li {
    display: grid;
    grid-template-columns: 22px min-content;
    -moz-column-gap: 6px;
         column-gap: 6px;
    align-items: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 1px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page63 .contents-3 .lineup-list li::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/check_orange.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #page63 .contents-3 .lineup-list li:nth-child(1) {
    order: 1;
  }
  #page63 .contents-3 .lineup-list li:nth-child(2) {
    order: 3;
  }
  #page63 .contents-3 .lineup-list li:nth-child(3) {
    order: 5;
  }
  #page63 .contents-3 .lineup-list li:nth-child(4) {
    order: 2;
  }
  #page63 .contents-3 .lineup-list li:nth-child(5) {
    order: 4;
  }
  #page63 .contents-3 .lineup-list li:nth-child(6) {
    order: 6;
  }
  #page63 .contents-3 .photos {
    display: flex;
    align-items: flex-start;
    -moz-column-gap: 35px;
         column-gap: 35px;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 90px;
    list-style: none;
    animation: page63-photos-slide 35s infinite linear 0.5s both;
  }
  #page63 .contents-3 .photos li:nth-child(even) {
    margin-top: 35px;
  }
  #page63 .contents-3 .photos img {
    display: block;
    width: 250px;
    height: 171.5px;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page63 .contents-3 .brand-box {
    display: grid;
    grid-template-columns: 165.5px min-content;
    -moz-column-gap: 57.5px;
         column-gap: 57.5px;
    width: 1004px;
    min-height: 266px;
    margin: 0 auto;
    padding: 53px 73px;
    border: solid 7px #ebebeb;
    border-radius: 50px;
    box-sizing: border-box;
  }
  #page63 .contents-3 .brand-box .brand-title {
    border-right: dotted 1px #92a0c6;
  }
  #page63 .contents-3 .brand-box .brand-title small {
    display: grid;
    grid-template-columns: 15px min-content;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page63 .contents-3 .brand-box .brand-title small img {
    width: 100%;
  }
  #page63 .contents-3 .brand-box .brand-title small img:nth-of-type(2) {
    display: none;
  }
  #page63 .contents-3 .brand-box .brand-title h3 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 1.4px;
    color: #1f3661;
  }
  #page63 .contents-3 .brand-box ul {
    display: grid;
    grid-template-columns: 216px 117px min-content;
    -moz-column-gap: 50px;
         column-gap: 50px;
    row-gap: 10px;
    list-style: none;
  }
  #page63 .contents-3 .brand-box ul li {
    display: grid;
    grid-template-columns: 22px min-content;
    -moz-column-gap: 6px;
         column-gap: 6px;
    align-items: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 1px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page63 .contents-3 .brand-box ul li::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/check_orange.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(1) {
    order: 1;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(2) {
    order: 8;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(3) {
    order: 4;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(4) {
    order: 11;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(5) {
    order: 7;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(6) {
    order: 3;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(7) {
    order: 10;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(8) {
    order: 6;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(9) {
    order: 2;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(10) {
    order: 9;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(11) {
    order: 5;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(12) {
    order: 12;
  }
  #page63 .contents-4 {
    padding: 120px 0 90px;
    background-color: #1f3661;
    position: relative;
  }
  #page63 .contents-4::before {
    content: "";
    display: block;
    width: 100%;
    height: 17px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: -1px;
    left: 0;
  }
  #page63 .contents-4 .works-head {
    display: grid;
    grid-template-columns: 464px 505px;
    -moz-column-gap: 123px;
         column-gap: 123px;
    width: 1130px;
    margin: 0 auto 50px;
  }
  #page63 .contents-4 .works-head .headline small {
    display: grid;
    grid-template-columns: 15px min-content;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    color: #fff;
    white-space: nowrap;
  }
  #page63 .contents-4 .works-head .headline small img {
    width: 100%;
  }
  #page63 .contents-4 .works-head .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2.88px;
    color: #fff;
    white-space: nowrap;
  }
  #page63 .contents-4 .works-head > p {
    padding-top: 35.5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.78;
    letter-spacing: 0.54px;
    color: #fff;
  }
  #page63 .contents-4 .works-head > p span {
    font-weight: bold;
    color: #eddb06;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  #page63 .contents-4 .works-list {
    display: grid;
    grid-template-columns: repeat(3, 350px);
    -moz-column-gap: 40px;
         column-gap: 40px;
    justify-content: center;
    margin-bottom: 50px;
    list-style: none;
  }
  #page63 .contents-4 .works-list li .works-card {
    display: block;
    color: #fff;
    text-decoration: none;
  }
  #page63 .contents-4 .works-list li .image {
    border-radius: 30px;
    background-color: #e5e2db;
    overflow: hidden;
  }
  #page63 .contents-4 .works-list li img {
    display: block;
    width: 350px;
    height: 233.4px;
    border-radius: 30px;
    -o-object-fit: contain;
       object-fit: contain;
    transition: transform 0.3s;
  }
  #page63 .contents-4 .works-list li h3 {
    margin-top: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.9px;
    color: #fff;
  }
  #page63 .contents-4 .works-list li h3 span {
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: text-decoration-color 0.3s;
  }
  #page63 .contents-4 .works-list li .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    margin-top: 15px;
  }
  #page63 .contents-4 .works-list li .tags span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 21px;
    letter-spacing: 0.75px;
    color: #fff;
  }
  #page63 .contents-4 .works-list li .works-card:hover img {
    transform: scale(1.2);
  }
  #page63 .contents-4 .works-list li .works-card:hover h3 span {
    text-decoration-color: currentColor;
  }
  #page63 .contents-4 .works-scrollbar {
    display: none;
  }
  #page63 .contents-4 .works-link {
    display: grid;
    grid-template-columns: min-content 16.2px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    justify-content: center;
    width: 502.2px;
    height: 60px;
    margin: 0 auto;
    padding: 17px 24px 19px 40px;
    border: solid 1px #fff;
    border-radius: 30px;
    box-sizing: border-box;
    background-color: transparent;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.48px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    transition: background-color 0.4s, border-color 0.4s, color 0.4s;
  }
  #page63 .contents-4 .works-link::after {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    transition: background-color 0.4s;
  }
  #page63 .contents-4 .works-link:hover {
    background-color: #fff;
    border-color: #fff;
    color: #1f3661;
  }
  #page63 .contents-4 .works-link:hover::after {
    background-color: #1f3661;
  }
  #page63 .contents-5 {
    padding: 90px 0 79px;
  }
  #page63 .contents-6 {
    margin-bottom: 98px;
  }
  #page63 .contents-6 .inner {
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto;
    position: relative;
  }
  #page63 .contents-6 .texts {
    text-align: center;
    position: relative;
    z-index: 1;
  }
  #page63 .contents-6 .texts h2 {
    display: inline-block;
    margin-bottom: 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2.88px;
    color: #f49517;
    white-space: nowrap;
    position: relative;
  }
  #page63 .contents-6 .texts h2::before {
    content: "";
    display: block;
    width: 50.1px;
    height: 52.4px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_burst.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -26.2px;
    left: -56px;
  }
  #page63 .contents-6 .texts h2::after {
    content: "";
    display: block;
    width: 250px;
    height: 250px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_circle.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -48px;
    right: -168px;
    z-index: -1;
    transform-origin: center;
    animation: page63-contact-circle-rotate 20s linear infinite;
    will-change: transform;
  }
  #page63 .contents-6 .texts p {
    display: inline-block;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
  }
}
/*SP*/
@media screen and (max-width: 1024px) {
  @keyframes page63-photos-slide {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-990px);
    }
  }
  @keyframes page63-photos-smp-left {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-495px);
    }
  }
  @keyframes page63-photos-smp-right {
    from {
      transform: translateX(-660px);
    }
    to {
      transform: translateX(0);
    }
  }
  #page63 .kv-3 .texts {
    left: -24.7px;
  }
  #page63 .kv-3 .texts .category-icon {
    width: 145px;
    height: 145px;
    padding: 33px 1.5px 32px;
  }
  #page63 .kv-3 .texts .category-icon img {
    width: 60px;
    height: 36px;
    margin: 0 auto 0.5px;
  }
  #page63 .kv-3 .texts .category-icon h1 {
    font-size: 17px;
    line-height: 19px;
    letter-spacing: 0.85px;
  }
  #page63 .contents-1 {
    margin-bottom: 45px;
  }
  #page63 .contents-1 .intro-lead {
    width: 305px;
    margin: 225px auto 45px;
  }
  #page63 .contents-1 .intro-lead .texts h2 {
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.9px;
    color: #1f3661;
  }
  #page63 .contents-1 .intro-lead .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #1f3661;
  }
  #page63 .contents-1 .intro-lead .image {
    width: 299.75px;
    height: 299.8px;
    margin-top: 30px;
    border-radius: 10px;
    box-shadow: 5.25px 5.25px 0 #4c639e;
    overflow: hidden;
  }
  #page63 .contents-1 .intro-lead .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page63 .contents-1 .look-box {
    display: grid;
    grid-template-columns: 100%;
    row-gap: 30px;
    margin-top: 51.45px;
    padding: 45px 0;
    box-sizing: border-box;
    background-color: #364d78;
    border-radius: 0 20px 20px 0;
  }
  #page63 .contents-1 .look-box .photo {
    order: 2;
    width: 345px;
    height: 177.5px;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
  }
  #page63 .contents-1 .look-box .photo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page63 .contents-1 .look-box .texts {
    order: 1;
    width: 275.5px;
    margin: 0 auto;
  }
  #page63 .contents-1 .look-box .texts h2 {
    margin-bottom: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.44;
    letter-spacing: 0.9px;
    color: #fff;
  }
  #page63 .contents-1 .look-box .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #fff;
  }
  #page63 .contents-2 {
    padding: 52.35px 0 74.35px;
    background-image: linear-gradient(to bottom, #f2f2f2, #e2e6eb);
    position: relative;
  }
  #page63 .contents-2::before {
    content: "";
    display: block;
    width: 100%;
    height: 8.5px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: -0.5px;
    left: 0;
  }
  #page63 .contents-2 .headline {
    margin-bottom: 30px;
  }
  #page63 .contents-2 .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.91px;
    color: #4c639e;
    white-space: nowrap;
  }
  #page63 .contents-2 .headline small img {
    width: 100%;
  }
  #page63 .contents-2 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 1px;
    text-align: center;
    color: #4c639e;
  }
  #page63 .contents-2 .choose-items {
    width: 355px;
    margin: 0 auto;
    list-style: none;
  }
  #page63 .contents-2 .choose-items li {
    padding-bottom: 14.75px;
    border-bottom: dashed 1px #4c639e;
  }
  #page63 .contents-2 .choose-items li:not(:first-child) {
    padding-top: 14.75px;
  }
  #page63 .contents-2 .choose-items li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  #page63 .contents-2 .choose-items li .lead {
    margin-bottom: 24px;
  }
  #page63 .contents-2 .choose-items li .lead span {
    display: block;
    margin-bottom: 15px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.42px;
    color: #364d78;
    position: relative;
    left: -2px;
  }
  #page63 .contents-2 .choose-items li .lead span strong {
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 0.84px;
    position: relative;
    top: 1px;
  }
  #page63 .contents-2 .choose-items li .lead p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0.8px;
    color: #364d78;
    white-space: nowrap;
    position: relative;
    left: -1.25px;
  }
  #page63 .contents-2 .choose-items li .compare {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 15px;
    overflow: visible;
  }
  #page63 .contents-2 .choose-items li .compare > div {
    padding: 21.5px 51px;
    background-color: #fff;
    border: solid 3.5px #364d78;
    border-radius: 15px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
  }
  #page63 .contents-2 .choose-items li .compare h3 {
    margin-bottom: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.65px;
    text-align: center;
    color: #1f3661;
    position: relative;
    z-index: 1;
  }
  #page63 .contents-2 .choose-items li .compare h3 span {
    display: inline-block;
    border-bottom: solid 1px #f49517;
    font-size: 18px;
    letter-spacing: 0.9px;
    line-height: 26px;
    color: #f49517;
  }
  #page63 .contents-2 .choose-items li .compare img {
    display: block;
    width: 200px;
    height: 137.2px;
    margin: 0 auto;
    border-radius: 5px;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    z-index: 1;
  }
  #page63 .contents-2 .choose-items li .compare h4 {
    display: grid;
    grid-template-columns: 6.5px min-content;
    -moz-column-gap: 3.5px;
         column-gap: 3.5px;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    margin: -25px 0 15px calc((100% - 200px) / 2);
    padding: 6px 10px 2.5px 5px;
    border-radius: 0 2.5px 0 0;
    background-color: #fff;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 17.5px;
    letter-spacing: 0.36px;
    color: #364d78;
    white-space: nowrap;
    position: relative;
    z-index: 2;
  }
  #page63 .contents-2 .choose-items li .compare h4::before {
    content: "";
    display: block;
    width: 6.5px;
    height: 6.5px;
    border-radius: 50%;
    background-color: #f49517;
  }
  #page63 .contents-2 .choose-items li .compare p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
    letter-spacing: 0.42px;
    color: #1f3661;
    position: relative;
    z-index: 1;
  }
  #page63 .contents-2 .choose-items li .compare p strong {
    font-weight: bold;
  }
  #page63 .contents-2 .choose-items li .compare b {
    display: none;
  }
  #page63 .contents-2 .choose-items li:nth-child(2) .compare > div {
    background-color: #364d78;
  }
  #page63 .contents-2 .choose-items li:nth-child(2) .compare h3 {
    color: #fff;
  }
  #page63 .contents-2 .choose-items li:nth-child(2) .compare h3 span {
    border-bottom: none;
    color: #fff;
  }
  #page63 .contents-2 .choose-items li:nth-child(2) .compare p {
    color: #fff;
  }
  #page63 .contents-2 .choose-items li:nth-child(2) .compare h4 {
    background-color: #364d78;
    color: #fff;
  }
  #page63 .contents-2 .choose-items li:nth-child(2) .compare h4::before {
    background-color: #f49517;
  }
  #page63 .contents-2 .support {
    width: 100%;
    margin: 14.75px auto 0;
    padding-top: 49px;
    position: relative;
  }
  #page63 .contents-2 .support::before {
    content: "";
    display: block;
    width: 355px;
    height: 19px;
    background-image: linear-gradient(#4c639e, #4c639e), linear-gradient(#4c639e, #4c639e);
    background-repeat: no-repeat;
    background-size: 156.5px 1px, 158px 1px;
    background-position: 0 0, 196.5px 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page63 .contents-2 .support::after {
    content: "";
    display: block;
    width: 43.9px;
    height: 1px;
    background-color: #4c639e;
    position: absolute;
    top: 18px;
    left: calc(50% - 21px);
    transform: rotate(-24.2deg);
    transform-origin: left center;
  }
  #page63 .contents-2 .support > p {
    margin-bottom: 5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 17.5px;
    letter-spacing: 0.96px;
    text-align: center;
    color: #1f3661;
  }
  #page63 .contents-2 .support h2 {
    display: block;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 25px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.28;
    letter-spacing: 1.44px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
    position: relative;
  }
  #page63 .contents-2 .support h2 img {
    display: block;
    width: 27.65px;
    height: 32.65px;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    bottom: 8px;
  }
  #page63 .contents-2 .support h2 img:nth-of-type(1) {
    left: -47.65px;
  }
  #page63 .contents-2 .support h2 img:nth-of-type(2) {
    right: -47.65px;
  }
  #page63 .contents-2 .support ul {
    display: grid;
    grid-template-columns: 240px;
    row-gap: 25px;
    justify-content: center;
    list-style: none;
  }
  #page63 .contents-2 .support ul li img {
    display: block;
    width: 100%;
    height: 160.1px;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page63 .contents-2 .support ul li h3 {
    margin-top: -23px;
    position: relative;
  }
  #page63 .contents-2 .support ul li h3 span {
    display: inline-block;
    padding: 3px 7.5px 4px;
    border-radius: 2.5px;
    background-color: #364d78;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.48px;
    color: #fff;
  }
  #page63 .contents-2 .support ul li h3 span:nth-last-of-type(1) {
    margin-top: 0.5px;
  }
  #page63 .contents-2 .support ul li p {
    margin-top: 10px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.61;
    letter-spacing: 0.42px;
    color: #1f3661;
  }
  #page63 .contents-3 {
    padding: 45px 0;
    clip-path: inset(-29.35px 0 0 0);
    position: relative;
    z-index: 1;
  }
  #page63 .contents-3::before {
    content: "";
    display: block;
    width: 100%;
    height: 29.35px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_7_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -29px;
    left: 0;
  }
  #page63 .contents-3 .headline {
    margin: 0 auto 30px;
  }
  #page63 .contents-3 .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.96px;
    color: #4c639e;
    white-space: nowrap;
  }
  #page63 .contents-3 .headline small img {
    width: 100%;
  }
  #page63 .contents-3 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: center;
    color: #4c639e;
  }
  #page63 .contents-3 .lineup-list {
    display: grid;
    grid-template-columns: 154px 154px;
    grid-template-rows: repeat(4, 22px);
    -moz-column-gap: 37px;
         column-gap: 37px;
    row-gap: 5px;
    width: 345px;
    margin: 0 auto 30px;
    list-style: none;
  }
  #page63 .contents-3 .lineup-list li {
    display: grid;
    grid-template-columns: 16px max-content;
    -moz-column-gap: 3px;
         column-gap: 3px;
    align-items: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.75px;
    color: #1f3661;
  }
  #page63 .contents-3 .lineup-list li::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/check_orange.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #page63 .contents-3 .lineup-list li:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  #page63 .contents-3 .lineup-list li:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  #page63 .contents-3 .lineup-list li:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
  }
  #page63 .contents-3 .lineup-list li:nth-child(4) {
    grid-column: 2;
    grid-row: 1;
  }
  #page63 .contents-3 .lineup-list li:nth-child(5) {
    grid-column: 2;
    grid-row: 2/span 2;
    align-items: start;
  }
  #page63 .contents-3 .lineup-list li:nth-child(5)::before {
    position: relative;
    top: 3px;
  }
  #page63 .contents-3 .lineup-list li:nth-child(6) {
    grid-column: 2;
    grid-row: 4;
  }
  #page63 .contents-3 .photos {
    display: none;
  }
  #page63 .contents-3 .photos-smp {
    display: grid;
    row-gap: 10px;
    margin-bottom: 45px;
  }
  #page63 .contents-3 .photos-smp .photos-smp-row {
    overflow: hidden;
  }
  #page63 .contents-3 .photos-smp .photos-smp-row ul {
    display: flex;
    -moz-column-gap: 10px;
         column-gap: 10px;
    width: -moz-max-content;
    width: max-content;
    list-style: none;
  }
  #page63 .contents-3 .photos-smp .photos-smp-row:nth-child(1) ul {
    animation: page63-photos-smp-left 30s infinite linear 0.5s both;
  }
  #page63 .contents-3 .photos-smp .photos-smp-row:nth-child(2) ul {
    animation: page63-photos-smp-right 30s infinite linear 0.5s both;
  }
  #page63 .contents-3 .photos-smp img {
    display: block;
    width: 155px;
    height: 106.35px;
    border-radius: 5px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page63 .contents-3 .brand-box {
    width: 365px;
    min-height: 319px;
    margin: 0 auto;
    padding: 34px 22.5px;
    border: solid 6px #ebebeb;
    border-radius: 40px;
    box-sizing: border-box;
  }
  #page63 .contents-3 .brand-box .brand-title {
    margin-bottom: 30px;
  }
  #page63 .contents-3 .brand-box .brand-title small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.96px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page63 .contents-3 .brand-box .brand-title small img {
    width: 100%;
  }
  #page63 .contents-3 .brand-box .brand-title h3 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 1px;
    text-align: center;
    color: #1f3661;
  }
  #page63 .contents-3 .brand-box ul {
    display: grid;
    grid-template-columns: 137px min-content;
    -moz-column-gap: 38px;
         column-gap: 38px;
    row-gap: 5px;
    list-style: none;
  }
  #page63 .contents-3 .brand-box ul li {
    display: grid;
    grid-template-columns: 16px min-content;
    -moz-column-gap: 3px;
         column-gap: 3px;
    align-items: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.75px;
    color: #1f3661;
    white-space: nowrap;
  }
  #page63 .contents-3 .brand-box ul li::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/check_orange.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(1) {
    order: 1;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(2) {
    order: 2;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(3) {
    order: 3;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(4) {
    order: 4;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(5) {
    order: 5;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(6) {
    order: 6;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(7) {
    order: 7;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(8) {
    order: 8;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(9) {
    order: 9;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(10) {
    order: 10;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(11) {
    order: 11;
  }
  #page63 .contents-3 .brand-box ul li:nth-child(12) {
    order: 12;
  }
  #page63 .contents-4 {
    padding: 55px 0 45px;
    background-color: #1f3661;
    position: relative;
  }
  #page63 .contents-4::before {
    content: "";
    display: block;
    width: 100%;
    height: 8.5px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: -0.5px;
    left: 0;
  }
  #page63 .contents-4 .works-head {
    width: 311px;
    margin: 0 auto 30px;
    position: relative;
    left: 2px;
  }
  #page63 .contents-4 .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content;
    -moz-column-gap: 5px;
         column-gap: 5px;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.91px;
    color: #fff;
    white-space: nowrap;
  }
  #page63 .contents-4 .headline small img {
    width: 100%;
  }
  #page63 .contents-4 .headline h2 {
    margin-bottom: 25px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 1px;
    text-align: left;
    color: #fff;
  }
  #page63 .contents-4 .works-head > p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #fff;
  }
  #page63 .contents-4 .works-head > p span {
    font-weight: 500;
    color: #eddb06;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  #page63 .contents-4 .works-list {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0;
    padding-left: 30px;
    list-style: none;
  }
  #page63 .contents-4 .works-list li {
    flex-shrink: 0;
    width: 215px;
  }
  #page63 .contents-4 .works-list li .works-card {
    display: block;
    color: #fff;
    text-decoration: none;
  }
  #page63 .contents-4 .works-list li .image {
    border-radius: 8px;
    background-color: #e5e2db;
    overflow: hidden;
  }
  #page63 .contents-4 .works-list li img {
    display: block;
    width: 215px;
    height: 143.4px;
    border-radius: 8px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #page63 .contents-4 .works-list li h3 {
    margin-top: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.61;
    letter-spacing: 0.42px;
    color: #fff;
  }
  #page63 .contents-4 .works-list li .tags {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 15px;
  }
  #page63 .contents-4 .works-list li .tags span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 17.5px;
    letter-spacing: 0.36px;
    color: #fff;
  }
  #page63 .contents-4 .works-swiper {
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
  }
  #page63 .contents-4 .works-scrollbar {
    width: 300px !important;
    height: 7.5px !important;
    margin: 30px auto 0;
    border-radius: 5px;
    background-color: #c9c9c9;
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
  }
  #page63 .contents-4 .works-scrollbar .swiper-scrollbar-drag {
    height: 100%;
    border-radius: 5px;
    background-color: #364d78;
  }
}
@media screen and (max-width: 1024px) and (min-width: 745px) {
  #page63 .contents-4 .works-swiper {
    width: 685px;
    max-width: calc(100% - 60px);
    margin-right: auto;
    margin-left: auto;
  }
  #page63 .contents-4 .works-list {
    justify-content: flex-start;
    padding-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  #page63 .contents-4 .works-list.is-single {
    justify-content: center;
    width: 100%;
    padding-left: 0;
  }
  #page63 .contents-4 .works-list.is-single li {
    margin-right: 0 !important;
  }
  #page63 .contents-4 .works-swiper.is-single .works-scrollbar {
    display: none;
  }
  #page63 .contents-4 .works-link {
    display: grid;
    grid-template-columns: min-content 16.2px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    justify-content: center;
    width: 320px;
    margin: 0 auto;
    padding: 15.5px 31.3px 14.5px 31.5px;
    border: solid 1.5px #fff;
    border-radius: 35px;
    box-sizing: border-box;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.45px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
  }
  #page63 .contents-4 .works-link::after {
    content: "";
    display: block;
    width: 16.2px;
    height: 10px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #page63 .contents-5 {
    padding: 45px 0 63.5px;
  }
  #page63 .contents-6 {
    width: 350px;
    margin: 0 auto 45px;
    position: relative;
    left: -5px;
  }
  #page63 .contents-6 .inner {
    width: 100%;
    position: relative;
  }
  #page63 .contents-6 .texts {
    text-align: center;
    position: relative;
    z-index: 1;
  }
  #page63 .contents-6 .texts::after {
    content: "";
    display: block;
    width: 125px;
    height: 125px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_circle.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0.9;
    position: absolute;
    top: -33.5px;
    right: -28px;
    z-index: 0;
    transform-origin: center;
    animation: page63-contact-circle-rotate 20s linear infinite;
    will-change: transform;
  }
  #page63 .contents-6 .texts h2 {
    display: inline-block;
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 1.44px;
    color: #f49517;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  #page63 .contents-6 .texts h2::before {
    content: "";
    display: block;
    width: 25.05px;
    height: 26.2px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_burst.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -13.1px;
    left: -28.05px;
  }
  #page63 .contents-6 .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.61;
    letter-spacing: 0.42px;
    text-align: center;
    color: #1f3661;
    position: relative;
    z-index: 1;
  }
}
/*64.カーテン修理・カーテンリフォーム*/
@keyframes page64-contact-circle-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*PC*/
@media screen and (min-width: 1025px) {
  #page64 .kv-3 .texts {
    left: -255px;
  }
  #page64 .kv-3 .texts .category-icon {
    width: 220px;
    height: 220px;
    padding: 46px 41px;
  }
  #page64 .kv-3 .texts .category-icon img {
    width: 60px;
    height: 60px;
    margin: 0 auto 6px;
  }
  #page64 .kv-3 .texts .category-icon h1 {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 1.1px;
  }
  #page64 .contents-1 {
    margin: 150px 0 90px;
  }
  #page64 .contents-1 .intro-lead {
    display: grid;
    grid-template-columns: 520px 370px;
    -moz-column-gap: 90px;
         column-gap: 90px;
    justify-content: center;
    align-items: start;
  }
  #page64 .contents-1 .intro-lead .texts h2 {
    margin-bottom: 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.69;
    letter-spacing: 1.3px;
    color: #1f3661;
  }
  #page64 .contents-1 .intro-lead .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    color: #1f3661;
  }
  #page64 .contents-1 .intro-lead .image {
    width: 370px;
    height: 246.8px;
    border-radius: 20px;
    box-shadow: 8px 8px 0 #4c639e;
    overflow: hidden;
  }
  #page64 .contents-1 .intro-lead .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page64 .contents-2 {
    width: 100%;
  }
  #page64 .contents-2 .worry {
    width: 1240px;
    margin: 0 auto 100px;
    padding: 70px 0 60.2px;
    border-radius: 150px;
    box-sizing: border-box;
    background-color: #e2e6eb;
    position: relative;
  }
  #page64 .contents-2 .worry::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-right: solid 57.5px transparent;
    border-left: solid 57.5px transparent;
    border-top: solid 40px #e2e6eb;
    position: absolute;
    bottom: -39px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page64 .contents-2 .worry h2 {
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 63.7px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.28;
    letter-spacing: 2.88px;
    text-align: center;
    color: #4c639e;
    text-shadow: 2px 2px 2px #fff;
    white-space: nowrap;
    position: relative;
  }
  #page64 .contents-2 .worry h2 img {
    display: block;
    width: 195.4px;
    height: 195.4px;
    -o-object-fit: contain;
       object-fit: contain;
    position: absolute;
    top: -69px;
    left: -174.1px;
  }
  #page64 .contents-2 .worry ul.worry-items {
    width: 1014.1px;
    height: 290.7px;
    margin: 0 auto;
    position: relative;
    right: 31.15px;
    list-style: none;
  }
  #page64 .contents-2 .worry ul.worry-items li {
    position: absolute;
    z-index: 1;
  }
  #page64 .contents-2 .worry ul.worry-items li::before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: -1;
  }
  #page64 .contents-2 .worry ul.worry-items li p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: 0.54px;
    text-align: center;
    color: #364d78;
    position: relative;
  }
  #page64 .contents-2 .worry ul.worry-items li.item-1 {
    top: 35.8px;
    left: 216.8px;
  }
  #page64 .contents-2 .worry ul.worry-items li.item-1::before {
    width: 231.2px;
    height: 134.4px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/fukidashi2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: -35.8px;
    left: -46.2px;
  }
  #page64 .contents-2 .worry ul.worry-items li.item-2 {
    top: 41.3px;
    right: 199.8px;
  }
  #page64 .contents-2 .worry ul.worry-items li.item-2::before {
    width: 171.1px;
    height: 137.6px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/fukidashi4.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: -40.8px;
    left: -41px;
  }
  #page64 .contents-2 .worry ul.worry-items li.item-3 {
    top: 128.4px;
    left: 25.4px;
  }
  #page64 .contents-2 .worry ul.worry-items li.item-3::before {
    width: 162.8px;
    height: 129.7px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/fukidashi1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: -35.1px;
    left: -25.4px;
  }
  #page64 .contents-2 .worry ul.worry-items li.item-4 {
    right: 29.4px;
    bottom: 67px;
  }
  #page64 .contents-2 .worry ul.worry-items li.item-4::before {
    width: 243.4px;
    height: 124px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/fukidashi5.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: -35.6px;
    left: -30px;
  }
  #page64 .contents-2 .worry ul.worry-items li.item-5 {
    bottom: 50.6px;
    left: 203.6px;
  }
  #page64 .contents-2 .worry ul.worry-items li.item-5::before {
    width: 183px;
    height: 146.6px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/fukidashi3.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: -45.9px;
    left: -23.4px;
  }
  #page64 .contents-2 .worry .people {
    width: 237px;
    height: 232.7px;
    position: absolute;
    top: 195.9px;
    left: 502px;
  }
  #page64 .contents-2 .worry .people img {
    display: block;
    width: 100%;
  }
  #page64 .contents-2 .worry .lead {
    margin-top: -12.4px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.54px;
    text-align: center;
    color: #1f3661;
  }
  #page64 .contents-2 .worry .lead span {
    display: block;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
  }
  #page64 .contents-2 .worry .lead span::after {
    content: "";
    display: block;
    height: 1px;
    background-image: repeating-linear-gradient(to right, #1f3661 0 2px, transparent 2px 6px);
    background-repeat: repeat-x;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page64 .contents-2 .worry .lead .line-1::after {
    width: 229.5px;
  }
  #page64 .contents-2 .worry .lead .line-2 {
    margin-top: 11px;
  }
  #page64 .contents-2 .worry .lead .line-2::after {
    width: 389.2px;
  }
  #page64 .contents-3 {
    padding-bottom: 90px;
  }
  #page64 .contents-3 .headline {
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 50px;
    position: relative;
  }
  #page64 .contents-3 .headline::before, #page64 .contents-3 .headline::after {
    content: "";
    display: block;
    width: 55.2px;
    height: 65.5px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 15.7px;
  }
  #page64 .contents-3 .headline::before {
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/kyoucyou_l.png");
    left: -95.3px;
  }
  #page64 .contents-3 .headline::after {
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/kyoucyou_r.png");
    right: -95.3px;
  }
  #page64 .contents-3 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.92;
    letter-spacing: 1.92px;
    text-align: center;
    color: #364d78;
    white-space: nowrap;
  }
  #page64 .contents-3 .headline h2 span {
    font-size: 36px;
    font-weight: bold;
    color: #f49517;
    text-shadow: 3px 3px 1.5px #fff;
  }
  #page64 .contents-3 .service-list {
    display: grid;
    grid-template-columns: repeat(4, 280px);
    -moz-column-gap: 40px;
         column-gap: 40px;
    justify-content: center;
    list-style: none;
  }
  #page64 .contents-3 .service-list li img {
    display: block;
    width: 280px;
    height: 186.8px;
    border-radius: 20px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page64 .contents-3 .service-list li h3 {
    margin-top: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.66px;
    text-align: center;
    color: #1f3661;
  }
  #page64 .contents-3 .service-list li p {
    width: 264px;
    margin: 15px auto 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.48px;
    color: #1f3661;
  }
  #page64 .contents-4 {
    padding: 120px 0 110px;
    background-color: #1f3661;
    position: relative;
  }
  #page64 .contents-4::before {
    content: "";
    display: block;
    width: 100%;
    height: 17px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_pc.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: -1px;
    left: 0;
  }
  #page64 .contents-4 .works-head {
    display: grid;
    grid-template-columns: 464px 505px;
    -moz-column-gap: 123px;
         column-gap: 123px;
    width: 1092px;
    margin: 0 auto 50px;
  }
  #page64 .contents-4 .works-head .headline small {
    display: grid;
    grid-template-columns: 15px min-content;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.98px;
    color: #fff;
    white-space: nowrap;
  }
  #page64 .contents-4 .works-head .headline small img {
    width: 100%;
  }
  #page64 .contents-4 .works-head .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 46px;
    letter-spacing: 2.88px;
    color: #fff;
    white-space: nowrap;
  }
  #page64 .contents-4 .works-head > p {
    margin-top: 35.5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.78;
    letter-spacing: 0.54px;
    color: #fff;
  }
  #page64 .contents-4 .works-list {
    display: grid;
    grid-template-columns: repeat(3, 350px);
    -moz-column-gap: 40px;
         column-gap: 40px;
    justify-content: center;
    margin-bottom: 50px;
    list-style: none;
  }
  #page64 .contents-4 .works-list li .works-card {
    display: block;
    color: #fff;
    text-decoration: none;
  }
  #page64 .contents-4 .works-list li .image {
    border-radius: 30px;
    background-color: #e5e2db;
    overflow: hidden;
  }
  #page64 .contents-4 .works-list li img {
    display: block;
    width: 350px;
    height: 233.4px;
    border-radius: 30px;
    -o-object-fit: contain;
       object-fit: contain;
    transition: transform 0.3s;
  }
  #page64 .contents-4 .works-list li h3 {
    margin-top: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.9px;
    color: #fff;
  }
  #page64 .contents-4 .works-list li h3 span {
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: text-decoration-color 0.3s;
  }
  #page64 .contents-4 .works-list li .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 20px;
    margin-top: 15px;
  }
  #page64 .contents-4 .works-list li .tags span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0.75px;
    color: #fff;
  }
  #page64 .contents-4 .works-list li .works-card:hover img {
    transform: scale(1.2);
  }
  #page64 .contents-4 .works-list li .works-card:hover h3 span {
    text-decoration-color: currentColor;
  }
  #page64 .contents-4 .works-scrollbar {
    display: none;
  }
  #page64 .contents-4 .works-link {
    display: grid;
    grid-template-columns: min-content 16.2px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    justify-content: center;
    width: 534.2px;
    margin: 0 auto;
    padding: 17px 24px 19px 40px;
    border: solid 1px #fff;
    border-radius: 30px;
    box-sizing: border-box;
    background-color: transparent;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.48px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    transition: background-color 0.4s, border-color 0.4s, color 0.4s;
  }
  #page64 .contents-4 .works-link::after {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    transition: background-color 0.4s;
  }
  #page64 .contents-4 .works-link:hover {
    background-color: #fff;
    border-color: #fff;
    color: #1f3661;
  }
  #page64 .contents-4 .works-link:hover::after {
    background-color: #1f3661;
  }
  #page64 .contents-5 {
    padding: 100px 0 90px;
  }
  #page64 .contents-6 {
    margin-bottom: 98px;
  }
  #page64 .contents-6 .inner {
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto;
    position: relative;
  }
  #page64 .contents-6 .texts {
    text-align: center;
    position: relative;
    z-index: 1;
  }
  #page64 .contents-6 .texts::after {
    content: "";
    display: block;
    width: 250px;
    height: 250px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_circle.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -48px;
    right: -89px;
    z-index: -1;
    transform-origin: center;
    animation: page64-contact-circle-rotate 20s linear infinite;
    will-change: transform;
  }
  #page64 .contents-6 .texts h2 {
    display: inline-block;
    margin-bottom: 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 46px;
    letter-spacing: 2.88px;
    color: #f49517;
    white-space: nowrap;
    position: relative;
  }
  #page64 .contents-6 .texts h2::before {
    content: "";
    display: block;
    width: 50.1px;
    height: 52.4px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_burst.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -26.2px;
    left: -56px;
  }
  #page64 .contents-6 .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
  }
}
/*SP*/
@media screen and (max-width: 1024px) {
  #page64 .kv-3 .texts .category-icon {
    padding: 32.5px 19.5px 31px;
  }
  #page64 .kv-3 .texts .category-icon img {
    width: 35px;
    height: 35px;
    margin: 0 auto 3px;
  }
  #page64 .kv-3 .texts .category-icon h1 {
    font-size: 17px;
    line-height: 19px;
    letter-spacing: 0.85px;
  }
  #page64 .contents-1 {
    margin: 225px 0 52.5px;
  }
  #page64 .contents-1 .intro-lead {
    width: 305px;
    margin: 0 auto;
  }
  #page64 .contents-1 .intro-lead .texts h2 {
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.9px;
    color: #1f3661;
  }
  #page64 .contents-1 .intro-lead .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #1f3661;
  }
  #page64 .contents-1 .intro-lead .image {
    width: 298.5px;
    height: 199.1px;
    margin-top: 30px;
    border-radius: 10px;
    box-shadow: 6.5px 6.5px 0 #4c639e;
    overflow: hidden;
  }
  #page64 .contents-1 .intro-lead .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page64 .contents-2 {
    width: 100%;
  }
  #page64 .contents-2 .worry {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 47.65px;
    padding: 56.85px 0 34.9px;
    border-radius: 75px;
    box-sizing: border-box;
    background-color: #e2e6eb;
    position: relative;
  }
  #page64 .contents-2 .worry::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-right: solid 28.75px transparent;
    border-left: solid 28.75px transparent;
    border-top: solid 20px #e2e6eb;
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page64 .contents-2 .worry h2 {
    margin-bottom: 32.55px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 1.44px;
    text-align: center;
    color: #4c639e;
    white-space: nowrap;
    position: relative;
    z-index: 1;
  }
  #page64 .contents-2 .worry h2 img {
    display: block;
    width: 97.7px;
    height: 97.7px;
    -o-object-fit: contain;
       object-fit: contain;
    position: absolute;
    top: -34.5px;
    left: 0;
    z-index: -1;
  }
  #page64 .contents-2 .worry ul.worry-items {
    width: 345px;
    height: 228.82px;
    margin: 0 auto;
    position: relative;
    list-style: none;
  }
  #page64 .contents-2 .worry ul.worry-items li {
    position: absolute;
    z-index: 1;
  }
  #page64 .contents-2 .worry ul.worry-items li::before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: -1;
  }
  #page64 .contents-2 .worry ul.worry-items li p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: 0.375px;
    text-align: center;
    color: #364d78;
    position: relative;
  }
  #page64 .contents-2 .worry ul.worry-items li.item-1 {
    top: 22.35px;
    left: calc(50% - 165.5px);
  }
  #page64 .contents-2 .worry ul.worry-items li.item-1::before {
    width: 149.6px;
    height: 86.95px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/page64_1_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: -22.35px;
    left: -24.8px;
  }
  #page64 .contents-2 .worry ul.worry-items li.item-2 {
    top: 29.65px;
    left: calc(50% + 78px);
  }
  #page64 .contents-2 .worry ul.worry-items li.item-2::before {
    width: 124.55px;
    height: 100.2px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/page64_2_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: -29.65px;
    left: -29.8px;
  }
  #page64 .contents-2 .worry ul.worry-items li.item-3 {
    top: 105.2px;
    left: calc(50% - 184.5px);
  }
  #page64 .contents-2 .worry ul.worry-items li.item-3::before {
    width: 117.2px;
    height: 84.15px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/page64_3_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: -23.75px;
    left: -15.4px;
  }
  #page64 .contents-2 .worry ul.worry-items li.item-4 {
    top: 133.2px;
    left: calc(50% + 54px);
  }
  #page64 .contents-2 .worry ul.worry-items li.item-4::before {
    width: 160.95px;
    height: 82px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/page64_4_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: -22.5px;
    left: -14.85px;
  }
  #page64 .contents-2 .worry ul.worry-items li.item-5 {
    top: 168.3px;
    left: calc(50% - 77px);
  }
  #page64 .contents-2 .worry ul.worry-items li.item-5::before {
    width: 124.45px;
    height: 91.25px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/page64_5_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: -30.75px;
    left: -13.9px;
  }
  #page64 .contents-2 .worry .people {
    width: 118.5px;
    height: 116.4px;
    position: absolute;
    top: 147.85px;
    left: calc(50% - 62.5px);
  }
  #page64 .contents-2 .worry .people img {
    display: block;
    width: 100%;
  }
  #page64 .contents-2 .worry .lead {
    margin-top: 8.55px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 29.5px;
    letter-spacing: 0.45px;
    text-align: center;
    color: #1f3661;
  }
  #page64 .contents-2 .worry .lead span {
    display: block;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
  }
  #page64 .contents-2 .worry .lead span::after {
    content: "";
    display: block;
    height: 1px;
    background-image: repeating-linear-gradient(to right, #1f3661 0 2px, transparent 2px 6px);
    background-repeat: repeat-x;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page64 .contents-2 .worry .lead .line-1::after {
    width: 190.6px;
  }
  #page64 .contents-2 .worry .lead .line-2::after {
    width: 324.6px;
  }
  #page64 .contents-3 {
    padding-bottom: 45px;
  }
  #page64 .contents-3 .headline {
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 25px;
    position: relative;
  }
  #page64 .contents-3 .headline::before, #page64 .contents-3 .headline::after {
    content: "";
    display: block;
    width: 27.6px;
    height: 32.7px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 3.5px;
  }
  #page64 .contents-3 .headline::before {
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/kyoucyou_l.png");
    left: -37.65px;
  }
  #page64 .contents-3 .headline::after {
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/kyoucyou_r.png");
    right: -37.65px;
  }
  #page64 .contents-3 .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 17px;
    letter-spacing: 1.04px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
  }
  #page64 .contents-3 .headline h2 span {
    display: inline-block;
    margin-top: 8px;
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;
    letter-spacing: 1.6px;
    color: #f49517;
  }
  #page64 .contents-3 .service-list {
    display: grid;
    row-gap: 20px;
    width: 240px;
    margin: 0 auto;
    list-style: none;
  }
  #page64 .contents-3 .service-list li img {
    display: block;
    width: 240px;
    height: 160.1px;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page64 .contents-3 .service-list li h3 {
    margin-top: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
  }
  #page64 .contents-3 .service-list li p {
    margin-top: 10px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.61;
    letter-spacing: 0.42px;
    color: #1f3661;
  }
  #page64 .contents-4 {
    padding: 60px 0 55px;
    background-color: #1f3661;
    overflow: hidden;
    position: relative;
  }
  #page64 .contents-4::before {
    content: "";
    display: block;
    width: 100%;
    height: 8.5px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/wave_2_smp.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    top: -0.5px;
    left: 0;
  }
  #page64 .contents-4 .works-head {
    width: 311px;
    margin: 0 auto 30px;
  }
  #page64 .contents-4 .works-head .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content;
    -moz-column-gap: 5px;
         column-gap: 5px;
    align-items: center;
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0.91px;
    color: #fff;
    white-space: nowrap;
  }
  #page64 .contents-4 .works-head .headline small img {
    width: 100%;
  }
  #page64 .contents-4 .works-head .headline h2 {
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 1.44px;
    color: #fff;
  }
  #page64 .contents-4 .works-head > p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #fff;
  }
  #page64 .contents-4 .works-list {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0;
    padding-left: 30px;
    list-style: none;
  }
  #page64 .contents-4 .works-list li {
    flex-shrink: 0;
    width: 215px;
  }
  #page64 .contents-4 .works-list li .works-card {
    display: block;
    color: #fff;
    text-decoration: none;
  }
  #page64 .contents-4 .works-list li .image {
    border-radius: 15px;
    background-color: #e5e2db;
    overflow: hidden;
  }
  #page64 .contents-4 .works-list li img {
    display: block;
    width: 215px;
    height: 143.4px;
    border-radius: 15px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #page64 .contents-4 .works-list li h3 {
    margin-top: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.61;
    letter-spacing: 0.42px;
    color: #fff;
  }
  #page64 .contents-4 .works-list li .tags {
    display: grid;
    row-gap: 0;
    margin-top: 15px;
  }
  #page64 .contents-4 .works-list li .tags span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 22.5px;
    letter-spacing: 0.36px;
    color: #fff;
  }
  #page64 .contents-4 .works-swiper {
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
  }
  #page64 .contents-4 .works-scrollbar {
    width: 300px !important;
    height: 7.5px !important;
    margin: 30px auto 0;
    border-radius: 5px;
    background-color: #c9c9c9;
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
  }
  #page64 .contents-4 .works-scrollbar .swiper-scrollbar-drag {
    height: 100%;
    border-radius: 5px;
    background-color: #364d78;
  }
}
@media screen and (max-width: 1024px) and (min-width: 745px) {
  #page64 .contents-4 .works-swiper {
    width: 685px;
    max-width: calc(100% - 60px);
    margin-right: auto;
    margin-left: auto;
  }
  #page64 .contents-4 .works-list {
    justify-content: flex-start;
    padding-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  #page64 .contents-4 .works-list.is-single {
    justify-content: center;
    width: 100%;
    padding-left: 0;
  }
  #page64 .contents-4 .works-list.is-single li {
    margin-right: 0 !important;
  }
  #page64 .contents-4 .works-swiper.is-single .works-scrollbar {
    display: none;
  }
  #page64 .contents-4 .works-link {
    display: grid;
    grid-template-columns: min-content 16.2px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    justify-content: center;
    width: 320px;
    height: 70px;
    margin: 0 auto;
    padding: 0 15px;
    border: solid 1.5px #fff;
    border-radius: 35px;
    box-sizing: border-box;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.27;
    letter-spacing: 0.45px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
  }
  #page64 .contents-4 .works-link::after {
    content: "";
    display: block;
    width: 16.2px;
    height: 10px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #page64 .contents-5 {
    padding: 55px 0 45px;
  }
  #page64 .contents-6 {
    width: 360px;
    margin: 0 auto 45px;
    position: relative;
  }
  #page64 .contents-6 .texts {
    text-align: center;
    position: relative;
    z-index: 1;
  }
  #page64 .contents-6 .texts::after {
    content: "";
    display: block;
    width: 125px;
    height: 125px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_circle.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0.9;
    position: absolute;
    top: -33.5px;
    right: -28px;
    z-index: 0;
    transform-origin: center;
    animation: page64-contact-circle-rotate 20s linear infinite;
    will-change: transform;
  }
  #page64 .contents-6 .texts h2 {
    display: inline-block;
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
    letter-spacing: 1.44px;
    color: #f49517;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  #page64 .contents-6 .texts h2::before {
    content: "";
    display: block;
    width: 25.05px;
    height: 26.2px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_burst.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -13.1px;
    left: -28.05px;
  }
  #page64 .contents-6 .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.61;
    letter-spacing: 0.42px;
    text-align: center;
    color: #1f3661;
    position: relative;
    z-index: 1;
  }
}
/*65.内窓・クロス張り替え・フロア施工*/
@keyframes page65-contact-circle-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*PC*/
@media screen and (min-width: 1025px) {
  #page65 .kv-3 .texts {
    left: -255px;
  }
  #page65 .kv-3 .texts .category-icon {
    width: 220px;
    height: 220px;
    padding: 27px 30px 40px;
  }
  #page65 .kv-3 .texts .category-icon img {
    width: 60px;
    height: 60px;
    margin: 0 auto 1px;
  }
  #page65 .kv-3 .texts .category-icon h1 {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 1.1px;
  }
  #page65 .kv-3 .texts p {
    margin-top: 30px;
  }
  #page65 .contents-1 {
    margin: 120px 0 92px;
  }
  #page65 .contents-1 .anchor-list {
    display: grid;
    grid-template-columns: repeat(3, 360px);
    -moz-column-gap: 20px;
         column-gap: 20px;
    justify-content: center;
    list-style: none;
  }
  #page65 .contents-1 .anchor-list li a {
    display: grid;
    grid-template-columns: min-content 10px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    justify-content: center;
    width: 360px;
    padding: 20px 0;
    border: solid 2px #364d78;
    border-radius: 32px;
    box-sizing: border-box;
    background-color: transparent;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
    transition: background-color 0.4s, border-color 0.4s, color 0.4s;
  }
  #page65 .contents-1 .anchor-list li a::after {
    content: "";
    display: block;
    width: 10px;
    height: 16.2px;
    background-color: #1f3661;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/down_navy.png");
    mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/down_navy.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% auto;
    transition: background-color 0.4s;
  }
  #page65 .contents-1 .anchor-list li a:hover {
    border-color: #364d78;
    background-color: #364d78;
    color: #fff;
  }
  #page65 .contents-1 .anchor-list li a:hover::after {
    background-color: #fff;
  }
  #page65 .service-section {
    position: relative;
  }
  #page65 .service-section .service-title {
    margin-bottom: 80px;
    text-align: center;
  }
  #page65 .service-section .service-title small {
    display: grid;
    grid-template-columns: 15px min-content 15px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.98px;
    color: #4c639e;
    white-space: nowrap;
  }
  #page65 .service-section .service-title small img {
    width: 100%;
  }
  #page65 .service-section .service-title h2 {
    display: grid;
    justify-content: center;
    align-items: end;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2.88px;
    color: #4c639e;
    white-space: nowrap;
  }
  #page65 .service-section .service-title h2::before, #page65 .service-section .service-title h2::after {
    content: "";
    display: block;
    width: 100%;
    height: 30px;
    background-color: #e2e6eb;
    position: relative;
    bottom: 20px;
  }
  #page65 .service-section .intro {
    display: grid;
    grid-template-columns: 445px 400px;
    -moz-column-gap: 118px;
         column-gap: 118px;
    justify-content: center;
    align-items: start;
    position: relative;
    left: 13.5px;
  }
  #page65 .service-section .intro.intro-reverse {
    grid-template-columns: 400px 445px;
    -moz-column-gap: 103px;
         column-gap: 103px;
    width: 957px;
    margin: 0 auto 70px;
    left: 1px;
  }
  #page65 .service-section .intro.intro-reverse .texts {
    order: 2;
  }
  #page65 .service-section .intro.intro-reverse .photo {
    order: 1;
  }
  #page65 .service-section .intro .texts h3 {
    margin-bottom: 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.69;
    letter-spacing: 1.3px;
    color: #1f3661;
  }
  #page65 .service-section .intro .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    color: #1f3661;
  }
  #page65 .service-section .photo {
    width: 400px;
    height: 266.8px;
    box-shadow: 6px 6px 0 #4c639e;
    border-radius: 20px;
    overflow: hidden;
  }
  #page65 .service-section .photo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page65 .service-section .feature {
    display: grid;
    grid-template-columns: 424px 437px;
    -moz-column-gap: 126px;
         column-gap: 126px;
    align-items: center;
    width: 987px;
    margin: 70px auto 0;
    padding: 70px 0;
    position: relative;
    right: 56.5px;
  }
  #page65 .service-section .feature::before {
    content: "";
    display: block;
    width: 1000%;
    height: 100%;
    border-radius: 0 40px 40px 0;
    background-color: #364d78;
    position: absolute;
    top: 0;
    right: -111px;
    z-index: -1;
  }
  #page65 .service-section .feature .photo {
    width: 424px;
    height: 283px;
    box-shadow: none;
    border-radius: 20px;
  }
  #page65 .service-section .feature .texts h3 {
    margin-bottom: 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.69;
    letter-spacing: 1.3px;
    color: #fff;
  }
  #page65 .service-section .feature .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    color: #fff;
  }
  #page65 .service-section .message {
    padding-top: 80px;
    text-align: center;
  }
  #page65 .service-section .message .message-title {
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 40px;
    position: relative;
  }
  #page65 .service-section .message .message-title::before, #page65 .service-section .message .message-title::after {
    content: "";
    display: block;
    width: 55.3px;
    height: 65.3px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 7px;
  }
  #page65 .service-section .message .message-title::before {
    background-image: url("/wp-content/themes/cf_theme/images/page02/fukidashi_left.png");
    left: -95.3px;
  }
  #page65 .service-section .message .message-title::after {
    background-image: url("/wp-content/themes/cf_theme/images/page02/fukidashi_right.png");
    right: -95.3px;
  }
  #page65 .service-section .message .message-title h3 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2.88px;
    text-align: center;
    color: #364d78;
    white-space: nowrap;
  }
  #page65 .service-section .message .message-title p {
    margin-bottom: 10px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 35px;
    letter-spacing: 1.92px;
    text-align: center;
    color: #364d78;
    white-space: nowrap;
  }
  #page65 .service-section .message .photo {
    width: 940px;
    height: 470px;
    margin: 0 auto;
    border-radius: 20px;
    box-shadow: none;
  }
  #page65 .service-section .message > p {
    margin-top: 40px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
  }
  #page65 .service-section .before-after {
    display: grid;
    row-gap: 40.4px;
    width: 400px;
    position: relative;
  }
  #page65 .service-section .before-after::before {
    content: "";
    display: block;
    width: 35px;
    height: 25.4px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/down_blue.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 210px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page65 .service-section .before-after figure {
    margin-bottom: 0;
    position: relative;
  }
  #page65 .service-section .before-after figure img {
    display: block;
    width: 400px;
    height: 200px;
    border-radius: 20px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page65 .service-section .before-after figure figcaption {
    display: grid;
    place-items: center;
    width: 100px;
    background-color: #4c639e;
    border-radius: 0 5px 5px 0;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.98px;
    color: #fff;
    position: absolute;
    bottom: 20.2px;
    left: 0;
  }
  #page65 .service-section .before-after figure:nth-child(2) figcaption {
    background-color: #f49517;
  }
  #page65 .contents-2 {
    padding: 0 0 70px;
  }
  #page65 .contents-2 .service-title h2 {
    grid-template-columns: 365px 270px 365px;
    -moz-column-gap: 140px;
         column-gap: 140px;
  }
  #page65 .contents-2::before {
    content: "";
    display: block;
    width: 100%;
    height: 1085px;
    background-color: #f2f2f2;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2;
  }
  #page65 .contents-2::after {
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_8_pc.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -17px;
    left: 0;
    z-index: 2;
  }
  #page65 .contents-3 {
    padding: 116px 0 70px;
  }
  #page65 .contents-3 .service-title h2 {
    grid-template-columns: 314px 424px 314px;
    -moz-column-gap: 114px;
         column-gap: 114px;
  }
  #page65 .contents-3::before {
    content: "";
    display: block;
    width: 100%;
    height: 1032px;
    background-color: #f2f2f2;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2;
  }
  #page65 .contents-3::after {
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_8_pc.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -17px;
    left: 0;
    z-index: 2;
  }
  #page65 .contents-3 .intro {
    -moz-column-gap: 97px;
         column-gap: 97px;
    left: unset;
  }
  #page65 .contents-4 {
    padding: 95px 0 69.8px;
  }
  #page65 .contents-4 .service-title h2 {
    grid-template-columns: 209px 696px 209px;
    -moz-column-gap: 83px;
         column-gap: 83px;
  }
  #page65 .contents-4.service-section .intro {
    -moz-column-gap: 97px;
         column-gap: 97px;
    left: unset;
  }
  #page65 .contents-4 .message .message-title::before, #page65 .contents-4 .message .message-title::after {
    bottom: -8px;
  }
  #page65 .contents-4::before {
    content: "";
    display: block;
    width: 100%;
    height: 1034px;
    background-color: #f2f2f2;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2;
  }
  #page65 .contents-4::after {
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_8_pc.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -17px;
    left: 0;
    z-index: 2;
  }
  #page65 .contents-5 {
    padding: 120px 0 110px;
    background-color: #1f3661;
    position: relative;
  }
  #page65 .contents-5 .works-head {
    display: grid;
    grid-template-columns: 464px 505px;
    -moz-column-gap: 123px;
         column-gap: 123px;
    width: 1092px;
    margin: 0 auto 50px;
  }
  #page65 .contents-5 .works-head .headline small {
    display: grid;
    grid-template-columns: 15px min-content;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.98px;
    color: #fff;
    white-space: nowrap;
  }
  #page65 .contents-5 .works-head .headline small img {
    width: 100%;
  }
  #page65 .contents-5 .works-head .headline h2 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 46px;
    letter-spacing: 2.88px;
    color: #fff;
    white-space: nowrap;
  }
  #page65 .contents-5 .works-head > p {
    margin-top: 35.5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.78;
    letter-spacing: 0.54px;
    color: #fff;
  }
  #page65 .contents-5 .works-list {
    display: grid;
    grid-template-columns: repeat(3, 350px);
    -moz-column-gap: 40px;
         column-gap: 40px;
    justify-content: center;
    margin-bottom: 50px;
    list-style: none;
  }
  #page65 .contents-5 .works-list li .works-card {
    display: block;
    color: #fff;
    text-decoration: none;
  }
  #page65 .contents-5 .works-list li .image {
    border-radius: 30px;
    background-color: #e5e2db;
    overflow: hidden;
  }
  #page65 .contents-5 .works-list li img {
    display: block;
    width: 350px;
    height: 233.4px;
    border-radius: 30px;
    -o-object-fit: contain;
       object-fit: contain;
    transition: transform 0.3s;
  }
  #page65 .contents-5 .works-list li h3 {
    margin-top: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.9px;
    color: #fff;
  }
  #page65 .contents-5 .works-list li h3 span {
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: text-decoration-color 0.3s;
  }
  #page65 .contents-5 .works-list li .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 20px;
    margin-top: 15px;
  }
  #page65 .contents-5 .works-list li .tags span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0.75px;
    color: #fff;
  }
  #page65 .contents-5 .works-list li .works-card:hover img {
    transform: scale(1.2);
  }
  #page65 .contents-5 .works-list li .works-card:hover h3 span {
    text-decoration-color: currentColor;
  }
  #page65 .contents-5 .works-scrollbar {
    display: none;
  }
  #page65 .contents-5 .works-link {
    display: grid;
    grid-template-columns: min-content 16.2px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    justify-content: center;
    width: 534.2px;
    margin: 0 auto;
    padding: 17px 24px 19px 40px;
    border: solid 1px #fff;
    border-radius: 30px;
    box-sizing: border-box;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.48px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    transition: background-color 0.4s, border-color 0.4s, color 0.4s;
  }
  #page65 .contents-5 .works-link::after {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background-color: #fff;
    mask-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    transition: background-color 0.4s;
  }
  #page65 .contents-5 .works-link:hover {
    background-color: #fff;
    border-color: #fff;
    color: #1f3661;
  }
  #page65 .contents-5 .works-link:hover::after {
    background-color: #1f3661;
  }
  #page65 .contents-6 {
    padding: 100px 0 98px;
  }
  #page65 .contents-6 .contact-lead {
    margin-top: 100px;
  }
  #page65 .contents-6 .contact-lead .inner {
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  #page65 .contents-6 .contact-lead .inner::after {
    content: "";
    display: block;
    width: 250px;
    height: 250px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_circle.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -48px;
    right: -89px;
    z-index: -1;
    transform-origin: center;
    animation: page65-contact-circle-rotate 20s linear infinite;
    will-change: transform;
  }
  #page65 .contents-6 .contact-lead h2 {
    display: inline-block;
    margin-bottom: 30px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 46px;
    letter-spacing: 2.88px;
    color: #f49517;
    white-space: nowrap;
    position: relative;
  }
  #page65 .contents-6 .contact-lead h2::before {
    content: "";
    display: block;
    width: 50.1px;
    height: 52.4px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_burst.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -26.2px;
    left: -56px;
  }
  #page65 .contents-6 .contact-lead p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.48px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
  }
}
/*SP*/
@media screen and (max-width: 1024px) {
  #page65 .kv-3 .texts .category-icon {
    width: 145px;
    height: 145px;
    padding: 23.5px 10.5px;
  }
  #page65 .kv-3 .texts .category-icon img {
    width: 35px;
    height: 35px;
    margin: 0 auto 0.5px;
  }
  #page65 .kv-3 .texts .category-icon h1 {
    font-size: 17px;
    line-height: 1.12;
    letter-spacing: 0.85px;
  }
  #page65 .contents-1 {
    margin: 210px 0 45px;
  }
  #page65 .contents-1 .anchor-list {
    display: grid;
    row-gap: 14.5px;
    width: 352.1px;
    margin: 0 auto;
    list-style: none;
  }
  #page65 .contents-1 .anchor-list li a {
    display: grid;
    grid-template-columns: 279px 8.1px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 352.1px;
    padding: 10px 25px 12.5px 30px;
    border: solid 1px #364d78;
    border-radius: 22.25px;
    box-sizing: border-box;
    background-color: #fff;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: 0.45px;
    color: #1f3661;
  }
  #page65 .contents-1 .anchor-list li a::after {
    content: "";
    display: block;
    width: 8.1px;
    height: 13.1px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/down_navy.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #page65 .service-section {
    position: relative;
  }
  #page65 .service-section .service-title {
    margin-bottom: 30px;
    text-align: center;
  }
  #page65 .service-section .service-title small {
    display: grid;
    grid-template-columns: 12.5px min-content 12.5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.91px;
    color: #4c639e;
    white-space: nowrap;
  }
  #page65 .service-section .service-title small img {
    width: 100%;
  }
  #page65 .service-section .service-title h2 {
    display: grid;
    justify-content: center;
    align-items: end;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 1px;
    color: #4c639e;
    white-space: nowrap;
  }
  #page65 .service-section .service-title h2::before, #page65 .service-section .service-title h2::after {
    content: "";
    display: block;
    width: 100%;
    height: 22.5px;
    background-color: #e2e6eb;
    position: relative;
    bottom: 11.2px;
  }
  #page65 .service-section .intro {
    display: grid;
    row-gap: 30px;
    width: 305px;
    margin: 0 auto;
  }
  #page65 .service-section .intro.intro-reverse {
    margin-bottom: 43px;
    width: 305px;
  }
  #page65 .service-section .intro.intro-reverse .texts {
    order: 1;
  }
  #page65 .service-section .intro.intro-reverse .photo {
    order: 2;
  }
  #page65 .service-section .intro .texts h3 {
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.9px;
    color: #1f3661;
  }
  #page65 .service-section .intro .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #1f3661;
  }
  #page65 .service-section .photo {
    width: 298.5px;
    height: 199.2px;
    box-shadow: 6.4px 6.4px 0 #4c639e;
    border-radius: 10px;
    overflow: hidden;
  }
  #page65 .service-section .photo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page65 .service-section .feature {
    display: grid;
    row-gap: 30px;
    width: 300px;
    margin: 51.45px auto 0;
    padding: 45px 0;
    position: relative;
  }
  #page65 .service-section .feature::before {
    content: "";
    display: block;
    width: 1000%;
    height: 100%;
    border-radius: 0 20px 20px 0;
    background-color: #364d78;
    position: absolute;
    top: 0;
    right: -37.5px;
    z-index: -1;
  }
  #page65 .service-section .feature .photo {
    order: 2;
    width: 300px;
    height: 200.1px;
    box-shadow: none;
  }
  #page65 .service-section .feature .texts {
    order: 1;
    width: 275.5px;
    margin: 0 auto;
  }
  #page65 .service-section .feature .texts h3 {
    margin-bottom: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    letter-spacing: 0.9px;
    color: #fff;
  }
  #page65 .service-section .feature .texts p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #fff;
  }
  #page65 .service-section .message {
    padding-top: 45px;
    text-align: center;
  }
  #page65 .service-section .message .message-title {
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 25.1px;
    position: relative;
  }
  #page65 .service-section .message .message-title::before, #page65 .service-section .message .message-title::after {
    content: "";
    display: block;
    width: 27.65px;
    height: 32.65px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 3.5px;
  }
  #page65 .service-section .message .message-title::before {
    background-image: url("/wp-content/themes/cf_theme/images/page02/fukidashi_left.png");
    left: -47.65px;
  }
  #page65 .service-section .message .message-title::after {
    background-image: url("/wp-content/themes/cf_theme/images/page02/fukidashi_right.png");
    right: -47.65px;
  }
  #page65 .service-section .message .message-title h3 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.15;
    letter-spacing: 1.6px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
  }
  #page65 .service-section .message .message-title p {
    margin-bottom: 5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.31;
    letter-spacing: 1.04px;
    text-align: center;
    color: #1f3661;
    white-space: nowrap;
  }
  #page65 .service-section .message .photo {
    width: 340px;
    height: 170px;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: none;
  }
  #page65 .service-section .message > p {
    width: 340px;
    margin: 20px auto 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    text-align: left;
    color: #1f3661;
  }
  #page65 .service-section .before-after {
    display: grid;
    row-gap: 40px;
    width: 305px;
    position: relative;
  }
  #page65 .service-section .before-after::before {
    content: "";
    display: block;
    width: 27.5px;
    height: 20px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/down_blue.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 162.5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page65 .service-section .before-after figure {
    margin-bottom: 0;
    position: relative;
  }
  #page65 .service-section .before-after figure img {
    display: block;
    width: 305px;
    height: 152.5px;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page65 .service-section .before-after figure figcaption {
    display: grid;
    place-items: center;
    width: 73.5px;
    background-color: #4c639e;
    border-radius: 0 2.5px 2.5px 0;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.91px;
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 0;
  }
  #page65 .service-section .before-after figure:nth-child(2) figcaption {
    background-color: #f49517;
  }
  #page65 .contents-2 {
    padding: 0 0 45px;
  }
  #page65 .contents-2 .service-title h2 {
    grid-template-columns: 70px 148px 70px;
    -moz-column-gap: 57px;
         column-gap: 57px;
  }
  #page65 .contents-2::before {
    content: "";
    display: block;
    width: 100%;
    height: 708.7px;
    background-color: #f2f2f2;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2;
  }
  #page65 .contents-2::after {
    content: "";
    display: block;
    width: 100%;
    height: 8.5px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_8_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -8px;
    left: 0;
    z-index: 2;
  }
  #page65 .contents-3 {
    padding: 65px 0 45px;
  }
  #page65 .contents-3 .service-title h2 {
    grid-template-columns: 70px 230px 70px;
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
  #page65 .contents-3 .message .message-title::before {
    left: -27.65px;
  }
  #page65 .contents-3 .message .message-title::after {
    right: -27.65px;
  }
  #page65 .contents-3 .message .photo {
    width: 340px;
    height: 170px;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: none;
  }
  #page65 .contents-3 .message > p {
    width: 340px;
    margin: 20px auto 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    text-align: left;
    color: #1f3661;
  }
  #page65 .contents-3::before {
    content: "";
    display: block;
    width: 100%;
    height: 545.2px;
    background-color: #f2f2f2;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2;
  }
  #page65 .contents-3::after {
    content: "";
    display: block;
    width: 100%;
    height: 9px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_8_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -8px;
    left: 0;
    z-index: 2;
  }
  #page65 .contents-4 {
    padding: 65px 0 44.5px;
  }
  #page65 .contents-4 .service-title h2 {
    grid-template-columns: 70px 272px 70px;
  }
  #page65 .contents-4 .service-title h2::before, #page65 .contents-4 .service-title h2::after {
    bottom: 29.75px;
  }
  #page65 .contents-4 .service-title h2::before {
    left: 6px;
  }
  #page65 .contents-4 .service-title h2::after {
    right: 6px;
  }
  #page65 .contents-4 .message .message-title::before, #page65 .contents-4 .message .message-title::after {
    bottom: 11.5px;
  }
  #page65 .contents-4 .message .message-title::before {
    left: -37.65px;
  }
  #page65 .contents-4 .message .message-title::after {
    right: -37.65px;
  }
  #page65 .contents-4::before {
    content: "";
    display: block;
    width: 100%;
    height: 653.1px;
    background-color: #f2f2f2;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2;
  }
  #page65 .contents-4::after {
    content: "";
    display: block;
    width: 100%;
    height: 9px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/wave_8_smp.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -8px;
    left: 0;
    z-index: 2;
  }
  #page65 .contents-5 {
    padding: 60px 0 55px;
    background-color: #1f3661;
    overflow: hidden;
    position: relative;
  }
  #page65 .contents-5 .works-head {
    width: 311px;
    margin: 0 auto 30px;
  }
  #page65 .contents-5 .works-head .headline small {
    display: grid;
    grid-template-columns: 12.5px min-content;
    -moz-column-gap: 5px;
         column-gap: 5px;
    align-items: center;
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0.91px;
    color: #fff;
    white-space: nowrap;
  }
  #page65 .contents-5 .works-head .headline small img {
    width: 100%;
  }
  #page65 .contents-5 .works-head .headline h2 {
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 1.44px;
    color: #fff;
  }
  #page65 .contents-5 .works-head > p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 0.45px;
    color: #fff;
  }
  #page65 .contents-5 .works-list {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0;
    padding-left: 30px;
    list-style: none;
  }
  #page65 .contents-5 .works-list li {
    flex-shrink: 0;
    width: 215px;
  }
  #page65 .contents-5 .works-list li .works-card {
    display: block;
    color: #fff;
    text-decoration: none;
  }
  #page65 .contents-5 .works-list li .image {
    border-radius: 15px;
    background-color: #e5e2db;
    overflow: hidden;
  }
  #page65 .contents-5 .works-list li img {
    display: block;
    width: 215px;
    height: 143.4px;
    border-radius: 15px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #page65 .contents-5 .works-list li h3 {
    margin-top: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.61;
    letter-spacing: 0.42px;
    color: #fff;
  }
  #page65 .contents-5 .works-list li .tags {
    display: grid;
    row-gap: 0;
    margin-top: 15px;
  }
  #page65 .contents-5 .works-list li .tags span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 22.5px;
    letter-spacing: 0.36px;
    color: #fff;
  }
  #page65 .contents-5 .works-swiper {
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
  }
  #page65 .contents-5 .works-scrollbar {
    width: 300px !important;
    height: 7.5px !important;
    margin: 30px auto 0;
    border-radius: 5px;
    background-color: #c9c9c9;
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
  }
  #page65 .contents-5 .works-scrollbar .swiper-scrollbar-drag {
    height: 100%;
    border-radius: 5px;
    background-color: #364d78;
  }
}
@media screen and (max-width: 1024px) and (min-width: 745px) {
  #page65 .contents-5 .works-swiper {
    width: 685px;
    max-width: calc(100% - 60px);
    margin-right: auto;
    margin-left: auto;
  }
  #page65 .contents-5 .works-list {
    justify-content: flex-start;
    padding-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  #page65 .contents-5 .works-list.is-single {
    justify-content: center;
    width: 100%;
    padding-left: 0;
  }
  #page65 .contents-5 .works-list.is-single li {
    margin-right: 0 !important;
  }
  #page65 .contents-5 .works-swiper.is-single .works-scrollbar {
    display: none;
  }
  #page65 .contents-5 .works-link {
    display: grid;
    grid-template-columns: min-content 16.2px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
    justify-content: center;
    width: 320px;
    height: 70px;
    margin: 0 auto;
    padding: 0 15px;
    border: solid 1.5px #fff;
    border-radius: 35px;
    box-sizing: border-box;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.27;
    letter-spacing: 0.45px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
  }
  #page65 .contents-5 .works-link::after {
    content: "";
    display: block;
    width: 16.2px;
    height: 10px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/right_white.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #page65 .contents-6 {
    padding: 55px 0 45px;
  }
  #page65 .contents-6 .contact-lead {
    width: 360px;
    margin: 55px auto 0;
    position: relative;
  }
  #page65 .contents-6 .contact-lead .inner {
    text-align: center;
    position: relative;
    z-index: 1;
  }
  #page65 .contents-6 .contact-lead .inner::after {
    content: "";
    display: block;
    width: 125px;
    height: 125px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_circle.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -24px;
    right: -13px;
    z-index: -1;
    transform-origin: center;
    animation: page65-contact-circle-rotate 20s linear infinite;
    will-change: transform;
  }
  #page65 .contents-6 .contact-lead h2 {
    display: inline-block;
    margin-bottom: 17.5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
    letter-spacing: 1.44px;
    color: #f49517;
    white-space: nowrap;
    position: relative;
  }
  #page65 .contents-6 .contact-lead h2::before {
    content: "";
    display: block;
    width: 25.1px;
    height: 26.2px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page60/contact_burst.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -13.1px;
    left: -28px;
  }
  #page65 .contents-6 .contact-lead p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 22.5px;
    letter-spacing: 0.42px;
    text-align: center;
    color: #1f3661;
  }
}
/*70.お客様の声*/
@media screen and (min-width: 1025px) {
  #page70 .contents-1 {
    width: 774px;
    margin: 120px auto 60px;
  }
  #page70 .contents-1 p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.88;
    letter-spacing: 0.48px;
    text-align: left;
    white-space: nowrap;
    color: #1f3661;
  }
  #page70 .contents-2 {
    margin-bottom: 90px;
  }
  #page70 .contents-2 .voice-items {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 40px;
    list-style: none;
  }
  #page70 .contents-2 .voice-items .voice-card {
    display: grid;
    grid-template-columns: 464.5px 450px;
    -moz-column-gap: 60px;
         column-gap: 60px;
    align-content: start;
    width: 1114.5px;
    margin: 0 auto;
    padding: 40px 70px 50px;
    border-radius: 30px;
    box-sizing: border-box;
    background-color: #f7f7f7;
  }
  #page70 .contents-2 .voice-items .voice-card .voice-head {
    position: relative;
    display: grid;
    grid-column: 1;
    grid-template-columns: 100px 324px;
    -moz-column-gap: 30.6px;
         column-gap: 30.6px;
    align-items: center;
    margin-bottom: 41px;
  }
  #page70 .contents-2 .voice-items .voice-card .voice-head::after {
    position: absolute;
    bottom: -19.5px;
    left: 0;
    width: 464px;
    height: 1px;
    background-image: repeating-linear-gradient(to right, #7c7c7c 0 2px, transparent 2px 6px);
    content: "";
  }
  #page70 .contents-2 .voice-items .voice-card .voice-head .avatar {
    grid-column: 1;
    width: 100px;
    height: 100px;
    border: 4px solid #1f3661;
    border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden;
  }
  #page70 .contents-2 .voice-items .voice-card .voice-head .avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page70 .contents-2 .voice-items .voice-card .voice-head h2 {
    grid-column: 2;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: 1.2px;
    text-align: left;
    color: #1f3661;
  }
  #page70 .contents-2 .voice-items .voice-card .body-text {
    grid-column: 1;
    margin-bottom: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.48px;
    text-align: left;
    color: #1f3661;
  }
  #page70 .contents-2 .voice-items .voice-card .tags {
    grid-column: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 10px;
  }
  #page70 .contents-2 .voice-items .voice-card .tags span {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px 5px 10px;
    border: 1px solid #364d78;
    border-radius: 15px;
    box-sizing: border-box;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.75px;
    text-align: left;
    color: #364d78;
  }
  #page70 .contents-2 .voice-items .voice-card .details {
    grid-column: 1;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 10px;
    margin-bottom: 20px;
  }
  #page70 .contents-2 .voice-items .voice-card .details span {
    position: relative;
    display: block;
    padding-left: 28px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.75px;
    text-align: left;
    color: #1f3661;
  }
  #page70 .contents-2 .voice-items .voice-card .details span::before {
    position: absolute;
    top: 1px;
    left: 0;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
  }
  #page70 .contents-2 .voice-items .voice-card .details span.home::before {
    top: -1px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page70/madori.png");
  }
  #page70 .contents-2 .voice-items .voice-card .details span.map::before {
    top: 1px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page70/area.png");
  }
  #page70 .contents-2 .voice-items .voice-card .ratings {
    grid-column: 1;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 9px;
  }
  #page70 .contents-2 .voice-items .voice-card .ratings div {
    display: grid;
    grid-template-columns: 141px auto;
    align-items: center;
    -moz-column-gap: 26px;
         column-gap: 26px;
  }
  #page70 .contents-2 .voice-items .voice-card .ratings dt {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.45px;
    text-align: left;
    color: #1f3661;
  }
  #page70 .contents-2 .voice-items .voice-card .ratings dd {
    --score: 5;
    position: relative;
    width: 110px;
    height: 18px;
    overflow: hidden;
    font-family: "Poppins", sans-serif;
    font-size: 0;
    font-weight: 500;
    line-height: 1;
    text-align: left;
    color: transparent;
  }
  #page70 .contents-2 .voice-items .voice-card .ratings dd::before, #page70 .contents-2 .voice-items .voice-card .ratings dd::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    content: "";
  }
  #page70 .contents-2 .voice-items .voice-card .ratings dd::before {
    width: 110px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page70/star_w.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_w.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_w.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_w.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_w.png");
    background-position: 0 0, 23px 0, 46px 0, 69px 0, 92px 0;
  }
  #page70 .contents-2 .voice-items .voice-card .ratings dd::after {
    width: 110px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png");
    background-position: 0 0, 23px 0, 46px 0, 69px 0, 92px 0;
  }
  #page70 .contents-2 .voice-items .voice-card .ratings dd[aria-label*="4点"] {
    --score: 4;
  }
  #page70 .contents-2 .voice-items .voice-card .ratings dd[aria-label*="4点"]::after {
    background-image: url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png");
    background-position: 0 0, 23px 0, 46px 0, 69px 0;
  }
  #page70 .contents-2 .voice-items .voice-card .photo {
    grid-column: 2;
    grid-row: 1/span 5;
    align-self: start;
    width: 450px;
    height: 337.5px;
    margin-top: 56px;
    border-radius: 20px;
    box-sizing: border-box;
    overflow: hidden;
  }
  #page70 .contents-2 .voice-items .voice-card .photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
/*SP*/
@media screen and (max-width: 1024px) {
  #page70 .contents-1 {
    width: 340px;
    margin: 146.5px auto 30px;
  }
  #page70 .contents-1 p {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.83;
    letter-spacing: 0.45px;
    text-align: left;
    color: #1f3661;
  }
  #page70 .contents-2 {
    margin-bottom: 45px;
  }
  #page70 .contents-2 .voice-items {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 20px;
    list-style: none;
  }
  #page70 .contents-2 .voice-items .voice-card {
    width: 375.5px;
    margin: 0 auto;
    padding: 20px 35px 25px;
    border-radius: 15px;
    box-sizing: border-box;
    background-color: #f7f7f7;
  }
  #page70 .contents-2 .voice-items .voice-card .voice-head {
    position: relative;
    display: grid;
    grid-template-columns: 70px 220px;
    -moz-column-gap: 15px;
         column-gap: 15px;
    align-items: start;
    margin-bottom: 30px;
  }
  #page70 .contents-2 .voice-items .voice-card .voice-head::after {
    position: absolute;
    bottom: -14.75px;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: repeating-linear-gradient(to right, #7c7c7c 0 1px, transparent 1px 3px);
    content: "";
  }
  #page70 .contents-2 .voice-items .voice-card .voice-head .avatar {
    grid-column: 1;
    width: 70px;
    height: 70px;
    border: 2px solid #1f3661;
    border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden;
  }
  #page70 .contents-2 .voice-items .voice-card .voice-head .avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page70 .contents-2 .voice-items .voice-card .voice-head h2 {
    grid-column: 2;
    margin-top: 17.75px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.38;
    letter-spacing: 0.8px;
    text-align: left;
    color: #1f3661;
  }
  #page70 .contents-2 .voice-items .voice-card .voice-head h2.is-three-lines {
    margin-top: 3.25px;
  }
  #page70 .contents-2 .voice-items .voice-card .body-text {
    width: 305px;
    margin-bottom: 15px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.61;
    letter-spacing: 0.42px;
    text-align: left;
    color: #1f3661;
  }
  #page70 .contents-2 .voice-items .voice-card .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5px;
    width: 305px;
    margin-bottom: 7.5px;
  }
  #page70 .contents-2 .voice-items .voice-card .tags span {
    display: inline-flex;
    align-items: center;
    padding: 2px 6px 2.5px 5px;
    border: 1px solid #364d78;
    border-radius: 11px;
    box-sizing: border-box;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 17.5px;
    letter-spacing: 0.36px;
    text-align: left;
    color: #364d78;
  }
  #page70 .contents-2 .voice-items .voice-card .details {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 7.5px;
    margin-bottom: 15px;
  }
  #page70 .contents-2 .voice-items .voice-card .details span {
    position: relative;
    display: block;
    padding-left: 21.5px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 17.5px;
    letter-spacing: 0.36px;
    text-align: left;
    color: #1f3661;
  }
  #page70 .contents-2 .voice-items .voice-card .details span::before {
    position: absolute;
    top: 1px;
    left: 0;
    width: 16.5px;
    height: 16.5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
  }
  #page70 .contents-2 .voice-items .voice-card .details span.home::before {
    background-image: url("/wp-content/themes/cf_theme/images/page02/page70/madori.png");
  }
  #page70 .contents-2 .voice-items .voice-card .details span.map::before {
    top: 2px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page70/area.png");
  }
  #page70 .contents-2 .voice-items .voice-card .ratings {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 5px;
    margin-bottom: 20px;
  }
  #page70 .contents-2 .voice-items .voice-card .ratings div {
    display: grid;
    grid-template-columns: 111px auto;
    align-items: center;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  #page70 .contents-2 .voice-items .voice-card .ratings dt {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 17.5px;
    letter-spacing: 0.36px;
    text-align: left;
    color: #1f3661;
    white-space: nowrap;
  }
  #page70 .contents-2 .voice-items .voice-card .ratings dd {
    --score: 5;
    position: relative;
    width: 80px;
    height: 14px;
    overflow: hidden;
    font-family: "Poppins", sans-serif;
    font-size: 0;
    font-weight: 500;
    line-height: 1;
    text-align: left;
    color: transparent;
  }
  #page70 .contents-2 .voice-items .voice-card .ratings dd::before, #page70 .contents-2 .voice-items .voice-card .ratings dd::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    content: "";
  }
  #page70 .contents-2 .voice-items .voice-card .ratings dd::before {
    width: 80px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page70/star_w.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_w.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_w.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_w.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_w.png");
    background-position: 0 0, 16.5px 0, 33px 0, 49.5px 0, 66px 0;
  }
  #page70 .contents-2 .voice-items .voice-card .ratings dd::after {
    width: 80px;
    background-image: url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png");
    background-position: 0 0, 16.5px 0, 33px 0, 49.5px 0, 66px 0;
  }
  #page70 .contents-2 .voice-items .voice-card .ratings dd[aria-label*="4点"] {
    --score: 4;
  }
  #page70 .contents-2 .voice-items .voice-card .ratings dd[aria-label*="4点"]::after {
    background-image: url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png"), url("/wp-content/themes/cf_theme/images/page02/page70/star_y.png");
    background-position: 0 0, 16.5px 0, 33px 0, 49.5px 0;
  }
  #page70 .contents-2 .voice-items .voice-card .photo {
    width: 305px;
    height: 228.75px;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
  }
  #page70 .contents-2 .voice-items .voice-card .photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}/*# sourceMappingURL=page02.css.map */