/*FONT-------------------------------*/
.bevan-regular {
    font-family: "Bevan", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.2rem;
}

.bevan-regular-italic {
    font-family: "Bevan", serif;
    font-weight: 400;
    font-style: italic;
}

.noto-sans-jp-<uniquifier> {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}

.murecho-bold {
    font-family: "Murecho", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

/*-------------------------------FONT*/
/*COMMON---------------------------*/
:root {
    --mainColor: #45949a;
    --subColor: #8db5b8;
    --whiteColor: #fffff9;
    --standardColor: #333333;
}

#secIntro .wrapper,
#secAbout .wrapper,
#secGreen .wrapper,
#secOwners .wrapper,
#secQlist .wrapper,
#secCoffee .wrapper {
    max-width: 960px;
    margin-top: 3.0rem;
    margin-bottom: 3.0rem;
    padding-right: 2.0rem;
    padding-left: 2.0rem;
    margin-right: auto;
    margin-left: auto;
}


#secTop .imgContainer,
#secCoffee,
#secCta {
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
}

/*-----------------------------COMMON*/
/*BTN--------------------------------*/

#secIntro .ctaBtn,
#secCta .ctaBtn {
    display: fLex;
    width: 86%;
    padding: 0.8rem 1.0rem;
    background: #eace32;
    border-radius: 25px;
    margin-right: auto;
    margin-left: auto;
    align-items: center;
    justify-content: space-between;
}

#secIntro .ctaBtn>p,
#secCta .ctaBtn>p {
    margin-bottom: 0;
    flex-basis: calc(100% - 34px);
    text-align: center;
}

#secIntro .ctaBtn>span,
#secCta .ctaBtn>span {
    flex-basis: 34px;
}

.arrowRight {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 17px;
    background: var(--whiteColor);
    margin-right: 0;
    margin-left: auto;
}

.arrowRight::before {
    position: absolute;
    content: "";
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 13px;
    height: 13px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg);
}

.arrowRight::after {
    position: absolute;
    content: "";
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 15px;
    height: 2px;
    background: #333;
}

/*--------------------------------BTN*/
/*slick------------------------------*/
.slick-list {
    margin: 0 -5px;
}

.slick-slide {
    margin: 0 5px;
}

.detail .slick-slider {
    -ms-touch-action: auto;
    touch-action: auto;
}

.detail .slick-slider .slick-prev {
    left: 0;
    z-index: 50;
}

.detail .slick-slider .slick-next {
    right: 0;
    z-index: 50;
}

.detail .slick-slider .slick-next,
.detail .slick-slider .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 55%;
    display: block;
    width: 22px;
    height: 70px;
    padding: 0;
    margin: auto -2.0rem;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: var(--standardColor);
    opacity: 0.9;
    z-index: 49;
}

.detail .slick-slider .slick-next:before,
.detail .slick-slider .slick-prev:before {
    font-family: none;
    font-size: 0;
    width: 15px;
    height: 15px;
    display: block;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}

.detail .slick-slider .slick-next:before {
    transform: rotate(45deg);
}

.detail .slick-slider .slick-prev:before {
    transform: rotate(-135deg);
}

.detail .slick-slider .slick-next:focus,
.detail .slick-slider .slick-next:hover,
.detail .slick-slider .slick-prev:focus,
.detail .slick-slider .slick-prev:hover {
    opacity: 0.7
}

.detail .slick-slider .slick-prev:before {
    margin-left: 0.7rem;
}

.detail .slider-nav {
    margin-top: 3.0rem;
}

.detail .slider-nav .slick-track {
    transform: unset !important;
}

.detail .slick-dots {
    bottom: -40px;
}

.modelImg {
    opacity: 0.3;
    transition: opacity .3s linear;
}

.modelImg.slick-current {
    opacity: 1;
}

.detail h3 {
    margin-bottom: 3.0rem;
}

/*------------------------------slick*/
/*BTN--------------------------------*/
.floatBtn.hide {
    transform: translateX(200px);
    transition: all 1s;
}

.floatBtn {
    position: fixed;
    display: fLex;
    right: 2%;
    top: 6.0rem;
    height: 40vw;
    max-height: 140px;
    width: 40vw;
    max-width: 140px;
    background: var(--mainColor);
    border-radius: 50%;
    border: 1px solid #ffffff;
    padding: 0.5rem;
    z-index: 100;
    transition: all 1s;
}

.floatBtn a {
    color: white;
}

