@charset "UTF-8";
.redTXT{
	color: #FF0004;
}



/* smp --------------------------------------- */
#top .wrap .content section#design .desBox2 .des08 {
  margin: 0 auto;
}
#top .wrap .content section#plan {
  background: #D9D9D9;
}
#top .wrap .content section#plan .popupArea {
	flex-wrap: wrap;
}
#top .wrap .content section#plan .popupArea .planItem {
  width: 100%;
  margin-bottom: 5%;
}
#top .wrap .content section#design .desBox h2 {
  margin-top: 10%;
}
#top .wrap .content section#zeh {
  padding: 10% 0;
}
#top .wrap .content section#zeh .zehTxtBox {
  width: 80%;
  margin: 0 auto;
}
#top .wrap .content section#zeh .zehTxtBox h3 {
  text-align: left;
}

#outline{
}

#plan{
}

/* PC --------------------------------------- */
@media only screen and (min-width: 961px) {

#top .wrap .content section#plan .popupArea {
    padding: 0 5%;
}
#top .wrap .content section#plan .popupArea .planItem {
  width: 28%;
  margin: 2%;
}
/*#top .wrap .content section#zeh {
  padding-bottom: 150px;
}*/
#top .wrap .content section#zeh h3 {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 60px auto 20px auto;
  }
 
  #outline{
  }

  #plan{
  }
}

/* tablet --------------------------------------- */
@media screen and (min-width: 600px) and (max-width: 960px) {
  #top{
  }

  #outline{
  }

  #plan{
  }
}

/* tablet(landscape) --------------------------------------- */
@media screen and (min-width:961px) and ( max-width:1024px) {
  #top{
  }

  #outline{
  }

  #plan{
  }
}