@charset "UTF-8";
.m-r60 { margin-right: 60px !important; }

.main-img .img-area {
    height: 720px
}
.f-c-bro{
    color: #005982 !important;
}
.f-c-gg{
    color: #A9A9B9 !important;
}
.f-c-gray{
color: #707070 !important;
}
.f-c-gray2{
    color: #A9A9B9 !important;
    }


.f-c-khaki01 {
    color: #005982;
}
.f-c-khaki01bg {
background: #F3F3E8 !important;
}



 .bg-bk2 {
    background: rgba(0,0,0,.6);
}
#top #cm_gallery .cm_gallery_wrapper {
  z-index: 9
}
.main-img .main-txt {
    font-size: 57px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 58px;
}

.main-img .main-txt .sub {
    font-size: 17px;
    letter-spacing: 10px;
    padding-left: 5px;
    margin-bottom: 20px;
}

.main-img .main-txt .main {
    letter-spacing: 30px;
    padding-left: 20px;
}

.main-img.time .img-area::before {
    opacity: .5;
}


/* トップ調整 */

.main-img .txt-area .main-img-txt img {
    position: absolute;
    width: 630px;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, .5));
}
.main-img .txt-area .main-img-txt {
    bottom: 355px;
}

.main-img .txt-area2 .txt .ttl {
    bottom: 145px;
    font-size: 32px;
}

.main-img .txt-area2 .txt p{
    /* padding-top: 14px; */
    font-size: 18px;
}

.main-img .txt-area2 .img::before {
    left: 135px;
}

.main-img .txt-area2 .img img {
    bottom: 10px;
    right: 7px;
    height: 755px;
}

.main-img .txt-area .txt-box .t2 .price dl dd .p2 span {
  color: #fff;
}
.main-img .txt-area .txt-box .t2 .price dl dt {
  background: #005982;
}
.main-img .txt-area .txt-box .t2 .date {
  color: #fff;
}
.main-img .txt-area2 {
  background: #005982 ;
}
.main-img .txt-area2 .img::before {
  border-color: #005982 transparent transparent transparent;
}

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

.main-img .txt-area2 .wrap::after {
  background: #005982 ;
}
.main-img .txt-area2 .txt {
  font-size: 14px;
  background: #005982 ;
}
.border-t-bk {
  border-top: 1px solid #000000;
  padding-top: 10px;
}


/*
  */


/* ---------------------------------------- */

.main-img2 .main-img2-img .txt {
    top: 150px;
    right: 0;
    display: flex;
    justify-content: flex-end;
}

.main-img2 .main-img2-img .txt .t1 {
    color: #fff;
    font-size: 110px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.main-img2 .main-img2-img .txt .t1>div {
    justify-content: flex-end;
}

.main-img2 .main-img2-img .txt .t2 {
    margin-left: 10px;
    padding-top: 25px;
    font-size: 32px;
}

.main-img2 .main-img2-txt {
    background: #005982;
    color: #fff;
}

.main-img2 .main-img2-txt .t1 .date {
    color: #fff;
}

.main-img2 .main-img2-txt .t1 .date span {
    color: #fff;
    background: #000000;
}

.main-img2 .main-img2-txt .t2 .price dl dt {
    background: #0E3F74;
}

.main-img2 .main-img2-txt .t2 .price dl dd .p2 span {
    color: #fff;
}

.sub-ttl2.c2 {
    color: #005982;
}

.sub-ttl2.c2::before {
    background: #005982;
}

.sub-ttl2.c2.font-u.m-b20.f-c-gray2::before{
    background: #A9A9B9;
}


.sub-ttl2.c3::before {
    display: block;
    background: #254D89;
}

#design .sub-ttl2.c3::before {
    display: none;
}

