@charset "utf-8";

/* ==========================================================================
  common
  ========================================================================== */
.sectionTtl {
  font-weight: 100;
  line-height: 1;
}
.sectionTtl span {
  margin-bottom: 5px;
  color: #ff456a;
  font-family: "Advent Pro", sans-serif;
  font-weight: 600;
  letter-spacing: 0.16em;
}
.sectionTtl sub {
  bottom: -0.5em;
}

@media screen and (max-width: 767px) {
  .sectionTtl {
    font-size: 2.3rem;
  }
  .sectionTtl span {
    display: block;
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  .sectionTtl {
    font-size: 3.6rem;
  }
  .sectionTtl span {
    display: inline-block;
    margin-right: 20px;
    font-size: 2rem;
    line-height: 40px;
    vertical-align: top;
  }
}

/* ==========================================================================
  toParents
  ========================================================================== */
.toParents {
}
.toParents .container {
}
.toParents .sectionTtl {
}
.toParents .column {
}
.toParents .columnItem {
}
.toParents .imgArea {
}
.toParents .imgArea img {
  width: 100%;
  height: auto;
}
.toParents .txtArea {
}
.toParents .txtArea h4 {
  border-left: 3px solid #00b7e7;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
}
.toParents .txtArea p {
  margin: 0;
  letter-spacing: 0.05em;
}
.toParents .txtArea p a {
  color: #ff456a;
  border-bottom: 1px solid #ff456a;
}
.toParents .txtArea p a[target="_blank"]::after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212px%22%20height%3D%2212px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%2069%2C%20106)%22%20d%3D%22M10.999%2C12.000%20L7.000%2C12.000%20L7.000%2C11.000%20L10.999%2C11.000%20L10.999%2C0.999%20L0.999%2C0.999%20L0.999%2C5.001%20L0.000%2C5.001%20L0.000%2C0.999%20L0.000%2C-0.001%20L0.999%2C-0.001%20L10.999%2C-0.001%20L12.001%2C-0.001%20L12.001%2C0.999%20L12.001%2C11.000%20L12.001%2C12.000%20L10.999%2C12.000%20ZM0.999%2C8.000%20L0.999%2C7.001%20L4.000%2C7.001%20L5.000%2C7.001%20L5.000%2C8.000%20L5.000%2C11.000%20L4.000%2C11.000%20L4.000%2C8.724%20L1.120%2C11.605%20L0.412%2C10.898%20L3.309%2C8.000%20L0.999%2C8.000%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .toParents {
    margin-bottom: 30px;
    padding-bottom: 35px;
    border-bottom: 1px solid #b3b3b3;
  }
  .toParents .container {
  }
  .toParents .sectionTtl {
    margin: 0 0 35px;
  }
  .toParents .column {
  }
  .toParents .columnItem {
    margin-bottom: 40px;
  }
  .toParents .columnItem:last-child {
    margin-bottom: 0;
  }
  .toParents .imgArea {
    margin-bottom: 30px;
  }
  .toParents .imgArea img {
  }
  .toParents .txtArea {
  }
  .toParents .txtArea h4 {
    margin: 0 0 20px;
    padding-left: 7px;
    font-size: 1.4rem;
  }
  .toParents .txtArea p {
    font-size: 1.3rem;
  }
  .toParents .txtArea p a[target="_blank"]::after {
    width: 9px;
    height: 9px;
    margin-left: 3px;
  }
  .toParents .txtArea .btnLink {
    margin: 20px auto 0;
    width: 200px;
  }
}

@media screen and (min-width: 768px) {
  .toParents {
    margin-bottom: 60px;
  }
  .toParents .container {
    max-width: none;
    margin: 0;
    padding: 0;
  }
  .toParents .sectionTtl {
    max-width: 1120px;
    margin: 0 auto 55px;
    padding: 0 20px;
  }
  .toParents .column {
    margin-bottom: 120px;
  }
  .toParents .columnItem {
  }
  .toParents .imgArea {
    margin-bottom: 55px;
  }
  .toParents .imgArea img {
  }
  .toParents .txtArea {
    padding: 0 16.82%;
    border-left: 1px solid #b3b3b3;
  }
  .toParents .columnItem:first-child .txtArea {
    border-left: none;
  }
  .toParents .txtArea h4 {
    margin: 0 0 25px;
    padding-left: 10px;
    font-size: 1.8rem;
  }
  .toParents .txtArea p {
    font-size: 1.5rem;
  }
  .toParents .txtArea p a {
    transition: border-color 0.2s ease-out;
  }
  .toParents .txtArea p a:hover {
    border-color: #fff;
    transition: border-color 0.2s ease-out;
  }
  .toParents .txtArea p a[target="_blank"]::after {
    width: 12px;
    height: 12px;
    margin-left: 5px;
  }
  .toParents .txtArea .btnLink {
    margin-top: 20px;
    width: 240px;
  }
  .toParents .hr {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
    border-bottom: 1px solid #b3b3b3;
  }
}

