@charset "UTF-8";

.main-img .img-area {
    height: 720px;
}

.main-img .img-area img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

.main-img .txt-area .main-img-txt {
    top: 200px;
    left: 0;
}

.main-img .txt-area .main-img-txt img {
    position: relative;
    left: 0;
    top: 0;
    width: 600px;
}

.main-img .txt-area .txt-box {
    display: inline-block;
    width: auto;
    padding: 30px;
}

.main-img .txt-area .txt-box .t1 {
    justify-content: flex-start;
}

.main-img .txt-area .txt-box .t2 .date {
    justify-content: flex-start;
    margin-left: -30px;
    color: #FFFFFF;
}

.main-img .txt-area .txt-box .t2 .date>div {
    margin-left: 30px;
}

.main-img .txt-area .txt-box .t2 .price {
    justify-content: flex-start;
    margin-left: -30px;
}

.main-img .txt-area .txt-box .t2 .price dl {
    margin-left: 30px;
}

.main-img .txt-area .txt-box .t2 .price dl dt {
    padding: 5px 30px;
}

.main-img .txt-area .txt-box .t2 .price dl dd .p2 span {
    color: #FFFFFF;
}

.main-img .txt-area .txt-box .t2 .price.p2 dl {
    margin-left: 20px;
}

.main-img .txt-area .txt-box .t2 .price .p3 {
    margin-left: 30px;
}

.main-img .txt-area2 .txt {
    width: 640px;
}

.main-img .txt-area2 .img {
    width: 710px;
}

.main-img .txt-area2 .txt .ttl {
    bottom: 170px;
    font-size: 30px !important;
}

.main-img .txt-area2 .img img {
    height: 760px;
    bottom: 0;
    right: 60px;
    z-index: 0;
}

.main-img .main-txt {
    font-size: 105px;
    color: #003E75;
    line-height: 1.0;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: left;
    text-shadow: 0 0 1px #707070;
}

.main-img .main-txt span.f-s50 {
    letter-spacing: 0.1em;
}

.main-img .txt-area2 {
    background-color: #453319;
}


/*
.main-img .txt-area2 {
    /* background: #453319; */
/*background: linear-gradient(#ad2626 0%, #c90e16 10.84%, #e41f15 21.67%, #ef2615 27.59%, #d62424 39.41%, #c52122 55.66%, #7e151b 86.7%, #800c13 100%);
}
.main-img .txt-area2 .img::before {
    border-width: 180px 100px 0 0;*/
/* border-color: #453319 transparent transparent transparent; */
/*border-color: transparent transparent linear-gradient(#ad2626 0%, #c90e16 10.84%, #e41f15 21.67%, #ef2615 27.59%, #d62424 39.41%, #c52122 55.66%, #7e151b 86.7%, #800c13 100%) transparent;
    border-image: linear-gradient(#ad2626 0%, #c90e16 10.84%, #e41f15 21.67%, #ef2615 27.59%, #d62424 39.41%, #c52122 55.66%, #7e151b 86.7%, #800c13 100%);
}

.main-img .txt-area2 .img::after {
    /* border-color: transparent transparent #453319 transparent; */
/*border-color: transparent transparent linear-gradient(#ad2626 0%, #c90e16 10.84%, #e41f15 21.67%, #ef2615 27.59%, #d62424 39.41%, #c52122 55.66%, #7e151b 86.7%, #800c13 100%) transparent;
    border-image: linear-gradient(#ad2626 0%, #c90e16 10.84%, #e41f15 21.67%, #ef2615 27.59%, #d62424 39.41%, #c52122 55.66%, #7e151b 86.7%, #800c13 100%);
}


.main-img .txt-area2 .txt {
    /* background: #453319; */
/*background: linear-gradient(#ad2626 0%, #c90e16 10.84%, #e41f15 21.67%, #ef2615 27.59%, #d62424 39.41%, #c52122 55.66%, #7e151b 86.7%, #800c13 100%);
} */
#top #cm_gallery .cm_gallery_wrapper {
    bottom: 105px;
}