.txt-img.flex-re {
    flex-direction: row-reverse;
}
.tab-body .txt-img.flex-re .img-area>div {
    flex-grow: 1;
    padding: 30px 0px 40px 30px;
}
.tab-body .txt-img .txt-area .c-txt .txt-box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  margin-top: 12px;
}
.tab-body .txt-img .txt-area .c-txt .txt-box .blue-box {
  color: #FFFFFF;
  font-weight: bold;
  background: linear-gradient(to right, #AD5992, #005982);
  border-radius: 10px;
  text-align: center;
  width: 270px;
  padding: 10px;
}

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


.c-table table th {
    border: 1px solid #005982;
    padding: 15px 10px;
}

.c-table table td {
    border: 1px solid #005982;
    padding: 10px;
    font-weight: bold;
}

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

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

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

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

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

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

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

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

.border-table {
    margin-bottom: 30px;
    font-size: 28px;
}

.border-table table th {
    padding: 5px 20px 5px 0;
}

.border-table table th span {
    font-size: 15px;
    color: #058d8b;
    margin-left: 10px;
}

.border-table table td {
    padding: 5px 0px 5px 70px;
    color: #058d8b;
}

.border-table table td span {
    font-size: 18px;
}

.border-table table td::before {
    width: 50px;
    background: #0A0E4B;
}
.c-ttl.font-m.m-b40.meieki-txt {
    font-size: 23px;
    width: calc( 100% - -455px);
}
.access-txt-area.border-t {
    border-top: 1px solid #005982;
    padding-top: 30px;
}

.access-txt-area.column .access-txt {
    width: auto;
}

/* .meieki-bg{
background: #F3F3E8;
} */

.location-main {
	margin: 4em auto;
	position: relative;
}
.location-main figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 80%;
  padding: 0 10px;
  background: rgba(0,0,0,.6);
}
.glan-sec{
	max-width: 1200px;
	margin: 3em 0;
	display: flex;
	/* align-items: center; */
	justify-content: space-between;
}
.caption{
	font-size: 80%;
	margin-top: 20px;
}
.caption-right {
    text-align: right;
	font-size: 80%;
	margin-top: 10px;
}
.glan-sec-text{
	width: 56%;
}
.glan-sec-img{
	width: 41%;
}
.glan-sec .glan-h3{
	margin-bottom: 1em;
}
.glan-sec .glan-h3 span{
	font-size: 3rem;
	display: block;
    font-family: YuMincho, 'Yu Mincho', 'Noto Serif JP', serif;
}
.glan-sec span.glan-h3-s{
	font-size: 1.5rem;
}
.access-txt-bg {
    background: #47b0ac;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: 7px 10px;
}

.location-slide .main li .txt .ttl-area {
    align-items: flex-start;
}

.location-slide .main li .txt .ttl-area .ttl {
    padding-top: 15px;
}

.location-slide .main li .txt .ttl-area .ttl .t1 {
    font-weight: normal;
    font-size: 90%;
    color: #000000 !important;
}

.location-slide .list ul li .txt {
  width: calc(100% - 10px);
}

.location-slide .list ul li .txt .ttl .t1 {
  font-size: 13px;
}

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


.map-list ul li .ttl {
    background: url(../../common/img/ico_maker.svg) no-repeat left 0px;
    background-size: 15px 24px;
}
.design-bg {
    background-color: #005982;
}

.bg-tri {
    padding-top: 20px;
}

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

.bg-tri2 {
    background: url(../img/lp/design_img01.jpg) no-repeat calc(50% - 400px) 150px, #005982;
}
.bg-tri2 .sub-ttl2::before {
  display: none;
}
.location-slide .main li .img {
  position: relative;
  z-index: -1;
}
.location-slide figcaption {
    position: absolute;
    right: 20px;
    bottom: 30px;
    color: #fff;
    font-size: 80%;
    padding: 0 10px;
    background: rgba(0,0,0,.6);
}
.location-slide .dis-ib {
    color: #000000;
}

/*===================*/

.company-list .ttl {
    background: #005982;
}

/* .company-list:nth-child(even) .ttl {
    background: #274d8b;
} */

.red {
    color: #B60005 !important;
}


.tenjin-blk {
    color: #000000 !important;
}

.bg-red {
    background-color: #005982 !important;
}

.bg-blue {
    background-color: #00739C !important;
}

.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: 80%;
    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 .color-ttl {
    padding-left: 10px;
    color: #fff;
    background: #231815;
}

.plan .color dl dd ul {
    align-items: flex-start;
}
.sub-ttl.m-b15.inview.f-c-bro.inview-on::before {
    content: "";
    background: #005982;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 3px;
}

.sub-ttl.sub-ttl-2.m-b15.f-c-gray.inview.inview-on::before {
    content: "";
    background: #707070;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 3px;
}
.location-list {
    display: flex;
    justify-content: space-between;
}
.location-list__column.c-table {
    width: 323px;
}
.btb {
  border-top: 1px solid #000000 !important;
  padding-top: 10px !important;
}

/*======================================================================*/