.floatBtn .ctaBtn {
    margin: auto;
}

.floatBtn .ctaBtn>p {
    text-align: center;
    margin-bottom: 0;
    line-height: 2.4rem;
}

.floatBtn .ctaBtn .arrowContact {
    position: relative;
    margin-top: 0.2rem;
}

.floatBtn .ctaBtn .arrowContact::after {
    position: absolute;
    content: "";
    bottom: 0.7rem;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

/*--------------------------------BTN*/
/*動き--------------------------------*/
.fuwafuwa01 {
    animation: fuwafuwa01 4s infinite ease-in-out;
}

/* 縦のふわふわの動き */
@keyframes fuwafuwa01 {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(8px);
    }
}

.target {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1s, transform 1s;
}

.target.visible {
    opacity: 1;
    transform: translateY(0);
}

/*--------------------------------動き*/
/*TOP--------------------------------*/
#secTop {
    background-image: url("../img/bg/mainBg.jpg");
    background-position: 50% 50%;
    background-size: cover;
    padding-bottom: 7.0rem;
}

#secTop .logoAcross {
    display: block;
    width: 100vw;
    background: rgba(255, 255, 255, 0.6);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

#secTop .logoAcross img {
    display: block;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
}

#secTop .logoMalibu {
    display: block;
    width: 60%;
    margin-top: 14.0rem;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

#secTop .imgContainer .modelContainer {
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: 12.0rem;
}

#secTop .imgContainer .modelContainer>picture:nth-child(2)>img {
    width: 76%;
    margin-right: 4.0rem;
    margin-left: auto;
}

#secTop .imgContainer .ballonLimited {
    position: absolute;
    width: 40%;
    right: 1.0rem;
    top: -8rem;
}

/*--------------------------------TOP*/
/*INTRO------------------------------*/
#secIntro .marks {
    display: inline;
    border-bottom: 1px dashed var(--mainColor);
    line-height: 3.2rem;
    padding-bottom: 0.3rem;
}

#secIntro .textContainer>p:last-child {
    margin-top: 2.0rem;
}

#secIntro .textContainer {
    margin-bottom: 3.0rem;
    color: var(--mainColor);
}

#secIntro .bigBg {
    display: block;
    background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url("../img/bg/scheduleBg.jpg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: -2.0rem;
    margin-left: -2.0rem;
    padding: 2.0rem 2.0rem 4.0rem;
}

#secIntro .schedule {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2.0rem;
    margin-bottom: 5.0rem;
}

#secIntro .schedule caption {
    padding-bottom: 0.8rem;
    margin-bottom: 0.5rem;
}

#secIntro .schedule th,
#secIntro .schedule td {
    padding: 0.8rem;
    text-align: left;
}

#secIntro .schedule td {
    position: relative;
}

#secIntro .schedule td:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 20px;
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
    background: #d3e2d7;
}

#secIntro .schedule tr:nth-child(odd) th,
#secIntro .schedule tr:nth-child(odd) td {
    background: rgba(252, 255, 249, 0.9);
}

#secIntro .schedule tr:nth-child(even) th,
#secIntro .schedule tr:nth-child(even) td {
    background: rgba(252, 255, 249, 0.4);
}

#secIntro .schedule tr:last-child th,
#secIntro .schedule tr:last-child td {
    border-bottom: 2px solid rgba(252, 255, 249, 1.0);
}

/*------------------------------INTRO*/
/*secAbout---------------------------*/
/*overview--*/
#secAbout .overview {
    margin-top: 2.0rem;
    margin-bottom: 6.0rem;
}

#secAbout .overview>p {
    margin-top: 2.0rem;
}

#secAbout .inner {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    height: 260px;
    overflow: hidden;
}

#secAbout .inner>picture>img {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#secAbout .sttl {
    margin-top: 3.0rem;
    margin-bottom: 1.0rem;
    color: var(--mainColor);
}

.color {
    color: var(--mainColor);
}

/*detail--*/
#secAbout .detail,
#secGreen {
    background: #f6f1eb;
}

#secAbout .detail {
    position: relative;
}

#secAbout .detail .wrapper,
#secAbout .specs .wrapper {
    padding-top: 5.0rem;
    padding-bottom: 5.0rem;
}


#secAbout .detail::before,
#secAbout .detail::after {
    position: absolute;
    content: "";
    display: block;
    width: 90%;
    height: 20px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    background-image: url("../img/common/arrowBg.png");
    background-position: 50% 50%;
    background-repeat: repeat-x;
    background-size: 50px;
}

