@charset "UTF-8";
main {
    font-family: Noto Sans JP, sans-serif;
    font-feature-settings: "palt";
    letter-spacing: .05em
}
@media screen and (max-width: 768px) {
    .u-desktop {
        display: none
    }
}
.u-mobile {
    display: none
}
@media screen and (max-width: 768px) {
    .u-mobile {
        display: block
    }
}
html {
    font-size: 16px
}
@media (max-width: 1440px) {
    html {
        font-size: 1.1111111111vw
    }
}
@media screen and (max-width: 840px) {
    html {
        font-size: 16px
    }
}
@media (max-width: 430px) {
    html {
        font-size: 3.7209302326vw
    }
}
@media screen and (max-width: 768px) {
    a[href^="tel:"] {
        pointer-events: none
    }
}
a {
    text-decoration: none;
    color: inherit;
    transition: opacity .3s
}
@media screen and (max-width: 768px) {
    a:hover {
        opacity: .8
    }
}
*, *:before, *:after {
    box-sizing: border-box
}
ul, ol {
    padding: 0
}
body, h1, h2, h3, h4, p, ul, ol, figure, blockquote, dl, dd {
    margin: 0
}
html {
    scroll-behavior: smooth
}
body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1
}
ul, ol {
    list-style: none
}
a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}
img {
    max-width: 100%;
    display: block;
    width: 100%;
    height: auto
}
article>*+* {
    margin-top: 1em
}
input, button, textarea, select {
    font: inherit
}
input, button, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none
}
textarea {
    resize: vertical
}
input[type=checkbox], input[type=radio] {
    display: none
}
input[type=submit], input[type=button], label, button, select {
    cursor: pointer
}
select::-ms-expand {
    display: none
}
picture {
    display: block
}
button {
    display: block;
    padding: 0;
    width: 100%
}
body {
    background-color: #fff
}
.c-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    font-weight: 500;
    border: 2px solid #fff;
    color: #fff;
    width: 100%;
    max-width: 50rem;
    border-radius: 2.8125rem;
    height: 5rem;
    transition: all 0.45s;
}
.c-btn:hover {
    background-color: #fff;
    border-color: #222;
    color: #222;
}
@media screen and (max-width: 768px) {
    .c-btn {
        height: min(13.9534883721vw, 3.75rem);
        font-size: min(4.8837209302vw, 1.3125rem);
        font-weight: 700;
        border-width: 1px
    }
}
.c-btn.--black {
    border-color: #222;
    color: #222
}
.c-btn.--black:hover {
    background-color: #222;
    border-color: #222;
    color: #fff;
}
.c-btn.--black:before {
    background-color: #222
}
.c-btn:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: 2.5rem;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    width: 1rem;
    height: 1.625rem;
    background-color: #fff;
    transition: all .45s
}
.c-btn:hover::before {
    background-color: #222;
}
.c-btn.--black:hover::before {
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-btn:before {
        right: min(3.488372093vw, .9375rem);
        width: min(3.023255814vw, .8125rem);
        height: min(4.1860465116vw, 1.125rem)
    }
}
@media (hover: hover) {
    .c-btn:hover:before {
        right: 2.1875rem
    }
}
.c-label {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: .05em
}
@media screen and (max-width: 768px) {
    .c-label {
        font-size: 1rem;
        line-height: 1.5
    }
}
.c-title {
    text-align: center;
    font-size: 2.25rem;
    font-weight: 700
}
@media screen and (max-width: 768px) {
    .c-title {
        font-size: 1.75rem;
        line-height: 1.5
    }
}
.c-title:before {
    display: none
}
.l-inner {
    margin: 0 auto;
    width: 100%;
    height: inherit;
    max-width: 1330px;
    padding-right: 25px;
    padding-left: 25px
}
@media screen and (max-width: 768px) {
    .l-inner {
        padding-right: 20px;
        padding-left: 20px;
        max-width: 33.75rem
    }
}
.p-about {
    background-color: #000a28;
    color: #fff;
    padding-top: 9.375rem;
    margin-top: -1px;
}
@media screen and (max-width: 768px) {
    .p-about {
        padding-top: 2.1875rem
    }
}
.p-about__lead {
    text-align: center;
    line-height: 2;
    font-weight: 700;
    margin-top: 2.5rem
}
@media screen and (max-width: 768px) {
    .p-about__lead {
        margin-top: .5rem
    }
}
.p-about__subTitle {
    color: #fff;
    background-color: #3c5064;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 2rem;
    font-weight: 500;
    margin-inline: auto;
    padding: .625rem 3.125rem .875rem;
    margin-top: 4.0625rem
}
@media screen and (max-width: 768px) {
    .p-about__subTitle {
        font-size: 1.25rem;
        padding: .375rem 1.0625rem;
        margin-top: 1.875rem
    }
}
.p-about__blocks {
    margin-top: 2.25rem
}
@media screen and (max-width: 768px) {
    .p-about__blocks {
        margin-top: .875rem
    }
}
.p-about__block+.p-about__block {
    margin-top: 4.6875rem
}
@media screen and (max-width: 768px) {
    .p-about__block+.p-about__block {
        margin-top: 3.4375rem
    }
}
.p-about__head {
    text-align: center
}
.p-about__text {
    line-height: 1.5;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700
}
@media screen and (max-width: 768px) {
    .p-about__text {
        font-size: 1.125rem
    }
}
.p-about__number {
    color: #f6a700;
    font-weight: 700;
    font-size: 4rem;
    line-height: 1;
    margin-top: 1rem
}
@media screen and (max-width: 768px) {
    .p-about__number {
        font-size: 3rem
    }
}
.p-about__number span {
    font-size: 3rem
}
@media screen and (max-width: 768px) {
    .p-about__number span {
        font-size: 2.25rem
    }
}
.p-about__number strong {
    font-family: Roboto, sans-serif
}
@media screen and (max-width: 768px) {
    .p-about__scroll {
        position: relative;
        margin-left: calc(50% - 50cqi);
        margin-right: calc(50% - 50cqi);
        overflow-x: auto;
        margin-top: .375rem
    }
}
.p-about__scroll:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7.5rem;
    height: 7.5rem;
    background: url(../../img/consciousair/swipe.webp) center center/contain no-repeat;
    pointer-events: none;
    transition: all .75s
}
.p-about__scroll.is-scroll:before {
    opacity: 0;
    visibility: hidden
}
@media screen and (max-width: 768px) {
    .p-about__scroll img {
        max-width: unset;
        width: 169.2307692308vw;
        padding-inline: 20px
    }
}
.p-about__body1 {
    position: relative;
    max-width: 55rem;
    margin-inline: auto;
    margin-top: 1.25rem
}
.p-about__body1 .p-about__arrow {
    top: 1.25rem;
    left: 29.0625rem
}
.p-about__body2 {
    position: relative;
    max-width: 55rem;
    margin-inline: auto;
    margin-top: 1.25rem
}
.p-about__body2 .p-about__arrow {
    top: .5rem;
    right: 6.09375rem;
    width: 4.6875rem;
    height: 11.375rem
}
.p-about__border1 {
    position: absolute;
    bottom: 2px;
    right: 0;
    z-index: 2
}
.p-about__border2 {
    position: absolute;
    bottom: 2px;
    right: 0;
    z-index: 1
}
.js-svg.is-active path {
    animation: line 1.8s ease-in-out forwards
}
@keyframes line {
    to {
        stroke-dashoffset: 0
    }
}
.p-about__arrow {
    position: absolute;
    width: 6.5625rem;
    height: 14.0625rem;
    background: url(../../img/consciousair/big_arrow.webp) center center/100% 100% no-repeat;
    transition: all .5s 2s;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transform-origin: top left
}
.p-about__tag {
    position: absolute;
    font-size: 1.125rem;
    font-weight: 500;
    padding-right: 2.5rem;
    z-index: 20;
    transition: all .5s 2s
}
.p-about__tag:before {
    position: absolute;
    content: "";
    background-color: #fff;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1.875rem;
    height: 1px
}
.p-about__tag:after {
    position: absolute;
    content: "";
    width: .5rem;
    height: .5rem;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border-radius: 50%
}
.p-about__tag.is-init, .p-about__tag2.is-init, .p-about__arrow.is-init {
    transition: none !important;
    opacity: 0;
    visibility: hidden
}
.p-about__body1.is-active .p-about__tag {
    opacity: 1;
    visibility: visible
}
.p-about__body1.is-active .p-about__arrow {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}
.p-about__body2.is-active .p-about__tag2 {
    opacity: 1;
    visibility: visible
}
.p-about__body2.is-active .p-about__arrow {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}
.p-about__tag.--1 {
    left: 17.1875rem;
    top: 6.25rem
}
.p-about__tag.--2 {
    left: 19.375rem;
    top: 10.25rem
}
.p-about__bars {
    position: absolute;
    width: 83.3%;
    right: 3.90625rem;
    height: calc(100% - 2rem);
    bottom: 1.5625rem
}
.p-about__bar {
    position: absolute;
    display: flex;
    align-items: flex-end;
    gap: .3125rem;
    width: 5.3125rem;
    height: 100%;
    bottom: 1px
}
.p-about__bar.--1 {
    left: 1.875rem
}
.p-about__bar.--2 {
    left: 8.375rem
}
.p-about__bar.--3 {
    left: 14.875rem
}
.p-about__bar.--4 {
    left: 21.375rem
}
.p-about__bar.--5 {
    left: 28rem
}
.p-about__bar.--6 {
    position: relative;
    left: 38.1875rem
}
.p-about__bar.--6::before {
    position: absolute;
    content: "";
    background: url(../../img/consciousair/ryaku.webp) center center / contain no-repeat;
    width: 9.625rem;
    height: 2.375rem;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5.5rem;
}
.p-about__bar span {
    display: block;
    width: 2.5rem;
    transition: all 1.5s;
    height: 0%
}
.p-about__bar span:nth-child(1) {
    background: linear-gradient(to bottom, #f6a700 30%, #000a28)
}
.p-about__bar span:nth-child(2) {
    background: linear-gradient(to bottom, #00a8e7 30%, #000a28)
}
.p-about__tag2 {
    position: absolute;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3333333333;
    z-index: 20;
    transition: all .5s 2s;
    opacity: 0;
    visibility: hidden
}
.p-about__tag2:before {
    position: absolute;
    content: "";
    background-color: #fff;
    transform: translate(-50%);
    left: 50%;
    width: 1px;
    bottom: 0
}
.p-about__tag2:after {
    position: absolute;
    content: "";
    width: .5rem;
    height: .5rem;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    background-color: #fff;
    border-radius: 50%
}
.p-about__tag2.--1 {
    padding-bottom: 2.1875rem;
    top: 6.25rem;
    left: 7.25rem
}
.p-about__tag2.--1:before {
    height: 2.0625rem
}
.p-about__tag2.--2 {
    padding-bottom: 3.125rem;
    top: 6.25rem;
    left: 10rem
}
.p-about__tag2.--2:before {
    height: 3rem
}
.p-case {
    background-color: #e6f0fa;
    padding-block: 7.5rem
}
@media screen and (max-width: 768px) {
    .p-case {
        padding-block: 3.125rem
    }
}
.p-case__blocks {
    margin-top: 4.5rem
}
@media screen and (max-width: 768px) {
    .p-case__blocks {
        margin-top: 1.6875rem
    }
}
.p-case__block+.p-case__block {
    margin-top: 4.6875rem
}
@media screen and (max-width: 768px) {
    .p-case__block+.p-case__block {
        margin-top: 2.1875rem
    }
}
.p-case__subTitle {
    display: grid;
    grid-template-columns: 12.5rem 1fr;
    gap: 1.25rem;
    align-items: center;
    border-bottom: 1px solid;
    margin-top: 0px !important;
}
@media screen and (max-width: 768px) {
    .p-case__subTitle {
        grid-template-columns: 8.0625rem 1fr;
        gap: .6875rem
    }
}
.p-case__tag {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-weight: 700;
    height: 3.75rem;
    border: 1px solid;
    margin-bottom: -1px
}
@media screen and (max-width: 768px) {
    .p-case__tag {
        font-size: 1.125rem;
        height: 3.375rem
    }
}
.p-case__lists {
    display: grid;
    margin-top: 2rem
}
@media screen and (max-width: 768px) {
    .p-case__lists {
        margin-top: 0rem
    }
}
.p-case__lists.--2 {
    grid-template-columns: repeat(2, 1fr)
}
@media screen and (max-width: 768px) {
    .p-case__lists.--2 {
        grid-template-columns: 100%
    }
}
.p-case__lists.--3 {
    grid-template-columns: repeat(3, 1fr)
}
@media screen and (max-width: 768px) {
    .p-case__lists.--3 {
        grid-template-columns: 100%
    }
}
@media screen and (max-width: 768px) {
    .p-case__list {
        padding-block: 1.25rem .75rem
    }
}
.p-case__list+.p-case__list {
    padding-left: 1.25rem;
    position: relative
}
@media screen and (max-width: 768px) {
    .p-case__list+.p-case__list {
        padding-left: 0
    }
}
.p-case__list+.p-case__list:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: radial-gradient(circle farthest-side, #222222, #222222 30%, transparent 30%, transparent);
    background-size: .625rem .5rem;
    height: 100%;
    width: .625rem
}
@media screen and (max-width: 768px) {
    .p-case__list+.p-case__list:before {
        background-size: .5rem .5rem;
        width: 100%;
        height: .5rem
    }
}
.p-case__listTitle {
    margin-top: 0 !important;
    line-height: 1
}
.p-case__listText {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 1rem
}
@media screen and (max-width: 768px) {
    .p-case__listText {
        font-size: .875rem;
        margin-top: .5625rem
    }
}
.p-case__result {
    background-color: #fff;
    border-radius: .75rem;
    padding: 2.25rem 1.25rem;
    margin-top: .75rem
}
@media screen and (max-width: 768px) {
    .p-case__result {
        padding: 1.4375rem;
        margin-top: 0;
        border-radius: .5625rem
    }
}
.p-case__resultTitle {
    margin-top: 0 !important;
    font-weight: 700;
    line-height: 1
}
.p-case__resultText {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 1rem
}
@media screen and (max-width: 768px) {
    .p-case__resultText {
        font-size: 1.0625rem;
        line-height: 1.5;
        margin-top: .625rem
    }
}
.p-case__resultImg {
    pointer-events: none
}
@media screen and (max-width: 768px) {
    .p-case__resultImg {
        position: relative;
        display: block;
        pointer-events: auto
    }
    .p-case__resultImg::before {
        position: absolute;
        content: "";
        width: 7.5rem;
        height: 7.5rem;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background: url(../../img/consciousair/tap.webp) center center / contain no-repeat;
    }
}
.p-case__resultImg img {
    display: block;
    margin-top: 1.5625rem
}
.p-contact {
    padding-block: 6.25rem 
}
@media screen and (max-width: 768px) {
    .p-contact {
        padding-block: 3.125rem 
    }
}
.p-contact__lead {
    text-align: center;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 1.25rem
}
.p-contact__form {
    margin-top: 1.875rem
}
.p-faq {
    background-color: #e6f0fa;
    padding-block: 6.25rem 9.375rem
}
@media screen and (max-width: 768px) {
    .p-faq {
        padding-block: 3.125rem
    }
}
.p-faq__inner {
    max-width: calc(55rem + 50px)
}
.p-faq__title {
    color: #222
}
.p-faq__blocks {
    margin-top: 2.1875rem
}
@media screen and (max-width: 768px) {
    .p-faq__blocks {
        margin-top: .875rem
    }
}
.p-faq__block {
    background-color: #fff;
    padding: 2.5rem
}
@media screen and (max-width: 768px) {
    .p-faq__block {
        padding: 1rem
    }
}
.p-faq__block[open] .p-faq__icon {
    --deg: 180deg
}
.p-faq__block+.p-faq__block {
    margin-top: 2.1875rem
}
@media screen and (max-width: 768px) {
    .p-faq__block+.p-faq__block {
        margin-top: 1.125rem
    }
}
.p-faq__q, .p-faq__a {
    display: flex;
    gap: .625rem
}
.p-faq__q span, .p-faq__a span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 700
}
@media screen and (max-width: 768px) {
    .p-faq__q span, .p-faq__a span {
        width: 1.875rem;
        height: 1.875rem;
        font-size: 1.125rem
    }
}
summary::marker {
    content: ""
}
summary::-webkit-details-marker {
    display: none
}
.p-faq__q {
    list-style-type: none;
    cursor: pointer;
    position: relative;
    color: #00a8e7;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6666666667;
    padding-right: 2.75rem
}
@media screen and (max-width: 768px) {
    .p-faq__q {
        align-items: center;
        font-weight: 700;
        font-size: 1.125rem;
        line-height: 1.3333333333
    }
}
.p-faq__q span {
    color: #fff;
    background-color: #00a8e7
}
.p-faq__a {
    color: #222;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5;
    padding-top: 1.125rem;
    margin-top: 1.125rem;
    border-top: 1px solid #222222
}
@media screen and (max-width: 768px) {
    .p-faq__a {
        font-size: .875rem;
        padding-top: .625rem;
        margin-top: .625rem
    }
}
.p-faq__a span {
    color: #f6a700;
    border: 1px solid #f6a700
}
@property --deg {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}
.p-faq__icon {
    position: absolute;
    height: 1rem;
    width: 1.5rem;
    top: 50%;
    transform: translateY(-50%) rotate(var(--deg));
    right: 0;
    background: url(../../img/consciousair/arrow.svg) center center/contain no-repeat;
    transition: all .45s
}
.p-feature {
    margin-top: 3.75rem
}
@media screen and (max-width: 768px) {
    .p-feature {
        margin-top: 2.5rem
    }
}
.p-feature__lead {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2;
    text-align: center
}
@media screen and (max-width: 768px) {
    .p-feature__lead {
        font-size: 1rem;
        line-height: 1.5
    }
}
.p-feature__blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.625rem;
    margin-top: 2.5rem
}
@media screen and (max-width: 768px) {
    .p-feature__blocks {
        grid-template-columns: 100%;
        gap: 1.375rem;
        margin-top: 1.25rem;
    }
}
.p-feature__block {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #8ca0b4;
    border-radius: .75rem;
    padding-block: 1.375rem;
    padding-inline: .5rem
}
@media screen and (max-width: 768px) {
    .p-feature__block {
        padding-block: 1rem
    }
}
.p-feature__block+.p-feature__block:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: -2.75rem;
    width: 3.125rem;
    height: 2rem;
    background: url(../../img/consciousair/gray_arrow.webp) center center/contain no-repeat
}
@media screen and (max-width: 768px) {
    .p-feature__block+.p-feature__block:before {
        height: 1.875rem;
        width: 1.4375rem;
        top: -1.4375rem;
        left: 50%;
        transform: translate(-50%);
        background-image: url(../../img/consciousair/gray_arrow_sp.webp)
    }
}
.p-feature__text {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5
}
@media screen and (max-width: 768px) {
    .p-feature__text {
        font-size: .875rem
    }
}
.p-feature__text strong {
    font-weight: 700
}
.p-feature__img {
    margin-inline: auto;
    margin-top: .5rem
}
.p-feature__block:nth-child(1) .p-feature__img {
    width: 14rem
}
@media screen and (max-width: 768px) {
    .p-feature__block:nth-child(1) .p-feature__img {
        width: 10.5rem
    }
}
.p-feature__block:nth-child(2) .p-feature__img {
    width: 16.75rem
}
@media screen and (max-width: 768px) {
    .p-feature__block:nth-child(2) .p-feature__img {
        width: 12.5625rem
    }
}
.p-feature__block:nth-child(3) .p-feature__img {
    width: 8.9375rem
}
@media screen and (max-width: 768px) {
    .p-feature__block:nth-child(3) .p-feature__img {
        width: 6.625rem
    }
}
.p-feature__figure {
    position: relative;
    padding: 2.5rem;
    background-color: #3c5064;
    border-radius: .75rem;
    margin-top: 2.375rem
}
@media screen and (max-width: 768px) {
    .p-feature__figure {
        padding: 1rem;
        margin-top: 1.25rem;
        border-radius: .5625rem
    }
}
.p-feature__figure:before {
    position: absolute;
    content: "";
    background-color: #3c5064;
    width: 2.5rem;
    height: 4.375rem;
    top: -4.3125rem;
    left: 11.25rem;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%)
}
@media screen and (max-width: 768px) {
    .p-feature__figure:before {
        display: none
    }
}
.p-flow {
    padding-block: 7.5rem
}
@media screen and (max-width: 768px) {
    .p-flow {
        padding-block: 3.125rem
    }
}
.p-flow__title {
    color: #222
}
.p-flow__blocks {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.6875rem;
    color: #222;
    margin-top: 2.375rem
}
@media screen and (max-width: 768px) {
    .p-flow__blocks {
        grid-template-columns: 100%;
        margin-top: 1.5625rem
    }
}
.p-flow__block {
    position: relative;
    background-color: #e6f0fa;
    border-radius: 1rem;
    padding: 1.75rem .9375rem 1.5625rem
}
@media screen and (max-width: 768px) {
    .p-flow__block {
        display: grid;
        grid-template-areas: "img title" "img text";
        align-items: center;
        gap: 0 .625rem;
        grid-template-columns: 6.75rem 1fr;
        grid-template-rows: 1.875rem 1fr;
        height: 10.3125rem;
        padding-inline: 1.25rem;
        padding-block: 1.25rem
    }
}
.p-flow__block+.p-flow__block:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    background-color: #000;
    height: 1.25rem;
    width: .75rem;
    left: -1.25rem;
    background: linear-gradient(to right, #005078, #001428);
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%)
}
@media screen and (max-width: 768px) {
    .p-flow__block+.p-flow__block:before {
        transform: translate(-50%) rotate(90deg);
        left: 50%;
        top: -1.4375rem
    }
}
.p-flow__subTitle {
    text-align: center;
    color: inherit;
    margin-top: 0 !important;
    font-size: 1.5rem;
    font-weight: 700
}
@media screen and (max-width: 768px) {
    .p-flow__subTitle {
        text-align: left;
        font-size: 1.125rem;
        grid-area: title
    }
}
.p-flow__img {
    width: 7.5rem;
    margin-inline: auto;
    margin-block: .75rem
}
@media screen and (max-width: 768px) {
    .p-flow__img {
        grid-area: img;
        width: 100%
    }
}
.p-flow__text {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .02em
}
@media screen and (max-width: 768px) {
    .p-flow__text {
        align-self: baseline;
        font-size: .875rem;
        line-height: 1.5;
        grid-area: text
    }
}
.p-flow__btn {
    text-align: center;
    margin-top: 5rem
}
@media screen and (max-width: 768px) {
    .p-flow__btn {
        margin-top: 2.625rem
    }
}
.p-form {
    max-width: 52.5rem;
    margin-inline: auto;
    color: #333
}
.p-form__main {
    display: grid;
    font-size: 1.125rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.875rem 2.8125rem
}
@media screen and (max-width: 768px) {
    .p-form__main {
        font-size: 1rem;
        grid-template-columns: 100%;
        gap: 1.375rem
    }
}
.p-form__row {
    grid-column: span 2
}
@media screen and (max-width: 768px) {
    .p-form__row {
        grid-column: initial
    }
}
.p-form__row.small {
    grid-column: span 1
}
.p-form__text {
    font-size: 1.125rem;
    line-height: 1;
    letter-spacing: .05em;
    display: flex;
    align-items: center;
    font-weight: 500;
    gap: .3125rem
}
@media screen and (max-width: 768px) {
    .p-form__text {
        font-size: .8125rem
    }
}
.p-form__text span.hissu {
    width: 2.5rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #c80000;
    font-size: .875rem;
    padding-top: .125rem
}
@media screen and (max-width: 768px) {
    .p-form__text span.hissu {
        width: 1.875rem;
        height: .9375rem;
        font-size: .6875rem;
        padding-top: .0625rem
    }
}
.p-form__radio {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2.125rem;
    margin-top: .625rem
}
@media screen and (max-width: 768px) {
    .p-form__radio {
        margin-top: .3125rem;
        gap: 1.625rem
    }
}
.p-form__radio li input+span {
    position: relative;
    display: inline-block;
    padding-left: 1.875rem
}
@media screen and (max-width: 768px) {
    .p-form__radio li input+span {
        font-size: .8125rem;
        padding-left: 1.3125rem
    }
}
.p-form__radio li input+span:before {
    position: absolute;
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #cccccc;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}
@media screen and (max-width: 768px) {
    .p-form__radio li input+span:before {
        width: .9375rem;
        height: .9375rem
    }
}
.p-form__radio li input+span:after {
    position: absolute;
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid black;
    background-color: #000;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scale(.6);
    display: none
}
@media screen and (max-width: 768px) {
    .p-form__radio li input+span:after {
        width: .9375rem;
        height: .9375rem
    }
}
.p-form__radio li input:checked+span:after {
    display: block
}
.p-form__input {
    margin-top: .625rem
}
.p-form__input input, .p-form__input textarea {
    display: inline-block;
    width: 100%;
    border: 1px solid #cccccc;
    height: 2.5rem;
    padding-inline: 1em;
    font-size: 1rem
}
@media screen and (max-width: 768px) {
    .p-form__input input, .p-form__input textarea {
        height: 1.875rem
    }
}
.p-form__input textarea {
    height: 20rem;
    padding: 1em;
    line-height: 1.5
}
@media screen and (max-width: 768px) {
    .p-form__input textarea {
        height: 15rem
    }
}
.p-form__confirm {
    margin-top: .625rem
}
.p-form__confirm input+span {
    position: relative;
    display: inline-block;
    padding-left: 1.875rem;
    line-height: 1.5
}
@media screen and (max-width: 768px) {
    .p-form__confirm input+span {
        padding-left: 1.3125rem;
        font-size: .8125rem
    }
}
.p-form__confirm input+span a {
    text-decoration: underline;
    color: #00a8e7
}
.p-form__confirm input+span:before {
    position: absolute;
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #cccccc;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}
@media screen and (max-width: 768px) {
    .p-form__confirm input+span:before {
        top: 0;
        width: .8125rem;
        height: .8125rem;
        transform: translateY(0)
    }
}
.p-form__confirm input+span:after {
    position: absolute;
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid black;
    background-color: #000;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scale(.6);
    display: none
}
@media screen and (max-width: 768px) {
    .p-form__confirm input+span:after {
        top: 0;
        width: .8125rem;
        height: .8125rem;
        transform: translateY(0) scale(.6)
    }
}
.p-form__confirm input:checked+span:after {
    display: block
}
.p-form__submit {
    position: relative;
    max-width: 60rem;
    width: 100%;
    margin-inline: auto;
    margin-top: 4.5rem;
    text-align: center
}
@media screen and (max-width: 768px) {
    .p-form__submit {
        max-width: 24.375rem;
        width: 100%;
        margin-inline: auto;
        margin-top: 1.875rem
    }
}
.p-form__submitBtn {
    position: relative
}
.p-form__submitBtn input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: none !important;
    font-size: inherit !important;
    color: #222 !important;
    border: none !important;
    transition: all 0.45s;
}
.p-form__submitBtn:hover input {
    color: #fff !important;
}
.p-form__submiText {
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6875;
    letter-spacing: .05em;
    margin-top: 1.25rem
}
@media screen and (max-width: 768px) {
    .p-form__submiText {
        font-size: .8125rem;
        margin-top: 1rem;
        line-height: 1.3076923077
    }
}
.wpcf7-not-valid-tip {
    font-size: 1rem;
    margin-top: 1em
}
.p-intro {
    background-color: #000a28;
    color: #fff;
    padding-top: 7.1875rem
}
@media screen and (max-width: 768px) {
    .p-intro {
        padding-top: 3.125rem
    }
}
.p-intro__title {
    color: #fff
}
.p-intro__lists {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    max-width: 75rem;
    margin-inline: auto;
    margin-top: 3.125rem
}
@media screen and (max-width: 768px) {
    .p-intro__lists {
        max-width: 17.8125rem;
        grid-template-columns: 100%;
        margin-top: 1.5625rem
    }
}
.p-intro__list {
    position: relative;
    display: grid;
    grid-template-columns: 4.6875rem 1fr;
    gap: 1.25rem;
    align-items: center;
    padding-block: 1.25rem
}
@media screen and (max-width: 768px) {
    .p-intro__list {
        grid-template-columns: 3.625rem 1fr;
        gap: .75rem;
        padding-block: 1rem
    }
}
.p-intro__list:nth-child(3n+2), .p-intro__list:nth-child(3n+3) {
    padding-left: 2.1875rem
}
@media screen and (max-width: 768px) {
    .p-intro__list:nth-child(3n+2), .p-intro__list:nth-child(3n+3) {
        padding-left: 0
    }
}
.p-intro__list:nth-child(3n+2):before, .p-intro__list:nth-child(3n+3):before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: radial-gradient(circle farthest-side, #fff, #fff 30%, transparent 30%, transparent);
    background-size: .625rem .5rem;
    height: 110%;
    width: .625rem
}
@media screen and (max-width: 768px) {
    .p-intro__list:nth-child(3n+2):before, .p-intro__list:nth-child(3n+3):before {
        display: none
    }
}
.p-intro__list:nth-child(n+4):after {
    position: absolute;
    content: "";
    background: radial-gradient(circle farthest-side, #fff, #fff 30%, transparent 30%, transparent);
    background-size: .625rem .5rem;
    height: .625rem;
    width: 100%;
    top: 0;
    left: 0
}
@media screen and (max-width: 768px) {
    .p-intro__list:nth-child(n+4):after {
        background-size: .3125rem .25rem;
        height: .3125rem
    }
}
@media screen and (max-width: 768px) {
    .p-intro__list+.p-intro__list:after {
        position: absolute;
        content: "";
        background: radial-gradient(circle farthest-side, #fff, #fff 30%, transparent 30%, transparent);
        background-size: .25rem .25rem;
        height: .25rem;
        width: 102%;
        top: 0;
        left: 0
    }
}
.p-intro__number {
    font-size: 4rem;
    font-weight: 400;
    font-family: Roboto, sans-serif
}
@media screen and (max-width: 768px) {
    .p-intro__number {
        font-size: 3rem;
    }
}
.p-intro__text {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5
}
@media screen and (max-width: 768px) {
    .p-intro__text {
        font-size: 1rem
    }
}
.p-mv {
    background: url(../../img/consciousair/bg_mv.webp) center center/cover no-repeat;
    padding-block: 7.5rem 6.25rem;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .p-mv {
        background-image: url(../../img/consciousair/bg_mv_sp.webp);
        padding-block: 2.3125rem 3.4375rem
    }
}
.p-mv h1 {
    display: none
}
.p-mv__inner {
    max-width: calc(63.125rem + 50px)
}
.p-mv__title:before {
    display: none
}
.p-mv__text {
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: -2em;
    letter-spacing: .1em
}
@media screen and (max-width: 768px) {
    .p-mv__title {
        width: 100vw;
        max-width: unset;
        margin-left: calc(50% - 50vw);
    }
    .p-mv__text {
        font-size: 1.125rem;
        line-height: 1.5;
        letter-spacing: .05em;
        margin-top: 0;
    }
}
.p-mv__number {
    max-width: 50rem;
    margin-inline: auto;
    margin-top: 0
}
@media screen and (max-width: 768px) {
    .p-mv__number {
        margin-top: 0rem
    }
}
.p-mv__btn {
    text-align: center;
    margin-top: 3.125rem
}
@media screen and (max-width: 768px) {
    .p-mv__btn {
        margin-top: 1.375rem
    }
}
.p-mv__btn a {
    height: 3.75rem
}
@media screen and (max-width: 768px) {
    .p-mv__btn a {
        height: min(13.9534883721vw, 3.75rem)
    }
}
.p-point {
    padding-block: 6.875rem
}
@media screen and (max-width: 768px) {
    .p-point {
        padding-block: 3.125rem
    }
}
.p-point__blocks {
    margin-top: 3.125rem
}
@media screen and (max-width: 768px) {
    .p-point__blocks {
        margin-top: 1.5rem;
    }
}
.p-point__block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.8125rem
}
@media screen and (max-width: 768px) {
    .p-point__block {
        grid-template-columns: 100%;
        gap: 0rem
    }
}
.p-point__block+.p-point__block {
    margin-top: 4.375rem
}
@media screen and (max-width: 768px) {
    .p-point__block+.p-point__block {
        margin-top: 3.125rem
    }
}
.p-point__block:nth-child(odd) .p-point__content {
    order: 1
}
@media screen and (max-width: 768px) {
    .p-point__block:nth-child(odd) .p-point__content {
        order: -1
    }
}
.p-point__content {
    background: url(../../img/consciousair/bg_point.webp) center top/100% no-repeat;
    padding-left: 1.125rem;
    margin-top: 1.5rem
}
@media screen and (max-width: 768px) {
    .p-point__content {
        padding-left: 0;
        padding-bottom: 1rem
    }
}
.p-point__subTitle {
    position: relative
}
@media screen and (max-width: 768px) {
    .p-point__subTitle {
        padding-left: .9375rem
    }
}
.p-point__subTitle:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    width: 6.25rem;
    height: 7.5rem;
    left: -2rem;
    background: url(../../img/consciousair/title_circle.svg) center center/contain no-repeat
}
@media screen and (max-width: 768px) {
    .p-point__subTitle:before {
        width: 4.1875rem;
        height: 4.875rem;
        left: 0
    }
}
.p-point__en {
    line-height: 1;
    letter-spacing: normal;
    color: #f6a700;
    font-size: 2.25rem;
    font-family: Roboto, sans-serif;
    padding-bottom: .25rem;
    border-bottom: 1px solid
}
@media screen and (max-width: 768px) {
    .p-point__en {
        font-size: 1.6875rem;
        padding-bottom: .125rem
    }
}
.p-point__en span {
    font-size: 1.5rem
}
@media screen and (max-width: 768px) {
    .p-point__en span {
        font-size: 1.125rem
    }
}
.p-point__ja {
    color: #222;
    margin-top: .5rem !important
}
@media screen and (max-width: 768px) {
    .p-point__ja {
        margin-top: .25rem !important
    }
}
.p-point__text {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.7222222222;
    margin-top: 2.1875rem
}
@media screen and (max-width: 768px) {
    .p-point__text {
        font-size: .875rem;
        line-height: 1.5;
        margin-top: 1.125rem
    }
}
.p-system {
    background-color: #000a28;
    padding-top: 4.6875rem;
    padding-bottom: 7.5rem;
    padding-inline: 25px;
    margin-top: -1px
}
@media screen and (max-width: 768px) {
    .p-system {
        padding-top: 5rem;
        padding-bottom: 3.75rem;
        padding-inline: 20px
    }
}
.p-system__inner.l-inner {
    background: url(../../img/consciousair/bg_system.webp) center center/cover no-repeat;
    border-radius: .75rem;
    padding-block: 5rem;
    max-width: calc(90rem);
}
@media screen and (max-width: 768px) {
    .p-system__inner {
        max-width: 31.25rem;
        padding-block: 2.5rem;
        padding-inline: min(4.6511627907vw, 1.25rem)
    }
}
.p-system__title {
    background-color: #fff;
    font-size: 2rem;
    font-weight: 500;
    width: -moz-fit-content;
    width: fit-content;
    padding: .875rem 3.875rem;
    margin-inline: auto
}
@media screen and (max-width: 768px) {
    .p-system__title {
        font-size: min(4.4186046512vw, 1.1875rem);
        padding: .25rem min(.9302325581vw, .25rem)
    }
}
.p-system__lead {
    text-align: center;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 1.75rem
}
@media screen and (max-width: 768px) {
    .p-system__lead {
        font-size: min(4.1860465116vw, 1.125rem);
        line-height: 1.5;
        margin-top: .875rem
    }
}
.p-system__text {
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 1.875rem
}
@media screen and (max-width: 768px) {
    .p-system__text {
        font-size: .875rem;
        line-height: 1.5;
        margin-top: .5rem
    }
}
.p-system__btn {
    text-align: center;
    margin-top: 4.25rem
}
@media screen and (max-width: 768px) {
    .p-system__btn {
        margin-top: 1.125rem
    }
}
main {
    color: #222;
    font-weight: 500
}

#included-files-fie-on-wp-footer {
    display: none;
}