@media screen and (max-width: 767px) {
    .txt-img .txt-area {
        padding: 0;
    }

    .txt-img .img-area-bg {
        padding: 0 15px;
    }

    .main-img .img-area {
        height: 400px
    }

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

    .main-img .txt-area {
      padding: 50px 0 10px;
      z-index: 2;
    }

    .main-img .txt-area .main-img-txt img {
        width: 300px;
        padding-top: 175px;
    }

    .main-img .txt-area .main-img-txt {
        padding-bottom: 5px;
    }

    .main-img .txt-area .txt-box .t1 .t1-1 {
        font-size: 19px;
        text-align: left;

    }
    .main-img.sp_s2 .txt-area .txt-box .t1 .t1-1 {
        font-size: 20px;
        text-align: center;
    }

    .main-img .txt-area .txt-box .t2 .price.p2 {
        padding-left: 0;
    }
    .main-img .txt-area .txt-box .t2 .price dl dt {
        padding: 5px 5px;
        font-size: 15px;
    }
    .main-img .main-txt {
        font-size: 35px;
        width: 100%;
        top: -90px;
    }
    .main-img .main-txt .sub {
        font-size: 12px;
        letter-spacing: 3px;
        padding-left: 0px;
        margin-bottom: 20px;
    }
    .main-img .main-txt .main {
        letter-spacing: 10px;
        padding-left: 5px;
    }
    .main-img .txt-area2 {
        height: 200px;
    }
    .main-img .txt-area2 .txt {
        height: 200px;
        width: 100%;
    }
    .main-img .txt-area2 .txt p {
        line-height: 1.5;
        font-size: 12px;
        width: calc(100% - 100px);
        padding-top: 50px;
    }
    .main-img .txt-area2 .txt::after {
        border-width: 0 0 200px 50px;
    }
    .main-img .txt-area2 .img img {
        width: 165px;
        height: auto;
        left: auto;
        right: -5px;
        bottom: 24px;
    }
    .main-img .txt-area2 .img {
        z-index: 2;
        left: 8px;
    }
    .main-img .txt-area .txt-box .t2 .date>div {
      margin: 2px 0;
    }
    .main-img .txt-area .txt-box .t2 .date span,
    .main-img .txt-area .txt-box .t2 .price dl dt {
      width: 94px;
    }
    .main-img .txt-area .txt-box .t2 .price dl dd {
      margin-left: 10px;
    }
    .w-1100 {
      max-width: 90%;
      margin: 0 auto;
    }
    .tab-body {
        padding: 0 10px;
    }
    .tab-body .txt-img.flex-re .img-area>div {
        padding: 0;
    }
    .tab-body .txt-img .img-area {
        align-items: baseline;
    }
    .tab-body .txt-img .txt-area .c-txt .txt-box {
      display: block;
      margin-top: 0;
    }
    .tab-body .txt-img .txt-area .c-txt .txt-box .blue-box {
      margin: 10px auto;

    }
    .location-list {
        flex-direction: column;
        align-items: center;
    }
    .border-table {
        margin-bottom: 20px;
        font-size: 20px;
    }
    .border-table table th {
        padding: 5px 10px 5px 0;
    }
    .border-table table th span {
        font-size: 12px;
        letter-spacing: 0;
    }
    .border-table table td {
        padding: 5px 0px 5px 40px;
    }
    .border-table table td span {
        font-size: 16px;
    }
    .border-table table td::before {
        width: 30px;
    }
    .company-list .list .more-btn {
        border: 1px solid #005982;
    }
    .company-list .list .more-btn::after {
        border-bottom: 1px solid #005982;
        border-right: 1px solid #005982;
    }
    .bg-tri {
        height: 920px;
    }

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

    .bg-tri .bg-tri-img {
        background: url(../img/lp/tri_bg.png) no-repeat right;
        top: -287px;
    }
    .txt-img.half .txt-area {
        width: 100%;
    }
    .txt-img.half .img-area {
        flex-grow: 0;
        width: 100%;
    }

    .txt-img .access-txt .main.f-ita {
        font-size: 22px;
    }

    .location-main-posi {
      position: relative;
    }
    .location-main-inner-sp{
      position: absolute;
      top: 6%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      width: 80%;
    }
    .location-main{
      max-width: 90%;   
    }

    .location-main-inner{
        position: relative;
        width: 100%;
    }
    .glan-sec{
      max-width: 100%;
      display: block;
      /* border: 10px solid #E6EBF0;
      padding: 1em; */
        
    }
    .glan-sec-text{
      width: 100%;
    }
    .glan-sec-img{
        width: 100%;
    }
    .glan-sec .glan-h3{
        margin-bottom: 1em;
    }
    .glan-sec .glan-h3 span{
        font-size: 2.5rem;
        display: block;
    }
    .glan-sec span.glan-h3-s{
        font-size: 1.5rem;
    }
      .access-txt {
      font-size: 26px;
      padding: 0;
    }
    .c-table table td {
        font-size: 16px;
    }

    .location .location-ti {
        display: block;
      }

      .location .location-ti .txt-img {
        width: 100%;
        align-items: baseline;
        padding: 0 20px;
      }

      .location-slide .main::before {
        border: none;
      }

      .location-slide figcaption {
          position: absolute;
          right: 10px;
          bottom: 10px;
      }


    /*
    * PLAN
    */
    .plan-column .over-box {
        display: block;
     }
     .img.inview.inview-on.sp-plan-img {
        display: block;
    }

     .plan-column .plan-img::before {
        width: 0;
    }

    .plan-column .plan-img:nth-of-type(1) {
        background: #B9C6D8;
    }
    .plan-column .plan-img:nth-of-type(2) {
        background: #6890b3;
    }
    .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 {
        background: #fff;
    }
    .plan .plan-img .data ul li {
        color: #333;
        text-shadow: 0 0 black;
    }

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

    .plan-column .column {
        display: block;
    }

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

    .plan .plan-img .data ul li::before {
         top: 4px;
    }

    .plan-column .over-box {
        padding: 8px;
        width: 100%;
    }
    .plan-column .over-box ul {
        display: flex;
        justify-content: flex-start;
        margin-left: -3px;
    }
            .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 .column .img {
                width: 90%;
            }
            .plan-column .over-box ul li.l1 img, .plan-column .over-box ul li.l2 img, .plan-column .over-box ul li.l3 img {
                height: 180px;
            }
                .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 .plan-img {
        width: 100%;
    }
    .plan .color dl dd ul {
        flex-wrap: wrap;
    }
        .plan .color dl dd ul li {
            width: 33%;
        }

    .plan-column.single .column:nth-child(odd){
        background: #b9c6d8;
        background: -moz-linear-gradient(top,  #b9c6d8 75%, #ffffff 50%);
        background: -webkit-linear-gradient(top,  #b9c6d8 75%,#ffffff 50%);
        background: linear-gradient(to bottom,  #b9c6d8 75%,#ffffff 50%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9c6d8', endColorstr='#ffffff',GradientType=1 );
    }
    .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%;
                }
                .pop-block .plan-column .column:nth-child(odd) {
                    background: #fff;
                }
                .pop-block .data ul li::before {
                    background: #32034A;
                }
                .main-img .txt-area2 .txt .ttl {
                    top: 12px;
                    font-size: 18px;
                    line-height: 1.3;
                }
                .main-img.sp_s2 .txt-area {
                  background: rgba(156, 122, 0, .8);
                }
                .txt-img-bg {
                  padding-top: 0;
                }
                .company-list .list ul {
                  margin-left: 0;
                }
                .c-ttl.font-m.m-b40.meieki-txt {
                  width: 100%;
                  font-size: 20px;
                }
                .access-txt .sub {
                  font-size: 16px;
                  margin-bottom: 10px;
                }
                .access-txt {
                  font-size: 23px;
                }


}

@media screen and (max-width: 450px) {
    .main-img.sp_s2 .txt-area2 .txt .ttl {
        font-size: 22px;
        text-align: center;
        margin-top: 20px;
    }
  }

@media screen and (min-width: 768px) {
    .main-img .txt-area .main-img-txt img {
      bottom: 330px;
    }
    .main-img .txt-area2 .txt {
      width: 685px;
    }
    .company-list .list ul.w400 {
        width: 400px;
    }
    .location-slide .txt-img-bg {
      height: 450px;
   }
   .location-main-inner{
      position: absolute;
      top: 64%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      width: 90%;
      padding: 20px;
      background: rgba(255, 255, 255, 0.9);
    }
    .location-main-inner .pc {
      width: 600px !important;
      margin: 0 auto;
    }
    .location-main-inner .cap {
        display: flex;
        justify-content: center;
    }
    .location-main-inner-sp{
        display: none;
    }
    .location-list2 {
      display: flex;
      align-items: baseline;
    }
    .btb {
      border-top: 1px solid #FFFFFF;
      margin-top: 3rem;
    }
    .pc_f-c-wh {
      color: #FFFFFF !important;
    }
    .w-1100 {
      max-width: 1100px;
      margin: 0 auto;
    }
}


/*=====================================================================*/