.txt-img-bg {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.txt-img.half {
    align-items: flex-end;
}

.txt-img.half .txt-area {
    width: calc(50% - 30px);
}

.txt-img.half .img-area {
    flex-grow: 0;
    width: calc(50% - 30px);
}

.location-main {
    margin: 50px 0 80px;
}


.c-table table {
    border: 2px solid #453319;
    color: #453319;
    background: #fff;
}

.c-table table th {
    border: 1px solid #453319;
    background: #EDEDED;
}

.c-table table td {
    border: 1px solid #453319;
}

.c-table table thead th {
    border-bottom: 2px solid #453319;
}

.c-table table thead th {
    background: #EDEDED;
}

.c-table table thead td {
    border-right: 2px solid #453319;
    border-bottom: 2px solid #453319;
    background: #EDEDED;
}

.c-table table tbody th {
    border-right: 2px solid #453319;
}

.c-table table tfoot th {
    border-right: 2px solid #fff;
    background: #453319;
}

.c-table table tfoot td {
    border-right: 1px solid #fff;
    background: #453319;
}

.c-table table .c2 th {
    background: #453319;
    color: #fff;
    border: 1px solid #fff;
}

.c-table table .c2 td {
    background: #453319;
    color: #fff;
    border: 1px solid #fff;
}

.c-table table .c2.end th,
.c-table table .c2.end td {
    border-bottom: 1px solid #453319;
}


.f-s200 {
    font-size: 200% !important;
}

.f-s190 {
    font-size: 190% !important;
}

.f-s180 {
    font-size: 180% !important;
}

.f-s170 {
    font-size: 170% !important;
}

.f-s160 {
    font-size: 160% !important;
}

/* .f-c-plan01{
    color: #6B7C8D !important;
}
.f-c-plan02{
    color: #453319 !important;
} */
.f-c-gray {
    color: #D3E4EB !important;
}

.f-c-bro {
    color: #806C5D !important;
}

.f-c-bro01 {
    color: #453319 !important;
}

.f-c-bro02 {
    color: #A9A9B9 !important;
}

.f-c-bro03 {
    color: #AAAABA !important;
}


.f-c-bl02 {
    color: #6B7C8D !important;
}

.bg-bl {
    background: #6B7C8D !important;
}

.bg-bro02 {
    color: #453319 !important;
}

.bg-bl02 {
    background: #453319 !important;
}


.sub-ttl.m-b15.inview.f-c-bro.inview-on::before {
    content: "";
    background: #453319;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 3px;
}

.b-c-bl2 {
    background-color: #453319 !important;
}

/*===================*/
.tab-body .txt-img {
    height: 600px;
}

.access-txt-bg {
    background: #47b0ac;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: 7px 10px;
}

.map-list ul li .ttl {
    background-image: url(../../common/img/ico_maker.svg);
}

.bg-blue {
    background: #e4e1f1 url(../img/lp/bg_design.jpg) repeat-y center top;
    background-size: auto;
    background-size: cover;
}

.bg-blue2 {
    background: #F2F2F2 url(../img/lp/) repeat-y center top;
    background-size: auto;
    background-size: cover;
}

.bg-beige {
    background: #453319;
}

.bg-tri2 {
    background: #453319 url(../img/lp/design_img01.jpg) no-repeat calc(50% - 445px) 80px;
}

.bg-tri2 .txt-img {
    padding: 280px 0 100px;
}


/*
 * LOCATION
 */

.location-slide .list ul li {
    width: calc(22% - 15px);
}

.location-slide .list ul li .txt .ttl .t2 span {
    font-size: 24px;
}

.location-slide .txt .num {
    font-size: 180%;
}

.num {
    color: #C01C20;
}

.location-list {
    background: linear-gradient(to right, #544530, #453319);
}

.location-list__img {
  padding: 5px;
}

.location-list__imglist {
    display: flex;
    flex-wrap: wrap;
}

/* .location-list__img {
    position: relative;
    width: 50%;
} */

.location-list__img figcaption {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 80%;
    padding: 0 10px;
    background: rgba(0, 0, 0, .6);
}

.location-list__textArea {
    width: 100%;
    color: #fff;
    padding: 30px 15px;
}

.location-list__text {
    line-height: 1.85;
}


/*===================*/
.company-list .ttl {
    background: #453319;
}

.company-list .list {
    border: 1px solid #453319;
    background: #EDEDED;
}

.location-slide .main li .txt .ttl-area .ttl {
    padding-left: 0;
    width: 100%;
}

.location-slide .main li .txt p a {
    word-wrap: break-word;
}

.location-txt-list .list li {
    background: #254D89;
}

.location-ti .txt-img {
    padding: 0 40px;
}

.access-txt-area.column {
    margin-top: 0;
}

.access-txt .num {
    font-size: 52px;
}

.sub-ttl2.font-u.m-b20.inview.f-c-red2.inview-on::before {
    background: #453319;
}

/*
 * PLAN
 */
.plan-column-outer {
    border: none;
}

.plan-column-outer {
    border-top: 1px solid #E4E4E3;
    border-bottom: 1px solid #E4E4E3;
    background: #E4E4E3;
    background: -moz-linear-gradient(left, #E4E4E3 50%, #ffffff 50%);
    background: -webkit-linear-gradient(left, #E4E4E3 50%, #ffffff 50%);
    background: linear-gradient(to right, #E4E4E3 50%, #ffffff 50%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b9c6d8', endColorstr='#ffffff', GradientType=1);
}


.plan-column .plan-img {
    width: 50%;
    text-shadow: 2px 2px 3px rgb(0 0 0 / 50%);
    position: relative;
}

.plan-column .plan-img::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    top: 0;
    left: 0;
    position: absolute;
}

.plan-column .plan-img:nth-of-type(1) {
    background: url(../img/lp/plan01.jpg) no-repeat center / cover;

}

.plan-column .plan-img:nth-of-type(2) {
    background: url(../img/lp/plan02.jpg) no-repeat center / cover;
}

.plan .plan-img .data ul li {
    color: #fff;

}

.plan .plan-img .data ul li::before {
    content: "";
    background: #fff;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 6px;
    box-shadow: 2px 2px 3px rgb(0 0 0 / 30%);
}

.plan-column .column {
    width: calc(50% - 40px);
    text-align: center;
    padding: 40px 0;
    display: block;
    justify-content: center;
    align-items: center;
}

.plan-column .column .img {
    width: 100%;
    margin: 0 auto;
}

.plan-column .column .img img {
    height: auto;
}

.pop-block .plan-column .column .img {
    width: 100%;
}



.plan-column .column .txt-area {
    width: 100%;
}

.plan .color {
    background: #fff;
    color: inherit;
    padding: 20px 30px;
    text-align: left;
    border: solid 1px #e6e0d6;
}

.plan .color .color-ttl {
    padding-left: 10px;
    color: #fff;
    background: #47AFAC;
}

.f-c-khaki01 {
    color: #453319;
}

.out-line-table .list dl dt {
  padding-right: 25px;
}

.sub-ttl2.no-border::before {
  content: none !important;
}

.caption-right {
    text-align: right;
    font-size: 80%;
    margin-top: 10px;
}

.font-m {
    font-family: YuMincho, 'Yu Mincho', 'Noto Serif JP', serif !important;
}


/*======================================================================*/
@media screen and (max-width: 767px) {
    .main-img .txt-area .txt-box .t2 .price.p2 {
        padding-left: 0;
    }

    .main-img .txt-area2 .txt .ttl {
        font-size: 20px !important;
        top: -55px;
        line-height: 1.3;
    }

    .main-img .img-area {
        height: 440px;
    }

    .main-img .txt-area {
        height: 430px;
    }

    .main-img .txt-area .txt-box {
        padding: 20px;
    }

    .main-img .txt-area2 .txt p {
        line-height: 1.5;
        font-size: 12px;
        padding-top: 20px;
        width: calc(100% - 120px);
    }

    .main-img .txt-area .txt-box .t2 .date {
        justify-content: center;
    }

    .main-img .txt-area .txt-box .t2 .price dl dt {
        padding: 5px 10px;
    }

    .main-img .txt-area .txt-box .t2 .price.p2 dl {
        margin-left: 0;
    }

    .main-img .txt-area .txt-box .t2 .price .p3 {
        margin-left: 0;
    }

    .main-img .txt-area .main-txt {
        /* word-break: break-all; */
        font-size: 43px;
        left: 10px;
        top: -6px;
    }

    .main-img .txt-area2 .img {
        z-index: 2;
    }

    .main-img .txt-area2 .img img {
        width: 195px;
        height: auto;
        left: auto;
        right: -20px;
        bottom: 0;
    }

    .main-img .txt-area2 .txt {
        height: 240px;
        width: 100%;
    }

    /* .main-img .txt-area2 .img {
        height: 180px;
        width: 100%;
    } */


    .main-img .txt-area2 .txt::after {
        border-width: 0px;
    }

    .tab-body .txt-img {
        height: auto;
    }

    .location-slide .main li .txt .ttl-area .ttl {
        width: 100%;
    }

    .location-list__img {
        position: relative;
        width: 100%;
    }

    .c-ttl h3 {
        font-size: 20px;
    }

    .c-ttl h4 {
        font-size: 20px;
    }

    .access-txt {
        line-height: 1.9;
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
        font-size: 26px;
    }
    .access-txt.m-b40 {
        line-height: 0.9;
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
        font-size: 26px;
    }


    .access-txt.m-b40 .sub {
        font-size: 15px;
        margin: 10px 0;
    }

    .access-txt .sub {
        font-size: 15px;
    }

    .access-txt-area.column .access-txt {
        font-size: 24px;
        padding-left: 0;
        padding-right: 0;
    }

    .location-ti .txt-img .img-area {
        padding: 0;
    }

    .bg-tri {
        height: 975px;
    }

    .bg-tri2 {
        background: #453319;
    }

    .bg-tri2::before {
        border-color: transparent transparent #453319 transparent;
    }

    .bg-tri2 .txt-img {
        padding: 30px 0 0px;
    }

    .wrap {
        width: 100%;
        padding: 0;
    }

    .txt-img.half .txt-area {
        width: 100%;
    }

    .txt-img.half .img-area {
        flex-grow: 0;
        width: 100%;
    }

    /*
    * PLAN
    */
    .plan-column .plan-img {
        width: 100%;
    }

    .plan .color dl dd ul {
        flex-wrap: wrap;
    }

    .plan .color dl dd ul li {
        width: 33%;
    }

    /*
    * 追記
    */
    .plan-column .column:nth-child(odd) {
        background: #DCE2EB;
    }

    .plan-column .column:nth-child(even) {
        background: #fff;
    }

    .pop-block .box .plan-column .column:nth-child(odd) {
        background: #fff;
    }


    .plan-column.single .column {
        width: 100%;
    }

    .plan-column .over-box {
        padding: 5px;
        width: 100%;
    }

    .plan-column .over-box ul {
        margin-left: -1px;
    }

    .plan-column .over-box ul li {
        margin-left: 1px;
    }

    .plan-column .over-box ul li.l1 {
        width: auto;
    }

    .plan-column .over-box ul li.l2 {
        width: auto;
    }

    .plan-column .over-box ul li.l3 {
        width: auto;
    }

    .plan-column .over-box ul li .over-box-img {
        margin-bottom: 0;
    }

    .plan-column .over-box ul li .over-box-img p {
        display: none;
    }

    .plan-column .over-box ul li .over-box-txt {
        display: none;
    }

    .plan-column .column {
        width: 100%;
    }

    .plan-column .column .img {
        width: 90%;
    }

    .location-slide {
        margin-bottom: 0px;
    }

    .c-table table td {
        padding: 5px;
    }

    .main-img .txt-area2 .img .triangle-l,
    .main-img .txt-area2 .img .triangle-r {
        display: none;
    }

    .main-img .txt-area2 .img {
        width: 100%;
    }

    #top #cm_gallery .cm_gallery_wrapper {
        bottom: 0;
    }

    .company-list .list ul {
        margin-left: 0;
    }

    .txt-img .img-area-bg>div .access-map {
        width: 100%;
    }

    .bg-tri .bg-tri-img {
        background: none;
    }

    .location-list {
        display: block;
    }

    .location-list__column {
        width: 100%;
    }

    .main-img .txt-area2 {
        height: 240px;
    }

    .more-btn {
        border: 1px solid #453319 !important;
    }

    .more-btn::after {
        border-bottom: 1px solid #453319 !important;
        border-right: 1px solid #453319 !important;
    }


}

/*=====================================================================*/
@media screen and (min-width: 768px) {
    .company-list_02 ul {
        width: 380px !important;
    }

    .bg-tri .bg-tri-img {
        height: 1040px;
        background: url(../img/lp/tri_bg.png) no-repeat center;
        padding-top: 80px;
    }

    .location-list {
        display: flex;
    }

    .location-sub .inner1 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 20px;
    }

    .location-sub .inner2 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 20px;
    }
}


/*=====================================================================*/
.main-img .txt-area2 .txt {
    background-color: #453319;
}

.main-img .txt-area2 .txt p {
  padding-top: 0;
}

.main-img .txt-area2 .img::before {
    border-color: #453319 transparent transparent
}

.main-img .txt-area2 .img::after {
    border-color: transparent transparent #453319 transparent;
}

.main-img .txt-area2 .wrap::after {
    background-color: #453319;
}

.location-list img {
    display: flex;
}

.border-t {
    border-top: 1px solid #000000;
    padding-top: 30px;
}

.sub-ttl2.c2 {
    color: #A6A6B7 !important;
}

.sub-ttl2.c2::before {
    background: #88878f !important;
}