@charset "utf-8";

@media screen and (max-width: 768px) {
/* -------------------------------------------------------------------
#GRADUATE01
------------------------------------------------------------------- */
#GRADUATE01 {}
.heading-style-1 {
  font-size: 2rem;
}
.heading-style-2 {
  font-size: 2rem;
}





/* nav-section */
.nav-section {
  padding-bottom: 40px;
}
.nav-section ul {
  display: block;
}
.nav-section ul li {
  width: 100%;
}
.nav-section ul li + li {
  margin-top: 10px;
}
.nav-section ul li .common-button {
  font-size: 1.6rem;
}





/* section-1 */
.section-1 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.section-1 .heading-style-1 {
  margin-top: 30px;
}





/* section-2 */
.section-2 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.section-2 .heading-style-2 {
  margin-top: 40px;
}
.section-2 .heading-style-1 {
  margin-top: 30px;
}
.section-2 ul li + li {
  margin-top: 30px;
}
.section-2 ul li > img {
  margin-right: 10px;
}
.section-2 ul li div dl .flex dt {
  flex: 1;
  width: auto;
  margin-right: 0;
}
.section-2 ul li div dl .flex dd {
  flex: unset;
  width: 4em;
  margin-left: 1em;
}





/* section-3 */
.section-3 {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 30px;
}
.section-3 ul li .answer {
  margin-left: 40px;
}
.section-3 ul li .question img {
  margin-right: 10px;
}
.section-3 ul li .question p {
  letter-spacing: 0;
}





/* section-4 */
.section-4 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.section-4 h2 {
  font-size: 2rem;
  letter-spacing: 0;
}





}