#secAbout .detail::before {
    top: -1.0rem;
}

#secAbout .detail::after {
    bottom: -1.0rem;
}



#secAbout .detail .cards .textContainer {
    position: relative;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0 0 10px 10px;
    padding: 1.0rem;
}

#secAbout .detail .cards .textContainer::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 20px;
    right: 0;
    left: 0;
    bottom: 100%;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px 10px 0 0;
}

#secAbout .detail .cards .textContainer .fLex {
    justify-content: space-between;
}

#secAbout .detail .cards .textContainer .fLex>p:nth-child(1) {
    flex-basis: 23%;
    text-align: center;
}

#secAbout .detail .cards .textContainer .fLex>p:nth-child(2) {
    flex-basis: 77%;
    letter-spacing: 0.1rem;
}

#secAbout .detail .numbering {
    font-size: 4.0rem;
    margin-top: 0.5rem;
}

#secAbout .detail .cards .textContainer .verticalAdjust {
    display: block;
    content: "";
    width: 20px;
    height: 0.1rem;
}

/*layout*/
#secAbout .layout,
#secAbout .specs {
    margin-right: auto;
    margin-left: auto;
}

#secAbout .layout h2 {
    text-align: center;
    margin-bottom: 4.0rem;
    padding-top: 3.0rem;
}

#secAbout .layout .fLex {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

#secAbout .layout .fLex>div {
    flex-basis: 40%;
    margin-right: auto;
    margin-left: auto;
}

#secAbout .layout .data {
    margin-top: 5.0rem;
}

#secAbout .layout .data .fLex>div:nth-child(1) {
    flex-basis: 40%;
    margin-right: auto;
    margin-left: 0;
}

#secAbout .layout .data .fLex>div:nth-child(2) {
    text-align: right;
    flex-basis: 60%;
    margin-right: 0;
    margin-left: auto;
}

#secAbout .layout .data .fLex>div .price {
    font-size: 4.5rem;
}

#secAbout .layout .ModelTtl {
    line-height: 3.5rem;
    margin-bottom: 3.0rem;
}

#secAbout .layout .data .data-area {
    position: relative;
    justify-content: space-between;
}

#secAbout .layout .data .data-area::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 100%;
    border-bottom: dashed 1px #333;
}

#secAbout .layout .data .data-area dt {
    margin: 0;
    padding: 0 5px 0 0;
    background-color: var(--whiteColor);
    z-index: 2;
    text-align: left;
}

#secAbout .layout .data .data-area dd {
    margin: 0;
    padding: 0 0 0 5px;
    background-color: var(--whiteColor);
    z-index: 2;
    text-align: right;
}

#secAbout .layout .priceTable {
    align-items: flex-start;
    justify-content: space-between;
    line-height: 2.0rem;
    margin-top: 1.0rem;
    margin-bottom: 1.0rem;
}

#secAbout .specs .fLex {
    justify-content: space-between;
}

#secAbout .specs .fLex>a:nth-child(1) {
    flex-basis: 45%
}

#secAbout .specs .fLex>a:nth-child(2) {
    flex-basis: 55%
}

#secAbout .specs .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.0rem;
    text-align: center;
    margin-bottom: 5.0rem;
}

#secAbout .specs .grid .item {
    background: var(--subColor);
    color: var(--whiteColor);
    border-radius: 50%;
    height: 28vw;
    max-height: 110px;
    width: 28vw;
    max-width: 110px;
    margin-right: auto;
    margin-left: auto;
    padding: 1.5rem 0 1.0rem;
}

#secAbout .specs .grid .item>p {
    line-height: 2.0rem;
    margin-top: 1.0rem;
}

#secAbout .specs .grid .item .icon img {
    width: auto;
    height: 25px;
}

#secAbout .specs .wrapper>.textContainer {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

#secAbout .rinkBtn,
#secGreen .rinkBtn {
    position: relative;
    display: block;
    color: var(--mainColor);

}

#secAbout .rinkBtn::after,
#secGreen .rinkBtn::after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    bottom: 0.2rem;
    margin-left: 1.0rem;
    background-image: url("../img/common/arrowRink.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

/*---------------------------secAbout*/
/*secGreen---------------------------*/
#secGreen {
    padding-top: 5.0rem;
    padding-bottom: 10.0rem;
    text-align: center;
}

#secGreen .ballonUp,
#secOwners .ballonUp {
    position: relative;
    margin-bottom: 1.0rem;
    margin-right: auto;
    margin-left: auto;
    width: fit-content;
}

