@charset "utf-8";

@media screen and (max-width: 768px) {
/* -------------------------------------------------------------------
.sub-student
------------------------------------------------------------------- */
.sub-student {
  line-height: 2;
}
.sub-student .breadcrumb + section {
  padding-top: 28px;
}
.sub-student .breadcrumb + .copy p {
  font-size: 1.6rem;
}
.sub-student > section:last-of-type {
  padding-bottom: 100px;
}
.sub-student .heading-style-1 span {
  font-size: 2rem;
}
.sub-student .heading-style-1 span {
  font-size: 1.6rem;
}
.sub-student .heading-style-2 {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 15px;
  font-size: 2rem;
}
.sub-student .heading-flex {
  display: block;
}
.sub-student .heading-flex div {
  flex-wrap: wrap;
}
.sub-student .heading-flex div span {
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 0;
}
/* table */
.yen table {
  width: 100%;
}





/* content-1 */
.content-1 {
  padding-bottom: 45px;
}





/* content-2 */
.content-2 {
  padding-bottom: 40px;
}
.content-2 p:nth-of-type(2) span,
.content-2 p:nth-of-type(3) span,
.content-2 p:nth-of-type(4) span {
  font-size: 1.6rem;
}
.content-2 .common-button-pdf {
  width: 100%;
  padding-top: 0.55em;
  padding-right: 34px;
  padding-bottom: 0.55em;
  padding-left: 34px;
  border-radius: 2.95em;
  line-height: 1.5;
}





/* content-3 */
.content-3 {}
.content-3 .inner {
  padding-top: 40px;
  padding-right: 4%;
  padding-bottom: 40px;
  padding-left: 4%;
}
.content-3 p:first-of-type {
  font-size: 2.4rem;
  letter-spacing: 0;
}
.content-3 p:nth-of-type(2) {
  font-size: 2.4rem;
  letter-spacing: 0;
}
.content-3 p:last-of-type {
  margin-bottom: 30px;
}





/* content-4 */
.content-4 {
  padding-bottom: 80px;
}
.content-4 ul li .top {
  align-items: center;
  margin-bottom: 20px;
}
.content-4 ul li h3 {
  font-size: 2.4rem;
  letter-spacing: 0;
}
.content-4 ul li .bottom {
  width: 95%;
  margin: 0 auto;
}
.content-4 ul li .flex + p {
  margin-top: 20px;
}
.content-4 ul li .flex {
  display: block;
}
.content-4 ul li .common-button {
  max-width: 100%;
  margin: 0 auto;
}
.content-4 ul li .flex .common-button + .common-button {
  margin: 0 auto;
  margin-top: 20px;
}





/* content-5 */
.content-5 {}
.content-5 ul li .flex {
  display: block;
}
.content-5 ul li h3 {
  margin-right: 2.5%;
  font-size: 2.4rem;
}
.content-5 ul li .flex h3 {
  width: auto;
  margin-bottom: 10px;
}
.content-5 ul li p {
  margin-right: 2.5%;
  margin-left: 2.5%;
}





/* content-6 */
.content-6 {
  padding-bottom: 40px;
}
.content-6 .container > p {
  margin-bottom: 30px;
}
.content-6 .flex {
  display: block;
  margin-bottom: 30px;
}
.content-6 .flex div {
  width: 100%;
}
.content-6 .flex div + div {
  margin-top: 30px;
}





/* content-7 */
.content-7 {
  padding-bottom: 40px;
}
.content-7 ul li .top {
  align-items: center;
  margin-bottom: 20px;
}
.content-7 ul li h3 {
  font-size: 2.4rem;
  letter-spacing: 0;
}
.content-7 ul li h3 span {
  font-size: 1.6rem;
}
.content-7 ul li .bottom {
  width: 95%;
  margin: 0 auto;
}
.content-7 ul li table {
  font-size: 1.6rem;
}
.content-7 ul li table tbody tr td:first-of-type {
  width: 5em;
}
.content-7 .common-button-pdf {
  width: 100%;
}





/* content-8 */
.content-8 {}





/* content-9 */
.content-9 {
  padding-bottom: 40px;
}





/* content-10 */
.content-10 {
  padding-bottom: 40px;
}
.content-10 .table-2 + p {
  margin-top: 40px;
}





/* content-11 */
.content-11 {}
.content-11 .container > .flex {
  display: block;
  margin-top: 20px;
  margin-bottom: 40px;
}
.content-11 .container > .flex .common-button-pdf {
  width: 100%;
}
.content-11 .container > .flex .common-button-pdf + .common-button-pdf {
  margin-top: 20px;
}
.content-11 .inner-1 {
  margin-bottom: 40px;
}
.content-11 .inner-1 ol li .top img {
  margin-right: 10px;
}
.content-11 .inner-1 ol li .top h4 {
  font-size: 2rem;
  letter-spacing: 0;
}
.content-11 .inner-1 ol li .bottom {
  margin-left: 0;
}
.content-11 .inner-1 ol li:last-of-type .bottom .flex span {
  margin-right: 1em;
  margin-left: 1em;
}
.content-11 .inner-2 ul li + li {
  margin-top: 20px;
}
.content-11 .inner-2 ul li h4 {
  letter-spacing: 0;
}
.content-11 .inner-2 .common-button-pdf {
  width: 100%;
  margin-top: 40px;
}





/* content-12 */
.content-12 {
  padding-bottom: 40px;
}
.content-12 p + h3 {
  margin-top: 30px;
}





/* content-13 */
.content-13 {
  padding-bottom: 40px;
}





/* content-14 */
.content-14 {
  padding-bottom: 40px;
}
.content-14 ul li h4 {
  font-size: 1.8rem;
  letter-spacing: 0;
}





/* content-15 */
.content-15 {
  padding-bottom: 40px;
}





/* content-16 */
.content-16 {
  padding-bottom: 40px;
}
.content-16 .heading-style-2 {
  margin-top: 30px;
}
.content-16 .inner-1 {
  font-size: 1.6rem;
}
.content-16 .inner-1 > .common-list > li {
  display: block;
  padding-top: 20px;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  border-radius: 10px;
}
.content-16 .inner-1 > .common-list > li h4 {
  margin-right: 0;
}
.content-16 .inner-1 > .common-list > li h4 span {
  font-size: 2rem;
}
.content-16 .inner-1 > .common-list > li .body {
  margin-top: 10px;
}
.content-16 .inner-1 > .common-list > li .body .block div:first-of-type {
  font-size: 2rem;
}
.content-16 .inner-1 > .common-list > li .body .block div:last-of-type {
  padding-right: 10px;
  padding-left: 10px;
}
.content-16 .inner-1 > .common-list > li .body .block div:last-of-type ul {
  display: block;
}
.content-16 .inner-1 > .common-list > li .body .block div:last-of-type ul li {
  margin-right: 0;
}
.content-16 .inner-2 ul {
  display: block;
}
.content-16 .inner-2 ul li {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 10px;
}
.content-16 .inner-2 ul li + li {
  margin-top: 15px;
}
.content-16 .inner-2 ul li > p {
  font-size: 2rem;
}
.content-16 .inner-2 ul li .body .flex p {
  font-size: 1.8rem;
}
.content-16 .inner-2 > p {
  margin-bottom: 30px;
  font-size: 1.6rem;
}





/* content-17 */
.content-17 {
  padding-bottom: 40px;
}
.content-17 .common-button-other {
  padding-right: 34px;
  margin-top: 20px;
}
.content-17 .heading-style-2 {
  margin-top: 30px;
}
.content-17 .inner-4 .sp {
  text-align: center;
}
.content-17 .inner-4 .sp h4 {
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 10px;
  margin-bottom: 30px;
  text-align: left;
  background-color: #0ea2aa;
  color: #fff;
}
.content-17 .inner-4 .sp h4 span {
  padding-left: 10px;
  margin-right: 10px;
  font-size: 2rem;
}
.content-17 .inner-4 .sp .block {
  display: flex;
}
.content-17 .inner-4 .sp .block + .block {
  position: relative;
  margin-top: 70px;
}
.content-17 .inner-4 .sp .block + .block::after {
  content: "";
  background-image: url(../../../img/student/sub/arrow-bottom-green.png);
  background-size: cover;
  position: absolute;
  top: -57px;
  right: calc((100% - 133px) / 2 - 22px);
  width: 40px;
  height: 44px;
}
.content-17 .inner-4 .sp .block > span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 123px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #0ea2aa;
  border-radius: 10px;
  margin-right: 10px;
  font-size: 2rem;
  line-height: 1;
}
.content-17 .inner-4 .sp .block > div {
  flex: 1;
}
.content-17 .inner-4 .sp .block > div p + p {
  margin-top: 10px;
}
.content-17 .inner-4 .sp .block > div .bg {
  padding-top: 7px;
  padding-right: 0.5em;
  padding-bottom: 7px;
  padding-left: 0.5em;
  border-radius: 10px;
  background-color: #e6f6f6;
}
.content-17 .inner-4 .sp .block > div p.small {
  font-size: 1.4rem;
}
.content-17 .inner-4 .sp .block > div img {
  width: 24px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.content-17 .inner-4 .sp > p {
  padding-top: 11px;
  padding-bottom: 11px;
  border-radius: 10px;
  margin-top: 14px;
  margin-bottom: 30px;
  font-size: 2rem;
  line-height: 1;
  background-color: #f4f4f4;
}





/* content-18 */
.content-18 {
  padding-bottom: 40px;
}
.content-18 p {
  font-size: 2rem;
}
.content-18 .common-button {
  margin-top: 20px;
}





/* content-19 */
.content-19 {
  padding-bottom: 40px;
}
.content-19 .container > ul {
  display: block;
}
.content-19 .container > ul > li + li {
  margin-top: 20px;
  margin-left: 0;
}





/* content-20 */
.content-20 {
  padding-bottom: 40px;
}
.content-20 .container > ul > li {
  width: 48.5%;
}
.content-20 .container > ul > li:nth-of-type(n + 3) {
  margin-top: 15px;
}
.content-20 .container > ul > li .common-button {
  padding-top: 15px;
  padding-right: 3.125vw;
  padding-bottom: 15px;
  /* border-radius: calc(15px + 1.3vw); */
  border-radius: calc(15px + 1.5vw);
  /* font-size: 2.6vw; */
  font-size: 3vw;
}
.content-20 .container > ul > li .common-button::after {
  right: 3.125vw;
  width: calc(18 / 768 * 100vw);
  height: calc(11 / 768 * 100vw);
}
.content-20 .heading-style-2 {
  margin-top: 30px;
}
.content-20 .heading-style-2 img {
  margin-right: 10px;
}
.content-20 .heading-style-2 span {
  font-size: 2rem;
}
.content-20 h4 {
  font-size: 1.8rem;
}
.content-20 .caution {
  font-size: 1.6rem;
  letter-spacing: 0;
}
.content-20 .caution > span {
  width: 85px;
}
.content-20 .inner-2 ol li .flex {
  display: block;
}
.content-20 .inner-2 ol li .flex p {
  margin-right: 0;
}
.content-20 .inner-2 ol li .flex .common-button {
  margin-left: -16px;
}
.content-20 .inner-3 p + p {
  font-size: 1.6rem;
}





/* content-21 */
.content-21 ul li {
  width: 48.5%;
  margin-top: 15px;
}
.content-21 ul li .common-button {
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: calc(10px + 1.25vw);
  font-size: 2.5vw;
}
.content-21 ul li .common-button::after {
  width: calc(9 / 768 * 100vw);
  height: calc(14 / 768 * 100vw);
}





}