.post-type-projects .breadSection .breadcrumb{
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
}

.post-type-projects .breadSection {
  position: relative;
  padding: 0px;
  border: none;
  margin-top: 105px;
}

.post-type-projects .breadSection .container {
  padding: 20px 50px;
  position: static;
  top: auto;
  left: auto;
  transform: none;
  max-width: 100%;
  background-color: #eeeeee;
}

.post-type-projects .breadSection .container .row{
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
  color: black;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb.nobg {
  position: relative;
  z-index: 1;
  padding-top: 105px;
  padding-inline: 0;
  background: none;
}

.breadSection .breadcrumb li {
	line-height: 1.2;
	display: flex;
}

.breadSection .breadcrumb>li+li:before {
	content: "/";
    margin-left: .5em;
    margin-right: .5em;
    font-size: 12px;
	transform: translateY(-2px);
}

.breadSection .breadcrumb span {
	font-size: 12px;
	font-family: 游ゴシック,YuGothic,sans-serif;
}

.breadSection .breadcrumb a {
	padding-bottom: 2px;
	color: #666;
	height: inherit;
	display: flex;
	align-items: center;
}

.breadSection .breadcrumb.nobg a {
  color: #fff;
}

.fa.fa-home {
	display: none;
}

@media screen and (max-width: 840px) {
  .post-type-projects .breadSection .container .row{
    padding: 20px 50px;
  }
  .breadcrumb.nobg {
    padding-top: 75px;
    padding-inline: 0;
  }
}

@media screen and (max-width: 800px) {
  .post-type-projects .breadSection .container .row{
    padding: 20px;
  }
  .post-type-projects .breadSection {
    margin-top: 62px;
  }

  .post-type-projects .breadSection .row{
    margin: 0;
  }

  .post-type-projects .breadSection .container {
    padding: 0px 20px;
  }  
  .breadSection .breadcrumb span {
	font-size: 10px;
  }
}

@media screen and (max-width: 580px) {
  .post-type-projects .breadSection .container .row{
    padding: 20px 0px;
  }
}


.post-type-projects .breadSection .row {
  justify-content:unset;
}

footer {
    overflow: auto;
}

.wp-block-search__button.wpcf7-submit, .btn-primary.wpcf7-submit {
    background: none !important;
}