@charset "UTF-8";
@import url(floating_bannar.css);

html {
    color: #4d4d4d;
    font-size: 62.5%;
    line-height: 1.4;
    -webkit-appearance: none;
}

body,
div,
ul,
li,
h1,
h2,
p {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    height: auto;
    border: none;
    vertical-align: bottom;
}

ul {
    list-style: none;
}

h1,
h2 {
    font-weight: normal;
}

/* YUI CSS Detection Stamp */
a {
    text-decoration: none;
    outline: none;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Yu Gothic", YuGothic, sans-serif !important;
    -webkit-text-size-adjust: 100%;
    font-size: 1.6rem;
}

@media only screen and (max-width: 768px) {
    .onlyPc {
        display: none !important;
    }
}

@media only screen and (min-width: 769px) {
    .onlySp {
        display: none !important;
    }
}

@media screen and (max-width: 480px) {
    .BReak:before {
        display: inline;
        content: "\a";
        white-space: pre;
    }
}


.pageContentsArea {
    width: 100%;
    padding-top: 136px;
}

@media only screen and (max-width: 768px) {
    .pageContentsArea {
        padding-top: 0;
    }
}


.pageContentsArea .titleContents {
    width: 100%;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #4d4d4d;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.414;
}

.pageContentsArea .titleContents .titleContentsInner {
    max-width: 980px;
    margin: 0 auto;
    width: 95%;
}

.pageContentsArea .titleContents .titleContentsInner a {
    color: #fff;
}

.pageContentsArea .titleContents .titleContentsInner a:hover {
    color: #cb162c;
}

.pageContentsArea #mainVisual {
    padding: 15px;
    background: url(../img/appli/main_bg.jpg) right center no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: calc((100 * var(--vh)) - 90px);
    display: flex;
    justify-content: space-around;
    box-sizing: border-box;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.pageContentsArea #mainVisual .contentsWrap {
    width: 98%;
    max-width: 1280px;
    margin: 0 auto 40px;
    font-size: 1.4rem;
    line-height: 1.414;
    position: relative;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0 0 150px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.pageContentsArea #mainVisual .contentsWrap p {
    font-size: 1.4rem;
}

.pageContentsArea #mainVisual .contentsWrap .img_content {
    order: 2;
    position: relative;
    width: 100%;
}

.pageContentsArea #mainVisual .contentsWrap .img_content .mainImg {
    height: 350px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.pageContentsArea #mainVisual .contentsWrap .contentsInner {
    color: white;
    font-weight: bold;
    height: unset;
    position: relative;
    width: 700px;
    order: 1;
    max-width: 100%;
}

.pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer {
    width: 100%;
    margin-top: 30px;
}

.pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer h1 {
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.4;
    margin: 30px auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: "M PLUS Rounded 1c", sans-serif;
}

.pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer h1 .appList {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 60px;
}

.pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer h1 .appItem {
    width: 180px;
    margin: 0 15px;
}

.pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer .h1_detail {
    margin-bottom: 25px;
    line-height: 1.6;
    font-weight: 600;
}

.pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer .h1_detail p {
    text-align: center;
}

.pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer .h1_detail .h1_detail_title {
    font-size: 1.4rem;
    text-align: left;
    max-width: 300px;
    margin: 0 auto 10px;
}

.pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer .h1_detail .h1_detail_contents {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
}

.pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer .h1_detail .h1_detail_contents li {
    position: relative;
    padding-left: 18px;
}

.pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer .h1_detail .h1_detail_contents li p {
    text-align: left;
}

.pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer .h1_detail .h1_detail_contents li::before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    color: #fff;
    font-size: 1.4rem;
    left: 0px;
    transition: all 0.2s;
}

.pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer .h1_detail .appList {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 30px;
}

.pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer .h1_detail .appList .appItem {
    width: 200px;
    margin: 0 15px;
}

.pageContentsArea #mainVisual .scroll {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) scale(0.6);
    cursor: pointer;
}

.pageContentsArea #mainVisual .scroll:hover {
    opacity: 0.6;
}

.pageContentsArea #mainVisual .scroll #scroll_icon {
    width: 100px;
    display: block;
    margin: -10px auto 0;
}

