@charset "utf-8";

#page  {
	background-color: #f2f2f2;
}
#container  {
	background-color: #f2f2f2;
}
.center {
	text-align: center !important;
}
.h4_default {
    margin: 30px 0;
}
.h4_default h4 {
	text-align: center;
}
.column-three_text p {
	text-align: center;
}
.column-three_child js-column-child mb-40 {
	height: 230px;
}
.btn-basic.bg-gray {
	background: #ffffff;
}
.column-one_image {
    margin: 0 auto;
}
.section .h4_title img[alt*="矢印"] {
	width: 72px;
}
ul.listDisc {
    list-style: outside disc;
    margin-left: 2em;
}

.mt-40 { margin-top: 40px !important; }
.mb-30 { margin-bottom: 30px !important; }

/* ============================================================
    P-Cloud Style
============================================================ */

/* 移植CSS ***** */

.u-fzXSmall,
.c-note--small {
    font-size: .75rem;
    line-height: 1.5
}

.c-dlList {
    color: #1a1a1a
}

*+.c-dlList {
    margin-top: 52px
}

@media print,screen and (max-width: 767px) {
    *+.c-dlList {
        margin-top:32px
    }
}

.c-dlList__item {
    display: flex;
    border-bottom: 1px solid #c1c1c1
}

.c-dlList__item:first-child {
    border-top: 1px solid #c1c1c1
}

.c-dlList__heading {
    width: 250px;
    padding: 9px 5px 9px 8px;
    font-size: 1rem;
    line-height: 1.5;
    flex-shrink: 0
}

@media print,screen and (max-width: 767px) {
    .c-dlList__heading {
        width:85px;
        padding: 2px 5px 4px 3px;
        font-size: .875rem;
        line-height: 1.5
    }
}

.c-dlList__data {
    padding: 9px 8px 9px 3px;
    font-size: 1rem;
    line-height: 1.6875;
    flex-grow: 1
}

@media print,screen and (max-width: 767px) {
    .c-dlList__data {
        padding:2px 3px 4px 5px;
        font-size: .875rem;
        line-height: 1.5
    }
}

/* Pana Cloud スタイル *************/
*+.p-cloud {
    margin-top: 120px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud {
        margin-top:80px
    }
}

.p-cloud__lead {
    padding: 0 15px
}

.p-cloud__lead__heading {
    font-size: 2rem;
    line-height: 1.5;
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloud__lead__heading {
        font-size:1.25rem;
        line-height: 1.5
    }
}

*+.p-cloud__lead__body {
    margin-top: 80px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__lead__body {
        margin-top:50px
    }
}

.p-cloud__lead__title {
    max-width: 976px;
    margin: 0 auto;
    font-size: 1.375rem;
    line-height: 1.5;
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloud__lead__title {
        font-size:1rem;
        line-height: 1.5
    }
}

*+.p-cloud__lead__title {
    margin-top: 0
}

.p-cloud__lead__img {
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloud__lead__img {
        margin-right:-15px;
        margin-left: -15px
    }
}

*+.p-cloud__lead__img {
    margin-top: 64px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__lead__img {
        margin-top:48px
    }
}

.p-cloud__lead__col {
    max-width: 976px;
    margin: 0 auto
}

*+.p-cloud__lead__col {
    margin-top: 64px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__lead__col {
        margin-top:50px
    }
}

@media print,screen and (min-width: 768px) {
    .p-cloud__lead__col img {
        max-width:146px
    }
}

.p-cloud__lead__col figcaption {
    margin-top: 20px;
    font-size: .75rem;
    line-height: 2
}

@media print,screen and (max-width: 767px) {
    .p-cloud__lead__col figcaption {
        margin-top:12px
    }
}

.p-cloud__lead__text {
    max-width: 976px;
    margin: 0 auto
}

*+.p-cloud__lead__text {
    margin-top: 45px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__lead__text {
        margin-top:28px
    }
}

.p-cloud__merit {
    padding: 0 15px
}

*+.p-cloud__merit {
    margin-top: 120px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__merit {
        margin-top:80px
    }
}

.p-cloud__merit__inner {
    max-width: 976px;
    margin: 0 auto
}

.p-cloud__merit__heding {
    font-size: 2rem;
    line-height: 1.5;
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloud__merit__heding {
        font-size:1.25rem;
        line-height: 1.5
    }
}

.p-cloud__merit__text {
    font-size: 1.375rem;
    line-height: 1.5;
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloud__merit__text {
        font-size:1rem;
        line-height: 1.5;
        text-align: left
    }
}

*+.p-cloud__merit__text {
    margin-top: 80px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__merit__text {
        margin-top:48px
    }
}

.p-cloud__merit__img {
    text-align: center
}

*+.p-cloud__merit__img {
    margin-top: 64px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__merit__img {
        margin-top:48px
    }
}

.p-cloud__merit__box {
    background-color: #fff
}

*+.p-cloud__merit__box {
    margin-top: 80px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__merit__box {
        margin-top:48px
    }
}

.p-cloud__anchor {
    padding: 0 15px
}

*+.p-cloud__anchor {
    margin-top: 120px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__anchor {
        margin-top:80px
    }
}

.p-cloud__anchor__inner {
    max-width: 976px;
    margin: 0 auto
}

.p-cloud__anchor__list {
    display: grid;
    margin: 0;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: max-content;
    gap: 20px;
    list-style: none
}

