img {
  border-radius: 20px;
}

.programs .programs_contents .hed_box {
  background-color: #ef8291;
  color: white;
}
.programs .programs_contents .hed_box .hede {
  font-family: "Noto Serif JP", serif;
}
.programs .programs_contents .contents {
  color: #77155a;
}
.programs .programs_contents .circle_box {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
}
.programs .programs_contents .circle_box .circle01 {
  background-color: #fce8e6;
  color: #ef8291;
}
.programs .programs_contents .circle_box .circle02 {
  background-color: #f0e6fc;
  color: #77155a;
}
.programs .programs_contents .circle_box .circle {
  border-radius: 50%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 768px) {
  .programs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
  }
  .programs .programs_contents {
    width: 50%;
  }
  .programs .programs_contents .hed_box {
    font-size: 30px;
    padding: 15px 20px;
    line-height: 1;
  }
  .programs .programs_contents .hed_box span {
    font-size: 15px;
  }
  .programs .programs_contents .contents {
    font-size: 18px;
    margin: 20px 10px;
  }
  .programs .programs_contents p {
    margin: 0 10px;
  }
  .programs .programs_contents .circle_box {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
  }
  .programs .programs_contents .circle_box .circle {
    width: 230px;
    height: 230px;
    padding: 35px 20px;
  }
  .programs .programs_contents .circle_box .circle .label {
    width: 100%;
  }
  .programs .programs_contents .circle_box .circle .title {
    font-size: 23px;
  }
  .programs .img {
    width: 45%;
  }
}
@media (max-width: 767.98px) {
  .programs .programs_contents .hed_box {
    font-size: 20px;
    padding: 10px 15px;
    line-height: 1.3;
  }
  .programs .programs_contents .hed_box span {
    font-size: 15px;
  }
  .programs .programs_contents .contents {
    font-size: 16px;
    margin: 15px 10px;
  }
  .programs .programs_contents p {
    margin: 0 10px;
  }
  .programs .programs_contents .circle_box {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
  }
  .programs .programs_contents .circle_box .circle {
    width: 170px;
    height: 170px;
    padding: 20px;
  }
  .programs .programs_contents .circle_box .circle .title {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 5px;
  }
  .programs .img {
    margin-bottom: 40px;
  }
}

.charm {
  background-color: #fce8e6;
  border-radius: 70px;
  padding: 20px 0;
  text-align: center;
  font-weight: 500;
}
.charm span {
  color: #77155a;
}
@media (min-width: 768px) {
  .charm {
    font-size: 18px;
    margin-top: 50px;
  }
  .charm span {
    font-size: 23px;
  }
}
@media (max-width: 767.98px) {
  .charm {
    margin: 40px 0;
  }
  .charm span {
    font-size: 18px;
  }
}

