@charset "utf-8";

#main section { margin-top: 6rem; margin-bottom: 0; }
#main .box { padding: 1.5rem; margin-top: 1rem; margin-bottom: 0; background-color: rgba(172, 151, 68, 0.1); }
.rest .cont_inner { margin-top: 0; padding: 3rem 0; }
.course_name { margin-top: 4rem; }
.ptw { display: flex; gap: 3rem; margin-top: 4rem; }
.ptw::after { display: none; }
.ptw.-r { flex-direction: row-reverse; }
.ptw .pw { width: 50%; }
.ptw .tw { width: 50%; }
.ptw .tw p { line-height: 1.4; }
p.s { font-size: 1.4rem; }
#main .cont_inner section:first-child { margin-top: 0; }
.bt-more { background-color: #3f85a2; }
@media screen and (max-width:480px) { /* s */
  .ptw { display: block; width: 80%; margin-left: auto; margin-right: auto; }
  .ptw .pw { width: 100%; margin-bottom: 2rem; }
  .ptw .tw { width: 100%; }
}

/* indexLink ----------*/
#indexLink { display: grid; margin: 4rem 0 0; grid-template-columns: 1fr 1fr 1fr; gap: 0.5rem; }
#indexLink li {}
#indexLink li a { display: grid; height: 12rem; color: #FFF; background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 2rem; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; text-decoration: none; line-height: 1.4; place-items: center; }
#indexLink li a span { text-align: center; }
@media screen and (max-width:480px) { /* s */
  #indexLink { grid-template-columns: 1fr 1fr; }
  #indexLink li a { height: 8rem; }
}

/* otherLink ----------*/
#otherLink {}
#otherLink .other_link { display: grid; padding: 3rem; background-color: rgba(172, 151, 68, 0.1); grid-template-columns: 1fr; gap: 0.4rem; }
#otherLink .other_link li {}
#otherLink .other_link li a { display: grid; color: #333; background-color: #FFF; font-size: 1.6rem; font-weight: bold; text-decoration: none; grid-template-columns: 18rem 1fr 3rem; gap: 4rem; align-items: center; }
#otherLink .other_link li a i { color: #AC9744; font-size: 2rem; }
@media screen and (max-width:480px) { /* s */
  #otherLink .other_link { padding: 1.5rem; }
  #otherLink .other_link li a { line-height: 1.4; grid-template-columns: 12rem 1fr 2rem; gap: 2rem; }
}