@media print,screen and (max-width: 767px) {
    .p-cloud__anchor__list {
        grid-template-columns:repeat(1, 1fr);
        gap: 16px 0
    }
}

.p-cloud__anchor__item {
    display: flex;
    margin: 0;
    padding: 24px 15px 32px;
    flex-direction: column;
    align-items: center;
    background-color: #f2f2f2;
    border: 1px solid #c9c9c9
}

@media print,screen and (max-width: 767px) {
    .p-cloud__anchor__item {
        padding:16px 15px
    }
}

.p-cloud__anchor__item.active {
    background-color: #fff
}

.p-cloud__anchor__head {
    font-size: 1rem;
    line-height: 1.6875
}

.p-cloud__anchor__body {
    display: flex;
    margin-top: 0px !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1
}

.p-cloud__anchor__text {
    margin-top: 18px
}

.p-cloud__anchor__link {
    color: #1a1a1a;
    font-size: 1rem;
    line-height: 1.5;
    text-decoration: none
}

.p-cloud__anchor__link:visited {
    color: #666
}

@media(hover: hover) {
    .p-cloud__anchor__link:hover {
        color:#1a1a1a;
        text-decoration: underline
    }
}

.p-cloud__anchor__link:after {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: .5em;
    background-image: url(/hvac-cc/biz/solutions/hvac-cloud/img/holdings-icn-arrow-dwn.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    content: ""
}

*+.p-cloud__anchor__icon {
    margin-top: 20px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__anchor__icon {
        margin-top:16px
    }
}

.p-cloud__anchor__soon {
    margin-top: 8px;
    font-size: 1.375rem;
    line-height: 1.5
}

@media print,screen and (max-width: 767px) {
    .p-cloud__anchor__soon {
        margin-top:0;
        font-size: 1.25rem;
        line-height: 1.5
    }
}

.p-cloud__vol {
    padding: 0 15px
}

*+.p-cloud__vol {
    padding-top: 120px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__vol {
        padding-top:80px
    }
}

.p-cloud__vol__inner {
    max-width: 976px;
    margin: 0 auto
}

.p-cloud__vol__heading {
    font-size: 2rem;
    line-height: 1.5;
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloud__vol__heading {
        font-size:1.25rem;
        line-height: 1.5
    }
}

*+.p-cloud__vol__body {
    margin-top: 80px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__vol__body {
        margin-top:50px
    }
}

.p-cloud__vol__title {
    position: relative;
    padding-bottom: 20px;
    font-size: 1.375rem;
    line-height: 1.5;
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloud__vol__title {
        font-size:1.25rem;
        line-height: 1.5
    }
}

*+.p-cloud__vol__title {
    margin-top: 80px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__vol__title {
        margin-top:48px
    }
}

.p-cloud__vol__title:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 34px;
    height: 2px;
    margin: auto;
    background-color: #475c85;
    content: ""
}

*+.p-cloud__vol__service {
    margin-top: 104px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__vol__service {
        margin-top:68px
    }
}

*+.p-cloud__vol__report {
    margin-top: 28px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__vol__report {
        margin-top:20px
    }
}

.p-cloud__vol__reportLead {
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloud__vol__reportLead {
        text-align:left
    }
}

.p-cloud__vol__reportImg {
    text-align: center
}

*+.p-cloud__vol__reportImg {
    margin-top: 60px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__vol__reportImg {
        margin-top:48px
    }
}

.p-cloud__detail {
    padding: 0 15px
}

*+.p-cloud__detail {
    margin-top: 80px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__detail {
        margin-top:50px
    }
}

.p-cloud__detail__inner {
    max-width: 976px;
    margin: 0 auto
}

.p-cloud__detail__item+.p-cloud__detail__item {
    margin-top: 80px
}

@media print,screen and (max-width: 767px) {
    .p-cloud__detail__item+.p-cloud__detail__item {
        margin-top:50px
    }
}

.p-cloud__about {
    padding: 0 15px
}

*+.p-cloud__about {
    margin-top: 168px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__about {
        margin-top:115px
    }
}

.p-cloud__about__inner {
    max-width: 976px;
    margin: 0 auto
}

.p-cloud__about__heading {
    font-size: 2rem;
    line-height: 1.5;
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloud__about__heading {
        font-size:1.25rem;
        line-height: 1.5
    }
}

*+.p-cloud__about__body {
    margin-top: 64px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__about__body {
        margin-top:50px
    }
}

.p-cloud__inquiry {
    padding: 0 15px
}

*+.p-cloud__inquiry {
    margin-top: 120px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__inquiry {
        margin-top:80px
    }
}

.p-cloud__inquiry__inner {
    max-width: 976px;
    margin: 0 auto
}

.p-cloud__inquiry__heading {
    font-size: 2rem;
    line-height: 1.5;
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloud__inquiry__heading {
        font-size:1.25rem;
        line-height: 1.5
    }
}

*+.p-cloud__inquiry__body {
    margin-top: 85px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloud__inquiry__body {
        margin-top:56px
    }
}

.p-cloudPoint {
    padding: 88px 30px 64px
}

@media print,screen and (max-width: 767px) {
    .p-cloudPoint {
        padding:56px 30px 32px
    }
}

.p-cloudPoint__inner {
    max-width: 810px;
    margin: 0 auto
}