/* ==========================================================================
  activity
  ========================================================================== */
.activity {
}
.activity .container {
}
.activity .sectionTtl {
}
.activity .column {
}
.activity .columnItem {
}
.activity .imgArea {
}
.activity .imgArea img {
  width: 100%;
  height: auto;
}
.activity .txtArea {
}
.activity .txtArea h4 {
  margin: 0 0 15px;
  border-left: 3px solid #00b7e7;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
}
.activity .txtArea p {
  margin: 0;
  letter-spacing: 0.05em;
}
.activity .txtArea a {
  position: relative;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2211px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%2069%2C%20106)%22%20d%3D%22M15.782%2C4.974%20L11.021%2C0.218%20C10.730%2C-0.073%2010.259%2C-0.073%209.968%2C0.218%20C9.677%2C0.508%209.677%2C0.978%209.968%2C1.269%20L13.458%2C4.757%20L0.743%2C4.757%20C0.333%2C4.757%200.000%2C5.089%200.000%2C5.500%20C0.000%2C5.910%200.333%2C6.244%200.743%2C6.244%20L13.458%2C6.244%20L9.968%2C9.731%20C9.677%2C10.021%209.677%2C10.492%209.968%2C10.782%20C10.113%2C10.927%2010.305%2C11.001%2010.495%2C11.001%20C10.685%2C11.001%2010.875%2C10.927%2011.021%2C10.782%20L15.782%2C6.025%20C16.072%2C5.735%2016.072%2C5.265%2015.782%2C4.974%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: left center;
  background-repeat: no-repeat;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
  .activity {
    margin-bottom: 30px;
    padding-bottom: 35px;
    border-bottom: 1px solid #b3b3b3;
  }
  .activity .container {
  }
  .activity .sectionTtl {
    margin: 0 0 25px;
  }
  .activity .column {
  }
  .activity .columnItem {
    margin-top: 30px;
  }
  .activity .columnItem:first-child {
    margin-top: 0;
  }
  .activity .imgArea {
    margin-bottom: 20px;
  }
  .activity .imgArea img {
  }
  .activity .txtArea {
  }
  .activity .txtArea h4 {
    padding-left: 7px;
    font-size: 1.4rem;
  }
  .activity .txtArea p {
    font-size: 1.3rem;
  }
  .activity .txtArea a {
    display: inline-block;
    padding: 0 18px;
    background-size: 14px 10px;
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 768px) {
  .activity {
    margin-bottom: 50px;
  }
  .activity .container {
  }
  .activity .sectionTtl {
    margin: 0 0 80px;
  }
  .activity .column {
    padding-bottom: 45px;
    border-bottom: 1px solid #b3b3b3;
  }
  .activity .columnItem {
    width: 31.25% !important;
    margin-top: 60px;
  }
  .activity .columnItem:nth-child(-n + 3) {
    margin-top: 0;
  }
  .activity .imgArea {
    margin-bottom: 25px;
  }
  .activity .imgArea img {
  }
  .activity .txtArea {
  }
  .activity .txtArea h4 {
    padding-left: 10px;
    font-size: 1.8rem;
  }
  .activity .txtArea p {
    font-size: 1.5rem;
  }
  .activity .txtArea a {
    padding-left: 25px;
    background-size: 16px 10px;
    font-size: 1.5rem;
    transition: all 0.2s ease-out;
  }
  .activity .txtArea a:hover {
    color: #ff456a;
    background-position: 5px center;
    transition: all 0.2s ease-out;
  }
}

/* ==========================================================================
  schedule
  ========================================================================== */
.schedule {
}
.schedule .container {
}
.schedule .imgArea {
}
.schedule .imgArea img {
  width: 100%;
  height: auto;
}
.schedule .txtArea {
}
.schedule .txtArea h4 {
  border-left: 3px solid #00b7e7;
  letter-spacing: 0.05em;
  line-height: 1;
}
.schedule .txtArea p {
  letter-spacing: 0.05em;
}
.schedule .btnLink {
}

