@charset "UTF-8";

/* -------------------------
voice
------------------------- */

/*=== 共通 ===*/
.contents {
overflow: hidden;
font-feature-settings: "palt";
}

figure {
position: relative;
}

sup {
vertical-align: super;
font-size: 10px;
}
sup.small {
font-size: 8px;
}
.f-50 { font-size: 50%; }
.f-60 { font-size: 60%; }
.f-70 { font-size: 70%; }
.f-80 { font-size: 80%; }
.f-90 { font-size: 90%; }
.f-110 { font-size: 110%; }
.f-120 { font-size: 120%; }
.f-130 { font-size: 130%; }
.f-140 { font-size: 140%; }
.f-150 { font-size: 150%; }
.f-160 { font-size: 160%; }
.f-170 { font-size: 170%; }
.f-180 { font-size: 180%; }
.f-190 { font-size: 190%; }
.f-200 { font-size: 200%; }
.f-210 { font-size: 210%; }
.f-220 { font-size: 220%; }
.f-230 { font-size: 230%; }
.f-240 { font-size: 240%; }

.align_L { text-align: left; }
.align_C { text-align: center; }
.align_R { text-align: right; }

.f-palt {
font-feature-settings: "palt";
}

.contents {
overflow: hidden;
}
.contents figure {
position: relative;
height: fit-content;
line-height: 0;
}
.contents img {
width: 100%;
}

/*=== 共通 ===*/
#main_Wrap {
position: relative;
}

#main_Wrap h2 {
position: absolute;
top: 52%;
left: 50%;
transform: translateX(-50%);
font-size: clamp(20px, 3.333333333333333vw, 40px);
line-height: 1.3;
color: #fff;
text-shadow: 0px 0px 6px #000000, 0px 0px 9px #000000;
letter-spacing: 0.12em;
font-family: "Cinzel", serif;
text-align: center;
}
#main_Wrap h2 span {
display: block;
font-family: "游明朝 Medium", YuMincho Medium , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-size: clamp(15px, 2.5vw, 30px);
}
#main_Wrap h2 span small {
font-size: 60%;
}


/* voice / 共通 */
.contents .Txt_note {
display: inline-block;
font-size: 10px !important;
letter-spacing: 0;
line-height: 1.3;
}
.contents .Txt_note.type02 {
font-size: 12px !important;
line-height: 1.5;
}
.contents .cap_Txt {
position: absolute;
font-size: 10px;
bottom: 10px;
}

.contents ul + .Txt_note {
padding-top: 1em;
}
.contents figure + .Txt_note {
padding-top: 1em;
}
.contents .Txt_note + figure {
padding-top: 1em;
}
.contents .Txt_note.pt0 {
padding-top: 0;
}

.Txt_block {
display: flex;
justify-content: space-between;
flex-direction: column;
}

