@charset "utf-8";
/*
.container {
    color: #fff;
}
*/


.w900  {display: none;}
.w1000 {display: none;}
.w1200 {display: none;}

.maxw1030 ,
.maxw1300 ,
.maxw1200 ,
.maxw1920 {width: 100%;margin: auto;}
.maxw1030 {max-width: 1030px;}
.maxw1300 {max-width: 1300px;}
.maxw1200 {max-width: 1200px;}
.maxw1920 {max-width: 1920px;}

@media screen and (max-width: 1200px) {
.maxw1300 ,
.maxw1200 ,
.maxw1920 {width: 95%;}
}
@media screen and (max-width: 1050px) {
.maxw1030 {width: 95%;}
}
/*----------------------------------------*/




.breadcrumb {
    padding: 20px 0;
    border-top: 1px solid #f1e9dc;
    border-bottom: 1px solid #f1e9dc;
}

.breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.4rem;
    font-weight: 300;
    letter-spacing: .02em;
    color:#999;
}

.breadcrumb ul li a{
	color:#fff;
}

.breadcrumb ul li:not(:last-child) a::after,
.breadcrumb ul li:not(:last-child) p::after {
    content: '　＞　';
    display: inline-block;
}



/*----------------------------------------*/
#main ,
section {
    font-family: "RyuminPro", "GaramondPro", serif;
}

#main img {
    width: 100%;
}

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

#private img {vertical-align: top;}
.annotation {font-size: 12px;}

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


.leadArea {
    font-family: "RyuminPro", "GaramondPro", serif;
    text-align: center;
    margin-bottom: 60px;
}

.leadArea h2 {
    font-size: 36px;
    line-height: 1.5;
    letter-spacing: .2em;
    padding: 0 0 5px;
    margin: 46px auto 0 auto;
}
.leadArea h2 sup {
    font-size: 25%;
    letter-spacing: 0;
    vertical-align: top;
    margin-left: -1em;
}
.leadArea p {
    font-size: 24px;
    line-height: 1.8;
    letter-spacing: 0.2em;
    margin-top: 13px;
}

.leadArea .ttlImg {width: 394px;margin-top: 38px;}

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

h3 {
    background: url("../images/private/ttlBG.png") no-repeat;
    background-size: cover;
    text-align: center;
    padding: 1em;
}
h3 > div:nth-of-type(1) {
    width: 632px;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #6f512a, #f8efad, #6f512a) 1;
    margin: auto;
    margin-bottom: 0.8em;
}
h3 > div:nth-of-type(1) img {
    height: 30px;
    width: auto;
    margin-bottom: 4px;
}
h3 > div:nth-of-type(2) {font-size: 24px}
h3 > div:nth-of-type(3) {font-size: 33px}

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

.pointHead {
    text-align: center;
}
.pointHead .point6 {
    width: 546px;
    margin-bottom: 52px;
}

