@charset "UTF-8";

.notice {
letter-spacing:0.3em
}

@media screen and (max-width: 960px) {
.notice {
font-size: 0.9em;
letter-spacing:0.1em
}
}

.plan_image {
margin: 0 0 70px 0;
}

@media screen and (max-width: 960px) {
.plan_image {
margin: 0 0 40px 0;
}
}

.plan_detail {
width: min(1020px, 100%);
margin: 0 auto 70px auto;
}

@media screen and (max-width: 960px) {
.plan_detail {
width: 90%;
margin: 0 auto 40px auto;
}
}


.plan_detail h2 {
width: min(700px, 100%);
margin: 0 auto 70px auto;
box-sizing: border-box;
}

@media screen and (max-width: 960px) {
.plan_detail h2 {
margin: 0 auto 40px auto;
}
}

.plan_detail h2 img { 
display: block;
}


.plan_rooms {
width: min(850px, 100%);
margin: 0 auto 50px auto;
}


.plan_situation {
width: min(1000px, 100%);
margin: 0 auto 70px auto;
}

@media screen and (max-width: 960px) {
.plan_situation {
width: 90%;
margin: 0 auto 40px auto;
}
}


.plan_drawing {
width: 100%;
padding: 55px 0;
background-color: #f4f2eb;
}

@media screen and (max-width: 960px) {
.plan_drawing {
padding: 20px 0;
}
}

.plan_drawing div {
width: min(1000px, 100%);
margin: 0 auto;
}


@media screen and (max-width: 960px) {
.plan_drawing div {
width: 90%;
}
}


.plan_button {
width: 350px;
margin: 60px auto 0 auto;
display: block;
}

@media screen and (max-width: 960px) {
.plan_button {
width: 50%;
}
}


.plan_button:hover {
opacity: 0.7;
transition: 0.3s;
}


.plan_voice {
padding: 60px 0;
}


.plan_voice div {
width: min(1000px, 100%);
margin: 0 auto;
}

@media screen and (max-width: 960px) {
.plan_voice div {
width: 90%;
}
}


.plan_education {
padding: 55px 0;
background-color: #f2f6e9;
}

@media screen and (max-width: 960px) {
.plan_education {
padding: 20px 0;
}
}

.plan_education div {
width: min(1000px, 100%);
margin: 0 auto;
}

@media screen and (max-width: 960px) {
.plan_education div {
width: 90%;
}
}