#secOwners .ballonUp {
    color: var(--whiteColor);
    padding-top: 5.0rem;

}

#secGreen .ballonUp>p,
#secOwners .ballonUp>p {
    position: absolute;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    transform: translateY(-50%);
    text-align: center;
}

#secGreen .ballonUp>p {
    top: 30%;
}

#secOwners .ballonUp>p {
    top: 37%;
}

#secGreen .badge picture {
    display: block;
    width: 80%;
    margin-top: 3.0rem;
    margin-right: auto;
    margin-left: auto;
}

#secGreen .wrapper>.textContainer {
    margin-top: 5.0rem;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    width: fit-content;
}

#secGreen a {
    padding-right: 3.0rem;
}

/*---------------------------secGreen*/
/*secOwners--------------------------*/
#secOwners {
    position: relative;
    background: #8db5b8;
    padding-top: 5.0rem;
    padding-bottom: 3.0rem;
}

#secOwners .illust {
    position: absolute;
    top: -5.0rem;
    right: 0;
    text-align: center;
}

#secOwners .illust img {
    width: 40%;
    margin-right: 2.0rem;
}

#secOwners .wrapper>.ttl {
    margin-top: 7.0rem;
    color: var(--whiteColor);
    text-align: center;
}

#secOwners>.wrapper>p {
    color: var(--whiteColor);
    text-align: center;
}

#secOwners h2 {
    position: relative;
    color: var(--whiteColor);
    text-align: center;
}

#secOwners .question01,
#secOwners .question02 {
    color: var(--whiteColor);
    margin-top: 8.0rem;
}

#secOwners .question01 {
    margin-top: 6.0rem;
    margin-bottom: 12.0rem;
}

#secOwners .ballonLine,
#secQlist .ballonLine {
    position: relative;
    text-align: center;
    margin-bottom: 7.0rem;
}

#secOwners .ballonLine::before,
#secOwners .ballonLine::after,
#secQlist .ballonLine::before,
#secQlist .ballonLine::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 20px;
    top: 0.2rem;

}

#secOwners .ballonLine::before,
#secOwners .ballonLine::after {
    background: var(--whiteColor);
}

#secQlist .ballonLine::before,
#secQlist .ballonLine::after {
    background: var(--standardColor);
}

#secOwners .ballonLine::before {
    transform: rotate(-25deg);
    margin-left: -2.0rem;
}

#secQlist .ballonLine::before {
    transform: rotate(-25deg);
    margin-left: -2.0rem;
}

#secOwners .ballonLine::after {
    transform: rotate(25deg);
    margin-left: 2.0rem;
}

#secQlist .ballonLine::after {
    transform: rotate(25deg);
    margin-left: 2.0rem;
}

#secOwners .container {
    position: relative;
}

#secOwners .container .ttl {
    position: absolute;
    width: 100%;
}

#secOwners .question01 .ttl,
#secOwners .question02 .ttl {
    position: relative;
    width: 100%;
}

#secOwners .ballonEnclosure,
#secQlist .ballonEnclosure {
    position: relative;
    background: var(--whiteColor);
    color: var(--standardColor);
    border-radius: 10px;
    border: 2px solid #333;
    padding: 2.0rem 1.0rem 1.0rem;
}

#secOwners .ballonEnclosure {
    margin-top: 6.0rem;
}

#secQlist .ballonEnclosure {
    margin-top: 2.0rem;
}

#secOwners .question01 .ballonEnclosure,
#secOwners .question02 .ballonEnclosure,
#secQlist .question01 .ballonEnclosure,
#secQlist .question02 .ballonEnclosure {
    margin-top: 6.0rem;
    z-index: 5;
}

#secOwners .container .ballonEnclosure,
#secQlist .container .ballonEnclosure {
    margin-top: 0rem;
    z-index: 5;
}

#secOwners .ballonEnclosure::after,
#secQlist .ballonEnclosure::after {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    bottom: -10px;
    background: var(--whiteColor);
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
}


#secOwners .ballonEnclosure.tailR::after {
    right: 5.0rem;
}

#secOwners .ballonEnclosure.tailL::after {
    left: 5.0rem;
}

#secQlist .ballonEnclosure.tailC::after {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
}

#secOwners .ballonEnclosure>p {
    position: relative;
    z-index: 10;
}

