/*! tailwindcss v3.0.15 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    border: 0 solid;
    box-sizing: border-box;
}
:after,
:before {
    --tw-content: "";
}
html {
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
        Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
        Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 13.02083vw;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
}
@media (min-width: 768px) {
  html {
      font-size: 6.51042vw;
  }
}

body {
    line-height: inherit;
    margin: 0;
}
h2,
h3 {
    font-size: inherit;
    font-weight: inherit;
}
a {
    color: inherit;
    text-decoration: inherit;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
h2,
h3,
p {
    margin: 0;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
img {
    display: block;
    vertical-align: middle;
}
img {
    height: auto;
    max-width: 100%;
}
*,
:after,
:before {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.left-0 {
    left: 0;
}
.-bottom-o-24 {
    bottom: -0.24rem;
}
.right-0 {
    right: 0;
}
.bottom-0 {
    bottom: 0;
}
.-left-o-32 {
    left: -0.32rem;
}
.-top-o-32 {
    top: -0.32rem;
}
.top-o-20 {
    top: 0.2rem;
}
.z-10 {
    z-index: 10;
}
.z-50 {
    z-index: 50;
}
.order-2 {
    order: 2;
}
.order-1 {
    order: 1;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.mt-o-32 {
    margin-top: 0.32rem;
}
.mt-o-16 {
    margin-top: 0.16rem;
}
.mt-o-20 {
    margin-top: 0.2rem;
}
.mt-o-4 {
    margin-top: 0.04rem;
}
.mt-o-40 {
    margin-top: 0.4rem;
}
.mt-o-48 {
    margin-top: 0.48rem;
}
.-mt-o-64 {
    margin-top: -0.64rem;
}
.mt-o-24 {
    margin-top: 0.24rem;
}
.mb-o-16 {
    margin-bottom: 0.16rem;
}
.mt-o-12 {
    margin-top: 0.12rem;
}
.mt-o-60 {
    margin-top: 0.6rem;
}
.mr-o-20 {
    margin-right: 0.2rem;
}
.mt-o-100 {
    margin-top: 1rem;
}
.mt-o-28 {
    margin-top: 0.28rem;
}
.mt-o-140 {
    margin-top: 1.4rem;
}
.mt-o-56 {
    margin-top: 0.56rem;
}
.ml-auto {
    margin-left: auto;
}
.mt-o-52 {
    margin-top: 0.52rem;
}
.mb-o-24 {
    margin-bottom: 0.24rem;
}
.mt-o-64 {
    margin-top: 0.64rem;
}
.mt-o-80 {
    margin-top: 0.8rem;
}
.mb-o-40 {
    margin-bottom: 0.4rem;
}
.mt-o-152 {
    margin-top: 1.52rem;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.flex {
    display: flex;
}
.h-o-2 {
    height: 0.02rem;
}
.h-o-400 {
    height: 4rem;
}
.max-h-0 {
    max-height: 0;
}
.w-o-300 {
    width: 3rem;
}
.w-o-272 {
    width: 2.72rem;
}
.w-o-698 {
    width: 6.98rem;
}
.w-o-340 {
    width: 3.4rem;
}
.w-o-192 {
    width: 1.92rem;
}
.w-o-608 {
    width: 6.08rem;
}
.w-o-220 {
    width: 2.2rem;
}
.w-full {
    width: 100%;
}
.w-o-526 {
    width: 5.26rem;
}
.w-o-500 {
    width: 5rem;
}
.w-o-580 {
    width: 5.8rem;
}
.w-o-140 {
    width: 1.4rem;
}
.w-o-280 {
    width: 2.8rem;
}
.w-o-400 {
    width: 4rem;
}
.w-o-330 {
    width: 3.3rem;
}
.w-o-264 {
    width: 2.64rem;
}
.w-o-310 {
    width: 3.1rem;
}
.w-o-614 {
    width: 6.14rem;
}
.w-o-480 {
    width: 4.8rem;
}
.w-o-420 {
    width: 4.2rem;
}
.w-o-100 {
    width: 1rem;
}
.w-o-260 {
    width: 2.6rem;
}
.w-o-560 {
    width: 5.6rem;
}
.w-o-528 {
    width: 5.28rem;
}
.w-o-252 {
    width: 2.52rem;
}
.w-o-288 {
    width: 2.88rem;
}
.w-o-302 {
    width: 3.02rem;
}
.w-o-275 {
    width: 2.75rem;
}
.w-o-556 {
    width: 5.56rem;
}
.w-o-232 {
    width: 2.32rem;
}
.w-o-720 {
    width: 7.2rem;
}
.w-o-454 {
    width: 4.54rem;
}

/*追加分04_03*/
.w-o-700 {
    width: 7.0rem;
}