.p-cloudPoint__heading {
    padding: 24px 0;
    font-size: 1.375rem;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloudPoint__heading {
        padding:31px 0 17px;
        font-size: 1.25rem;
        line-height: 1.5
    }
}

*+.p-cloudPoint__desc {
    margin-top: 48px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudPoint__desc {
        margin-top:32px
    }
}

.p-cloudPoint__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: max-content;
    gap: 0 16px;
    margin: 0;
    list-style: none
}

.p-cloudPoint__list__item {
    text-align: center
}

.p-cloudPoint__desc__arrow {
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloudPoint__desc__arrow {
        max-width:34px;
        margin: 0 auto
    }
}

*+.p-cloudPoint__desc__arrow {
    margin-top: 60px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudPoint__desc__arrow {
        margin-top:42px
    }
}

.p-cloudPoint__desc__text {
    font-size: 1.375rem;
    line-height: 1.5;
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloudPoint__desc__text {
        font-size:1.25rem;
        line-height: 1.5
    }
}

*+.p-cloudPoint__desc__text {
    margin-top: 48px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudPoint__desc__text {
        margin-top:32px
    }
}

.p-cloudPoint__reason {
    padding: 50px 0 64px;
    background-color: #f0f0f0
}

@media print,screen and (max-width: 767px) {
    .p-cloudPoint__reason {
        padding-bottom:32px
    }
}

*+.p-cloudPoint__reason {
    margin-top: 48px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudPoint__reason {
        margin-top:32px
    }
}

.p-cloudPoint__reason__heading {
    display: flex;
    font-size: 1rem;
    line-height: 1.5;
    align-items: center;
    justify-content: center;
}

.p-cloudPoint__reason__headingIcon {
    margin-right: 8px;
}

.p-cloudPoint__reason__logo {
    max-width: 118px;
    margin: 0 auto;
}

@media print,screen and (max-width: 767px) {
    .p-cloudPoint__reason__logo {
        max-width:134px;
    }
}

*+.p-cloudPoint__reason__logo {
    margin-top: 32px;
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudPoint__reason__logo {
        margin-top:16px;
    }
}

.p-cloudPoint__reason__col {
    display: grid;
    margin: 0;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: max-content;
    gap: 0 20px;
    list-style: none
}

@media print,screen and (max-width: 767px) {
    .p-cloudPoint__reason__col {
        grid-template-columns:repeat(1, 1fr);
        gap: 30px 0
    }
}

*+.p-cloudPoint__reason__col {
    margin-top: 48px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudPoint__reason__col {
        margin-top:32px
    }
}

.p-cloudPoint__reason__item {
    margin-top: 0;
    text-align: center
}

.p-cloudPoint__reason__itemHeading {
    font-size: 1rem;
    line-height: 1.5
}

.p-cloudPoint__reason__itemText {
    font-size: 1rem;
    line-height: 1.5
}

@media print,screen and (max-width: 767px) {
    .p-cloudPoint__reason__itemText {
        font-size:.875rem;
        line-height: 1.5
    }
}

*+.p-cloudPoint__reason__itemText {
    margin-top: 16px
}

@media print,screen and (max-width: 767px) {
    .p-cloudPoint__reason__itemImg {
        max-width:300px;
        margin: 0 auto
    }
}

*+.p-cloudPoint__reason__itemImg {
    margin-top: 40px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudPoint__reason__itemImg {
        margin-top:10px
    }
}

.p-cloudPoint__reason__itemImg figcaption {
    margin-top: 2px;
    font-size: .75rem;
    line-height: 2
}

@media print,screen and (max-width: 767px) {
    .p-cloudPoint__reason__itemImg figcaption {
        margin-top:0
    }
}

.p-cloudPoint__reason__img {
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloudPoint__reason__img {
        padding:0 25px
    }
}

*+.p-cloudPoint__reason__img {
    margin-top: 30px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudPoint__reason__img {
        margin-top:12px
    }
}

.p-cloudService__customer {
    max-width: 644px;
    margin: 0 auto;
    padding: 48px 25px 55px;
    background-color: #fff
}

@media print,screen and (max-width: 767px) {
    .p-cloudService__customer {
        padding:48px 0 55px
    }
}

.p-cloudService__customer__heading {
    display: flex;
    font-size: 1.375rem;
    line-height: 1.5;
    align-items: center;
    justify-content: center
}

@media print,screen and (max-width: 767px) {
    .p-cloudService__customer__heading {
        font-size:1.25rem;
        line-height: 1.65
    }
}

.p-cloudService__customer__headingIcon {
    margin-right: 8px
}

*+.p-cloudService__customer__body {
    margin-top: 48px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudService__customer__body {
        margin-top:32px
    }
}

.p-cloudService__customer__text {
    font-size: 1.375rem;
    line-height: 1.5;
    text-align: right
}

@media print,screen and (max-width: 767px) {
    .p-cloudService__customer__text {
        text-align:center;
        font-size: 1.25rem;
        line-height: 1.5
    }
}

.p-cloudService__customer__flow {
    padding: 0 10px
}

@media print,screen and (max-width: 767px) {
    .p-cloudService__customer__flow {
        padding:0 3px
    }
}

*+.p-cloudService__customer__flow {
    margin-top: 25px
}

.p-cloudService__date {
    text-align: center
}

*+.p-cloudService__date {
    margin-top: 24px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudService__date {
        margin-top:16px
    }
}