#secOwners .numbering.question,
#secOwners .numbering.examples {
    position: absolute;
    width: fit-content;

    border-radius: 10px;
    border: 2px solid #333;
    left: 0;
}

#secOwners .numbering.question {
    background: #eace32;
    color: var(--standardColor);
    top: -4.0rem;
    padding: 1.0rem;
    z-index: 10;
}

#secOwners .numbering.examples {
    background: #eb9127;
    top: -3.5rem;
    padding: 0.5rem 1.0rem 1.0rem;
    z-index: 1;
}

#secOwners .question01>.textContainer,
#secOwners .question02>.textContainer {
    position: relative;
    padding-top: 3.0rem;

}

#secOwners .question01>.textContainer>p:nth-child(2),
#secOwners .question02>.textContainer>p:nth-child(2) {
    position: relative;
    z-index: 10;
}


#secOwners .container.qColumn01 .inner,
#secOwners .container.qColumn02 .inner {
    background: #e6f5f5;
    border-radius: 10px;
    border: 2px solid #333;
    margin-top: 8.0rem;
}

#secOwners .container .inner .wrapper>.imgContainer {
    position: absolute;
    right: 3rem;
    width: 48%;
    z-index: 10;
}

#secOwners .container.qColumn02 .inner .wrapper>div>.imgContainer {
    float: right;
    width: 32%;
    margin-left: 1.0rem;
    text-align: center;
}

#secOwners .container.qColumn02 .inner .wrapper>div:nth-child(1) {
    margin-top: 8.0rem;
}

#secOwners .container.Fsama .inner .wrapper>.imgContainer {
    top: -20%;
}

#secOwners .container.qColumn01.Hsama {
    margin-top: 13.0rem;
}

#secOwners .container.qColumn02.Hsama {
    margin-top: 8.0rem;
}

#secOwners .container.Hsama .inner .wrapper>.imgContainer {
    top: -11%;
}

#secOwners .container .inner .textContainer {
    margin-bottom: 3.0rem;
    position: relative;
    z-index: 15;
    margin-top: 5.0rem;
}

#secOwners .container.qColumn02 .inner .textContainer {
    max-width: 620px;
}

#secOwners .container.qColumn01 .inner .textContainer>p {
    padding-top: 6.5rem;
}

#secOwners .container.qColumn02.Fsama .inner .textContainer>p {
    margin-top: 12.0rem;
}

#secOwners .container.qColumn02.Hsama .inner .textContainer>p {
    margin-top: 14.0rem;
}

#secOwners .container.qColumn02 .inner .grid {
    display: grid;
    max-width: 620px;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 2%;
}

#secOwners .container.qColumn02 .inner .grid .item:nth-child(1) {
    display: grid;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 1;
}

#secOwners .container.qColumn02 .inner .grid .item:nth-child(2) {
    display: grid;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    margin-right: 2%;
}

#secOwners .container.qColumn02 .inner .grid .item:nth-child(3) {
    display: grid;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    margin-left: 2%;
}

#secOwners .container .layoutImg {
    align-items: start;
    justify-content: space-between;
    gap: 5%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2.0rem;
}

#secOwners .container .layoutImg>div:nth-child(1) {
    flex-basis: 10%;
    margin-right: 0;
    margin-left: auto;
}

#secOwners .container .layoutImg>div:nth-child(2) {
    flex-basis: 80%;
    text-align: center;
}

#secOwners .container .caption {
    margin-top: 1.0rem;
    text-align: center;
}

#secOwners .container .layoutImg .arrowLayout {
    display: block;
    width: 50px;
    margin-right: 2rem;
    margin-left: auto;
}

#secOwners .container .layoutImg .floor {
    display: flex;
    border: 2px solid #333;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
    margin-right: auto;
    margin-left: 0;
}

#secOwners .container.Hsama .layoutImg picture img {
    width: 80%;
}


#secQlist {
    padding-top: 3.0rem;
    padding-bottom: 3.0rem;
}

#secQlist .ttl {
    text-align: center;
}

/*--------------------------secOwners*/
/*list-------------------*/
#secQlist .qList {
    margin-top: 5.0rem;
    margin-bottom: 2.0rem;
}

#secQlist .qList ul li {
    position: relative;
    background: #e7e7e7;
    padding: 0.4rem 0.4rem 0.4rem 3.5rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

#secQlist .qList ul li::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 20px;
    height: 12px;
    top: -7px;
    left: 7px;
    border-bottom: 3px solid var(--mainColor);
    border-left: 3px solid var(--mainColor);
    transform: rotate(-45deg);
    vertical-align: -0.3rem;
}

