@charset "UTF-8";

@media (min-width: 1200px){
    .container_s {
        width: 1362px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        background: #fff;
    }
}

@media (max-width: 992px){
    .container_s {
        width: 1000px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        background: #fff;
    }
}

@media (max-width: 768px){
    .container_s {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        background: #fff;
    }

}
@media screen and (max-width: 768px){
	.hidden_pc {
		display:none;
	}
}
@media screen and (min-width: 769px){
    .hidden_sp {
    	display:none;
    }
}

@media screen and (max-width: 640px) {
    .br-sp { display:none; }
}


.red{
    color: #ff0000;

}

.newsContentArea{
/*     padding: 40px 0; */
}
.newsContentArea.pa2{
    padding: 60px 0;
/*     background-color: #f7f4ed; */
}
.newContainer{
    width: 1362px;
    margin: 0 auto;
/*         background-color: #f7f4ed; */
}
@media screen and (max-width: 1382px){
    .newContainer{
        width: calc(100% - 20px);
    }
}


.newContainer2{
    width: 1080px;
    margin: 0 auto;
/*         background-color: #f7f4ed; */
}
@media screen and (max-width: 1160px){
    .newContainer2{
        width: calc(100% - 80px);
    }
}


.newsContentAreaTtl{
/*     margin-bottom: 50px; */
    text-align: center;
}

.newsContentAreaTtl h2{
    font-size: 31px;
    letter-spacing: 0.1em;
    line-height: 70px;
    color: #f39700;
    text-align: center;
}

.newsContentAreaTtl small{
    font-size: 14px;
    color: #666666;
    text-align: center;
    font-weight: 600;

}

.newsContentAreaTtl h2 span{
    display: inline-block;
    width: 3px;
    height: 35px;
    background-color: #a5820b;
    position: relative;
    top: 5px;
}

.newsContentAreaRow{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.newsContentAreaRowBox{
    flex-basis: 32%;
    margin-bottom:30px;
    border:1px solid #d5d5d5;
}

.newsContentAreaRowBoxDetail{
    padding: 25px;
    background-color: #FFF;
    color: #333;
}

.newsContentAreaRowBoxImg{
    width: 100%;
    height: 205px;
    background-color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #d5d5d5;
}

.newsContentAreaRowBoxImg img{
    width: 80%;
    height: 80%;
    object-fit: contain;
    font-family: "object-fit: contain;";
}

.newsContentAreaRowBoxDetail h3, .newsContentAreaRowBoxDetail h2{
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0.07em;
    color: #1c3a36;
}


.newsContentAreaRowBoxDetail p{
    font-size: 12px;
    letter-spacing: 0.02em;
}

.linkContent{
    margin-top: 85px;
}

.linkContentRow{
    margin-bottom: 85px;
    position: relative;
    width: 100%;
    height: 500px;
    background-color: #3f6b5f;
        overflow: hidden;
}
.linkContentRowTxt{
    width: 40%;
    margin: 0 0 0 auto;
    text-align: center;
    padding: 90px;
    color: #FFF;
}

.linkContentRowTxt h2{
    display: block;
    font-size: 50px;
    letter-spacing: 0.13em;
    line-height: 70px;
    border-bottom: 3px solid #a5820b;
    width: 250px;
    margin: 0 auto;
    margin-bottom: 75px;
}

.linkContentRowTxt p{
    display: block;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 36px;
    height: 150px;
}


.linkContentRowImg{
    position: absolute;
    top: 0;
    left: calc(50% - 1080px);
    height: 100%;
}

.linkContentRowImg > img{
    height: 100%;
    width: 100%;
}


.linkContentRow.Ltxt .linkContentRowTxt{
    margin: 0 auto 0 0 ;
}

.linkContentRow.Ltxt .linkContentRowImg{
    left: auto;
    right: calc(50% - 1080px);
}
.pagerWrap{
    width: 200px;
    margin: 0 auto;
}
.pager{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pager_num{
    width: 30px;
    height: 30px;
    border: 1px solid #f3f3f3;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1c3a36;
}
.pageTtlArea{
    text-align: center;
    margin-bottom: 60px;
    fotn-size: 40px;
}

.pageTtl{
    font-size: 40px;
    color: #1c3a36;
}
.newsMainImg{

}
.newsMainImg > img {
    width: 100%;
    height: 460px;
    object-fit: contain;
    font-family: "object-fit: contain;";
}
.container1100{
    width: 1100px;
    margin: 0 auto;
}
@media screen and (max-width: 1120px){
    .container1100{
        width: calc(100% - 20px);
    }
}

.newsTtlArea{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 60px 0;
}

.newsTtl{
    font-size: 40px;
}

.newsDate{
    color: #808080;
}
.newsDeatil{
    display: block;
    line-height: 2;
}
a.newsPdf{
    font-weight: normal;
    margin-left: 0;
    color: #FFF;
}
.newsDeatilOtherImgArea{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.newsDeatilOtherImg{
    flex-basis: 48%;
    height: 360px;
    margin-bottom: 30px;
}
.containerTtlArea{
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 730px;*/
    /* height: 300px; */
    position: relative;
    font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    font-weight: 500;
}
.containerTtlImg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.containerTtlImg > img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    font-family: "object-fit: cover;";
}

.containerTtlImg > img.posLeft{
	object-position: 71%;
}
.containerTtlImg > img.posLeft.ty2{
	object-position: 0%;
}


.containerTtlImg > img.posLeft.pos2{
    object-position: right;
}


.about_tit{
    color: #a58755;
    font-weight: bold;
    font-size: 28px;
    font-family: "hiramaru", "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    text-align: center;
	letter-spacing: 0.13em;
}



.containerTtlBox{
    position: relative;
    z-index: 2;
    width: 670px;
    height: 230px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*background-color: rgba(255,255,255,0.5)*/
}

.containerTtl{
    font-size: 28px;
    letter-spacing: 0.13em;
    color: #ffffff;
    text-shadow: 1px 2px 3px #808080;
}

.aboutTtlArea2{
    justify-content: space-between;
    align-items: flex-start;
/*     margin: 75px 50px; */
	margin: 50px 50px 15px 50px;
}
.aboutMainImgArea{
    margin-top: 70px;
}

.aboutTtlArea{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 70px 50px;
}

.aboutTtlBox, .aboutTxtBox{
    flex-basis: 48%;
}
.aboutTtl{
    font-size: 40px;
    letter-spacing: 0.13em;
    line-height: 1;
}

.aboutTxt{
    font-size: 1.14em;
}


.conceptTtlArea{
    background:#1c3a36;
    width: 100%;
    height: 130px;
    display: flex;
    justify-content: center;
    align-content: center;
}

.conceptTtlAreaIn{
    width: 710px;
    display: flex;
    justify-content: center;
    align-content: center;
}


.conceptTtlAreaIn.ty2{
    width: 340px;
       margin: 90px auto 0 auto;
/*     margin: 150px auto 0 auto; */
}

.conceptTtlAreaIn.ty3{
    margin: 150px auto 0 auto;
}

.conceptTtlAreaIn.ty4{
    margin: 150px auto 0 0;
    display: block;
}

.conceptTtlAreaIn.ma2{
    margin-top: 50px;
}
.conceptTtlAreaIn.ma3{
    margin-top: 120px;
}

.conceptTtlAreaIn.ma4{
    margin-top: 80px;
    margin-bottom: 20px;
}

.conceptTtlAreaIn.ty2 .conceptTtl{
    color: #f69e3a;
    font-size: 30px;
}


.conceptTtlAreaIn.ty3 .conceptTtl{
    color: #f69e3a;
    font-size: 30px;
}

.conceptTtlAreaIn.ty3 .conceptTtl_g{
    color: #00a134;
    font-size: 30px;
    letter-spacing: 0.1em;
    font-weight: 500;
}


.conceptTtlAreaIn.ty4 .conceptTtl_2{
    color: #a58755;
    letter-spacing: 0.07em;
    font-size: 28px;
    display: left;
    padding-left: 20px;
    font-weight: bold;
    position: relative;
	font-family: "hiramaru", "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";
}

.conceptTtlAreaIn.ty4 .conceptTtl_2.mb20{
	margin-bottom: 20px;
}
.conceptTtlAreaIn.ty4 .conceptTtl_2:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
    display: block;
    background-color: #f69e3a;
}

.conceptTtlAreaIn.ty3 .conceptTtl_kg{
    color: #6eb92b;
    font-size: 30px;
    letter-spacing: 0.1em;
    font-weight: 500;
}
.conceptTtlAreaIn.ty3 .conceptTtl_y{
    color: #d6ce00;
    font-size: 30px;
    letter-spacing: 0.1em;
    font-weight: 500;
}

.conceptTtl{
    color: #FFF;
    width: 100%;
    font-size: 40px;
    letter-spacing: 0.13em;
    display: flex;
    align-items: center;
}
.conceptTtl:before, .conceptTtl:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #f69e3a;
    display: block;
}
.conceptTtl:before {
    margin-right: .4em;
}
.conceptTtl:after {
    margin-left: .4em;
}