.contents .cap_Txt {
position: absolute;
font-size: 10px;
bottom: 10px;
}
.contents .cap_W { color: #fff;}
.contents .cap_B { color: #000;}

.contents .cap_ShaW {
text-shadow: 2px 0 2px #fff, -2px 0 2px #fff, 0 2px 2px #fff, 0 -2px 2px #fff;
}
.contents .cap_ShaB {
text-shadow: 2px 0 2px #666, -2px 0 2px #666, 0 2px 2px #666, 0 -2px 2px #666;
}
.contents .cap_R {
right: 5px;
}
.contents .cap_R_b-10 {
right: 5px;
bottom: -10px;
}
.contents .cap_L {
left: 5px;
text-align: left;
}
.contents .cap_L_top {
left: 5px;
text-align: left;
bottom: auto;
top: 20px;
font-size: 13px;
}

.contents .cap_h {
right: calc(50% - -10px);
text-align: left;
}
.contents .cap_half {
right: calc(50% - -20px);
text-align: left;
}


.in-box {
max-width: 1000px;
width: 94%;
margin: 0 auto;
position: relative;
text-align: left;
box-sizing: border-box;
}
.in-box-1200 {
max-width: 1200px;
width: 94%;
margin: 0 auto;
position: relative;
text-align: left;
box-sizing: border-box;
}
.con_box {}
.con_box h4 {
font-size: clamp( 15px, calc( 9.666666666666668px + 0.6944444444444444vw ), 18px );
/* color: #a08b5d; */
letter-spacing: 0;
line-height: 1.3;
font-feature-settings: "palt";
padding-top: 10px;
}
.con_box h4.ls-1 {
letter-spacing: -1px;
}
.con_box h4 span {
font-size: 12px;
color: #000;
padding-left: 20px;
}
.con_box h4 span.font_small {
font-size: 12px;
padding-left: 0;
line-height: 1.0;
}
.con_box h4 span a {
color: #a08b5d;
}

.con_box h5 {
font-size: 18px;
}
.con_box h5.type_2 {
text-align: center;
font-size: 16px;
border: 1px solid #000;
margin-top: 10px;
}
.con_box h4 + h5 {
padding-top: 10px;
}

.con_box p {
/* font-size: 14px !important; */
font-size: clamp( 13px, calc( 11.222222222222221px + 0.23148148148148145vw ), 14px );
letter-spacing: 0.08em;
font-feature-settings: "palt";
line-height: 1.5;
}
.con_box h4 + p {
padding-top: 8px;
}
.con_box h4 + .Txt_note {
padding-top: 1em;
}
.con_box h5 + p {
padding-top: 8px;
}
.con_box p + p {
padding-top: 1em;
}
.con_box p + .Txt_note {
padding-top: 1em;
}
.con_box .Txt_note + p {
padding-top: 1em;
}
.con_box p + figure {
padding-top: 1em;
}
.con_box figure + figure {
padding-top: 1em;
}
.con_box div + figure {
padding-top: 1em;
}
.con_box h4 + figure {
padding-top: 1em;
}

.con_box p.align_R {
text-align: right;
}
.con_box .notes {
margin-top: 10px;
font-size: 10px !important;
padding: 0;
text-indent: 0;
}
.con_box .notes.pdd-T {
margin-top: 0 !important;
font-size: 10px !important;
padding-bottom: 0;
}
.con_box .notes.mh5 {
min-height: 5rem;
}

#notes_Area {
background: #fff;
}


.column_2 {
display: flex;
justify-content: space-between;
}
.column_2 li {
width: calc((100% - 6%) / 2);
    align-items: center;
}




/* voice　/　個別 */

/* lead_Area */
.page_head {
  position: relative;
  width: 94%;
  margin: 0 auto;
  padding: 80px 0 70px;
  text-align: center;
}

.page_head h3 {
  font-size: clamp(18px, 2.166666666666667vw, 26px);
  line-height: 1.8;
  letter-spacing: 0.12em;
  color: #162e3a;
}

.view_box {
margin: 120px auto 0;
}
.view_box.first {
margin: 0 auto 0;
}
.view_box h4{
text-align: center;
font-size: clamp(15px,1.75vw,21px);
letter-spacing: 0.1em;
color: #fff;
background: #527082;
padding: 0.6em 0;
}


.panorama {
margin: 0 auto 0;
overflow-y: hidden!important;/*縦のスクロールが出ないように*/
}
.scrollWrap {
    position: relative;
}
.panorama .mousedragscrollable {
    display: flex;
/*    overflow: scroll;*/
    overflow-x: auto;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    cursor: url(../img/arrow_icon.png), auto;
}
.panorama .mousedragscrollable::-webkit-scrollbar{
    display: none;
}
.panorama .mousedragscrollable figure{
    position: relative;
    height: auto;
}
.panorama.floor15 .mousedragscrollable figure{
    min-width: 2098px;
}
.panorama.floor10 .mousedragscrollable figure{
    min-width: 2066px;
}
.panorama.floor6 .mousedragscrollable figure{
    min-width: 2005px;
}
.panorama.floor3 .mousedragscrollable figure{
    min-width: 1943px;
}


.panorama + .cap {
    font-size: 10px;
    line-height: 1;
    color: #333;
    margin: 10px 0 0;
    width: 100%;
    padding: 0 5px;
    text-align: right;
}
.text {
    margin: 0 auto 60px;
}
.text h5 {
    font-size: clamp(18px, 1.714285714285714vw, 24px);
    letter-spacing: 0.08em;
    line-height: 1.6;
    text-align: center;
}
.text p {
    font-size: clamp(14px, 1.142857142857143vw, 16px);
    letter-spacing: 0.06em;
    line-height: 2;
    padding-top: 1.4em;
    text-align: center;
}
.sec.first .text p {
    padding-top: 0em;
}

.sec {
margin: 60px auto 0;
}
.sec.first {
margin: 0 auto 0;
}
.sec .scroll-hint {
/*filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.2));*/
margin: 0 auto 0;
}
.sec .viewimg {
position: relative;
    height: fit-content;
}


/*=========================================================================================================
tab
=========================================================================================================*/
@media screen and (min-width: 768px) and (max-width: 1024px) {}

/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {

/*=== 共通 ===*/
#main_Wrap h2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
}

/* 設備仕様 / 共通 */
.contents .Txt_note {
padding-top: 5px;
padding-bottom: 0;
}
.con_box h4 {
font-size: 16px;
line-height: 1.4;
}

.con_box h4.font_s17 {
font-size: 16px;
}

.con_box h4.font_s14 {
font-size: 15.6px;
}

.con_box h4 span {
padding-left: 0px;
}

.con_box p {
letter-spacing: 0;
}

.con_box .ttl_borderbtm {
font-size: 16px;
padding-bottom: 8px;
letter-spacing: 0.09em;
line-height: 1.4;
font-feature-settings: "palt";
}

.column_2 {
flex-direction: column;
}
.column_2 li {
width: 100%;
align-items: center;
}
.column_2 li + li {
margin-top: 1em;
}

.page_head {
    padding: 60px 0 50px;
  }

  .page_head h3 {
    letter-spacing: 0.06em;
  }

/* voice　/　個別 */

/* lead_Area */
.view_box {
margin: 80px auto 0;
}    
    
.panorama {
    padding-top: 0;
/*    margin: 0 auto 80px;*/
    margin: 0 auto;
}
.panorama .mousedragscrollable figure img{
    max-height: 300px;
}

.sec.first {
margin: 0 auto 0;
}
.text {
    margin: 0 auto 30px;
}
.text p {
    text-align: left;
}
.sec.first .text p {
/*   text-align: center;*/
}

    .sec .scroll-hint {
        overflow-y: hidden !important;
        max-width: none;
        height: auto;
        filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.2));
        margin: 0 auto 0;
    }
    .sec .scroll-hint img {
        max-width: none;
        width: 900px;
        height: auto;
    }

}