@charset "utf-8";
/* ================================================

- プラン

================================================ */
.plan__main{
    padding: 20px 0 90px 0;
}
.plan__main__map__lead{
    margin: 0 0 50px 0;
}
.plan__main__map__lead p,
.plan__main__map__lead h3{
    font-size: 3.0rem;
    line-height: 1.6;
    font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
    text-align: center;
}
.plan__main__map__lead p{
    font-size: 1.7rem;
}
.plan__main__content__tab{
    max-width: 926px;
    margin: 0 auto 90px;
}
.plan__main__content__tab ul{
    -js-display: flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    display: flex;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.plan__main__content__tab ul li{
    width: 174px;
    height: 64px;
    line-height: 64px;
    padding: 0;
    font-size: 2.5rem;
    text-align: center;
    cursor: pointer;
    position: relative;
    background: #CCCCCC;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}
.plan__main__content__tab ul li::after,
.plan__main__content__tab ul li::before{
    position: absolute;
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
}
.plan__main__content__tab ul li::before{
    top: 0;
    left: 0;
    border-width: 20px 86px 0 0;
    border-color: rgba(77,77,77,.35) transparent transparent transparent;
}
.plan__main__content__tab ul li::after{
    bottom: 0;
    right: 0;
    border-width: 0 0 20px 86px;
    border-color: transparent transparent rgba(77,77,77,.35) transparent;
}
.plan__main__content__tab ul li:hover,
.plan__main__content__tab ul li:active,
.plan__main__content__tab ul li.active {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#615900+0,888240+100 */
    background: rgb(97,89,0); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(97,89,0,1) 0%, rgba(136,130,64,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(97,89,0,1) 0%,rgba(136,130,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(97,89,0,1) 0%,rgba(136,130,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#615900', endColorstr='#888240',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.plan__main__content__tab--svg{
    height: 21px;
}
.plan__main__content__tab--svg path{
    color: #000000;
	fill: currentColor;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}
.plan__main__content__tab ul li.active .plan__main__content__tab--svg path,
.plan__main__content__tab ul li:hover .plan__main__content__tab--svg path,
.plan__main__content__tab ul li:active .plan__main__content__tab--svg path{    
	color: #F2F2F2;
	fill: currentColor;
}
.plan__main__content__tab p{
    margin: 10px 0 0 0;
    font-size: 1.2rem;
    text-align: right;
}
.plan__main__content__list{
    max-width: 986px;
    margin: 0 auto;
}
.plan__main__content__list--item05 ul,
.plan__main__content__list--item04 ul,
.plan__main__content__list--item03 ul,
.plan__main__content__list--item02 ul,
.plan__main__content__list--item01 ul{
    -js-display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.plan__main__content__list--item05 ul li,
.plan__main__content__list--item04 ul li,
.plan__main__content__list--item03 ul li,
.plan__main__content__list--item02 ul li,
.plan__main__content__list--item01 ul li{
    width: 460px;
    margin-bottom: 70px;
}
.plan__main__content__list--item05 ul li:nth-child(5),
.plan__main__content__list--item04 ul li:last-child,
.plan__main__content__list--item03 ul li{
    margin: 0 auto;
}
.plan__main__content__list--item05 ul li{
    width: 580px;
    margin: 0 auto 70px;
    text-align: center;
}
.plan__main__content__list--item04 ul li:nth-last-child(-n+2),
.plan__main__content__list--item02 ul li:nth-last-child(-n+2),
.plan__main__content__list--item01 ul li:nth-last-child(-n+2){
    margin-bottom: 0;
}

.plan__main__content__list--item04 ul li img,
.plan__main__content__list--item03 ul li img,
.plan__main__content__list--item02 ul li img,
.plan__main__content__list--item01 ul li img{
    max-width: 460px;
    width: 100%;
    height: auto;
}
.plan__main__content__list--item05 ul li img{
    max-width: 580px;
    width: 100%;
    height: auto;
}
.plan__main__content__list--item05 ul li img[src$=".svg"] {
　position:relative;
　left:0.4px;
　top:0.4px;
    line-height: normal;
}
.plan__main__content__list--item05 ul li:nth-child(2) img{ max-width: 690px;}
.plan__main__content__list--item05 ul li:nth-child(3) img{ max-width: 581px;}
.plan__main__content__list--item05 ul li:nth-child(4) img{ max-width: 578px;}
.plan__main__content__list--item05 ul li:nth-child(5) img{ max-width: 604px;}

/* ここから設備 */
.equipment__main{
    padding: 20px 0 0 0;
}
.equipment__main__list{
    max-width: 862px;
    width: 100%;
    margin: 0 auto 130px;
}
.equipment__main__list ul{
    -js-display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.equipment__main__list ul li{
    width: 18%;
    width : -webkit-calc(20% - 40px);
	width: calc(20% - 40px);
	margin:0 0 15px 0;
    padding-right: 40px;
}
.equipment__main__list ul li:nth-child(10),
.equipment__main__list ul li:nth-child(9),
.equipment__main__list ul li:nth-child(8),
.equipment__main__list ul li:nth-child(7),
.equipment__main__list ul li:nth-child(6){
    margin-bottom: 50px;
}
.equipment__main__list ul li:nth-child(5n){
    padding-right: 0;
}
.equipment__main__list ul li:nth-last-child(-n+5){
    margin-bottom: 0;
}
.equipment__main__list ul li img{
    max-width: 130px;
    width: 100%;
    height: auto;
}
.equipment__main__list ul li figcaption{
    display: block;
    margin: 5px 0 0 0;
    font-size: 1.2rem;
    line-height: 1.3;
    text-align: left;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
}
.equipment__main__list ul li figcaption span{
    font-size: 1.0rem;
}
/*
.equipment__main__listTxt{
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.equipment__main__listTxt ul{
    -js-display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 30px 0;
}
.equipment__main__listTxt ul li{
    width: 345px;
}
.equipment__main__listTxt ul li .equipment__main__listTxt__ttl{
    padding: 13px 0;
    margin: 0 0 10px 0;
    font-size: 2.0rem;
    line-height: 1;
    color: #FFFFFF;
    text-align: center;
    background-color: #717071;
}
.equipment__main__listTxt ul li p{
    font-size: 1.4rem;
    line-height: 1.9;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
}
.equipment__main__listTxt__note p{
    position: relative;
    padding: 0 0 0 1.0rem;
    font-size: 1.1rem;
    line-height: 1.8;
}
.equipment__main__listTxt__note p:before{
    display: block;
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
}    
*/

.equipment__kankyoseino {
    max-width: 428px;
    margin: 80px auto 20px;
}
.equipment__kankyoseino img {
    max-width: 428px;
    width: 100%;
    height: auto;
}
/* ====================================================================================

- @media screen

==================================================================================== */
@media screen and (max-width: 1099px){
.plan__main{
    padding: 20px 0 50px 0;
}
.plan__main__map__lead h3{
    font-size: 2.5rem;
}
.plan__main__map__lead p{
    font-size: 1.6rem;
}    
    .plan__main__content{
        width: 100%;
        padding: 0 3.2%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }    
.plan__main__content__tab{
    margin: 0 auto 50px;
}
.plan__main__content__tab ul{
    -js-display: flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    display: flex;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.plan__main__content__tab ul li{
    width: 20%;
    height: 56px;
    line-height: 56px;
    padding: 0;
    width : -webkit-calc(20% - 4px);
	width: calc(20% - 4px);
    margin-right: 5px;
}
    .plan__main__content__tab ul li:last-child{
        margin-right: 0;
    }    
.plan__main__content__tab ul li::before{
    border-width: 13px 56px 0 0;
}
.plan__main__content__tab ul li::after{
    border-width: 0 0 13px 56px;
}
.plan__main__content__tab--svg{
    height: 18px;
}

.plan__main__content__tab p{
    margin: 10px 0 0 0;
    font-size: 1.2rem;
    text-align: right;
}
.plan__main__content__list--item05 ul,
.plan__main__content__list--item04 ul,
.plan__main__content__list--item03 ul,
.plan__main__content__list--item02 ul,
.plan__main__content__list--item01 ul{
    -js-display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.plan__main__content__list--item04 ul li,
.plan__main__content__list--item02 ul li,
.plan__main__content__list--item01 ul li{
    width: 48%;
    margin-bottom: 70px;
}


/* ここから設備 */
.equipment__main{
    width: 100%;
    padding: 20px 3.2% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.equipment__main .plan__main__map__lead p{
    text-align: left;
}    
.equipment__main .plan__main__map__lead br{
    display: none;
}
.equipment__main__list{
    margin: 0 auto 80px;
}
.equipment__main__list ul{
    -js-display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.equipment__main__list ul li{
    width: 23%;
    width : -webkit-calc(25% - 7.5px);
	width: calc(25% - 7.5px);
	margin:0 10px 20px 0;
    padding-right: 0;
}
.equipment__main__list ul li:nth-child(10),
.equipment__main__list ul li:nth-child(9),
.equipment__main__list ul li:nth-child(8),
.equipment__main__list ul li:nth-child(7),
.equipment__main__list ul li:nth-child(6){
    margin-bottom: 20px;
}
.equipment__main__list ul li:nth-child(5n){
    padding-right: 0;
}
.equipment__main__list ul li:nth-child(4n){
    margin-right: 0;
}    
.equipment__main__list ul li:nth-last-child(-n+5){
    margin-bottom: 20px;
}
.equipment__main__list ul li:nth-last-child(-n+4){
    margin-bottom: 0;
}    
.equipment__main__list ul li img{
    max-width: 100%;
}
.equipment__main__list ul li figcaption br{
    display: none;
}

} /* media screen */
    

/* ====================================================================================

- @media screen @568

==================================================================================== */
@media screen and (max-width: 568px){   
.plan__main{
    padding: 20px 0 30px 0;
}    
.plan__main__map__lead{
    margin: 0 0 30px 0;
    padding: 0 3.2%;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.plan__main__map__lead p,
.plan__main__map__lead h3{
    font-size: 2.2rem;
    line-height: 1.6;
    text-align: left;
}
.plan__main__map__lead p{
    font-size: 1.5rem;
}
 
.plan__main__content__tab{
    margin: 0 auto 30px;
}
.plan__main__content__tab ul{
    -js-display: flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    display: flex;
    -ms-justify-content: start;
    -webkit-justify-content: start;
    justify-content: start; 
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.plan__main__content__tab ul li{
    width: 33.3333%;
    height: 56px;
    line-height: 56px;
    padding: 0;
    width : -webkit-calc(33.3333% - 4px);
	width: calc(33.3333% - 4px);
    margin-right: 5px;
    margin-bottom: 5px;
}
    .plan__main__content__tab ul li:nth-child(3),
    .plan__main__content__tab ul li:last-child{
        margin-right: 0;
    }    
    .plan__main__content__tab ul li:nth-last-child(-n+2){
        margin-bottom: 0;
    }    
.plan__main__content__tab ul li::before{
    border-width: 13px 56px 0 0;
}
.plan__main__content__tab ul li::after{
    border-width: 0 0 13px 56px;
}
.plan__main__content__tab--svg{
    height: 18px;
}

.plan__main__content__tab p{
    margin: 10px 0 0 0;
    font-size: 1.0rem;
    text-align: left;
}
.plan__main__content__list--item05 ul,
.plan__main__content__list--item04 ul,
.plan__main__content__list--item03 ul,
.plan__main__content__list--item02 ul,
.plan__main__content__list--item01 ul{
    display: block;
}
.plan__main__content__list--item05 ul li,
.plan__main__content__list--item04 ul li,
.plan__main__content__list--item03 ul li,
.plan__main__content__list--item02 ul li,
.plan__main__content__list--item01 ul li{
    width: 100%;
    margin-bottom: 40px;
}
.plan__main__content__list--item04 ul li:nth-last-child(-n+2),
.plan__main__content__list--item02 ul li:nth-last-child(-n+2),
.plan__main__content__list--item01 ul li:nth-last-child(-n+2){
    margin-bottom: 40px;
}     


/* ここから設備 */
.equipment__main{
    width: 100%;
    padding: 20px 3.2% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
    .plan__main__map__lead br{
        display: none;
    }
.equipment__main__list{
    margin: 0 auto 50px;
}
.equipment__main__list ul{
    -js-display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.equipment__main__list ul li{
    width: 31.3333%;
    width : -webkit-calc(33.3333% - 10px);
	width: calc(33.3333% - 10px);
	margin:0 15px 20px 0;
    padding-right: 0;
}
.equipment__main__list ul li:nth-child(10),
.equipment__main__list ul li:nth-child(9),
.equipment__main__list ul li:nth-child(8),
.equipment__main__list ul li:nth-child(7),
.equipment__main__list ul li:nth-child(6){
    margin-bottom: 20px;
}
.equipment__main__list ul li:nth-child(5n){
    padding-right: 0;
}
.equipment__main__list ul li:nth-child(4n){
    margin-right: 15px;
}    
.equipment__main__list ul li:nth-child(3n){
    margin-right: 0;
}      
.equipment__main__list ul li:nth-last-child(-n+5){
    margin-bottom: 20px;
}
.equipment__main__list ul li:nth-last-child(-n+4){
    margin-bottom: 20px;
}   
.equipment__main__list ul li:nth-last-child(-n+3){
    margin-bottom: 0;
}     

    
    
    
    
    
    
    
.equipment__kankyoseino {
    max-width: 428px;
    margin: 40px auto 20px;
}
    
    
    
    

    
} /* media screen */