@media screen and (max-width: 767px) {
  .schedule {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #b3b3b3;
  }
  .schedule .container {
  }
  .schedule .imgArea {
    margin-bottom: 25px;
  }
  .schedule .imgArea img {
  }
  .schedule .txtArea {
  }
  .schedule .txtArea h4 {
    margin: 0 0 20px;
    padding-left: 7px;
  }
  .schedule .txtArea p {
    margin: 0 0 20px;
  }
  .schedule .btnLink {
    width: 76.78%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .schedule {
    margin-bottom: 100px;
  }
  .schedule .container {
    display: flex;
  }
  .schedule .column {
    width: 100%;
    padding-bottom: 60px;
    border-bottom: 1px solid #b3b3b3;
    box-sizing: border-box;
  }
  .schedule .imgArea {
    width: 31.25%;
  }
  .schedule .imgArea img {
  }
  .schedule .txtArea {
    width: 66.07%;
  }
  .schedule .txtArea h4 {
    margin: 0 0 30px;
    padding-left: 10px;
    font-size: 1.8rem;
  }
  .schedule .txtArea p {
    margin: 0 0 25px;
    font-size: 1.5rem;
  }
  .schedule .btnLink {
    width: 250px;
  }
}

/* ==========================================================================
  highSchool
  ========================================================================== */
.highSchool {
}
.highSchool .container {
}
.highSchool .sectionTtl {
}
.highSchool .column {
}
.highSchool .imgArea {
}
.highSchool .imgArea img {
  width: 100%;
  height: auto;
}
.highSchool .txtArea {
}
.highSchool .txtArea p {
  margin: 0 0 20px;
  letter-spacing: 0.05em;
}
.highSchool .txtArea .btnLink {
}

@media screen and (max-width: 767px) {
  .highSchool {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #b3b3b3;
  }
  .highSchool .container {
  }
  .highSchool .sectionTtl {
    margin: 0 0 25px;
  }
  .highSchool .column {
  }
  .highSchool .imgArea {
    margin-bottom: 25px;
  }
  .highSchool .imgArea img {
  }
  .highSchool .txtArea {
  }
  .highSchool .txtArea p {
    font-size: 1.3rem;
  }
  .highSchool .txtArea .btnLink {
    width: 66%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .highSchool {
    margin-bottom: 100px;
  }
  .highSchool .container {
  }
  .highSchool .sectionTtl {
    margin: 0 0 65px;
  }
  .highSchool .column {
    padding-bottom: 80px;
    border-bottom: 1px solid #b3b3b3;
  }
  .highSchool .imgArea {
    width: 31.25%;
    order: 1;
  }
  .highSchool .imgArea img {
  }
  .highSchool .txtArea {
    width: 64.28%;
    order: 0;
  }
  .highSchool .txtArea p {
    margin: 0 0 30px;
    font-size: 1.5rem;
  }
  .highSchool .txtArea .btnLink {
    width: 210px;
  }
}

/* ==========================================================================
  work
  ========================================================================== */
.work {
}
.work .container {
}
.work .sectionTtl {
}
.work .column {
}
.work .imgArea {
}
.work .imgArea img {
  width: 100%;
  height: auto;
}
.work .txtArea {
}
.work .txtArea p {
  margin: 0 0 20px;
  letter-spacing: 0.05em;
}
.work .txtArea .btnLink {
}

@media screen and (max-width: 767px) {
  .work {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #b3b3b3;
  }
  .work .container {
  }
  .work .sectionTtl {
    margin: 0 0 25px;
  }
  .work .column {
  }
  .work .imgArea {
    margin-bottom: 25px;
  }
  .work .imgArea img {
  }
  .work .txtArea {
  }
  .work .txtArea p {
    font-size: 1.3rem;
  }
  .work .txtArea .btnLink {
    width: 66%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .work {
    margin-bottom: 100px;
  }
  .work .container {
  }
  .work .sectionTtl {
    margin: 0 0 65px;
  }
  .work .column {
    padding-bottom: 80px;
    border-bottom: 1px solid #b3b3b3;
  }
  .work .imgArea {
    width: 31.25%;
    order: 1;
  }
  .work .imgArea img {
  }
  .work .txtArea {
    width: 64.28%;
    order: 0;
  }
  .work .txtArea p {
    margin: 0 0 30px;
    font-size: 1.5rem;
  }
  .work .txtArea .btnLink {
    width: 210px;
  }
}

/* ==========================================================================
  album
  ========================================================================== */
.album {
}
.album .container {
}
.album .sectionTtl {
}
.album .column {
}
.album .imgArea {
}
.album .imgArea img {
  width: 100%;
  height: auto;
}
.album .txtArea {
}
.album .txtArea p {
  margin: 0 0 20px;
  letter-spacing: 0.05em;
}
.album .txtArea .btnLink {
}

@media screen and (max-width: 767px) {
  .album {
  }
  .album .container {
  }
  .album .sectionTtl {
    margin: 0 0 25px;
  }
  .album .column {
  }
  .album .imgArea {
    margin-bottom: 25px;
  }
  .album .imgArea img {
  }
  .album .txtArea {
  }
  .album .txtArea p {
    font-size: 1.3rem;
  }
  .album .txtArea .btnLink {
    width: 66%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .album {
  }
  .album .container {
  }
  .album .sectionTtl {
    margin: 0 0 65px;
  }
  .album .column {
  }
  .album .imgArea {
    width: 31.25%;
    order: 1;
  }
  .album .imgArea img {
  }
  .album .txtArea {
    width: 64.28%;
    order: 0;
  }
  .album .txtArea p {
    margin: 0 0 30px;
    font-size: 1.5rem;
  }
  .album .txtArea .btnLink {
    width: 210px;
  }
}