@charset "utf-8";

.dormitory_lead{
font-size: 1.8em !important;
font-weight: bold; !important;
}

.dormitory_container {
display: table;
margin-left: auto;
margin-right: auto;
}

#domitory_single .dormitory_box {
width: 31.2%;
margin-right: 3.2%;
margin-bottom: 40px;
}


/*　　max-width: 1080px
	────────────────────────────────────────────────────── */
@media screen and (max-width: 1080px) { #content { overflow: hidden; } }

/*　　max-width: 790px
	────────────────────────────────────────────────────── */
@media screen and (max-width: 790px) {
.dormitory_container.renew01 { max-width: 345px;}
.dormitory_box{margin: 0 0 40px !important;}
.dormitory_container.renew02 {
max-width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#domitory_single .dormitory_box {
width: 32%;
margin-right: 0;
}

}


/*　　max-width: 640px
	────────────────────────────────────────────────────── */
@media screen and (max-width: 640px) {

.join-text p { font-size: 2rem; } 
.join-title { font-size: 3rem; } 
.join-check img { width: 25px; height: auto; } 
.dormitory_container.renew02 { max-width: 460px; }
#domitory_single .dormitory_box { width: 48%; }

}


/*　　max-width: 480px
	────────────────────────────────────────────────────── */
@media screen and (max-width: 480px) {

#dormitory #domitory_single .dormitory_container {
width: 100% !important;
max-width: 345px !important;
}

}


/*　　max-width: 400px
	────────────────────────────────────────────────────── */
@media screen and (max-width: 400px) { 

.text01 {
text-align: left;
padding-top: 15px;
padding-bottom: 15px;
} 

}