.rotate-12 {
    --tw-rotate: 12deg;
}
.-rotate-12,
.rotate-12 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-12 {
    --tw-rotate: -12deg;
}
.cursor-pointer {
    cursor: pointer;
}
.flex-wrap {
    flex-wrap: wrap;
}
.items-start {
    align-items: flex-start;
}
.items-end {
    align-items: flex-end;
}
.items-center {
    align-items: center;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.gap-o-12 {
    gap: 0.12rem;
}
.gap-o-48 {
    gap: 0.48rem;
}
.gap-o-40 {
    gap: 0.4rem;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.rounded-o-16 {
    border-radius: 0.16rem;
}
.rounded-o-8 {
    border-radius: 0.08rem;
}
.rounded-o-20 {
    border-radius: 0.2rem;
}
.rounded-bl-o-28 {
    border-bottom-left-radius: 0.28rem;
}
.border-o-6 {
    border-width: 0.06rem;
}
.border-b-o-6 {
    border-bottom-width: 0.06rem;
}
.border-b-o-4 {
    border-bottom-width: 0.04rem;
}
.border-orange {
    --tw-border-opacity: 1;
    border-color: rgb(252 68 0 / var(--tw-border-opacity));
    border-style: solid;
}
.border-green {
    --tw-border-opacity: 1;
    border-color: rgb(61 187 132 / var(--tw-border-opacity));
    border-style: solid;
}
.bg-orange {
    --tw-bg-opacity: 1;
    background-color: rgb(252 68 0 / var(--tw-bg-opacity));
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 241 25 / var(--tw-bg-opacity));
}
.bg-whiteorange {
    --tw-bg-opacity: 1;
    background-color: rgb(255 200 172 / var(--tw-bg-opacity));
}
.bg-green {
    --tw-bg-opacity: 1;
    background-color: rgb(61 187 132 / var(--tw-bg-opacity));
}
.bg-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(53 138 199 / var(--tw-bg-opacity));
}
.bg-gray {
    --tw-bg-opacity: 1;
    background-color: rgb(241 241 241 / var(--tw-bg-opacity));
}
.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-whitegreen {
    --tw-bg-opacity: 1;
    background-color: rgb(216 239 229 / var(--tw-bg-opacity));
}
.bg-footerblue {
    --tw-bg-opacity: 1;
    background-color: rgb(49 116 186 / var(--tw-bg-opacity));
}
.px-o-32 {
    padding-left: 0.32rem;
    padding-right: 0.32rem;
}
.py-o-24 {
    padding-bottom: 0.24rem;
    padding-top: 0.24rem;
}
.py-o-28 {
    padding-bottom: 0.28rem;
    padding-top: 0.28rem;
}
.px-o-24 {
    padding-left: 0.24rem;
    padding-right: 0.24rem;
}
.py-o-40 {
    padding-bottom: 0.4rem;
    padding-top: 0.4rem;
}
.py-o-12 {
    padding-bottom: 0.12rem;
    padding-top: 0.12rem;
}
.py-o-32 {
    padding-bottom: 0.32rem;
    padding-top: 0.32rem;
}
.py-o-8 {
    padding-bottom: 0.08rem;
    padding-top: 0.08rem;
}
.py-o-56 {
    padding-bottom: 0.56rem;
    padding-top: 0.56rem;
}
.py-o-20 {
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
}
.px-o-12 {
    padding-left: 0.12rem;
    padding-right: 0.12rem;
}
.pt-o-32 {
    padding-top: 0.32rem;
}
.pb-o-300 {
    padding-bottom: 3rem;
}
.pt-o-12 {
    padding-top: 0.12rem;
}
.pb-o-32 {
    padding-bottom: 0.32rem;
}
.pt-o-20 {
    padding-top: 0.2rem;
}
.pb-o-28 {
    padding-bottom: 0.28rem;
}
.pl-o-48 {
    padding-left: 0.48rem;
}
.pb-o-48 {
    padding-bottom: 0.48rem;
}
.pt-o-64 {
    padding-top: 0.64rem;
}
.pt-o-72 {
    padding-top: 0.72rem;
}
.pb-o-36 {
    padding-bottom: 0.36rem;
}
.pl-o-36 {
    padding-left: 0.36rem;
}
.pt-o-36 {
    padding-top: 0.36rem;
}
.pt-o-56 {
    padding-top: 0.56rem;
}
.pb-o-80 {
    padding-bottom: 0.8rem;
}
.pt-o-80 {
    padding-top: 0.8rem;
}
.pt-o-60 {
    padding-top: 0.6rem;
}
.pb-o-60 {
    padding-bottom: 0.6rem;
}
.pr-o-24 {
    padding-right: 0.24rem;
}
.pt-o-48 {
    padding-top: 0.48rem;
}
.pt-o-28 {
    padding-top: 0.28rem;
}
.pt-o-68 {
    padding-top: 0.68rem;
}
.pl-o-72 {
    padding-left: 0.72rem;
}
.pb-o-56 {
    padding-bottom: 0.56rem;
}
.pb-o-40 {
    padding-bottom: 0.4rem;
}
.text-center {
    text-align: center;
}
.text-md {
    font-size: 13.02083vw;
}
.text-16 {
    font-size: 0.16rem;
}
.text-32 {
    font-size: 0.32rem;
}
.text-38 {
    font-size: 0.38rem;
}
.text-26 {
    font-size: 0.26rem;
}
.text-28 {
    font-size: 0.28rem;
}
.text-40 {
    font-size: 0.4rem;
}
.text-34 {
    font-size: 0.34rem;
}
.text-50 {
    font-size: 0.5rem;
}
.text-30 {
    font-size: 0.3rem;
}
.text-42 {
    font-size: 0.42rem;
}
.text-48 {
    font-size: 0.48rem;
}
.text-24 {
    font-size: 0.24rem;
}
.text-70 {
    font-size: 0.7rem;
}
.text-46 {
    font-size: 0.46rem;
}
.text-43 {
    font-size: 0.43rem;
}
.text-37 {
    font-size: 0.37rem;
}
.text-21 {
    font-size: 0.21rem;
}
.font-bold {
    font-weight: 700;
}
.font-medium {
    font-weight: 500;
}
.leading-none {
    line-height: 1;
}
.leading-o-16 {
    line-height: 1.6;
}
.leading-o-18 {
    line-height: 1.8;
}
.tracking-o-50 {
    letter-spacing: 0.05em;
}
.tracking-o-75 {
    letter-spacing: 0.075em;
}
.tracking-o-100 {
    letter-spacing: 0.1em;
}
.tracking-o-25 {
    letter-spacing: 0.025em;
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-yellow {
    --tw-text-opacity: 1;
    color: rgb(255 241 25 / var(--tw-text-opacity));
}
.text-orange {
    --tw-text-opacity: 1;
    color: rgb(252 68 0 / var(--tw-text-opacity));
}
.text-blue {
    --tw-text-opacity: 1;
    color: rgb(53 138 199 / var(--tw-text-opacity));
}
.text-green {
    --tw-text-opacity: 1;
    color: rgb(61 187 132 / var(--tw-text-opacity));
}
.underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}
.underline-offset-4 {
    text-underline-offset: 4px;
}
.opacity-0 {
    opacity: 0;
}
.duration-300 {
    transition-duration: 0.3s;
}
html {
    font-family: Noto Sans JP, sans-serif;
}
.cta_arrow {
    position: relative;
}
.cta_arrow:after {
    height: 0.28rem;
    right: 0.32rem;
    top: calc(50% - 0.14rem);
    width: 0.35rem;
}
.cta_arrow:after,
.hold.cta_arrow:after {
    background: url(/img/promotion/index_04_02/cta_arrow.png) no-repeat
        100% / contain;
    content: "";
    position: absolute;
}
.hold.cta_arrow:after {
    height: 0.18rem;
    right: 0.16rem;
    top: calc(50% - 0.09rem);
    width: 0.28rem;
}
.keyv_bg {
    background: url(/img/promotion/index_04_02/keyv_bg.jpg) no-repeat 50% /
        cover;
}
.head_whiteArrow {
    position: relative;
}
.head_whiteArrow:before {
    background: url(/img/promotion/index_04_02/left_whiteArrow.png)
        no-repeat bottom/contain;
    left: -0.48rem;
}
.head_whiteArrow:after,
.head_whiteArrow:before {
    content: "";
    height: 0.88rem;
    position: absolute;
    top: 0.32rem;
    width: 0.5rem;
}
.head_whiteArrow:after {
    background: url(/img/promotion/index_04_02/right_whiteArrow.png)
        no-repeat bottom/contain;
    right: -0.48rem;
}
.cta_listIcon {
    background: url(/img/promotion/index_04_02/cta_icon.png) no-repeat 0/0.36rem;
}
.cta_btn_shadow {
    box-shadow: 0 0.16rem 0 rgba(0, 0, 0, 0.25);
}
.head_orangeArrow {
    position: relative;
}
.head_orangeArrow:before {
    background: url(/img/promotion/index_04_02/left_orangeArrow.png)
        no-repeat bottom/contain;
    left: 0.2rem;
}
.head_orangeArrow:after,
.head_orangeArrow:before {
    content: "";
    height: 0.88rem;
    position: absolute;
    top: 0.32rem;
    width: 0.5rem;
}
.head_orangeArrow:after {
    background: url(/img/promotion/index_04_02/right_orangeArrow.png)
        no-repeat bottom/contain;
    right: 0.2rem;
}
.task_check {
    background: url(/img/promotion/index_04_02/task_check.png) no-repeat 0
    .08rem/0.28rem;
    content: "";
}
.service_arrow {
    position: relative;
}
.service_arrow:after {
    background: url(/img/promotion/index_04_02/service_head_arrow.png)
        no-repeat 50% / cover;
    bottom: -0.8rem;
    content: "";
    height: 0.8rem;
    position: absolute;
    width: 100%;
}
.point_arrow {
    position: relative;
}
.point_arrow:after {
    border-left: 0.88rem solid transparent;
    border-right: 0.88rem solid transparent;
    border-top: 0.48rem solid #fc4400;
    content: "";
    left: calc(50% - 0.88rem);
    position: absolute;
    top: 0;
    transform: translateY(-1rem);
}
.yellow_border {
    position: relative;
}
.yellow_border:after {
    background-color: #fff119;
    bottom: 0;
    content: "";
    height: 0.28rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
}
.support3.yellow_border:after,
.support3.yellow_border:before {
    background-color: #fff119;
    bottom: 0.72rem;
    content: "";
    height: 0.28rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
}
.dot {
    position: relative;
}
.dot:before {
    background-color: #fc4400;
    border-radius: 100%;
    content: "";
    height: 0.09rem;
    left: calc(50% - 0.045rem);
    position: absolute;
    top: -0.08rem;
    transform: translateY(50%);
    width: 0.09rem;
}
.reason_arrow {
    position: relative;
}
.reason_arrow:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #fff;
    bottom: -8px;
    content: "";
    left: 60%;
    position: absolute;
}
.flow_topArrow {
    position: relative;
}
.flow_topArrow:after {
    background: url(/img/promotion/index_04_02/flow_topArrow.png) no-repeat
        bottom/cover;
    content: "";
    height: 0.64rem;
    left: 0;
    position: absolute;
    width: 100%;
}
.voice_arrow {
    position: relative;
}
.voice_arrow:after {
    border-left: 0.2rem solid transparent;
    border-right: 0.2rem solid transparent;
    border-top: 0.2rem solid #fc4400;
    bottom: -0.188rem;
    content: "";
    left: calc(50% - 0.2rem);
    position: absolute;
}
.question_border {
    position: relative;
}
.question_border:after {
    background-color: #141414;
    bottom: -0.4rem;
    content: "";
    height: 0.02rem;
    left: calc(50% - 0.8rem);
    position: absolute;
    width: 1.65rem;
}
.question_arrow {
    position: relative;
    transition-duration: 0.3s;
}
.question_arrow:after {
    background: url(/img/promotion/index_04_02/question_arrow.png)
        no-repeat 100%/0.28rem;
    content: "";
    height: 0.16rem;
    position: absolute;
    right: 0;
    top: calc(50% - 0.08rem);
    transition-duration: 0.3s;
    transition-timing-function: ease;
    width: 0.28rem;
}
.open:after {
    transform: rotate(180deg);
}
.companylist__logo{
  display:flex;
  width:calc(100% - 32px);
  margin: 16px auto 0;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
}
.companylist__logo--item{
  flex:0 0 calc((100% - 20px) / 3);
  padding:8px;
  background:#fff;
  border: 1px solid #9F9F9F;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*追加分 index_04_03*/
.label_or{
    border: 1px solid #FC4400;
    background: #ffffff;
    color: #FC4400;
    padding: 4px 8px 4px 8px;
    letter-spacing: 0;
    font-size: 0.6em;
    vertical-align: 0.2em;
    display: inline-block;
    margin-right: 15px;
}

.label_wh{
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 4px 8px 4px 8px;
    margin-bottom: 0.3em;
    letter-spacing: 0;
    display: block;
    line-height: 1.3;
}
.cta_text{font-size:1.3em;}

.btnCvaText{
    text-align: left;
    padding-left: 0.3rem;
}

.btnCva__flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btnCva__flex .btnCva--text {
    line-height: 1.4;
    text-align: left;
}

@media screen and (min-width: 600px) {
    .reason_arrow:after {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 16px solid #fff;
        bottom: -16px;
    }
}
@media screen and (min-width: 768px) {
    .keyv_bg {
        background: url(/img/promotion/index_04_02/keyv_bg_pc.jpg)
            no-repeat 50% / cover;
    }
    .service_arrow:after {
        background: url(/img/promotion/index_04_02/service_head_arrow_pc.png)
            no-repeat 50% / cover;
    }
    .head_orangeArrow:before {
        left: 2.8rem;
    }
    .head_orangeArrow:after {
        right: 2.8rem;
    }
    .reason_arrow:after {
        border-left: 0.2rem solid transparent;
        border-right: 0.2rem solid transparent;
        border-top: 0.32rem solid #fff;
        bottom: -0.32rem;
        content: "";
        left: calc(50% - 0.2rem);
        position: absolute;
    }
    .flow_topArrow:after {
        background: url(/img/promotion/index_04_02/flow_topArrow_pc.png)
            no-repeat bottom/cover;
    }
    .task_check {
        background: url(/img/promotion/index_04_02/task_check.png)
            no-repeat left top 0.12rem/.28rem;
        content: "";
    }
    .companylist__logo{
      width:calc(100% - 48px);
      max-width:1200px;
      gap:24px;
    }
    .companylist__logo--item{
      flex:0 0 calc((100% - 72px) / 4);
    }

    /*追加分04_03*/
    .label_wh{
        border: 2px solid #ffffff;
        color: #ffffff;
        padding: 4px 8px 4px 8px;
        margin-bottom: 0.3em;
        letter-spacing: 0;
        display: block;
        line-height: 1.3;
    }
    .label_or{
        border: 2px solid #FC4400;
        background: #ffffff;
        color: #FC4400;
        padding: 4px 8px 4px 8px;
        letter-spacing: 0;
        font-size: 0.6em;
        vertical-align: 0.2em;
        display: inline-block;
        margin-right: 20px;
    }

    .btnCvaText{
        text-align: left;
        padding-left: 0.5rem;
    }

    .btnCva {
        width: 60%;
    }

    .btnCva__flex {
        padding-right: 5%;
    }

    .btnCva__flex .label_or {
        width: 10%;
    }
    .btnCva__flex .btnCva--text {
        font-size: 0.33rem;
    }
}

@media (min-width: 768px) {
    .md\:left-o-120 {
        left: 1.2rem;
    }
    .md\:-top-o-40 {
        top: -0.4rem;
    }
    .md\:-top-o-52 {
        top: -0.52rem;
    }
    .md\:top-o-28 {
        top: 0.28rem;
    }
    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .md\:mx-0 {
        margin-right: 0;
    }
    .md\:ml-0,
    .md\:mx-0 {
        margin-left: 0;
    }
    .md\:mr-0 {
        margin-right: 0;
    }
    .md\:mt-o-12 {
        margin-top: 0.12rem;
    }
    .md\:mt-o-28 {
        margin-top: 0.28rem;
    }
    .md\:mt-0 {
        margin-top: 0;
    }
    .md\:-mt-o-120 {
        margin-top: -1.2rem;
    }
    .md\:-mt-o-140 {
        margin-top: -1.4rem;
    }
    .md\:-mt-o-180 {
        margin-top: -1.8rem;
    }
    .md\:-mt-o-40 {
        margin-top: -0.4rem;
    }
    .md\:mr-o-12 {
        margin-right: 0.12rem;
    }
    .md\:mb-o-40 {
        margin-bottom: 0.4rem;
    }
    .md\:mb-o-52 {
        margin-bottom: 0.52rem;
    }
    .md\:ml-o-16 {
        margin-left: 0.16rem;
    }
    .md\:mt-o-48 {
        margin-top: 0.48rem;
    }
    .md\:mt-o-140 {
        margin-top: 1.4rem;
    }
    .md\:mr-o-20 {
        margin-right: 0.2rem;
    }
    .md\:-mt-o-160 {
        margin-top: -1.6rem;
    }
    .md\:block {
        display: block;
    }
    .md\:inline-block {
        display: inline-block;
    }
    .md\:inline {
        display: inline;
    }
    .md\:flex {
        display: flex;
    }
    .md\:hidden {
        display: none;
    }
    .md\:w-o-200 {
        width: 2rem;
    }
    .md\:w-o-180 {
        width: 1.8rem;
    }
    .md\:w-o-1400 {
        width: 14rem;
    }
    .md\:w-o-760 {
        width: 7.6rem;
    }
    .md\:w-o-780 {
        width: 7.8rem;
    }
    .md\:w-o-280 {
        width: 2.8rem;
    }
    .md\:w-o-440 {
        width: 4.4rem;
    }
    .md\:w-o-440.xl-max410{
        max-width:410px;
    }
    .md\:w-o-1200 {
        width: 12rem;
    }
    .md\:w-o-240 {
        width: 2.4rem;
    }
    .md\:w-o-1000 {
        width: 10rem;
    }
    .md\:w-o-800 {
        width: 8rem;
    }
    .md\:w-o-336 {
        width: 3.36rem;
    }
    .md\:w-o-660 {
        width: 6.6rem;
    }
    .md\:w-o-638 {
        width: 6.38rem;
    }
    .md\:w-o-1240 {
        width: 12.4rem;
    }
    .md\:w-initial {
        width: auto;
    }
    .md\:w-o-834 {
        width: 8.34rem;
    }
    .md\:w-o-1228 {
        width: 12.28rem;
    }
    .md\:w-o-614 {
        width: 6.14rem;
    }
    .md\:w-o-310 {
        width: 3.1rem;
    }
    .md\:w-o-437 {
        width: 4.37rem;
    }
    .md\:w-o-650 {
        width: 6.5rem;
    }
    .md\:w-o-360 {
        width: 3.6rem;
    }
    .md\:w-o-700 {
        width: 7rem;
    }
    .md\:w-o-340 {
        width: 3.4rem;
    }
    .md\:w-o-480 {
        width: 4.8rem;
    }
    .md\:w-o-320 {
        width: 3.2rem;
    }
    .md\:w-o-1175 {
        width: 11.75rem;
    }
    .md\:w-o-1300 {
        width: 13rem;
    }
    .md\:w-o-195 {
        width: 1.95rem;
    }
    .md\:w-o-1260 {
        width: 12.6rem;
    }
    .md\:w-o-1060 {
        width: 10.6rem;
    }
    .md\:w-o-1280 {
        width: 12.8rem;
    }
    .md\:w-o-1225 {
        width: 12.25rem;
    }
    .md\:items-center {
        align-items: center;
    }
    .md\:justify-start {
        justify-content: flex-start;
    }
    .md\:justify-end {
        justify-content: flex-end;
    }
    .md\:justify-center {
        justify-content: center;
    }
    .md\:justify-between {
        justify-content: space-between;
    }
    .md\:gap-o-20 {
        gap: 0.2rem;
    }
    .md\:gap-o-16 {
        gap: 0.16rem;
    }
    .md\:whitespace-nowrap {
        white-space: nowrap;
    }
    .md\:rounded-bl-none {
        border-bottom-left-radius: 0;
    }
    .md\:rounded-tl-o-28 {
        border-top-left-radius: 0.28rem;
    }
    .md\:px-o-68 {
        padding-left: 0.68rem;
        padding-right: 0.68rem;
    }
    .md\:py-o-56 {
        padding-bottom: 0.56rem;
        padding-top: 0.56rem;
    }
    .md\:py-o-40 {
        padding-bottom: 0.4rem;
        padding-top: 0.4rem;
    }
    .md\:pt-o-108 {
        padding-top: 1.08rem;
    }
    .md\:pb-o-64 {
        padding-bottom: 0.64rem;
    }
    .md\:pt-o-100 {
        padding-top: 1rem;
    }
    .md\:pt-o-212 {
        padding-top: 2.12rem;
    }
    .md\:pb-o-48 {
        padding-bottom: 0.48rem;
    }
    .md\:pr-0 {
        padding-right: 0;
    }
    .md\:pl-o-100 {
        padding-left: 1rem;
    }
    .md\:pb-o-92 {
        padding-bottom: 0.92rem;
    }
    .md\:pb-o-40 {
        padding-bottom: 0.4rem;
    }
    .md\:text-center {
        text-align: center;
    }
    .md\:text-pc {
        font-size: 6.51042vw;
    }
    .md\:text-42 {
        font-size: 0.42rem;
    }
    .md\:text-48 {
        font-size: 0.48rem;
    }
    .md\:text-32 {
        font-size: 0.32rem;
    }
    .md\:text-35 {
        font-size: 0.35rem;
    }
    .md\:text-40 {
        font-size: 0.4rem;
    }
    .md\:text-36 {
        font-size: 0.36rem;
    }
    .md\:text-42 {
        font-size: 0.42rem;
    }
    .md\:text-52 {
        font-size: 0.52rem;
    }
    .md\:text-58 {
        font-size: 0.58rem;
    }
    .md\:text-38 {
        font-size: 0.38rem;
    }
}
@media screen and (min-width: 1400px){
    /* PC幅上限を追加 */
    .max-w-1200{
        max-width:1280px !important;
    }
    /* .pr-075{
        padding-right:.75rem;
    } */
    .plan_first{
        width:calc((100% - 3.36rem) - .5rem);
        margin-left: 0;
        padding-left: 0.32rem;
        padding-right: 0.25rem;
    }
    .plan_first ul{
        max-width: 6.75rem;
        max-width: 100%;
        margin-left: 0;
    }

    .plan_first .task_check{
        font-size:min(.285rem,36px);
    }
    .service_rogo{
        margin-left:-.32rem;
    }
    .service_natsumi{
        right:-1rem;
    }
    .family_img{
        width:3.1rem;
    }
    .max-w-1200.service_card >img{
        width:2.75rem;
        max-width: calc((100% - 48px) / 4);
    }
    .max-w-1200 .card_title{
        margin-top: 0.24rem;
        margin-left: auto;
    }
    .max-w-1200.faq .faq_q{
       padding-left:.24rem;
       padding-right:.24rem;
    }
}

@media (max-width: 767px) {
    .sp\:mt-o-64 {
        margin-top: 0.64rem;
    }
    .sp\:mt-o-20 {
        margin-top: 0.2rem;
    }
    .sp\:mt-o-24 {
        margin-top: 0.24rem;
    }
    .sp\:block {
        display: block;
    }
    .sp\:hidden {
        display: none;
    }
    .sp\:text-center {
        text-align: center;
    }
    .sp\:text-left {
        text-align: left;
    }
    .sp-fz16{
        font-size:16px;
    }
    .sp-fz15{
        font-size:15px;
    }
    .sp-fz14{
        font-size:14px;
    }
    .sp-fz13{
        font-size:13px;
    }
    .cta_text{font-size:1.3em; line-height:1.2;}
}
@media (max-width: 768px) {
    .btnCva__flex {
        padding: 0 0.7rem 0 0.28rem;
    }
    .btnCva__flex .label_or {
        width: 1.2rem;
    }
    .btnCva__flex .btnCva--text {
        font-size: 0.3rem;
    }
}
/* #4360 v2*/
.v2_support_baloom {
    position: relative;
    text-align: center;
    margin-top: .2rem;
}
.v2_support_baloomTxt {
    text-align: left;
    position: absolute;
    top: 46%;
    display: inline-block;
    transform: translate(-50%, -50%);
    -webkit-transform: t ranslate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 6rem;
    font-size: .32rem;
}
.v2_support_baloom-sub {
    text-align: center;
    position: relative;
    left: -1rem;
}
.v2_support_slash {
    position: relative;
    display: inline-block;
}
.v2_support_slash::before,
.v2_support_slash::after {
    position: absolute;
    display: inline-block;
    content: "";
    background: #fff;
    width: 2px;
    height: 1.3em;
    margin: 0 1em;
    margin-top: -1.2em;
    vertical-align: middle;
    bottom: -4px;
}
.v2_support_slash::before {
    transform: rotate(-25deg);
    left: -1.8em
}
.v2_support_slash::after {
    transform: rotate(25deg);
    right: -1.8em;
}
.v2_support_bgColorR {
    background-color: #ffdfd3;
}
.is-sp {
    display: none;
}
@media screen and (max-width: 768px) {
    .v2_support_txt-1 {
        max-width: 6.98rem;
    }
    .is-pc {
        display: none;
    }
    .is-sp {
        display: block;
    }
}
/* 優良誤認注釈 */
.annotation {
    color: #888;
    font-size: 12px;
    text-indent: -1em;
    padding-left: 1em;
    margin-top: 10px;
}
@media screen and (min-width: 498px) {
    .annotation {
        text-align: right;
    }
}

/* 成約CP */
.campaign {
	color: #fff;
	padding: 40px 0;
}
.campaign__inner {
	margin: 0 auto;
	max-width: 580px;
	min-width: 280px;
}
.campaign_ttl {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
	position: relative;
	padding-bottom: 15px;
	border-bottom: 4px solid #ffc30d;
}
.campaign em {
	color: #fff119;
	font-style: normal;
}
.campaign_ttl:before, .campaign_ttl:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.campaign_ttl:before {
	border-color: rgba(255, 195, 13, 0);
	border-top-color: #ffc30d;
	border-width: 20px;
	margin-left: -20px;
}
.campaign_ttl:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fc4400;
	border-width: 14px;
	margin-left: -14px;
}
.campaign_ttl .icon_house {
    padding: 0 5px;
  }