.charm_contents {
  background-color: white;
  border-radius: 20px;
}
.charm_contents .charm_point {
  display: flex;
  color: white;
  font-weight: bold;
  align-items: center;
  background-color: #77155a;
  border-radius: 10px;
}
.charm_contents .charm_point .no {
  background-color: white;
  border-radius: 50%;
  color: #77155a;
  display: flex;
  justify-content: center;
  align-items: center;
}
.charm_contents .lede {
  color: #77155a;
  font-weight: bold;
}
.charm_contents .lede02 span {
  color: #77155a;
}
.charm_contents .parple {
  color: #77155a;
  font-weight: 500;
  margin: 20px 0;
}
.charm_contents .lead03 span {
  border: 1px solid;
  border-radius: 15px;
}
.charm_contents .attention {
  text-align: right;
}
@media (min-width: 768px) {
  .charm_contents {
    margin: 50px 0 0;
    padding: 50px;
  }
  .charm_contents .charm_point {
    font-size: 23px;
    margin-bottom: 10px;
    padding: 15px 20px;
  }
  .charm_contents .charm_point .no {
    width: 35px;
    height: 35px;
    margin-right: 10px;
  }
  .charm_contents .lede {
    font-size: 20px;
    margin: 30px 0 20px;
  }
  .charm_contents .lede02 {
    font-size: 16px;
    margin-top: 20px;
  }
  .charm_contents .lede02 span {
    font-size: 20px;
    font-weight: 500;
  }
  .charm_contents .lead03 {
    font-size: 20px;
    margin-top: 50px;
  }
  .charm_contents .lead03 span {
    padding: 5px 10px;
    margin-right: 10px;
  }
  .charm_contents .parple {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  .charm_contents {
    margin-top: 30px;
    padding: 20px;
  }
  .charm_contents .charm_point {
    font-size: 18px;
    margin-bottom: 10px;
    padding: 3px 10px;
  }
  .charm_contents .charm_point .no {
    width: 23px;
    height: 23px;
    margin-right: 5px;
  }
  .charm_contents .lede {
    font-size: 16px;
    padding: 10px 0;
    margin: 20px 0;
  }
  .charm_contents .lede02 {
    font-size: 15px;
    margin-top: 20px;
  }
  .charm_contents .lede02 span {
    font-size: 18px;
    font-weight: 500;
  }
  .charm_contents .lead03 {
    font-size: 16px;
    margin-top: 30px;
  }
  .charm_contents .lead03 span {
    padding: 2px 5px;
  }
  .charm_contents .parple {
    font-size: 16px;
  }
}

.charm_box .box_mini {
  background-color: #fce8e6;
  border-radius: 20px;
}
.charm_box .box_mini .hed {
  background-color: #fdf8f7;
  border-radius: 20px 20px 0 0;
  color: #ef8291;
  text-align: center;
  font-weight: 500;
}
.charm_box .box_mini ul {
  margin: 10px;
}
.charm_box .box_mini ul li {
  margin-bottom: 5px;
  text-indent: -1em;
  padding-left: 1em;
}
.charm_box .box_mini ul li::before {
  content: "";
  background: #ef8291;
  border-radius: 50%;
  margin-right: 8px;
  display: inline-block;
}
.charm_box .box_mini .img img {
  border-radius: 0 0 20px 20px;
}
.charm_box .box_mini .fleximg {
  display: flex;
}
@media (min-width: 768px) {
  .charm_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .charm_box .box_mini {
    width: 45%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-top: 20px;
  }
  .charm_box .box_mini .hed {
    font-size: 18px;
    padding: 10px 0;
    width: 100%;
  }
  .charm_box .box_mini ul li::before {
    width: 12px;
    height: 12px;
  }
  .charm_box .box_mini p {
    padding: 30px;
  }
  .charm_box .boxL {
    width: 100%;
  }
  .charm_box .boxL img {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  .charm_box .box_mini {
    margin-bottom: 20px;
  }
  .charm_box .box_mini .hed {
    font-size: 14px;
    padding: 10px 0;
    width: 100%;
  }
  .charm_box .box_mini ul li::before {
    width: 10px;
    height: 10px;
  }
  .charm_box .box_mini .fleximg img {
    width: 50%;
  }
  .charm_box .box_mini p {
    padding: 20px;
  }
}

.point_box {
  background-color: #fdf8f7;
  border-radius: 20px;
  color: #ef8291;
  font-weight: 500;
  position: relative;
}
.point_box .tag {
  background-color: #ef8291;
  border-radius: 50%;
  color: white;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.point_box p {
  text-align: center;
  color: black;
}
.point_box p span {
  color: #77155a;
}
@media (min-width: 768px) {
  .point_box {
    padding: 30px;
    width: 80%;
    margin: 50px auto;
    font-size: 18px;
  }
  .point_box .tag {
    width: 80px;
    height: 80px;
    top: -21px;
    left: -40px;
  }
}
@media (max-width: 767.98px) {
  .point_box {
    padding: 30px 15px;
    margin: 50px 0 20px;
    font-size: 15px;
  }
  .point_box .tag {
    width: 60px;
    height: 60px;
    top: -32px;
    left: 0;
  }
}

.timetable {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}
.timetable th, .timetable td {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
}
.timetable thead th {
  background-color: #f2f2f2;
}
.timetable tbody th {
  background-color: #f2f2f2;
}
.timetable tbody td {
  background-color: white;
}
.timetable tbody .break-time {
  font-weight: bold;
  color: #666;
}
.timetable tbody .break-time td {
  background-color: #fce8e6;
}

.roadmap .grade1st {
  background-color: #fce8e6;
  color: #ef8291;
}
.roadmap .grade1stb {
  border: 1px solid #ef8291;
}
.roadmap .grade1stb .item {
  background-color: #fce8e6;
  color: #ef8291;
}
.roadmap .grade2st {
  background-color: #d7edf3;
  color: #2eade3;
}
.roadmap .grade2stb {
  border: 1px solid #2eade3;
}
.roadmap .grade2stb .item {
  background-color: #d7edf3;
  color: #2eade3;
}
.roadmap .grade3st {
  background-color: #e8defa;
  color: #9768ba;
}
.roadmap .grade3stb {
  border: 1px solid #9768ba;
}
.roadmap .grade3stb .item {
  background-color: #e8defa;
  color: #9768ba;
}
.roadmap .grade4st {
  background-color: #d8aacf;
  color: #77155a;
}
.roadmap .grade4stb {
  border: 1px solid #77155a;
}
.roadmap .grade4stb .item {
  background-color: #d8aacf;
  color: #77155a;
}
@media (min-width: 768px) {
  .roadmap {
    margin-bottom: 30px;
  }
  .roadmap .heder {
    font-size: 20px;
    margin: 20px 0 10px;
    padding: 15px;
  }
  .roadmap .grade1stb td {
    border-left: 1px solid #ef8291;
  }
  .roadmap .grade1stb td {
    border-left: 1px solid #ef8291;
  }
  .roadmap .grade2stb td {
    border-left: 1px solid #2eade3;
  }
  .roadmap .grade3stb td {
    border-left: 1px solid #9768ba;
  }
  .roadmap .grade4stb td {
    border-left: 1px solid #77155a;
  }
}
@media (max-width: 767.98px) {
  .roadmap {
    margin-bottom: 30px;
  }
  .roadmap .heder {
    margin: 20px 0 10px;
    padding: 7px;
    font-weight: 500;
    height: 35px;
  }
}

.table_flex .table_hed {
  font-weight: 500;
}
@media (min-width: 768px) {
  .table_flex {
    display: flex;
  }
  .table_flex .table_hed {
    width: 10%;
    writing-mode: vertical-rl;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .table_flex .table_hed {
    height: 30px;
    margin: 10px 0;
    padding: 5px;
  }
}

.map_table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.map_table td {
  background-color: white;
  padding: 5px 20px;
  color: black;
}
@media (min-width: 768px) {
  .map_table th {
    text-align: center;
    border: 1px solid;
    height: 45px;
  }
  .map_table td {
    width: 30%;
  }
  .map_table .th-pc {
    display: table-cell;
  }
  .map_table .th-sp {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .map_table th {
    height: 30px;
    padding: 5px;
  }
  .map_table tr {
    display: block;
  }
  .map_table td {
    display: block;
  }
  .map_table .th-pc {
    display: none;
  }
  .map_table .th-sp {
    display: block;
    text-align: center;
  }
}

.compare-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: white;
}
.compare-table tr {
  border-bottom: 1px solid grey;
}
.compare-table tr th, .compare-table tr td {
  padding: 10px;
  text-align: center;
}
.compare-table tr th {
  width: 30%;
}
.compare-table tr .pink {
  background-color: #fce8e6;
}
.compare-table tr .pink .img {
  border: 2px solid #c62298;
  background-color: white;
}
.compare-table tr .gray {
  color: #666;
  background-color: white;
  border-radius: 10px;
  border: 2px solid;
}
.compare-table tr .maru {
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
  background-color: #ef8291;
  border-radius: 15px;
}
.compare-table tr .batsu {
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
  background-color: #666;
  border-radius: 15px;
}
.compare-table tr .blue {
  background-color: #d7edf3;
  border-radius: 15px;
  padding: 6px;
  font-weight: normal;
}
@media (min-width: 768px) {
  .compare-table {
    border-radius: 20px;
    margin: 30px 0;
  }
  .compare-table tr .pink .img {
    padding: 5px 40px;
    border-radius: 10px;
    height: 50px;
  }
  .compare-table tr .gray {
    font-size: 20px;
    padding: 5px 20px;
    height: 50px;
  }
  .compare-table tr .blue {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .compare-table {
    margin: 30px 0;
  }
  .compare-table .pink .img {
    padding: 3px;
    border-radius: 10px;
    height: 50px;
    display: flex;
    align-items: center;
  }
  .compare-table .gray {
    padding: 2px;
  }
}

.license_box {
  background-color: #fce8e6;
  border-radius: 20px;
  padding: 0 20px 20px 0;
}
.license_box .tophed {
  background-color: #ef8291;
  color: white;
  font-weight: 500;
  border-radius: 20px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.license_box .licensetop {
  color: #ef8291;
  font-weight: 500;
}
.license_box .licensetop span {
  background-color: #ef8291;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: inline-block;
}
@media (min-width: 768px) {
  .license_box {
    margin-top: 20px;
  }
  .license_box .flex {
    display: flex;
    align-items: center;
  }
  .license_box .flex p {
    margin-left: 5px;
  }
  .license_box .tophed {
    width: 30%;
    height: 40px;
  }
  .license_box .licensetop {
    margin: 10px;
    font-size: 18px;
  }
  .license_box .licensetop span {
    margin: 0 3px -1px 0;
  }
  .license_box .license_box01 {
    margin: 10px;
  }
  .license_box .license_box02 {
    display: flex;
    flex-wrap: wrap;
    margin: 10px;
  }
  .license_box .license_box02 li {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  .license_box {
    margin-bottom: 20px;
  }
  .license_box .tophed {
    width: 65%;
    height: 35px;
  }
  .license_box .licensetop {
    margin: 10px;
    font-size: 16px;
  }
  .license_box .licensetop span {
    margin: 0 3px -1px 0;
  }
  .license_box .license_box01 {
    margin: 10px;
  }
  .license_box .license_box02 {
    margin: 10px;
  }
  .license_box p {
    margin: 10px;
  }
}

.landscape {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .landscape .landscape_box {
    width: 30%;
    margin-top: 30px;
  }
}
@media (max-width: 767.98px) {
  .landscape img {
    border-radius: 10px;
  }
  .landscape .landscape_box {
    width: 48%;
    margin-top: 30px;
  }
}

/*  *//*# sourceMappingURL=introduction.css.map */