@charset "utf-8";
/* floormap css */

.sec_intro {
margin-bottom: 80px;
}
.intro_copy {
font-size: 2.4rem;
font-weight: 500;
letter-spacing: 0.2em;
line-height: 100%;
padding-bottom: 32px;
position: relative;
display: block;
text-align: center;
margin-bottom: 50px;
}
.tb-hidden {
display: none;
}

@media all and (max-width : 820px ){
.tb-hidden {
display: block;
}
.content {
padding: 70px 0 0;
}
}

@media all and (max-width : 1260px ){
.intro_copy {
font-size: 2.2rem;
}
}

@media all and (max-width : 1024px ){
.intro_copy {
font-size: 2.0rem;
margin-bottom: 40px;
}
}

.intro_copy::after {
content: "";
display: block;
background-color: #C14911;
width: 15px;
height: 1px;
position: absolute;
left: 50%;
bottom: 0;
}
.intro_txt {
font-size: 1.5rem;
line-height: 200%;
letter-spacing: 0.2em;
display: block;
text-align: center;
margin-bottom: 50px;
}

@media all and (max-width : 820px ){
.intro_txt {
font-size: 1.4rem;
line-height: 180%;
letter-spacing: 0.15em;
margin-bottom: 40px;
}
}

@media all and (max-width : 767px ){
.sec_intro {
margin-bottom: 35px;
}
.intro_copy {
font-size: 1.6rem;
line-height: 160%;
padding-bottom: 25px;
margin-bottom: 30px;
}
.intro_copy::after {
width: 12px;
height: 1px;
position: absolute;
left: 49%;
bottom: 0;
}
.intro_txt {
font-size: 1.3rem;
line-height: 180%;
letter-spacing: 0.1em;
margin-bottom: 30px;
}
}

.floormap {
width: 100%;
height: auto;
}
.map_txt {
font-size: 1.5rem;
font-weight: 500;
padding-top: 20px;
}
.con_title {
font-size: 2.2rem;
font-weight: 400;
letter-spacing: 0.4em;
line-height: 100%;
padding-bottom: 50px;
display: block;
text-align: center;
margin-bottom: 50px;
position: relative;
}
.con_title::after {
content: "";
display: block;
background: #C14911;
width: 15px;
height: 1px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.itembox_wrap {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
}
.itembox {
width: calc(33.3333333% - 60px / 3);
margin-right: 30px;
margin-bottom: 30px;
}
.itembox:nth-child(3n) {
margin-right: 0px;
}
.item_img {
width: 100%;
margin-bottom: 20px;
}
.item_img img {
width: 100%;
}
.item_txtbox dt ul {
display: flex;
align-items: center;
}
.item_txtbox dt ul .number {
width: 26px;
height: 26px;
background: #947E42;
border-radius: 50%;
font-size: 1.7rem;
color: #fff;
font-family: "garamond-premier-pro", serif;
font-weight: 500;
display: block;
text-align: center;
letter-spacing: 0;
}
.item_txtbox dt {
margin-bottom: 20px;
}
.item_txtbox dt .item_title {
font-size: 2.0rem;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.2em;
margin-left: 10px;
}

@media all and (max-width : 820px ){
.item_txtbox dt ul .number {
width: 24px;
height: 24px;
font-size: 1.5rem;
}
.item_txtbox dt .item_title {
font-size: 1.8rem;
letter-spacing: 0.15em;
margin-left: 6px;
}
.item_txtbox dd {
font-size: 1.4rem;
}
}

@media all and (max-width : 767px ){
.map_txt {
font-size: 1.2rem;
padding-top: 10px;
letter-spacing: 0.1em;
}
.con_title {
font-size: 1.8rem;
letter-spacing: 0.2em;
padding-bottom: 30px;
margin-bottom: 30px;
}
.con_title::after {
content: "";
width: 10px;
height: 1px;
}
.itembox {
width: 100%;
margin-right: 0px;
margin-bottom: 20px;
}
.itembox:nth-child(3n) {
margin-right: 0px;
}
.item_txtbox dt {
margin-bottom: 15px;
}
.item_txtbox dt .item_title {
font-size: 1.7rem;
margin-left: 8px;
}
}

/* swiper
-------------------------------------------------- */

.swiper_wrap {
padding-bottom: 10px;
margin-bottom: 10px;
position: relative;
}
.swiper_wrap .swiper-slide {
position: relative;
}
.swiper_wrap .swiper-slide img {
width: 100%;
height: auto;
}
.swiper_wrap .swiper-pagination-bullet {
width: 5px;
height: 5px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2;
margin-right: 10px;
}
.swiper_wrap .swiper-pagination-bullet:last-child {
margin-right: 0px;
}
.swiper_wrap .swiper-pagination-bullet-active {
opacity: 1;
background: #C14911;
}
.swiper_wrap .swiper-pagination {
text-align: right;
position: absolute;
bottom: -10px;
}
.swiper_wrap .swiper-pagination-bullet:hover {
cursor: pointer;
}