.campaign_ttl .icon_house:before {
    content: "";
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.2 29.9"><path fill="%23fff8c5" d="M4.4,0.9h4.8v11.3H4.4V0.9z"/><path fill="%23ffe900" d="M16.6,0L0,13.9h4.4v16h24.3v-16h4.4L16.6,0z M15.7,23.4h-4v-4h4V23.4z M15.7,17.6h-4v-3.9h4V17.6z M21.5,23.4 h-4v-4h4V23.4z M21.5,17.6h-4v-3.9h4V17.6z"/></svg>') no-repeat center 5px / 23px;
    display: inline-block;
    width: 30px;
    height: 32px;
    vertical-align: top;  
}
.campaign_ttl .ol_border,
.campaign_ttl .yl_underline {
    margin: 0 3px;
}
.campaign_ttl .ol_border {
    font-size: 80%;
    color: #ff4500;
    background: #fff;
    border-radius: 6px;
    padding: 2px 8px 4px;
}
.campaign_ttl .yl_underline {
    color: #fff;
    background: linear-gradient(transparent 92%, #fff 10%);
    padding: 0 2px 3px;
}
.sm_txt {
    font-size: 80%;
}
.lg_txt {
    font-size: 120%;
}
.campaign_ttl .sm_txt {
    margin-left: 3px;
}
.campaign_ttl .lg_txt {
    margin: 0 2px;
}
.campaign_ttl__main {
	position: relative;
	border-bottom: 4px solid #ffc30d;
	padding: 20px 20px 15px 20px;
}
.campaign_items {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
}
.campaign_items_img {
    width: 100px;
    height: auto;
    margin-right: 20px;
}
.campaign_items_txt {
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
}
.campaign a {
	text-decoration: underline;
	transition: 0.3s;
}
.campaign a:hover {
	opacity: 0.8;
}
.campaign_detail{
	font-size: 1.1em;
	font-weight: 500;
	text-align: right;
}
.campaign_detail a {
	border-radius: 4px;
	padding: 0 8px 4px;
	margin-right: -20px;
	transition: 0.3s;
}
.campaign_detail a:hover {
	background-color: #ffc30d;
}
.campaign_arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 2px 14px;
	vertical-align: middle;
	margin-left: 4px;
}
.campaign_arrow::before,
.campaign_arrow::after{
	position: absolute;
	top: 0;
	bottom: 2px;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.campaign_arrow::before{
	background-color: #fff;
	box-sizing: border-box;
	width: 16px;
	height: 16px;
	border: 2px solid #555;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.campaign_arrow::after{
	left: 4px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #555;
	border-right: 2px solid #555;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.campaign_notes {
	text-align: center;
	margin-top: 10px;
}
.campaign_disclaimer {
	font-size: 13px;
	padding-top: 40px;
}
.campaign_disclaimer .wraps {
	text-align: center;
}
.disclaimer_txt, .disclaimer_txt span {
	display: inline-block;
	text-align: left;
}
.disclaimer_txt li {
    line-height: 1.2;
    margin-bottom: .8em;
}
@media screen and (max-width: 768px){
	.campaign {
		font-size: 13px;
	}
	.campaign__inner {
		padding: 0 20px;
	}
	.color--cbl .campaign__inner {
		padding: 0;
	}
	.campaign_ttl {
		font-size: 1.1em;
		padding-bottom: 10px;
	}
	.campaign_ttl:before {
		border-width: 14px;
		margin-left: -14px;
	}
	.campaign_ttl:after {
		border-width: 8px;
		margin-left: -8px;
	}
    .campaign_ttl .icon_house:before {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.2 29.9"><path fill="%23fff8c5" d="M4.4,0.9h4.8v11.3H4.4V0.9z"/><path fill="%23ffe900" d="M16.6,0L0,13.9h4.4v16h24.3v-16h4.4L16.6,0z M15.7,23.4h-4v-4h4V23.4z M15.7,17.6h-4v-3.9h4V17.6z M21.5,23.4 h-4v-4h4V23.4z M21.5,17.6h-4v-3.9h4V17.6z"/></svg>') no-repeat center 5px / 17px;
        width: 19px;
    }
    .campaign_ttl .ol_border {
        font-size: 100%;
        border-radius: 4px;
        padding: 0 6px 2px;
    }
    .campaign_ttl .yl_underline {
        font-size: 110%;
    }
	.campaign_ttl__main {
		padding: 20px 10px;
	}
	.campaign_items_img{
		width: 80px;
		margin-right: 1em;
	}
	.campaign_items_txt {
		font-size: 1.2em;
	}
	.campaign_detail {
		bottom: 0;
	}
	.campaign_disclaimer {
		padding: 20px 20px 0 20px;
	}
}

/* #5716 フローティングバナー追加 */
.floating-bnr-01 {
    position: fixed;
    right: -322px;
    transition: all .5s ease;
    z-index: 12;
}
.is-scrolled.floating-bnr-01 {
    right: 0;
    transition: all .5s ease;
}
.floating-bnr-01 > a {
    display: block;
    width: 322px;
    height: 360px;
}
.floating-bnr-01 > a > img {
    width: 100%;
    height: auto;
}

.floating-bnr-01 .btn-close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: -14px;
}