.pointHead .btn_pt {
    width: 1144px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pointHead .btn_pt li {
    width: 538px;
    margin-bottom: 36px;
}
.pointHead .btn_pt li:last-of-type {margin-bottom: 72px;}
.pointHead .btn_pt li img {width: 100%;}

.pointHead .annotation {
    margin-top: 2em;
}

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

.point,
.pointHead {
    margin-bottom: 96px;
}

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


.point .pt_flex {
    display: flex;
    align-items:flex-end;
    flex-wrap: wrap;
}
.point .pt_flex > * {width: 50%;}

.point .pt_flex > div {
    padding-left: 28px;
}
img.pt_num {
    height: 31.5px;
    margin-top: 1.5em;
    margin-bottom: 0.8em;
}

.point .pt_wrap {
    width: 574px;
}

.point p,
.point .pt_ttl1 {font-size: 18px;}
.point .pt_ttl2 {font-size: 25px;letter-spacing: 0em;}

.point p {
    margin: 0.8em 0 0.3em;
}
.point .annotation {
    margin-bottom: 1em;
}

/*---------------------------------------- .point2 */

.point2 .pt_flex > figure {order: 2;}
.point2 .pt_flex > div    {order: 1;}

.point2 .pt_flex > div {
    display: flex;
    justify-content: flex-end;
}
.point2 .pt_flex > div {
    padding-left: 0;
    padding-right: 28px;
}
.point2 video {
    width: 100%;
    height: auto;
}
.point2 video + div {
    margin-top: 0.2em;
    margin-bottom: 0!important;
    line-height: 1.2em;
}


/*---------------------------------------- .point3 */

.point3 .pt_flex {
    justify-content: space-between;
	align-items: flex-start;
}
.point3 .pt_flex > * {width: 574px;}
.point3 .pt_flex > div {padding-left: 0;}
.point3 .pt_flex_wide .pt_wrap,
.point3 .pt_flex_wide > div {width: 100%;}
/*
.point3 .p3_1_1 {order: 1}
.point3 .p3_1_2 {order: 3}
.point3 .p3_1_3 {order: 5}
.point3 .p3_2_1 {order: 2}
.point3 .p3_2_2 {order: 4}
.point3 .p3_2_3 {order: 6}
*/
.point3 .p3_1_3 img {
    margin-top: 1.5em;
}
/*---------------------------------------- .point4 */
.point .point4Img {
    display: flex;
    justify-content: space-between;
    gap:19px;
}
.point .point4Txt > div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.point .point4Txt > div > div:nth-of-type(1) {width: 100%;}
.point .point4Txt > div > div:nth-of-type(2) {width: 39%;}
.point .point4Txt > div > div:nth-of-type(3) {width: 60%; border-left: 1px solid #ccc;padding-left: 35px;}
.point .point4Txt > div > div:nth-of-type(3) p {margin-top: 0;}


/*---------------------------------------- .point5 */
.point5Wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-end;
}
.point5Wrap > figure {width: 520px;}
.point5Wrap > div:last-of-type {width: 475px;}
.point5Wrap > div:first-of-type span {
display: inline-block;
    transform: rotate(90deg) translateX(-215px)
}


/*---------------------------------------- .point6 */

.point.point6 h4 {
    font-size: 29px;
    text-align: center;
    letter-spacing: 0.1em;
}

.point.point6 .point4Txt > div > div:last-of-type {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.point.point6 .point4Txt > div > div.noPhoto {
    display: block;
}

.point.point6 .point4Txt > div > div:last-of-type > div {width: 58.4%;}
.point.point6 .point4Txt > div > div:last-of-type > figure {width: 37.6%;}

.dotLine {
    display: flex;
    justify-content: space-between;
    flex-direction: row!important;
    margin-top: 60px;
    margin-bottom: 20px;
}
.dotLine img{
    height: 3px;
}
.dotLine circle {fill:#fff;}



@media screen and (max-width: 1300px) {

.leadArea {
    margin: 0 auto 5vw;
}

}


@media screen and (max-width: 1200px) {
.w1200 {display: block;}
/*----------------------------------------*/
.pointHead .btn_pt {width: 95%;}
.pointHead .btn_pt li {margin-bottom: 3vw;}
.pointHead .btn_pt li:last-of-type {margin-bottom: 8vw;}
.pointHead .btn_pt li  {width:48.5%;}
/*----------------------------------------*/
.point3 .pt_flex > * {width: 48%;}
.point .pt_wrap {
    width: 100%;
}
/*----------------------------------------*/
.point .point4Img {gap:1.5vw;}


}

@media screen and (max-width: 1000px) {
.w1000 {display: block;}
.dotLine img{
    height: 0.3vw;
}
.point.point6 .point4Txt > div > div:last-of-type {flex-direction: column;}
.point.point6 .point4Txt > div > div:last-of-type > div,
.point.point6 .point4Txt > div > div:last-of-type > figure {width: 100%;}
.point.point6 .point4Txt > div > div:last-of-type > figure {margin-top: 0.5em;}
}


@media screen and (max-width: 900px) {
.w900 {display: block;}
}


@media screen and (max-width: 639px) {
section {width: 95%;margin:0 auto 10vw auto;}
/*----------------------------------------*/
h3 > div:nth-of-type(1) {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
h3 > div:nth-of-type(1) img {
    height: 30px;
    width: auto;
    margin-bottom: 4px;
}
h3 > div:nth-of-type(2) {font-size: 24px}
h3 > div:nth-of-type(3) {font-size: 33px}

/*----------------------------------------*/
.point,
.pointHead {
    margin-bottom: 9vw;
}
/*----------------------------------------*/
.leadArea {margin: 0 auto 10vw;}
.leadArea h2 {font-size: 7vw;margin: 7vw auto 5vw;}
.leadArea p {font-size: 4vw;letter-spacing: 0.1em;}
.leadArea .ttlImg {width:65%;}
/*----------------------------------------*/
.pointHead .point6 {margin-bottom: 8vw;}
.pointHead .plan_sp {margin-bottom: 8vw;margin-top: 8vw;}
.pointHead .btn_pt {width: 95%;}
.pointHead .btn_pt li {margin-bottom: 3vw;}
.pointHead .btn_pt li:last-of-type {margin-bottom: 8vw;}
.pointHead .btn_pt li  {width:100%;}

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


.point .pt_flex {flex-direction: column;}
.point .pt_flex > * {width: 100%;}
.point .pt_flex > div {padding-left: 0;}
img.pt_num {
height: 31.5px;
margin-top: 0.5em;
margin-bottom: 0.8em;
}
.point .pt_wrap {width: 100%;}
.point p {margin: 0.8em 0 0.3em;}
.point .annotation {margin-bottom: 1em;}
.point1 img.pt_num {margin-top: 1.5em;}
/*----------------------------------------*/
.point2 .pt_flex > figure {order: 1;}
.point2 .pt_flex > div    {order: 2;}
.point2 .pt_flex > div {padding-right:0;}
/*----------------------------------------*/
.point3 .p3_1_1 {order: 1}
.point3 .p3_1_2 {order: 2}
.point3 .p3_1_3 {order: 3}
.point3 .p3_2_1 {order: 4}
.point3 .p3_2_2 {order: 5}
.point3 .p3_2_3 {order: 6}
/*----------------------------------------*/
.point .point4Img {gap:1px;}
.point .point4Img figcaption.rb_cap {text-align: right;}
.point .point4Txt > div {flex-direction:column;}
.point .point4Txt > div {margin-top: 1.5em;}
.point .point4Txt > div > div {margin-top: 0.8em;}
.point .point4Txt > div > div:nth-of-type(2) {width: 100%;}
.point .point4Txt > div > div:nth-of-type(3) {
    width: 100%;
    padding-left:0;
    padding-top: 0.8em;
    border-left: none;
    border-top:1px solid #ccc;
}
.point .point4Txt > div > div:nth-of-type(3) p {margin-top: 0;}


/*----------------------------------------*/
.point5Wrap {
flex-direction: column;
}
.point5Wrap > figure,
.point5Wrap > div,
.point5Wrap > div:last-of-type {width:100%;}
.point5Wrap > div:first-of-type span {transform: none;}

.point5Wrap > div:first-of-type {order: 2;text-align: center;}
.point5Wrap > div:last-of-type {order: 1}
.point5Wrap > figure{order: 3;}
/*----------------------------------------*/
.dotLine img{height: 3px;}
.point .point3Txt > div img.pt_num {margin-top: 1.5em;}
/*----------------------------------------*/

.footer-wrapper { /*下部、空室情報バナー対応*/
	padding-bottom: 75px!important;
}
}






/*　-----------------------　figure　-----------------------　*/

figure {position:relative;}
figure img {width:100%;}

figure figcaption {
    font-size: 12px;
    line-height: 1.2;
    position: absolute;
    bottom: 1%;
    letter-spacing: 0;
}

figure figcaption.lb_cap,figure figcaption.lw_cap {left: 1%;}
figure figcaption.rb_cap,figure figcaption.rw_cap {right:1%;}

figure figcaption.lb_cap,
figure figcaption.rb_cap {
    color:#000;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 1),-1px -1px 2px rgba(255, 255, 255, 1);
}

figure figcaption.lw_cap,
figure figcaption.rw_cap {
    color:#fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1),-1px -1px 2px rgba(0, 0, 0, 1);
}


figure div.bg_gradation {
    line-height: 1.2;
    letter-spacing: 0;
    position: absolute;
    bottom: 0;
    padding: 0.1em 1em 0.1em 0.1em;
    width: 100%;
    background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,1));
    font-weight: lighter;
}


figure div.bg_gradation_wrap {
    display: flex;
    justify-content: flex-end;
    font-feature-settings:normal;
}
figure div.bg_gradation_wrap div {
    font-size: 24px;
    letter-spacing: 0.1em;
    border: 1px solid rgba(255,255,255,0.8);
    padding: 0 0.1em;
    margin-right: 0.4em;
    width: 2.8em;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap!important;
}

figure div.bg_gradation_wrap span {
    font-size: 16px;
}


@media screen and (max-width: 639px) {

figure div.bg_gradation {
    background:rgba(0,0,0,0.35);
    text-align: left;
    padding: 0.1em 0.1em 0.1em 0.1em;
}

figure div.bg_gradation_wrap div {
    font-size: 18px;
}

figure div.bg_gradation_wrap span {
    font-size: 12px;
}

}

/*　-----------------------　プリント時のみ白黒反転　-----------------------　


main {
    background-color: #fff!important;
    color: #000!important;
}
section.pointHead {
  background: #666;
}
section.point h3 {
    background-image: none!important;
}


*/