.p-cloudService__logo {
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloudService__logo {
        max-width:165px;
        margin: 0 auto
    }
}

*+.p-cloudService__logo {
    margin-top: 20px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudService__logo {
        margin-top:16px
    }
}

.p-cloudService__arrow {
    text-align: center
}

*+.p-cloudService__arrow {
    margin-top: 20px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudService__arrow {
        margin-top:16px
    }
}

.p-cloudService__point {
    display: grid;
    max-width: 644px;
    margin: 0 auto;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    gap: 0 20px
}

@media print,screen and (max-width: 767px) {
    .p-cloudService__point {
        gap:0 16px
    }
}

*+.p-cloudService__point {
    margin-top: 20px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudService__point {
        margin-top:16px
    }
}

.p-cloudService__point__box {
    display: flex;
    flex-direction: column
}

.p-cloudService__point__box--wide {
    display: block;
    grid-area: 1/1/2/3
}

.p-cloudService__point__box:nth-child(2) {
    grid-area: 2/1/3/2
}

.p-cloudService__point__box:nth-child(3) {
    grid-area: 2/2/3/3
}

.p-cloudService__point__box:nth-child(2):before,.p-cloudService__point__box:nth-child(3):before {
    display: block;
    width: 40px;
    height: 46px;
    margin: 23px auto 23px;
    background-image: url(/hvac-cc/biz/solutions/hvac-cloud/img/arrow_white_down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

@media print,screen and (max-width: 767px) {
    .p-cloudService__point__box:nth-child(2):before,.p-cloudService__point__box:nth-child(3):before {
        margin:19px auto 16px
    }
}

.p-cloudService__point__boxInner {
    padding: 45px 15px;
    background-color: #fff;
    flex-grow: 1
}

@media print,screen and (max-width: 767px) {
    .p-cloudService__point__boxInner {
        padding:50px 15px 32px
    }
}

.p-cloudService__point__box--wide .p-cloudService__point__boxInner {
    padding: 62px 10px 50px
}

@media print,screen and (max-width: 767px) {
    .p-cloudService__point__box--wide .p-cloudService__point__boxInner {
        padding:40px 30px 32px
    }
}

.p-cloudService__point__number {
    position: relative;
    padding-bottom: 20px;
    text-align: center
}

.p-cloudService__point__number:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 34px;
    height: 2px;
    margin: auto;
    background-color: #475c85;
    content: ""
}

.p-cloudService__point__title {
    font-size: 1.375rem;
    line-height: 1.5;
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloudService__point__title {
        font-size:1.25rem;
        line-height: 1.5
    }
}

*+.p-cloudService__point__title {
    margin-top: 12px
}

.p-cloudService__point__text {
    max-width: 535px;
    margin: 0 auto
}

*+.p-cloudService__point__text {
    margin-top: 10px
}

.p-cloudService__point__box--wide *+.p-cloudService__point__text {
    margin-top: 47px
}

@media print,screen and (max-width: 767px) {
    .p-cloudService__point__box--wide *+.p-cloudService__point__text {
        margin-top:32px
    }
}

.p-cloudService__point__detail {
    text-align: center
}

.p-cloud_whiteBox .p-cloudService__point__detail,
.p-cloudService__point__box--wide .p-cloudService__point__detail {
    text-align: left
}

.p-cloudService__point__detailHead {
    font-size: 1rem;
    line-height: 1.6875
}

.p-cloudService__point__box--wide .p-cloudService__point__detailHead {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 20px;
}

.p-cloudService__point__detailbody {
    font-size: 1rem;
    line-height: 1.6875;
}

*+.p-cloudService__point__detailbody {
    margin-top: 12px;
    margin-bottom: 40px;
}

.p-cloudService__point__detaiLabels {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

@media print,screen and (max-width: 767px) {
    .p-cloudService__point__detaiLabels {
        flex-direction:column;
        gap: 8px 0
    }
}

*+.p-cloudService__point__detaiLabels {
    margin-top: 20px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudService__point__detaiLabels {
        margin-top:16px
    }
}

.p-cloudService__point__detailLabel {
    display: inline-block;
    padding: 6px 13px 4px;
    color: #fff;
    font-size: .75rem;
    line-height: 1.5;
    background-color: #1f1f1f;
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloudService__point__detailLabel {
        padding:6px 5px 4px
    }
}

@media print,screen and (max-width: 767px) {
    .p-cloudService__point__detaiLabels .p-cloudService__point__detailLabel {
        width:100%
    }
}

.p-cloudFlow {
    display: flex;
    margin: 0;
    justify-content: space-between;
    list-style: none
}

.p-cloudFlow__item {
    display: flex;
    margin: 0;
    align-items: center;
    justify-content: center;
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloudFlow__item {
        width:33.3333%
    }
}

.p-cloudFlow__item+.p-cloudFlow__item:before {
    display: inline-block;
    width: 31px;
    height: 16px;
    margin-top: -4px;
    margin-right: 45px;
    background-image: url(/hvac-cc/biz/solutions/hvac-cloud/img/arrow02_right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    content: ""
}

@media print,screen and (max-width: 767px) {
    .p-cloudFlow__item+.p-cloudFlow__item:before {
        margin-right:4px;
        margin-left: 4px
    }
}

.p-cloudFlow__item figure {
    display: flex;
    align-items: center;
    flex-direction: column
}

.p-cloudFlow__item figcaption {
    margin-top: 20px;
    font-size: .75rem;
    line-height: 2
}

@media print,screen and (max-width: 767px) {
    .p-cloudFlow__item figcaption {
        margin-top:0
    }
}

.p-cloudAccordion {
    color: #1f1f1f
}

.p-cloudAccordion__body {
    display: none;
    max-width: 928px;
    margin: 0 auto;
    background-color: #fff;
}

.p-cloudAccordion__btn {
    border: none;
}

.p-cloudAccordion__foot {
    text-align: center
}

.p-cloudAccordion__body[aria-hidden=false]+.p-cloudAccordion__foot {
    margin-top: 64px
}

@media print,screen and (max-width: 767px) {
    .p-cloudAccordion__body[aria-hidden=false]+.p-cloudAccordion__foot {
        margin-top:42px
    }
}

.p-cloudAccordion__body__inner {
    padding: 48px 15px
}

@media print,screen and (max-width: 767px) {
    .p-cloudAccordion__body__inner {
        padding:30px 0
    }
}

@media print,screen and (max-width: 767px) {
    .p-cloudAccordion__heading {
        padding:0 25px
    }
}

*+.p-cloudAccordion__heading {
    margin-top: 48px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudAccordion__heading {
        margin-top:32px
    }
}

.c-headingH3 {
    font-size: 130%;
    font-weight: bold;
}

@media print,screen and (max-width: 767px) {
    .c-headingH3 {
        font-size: 100%;
    }
}

.p-cloudAccordion__img {
    max-width: 770px;
    margin: 0 auto;
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-cloudAccordion__img {
        padding:0 30px
    }
}

*+.p-cloudAccordion__img {
    margin-top: 48px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudAccordion__img {
        margin-top:35px
    }
}

.p-cloudAccordion__text {
    max-width: 770px;
    margin: 0 auto
}

@media print,screen and (max-width: 767px) {
    .p-cloudAccordion__text {
        padding:0 30px
    }
}

*+.p-cloudAccordion__text {
    margin-top: 25px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudAccordion__text {
        margin-top:16px
    }
}

.p-cloudAccordion__heading+.p-cloudAccordion__text {
    margin-top: 40px
}

@media print,screen and (max-width: 767px) {
    .p-cloudAccordion__heading+.p-cloudAccordion__text {
        margin-top:32px
    }
}

.p-cloudAccordion__col {
    max-width: 810px;
    margin: 0 auto
}

@media print,screen and (max-width: 767px) {
    .p-cloudAccordion__col {
        padding:0 30px
    }
}

*+.p-cloudAccordion__col {
    margin-top: 54px
}

@media print,screen and (max-width: 767px) {
    *+.p-cloudAccordion__col {
        margin-top:35px
    }
}

.p-cloudAccordion__col__head {
    font-size: .75rem;
    line-height: 1.5;
    text-align: right
}

*+.p-cloudAccordion__col__body {
    margin-top: 10px
}

.p-cloudAccordion__btn[aria-expanded=true] .p-cloudAccordion__open {
    display: none
}

.p-cloudAccordion__btn[aria-expanded=false] .p-cloudAccordion__close {
    display: none
}
.p-strongPoint__head {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.p-strongPoint__num {
    width: 100%
}

.p-strongPoint__num:after {
    display: block;
    width: 34px;
    height: 2px;
    margin-top: 17px;
    background-color: #475c85;
    content: ""
}

.p-strongPoint__title {
    margin-right: 50px;
    font-size: 1.375rem;
    line-height: 1.5
}

@media print,screen and (max-width: 767px) {
    .p-strongPoint__title {
        margin-right:32px;
        font-size: 1.25rem;
        line-height: 1.5
    }
}

*+.p-strongPoint__title {
    margin-top: 12px
}

.p-strongPoint__label {
    display: flex;
    margin: 0;
    gap: 10px;
    list-style: none
}

*+.p-strongPoint__label {
    margin-top: 12px
}

@media print,screen and (max-width: 767px) {
    *+.p-strongPoint__label {
        margin-top:16px
    }
}

.p-strongPoint__label__item {
    margin: 0;
    padding: 6px 8px 10px;
    color: #fff;
    font-size: .75rem;
    line-height: 1.5;
    background-color: #1f1f1f
}

@media print,screen and (max-width: 767px) {
    .p-strongPoint__label__item {
        padding:4px 28px
    }
}

.p-strongPoint__text {
    max-width: 810px;
    margin: 0 auto
}

*+.p-strongPoint__text {
    margin-top: 80px
}

@media print,screen and (max-width: 767px) {
    *+.p-strongPoint__text {
        margin-top:50px
    }
}

.p-strongPoint__balloon {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0 27px
}

.p-strongPoint__balloon--rtl {
    flex-direction: row-reverse;
    justify-content: flex-end
}

*+.p-strongPoint__balloon {
    margin-top: 47px
}

@media print,screen and (max-width: 767px) {
    *+.p-strongPoint__balloon {
        margin-top:32px
    }
}

.p-strongPoint__balloon+.p-strongPoint__balloon {
    margin-top: 32px
}

@media print,screen and (max-width: 767px) {
    .p-strongPoint__balloon+.p-strongPoint__balloon {
        margin-top:16px
    }
}

.p-strongPoint__balloon__icon {
    width: 102px;
    flex-shrink: 0;
    text-align: center
}

@media print,screen and (max-width: 767px) {
    .p-strongPoint__balloon__icon {
        width:83px
    }
}

.p-strongPoint__balloon__icon figcaption {
    margin-top: 20px;
    font-size: .75rem;
    line-height: 1.5
}

@media print,screen and (max-width: 767px) {
    .p-strongPoint__balloon__icon figcaption {
        margin-top:16px
    }
}

.p-strongPoint__balloon__text {
    position: relative;
    width: 100%;
    max-width: 650px;
    margin-right: 0;
    margin-left: 34px;
    padding: 24px 54px;
    background-color: #e5eeff
}

@media print,screen and (max-width: 767px) {
    .p-strongPoint__balloon__text {
        margin-left:5px;
        padding: 15px 20px
    }
}

.p-strongPoint__balloon__text:before {
    position: absolute;
    top: 38px;
    left: -34px;
    width: 34px;
    height: 27px;
    background-color: #e5eeff;
    clip-path: polygon(100% 0%, 0% 50%, 100% 100%);
    content: ""
}

@media print,screen and (max-width: 767px) {
    .p-strongPoint__balloon__text:before {
        width:20px;
        height: 16px;
        top: 32px;
        left: -20px
    }
}

.p-strongPoint__balloon--rtl .p-strongPoint__balloon__text {
    margin-right: 34px;
    margin-left: 80px;
    padding: 40px 54px 47px;
    background-color: #fff;
    text-align: right
}

@media print,screen and (max-width: 767px) {
    .p-strongPoint__balloon--rtl .p-strongPoint__balloon__text {
        margin-right:5px;
        margin-left: 0;
        padding: 16px 35px 16px 15px;
        text-align: left
    }
}

.p-strongPoint__balloon--rtl .p-strongPoint__balloon__text:before {
    top: 56px;
    right: -34px;
    left: auto;
    background-color: #fff;
    clip-path: polygon(0% 0%, 0% 100%, 100% 50%)
}

@media print,screen and (max-width: 767px) {
    .p-strongPoint__balloon--rtl .p-strongPoint__balloon__text:before {
        top:50px;
        right: -20px
    }
}

*+.p-strongPoint__accordion {
    margin-top: 64px
}

@media print,screen and (max-width: 767px) {
    *+.p-strongPoint__accordion {
        margin-top:42px
    }
}


.p-reportCol {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: max-content;
    gap: 20px
}

@media print,screen and (max-width: 767px) {
    .p-reportCol {
        grid-template-columns:repeat(1, 1fr);
        gap: 16px 0
    }
}

.p-reportCol__item {
    display: flex;
    padding: 30px 22px 20px;
    flex-direction: column;
    background-color: #f0f0f0
}

@media print,screen and (max-width: 767px) {
    .p-reportCol__item {
        padding:16px 25px 14px
    }
}

.p-reportCol__item__heading {
    flex-grow: 1
}

.p-reportCol__item__img {
    margin-top: auto;
    flex-grow: 1;
    text-align: center
}

*+.p-reportCol__item__img {
    padding-top: 25px
}

@media print,screen and (max-width: 767px) {
    *+.p-reportCol__item__img {
        padding-top:10px
    }
}

.p-reportCol__item__img figcaption {
    margin-top: 18px;
    font-size: .75rem;
    line-height: 2
}

@media print,screen and (max-width: 767px) {
    .p-reportCol__item__img figcaption {
        margin-top:12px
    }
}


.p-inquiry {
    margin: 0;
    list-style: none
}

.p-inquiry__item {
    padding: 56px 0;
    border-top: 1px solid #ccc
}

@media print,screen and (max-width: 767px) {
    .p-inquiry__item {
        padding:40px 0
    }
}

.p-inquiry__item:last-child {
    border-bottom: 1px solid #ccc
}

*+.p-inquiry__icon {
    margin-top: 16px
}

*+.p-inquiry__text {
    margin-top: 16px
}

.p-inquiry__tel {
    display: flex;
    align-items: center
}

*+.p-inquiry__tel {
    margin-top: 21px
}

@media print,screen and (max-width: 767px) {
    *+.p-inquiry__tel {
        margin-top:16px
    }
}

.p-inquiry__tel__link {
    color: #1a1a1a !important;
    text-decoration: none !important
}

@media print,screen and (min-width: 768px) {
    .p-inquiry__tel__link {
        pointer-events:none
    }
}

.p-inquiry__tel__icon {
    flex-shrink: 0;
    margin-right: 9px
}

.p-inquiry__tel__number {
    font-size: 2rem;
    line-height: 1.5
}

@media print,screen and (max-width: 767px) {
    .p-inquiry__tel__number {
        font-size:1.5rem;
        line-height: 1.5
    }
}

.p-inquiry__tel__numberSmall {
    font-size: 1.375rem;
    line-height: 1.5
}

@media print,screen and (max-width: 767px) {
    .p-inquiry__tel__numberSmall {
        font-size:1.25rem;
        line-height: 1.5
    }
}


/* 共通スタイル ************/

@media print,screen and (max-width: 767px) {
    .u-pc {
        display:none !important
    }
}

@media print,screen and (min-width: 768px) {
    .u-sp {
        display:none !important
    }
}

.u-m0 {
    margin: 0 !important
}

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

.u-mt5 {
    margin-top: 5px !important
}

.u-mt8 {
    margin-top: 8px !important
}

.u-mt10 {
    margin-top: 10px !important
}

.u-mt15 {
    margin-top: 15px !important
}

.u-mt20 {
    margin-top: 20px !important
}

.u-mt1em {
    margin-top: 1em !important
}

@media print,screen and (min-width: 768px) {
    .u-mt0PC {
        margin-top:0 !important
    }

    .u-mt10PC {
        margin-top: 10px !important
    }

    .u-mt15PC {
        margin-top: 15px !important
    }

    .u-mt20PC {
        margin-top: 20px !important
    }

    .u-mt25PC {
        margin-top: 25px !important
    }

    .u-mt30PC {
        margin-top: 30px !important
    }

    .u-mt35PC {
        margin-top: 35px !important
    }

    .u-mt40PC {
        margin-top: 40px !important
    }

    .u-mt45PC {
        margin-top: 45px !important
    }

    .u-mt50PC {
        margin-top: 50px !important
    }

    .u-mt60PC {
        margin-top: 60px !important
    }

    .u-mt64PC {
        margin-top: 64px !important
    }

    .u-mt65PC {
        margin-top: 65px !important
    }

    .u-mt80PC {
        margin-top: 80px !important
    }

    .u-mt85PC {
        margin-top: 85px !important
    }

    .u-mt100PC {
        margin-top: 100px !important
    }

    .u-mt110PC {
        margin-top: 110px !important
    }

    .u-mt120PC {
        margin-top: 120px !important
    }

    .u-mt130PC {
        margin-top: 130px !important
    }

    .u-mt135PC {
        margin-top: 135px !important
    }

    .u-mt140PC {
        margin-top: 140px !important
    }

    .u-mt1emPC {
        margin-top: 1em !important
    }

    .u-mt2emPC {
        margin-top: 2em !important
    }

    .u-mt3emPC {
        margin-top: 3em !important
    }

    .u-mt4emPC {
        margin-top: 4em !important
    }

    .u-mb1emPC {
        margin-bottom: 1em !important
    }

    .u-mb2emPC {
        margin-bottom: 2em !important
    }

    .u-mb3emPC {
        margin-bottom: 3em !important
    }

    .u-mb4emPC {
        margin-bottom: 4em !important
    }

    .u-ml60PC {
        margin-left: 60px !important
    }
}

@media print,screen and (max-width: 767px) {
    .u-m0SP {
        margin:0 !important
    }

    .u-mt0SP {
        margin-top: 0 !important
    }

    .u-mt10SP {
        margin-top: 10px !important
    }

    .u-mt12SP {
        margin-top: 12px !important
    }

    .u-mt15SP {
        margin-top: 15px !important
    }

    .u-mt20SP {
        margin-top: 20px !important
    }

    .u-mt25SP {
        margin-top: 25px !important
    }

    .u-mt30SP {
        margin-top: 30px !important
    }

    .u-mt32SP {
        margin-top: 32px !important
    }

    .u-mt35SP {
        margin-top: 35px !important
    }

    .u-mt40SP {
        margin-top: 40px !important
    }

    .u-mt45SP {
        margin-top: 45px !important
    }

    .u-mt48SP {
        margin-top: 48px !important
    }

    .u-mt60SP {
        margin-top: 60px !important
    }

    .u-mt65SP {
        margin-top: 65px !important
    }

    .u-mt70SP {
        margin-top: 70px !important
    }

    .u-mt80SP {
        margin-top: 80px !important
    }

    .u-mt95SP {
        margin-top: 95px !important
    }

    .u-mt1emSP {
        margin-top: 1em !important
    }

    .u-mt2emSP {
        margin-top: 2em !important
    }

    .u-mt3emSP {
        margin-top: 3em !important
    }

    .u-mt4emSP {
        margin-top: 4em !important
    }

    .u-mb1emSP {
        margin-bottom: 1em !important
    }

    .u-mb2emSP {
        margin-bottom: 2em !important
    }

    .u-mb3emSP {
        margin-bottom: 3em !important
    }

    .u-mb4emSP {
        margin-bottom: 4em !important
    }
}

@media print,screen and (min-width: 768px) {
    .u-pt20PC {
        padding-top:20px !important
    }

    .u-pt40PC {
        padding-top: 40px !important
    }

    .u-pt60PC {
        padding-top: 60px !important
    }

    .u-pt80PC {
        padding-top: 80px !important
    }

    .u-pt120PC {
        padding-top: 120px !important
    }

    .u-pb1emPC {
        padding-bottom: 1em !important
    }

    .u-pb2emPC {
        padding-bottom: 2em !important
    }

    .u-pb3emPC {
        padding-bottom: 3em !important
    }

    .u-pb4emPC {
        padding-bottom: 4em !important
    }
}

@media print,screen and (max-width: 767px) {
    .u-pt25SP {
        padding-top:25px !important
    }

    .u-pt50SP {
        padding-top: 50px !important
    }

    .u-pt60SP {
        padding-top: 60px !important
    }

    .u-pt70SP {
        padding-top: 70px !important
    }

    .u-pt80SP {
        padding-top: 80px !important
    }

    .u-pt90SP {
        padding-top: 90px !important
    }

    .u-pb10SP {
        padding-bottom: 10px !important
    }

    .u-pb20SP {
        padding-bottom: 20px !important
    }

    .u-pb1emSP {
        padding-bottom: 1em !important
    }

    .u-pb2emSP {
        padding-bottom: 2em !important
    }

    .u-pb3emSP {
        padding-bottom: 3em !important
    }

    .u-pb4emSP {
        padding-bottom: 4em !important
    }

    .u-pr15SP {
        padding-right: 15px !important
    }

    .u-pl15SP {
        padding-left: 15px !important
    }
}

.u-alignCenter {
    text-align: center !important
}

.u-alignLeft {
    text-align: left !important
}

.u-alignRight {
    text-align: right !important
}

@media print,screen and (min-width: 768px) {
    .u-alignCenterPC {
        text-align:center !important
    }

    .u-alignLeftPC {
        text-align: left !important
    }

    .u-alignRightPC {
        text-align: right !important
    }
}

@media print,screen and (max-width: 767px) {
    .u-alignCenterSP {
        text-align:center !important
    }

    .u-alignLeftSP {
        text-align: left !important
    }

    .u-alignRightSP {
        text-align: right !important
    }
}

.u-alignTop {
    vertical-align: top !important
}

.u-alignMiddle {
    vertical-align: middle !important
}

.u-alignBottom {
    vertical-align: bottom !important
}

.u-fwNormal {
    font-weight: 400 !important
}

.u-fwMedium {
    font-weight: 500 !important
}

.u-fwBold {
    font-weight: 700 !important
}

.u-fzXSmall {
    font-size: .75rem;
    line-height: 1.5
}

@media print,screen and (max-width: 767px) {
    .u-fzXSmallSP {
        font-size:.75rem;
        line-height: 1.5
    }
}

@media print,screen and (max-width: 767px) {
    .u-fzSmallSP {
        font-size:.875rem;
        line-height: 1.5
    }
}

.u-fzSmall {
    font-size: .875rem;
    line-height: 1.5
}

.u-fzMiddle {
    font-size: 1rem;
    line-height: 1.5
}

.u-fzLarge {
    font-size: 1.375rem;
    line-height: 1.5
}

@media print,screen and (max-width: 767px) {
    .u-fzLarge {
        font-size:1.25rem;
        line-height: 1.5
    }
}

.u-underBarLink {
    text-decoration: underline
}

@media(hover: hover) {
    .u-underBarLink:hover {
        text-decoration:underline
    }
}

.u-linkHoverLine {
    text-decoration: none
}

@media(hover: hover) {
    .u-linkHoverLine:hover {
        text-decoration:underline
    }
}

.u-arrowLink {
    color: inherit;
    font-size: inherit;
    line-height: inherit
}

.u-arrowLink:visited {
    color: inherit
}

@media(hover: hover) {
    .u-arrowLink:hover {
        color:inherit
    }
}

.u-arrowLink:after {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    margin-left: .5em;
    background-image: url(/hvac-cc/biz/solutions/hvac-cloud/img/holdings-icn-arrow-r.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    content: ""
}

.u-gray {
    color: #595959
}

.u-bgGray {
    background-color: #f0f0f0
}

.u-order1 {
    order: 1
}

.u-order2 {
    order: 2
}

.u-maxW490 {
    max-width: 490px !important
}

.u-w12p {
    width: 12%
}

.u-w30p {
    width: 30%
}

.u-w32p {
    width: 32%
}

.u-w45p {
    width: 45%
}

.u-fade {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .6s ease-out,transform .6s ease-out
}

.u-fade.is-shown {
    opacity: 1;
    transform: translateY(0px)
}

@media print,screen and (min-width: 768px) {
    .u-delay1 {
        transition-delay:.3s
    }

    .u-delay2 {
        transition-delay: .6s
    }

    .u-delay3 {
        transition-delay: .9s
    }

    .u-delay4 {
        transition-delay: 1.2s
    }
}





/* ==========================
    追加分CSS
=============================*/

.c-column {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: max-content;
    margin-left: auto;
    margin-right: auto;
    column-gap: 20px;
    row-gap: 20px
}
.c-column--col2 {
    grid-template-columns: repeat(2, 1fr)
}
.c-column--col3 {
    grid-template-columns: repeat(3, 1fr)
}
.c-column--col4 {
    grid-template-columns: repeat(4, 1fr)
}
@media print,screen and (max-width: 767px) {
    .c-column {
        display:block
    }
}

/* 3つのポイント ***** */
.pointBox {
    background-color: #fff;
    padding: 2em 3em 1em;
}
.pointBox .h4_default.border h4 {
    padding: 1em 0;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}
.pointBox .column-three.point3ListBox {
    width: 70%;
    margin: 0 auto;
    gap: 10px;
}
.pointBox .column-three.point3ListBox .column-three_child {
  width: calc(33.33333333% - 20px);
}
.pointInBox {
    width: calc( 100% - 4em );
    background-color: #f0f0f0;
    padding: 2em 2em 1em;
}


/* 第〇段　サービス紹介 ***** */
.p-cloud_whiteBox {
    max-width: 644px;
    margin: 0 auto;
    padding: 45px 25px;
    background-color: #fff;
}
.p-cloudService__point__arrow {
    display: flex;
    flex-direction: column;
}
.p-cloudService__point__arrow::before {
    display: block;
    width: 40px;
    height: 46px;
    margin: 23px auto 23px;
    background-image: url(/hvac-cc/biz/solutions/hvac-cloud/img/arrow_white_down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}