.floating-bnr-01 .btn-close > div {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    background: #ffc30d;
}
.floating-bnr-01 .btn-close > div span {
    width: 16px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 14px;
    left: 7px;
}
.floating-bnr-01 .btn-close > div span:nth-child(1){
    transform: rotate(45deg);
}
.floating-bnr-01 .btn-close > div span:nth-child(2){
    transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
    .floating-bnr-01 {
        transition: all 1s ease;
    }
    .is-scrolled.floating-bnr-01 {
        transition: all 1s ease;
    }
    .floating-bnr-01 > a {
        display: block;
        width: 205px;
        height: 267px;
    }
    .floating-bnr-01 .btn-close {
        top: -20px;
    }

}
/* /#5716 フローティングバナー追加 */

#header {
    height: auto;
    border-bottom: none;
    font-size: 0.16rem;
    position: static;
}
#header .header__layout {
    height: auto;
    padding: 0.24rem 0.68rem;
    align-items: center;
    display: flex;
    justify-content: space-between;
}
#header .header__layout .siteLogo {
    width: 2rem;
    height: auto;
    margin: 0;
    padding: 0;
}
#header .header__layout .header_form_ndss {
    width: 1.8rem;
    position: static;
    margin: 0;
}
#header.header--form + main {
    padding-top: 0;
}
#header.header--form .header__layout::after {
    display: none;
}
@media screen and (max-width: 767px) {
    #header .header__layout {
        padding: 0.24rem 0.32rem;
    }
    #header .header__layout .siteLogo {
        width: 3rem;
    }
    #header .header__layout .header_form_ndss {
        width: 2.72rem;
    }
}

