@charset "utf-8"; /*============================
#middle_1f
============================*/
#promo {
    background-image: url(../images/floor1f/floor1f_main.jpg) ;
}

.cmn_habitat_area {
    margin-bottom: 7rem;
}

.cmn_habitat_area .img_area {
    right: calc(50% - 46rem);
}

.cmn_habitat_box .inner .area_a p.txt {
    margin-bottom: 5rem;
}

.cmn_habitat_box .inner .area_a p.txt .txt_mb01 {
    display: block;
    margin-bottom: 4rem;
}

.cmn_habitat_area h2.main_ttl span.ja.ttl_mb {
    margin-bottom: 2rem;
}

.cmn_habitat_area h2.main_ttl span.en.ttl_pd {
    padding-left: 0;
}

#fureai_1f .cmn_habitat_area .img_area02 {
	top: 0;
}

/*============================
#facility
============================*/
#facility .sec__inner h2.main_ttl {
    color: #2EC2DB;
    font-weight: bold;
    text-align: center;
    border: 4px solid #2EC2DB;
    font-size: 3.2rem;
    min-height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6rem;
}

#facility .sec__inner ul.items {
    margin-bottom: -6rem;
}

#facility .sec__inner ul.items li {
    margin-bottom: 6rem;
}

#facility .sec__inner ul.items li p.img {
    width: 40rem;
    margin-right: 6rem;
}

#facility .sec__inner ul.items li p.img img {
    width: 100%;
}

#facility .sec__inner ul.items li .txt_wrap {
    width: calc(100% - 40rem - 6rem);
}

#facility .sec__inner ul.items li .txt_wrap h3.ttl {
    font-size: 2.8rem;
    font-weight: bold;
    color: #0079C2;
    margin-bottom: 2.5rem;
    margin-top: -1rem;
}

#facility .sec__inner ul.items li .txt_wrap p.txt {
    margin-bottom: 3.5rem;
}

#facility .sec__inner ul.items li .txt_wrap p.btn a {
    font-size: 18px;
    font-weight: 500;
    color: #0055B8;
    border: 2px solid #B3B3B3;
    border-radius: 30px;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 6rem;
    max-width: 25.5rem;
    padding: 1rem 3rem;
}

#facility .sec__inner ul.items li .txt_wrap p.btn a::after {
    position: absolute;
    content: "";
    background: url("../images/common/btn_icon.png") no-repeat 50% / contain;
    width: 2.2rem;
    height: 2.2rem;
    top: 50%;
    right: 1.9rem;
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
	#promo {
		background-image: url(../images/floor1f/floor1f_main_sp.jpg) ;
	}
	
	.cmn_habitat_box .inner .area_a p.txt .txt_mb01{
		margin-bottom: 5rem;
	}
	
	#amazon_1f p.main_lead img{
		width: 51.9rem;
	}
	
	#amazon_1f h2.main_ttl span img{
		width: 42rem;
	}
	
	#capybara_1f p.main_lead img{
		width: 62.4rem;
	}
	
	#capybara_1f h2.main_ttl span img{
		width: 58.5rem;
	}
	
	#fureai_1f p.main_lead img{
		width: 54.7rem;
	}
	
	#fureai_1f h2.main_ttl span img{
		width: 51rem;
	}
	
	#elephant_trtle_1f p.main_lead img{
		width: 39.2rem;
	}
	
	#elephant_trtle_1f h2.main_ttl span img{
		width: 58.6rem;
	}
	
	#waterside_1f p.main_lead img{
		width: 60.7rem;
	}
	
	#waterside_1f h2.main_ttl span img{
		width: 59rem;
	}
	
    /*============================
#facility
============================*/
    #facility .sec__inner h2.main_ttl {
        font-size: 4rem;
        border-width: .6rem;
        min-height: 12rem;
    }

    #facility .sec__inner ul.items li {
        margin-bottom: 7rem;
    }

    #facility .sec__inner ul.items li p.img {
        width: 100%;
        margin: 0 0 6rem;
    }

    #facility .sec__inner ul.items li .txt_wrap {
        width: 100%;
    }

    #facility .sec__inner ul.items li .txt_wrap h3.ttl {
        font-size: 3.6rem;
    }

    #facility .sec__inner ul.items li .txt_wrap p.txt {
        margin: 0;
    }

    #facility .sec__inner ul.items li .txt_wrap p.btn a {
        max-width: none;
        width: 42rem;
        margin: 5rem auto 0;
        min-height: 10rem;
        border-width: .3rem;
        font-size: 3rem;
        justify-content: center;
    }

    #facility .sec__inner ul.items li .txt_wrap p.btn a::after {
        width: 4rem;
        height: 4rem;
		right: 3rem;
    }
}