/*-------------------list*/
/*secCoffee-----------------------*/
#secCoffee {
    position: relative;
    margin-top: 8.0rem;
    margin-bottom: 5.0rem;
}

#secCoffee>.inner {
    background: var(--subColor);
    color: var(--whiteColor);
    padding: 6.0rem 2.0rem 2.0rem;
    border-radius: 25px;
    margin-right: 2.0rem;
    margin-left: 2.0rem;
}

#secCoffee .item01 {
    position: absolute;
    top: -6.0rem;
    left: 5.5rem;
    width: 54%;
}

#secCoffee .item02 {
    position: absolute;
    top: -12.0rem;
    left: 2.0rem;
    width: 33%;
}

#secCoffee .item03 {
    display: block;
    width: 30%;
    margin-right: 2.0rem;
    margin-left: auto;
    text-align: center;
}

/*-----------------------secCoffee*/
/*footer--------------------------*/
footer {
    text-align: center;
    background: var(--subColor);
    color: var(--whiteColor);
    padding: 1.0rem;
    margin-top: 5.0rem;
}

/*--------------------------footer*/
@media screen and (min-width: 768px) {
    .fLex.forPc {
        display: fLex;
    }

    .brSp {
        display: none;
    }

    #secAbout {
        margin-top: 12.0rem;
    }

    #secTop .imgContainer .modelContainer {
        margin-top: 21.0rem;
    }

    #secTop .logoAcross img {
        width: 200px;
    }

    #secTop .logoMalibu {
        width: 340px;
    }

    #secTop .imgContainer .ballonLimited {
        width: 250px;
        top: -13.0rem;
        right: 22.0rem;
    }

    #secTop .imgContainer .modelContainer>picture:nth-child(2)>img {
        width: 340px;
    }

    #secAbout .inner {
        height: 400px;
    }

    #secAbout .layout,
    #secAbout .specs {
        width: 70%;
    }

    #secOwners .illust {
        top: -10.0rem;
    }

    #secOwners .container .inner .wrapper>.imgContainer {
        width: 30%;
    }

    #secOwners .container.Hsama .inner .wrapper>.imgContainer {
        top: -18%;
    }

    #secOwners .container.Fsama .inner .wrapper>.imgContainer {
        top: -30%;
    }

    #secOwners .container.qColumn01.Hsama {
        margin-top: 16.0rem;
    }

    #secOwners .question01 {
        margin-bottom: 20.0rem;
    }

    #secOwners .container .layoutImg {
        width: 50%;
    }

    #secOwners .container.qColumn02 .inner .wrapper>div>.imgContainer {
        width: 20%;
    }

    #secOwners .container.qColumn02.Fsama .inner .textContainer>p,
    #secOwners .container.qColumn02.Hsama .inner .textContainer>p {
        margin-top: 9.0rem;
    }

    #secCoffee {
        margin-top: 20.0rem;
        margin-bottom: 10.0rem;
    }

    #secCoffee .inner>p {
        width: 50%;
        margin-right: auto;
        margin-left: auto;
    }

    #secCoffee .item01 {
        top: -14.0rem;
        left: 8.5rem;
    }

    #secCoffee .item02 {
        top: -23rem;
    }

    #secCta {
        margin-bottom: 10.0rem
    }
}

@media screen and (max-width: 767px) {
    .fLex.forSp {
        display: fLex;
    }

    #secIntro .schedule th {
        width: 25%;
    }

    #secIntro .schedule td:before {
        height: 60%;
    }

}

@media screen and (max-width: 365px) {
    #secAbout .detail .cards .textContainer .verticalAdjust.small {
        display: block;
        content: "";
        width: 20px;
        height: 2.8rem;
    }
}

@media screen and (min-width: 386px) {
    .brSmall {
        display: none;
    }
}

@media screen and (max-width: 380px) {
    #secIntro .schedule th {
        width: 27%;
    }

}

@media screen and (min-width: 680px) and (max-width: 767px) {
    .brPc {
        display: none;
    }

    #secAbout .detail .cards .textContainer .verticalAdjust {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 800px) {

    #secOwners .container.qColumn02 .inner .textContainer {
        max-width: 500px;
    }

    #secOwners .container.qColumn02 .inner .grid {
        max-width: 500px;
    }


    #secOwners .container.qColumn02.Hsama .inner .textContainer>p {
        margin-top: 12.0rem;
    }
}