.conceptTtlAreaIn.ty3 .conceptTtl{
	width: auto;
}
.conceptTtlAreaIn.ty3{
	text-align: center;
}
.conceptTtlAreaIn.ty3 .conceptTtl {
	position: relative;
	line-height: 1.4;
	padding: 0.25em 3em;
/* 	padding: 0.25em 1em; */
	display: inline-block;
	color: #333;
}

.conceptTtlAreaIn.ty3 .conceptTtl:before, .conceptTtlAreaIn.ty3 .conceptTtl:after
	{
	content: '';
	width: 20px;
	height: 30px;
	position: absolute;
	display: inline-block;
    background: none;
}

.conceptTtlAreaIn.ty3 .conceptTtl:before {
	border-left: solid 1px #e68b0d;
	border-top: solid 1px #e68b0d;
	top: 0;
	left: 0;
}

.conceptTtlAreaIn.ty3 .conceptTtl:after {
	border-right: solid 1px #e68b0d;
	border-bottom: solid 1px #e68b0d;
	bottom: 0;
	right: 0;
}

.conceptArea{
    margin-top: 90px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.conceptCol{
    flex-basis: 30%;
    border: 1px solid #1c3a36;
    border-radius: 10px;
}
.conceptColTtlArea{

}
.conceptColTtl{
    font-size: 55px;
    letter-spacing: 0.13em;
    color:#a5820b;
    text-align: center;
}
.conceptColTtlSubArea{
    margin-top: 45px;
}

.conceptColTtlSub{
    font-size: 24px;
    letter-spacing: 0.13em;
    color: #1c3a36;
    text-align: center;
}
.conceptColDescriptionArea{
    margin-top: 55px;

}
.conceptColDescription{
    font-size: 1.14em;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;

}

.faciliutyArea{
/* 	margin-top: 150px; */
	margin-top: 60px;
}
.faciliutyAreaBoxA{
    display: flex;
    justify-content: center;
    align-items: center;
}

.faciliutyAreaBoxA:not(:first-child){
/*     margin-top: 150px; */
	margin-top: 60px;
}
.facilityDetailArea{
    display:
}
@media screen and (min-width: 991px){
	.facilityDetailImgArea {
	    width: 444px;
	}
}

.facilityDetailArea{
    flex-basis: 450px;
    padding: 40px;
}
.facilityDetailTtl{
    font-size: 40px;
    letter-spacing: 0.13em;
    color:#1c3a36;
}
.facilityDetailTtlSubArea{
    margin-top: 50px;
}

.facilityDetailTtlSub{
    font-size: 14px;
    letter-spacing: 0.13em;
    font-family:"メイリオ", 'メイリオ', Meiryo,"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";

}
.facilityDetailDescriptionArea{
    margin-top: 35px;

}
.facilityDetailDescription{
    font-size: 1.14em;
}

.faciliutyAreaBox_B{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 50px;
}

.faciliutyAreaBoxB{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 180px;
}
@media screen and (max-width: 768px) {

	.conceptTtlAreaIn.ty3 .conceptTtl_g{
	    color: #00a134;
	    font-size: 24px;
	    letter-spacing: 0.1em;
	    font-weight: 500;
	}

	.conceptTtlAreaIn.ty3 .conceptTtl_kg{
	    color: #6eb92b;
	    font-size: 24px;
	    letter-spacing: 0.1em;
	    font-weight: 500;
	}
	.conceptTtlAreaIn.ty3 .conceptTtl_y{
	    color: #d6ce00;
	    font-size: 24px;
	    letter-spacing: 0.1em;
	    font-weight: 500;
	}

	.faciliutyAreaBox_B{
	    display: block;
	    justify-content: flex-start;
	    align-items: center;
	    margin-top: 50px;
	}

	.faciliutyAreaBoxB{
	    display: block;
	    justify-content: flex-start;
	    align-items: center;
	    margin-top: 180px;
	}
}



.facilityDetailImgLeftArea{
    flex-basis: 440px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.facilityDetailImgRightArea{
    flex-basis: calc(100% - 440px)

}

.facilityDetailRightTopImgArea > img{
        width: 100%;
}
.facilityDetailInArea{
    margin-top: 100px;
    padding-right: 50px;
}
.facilityDetailInArea .facilityDetailTtlSubArea{
    margin-top: 50px;
}
.facilityDetailInArea .facilityDetailDescriptionArea{
    margin-top: 25px;
}

.aboutMapBox{
/*     margin-top: 60px; */
    margin: 60px auto 0 auto;
    width: 60%;
}
.aboutMapCaption{
    font-size: 1.14em;
    letter-spacing: 0.13em;
    line-height: 36px;
}

.facilityAboutArea{
    margin-top: 60px;
}
.facilityAboutAreaTable{

}
.facilityAboutAreaTableRow{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-top: 1px solid #d3d3d3;
}

.facilityAboutAreaTableRow:last-child{
    border-bottom: 1px solid #d3d3d3;
}
.facilityAboutAreaTable.ty2 .facilityAboutAreaTableRow{
    align-items: stretch;
    border-left: 1px solid #d3d3d3;
}


.facilityAboutAreaTtlBox{
    flex-basis: 275px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #d3d3d3;
}
.facilityAboutAreaTable.ty2 .facilityAboutAreaTtlBox{
    padding-top:  20px;
        height: auto;
    min-height: 70px;
    align-items: stretch;
    border-left: none;
}

.facilityAboutAreaTtl{
    font-size: 24px;
    letter-spacing: 0.1em;
    color: #1c3a36;
    line-height: 28px;
    text-align: center;
}

.ttlSmall .facilityAboutAreaTtl{
    font-size: 16px;
}
.facilityAboutAreaTable.ty2 .facilityAboutAreaTtl{
    font-size: 1.14em;
    letter-spacing: 0.13em;
    line-height: 36px;
}

.facilityAboutAreaDescBox{
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-basis: calc(100% - 275px);
    height: 70px;
    padding-left: 20px;
}
.facilityAboutAreaTable.ty2 .facilityAboutAreaDescBox{
    padding-top:  20px;
    align-items: stretch;
        height: auto;
}
.facilityAboutAreaDesc{
    font-size: 1.2em;
    letter-spacing: 0.1em;
    line-height: 30px;
}

.floorMapArea{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
}
.floorMapImg{

}
.bottom{
    margin-bottom: 50px;
}
.contentTtlMiniArea{
    text-align: center;
    padding-top: 70px;
}
.contentTtlMiniArea.pa2{
    text-align: center;
    padding-top: 60px;
}
.contentTtlMini{
    font-size: 40px;
    letter-spacing: 0.13em;
}

.contactBtnArea{
    margin-top: 40px;
    text-align: center;
}

.contactBtnArea{
    margin-top: 40px;
}
.contactBtnCapArea{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.contactBtnCap{
    flex-basis: 100%;;
    color: #1c3a36;
    display: block;
    margin-bottom: 20px;
    font-size: 1.14em;
    letter-spacing: 0.13em;
    line-height: 36px;
}
.contactBtnCapArea .newsPdf{
    margin-top: 0;
}

.flowArea{
    display: flex;
    align-items: flex-start;
    margin: 80px 0;
}
.flowImgArea{
    flex-basis: 350px;
    margin-right: 60px;;
}
.flowImgBox{

}
.flowImgBoxArea{


}
.flowImgBoxCapArea{
    padding: 15px 10px;
    background-color: #1c3a36;
}

.flowImgBoxCapA{
    display: flex;
    align-items: flex-end;
}
.flowImgBoxCapAName{
    font-size: 30px;
    letter-spacing: 0.01em;
    line-height: 1;
    color: #FFF;
}
.flowImgBoxCapABac{
    font-size: 1.14em;
    letter-spacing: 0.01em;
    color: #a5820b;
}
.flowImgBoxCapB{
    margin-top: 20px;

}
.flowImgBoxCapBD{
    font-size: 1.14em;
    letter-spacing: 0.01em;
    line-height: 1;
    color: #FFF;
}
.flowBoxArea{
    flex-basis: calc(100% - 410px);
}
.flowBox{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 30px;
    border: 1px solid #dbdbdb;

}
.flowBoxTxtArea{
    flex-basis: 400px;

}
.flowBoxTxtTtlArea{

}
.flowBoxTxtTtl{
    font-size: 22px;
    font-weight: bold;
}
.flowBoxTxtTtlTxtArea{
    margin-top: 30px;

}
.flowBoxTxtTtlTxt{
    line-height: 36px;

}
.flowBoxImgArea{

}

.arrowBottom{
    display: flex;
    justify-content: center;
    align-content: center;
    margin: 10px 0;
    color: #a5820b;
    font-size: 50px;
}
.right{
    text-align: right;
}

.dayFlowArea{
    margin-top: 40px;
}
.dayFlowArea.stepBoxWrap {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dayFlowArea:last-child{
    margin-bottom: 60px;
}
.dayFlowBox{
    border: 1px solid #a7b1b0;
}

.dayFlowBox2{
    border: 1px solid #ffba53;
}

.dayFlowBoxTtlArea{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    background-color: #f7f4ed;
}


.dayFlowBoxTtlArea2{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    background-color: #00a134;

}

.dayFlowBoxTtlArea3{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    background-color: #b1d921;

}

.dayFlowBoxTtlArea4{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    background-color: #fff;
    border-bottom: 1px solid #ffba53;

}

.dayFlowBoxTtlArea5{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    background-color: #d7ce00;
}

.dayFlowBoxTtlArea6{
    display: flex;
    align-items: center;
    height: 60px;
    background-color: #f7f4ed;
    padding-left: 30px;
}
.dayFlowBoxTtl{
    font-size: 16px;
    letter-spacing: 0.13em;
    color: #6d6d6d;
    font-weight: 600;
}

.dayFlowBoxTtl2{
    font-size: 16px;
    letter-spacing: 0.13em;
    color: #fff;
    font-weight: 600;
}
.dayFlowBoxTtl3{
    font-size: 16px;
    letter-spacing: 0.13em;
    color: #ffba53;
    font-weight: 600;
}

.reserve_ttl{
    background-color: #f7f4ed;
    padding: 5px;
}
.stepBoxDetail .reserve_ttl {
    background-color: transparent;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
        margin-left: -28px;
}




.dayFlowBoxDetailArea{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 30px 0;
    font-size: 16px;
    letter-spacing: 0.13em;
    padding: 20px
}
.dayFlowBoxDetailTtlArea{
    flex-basis: 350px;
    text-align: center;
}
.dayFlowBoxDetailTtl{
    font-size: 16px;
    letter-spacing: 0.13em;

}
.dayFlowBoxDetailTxtArea{
}
.dayFlowBoxDetailTxt{
    font-size: 16px;
    letter-spacing: 0.13em;
}
.dayFlowBoxDetailTxt.only {
    padding: 10px 20px;

}
.dayFlowBoxDetailTxtZone{
    display: inline-block;
    padding: 10px;
    line-height: 1;
    font-size: 16px;
    letter-spacing: 0.13em;
    background-color: #a5820b;
    margin-bottom: 20px;
    color: #FFF;
}
.dayFlowBoxDetailTxtZone:not(:first-child){
    margin-top: 20px;
}
.priceTable{
    margin-top:50px;
    width: 100%;
    border-collapse: collapse;
}
.pa2.priceTable{
    margin-top:0;
}
.noMaTop.priceTable{
    margin-top: 0;
}
.dayFlowBoxDetailArea{
	margin: 10px 15px;
}
.pa2 .dayFlowBoxDetailArea{
	padding: 0;
}
.pa2 .dayFlowBoxDetailTxt {
    font-size: 14px;
}



.priceTable th {
    padding: 15px 0;
    text-align: center;
    border: 1px solid #dbdbdb;
    width: 20%;
    background-color: #f7f4ed;
    font-size: 20px;
    color: #6d6d6d;

}
.priceTable td {
    padding: 15px 15px;
    /*text-align: center;*/
    border: 1px solid #dbdbdb;
    font-size: 16px;
}

.pa2.priceTable th{
	padding: 10px 0;
}

.pa2.priceTable td{
	padding: 10px 10px;
    font-size: 14px;
}



.priceTable2{
    margin-top: 0px;
    width: 100%;
    border-collapse: collapse;
}
.noMaTop.priceTable2{
    margin-top: 0;
}

.priceTable2 th {
    padding: 15px 0;
    text-align: center;
    border: 1px solid #dbdbdb;
    width: 20%;
    background-color: #f7f4ed;
    font-size: 20px;
    color: #6d6d6d;

}
.priceTable2 td {
    padding: 15px 15px;
    /*text-align: center;*/
    border: 1px solid #dbdbdb;
    font-size: 14px;
}
.pa2.priceTable2 th{
	padding: 10px 0;
}

.pa2.priceTable2 td{
	padding: 10px 10px;
    font-size: 14px;
}

.priceTable3{
    margin-top: 0px;
    width: 100%;
    border-collapse: collapse;
}
.noMaTop.priceTable3{
    margin-top: 0;
}

.priceTable3 th {
    padding: 15px 0;
    text-align: center;
    border: 1px solid #dbdbdb;
    font-size: 20px;
    color: #6d6d6d;
}

.pa2.priceTable3 th {
    font-size: 16px;
    line-height: 1.33;
}
.priceTable3 td {
    padding: 15px 15px;
    /*text-align: center;*/
    border: 1px solid #dbdbdb;
    font-size: 16px;
}

.pa2.priceTable3 td {
    padding: 10px 10px;
    border: 1px solid #dbdbdb;
    font-size: 14px;
}

.indexNewsArea{
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}

.indexNewsBox{
	flex-basis: 43%;
	background-image: url(../img/news_frame.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 14px 17px;
	margin-left: 10px;
	margin-right: 0;
	margin-bottom: 60px;
}
.indexNewsBox.Imgbox{
    background-image: none;
    padding: 0;
    margin-left: 0;
    margin-right: 10px;
}
.indexNewsBoxScArea{
	  height: 218px;
	  padding: 10px 20px 20px 20px;
	  overflow-y:scroll;
	  background-color: #FFF;
}
.indexNewsBoxTtlArea{
	margin-top: 5px;
/* 	margin-bottom: 20px; */

}
.indexNewsBoxTtl{
	font-size: 31px;
	letter-spacing: 0.08em;
	line-height: 34px;
	color: #f39700;
}
.indexNewsBoxTtlMin{
	font-size: 16px;
	letter-spacing: 0.08em;
	line-height: 34px;
	color: #666666;
}
.indexNewsBoxDescList{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 5px 0 ;
}
.indexNewsBoxDescListBox{
	display: block;
	cursor: default;
}
.indexNewsBoxDescListBox:nth-child(even){
	background-color: #f7f4ed;
}
.indexNewsBoxDescDate{
	font-size: 14px;
	letter-spacing: 0.06em;
	margin-right: 10px;
	color: #666666;
	flex-basis: 130px;
}
.indexNewsBoxDescNewsTag{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f39700;
	color: #FFF;
	font-size: 12px;
	width: 65px;
	height: 18px;
	border-radius: 9px;
	margin-right: 10px;
	    flex-basis: 70px;
}
.indexNewsBoxDescTxt{
	font-size: 12px;
	letter-spacing: 0.06em;
	color: #f39700;
	flex-basis: calc(100% - 220px);
}
.indexNewsBoxDescTxtTtl{
	color: #666666;
}

.qaAreaWrap{
	width: 90%;
	margin:60px auto;
}


.qaAreaBox{
	margin-bottom: 25px;
	border: 1px solid #bfbfbf;
}
.qaAreaBoxQBox{
	background-color: #f7f4ed;
	padding: 20px 25px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.qaAreaBoxQBoxTtlArea{
	display: flex;
	justify-content: center;
	align-content: center;
	margin-right: 25px;
}

.qaAreaBoxQBoxTtl{
	font-size: 24px;
	color: #f39700;
	font-weight: bold;
}

.qaAreaBoxQBoxTtlTxtArea{
}

.qaAreaBoxQBoxTtlTxt{
	color: #6d6d6d;
	font-size: 15px;
	letter-spacing: 0.025em;
	line-height: 36px;
}

.qaAreaBoxABox{
	padding: 20px 25px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;

}

.qaAreaBoxABoxTtlArea{
	font-size: 24px;
	color: #f39700;
	font-weight: bold;

}

.qaAreaBoxABoxTtl{
	display: flex;
	justify-content: center;
	align-content: center;
	margin-right: 25px;

}

.qaAreaBoxABoxTtlTxtArea{
	color: #6d6d6d;
	font-size: 15px;
	letter-spacing: 0.025em;
	line-height: 30px;

}

.qaAreaBoxABoxTtlTxt{

}









.widMin{
    width: 280px;
}

.widMin_color{
    background-color: #f7f4ed;
}


.tbSpShow{
    display: none;
}



@media screen and (max-width: 768px) {
	.priceTable3 th {
		width: 50%;

	}
    .priceTable {
        width: 80%;
        display: block;
    }
    .priceTable tbody{
        display: flex;
        flex-wrap: wrap;
        flex-basis: 100%;
    }
    .priceTable .thead {
        display: none;
    }
    .priceTable tr {
        display: block;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .priceTable td {
        display: block;
        text-align: right;
        width: 100%;
        flex-basis: 100%;
    }
    .priceTable td:first-child {
        background: #a5820b;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }
    .priceTable td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        margin-right: 10px;
    }
/*     .tbSpShow{ */
/*         display: block; */
/*     } */
/*     .tbSpHide{ */
/*         display: none; */
/*     } */
}

.tableCaption{
    font-size: 12px;
    letter-spacing:0.05em;
    line-height: 21px;
    padding-top: 10px;
}
.center{
    text-align: center;
}

.jimushoTextAreaBox{
    border-top: 1px solid #a5820b;
    border-bottom: 1px solid #a5820b;
    padding: 30px;
    margin-top: 30px;
}
.jimushoTextTtl{
    font-size: 20px;
}
.jimushoTextArea:not(:first-child){
    margin-top: 20px;
}

.priceTableAreaTtlBox{
    margin-top: 50px;
    margin-bottom: 20px;

}
.priceTableAreaTtl{
    font-size: 22px;
    letter-spacing: 0.13em;

}
.priceTableAreaTtlCap{
    font-size: 16px;
    letter-spacing: 0.13em;
}

.contactCaptionArea{
    margin-top: 60px;
}
.contactCaption{
    text-align: center;
    font-size: 1.2em;

}

.contactFormArea{
    margin-top: 30px;
    width: 860px;
    margin-right: auto;
    margin-left: auto;
}

.facilityDetailImgLeftArea{
    flex-basis: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.facilityDetailImgLeftArea{
width: 100%;
        height: 100%;
        object-fit: contain;
        font-family: "object-fit: contain;";
}

.facilityDetailImgRightArea{
    flex-basis: 100%;

}

.facilityDetailRightTopImgArea > img{
        width: 100%;
}




@media screen and (max-width: 880px){
    .contactFormArea{
        width: calc(100% - 20px);
    }
}

.contactFormRow{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 35px;
}
.contactFormTtlArea{
    flex-basis: 185px;
}
.contactFormTtl{
    color: #a5820b;
    padding: 5px;
    font-size: 1.2em;

}

.contactPPTit {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.contactPPTxt {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 20px;
}
.requirePoint{
    color: red;
}

.contactFormInputArea{
    flex-basis: calc(100% - 185px);
}

.contactFormInputArea input[type="text"], .contactFormInputArea input[type="tel"], .contactFormInputArea input[type="mail"]{
    width: 100%;
    border: none;
    padding: 5px;
    background-color:#ddd;
}

.contactFormInputArea input[type="radio"], [name="privacy_policy"]{
    margin-right: 10px;
}


.contactFormInputArea textarea, .contactFormInputPP{
    width: 100%;
    height: 240px;
    border: none;
    padding: 5px;
    background-color:#ddd;
}
.contactFormInputPP{
    overflow-y: scroll;

}
.ppArea{
    text-align: center;
}
.ppTxt{
    font-weight: bold;
}
.ppChk{
    display: flex;
    justify-content: center;
    align-items: center;
}

.contactBtnArea{
    display: flex;
    justify-content: center;
    align-items: center;
}

.topMainContentArea{
    position: relative;
}
.topMainContentImg{
/*     position: absolute; */
/*     top: 0; */
/*     left: 0; */
    width: 100%;
/*     height: 100%; */
}

.topMainContentImg > img{
    width: 100%;
/*     height: 100%; */
/*     object-fit: cover; */
/*     font-family: "object-fit: cover;"; */
}
.topMainContentLogo{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
}
.main2ContentWrapAll{
    position: relative;

}
.main2ContentWrap{
    height: 937px;
    position: relative;
}
.main2ContentInLeft{
        position: absolute;
    top: 0;
    left: calc(50% - 960px);
}
.main2ContentInLeft > img{
    height: 937px;
}
.main2ContentInRight{
    width:100%;
    height: 100%;;
    background-image: url(../img/main_b02.jpg);
    background-size: cover;
    background-position: right;
}
.main2ContentInTxtBox{
    position: absolute;
    left: calc(50% + 310px);
    top: 30%;
    margin: auto;
    color: #FFF;


}
.main2ContentInTxt{
    -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.main2ContentBottomWrap{
    position: relative;
    z-index: 2;
    margin-top: 200px;
    padding-bottom: 200px;
}
.main2ContentBottomArea{

}
.main2ContentBottomBox{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 70px;

}
.main2ContentBottomBoxImgArea{

}
.main2ContentBottomBoxImgArea.od2{
    order: 2;
}
.main2ContentBottomBoxTxtArea {
    margin: 0 100px;
    width: 640px;
}

.main2ContentBottomBoxTxtTtl{
    letter-spacing: 1.1px;
    color: #fff;
    font-size: 22px;
    line-height: 42px;
}
.main2ContentBottomBoxTxtDesc{
    font-size: 14px;
    line-height: 36px;
    letter-spacing: 0.025em;
    color: #fff;
    display: block;
     margin: 30px 0;
}
.gradeBg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;;
        background: -moz-linear-gradient(top, rgba(28,58,54,0) 0%, rgba(28,58,54,0) 37%, rgba(28,58,54,1) 45%, rgba(28,58,54,1) 50%, rgba(28,58,54,1) 100%);
    background: -webkit-linear-gradient(top, rgba(28,58,54,0) 0%,rgba(28,58,54,0) 37%,rgba(28,58,54,1) 45%,rgba(28,58,54,1) 50%,rgba(28,58,54,1) 100%);
    background: linear-gradient(to bottom, rgba(28,58,54,0) 0%,rgba(28,58,54,0) 37%,rgba(28,58,54,1) 45%,rgba(28,58,54,1) 50%,rgba(28,58,54,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c3a36', endColorstr='#1c3a36',GradientType=0 );
}
.bottomTtl {
    position: absolute;
    top: -300px;
    left: 0;
    right: 0;
}
.contentListAreaWrap{

}

.contentListArea{
    position: relative;
    height: 310px;
    overflow: hidden;
    margin-bottom: 100px;
    z-index: 1
/*     background-color: #f7f4ed; */;
}
.contentListImgArea{
    position: absolute;
    top: 20px;
    left: calc(50% - 580px);
    z-index: 2;
}
.contentListImgArea >img{
	/* height: 340px; */
	object-fit: cover;
	font-family:"object-fit: cover;";
}

.contentListTxtArea{
    position: relative;
    padding: 20px;
    z-index: 1;
    top: 140px;
    left: calc(50% - 40px);
}
.contentListTxtTtlArea{
}
.contentListTxtTtl{
    font-size: 26px;
    color: #f39700;
}
.contentListTxtDescArea{
    margin-top: 25px;
}
.contentListTxtDesc{
    font-size: 18px;
}
.contentListTxtLinkArea{

}
.contentListBorder{
    display: block;
    width: 40%;
    height: 3px;
    background-color: #a5820b;
    position: relative;
    left: -40px;
}
.contentListAreaWrap{
    padding-top: 80px;;
}
.hovHolizone{
    height: 180px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    background-color: #f7f4ed;
    /*     opacity: 0; */
    /*     transform: translateX(100vw); */
    /*     transition: transform .5s, opacity .8s; */
}
/* .contentListArea:hover > .hovHoClizone{ */
/*     transform: translateX(0); */
/*     opacity: 1; */
/*     transition: transform .5s, opacity .3s; */
/* } */

.priceTableArea{
	margin-bottom: 60px;
}



.reverce .contentListImgArea{
    right: calc(50% - 560px);
    left: auto;
}

.reverce .contentListImgArea > img{
    margin-right: 0;
    margin-left: auto;
    display: block;
}

.reverce .contentListTxtArea{
        right: calc(50% + 0px);
        left: auto;
        text-align: right;
}
.reverce .contentListTxtLinkArea .linkBtn{
    margin-right: 0;
    margin-left: auto;
}
.reverce .contentListBorder{
    left: auto;
    right: -65px;
    margin-right: 0;
    margin-left: auto;
}

.linkBtn:visited{
    color: #FFF;
}


.linkBtn:hover {
    background-color: rgba(243, 151, 0, 0);
    color: rgba(243, 151, 0, 1);
    transition: .2s;
}
.
.linkBtn.ty3:visited{
    color: #3F6B5F;
}
.footerBoxLink a.linkBtn.ty4:hover{
	background-color: rgba(255,255,255,1);
    transition: .2s;
}
.reverce .hovHolizone{
    transform: translateX(0);
/*     transition: transform .5s, opacity .8s; */
}

.loginFormArea{
    background-color: #edf6f4;
    width: 950px;
    padding: 50px 0;
    margin: 70px auto;
}

.reservFlow{
	width: 75%;
	text-align: center;
	margin: 0 auto;
	display: inherit;
}

.reservFlow, .reservFlowSp{
	opacity: 0.8
}

@media screen and (max-width: 970px){
    .loginFormArea{
        width: calc(100% - 20px);
    }
    .reservFlow{
    	width: 100%;
	}
}
.loginFormRow{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
}
.loginFormRowTtlBox{
    flex-basis: 50%;
    text-align: right;
    padding-right: 50px;
}
.loginFormRowTtl{
    font-size: 18px;
    font-weight: bold;
}
.loginFormRowDescBox{
    flex-basis: 50%;
}

.loginFormRowDescBox input{
    width: 50%;
    border: none;
    padding: 5px;
}
.submitbtn{
    border: none;
    margin: 20px auto 0 auto;

}
.newsBtn {
        margin: 54px 34px;
}
.newsBtn.backNews, .newsBtn.nextNews {
    background-color: #FFF;
    border: 1px solid #1c3a36;
    color: #1c3a36;
}
.pb50{
	padding-top: 50px;
	padding-bottom: 50px;
}

.TableMapArea{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.TableMapArea > *{
	flex-basis:40%;
	height: auto;
}

.TableMapArea > iframe{
	flex-basis:58%;
	height: auto;
}

.TableMapArea > * > *{
	width: 100%;
    height: 100%;

	object-fit: contain;
	font-family: "object-fit: contain;";
}

.stepBox{
	margin-bottom: 25px;
	border: 5px solid #EEE;
	padding: 20px;
	flex-basis: 49%;
}
.stepBoxTtlArea{
	margin-bottom: 20px;
}
.stepBoxTtl{
	font-size: 20px;
	letter-spacing: 0.07em;
	position: relative;
	font-weight: bold;
}
.stepBoxTtl span{
	font-size: 20px;
	letter-spacing: 0.07em;
	position: relative;
	font-weight: bold;
	color: #00a134;
}
.cl2 .stepBoxTtl span{
	color: #b1d921;
}
.cl3 .stepBoxTtl span{
	color: #d7ce00;
}

.stepBoxDetailArea{
	margin-left: 48px;
}
.stepBoxDetail{
	font-size: 14px;
}



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

	.TableMapArea{
		flex-wrap:wrap;
	}

	.TableMapArea > *{
		flex-basis:100%;
		width: 100%;
	}

	.stepBox{
		flex-basis: 100%;
	}


}


@media screen and (max-width: 1350px){
    .contentListTxtTtl {
        font-size: 36px;
    }
    .contentListTxtDesc {
        font-size: 12px;
    }

}


@media screen and (max-width: 982px){
    .contentListTxtTtl {
        font-size: 36px;
    }
    .contentListTxtDesc {
        font-size: 12px;
    }
    .contentListImgArea {
        position: relative;
        top: 0;
        left: 0;
    }
    .contentListTxtArea {
        position: relative;
        padding: 20px;
        top: -110px;
        left: auto;
        right: 0;
/*         background: rgba(255,255,255, .8); */
    }
    .contentListArea {
        height: 550px;
    }
    .reverce .contentListImgArea {
        right: 0;
        left: auto;
    }
    .reverce .contentListTxtArea {
        right: 0;
        left: auto;
        text-align: right;
    }



}








.spShow,.spShow-flx{
    display: none;
}

@media screen and (max-width: 1100px){
    .main2ContentInTxtBox {
        left: calc(50% + 210px);
    }
    .containerTtlImg > img {
	    object-fit: cover;
	    font-family: "object-fit: cover;";
	}
}


@media screen and (max-width: 890px){
    .conceptArea{
        flex-wrap: wrap;
    }

    .conceptCol{
        flex-basis: 100%;
    }

}

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

    .contactFormRow{
        flex-wrap: wrap;
    }
    .contactFormTtlArea, .contactFormInputArea{
        flex-basis: 100%;
    }

    .containerTtlArea {
/*         height: 420px; */
/*         height: 190px; */
            height: 80px;
    }
    .containerTtlBox {
        width: 90%;
        height: 130px;
    }
    .containerTtl {
/*         font-size: 28px; */
    font-size: 24px;
    }
    .contentTtlMiniArea {
        margin-top: 40px;
    }
    .contentTtlMini {
        font-size: 32px;
    }
    .conceptTtlAreaIn.ma2 {
        margin-top: 20px;
    }
    .conceptTtlAreaIn.ty2 .conceptTtl {
        font-size: 26px;
    }
    .priceTable {
        width: 100%;
    }
    .priceTable td {
        font-size: 14px;
        padding: 10px 20px;
        text-align: left;
    }
    .tableCaption {
        font-size: 10px;
    }
    .conceptTtlAreaIn.ty3 .conceptTtl {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .conceptTtlAreaIn {
        width: 100%;
    }
    .conceptTtlAreaIn.ma2{
        margin-top: 50px;
    }
    .priceTableAreaTtl {
        font-size: 18px;
    }
    .priceTableAreaTtlCap {
        font-size: 14px;
    }
    .dayFlowBoxDetailTxt {
        font-size: 14px;
    }
    .faciliutyAreaBoxA, .faciliutyAreaBoxB{
        flex-wrap: wrap;
    }
    .facilityDetailArea {
        flex-basis: 100%;
        padding: 20px 0;
    }

    .facilityDetailTtl {
        font-size: 28px;
    }
    .facilityDetailTtlSubArea {
        margin-top: 20px;
    }
    .facilityDetailTtlSub {
        font-size: 14px;
    }
    .faciliutyAreaBoxB {
        margin-top: 60px;
    }

    .facilityDetailImgLeftArea {
        flex-basis: 100%;
    }
    .facilityDetailImgLeftArea img{
        margin: 0 auto
    }
    .facilityDetailImgRightArea{
        margin-top: 20px;;
        flex-basis: 100%;
    }
    .facilityDetailInArea {
        margin-top: 20px;
        padding-right: 0;
    }
    .aboutTtlArea{
        flex-wrap: wrap;
    }
    .aboutTtlBox, .aboutTxtBox{
            flex-basis: 100%;
    }
    .aboutTtlBox, .aboutTxtBox {
        margin-top: 20px;
    }
    .aboutTtlArea {
        margin: 30px 20px;
    }
    .aboutTtl {
        font-size: 28px;
        line-height: 1.33;
        text-align: left;
    }
    .newsContentArea {
        padding: 20px;
    }
    .pageTtl {
        font-size: 28px;
    }
    .newsContentAreaRowBox{
        flex-basis: 100%;
    }
    .newsTtl {
        font-size: 28px;
    }
    .newsTtlArea {
        margin: 20px 0 40px 0;
    }
    .newsDeatilOtherImg{
        flex-basis: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .facilityAboutAreaTable.ty2 .facilityAboutAreaTableRow{
        flex-wrap: wrap;
        border: none;
    }
    .facilityAboutAreaTable.ty2 .facilityAboutAreaTtlBox, .facilityAboutAreaTtlBox, .facilityAboutAreaDescBox{
        flex-basis: 100%;
        border: none;
        border-left: 1px solid #d3d3d3;
        border-right: 1px solid #d3d3d3;
        border-top: 1px solid #d3d3d3;
        padding: 10px;;
        height: auto;
    }
    .facilityAboutAreaTable.ty2 .facilityAboutAreaTtl {
        font-size: 16px;
        letter-spacing: 0.13em;
        line-height: 36px;
    }
    .facilityAboutAreaTable.ty2 .facilityAboutAreaTtlBox{
        min-height: auto;
    }
    .facilityAboutAreaDesc {
        font-size: 14px;
        letter-spacing: 0.13em;
        line-height: 29px;
        width: 100%;
    }
    .flowArea, .flowBox{
        flex-wrap: wrap;
    }
    .flowImgArea, .flowBoxArea, .flowBoxTxtArea, .flowBoxImgArea{
        flex-basis: 100%;
        margin-right: 0;
    }
    .flowImgBoxArea > img{
        width: 100%;
    }
    .flowBoxTxtArea{
        order: 2;
    }
    .flowBoxImgArea > img{
        width: 100%;
    }
    .flowBoxTxtTtlTxtArea{
        margin-top: 10px;
    }
    .conceptColTtl {
        font-size: 32px;
    }
    .conceptArea {
        margin-top: 30px;
    }
    .conceptColTtlSubArea {
        margin-top: 10px;
    }
    .conceptColDescriptionArea{
        margin-top: 20px;
    }
    .conceptCol{
        margin-top: 30px;
    }
    .faciliutyArea{
        margin-top: 70px;
    }
    .facilityAboutAreaTableRow, .floorMapArea{
        flex-wrap: wrap;
    }
    .floorMapImg{
        flex-basis: 100%;
        float: left;
        margin: auto;
        display: contents;
    }
    .floorMapImg > img{
        margin: 0 auto;
        text-align: center;
    }
    .conceptTtl {
        font-size: 32px;
    }
    .conceptTtlArea {
        height: 80px;
    }
    .facilityAboutAreaTableRow {
        flex-wrap: wrap;
    }
    .faciliutyAreaBoxA:not(:first-child) {
        margin-top: 60px;
    }
    .conceptTtlAreaIn.ty2 {
        width: 100%;
    }

    .main2ContentWrap {
        height: 537px;
    }
    .main2ContentInLeft > img {
        height: 537px;
    }
    .main2ContentInLeft {
        left: calc(50% - 560px);
    }
    .main2ContentInTxtBox {
        left: calc(50% + 40px);
        top: 10%;
    }

    .main2ContentInTxt {
        font-size: 24px;
        letter-spacing: -0.2em;
    }
    .main2ContentBottomWrap {
        margin-top: 60px;
        padding-bottom: 10px;
    }
    .main2ContentBottomBox{
        flex-wrap: wrap;
    }
    .main2ContentBottomBoxImgArea{
        flex-basis: 100%;
        margin-bottom: 20px;
        order:1;
    }
    .main2ContentBottomBoxTxtArea{
        flex-basis: 100%;
        margin: 0;
        order:2;
    }
    .main2ContentBottomBoxTxtTtl {
        font-size: 18px;
        line-height: 36px;
    }
    .main2ContentBottomBoxTxtDesc {
        font-size: 12px;
        line-height: 28px;
    }
    .bottomTtl {
        top: -82px;
    }
    .gradeBg{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;;
            background: -moz-linear-gradient(top, rgba(28,58,54,0) 0%, rgba(28,58,54,0) 20%, rgba(28,58,54,1) 28%, rgba(28,58,54,1) 50%, rgba(28,58,54,1) 100%);
        background: -webkit-linear-gradient(top, rgba(28,58,54,0) 0%,rgba(28,58,54,0) 20%,rgba(28,58,54,1) 28%,rgba(28,58,54,1) 50%,rgba(28,58,54,1) 100%);
        background: linear-gradient(to bottom, rgba(28,58,54,0) 0%,rgba(28,58,54,0) 20%,rgba(28,58,54,1) 28%,rgba(28,58,54,1) 50%,rgba(28,58,54,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c3a36', endColorstr='#1c3a36',GradientType=0 );
    }
    .contentListTxtTtl {
        font-size: 28px;
    }
    .contentListTxtDesc {
        font-size: 12px;
    }
    .newsContentAreaTtl h2{
            font-size: 30px;
    }
    .newsContentAreaTtl h2 small {
        font-size: 20px;
    }


    .linkContentRowImg{
        left: calc(50% - 440px);
    }

    .linkContentRowImg > img{
        height: 100%;
        width: 100%;
    }


    .linkContentRow.Ltxt .linkContentRowTxt{
        margin: 0 auto 0 0 ;
    }

    .linkContentRow.Ltxt .linkContentRowImg{
        left: auto;
        right: calc(50% - 440px);
    }
    .linkContentRowTxt {
        width: 70%;
            padding: 150px 0px 0px 0px;
    }
    .linkContentRowTxt h2 {
        font-size: 24px;
        margin-bottom: 35px;
    }
    .linkContentRowTxt p {
        font-size: 11px;
    }
    .contentListTxtArea {
        top: -10px;
    }
    .topMainContentLogo img {
        width: 80%;
        display: block;
        margin: 0 auto;
        ;
    }

    .linkContentRowTxt p img{
        width: 70%;
    }

    .dayFlowBoxDetailArea{
    flex-wrap: wrap;
    padding: 30px 10px;
    }
    .dayFlowBoxDetailTtlArea{
        margin-bottom: 10px;
        flex-basis: 100%;
    }

    .loginFormRow{
        flex-wrap: wrap;
        padding: 0 20px;;
    }
    .loginFormRowTtlBox{
        flex-basis: 100%;
        padding-right: 0;
        text-align: left;
        margin-bottom: 10px:
    }
    .loginFormRowTtl{
        font-size: 18px;
        font-weight: bold;
    }
    .loginFormRowDescBox{
        flex-basis: 100%;
    }

    .loginFormRowDescBox input{
        width: 100%;
    }
    .pageTtlArea.mar2{
        margin-bottom: 20px;
    }
    .newsContentAreaTtl{
        margin-bottom: 15px;
    }
    .newsContentAreaRowBoxDetail p {
        font-size: 14px;
        letter-spacing: 0.02em;
        opacity: 0.9;
    }
    .linkBtn.spTopMa {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .newsBtnArea{
        flex-wrap: wrap;
    }
    .newsBtn{
        margin: 10px;
    }
    .newsBtn.od1{
        order: 1;
    }
    .newsBtn.od1{
        order: 2;
    }
    .newsBtn.od1{
        order: 3;
    }

    .aboutMapBox{
        margin: 30px auto 0 auto;
        width: 100%;
    }

    .contactFormInputArea input[type="text"], .contactFormInputArea input[type="tel"], .contactFormInputArea input[type="mail"], .loginFormRowDescBox input {
        height: 60px;
        font-size: 14px;
    }
    .ppTxt{
        display: block;
        margin-bottom: 10px;
    }
    .contactBtnArea .newsPd{
        margin-left: 0;
    }
    .conceptTtlAreaIn.ty3.ma2 > p{
        font-size: 14px;
    }

    .facilityAboutAreaDescBox:last-child{
        border-bottom: 1px solid #d3d3d3;
    }
    .newsMainImg > img {
        height: 260px;
    }
    .newsTtlArea{
        flex-wrap: wrap;
    }
    .newsTtlArea{
        flex-wrap: wrap;
    }
    .newsDate{
        flex-basis: 100%;
    }
    .spCenter{
        text-align: center;
    }

    .indexNewsArea {
	    flex-wrap: wrap;
	}
	.indexNewsBox{
		flex-basis: 100%;
	    padding: 18px 13px;
	    margin-bottom: 10px;
	    margin-left: 0;
	    margin-right: 0;
	}
	.indexNewsBox.Imgbox{
	    margin-left: 0;
	    margin-right: 0;
	}
	.indexNewsBoxScArea {
/* 	    height: auto; */
	    height: 369px;
	    padding: 20px 10px;
	    overflow-y: scroll;
	    background-color: #FFF;
	}
	.indexNewsBoxDescList {
		flex-wrap: wrap;
		padding: 10px 0;
	}
	.qaAreaBoxABox {
    	padding: 10px 15px;
	}
	.qaAreaBoxQBox {
    	padding: 10px 15px;
	}

	.about_tit{
	    font-size: 24px;
	    text-align: left;
	}
	.aboutTtlArea2{
	    margin: 25px 0;
	}
	.facilityAboutAreaTtl{
	font-size: 20px;
	}

	.priceTable tbody, .priceTable2 tbody, .priceTable3 tbody,
	.priceTable tr, .priceTable2 tr, .priceTable3 tr{
	    display: flex;
	    flex-wrap: wrap;
	    flex-basis: 100%;
	}
	.priceTable2 th ,.priceTable2 td,
	.priceTable3 th, .priceTable3 td,
	.priceTable th, .priceTable td{
		display: block;
		width: 100%;
		flex-basis: 100%;
	}

	.priceTable3 th, .priceTable2 td:first-of-type{
		background-color: #f7f4ed;
	}

	.dayFlowBoxDetailArea{
	    font-size: 14px;
	}

	.aboutLeft * {
		text-align: left;
	}
	.dayFlowBoxDetailTxt.only {
	    padding: 0 10px;
	}
	.dayFlowBoxTtlArea,.dayFlowBoxTtlArea2, .dayFlowBoxTtlArea3 {
		padding: 10px 20px ;
	}
	.mainConceptAreaTxt{
		text-align: center;
	}
	.mainConceptAreaTxt > p{
		font-size: 13px;
	}
	.mainConceptAreaTxt > h2{
		font-size: 16px;
		color: #a58755;
	}
	.mainConceptAreaTxt{
		background-image: url(../img/wood.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}

	.indexNewsBoxDescTxt{
		flex-basis: 100%;
	}


	.spHide{
       display: none!important;
    }
    .spShow{
        display: block;
    }
    .spShow-flx{
        display: flex;
    }


}


@media screen and (max-width: 768px){
    .conceptCol{
        flex-basis: 100%;
    }

}

@media screen and (max-width: 425px){
    .contentListArea {
        height: auto;
    }

}


#container.bgBrown, .bgBrown{
	background-color: #f6f0e2;
}
.bgWhite{
	background-color: #FFF;
}


#container{
    margin-top: 98px;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
}





#container.noMa{
    margin-top: 0;
}

.fs16{
    font-size: 14px;
}
.linkBtn {
    font-weight: normal;
}

.linkBtn.marLnon{
    margin-left: 0;
}

.reserve_txt{
    padding-top: 30px;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 0.1em;
}
.reserve_txt2{
    padding-top: 10px;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.1em;
}


.greeting_name{
	color: #f69e3a;
	font-size: 22px;
	padding-top: 30px;
	display: inline-block;
}
.greeting_name2{
    color: #6d6d6d;
    font-size: 22px;
    font-weight: 500;
    display: inline-block;
}

.greeting_txt{
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 30px;
}