.pageContentsArea .information {
    background-color: #d88484;
    color: #fff;
    padding-top: 120px;
}

.pageContentsArea .information .sectionInner {
    padding-right: 4%;
    padding-left: 4%;
}

.pageContentsArea .information .sectionInner .contentsWrap {
    background-image: url(../img/appli/car01.png);
    background-repeat: no-repeat;
    background-position: right 96%;
    background-size: 60%;
    padding-right: 0;
    padding-left: 0;
}

.pageContentsArea .information .sectionInner .contentsWrap .contentsInner {
    width: 100%;
    height: 200px;
}

.pageContentsArea .information .sectionInner .contentsWrap .contentsInner .sectionTtl {
    margin-bottom: 10px;
    font-size: 1.8rem;
}

.pageContentsArea .information .sectionInner .contentsWrap .contentsInner .sectionTxt {
    line-height: 1.4;
    font-size: 1.4rem;
}

.pageContentsArea .notification {
    background-image: url(../img/appli/notification_bg.jpg);
    background-position: center top;
    background-size: cover;
}

.pageContentsArea .notification .sectionInner {
    padding-right: 4%;
    padding-left: 4%;
}

.pageContentsArea .notification .sectionInner .contentsWrap {
    display: flex;
    justify-content: flex-end;
    padding-right: 0;
    padding-left: 0;
}

.pageContentsArea .notification .sectionInner .contentsWrap .contentsInner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    background-color: #ffffff80;
    padding: 15px;
    height: 200px;
}

.pageContentsArea .notification .sectionInner .contentsWrap .contentsInner .sectionTtl {
    margin-bottom: 10px;
    font-size: 1.8rem;
}

.pageContentsArea .notification .sectionInner .contentsWrap .contentsInner .sectionTxt {
    line-height: 1.4;
    font-size: 1.4rem;
    text-align: left;
}

.pageContentsArea .reservation {
    background-color: #7f6d61;
    color: #fff;
}

.pageContentsArea .reservation .sectionInner {
    padding-right: 4%;
    padding-left: 4%;
}

.pageContentsArea .reservation .sectionInner .contentsWrap {
    background-image: url(../img/appli/car02.png);
    background-repeat: no-repeat;
    background-position: 80% 80%;
    background-position: right 96%;
    background-size: 60%;
    padding-right: 0;
    padding-left: 0;
}

.pageContentsArea .reservation .sectionInner .contentsWrap .contentsInner {
    width: 100%;
    height: 200px;
}

.pageContentsArea .reservation .sectionInner .contentsWrap .contentsInner .sectionTtl {
    margin-bottom: 10px;
    font-size: 1.8rem;
}

.pageContentsArea .reservation .sectionInner .contentsWrap .contentsInner .sectionTxt {
    line-height: 1.4;
    font-size: 1.4rem;
}

.pageContentsArea .app {
    text-align: center;
}

.pageContentsArea .app .sectionInner {
    padding-right: 4%;
    padding-left: 4%;
}

.pageContentsArea .app .sectionInner .contentsWrap {
    width: 98%;
    max-width: 98%;
    margin: 0 auto 40px;
    font-size: 1.4rem;
    line-height: 1.414;
}

.pageContentsArea .app .sectionInner .contentsWrap .appList {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.pageContentsArea .app .sectionInner .contentsWrap .appList .appItem {
    width: 200px;
    margin: 0 15px;
}

.pageContentsArea .contentsTtl {
    width: 100%;
    margin: 30px auto 15px;
    font-size: 1.8rem;
}

.pageContentsArea .contentsWrap {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 0;
    box-sizing: border-box;
}

@media screen and (min-width: 481px) {
    .pageContentsArea #mainVisual .contentsWrap p {
        font-size: 2rem;
    }

    .pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer h1 {
        font-size: 2.6rem;
    }

    .pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer .h1_detail .h1_detail_title {
        font-size: 2rem;
        max-width: 400px;
    }

    .pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer .h1_detail .h1_detail_contents li::before {
        top: calc(50% - 8px);
    }

    .pageContentsArea .information .sectionInner .contentsWrap {
        background-size: 45%;
    }
}

