@charset "UTF-8";
/* ============================================================
 base
============================================================ */
/* ========== ▼ event_2024_0511-0212 ▼ ========== */

.event_2024_0511-0212 .point-box {
    background-color: #fff;
	box-sizing: border-box;	
}

.event_2024_0511-0212 .point-box h2 > strong {
    color: #408ead;
}

.event_2024_0217-0218 .point-box .order-building > p {
    font-size: .75em;
    margin: 50px 0;
}

.event_2024_0511-0212 h2 span {
    display: block;
    font-size: .75em;
}

.event_2024_0511-0212 h2 span strong {
    font-size: 1.4em;
    color: #4f8971;
}

.event_2024_0511-0212 .link-form a {
    max-width: inherit;
    width: inherit;
    background-color: inherit;
    padding: 0 20px;
    box-shadow: inherit;
}

.event_2024_0511-0212 .building-area {
    background-color: #eeeeef;
    padding: 0 0 50px;
}

.event_2024_0511-0212 .appearance {
    max-width: 400px;
}

.event_2024_0511-0212 .introduction h2 {
    margin: 30px 0 50px;
    line-height: .75em;
    font-size: 3em;
}

.event_2024_0511-0212 .floor-plan ul li span {
    background-color: #000;
}
.event_2024_0511-0212 .building-overview .overflow > .left > .right {
    padding: 15px 0 0;
    box-sizing: border-box;
    height: 100%;
}
.event_2024_0511-0212 .building-overview .overflow > .right {
    background-color: #a18977;
}

.event_2024_0511-0212 .building-overview .overflow > .right .repayment {
    color: #a18977;
}

.event_2024_0511-0212 .txt {
    line-height: 1.6em;
}

.event_2024_0511-0212 .building-introduction {
    margin: 50px auto 0;
	border-radius: 10px;
    box-shadow: 0 0 10px #c0c0c0;
}

.event_2024_0511-0212 .building-area > h2 {
    font-size: 3em;
    font-weight: bold;
    line-height: 1.6em;
    padding: 100px 0 0;
	border-top: 1px solid #d3ded9;
}

.event_2024_0511-0212 .point-box h2 {
    font-size: 3.4em;
    margin: 50px auto 0px;
    line-height: 1.5em;
}

.event_2024_0511-0212 .kikaku-icon {
    width: 90%;
    margin: 90px auto 0;
    max-width: 600px;
}

.event_2024_0511-0212 .building-introduction .building-overview ul li {
    line-height: 1.2em;
}

.event_2024_0511-0212 .area-environment .overflow .left {
    width: 59%;
}

.event_2024_0511-0212 .area-environment .overflow .right {
    width: 40%;
}

.event_2024_0511-0212 .area-environment .overflow .right figure {
    width: 100%;
    position: relative;
    height: 22em;
}

.event_2024_0511-0212 .area-environment .overflow .right figure img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.event_2024_0511-0212 .guidance {
    margin: 75px auto 0;
    line-height: 2em;
}

.event_2024_0511-0212 .building-box.color03 {
    margin: 350px 0 0;
    background-color: #f8f1ca;
    padding: 100px 0 50px;
    overflow: inherit;
}

.event_2024_0511-0212 .building-introduction {
    margin: 60px auto 100px;
    border-radius: 10px;
    box-shadow: 0 0 10px #c0c0c0;
	width: 90%;
}

.event_2024_0511-0212 .bels {
    display: flex;
    border: 3px solid #379838;
    padding: 30px;
    border-radius: 10px;
    margin: 50px 0;
}

.event_2024_0511-0212 .bels figure {
    width: 15%;
    margin: 0 2%;
}

.event_2024_0511-0212 .bels p {
    text-align: left;
    width: 80%;
    margin: 0 0 0 1%;
}

.event_2024_0511-0212 .bels p span {
    display: block;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0 0 5px;
    color: #379838;
}

.event_2024_0511-0212 .building-box.color03 .appearance {
    top: -500px;
    max-width: 450px;
}

.event_2024_0511-0212 .building-box.color03 h2 {
    font-size: 3em;
    font-weight: bold;
    display: block;
    line-height: 2em;
}

.event_2024_0511-0212 .building-box.color03 h2 span {
    font-size: .6em;
    display: block;
    line-height: 1.4em;
}

.event_2024_0511-0212 .about-kikaku .introduction {
    background-color: #fff;
	margin: 50px auto;
}

.event_2024_0511-0212 .building-box {
    padding: 50px 0 0;
}

/* ========== ▲ event_2024_0511-0212 ▲ ========== */



/* ============================================================
 max-width: 644px 
============================================================ */

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

/* ========== ▼ event_2024_0511-0212▼ ========== */	
.event_2024_0511-0212 .appearance {
    top: -70px;
}
	
.event_2024_0511-0212 .introduction h2 {
    margin: 20px 0 30px;
    line-height: 1.4em;
    font-size: 2em;
}

.event_2024_0511-0212 .point-box h2 {
    font-size: 8vw;
}
	
.event_2024_0511-0212 .point-box h2 span {
    font-size: 4vw;
}
	
.event_2024_0511-0212 h2 span {
    font-size: 6vw;
}
	
.event_2024_0511-0212 .building-area > h2 {
    font-size: 8.5vw;
}
	
.event_2024_0511-0212 .building-overview .overflow > .left > .right {
    padding: 15px 0;
}
	
.event_2024_0511-0212 .building-introduction .building-overview ul li {
    padding: 0 1em;
}
	
.event_2024_0511-0212 .building-introduction .floor-plan ul li {
    padding: 0;
    line-height: 2em;
}
	
.event_2024_0511-0212 .about-kikaku .introduction {
    border: 5px solid #024e87;
    padding: 30px 20px;
}
	
.event_2024_0511-0212 .introduction .link-form {
    padding: 0 1em;
	margin: 40px auto;
}
	
.event_2024_0511-0212 .area-environment .overflow .left {
    width: 100%;
}

.event_2024_0511-0212 .area-environment .overflow .right {
    width: 100%;
}
	
.event_2024_0511-0212 .guidance {
    text-align: left;
}
	
.event_2024_0511-0212 .building-box.color03 {
    margin: 200px 0 0;
    background-size: auto auto;
    background-color: rgb(239 226 206);
    background-image: repeating-linear-gradient(90deg, transparent, transparent 10px, rgb(246 235 216) 10px, rgb(246 235 216) 20px );
    padding: 50px 0 50px;
}
	
.event_2024_0511-0212 .building-box.color03 .building-introduction {
    margin: 30px auto 0;
    padding-top: 50px;
}
	
	
.event_2024_0511-0212 .building-box.color03 .appearance {
    top: -330px;
}
	
.event_2024_0511-0212  .consultation-staff h2 {
    margin: 0 0 30px;
}
	
.event_2024_0511-0212 .building-introduction {
    margin: 60px auto 0px;
	}
.event_2024_0511-0212 .point-box p {
    margin-bottom: 50px;
}
	
/* ========== ▲ event_2024_0511-0212 ▲ ========== */	
}