/* #7111 alヘッダー（コズレ） */
#header .header__layout .siteLogo--al {
		width: 4.32rem;
}
@media screen and (max-width: 767px) {
		#header .header__layout .siteLogo--al {
				width: 4.75rem;
		}
		#header .header__layout .header_form_ndss--al {
				width: 1.75rem;
		}
}

/* #6201 「建売・規格住宅・分譲住宅」も対応可能の訴求追加 */
.housing-partnership-10 {
    width: 100%;
    margin: 100px auto;
    display: flex;
    justify-content: space-between;
}
.housing-partnership-10__main {
    flex: 1;
}
.housing-partnership-10__figure {
    width: 35.21%;
    border-radius: 10px;
    overflow: hidden;
}
.housing-partnership-10__figure img {
    width: 100%;
    height: auto;
}
.housing-partnership-10__head {
    font-size: clamp(10px, 4.296vw, 55px);
    color: #000;
    font-weight: 700;
    line-height: 1.454;
}
.housing-partnership-10__head__em {
    display: inline-block;
    color: #FF4500;
    line-height: 1;
}
.housing-partnership-10__head__first {
  background: linear-gradient(transparent 60%, #FFFF00 60%);
  display: inline-block;
}
.housing-partnership-10__head__small {
    display: inline-block;
    font-size: 80%;
    padding: 0 2px;
}
.housing-partnership-10__body {
    margin-top: 1em;
    margin-right: 6.5%;
    line-height: 1.73;
    color: #000;
    font-size: clamp(10px, 2.03125vw, 26px);
    font-weight: 700;
}
.housing-partnership-10__text + .housing-partnership-10__text {
    margin-top: 1em;
}
.housing-partnership-10__text__marker {
    /* background: linear-gradient(transparent 60%, #FF4500 60%); */
    --tw-border-opacity: 1;
    border-color: rgb(252 68 0 / var(--tw-border-opacity));
    border-bottom-width: 0.06rem;
}

@media screen and (max-width: 768px) {
    .housing-partnership-10 {
        width: auto;
        margin: 40px 0;
        flex-direction: column;
    }
    .housing-partnership-10__figure {
        width: 100%;
        margin: 3em 0 0;
    }
    .housing-partnership-10__head {
        font-size: 6.9vw;
        line-height: 1.428;
    }
    .housing-partnership-10__head__em .emphasis:before {
        width: 1.4vw;
    }
    .housing-partnership-10__main {
        margin-top: 0;
    }
    .housing-partnership-10__body {
        margin-top: 1em;
        font-size: 3.733vw;
        font-weight: 400;
        line-height: 1.428;
        margin-right: 0;
    }
    .housing-partnership-10__text + .housing-partnership-10__text {
        margin-top: 1.5em;
    }
}
/* //#6201 「建売・規格住宅・分譲住宅」も対応可能の訴求追加 */

/* 6866 */
.companylist-figure {
  width: calc(100% - 48px);
  max-width: 1200px;
  margin: 0 auto;
  margin-top: max(-72px,-6vw);
  display: flex;
  justify-content: flex-end;
}
.companylist-figure__wrap {
  width: min(45.167vw,542px);
  height: min(13.5vw,162px);
  display: flex;
  overflow: hidden;
  align-items: flex-start;
}
.companylist-figure__balloon {
  flex: 1;
}
.companylist-figure__img {
  width: 12vw;
  max-width: 144px;
  height: auto;
  display: block;
}
.companylist-figure__balloon {
  background-color: #fff;
  border-radius: min(0.833vw,10px);
  padding: min(2vw,24px);
  position: relative;
  font-size: min(1.5vw,18px);
  font-weight: 700;
  margin-right: min(2vw,24px);
  line-height: 1;
  text-align: center;
  font-feature-settings: 'palt';
}
.companylist-figure__balloon::after {
  content: "";
  display: block;
  width: min(3.333vw,40px);
  height: min(0.833vw,10px);
  border-top: min(0.833vw,10px) solid #fff;
  border-left: min(1.667vw,20px) solid transparent;
  border-right: min(1.667vw,20px) solid transparent;
  position: absolute;
  right: max(-1.667vw,-20px);
  bottom: min(2vw,24px);
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .companylist-figure {
    width: calc(100% - 32px);
    margin-top: 3.077vw;
  }
  .companylist-figure__img {
    width: 14.103vw;
  }
  .companylist-figure__wrap {
    width: 100%;
    height: 16.41vw;
  }
  .companylist-figure__balloon {
    font-size: 4.103vw;
    padding: 2.564vw 1.282vw;
    margin-right: 3.333vw;
  }
  .companylist-figure__balloon::after {
    border-top-width: 1.282vw;
    border-right-width: 2.564vw;
    border-left-width: 2.564vw;
    right: -2.564vw;;
  }
}
/* //6866 */