@media print,
screen and (min-width: 769px) {
    .pageContentsArea #mainVisual {
        height: calc(100vh - 90px);
        min-height: 700px;
        padding: 0;
    }

    .pageContentsArea #mainVisual .contentsWrap {
        margin-top: 30px;
        flex-wrap: unset;
        padding: 0;
    }

    .pageContentsArea #mainVisual .contentsWrap p {
        font-size: 2.4rem;
    }

    .pageContentsArea #mainVisual .contentsWrap .img_content {
        order: unset;
        position: unset;
        width: unset;
        margin: auto;
    }

    .pageContentsArea #mainVisual .contentsWrap .img_content .mainImg {
        height: unset;
        max-height: 550px;
        position: unset;
        left: unset;
        top: unset;
        transform: unset;
    }

    .pageContentsArea #mainVisual .contentsWrap .contentsInner {
        order: unset;
        min-height: 620px;
    }

    .pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-top: unset;
    }

    .pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer h1 {
        font-size: 4.6rem;
    }

    .pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer .h1_detail {
        margin-left: 5%;
    }

    .pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer .h1_detail p {
        text-align: left;
    }

    .pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer .h1_detail .h1_detail_title {
        font-size: 2.4rem;
        max-width: unset;
    }

    .pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer .h1_detail .h1_detail_contents {
        width: unset;
    }

    .pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer .h1_detail .appList {
        margin-top: 60px;
    }

    .pageContentsArea .information {
        padding-top: unset;
    }

    .pageContentsArea .information .sectionInner {
        padding-right: unset;
        padding-left: unset;
    }

    .pageContentsArea .information .sectionInner .contentsWrap {
        padding-right: 60px;
        padding-left: 60px;
        background-position: 80% 60%;
        background-size: 33%;
    }

    .pageContentsArea .information .sectionInner .contentsWrap .contentsInner {
        width: 43%;
    }

    .pageContentsArea .information .sectionInner .contentsWrap .contentsInner .sectionTtl {
        font-size: 2.4rem;
    }

    .pageContentsArea .information .sectionInner .contentsWrap .contentsInner .sectionTxt {
        line-height: 1.6;
        font-size: 1.8rem;
    }

    .pageContentsArea .notification {
        background-attachment: fixed;
    }

    .pageContentsArea .notification .sectionInner {
        padding-right: unset;
        padding-left: unset;
    }

    .pageContentsArea .notification .sectionInner .contentsWrap {
        padding-right: 60px;
        padding-left: 60px;
        background-position: 80% 80%;
    }

    .pageContentsArea .notification .sectionInner .contentsWrap .contentsInner {
        width: 55%;
    }

    .pageContentsArea .notification .sectionInner .contentsWrap .contentsInner .sectionTtl {
        font-size: 2.4rem;
    }

    .pageContentsArea .notification .sectionInner .contentsWrap .contentsInner .sectionTxt {
        line-height: 1.6;
        font-size: 1.8rem;
    }

    .pageContentsArea .reservation .sectionInner {
        padding-right: unset;
        padding-left: unset;
    }

    .pageContentsArea .reservation .sectionInner .contentsWrap {
        padding-right: 60px;
        padding-left: 60px;
        background-position: 80% 80%;
        background-size: 40%;
    }

    .pageContentsArea .reservation .sectionInner .contentsWrap .contentsInner {
        width: 45%;
    }

    .pageContentsArea .reservation .sectionInner .contentsWrap .contentsInner .sectionTtl {
        font-size: 2.4rem;
    }

    .pageContentsArea .reservation .sectionInner .contentsWrap .contentsInner .sectionTxt {
        line-height: 1.6;
        font-size: 1.8rem;
    }

    .pageContentsArea .app .sectionInner {
        padding-right: unset;
        padding-left: unset;
    }

    .pageContentsArea .contentsTtl {
        margin: 30px auto;
        color: #736357;
        font-size: 2.4rem;
        text-align: center;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .pageContentsArea #mainVisual .contentsWrap .contentsInner .contentsInnerContainer h1 {
        font-size: 4rem;
    }
}

/*# sourceMappingURL=appli.css.map */