@charset "UTF-8";
@font-face {
  font-family: "rounded";
  src: url("../font/rounded-mplus-2c-thin.ttf") format("truetype");
  font-weight: 100;
}
@font-face {
  font-family: "rounded";
  src: url("../font/rounded-mplus-2c-light.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "rounded";
  src: url("../font/rounded-mplus-2c-regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "rounded";
  src: url("../font/rounded-mplus-2c-medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "rounded";
  src: url("../font/rounded-mplus-2c-bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "rounded";
  src: url("../font/rounded-mplus-2c-heavy.ttf") format("truetype");
  font-weight: 800;
}
@font-face {
  font-family: "rounded";
  src: url("../font/rounded-mplus-2c-black.ttf") format("truetype");
  font-weight: 900;
}
/*=============================================
基本設定
==============================================*/
/*基本*/
html {
  font-size: 62.5%;
  font-size: 18px;
  scroll-behavior: smooth;
}

body {
  font-family: "rounded", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  font-style: normal;
  font-weight: 300;
}

/*リセット/ノーマライズ/サニタイズ*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
dt,
dd,
figure {
  margin: 0;
  padding: 0;
  font-weight: 400;
}

a {
  text-decoration: none;
  cursor: pointer;
}

img {
  width: 100%;
}

li {
  list-style: none;
}

.container {
  width: 1080px;
  max-width: 1080px;
  margin: 0 auto;
}

section {
  padding: 70px 0;
}

.button {
  display: inline-block;
  background-color: #e74492;
  color: white;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 1.2rem;
  border: 2px solid #e74492;
  min-width: 150px;
  cursor: pointer;
}
.button svg {
  fill: white;
  width: 15px;
  vertical-align: sub;
  margin-left: 5px;
}
.button:hover {
  background-color: white;
  color: #e74492;
  border: 2px solid #e74492;
}
.button:hover svg {
  fill: #e74492;
}
.button:visited {
  color: white;
}
.button:visited:hover {
  color: #e74492;
}
.button:visited:hover svg {
  fill: #e74492;
}

.button_white {
  display: inline-block;
  background-color: white;
  color: #e74492;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 1.2rem;
  border: 2px solid #e74492;
}
.button_white svg {
  fill: white;
  width: 15px;
  vertical-align: sub;
  margin-left: 5px;
}
.button_white:hover {
  background-color: #e74492;
  color: white;
  border: 2px solid #e74492;
}
.button_white:hover svg {
  fill: #e74492;
}
.button_white:visited {
  color: white;
}
.button_white:visited:hover {
  color: #e74492;
}
.button_white:visited:hover svg {
  fill: #e74492;
}

.button_orange {
  background-color: #f5553b;
  color: white;
  border: 2px solid #f5553b;
}
.button_orange:hover {
  background-color: white;
  color: #f5553b;
  border: 2px solid #f5553b;
}
.button_orange:hover svg {
  fill: #e74492;
}
.button_orange:visited {
  color: white;
}
.button_orange:visited:hover {
  color: #f5553b;
}
.button_orange:visited:hover svg {
  fill: #f5553b;
}

.border-box {
  background-color: white;
  border: 2px solid #e74492;
  border-radius: 15px;
}

.title-wrap {
  background-color: #e74492;
  padding: 20px 0;
}

.title-image {
  width: 50%;
  margin: 0 auto;
}

.showSP {
  display: none;
}

@media only screen and (max-width: 767px) {
  .showSP {
    display: block !important;
  }
}
/*========= 英検階段 ===============*/
.graph-image {
  margin-top: 30px;
}

.mail {
  color: #e74492;
}
.mail:visited {
  color: #e74492;
}

.tel-link {
  color: #e74492;
}

.top-tel-link {
  color: white;
}

@media only screen and (min-width: 751px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
@media only screen and (max-width: 1079px) {
  html {
    font-size: 62.5%;
    font-size: 16px;
    scroll-behavior: smooth;
  }
  .container {
    width: 95%;
    margin: 0 auto;
  }
  section {
    padding: 0 0 70px 0;
  }
  .title-wrap {
    background-color: #e74492;
    padding: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  html {
    font-size: 62.5%;
    font-size: 14px;
    scroll-behavior: smooth;
  }
  section {
    padding: 0 0 50px 0;
  }
  .title-image {
    width: 80%;
  }
  .title-wrap {
    background-color: #e74492;
    padding: 20px 0;
  }
}
.entry-header {
  display: none;
}

.entry-content {
  margin: 0px;
}

.entry-footer {
  display: none;
}

.page {
  margin: 0;
}

.p_style {
  margin: 30px 0 0 0;
}

.p_style2 {
  margin: 60px 0 0 0;
}

.tel_link {
  color: #e74492;
}

.text_color_information {
  color: #e74492;
}

.flex {
  display: flex;
}

.title-wrap {
  margin: unset !important;
}

.title-image {
  width: 150px;
  margin: 0 auto;
}

.column {
  background-color: rgba(255, 236, 196, 0.3);
  padding: 50px 0;
}

.pagination {
  text-align: center;
}

.page-numbers {
  background-color: white;
  padding: 10px;
  border-radius: 5px;
  color: #e74492;
  border: 2px solid #e74492;
}
.page-numbers:visited {
  color: #e74492;
}
.page-numbers:visited:hover {
  color: #e74492;
}

.current {
  background-color: #e74492;
  padding: 10px;
  border-radius: 5px;
  border: 2px solid #e74492;
  color: white;
}
.current:visited {
  color: white;
}
.current:visited:hover {
  color: white;
}

.card-list {
  display: grid;
  gap: 24px;
}
@media (min-width: 1024px) {
  .card-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .card-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .card-list {
    grid-template-columns: 1fr;
  }
}

.card {
  border-radius: 15px;
}

.card__link {
  display: block;
  background-color: #fff;
  color: inherit;
  border: 3px solid #ccc;
  border-radius: 15px;
  padding: 10px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.card__link:visited {
  color: inherit;
}
.card__link:hover, .card__link:focus-visible {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
  color: inherit;
}
.card__link:hover .card__image img, .card__link:focus-visible .card__image img {
  transform: scale(1.05);
}
.card__link:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 2px;
}

.card__image {
  aspect-ratio: 1.7777777778;
  overflow: hidden;
  border-radius: 15px;
}
.card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}

.card__title {
  font-size: 1.3rem;
}

.card__body {
  margin: 5px 0 0 0;
}

@media (prefers-reduced-motion: reduce) {
  .card,
  .card__image img {
    transition: none;
  }
}
.title-wrap {
  margin: 30px 0 0 0;
}

.single__column__wrap {
  background-color: white;
  border-radius: 15px;
  border: 2px solid #ccc;
  padding: 20px;
  margin-bottom: 30px;
  word-wrap: break-word;
}

.single__column__title {
  color: #e74492;
  font-size: 1.3rem;
  font-weight: 700;
  border-bottom: 1px solid #e74492;
  margin-bottom: 10px;
}

.single__column__image {
  width: 50%;
  margin: 30px 0;
}

.page-button-area {
  display: flex;
  justify-content: space-between;
}
.page-button-area a {
  color: #e74492;
}
.page-button-area a:visited {
  color: #e74492;
}
.page-button-area a:visited:hover {
  color: #e74492;
}

.fa-caret-left {
  color: #e74492;
  margin-right: 10px;
}

.fa-caret-right {
  color: #e74492;
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  .information-image {
    width: 100%;
    margin: 30px auto 0px;
  }
}/*# sourceMappingURL=column.css.map */