@charset "utf-8";
/*ーーーーーーーーーーーーーーーーーー横並びーーーーーーーーーーーーーーーーーーーーーー*/
/*PC*/
.layout-row > .cmp-container  > .aem-Grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.layout-row.reverse > .cmp-container  > .aem-Grid {
    flex-direction: row-reverse;
}
.layout-row.bottom > .cmp-container  > .aem-Grid {
    align-items: flex-end;
}
.layout-row.h-center > .cmp-container  > .aem-Grid {
    justify-content: center;
}
.layout-row.v-center > .cmp-container  > .aem-Grid {
    align-items: center;
}
.layout-row.pc2 > .cmp-container  > .aem-Grid > .container {
    width: calc(100% / 2);
}
.layout-row.pc3 > .cmp-container  > .aem-Grid > .container {
    width: calc(100% / 3);
}
.layout-row.pc4 > .cmp-container  > .aem-Grid > .container {
    width: calc(100% / 4);
}
.layout-row.pc5 > .cmp-container  > .aem-Grid > .container {
    width: calc(100% / 5);
}
.layout-row.pc6 > .cmp-container  > .aem-Grid > .container {
    width: calc(100% / 6);
}

/*SP*/
@media (max-width: 767px) {
    .layout-row.sp1 > .cmp-container  > .aem-Grid > .container {
        width: 100%;
    }
    .layout-row.sp2 > .cmp-container  > .aem-Grid > .container {
        width: calc(100% / 2);
    }
    .layout-row.sp3 > .cmp-container  > .aem-Grid > .container {
        width: calc(100% / 3);
    }
    .layout-row.sp4 > .cmp-container  > .aem-Grid > .container {
        width: calc(100% / 4);
    }
    .layout-row.sp5 > .cmp-container  > .aem-Grid > .container {
        width: calc(100% / 5);
    }
    .layout-row.sp6 > .cmp-container  > .aem-Grid > .container {
        width: calc(100% / 6);
    }
}
/*ーーーーーーーーーーーーーーーーーーattentionーーーーーーーーーーーーーーーーーーーーーー*/
.attention {
    width: fit-content;
    padding: 0.3em 2em;
    border: solid 1px #FF0004;
    margin: 0 auto;
}
.attention, .attention a {
    color: #FF0004;
    font-weight: bold;
    font-size: min(4vw, 18px);
}
/*ーーーーーーーーーーーーーーーーーーインデントーーーーーーーーーーーーーーーーーーーーーー*/
.text-indent p {
    text-indent: -1rem;
    padding-left: 1rem;
    margin-bottom: 0px;
}
/*ーーーーーーーーーーーーーーーーーー回り込みーーーーーーーーーーーーーーーーーーーーーー*/
.float-left, .float-right {
    width: 50%;
}
.float-left img, .float-right img {
    width: 100%;
}
.float-left {
    float: left;
    margin-right: 20px;
}
.float-right {
    float: right;
    margin-left: 20px;
}
/*SP*/
@media (max-width: 767px) {
    .float-left, .float-right {
        margin: 0;
        width: 100% !important;
    }
}

/*PC*/
@media (min-width: 768px) {
	/* width */
    .pc-width30 {
        width: 30%;
        margin: 0 auto;
    }
    .pc-width40 {
        width: 40%;
        margin: 0 auto;
    }
    .pc-width50 {
        width: 50%;
        margin: 0 auto;
    }    
    .pc-width60 {
        width: 60%;
        margin: 0 auto;
    }
    .pc-width70 {
        width: 70%;
        margin: 0 auto;
    }
    .pc-width80 {
        width: 80%;
        margin: 0 auto;
    }
    .pc-width90 {
        width: 90%;
        margin: 0 auto;
    }
    /* margin */
    .pc-margin-right10 {
        margin-right: 10px;
    }
    .pc-margin-right20 {
        margin-right: 20px;
    }
    .pc-margin-right30 {
        margin-right: 30px;
    }
    .pc-margin-left10 {
        margin-left: 10px;
    }
    .pc-margin-left20 {
        margin-left: 20px;
    }
    .pc-margin-left30 {
        margin-left: 30px;
    }
}
/*SP*/
@media (max-width: 767px) {
/* width */
    .sp-width30 {
        width: 30%;
        margin: 0 auto;
    }
    .sp-width40 {
        width: 40%;
        margin: 0 auto;
    }
    .sp-width50 {
        width: 50%;
        margin: 0 auto;
    }    
    .sp-width60 {
        width: 60%;
        margin: 0 auto;
    }
    .sp-width70 {
        width: 70%;
        margin: 0 auto;
    }
    .sp-width80 {
        width: 80%;
        margin: 0 auto;
    }
    .sp-width90 {
        width: 90%;
        margin: 0 auto;
    }
        /* margin */
    .sp-margin-right10 {
        margin-right: 10px;
    }
    .sp-margin-right20 {
        margin-right: 20px;
    }
    .sp-margin-right30 {
        margin-right: 30px;
    }
    .sp-margin-left10 {
        margin-left: 10px;
    }
    .sp-margin-left20 {
        margin-left: 20px;
    }
    .sp-margin-left30 {
        margin-left: 30px;
    }
}