@charset "utf-8";
/* Plan */
.main .img{position: relative;}
.flexbox{display: flex;justify-content: space-between;flex-wrap: wrap;}
.banner{margin: 0 0 75px;}
.intro{font-size: 2.4rem;margin: 0 0 65px;}

@media (max-width: 767px){
	.main{padding-bottom: 0;}
	.hero .cap-abs_right{color: #fff;}
	
	.banner{margin: 0 0 10vw;}
	.banner img{width: 100%;}

	.intro{margin: 0 0 7vw;font-size: 5vw;}
}

.box-type{margin: 0 0 150px;}
.box-type .type-head{align-items: center;background: #E2D8D1;}
.box-type .type-head .type-name{font-size: 3.6rem;width: 28.33%;background: #b49d82;text-align: center;color: #fff;line-height: 1;padding: 10px 0 15px;font-weight: 300; font-family: "Roboto", sans-serif;}
.box-type .type-head .type-txt{width: calc(100% - 28.33%);padding-left: 20px;}
.box-type .type-content{background: #fff;padding: 15px 40px 30px 30px;}
.box-type .type-content .txt{font-size: 2.2rem;color: #917656;margin: 0 0 20px;line-height: 1.8;font-weight: bold;}
.box-type-2 .type-content .txt{margin: 0 0 30px;}
.box-type .type-map .box-left{width: 40.27%;}
.box-type .type-map .box-right{width:54.72%;}
#e2-type.box-type .type-map .box-right .note_map{ flex-basis: 46.918%;}
#e2-type.box-type .type-map .box-right .note_map:nth-of-type(n+3){margin:  min(4vw,45px) 0 0;}
#d-type.box-type .type-map .box-right .note_map:first-of-type{ flex-basis: 38.2%;}
#d-type.box-type .type-map .box-right .note_map:nth-of-type(n+2){ flex-basis: 27%;}

/* .box-type .type-map .box-right .note_map:nth-of-type(n+3){margin: min(4vw,45px) 0 0;} */
.box-type .type-map .box-right .tit{font-size: 1.3rem; position: relative; padding-left: 1.3em; line-height: 1.4em; margin-top: 0.3em;}
.box-type .type-map .box-right .tit span{background:#943A3E;color: #fff;line-height: 1;width: 14px;height: 14px;display: inline-flex;font-size: 1.2rem;justify-content: center;align-items: center;padding:1px 0 2px;margin-right: 5px; position: absolute; top: 0.1em; left: 0;}
.box-type .type-map .cap-abs_left{bottom: 16px;left: 1.5vw; text-align: left; position: static;}

@media (max-width: 767px){
	.box-type{margin: 0 0 20vw;}
	.box-type .type-head .type-txt{line-height: 1.4;}
	.box-type .type-head .type-name{font-size: 6.6vw;}
	.box-type .type-head .type-name{padding: 2.8vw 0 4vw;}
	.box-type .type-head .type-name{width: 36%;}
	.box-type .type-head .type-txt{width: calc(100% - 36%);}
	.box-type .type-content .txt{font-size: 4.5vw;margin: 0 0 5vw;}
	.box-type .type-map .box-left{width: 100%;text-align: center;max-width:620px ;margin:0 auto 8vw;}
	.box-type .type-map .box-right{width: 100%;}
	.box-type .type-map .box-right .note_map_l{width: 100%;}
	.box-type .type-map .box-right .note_map_r{width: 100%;}
	.box-type .type-map .note_map{max-width: 460px;margin: 0 auto 8vw !important;}
	.box-type .type-map .note_map img{width: 100%;}
	.box-type .type-map .box-right .note_map_r .note_map_b{margin: 0 auto 8vw;}
	.box-type .type-map .box-right .tit{font-size: 2.8vw;}
	.box-type .type-map .box-right .tit span{width: 3vw;height: 3vw;font-size: 2.6vw;}
	.box-type .type-content{padding: 2.5vw 4vw 1vw 4vw;}
}

.box-type-2 .type-map .box-left{ flex-basis: 37%;}
.box-type-2 .type-map .box-right{ flex-basis: 59.3%;}
/* .box-type-2 .type-map .box-right .note_map_a{margin: 0 0 min(4vw,45px);} */

.box-type .type-map .box-right .cap2{width: 100%; text-align: right; font-size: 12px;}


@media (min-width: 767px){
	.box-type-2 .type-map .box-right{ padding-top: 2.3%;}
}

@media (max-width: 767px){
	.box-type-2{margin: 0 0 19vw;}
	.box-type-2 .type-map .box-right{margin:0 auto 8vw;}
	.box-type-2 .type-map .box-left{margin: 0 0 9vw; width: 100%;}
	.box-type-2 .type-map .box-right{width: 100%;}
	.box-type .type-map .box-right .cap2{max-width: 460px; margin: 0 auto; font-size: 2.4vw; text-align: left;}
	.box-type .type-map .cap-abs_left{position: unset;}
}

.others-type .intro{margin-bottom: 22px;}
.others-type .list-type{display: flex; flex-wrap: wrap;}
.others-type .list-type a{width: 28.34%; margin: 0 7.49% 5.6% 0; background: #E2D8D1;text-align: center;transition: all 0.3s;position: relative;}
.others-type .list-type a:nth-of-type(3n){margin-right: 0;}
.others-type .list-type a .type-name{text-align: center;font-size: 3.6rem;line-height: 1;color: #fff;background: #b49d82;padding: 16px 0 16px;font-weight: 300; font-family: "Roboto", sans-serif;}
.others-type .list-type a .type-info{padding: 10px 0 20px;position: relative;}
.others-type .list-type a::after{content: '';width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #B49D82;transform: rotate(-45deg);display: block;position: absolute;right: 0px;bottom: 7px;}
.others-type{margin: 0 0 80px;}
.others-type .list-type a .type-info > p{font-size: 1.5rem;color: #917656;line-height: 1.67;}
.others-type .list-type a .num{color: #000;margin: 0 0 8px;text-align: center;width: 100%;}
.others-type .list-type a:hover{opacity: 0.8;}
.others-type .btn-view {margin-top: 0;}
@media (max-width: 1199px) and (min-width: 768px){
	.others-type .list-type a{width: 31%; margin: 0 3.5% 3% 0;}
	.others-type .list-type a .type-name{font-size: min(3.6vw,13.6rem);}
	.others-type .list-type a .num{font-size: min(1.8vw,1.8rem);}
	.others-type .list-type a .type-info > p{font-size: min(1.5vw,1.5rem);}	
}


@media (max-width: 767px){
	.others-type{margin: 0 0 8vw;}
	.others-type .list-type a{width: 100%;margin: 0 0 6vw;}
	.others-type .list-type a::after{border-left: 2.5vw solid transparent;border-right: 2.5vw solid transparent;border-top: 2.5vw solid #B49D82;bottom: 1vw; right: -0.2vw;}
	.others-type .list-type a .type-info{padding-top: 0;}
	.others-type .list-type a .type-sp .type-name{width: 31.7%;}
	.others-type .list-type a .type-sp {border-bottom:1px solid #B49D82 ;}
	.others-type .list-type a .type-sp .num{padding-left: 3vw;width: calc(100% - 31.7%);text-align: left;margin-bottom: 0;display: flex;align-items: center;}
	.others-type .list-type a .type-info > p{text-align: left;padding-left: 3vw;padding-top: 1.5vw;font-size: 3.7vw;}
	.others-type .list-type a .type-name{font-size: 6.6vw;}
	.others-type .list-type a:last-child {margin-bottom: 0 !important;}
	.others-type .btn-view {margin-top: 8vw;}
}

.wideImg-box{ position: relative; z-index: 1; margin: 0 0 70px;}
.wideImg-box .bnr-box{ position: absolute; bottom: 3vw; right: 3vw; z-index: 2; width: min(40vw, 392px);}

.facilities-wrap > .m-tit{ text-align: center;}
.facilities-wrap .box-item{ margin: 0 0 80px;}
.box-item .txt-box{ flex-basis: 20%;margin: 0;}
.box-item .txt-box *{ line-height: 1.62; color: #917656;}
.box-item .txt-box .tit-en{ font-size: 2.1rem;}
.box-item .txt-box .tit-ja{ font-size: 1.4rem;}
.box-item { background-color: #fff;padding: 60px 40px 25px;}
.box-item .item-info { flex-basis: 78.6%;}
.box-item .item-info .item-detail { width: 29.6%; margin: 0 0 25px;}
.box-item .item-info .item-detail > p { font-size: 1.4rem; line-height: 1.4; margin: 5px 0 0;}
.box-item .item-info .item-detail > p span{ font-size: 1.2rem;}
.box-item .note-txt{ font-size: 1.2rem; margin: 15px 0 0;}

@media (max-width: 1199px) {
	.box-item {padding: 5% 2% 25px;}
}

@media (min-width: 767px){

#other.box-item .item-info .item-detail:nth-of-type(n+4) { width: 21%;}
}

@media (max-width: 767px){
	.box-item {margin-left: -6%;margin-right: -6%;margin-bottom: 0;padding: 10vw 6vw 6vw;}
	.box-item h3{width: 100%; font-size: 4.3vw;}
	.box-item .txt-box{ flex-basis: 100%; margin-bottom: 6vw;}
	.box-item .item-info{ flex-basis: 100%;}
	.box-item .item-info .item-detail {width: 47%; margin: 0 0 8vw;}
	.box-item .item-info .item-detail > p {font-size: 2.8vw;}
	.box-item .item-info .item-detail > p span{font-size: 2.4vw;}
	.box-item .note-txt{font-size: 2.4vw;margin-top: 0;}
	.box-item .item-info .item-detail img {width: 100%;}
}

.btn-view {
	font-size: 1.3rem;
    line-height: 1.2;
    font-family: "Roboto", sans-serif;
    width: 175px;
    padding: 12px 0;
    margin: 50px auto 0;
    text-align: center;
    border: 1px solid #917656;
    display: block;
    color: #917656;
    position: relative;
    transition: .3s;
}

.btn-view:hover {
    background: #917656;
    color: #fff;
}

@media (max-width: 767px) {
    .btn-view {
        font-size: 3.7vw;
        margin: 10vw auto 0;
        width: 46.67vw;
        padding: 3vw 0;
    }
}

/* Modal */
.modaal-content-container {padding: 0;}
.modaal-container .type-head{align-items: stretch;background: #E2D8D1;}
.modaal-container .type-head .type-name{font-size: 3.6rem;width: 28.33%;background: #b49d82;text-align: center;color: #fff;line-height: 1;padding: 10px 0 15px;font-weight: 300; font-family: "Roboto", sans-serif; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center;}
.modaal-container .type-head .type-txt{width: calc(100% - 28.33%);padding-left: 20px; display: flex; flex-wrap: wrap; align-items: center;}
.modaal-container .type-content {text-align: center; padding: 5%;}
.modaal-container .type-content .cap {text-align: left; margin-top: 20px;}
.modaal-container .type-content .list-btn {font-weight: bold; width: 100%; max-width: 300px; margin: 10px auto 0; justify-content: space-between;}
.modaal-container .type-content .list-btn a {width: 48%; line-height: 1; padding: 15px 0; background: #b49d82; color: #fff; cursor: pointer; margin-bottom: 5px;}
.modaal-container .type-content .list-btn a:hover {opacity: 0.6;}
div[id^="type-"] {display: none;}
.modaal-container .type-content .btn-outlink {width: 100%; max-width: 300px; display: block; line-height: 1; line-height: 1; padding: 15px 0; border: 1px solid #b49d82; color: #b49d82; margin: 5px; margin: 20px auto 0;}
.modaal-container .type-content .btn-outlink:hover {background: #b49d82; color: #fff;}
.btn-print {
  position: fixed;
  right: 80px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: url(../img/common/ic-print.svg) no-repeat center center / 30px auto;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.btn-print:hover {
	background-color: #ccc;
}
@media (max-width: 767px) {
	.modaal-container .type-head .type-name {font-size: min(6vw, 3.6rem);}
	.modaal-container .type-head .type-txt {font-size:min(3.5vw, 1.6rem); line-height: 1.6; padding: 10px 0 10px 20px;}
	.modaal-container .type-content .cap {margin-top: 10px;}
	.modaal-container .type-content .list-btn {margin-top: 10px; justify-content: center; max-width: 180px;}
	.modaal-container .type-content .list-btn a {padding: 10px 0; width: 100%;}
	.modaal-container .type-content .btn-outlink {padding: 10px 0; max-width: 180px;}
}
@media print {
  header,
  footer,
  .main,
  .contact,
  .list-btn,
  .modaal-close {
  	display: none;
  }
  .modaal-inner-wrapper {
  	padding: 0 !important;
  	background: #fff;
  }

}