@charset "utf-8";

@media screen and (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}


*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

body {
  color: #000;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

body._active {
  overflow: hidden;
}

@media screen and (max-width: 766px) {
  body {
    min-width: 320px;
  }

  html,
  body {
    height: 100%;
    min-height: 100%;
  }
}

@media print, screen and (min-width: 767) {
  body {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .contents {
    padding-top: 80px;
  }
}

.header {
  height: 177px;
  padding: 44px 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .header {
    height: 80px;
    padding: 0;
    background-color: #ffffff;
    position: fixed;
    z-index: 10000;
  }
}

.gnav {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  align-items: center;
  justify-content: space-between;
  max-width: 1100px;
  margin: 0 auto;
}

.gnav_logo{
	margin-left: 30px;
}

.gnav_logo a {
  transition: all 0.3s linear;
}

.gnav_logo a:hover {
  opacity: 0.5;
}

.gnav_list.right {
  text-align: right;
}

.gnav_item {
  display: inline-block;
  list-style: none;
  position: relative;
  padding: 16px 0;
}

.gnav_item:hover::after {
  background-position: left bottom;
}

.gnav_item::after {
  background-image: url("img/link_hover.png");
  background-repeat: no-repeat;
  content: "";
  height: 8px;
  width: 115px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  transition: all 0.3s linear;
}

.gnav_item a {
  color: #000000;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 700;
}

.gnav_item.left {
  margin-right: 12%;
}

.gnav_item.left:last-of-type {
  margin-right: 0;
}

.gnav_item.right {
  margin-right: 13.493%;
}

.gnav_item.right:last-of-type {
  margin-right: 0;
}

.gnav-sp {
  height: 100%;
}

.gnav-sp_header {
  position: relative;
  height: 100%;
}

.gnav-sp_header-container {
  display: grid;
  grid-template-columns: 5fr minmax(70px, 1fr);
  height: 100%;
  align-items: center;
}

.gnav-sp_header-logo {
  max-width: 185px;
  margin: 0 auto 0 22.95082%;
}

.gnav-sp_header-logo img {
  width: 100%;
}

.gnav-sp_header-hmbtn {
  position: absolute;
  right: 0;
  width: 66px;
  height: 66px;
  top: 50%;
  transform: translateY(-50%);
}

.gnav-sp_header-hmbtn img {
  width: 100%;
  height: 100%;
}

.gnav-sp_header-hmbtn._none {
  display: none;
}

.gnav-sp_menu {
  display: none;
  padding: 46px 36px 170px;
  background-color: #f1e4f7;
  height: 100vh;
}

.gnav-sp_menu._menuopen {
  position: fixed;
  overflow-y: scroll;
  z-index: 99;
  width: 100%;
  height: 100%;
}

.gnav-sp_menu li {
  position: relative;
}

.gnav-sp_menu-list {
  font-size: 1.6rem;
  font-weight: 700;
  list-style: none;
}

.gnav-sp_menu-list a {
  text-decoration: none;
  color: #000000;
}

.gnav-sp_menu-list a:visited {
  color: #000000;
}

.gnav-sp_menu-item {
  padding-left: 32px;
  margin-bottom: 30px;
}

.gnav-sp_menu-item a {
  text-decoration: none;
  color: #000000;
}

.gnav-sp_menu-item a:visited {
  color: #000000;
}

@-webkit-keyframes show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.gnav-sp_menu-child {
  font-size: 1.5rem;
  font-weight: 500;
  list-style: none;
  display: none;
  transition: 0.1s all;
}

.gnav-sp_menu-child._open {
  display: block;
  -webkit-animation: show 0.1s linear 0s;
          animation: show 0.1s linear 0s;
}

.gnav-sp_menu-childitem {
  padding: 30px 0 0 20px;
}

.js-dropdown {
  width: 17px;
  height: 17px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(180deg);
  transition: all 0.1s;
}

.js-dropdown._open {
  transform: rotate(270deg);
}

.fnav {
  background-color: #ffffff;
  max-width: 1100px;
  margin: 0 auto;
  padding: 50px 70px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .fnav {
    max-width: 375px;
    padding: 40px 20px 48px;
  }
}

.fnav::before {
  content: "";
  background: url(img/illust_footer01.svg) no-repeat;
  width: 212px;
  height: 171px;
  display: inline-block;
  position: absolute;
  top: -171px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .fnav::before {
    width: 121px;
    height: 100px;
    top: -98px;
    background-size: contain;
  }
}

.fnav::after {
  content: "";
  background: url(img/illust_footer02.svg) no-repeat;
  width: 169px;
  height: 124px;
  display: inline-block;
  position: absolute;
  top: -124px;
  right: 0;
}

@media screen and (max-width: 767px) {
  .fnav::after {
    top: -71px;
    width: 98px;
    height: 72px;
    background-size: contain;
  }
}

.fnav_info {
  display: flex;
}

@media screen and (max-width: 767px) {
  .fnav_info {
    display: block;
  }
}

.fnav_kinderinfo img {
  max-width: 205px;
  height: auto;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .fnav_kinderinfo img {
    max-width: 165px;
    margin: 0 auto 13px;
    display: block;
  }
}

.fnav_kinderinfo-copy {
  font-size: 1.3rem;
  font-weight: 700;
  color: #782e93;
  margin-bottom: 22px;
}

@media screen and (max-width: 767px) {
  .fnav_kinderinfo-copy {
    font-size: 1.2rem;
    margin-bottom: 16px;
    text-align: center;
  }
}

.fnav_kinderinfo-addressblock {
  padding-top: 22px;
  position: relative;
  border-top: 2px dashed #9b999b;
}

.fnav_kinderinfo-addressinfo {
  display: inline-block;
}

.fnav_kinderinfo-text {
  font-size: 14px !important;
  font-weight: 700;
  margin-bottom: 12px;
  text-decoration: none;
  color: #000000;
  pointer-events: none;
}

.fnav_kinderinfo-text a {
  text-decoration: none;
  color: #000000;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .fnav_kinderinfo-text {
    font-size: 13px !important;
  }
}

.fnav_kinderinfo-map {
  background-color: #9b999b;
  padding: 4px 10px;
  display: inline-block;
  vertical-align: top;
  color: #ffffff;
  text-decoration: none;
  line-height: 16px;
  margin-left: 20px;
  transition: all 0.3s;
}

@media screen and (max-width: 767px) {
  .fnav_kinderinfo-map {
    margin-left: 12px;
  }
}

.fnav_kinderinfo-map:hover {
  opacity: 0.5;
}

.fnav_kinderinfo-map:visited {
  color: #ffffff;
}

.fnav_kinderinfo-map::before {
  content: "";
  background: url(img/icon_footer-map.svg) no-repeat;
  width: 10px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.fnav_contactinfo {
  margin-left: 180px;
}

@media screen and (max-width: 767px) {
  .fnav_contactinfo {
    margin-left: 0;
    margin-top: 22px;
  }
}

.fnav_contactinfo-text {
  font-size: 1.4rem;
  line-height: 2.1;
  margin-bottom: 2.4rem;
}

@media screen and (max-width: 767px) {
  .fnav_contactinfo-text {
    margin-bottom: 2.1rem;
  }
}

.fnav_contactinfo-tel {
  margin-bottom: 27px;
}

@media screen and (max-width: 767px) {
  .fnav_contactinfo-tel {
    margin-bottom: 2.1rem;
    max-width: 100%;
  }
}

.fnav_contactinfo-btn {
  background-color: #9249ad;
  width: 100%;
}

.fnav_contactinfo-btn a {
  font-size: 2rem;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s linear;
  display: block;
  padding: 14px 24px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .fnav_contactinfo-btn a {
    font-size: 1.7rem;
  }
}

.fnav_contactinfo-btn a:visited {
  color: #ffffff;
}

.fnav_contactinfo-btn a:hover {
  opacity: 0.5;
}

.fnav_contactinfo-btn a::after {
  content: "";
  background: url(img/icon_arrow-white.svg) no-repeat;
  width: 19px;
  height: 19px;
  display: inline-block;
  background-size: contain;
  position: absolute;
  right: 15px;
}

@media screen and (max-width: 767px) {
  .fnav_contactinfo-btn a::after {
    width: 16px;
    height: 16px;
  }
}

.fnav_menu {
  margin-top: 97px;
  display: table;
  table-layout: fixed;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .fnav_menu {
    margin-top: 67px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.fnav_menu a {
  color: #000000;
  text-decoration: none;
  font-size: 1.4rem;
  transition: all 0.3s;
}

.fnav_menu a:visited {
  color: #000000;
}

.fnav_menu a:hover {
  opacity: 0.5;
}

.fnav_menu-unit {
  display: table-cell;
}

@media screen and (max-width: 767px) {
  .fnav_menu-unit._unit1 {
    order: 1;
  }

  .fnav_menu-unit._unit2 {
    order: 3;
  }

  .fnav_menu-unit._unit3 {
    order: 5;
  }

  .fnav_menu-unit._unit4 {
    order: 2;
  }

  .fnav_menu-unit._unit5 {
    order: 4;
  }

  .fnav_menu-unit._unit6 {
    order: 6;
  }

  .fnav_menu-unit._unit7 {
    order: 7;
  }
}

.fnav_menu-title {
  font-weight: 700;
  margin-bottom: 2.4rem;
}

.fnav_menu-linkgroup {
  display: block;
  color: #000000;
  text-decoration: none;
  list-style: none;
}

.fnav_menu-linkitem {
  font-weight: 500;
  margin-bottom: 2.4rem;
  position: relative;
  padding-left: 20px;
}

.fnav_menu-linkitem::before {
  content: "";
  background: url(img/icon_arrow-black.svg) no-repeat;
  width: 11px;
  height: 11px;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.fixnav {
  background-color: #be9bcc;
  padding: 10px 16px;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10000;
}

.fixnav_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: center;
  align-items: center;
  place-items: center;
}

.fixnav_item {
  display: inline-block;
  text-align: center;
  position: relative;
}

.fixnav_item:last-of-type::after {
  content: none;
}

.fixnav_item::after {
  content: "";
  width: 1px;
  height: 46px;
  display: inline-block;
  border-right: 2px dashed #ffffff;
  position: absolute;
  top: 0;
  right: 0;
}

.fixnav_item img {
  width: 50%;
  height: auto;
  margin-bottom: 5px;
}

.fixnav_item a {
  text-decoration: none;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-decoration: none;
  color: #ffffff;
}

.fixnav_item a:visited {
  color: #ffffff;
  text-decoration: none;
}

.subnav {
  position: fixed;
  top: 87px;
  right: 24px;
  z-index: 9999;
  transition: all 0.3 linear;
}

.subnav_imgbtn {
  width: 120px;
  height: 120px;
  margin-bottom: 19px;
  transition: all 0.3 linear;
}

.subnav_imgbtn a {
  position: relative;
}

.subnav_imgbtn img {
  transition: all 0.2s ease-in-out;
}

.subnav_imgbtn img:hover {
  transform: translateY(-10px);
}

.subnav_imgbtn span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
  font-size: 14;
}

.mainvisual {
  position: relative;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .mainvisual {
    z-index: -2;
  }
}

.mainvisual img {
  max-width: 100%;
  height: auto;
  padding-right: 17.1875%;
}

@media screen and (max-width: 767px) {
  .mainvisual img {
    padding-right: 0;
    max-width: none;
    -o-object-fit: cover;
       object-fit: cover;
    height: 450px;
    width: 100vw;
  }
}

.mainvisual h2 {
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  position: absolute;
}

.mainvisual h2 span {
  display: block;
  font-size: 1.666666vw;
  font-weight: 700;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .mainvisual h2 span {
    font-size: 1.7rem;
  }
}

.mainvisual_vh1 {
  top: 7.61493%;
  right: 10.88541%;
}

@media screen and (max-width: 767px) {
  .mainvisual_vh1 {
    top: 18px;
    right: 30px;
  }
}

.mainvisual_vh1 span {
  margin-left: 18px;
}

.mainvisual_vh1 span:nth-of-type(1) {
  background: url(img/bg_catchcopy01.png) no-repeat;
  letter-spacing: 14px;
  padding: 24px 10px 24px;
}

@media screen and (max-width: 767px) {
  .mainvisual_vh1 span:nth-of-type(1) {
    background: url(img/bg_catchcopy01@2x.png) no-repeat;
    width: 29px;
    height: 147px;
    letter-spacing: 6px;
    padding: 14px 6px;
    text-align: center;
  }
}

.mainvisual_vh1 span:nth-of-type(2) {
  background: url(img/bg_catchcopy02.png) no-repeat;
  letter-spacing: 14px;
  padding: 24px 10px 24px;
}

@media screen and (max-width: 767px) {
  .mainvisual_vh1 span:nth-of-type(2) {
    background: url(img/bg_catchcopy02@2x.png) no-repeat;
    width: 29px;
    height: 265px;
    letter-spacing: 6px;
    padding: 14px 6px;
    text-align: center;
  }
}

.mainvisual_vh1 span:nth-of-type(3) {
  background: url(img/bg_catchcopy03.png) no-repeat;
  letter-spacing: 14px;
  padding: 24px 10px 24px;
}

@media screen and (max-width: 767px) {
  .mainvisual_vh1 span:nth-of-type(3) {
    background: url(img/bg_catchcopy03@2x.png) no-repeat;
    width: 29px;
    height: 190px;
    letter-spacing: 6px;
    padding: 14px 6px;
    text-align: center;
  }
}

.mainvisual_vh2 {
  bottom: -11.8893%;
  left: 21.35416%;
}

@media screen and (max-width: 767px) {
  .mainvisual_vh2 {
    bottom: -65px;
    left: 10px;
  }
}

.mainvisual_vh2 span {
  margin-left: 18px;
}

.mainvisual_vh2 span:nth-of-type(1) {
  background: url(img/bg_catchcopy04.png) no-repeat;
  letter-spacing: 14px;
  padding: 24px 10px 24px;
}

@media screen and (max-width: 767px) {
  .mainvisual_vh2 span:nth-of-type(1) {
    background: url(img/bg_catchcopy04@2x.png) no-repeat;
    width: 26px;
    height: 176px;
    letter-spacing: 4px;
    padding: 14px 6px 0;
    text-align: center;
  }
}

.mainvisual_vh2 span:nth-of-type(2) {
  background: url(img/bg_catchcopy05.png) no-repeat;
  letter-spacing: 14px;
  padding: 24px 10px 24px;
}

@media screen and (max-width: 767px) {
  .mainvisual_vh2 span:nth-of-type(2) {
    background: url(img/bg_catchcopy05@2x.png) no-repeat;
    width: 25px;
    height: 232px;
    letter-spacing: 4px;
    padding: 14px 6px 0;
    text-align: center;
  }
}

.mainvisual_vh2 span:nth-of-type(3) {
  background: url(img/bg_catchcopy06.png) no-repeat;
  letter-spacing: 14px;
  padding: 24px 10px 24px;
}

@media screen and (max-width: 767px) {
  .mainvisual_vh2 span:nth-of-type(3) {
    background: url(img/bg_catchcopy06@2x.png) no-repeat;
    width: 25px;
    height: 124px;
    letter-spacing: 4px;
    padding: 14px 6px 0;
    text-align: center;
  }
}

.news_image {
  width: 100%;
}

.news_image img {
  max-width: 100%;
  height: auto;
  padding-right: 17.1875%;
}

@media screen and (max-width: 767px) {
  .news_image img {
    padding-right: 0;
    max-width: none;
    -o-object-fit: cover;
       object-fit: cover;
    height: 263px;
    width: 100vw;
  }
}

.news_selectbox {
  overflow: hidden;
  position: relative;
  background: #ffffff;
  margin: 30px 0 88px auto;
  width: 194px;
}

@media screen and (max-width: 767px) {
  .news_selectbox {
    margin: 38px auto 58px;
  }
}

.news_selectbox::before {
  content: "";
  background: url(img/icon_arrow-black.svg) no-repeat;
  transform: rotate(90deg);
  width: 17px;
  height: 17px;
  display: inline-block;
  position: absolute;
  top: 15%;
  right: 0;
}

.news_selectbox::after {
  content: "";
  background: url(img/btn_underscore-select.png) no-repeat;
  width: 194px;
  height: 6px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
}

.news_selectbox-cat {
  font-size: 1.4rem;
  font-weight: 700;
  padding: 4px 0 16px 10px;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: #ffffff;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 194px;
}

.news_list {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  grid-gap: 16px;
  clear: both;
}

@media screen and (max-width: 767px) {
  .news_list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.news_item {
  margin-bottom: 52px;
}

@media screen and (max-width: 767px) {
  .news_item {
    margin-bottom: 32px;
  }
}

.news_item a {
  text-decoration: none;
  color: #000000;
  transition: all 0.3s;
}

.news_item a:visited {
  color: #000000;
}

.news_item a:hover {
  opacity: 0.5;
}

.news_item img {
  margin-bottom: 15px;
  width: 100%;
  height:203px;
  object-fit:cover;
}

.news_item time {
  font-size: 1.4rem;
  font-weight: 700;
  display: block;
  margin-bottom: 15px;
}

.news_item p {
  font-size: 1.4rem;
  font-weight: 500;
  display: inline-block;
}

.news_article {
  padding: 74px 66px;
  border: 4px solid #f4e2f5;
  margin-bottom: 78px;
}

@media screen and (max-width: 767px) {
  .news_article {
    padding: 46px 16px;
  }
}

.news_article-info {
  border-bottom: 2px dashed #9b999b;
}

.news_article-cat {
  padding: 8px 17px;
  background-color: #b2cae8;
  display: inline-block;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 700;
  margin-right: 32px;
}

@media screen and (max-width: 767px) {
  .news_article-cat {
    font-size: 1.1rem;
    padding: 6px 12px;
    margin-right: 16px;
  }
}

.news_article-time {
  font-size: 1.5rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .news_article-time {
    font-size: 1.2rem;
  }
}

.news_article-title {
  padding: 28px 0;
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 2.33333;
}

@media screen and (max-width: 767px) {
  .news_article-title {
    font-size: 1.8rem;
    padding: 20px 0;
    line-height: 2.33333;
  }
}

.news_article-content {
  padding-top: 60px;
}

@media screen and (max-width: 767px) {
  .news_article-content {
    padding-top: 32px;
  }
}

.news_article-text {
  font-size: 1.4rem;
  line-height: 2;
  font-weight: 500;
  color: #000000;
}

@media screen and (max-width: 767px) {
  .news_article-text {
    font-size: 1.3rem;
  }
}

.news_article-col2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
}

@media screen and (max-width: 767px) {
  .news_article-col2 {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.news_article-img {
  width: 100%;
}

.news_paging {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  font-weight: 700;
}

.news_paging-prev {
  color: #000000;
  text-decoration: none;
  vertical-align: middle;
  position: relative;
  padding-left: 40px;
  transition: all 0.3s linear;
}

.news_paging-prev:visited {
  color: #000000;
}

.news_paging-prev:hover {
  opacity: 0.5;
}

.news_paging-prev a::before {
  content: "";
  background: url(img/icon_arrow-purple.svg) no-repeat;
  width: 17px;
  height: 17px;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.news_paging-next {
  color: #000000;
  text-decoration: none;
  vertical-align: middle;
  position: relative;
  padding-right: 40px;
  transition: all 0.3s linear;
}

.news_paging-next:visited {
  color: #000000;
}

.news_paging-next:hover {
  opacity: 0.5;
}

.news_paging-next a::after {
  content: "";
  background: url(img/icon_arrow-purple.svg) no-repeat;
  width: 17px;
  height: 17px;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  right: 0;
}

.mb54 {
  margin-bottom: 54px;
}

@media screen and (max-width: 767px) {
  .mb54 {
    margin-bottom: 33px;
  }
}

.mb108 {
  margin-bottom: 108px;
}

@media screen and (max-width: 767px) {
  .mb108 {
    margin-bottom: 33px;
  }
}

.about_intro {
  display: grid;
  grid-template-columns: minmax(558px, 1fr) 1fr;
}

@media screen and (max-width: 767px) {
  .about_intro {
    grid-template-columns: 1fr;
  }
}

.about_intro-textarea {
  background: url(img/bg_plkadots.png);
  position: relative;
  min-height: 952px;
}

@media screen and (max-width: 767px) {
  .about_intro-textarea {
    min-height: 700px;
  }
}

.about_intro-textbig p {
  display: table;
  background-color: #ffffff;
  margin-bottom: 57px;
  padding: 13px 15px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #782e93;
  z-index: 9999;
}

@media screen and (max-width: 767px) {
  .about_intro-textbig p {
    font-size: 1.6rem;
  }
}

.about_intro-textbig p:nth-of-type(1) {
  position: absolute;
  top: 76px;
  left: 0px;
}

@media screen and (max-width: 767px) {
  .about_intro-textbig p:nth-of-type(1) {
    top: 40px;
    left: 20px;
  }
}

.about_intro-textbig p:nth-of-type(2) {
  position: absolute;
  top: 183px;
  left: 120px;
}

@media screen and (max-width: 767px) {
  .about_intro-textbig p:nth-of-type(2) {
    top: 113px;
    left: 36px;
  }
}

.about_intro-textbig p:nth-of-type(3) {
  position: absolute;
  top: 294px;
  right: -50px;
}

@media screen and (max-width: 767px) {
  .about_intro-textbig p:nth-of-type(3) {
    top: 186px;
    left: 14%;
  }
}

.about_intro-text {
  padding: 0 203px 0 48px;
  position: absolute;
  bottom: 142px;
}

@media screen and (max-width: 767px) {
  .about_intro-text {
    padding: 0 24px;
    position: initial;
    bottom: initial;
    margin-top: 270px;
  }
}

.about_intro-text p {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.142;
  margin-bottom: 46px;
}

@media screen and (max-width: 767px) {
  .about_intro-text p {
    font-size: 1.3rem;
    margin-bottom: 38px;
  }
}

.about_intro-text p:last-of-type {
  margin-bottom: 0;
}

.about_intro-imgarea {
  position: relative;
}

@media screen and (max-width: 767px) {
  .about_intro-imgarea {
    height: 560px;
  }
}

.about_intro-img1 {
  float: right;
  clear: both;
  margin-bottom: 54px;
  max-width: 100%;
  height: auto;
	width: 323px;
	margin-right: -108px;
}

@media screen and (max-width: 767px) {
  .about_intro-img1 {
    float: initial;
    clear: initial;
    position: absolute;
    top: -36px;
    right: 150px;
    width: 168px;
    height: 126px;
  }
}

.about_intro-img1 img {
  width: 100%;
  height: 100%;
}

.about_intro-img1::after {
  content: "";
  background: url(img/illust_about01.svg) no-repeat;
  width: 193px;
  height: 177px;
  position: absolute;
  top: -22px;
  right: 263px;
}

@media screen and (max-width: 767px) {
  .about_intro-img1::after {
    display: inline-block;
    width: 116px;
    height: 106px;
    top: -22px;
    left: -80px;
    background-size: contain;
  }
}

.about_intro-img2 {
    height: auto;
    position: absolute;
    margin-left: 20px;
    top: 278px;
	width: 689px;
}

@media screen and (max-width: 767px) {
  .about_intro-img2 {
    float: initial;
    clear: initial;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 122px;
    width: 375px;
    max-width: initial;
  }
}

.about_intro-img2 img {
  width: 100%;
  height: 100%;
}

.about_intro-img3 {
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 64px;
    bottom: -152px;
    width: 290px;
}

@media screen and (max-width: 767px) {
  .about_intro-img3 {
    float: initial;
    clear: initial;
    position: absolute;
    max-width: 170px;
    left: 25px;
    top: 458px;
  }
}

.about_intro-img3 img {
  width: 100%;
  height: auto;
  left: 80px;
}

.about_intro-img3::after {
  content: "";
  background: url(img/illust_about02.svg) no-repeat;
  width: 120px;
  height: 127px;
  position: absolute;
  bottom: 118px;
  left: -98px;
}

@media screen and (max-width: 767px) {
  .about_intro-img3::after {
    display: inline-block;
    width: 82px;
    height: 85px;
    bottom: 145px;
    left: -40px;
    background-size: contain;
  }
}

.about_intro-img4 {
  max-width: 100%;
  height: auto;
  position: absolute;
  right: -70px;
  bottom: -40px;
	width: 268px;
}

@media screen and (max-width: 767px) {
  .about_intro-img4 {
    float: initial;
    clear: initial;
    position: absolute;
    max-width: 150px;
    top: 420px;
    right: 0;
  }
}

.about_intro-img4 img {
  width: 100%;
  height: auto;
}

.about_intro-img4::after {
  content: "";
  background: url(img/illust_about03.svg) no-repeat;
  width: 76px;
  height: 98px;
  position: absolute;
  bottom: -59px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .about_intro-img4::after {
    display: inline-block;
    width: 45px;
    height: 58px;
    bottom: 50px;
    left: 0;
    background-size: contain;
  }
}

.about_intro-img5 {
max-width: 100%;
    height: auto;
    position: absolute;
    right: 690px;
    bottom: -80px;
    width: 229px;
}

@media screen and (max-width: 767px) {
  .about_intro-img5 {
    float: initial;
    clear: initial;
    position: absolute;
    max-width: 130px;
    top: 590px;
    right: 30px;
  	}
}

.about_intro-img5 img {
  width: 100%;
  height: auto;
}


.about_col2 {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  justify-content: space-between;
  gap: 6rem;
  padding-top: 4rem;
  margin-bottom: 17rem;
}

@media screen and (max-width: 767px) {
  .about_col2 {
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }
}

.about_introtext {
  margin-left: 12px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .about_introtext {
    margin-left: 0;
  }
}

.about_introtext p {
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 15;
}

.about_intropoint {
  height: 210px;
}

@media screen and (max-width: 767px) {
  .about_intropoint {
    margin-top: 180px;
    height: 0;
  }
}

.about_intropoint img:nth-of-type(1) {
  position: absolute;
  bottom: -50px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .about_intropoint img:nth-of-type(1) {
    bottom: 0;
    left: 0;
    width: 100px;
    height: 88px;
  }
}

.about_intropoint img:nth-of-type(2) {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .about_intropoint img:nth-of-type(2) {
    bottom: 0;
    left: 47%;
    top: 80%;
    width: 120px;
    height: 106px;
  }
}

.about_intropoint img:nth-of-type(3) {
  position: absolute;
  bottom: 0;
  right: -20px;
}

@media screen and (max-width: 767px) {
  .about_intropoint img:nth-of-type(3) {
    bottom: 0px;
    right: 0;
    width: 120px;
    height: 106px;
  }
}

.about_introimg {
  position: relative;
}

.about_introimg::after {
  content: "";
  background: url(img/illust_about-intro.svg) no-repeat;
  display: inline-block;
  width: 90px;
  height: 98px;
  position: absolute;
  top: -25px;
  right: 0;
}

.about_introimg img {
  width: 100%;
  height: auto;
  margin-bottom: 3.2rem;
}

.about_introimg-scname {
  font-size: 1.7rem;
  font-weight: 700;
  margin-bottom: 1.6rem;
}

@media screen and (max-width: 767px) {
  .about_introimg-scname {
    font-size: 1.4rem;
  }
}

.about_introimg-scname span {
  font-size: 1.4rem;
  display: inline-block;
  margin-right: 1.6rem;
}

.about_introimg-name {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
}

.about_introimg-name._en {
  font-size: 1.3rem;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .about_introimg-name._en {
    font-size: 1rem;
  }
}

.about_overview {
  position: relative;
  margin-bottom: 6.4rem;
}

@media screen and (max-width: 767px) {
  .about_overview {
    margin-bottom: 16.4rem;
  }
}

.about_overview::before {
  content: "";
  background: url(img/illust_about-under01.svg) no-repeat;
  width: 160px;
  height: 140px;
  display: inline-block;
  position: absolute;
  right: 100px;
  top: 0;
}

@media screen and (max-width: 767px) {
  .about_overview::before {
    width: 92px;
    height: 80px;
    background-size: contain;
    right: 0;
    top: -30px;
  }
}

.about_overview::after {
  content: "";
  background: url(img/illust_about-under02.svg) no-repeat;
  width: 143px;
  height: 108px;
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: -20px;
}

@media screen and (max-width: 767px) {
  .about_overview::after {
    width: 92px;
    height: 80px;
    background-size: contain;
    bottom: -140px;
  }
}

.about_overview img {
  width: 100%;
  height: auto;
  max-width: 884px;
}

@media screen and (max-width: 767px) {
  .about_overview img {
    max-width: 340px;
    margin-left: -22px;
  }
}

.about_overview img:nth-of-type(2) {
  position: absolute;
  right: 0;
  bottom: 44px;
  max-width: 374px;
}

@media screen and (max-width: 767px) {
  .about_overview img:nth-of-type(2) {
    position: absolute;
    right: -22px;
    bottom: -95px;
    max-width: 205px;
  }
}

.about_item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
}

@media screen and (max-width: 767px) {
  .about_item {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0 !important;
    margin-top: 48px !important;
  }
}

.about_item._right {
  margin-left: 6.5rem !important;
}

@media screen and (max-width: 767px) {
  .about_item._right {
    margin-left: 0 !important;
  }
}

.about_item._left {
  margin-right: 6.5rem !important;
}

@media screen and (max-width: 767px) {
  .about_item._left {
    margin-right: 0 !important;
  }
}

.about_underitem-img {
  position: relative;
  max-width: 487px;
}

.about_underitem-img img {
  width: 100%;
}

.about_underitem-img img:nth-of-type(2) {
  position: absolute;
  left: -16px;
  bottom: -28px;
  width: 194px;
}

.about_underitem p {
  margin-top: 4.3rem;
}

.about_underitem:nth-of-type(2n) {
  margin-top: 118px;
}

@media screen and (max-width: 767px) {
  .about_underitem:nth-of-type(2n) {
    margin-top: 48px;
  }
}

.about_feature {
  margin-top: 6rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 767px) {
  .about_feature {
    grid-template-columns: 1fr;
  }
}

.about_feature-item {
  max-width: 447px;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .about_feature-item {
    max-width: 100%;
  }
}

.about_feature-item-img {
  position: relative;
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 767px) {
  .about_feature-item-img {
    max-width: 315px;
  }
}

.about_feature-item-img._soroban::after {
  background: url(img/icon_about-feature01.svg) no-repeat;
  content: "";
  display: inline-block;
  width: 108px;
  height: 90px;
  position: absolute;
  right: -87px;
  top: 100px;
}

@media screen and (max-width: 767px) {
  .about_feature-item-img._soroban::after {
    right: -30px;
    width: 72px;
    height: 54px;
    background-size: contain;
    top: 70px;
  }
}

.about_feature-item-img._english::after {
  background: url(img/icon_about-feature02.svg) no-repeat;
  content: "";
  display: inline-block;
  width: 86px;
  height: 98px;
  position: absolute;
  right: -57px;
  top: 100px;
}

@media screen and (max-width: 767px) {
  .about_feature-item-img._english::after {
    right: -30px;
    width: 59px;
    height: 64px;
    background-size: contain;
    top: 70px;
  }
}

.about_feature-item-img._wadaiko::after {
  background: url(img/icon_about-feature03.svg) no-repeat;
  content: "";
  display: inline-block;
  width: 103px;
  height: 101px;
  position: absolute;
  right: -57px;
  top: 100px;
}

@media screen and (max-width: 767px) {
  .about_feature-item-img._wadaiko::after {
    right: -30px;
    width: 74px;
    height: 59px;
    background-size: contain;
    top: 70px;
  }
}

.about_feature-item-img._soccer::after {
  background: url(img/icon_about-feature04.svg) no-repeat;
  content: "";
  display: inline-block;
  width: 103px;
  height: 83px;
  position: absolute;
  right: -57px;
  top: 100px;
}

@media screen and (max-width: 767px) {
  .about_feature-item-img._soccer::after {
    right: -30px;
    width: 74px;
    height: 59px;
    background-size: contain;
    top: 70px;
  }
}

.about_feature-item-img._taisou::after {
  background: url(img/icon_about-feature05.svg) no-repeat;
  content: "";
  display: inline-block;
  width: 103px;
  height: 83px;
  position: absolute;
  right: -57px;
  top: 100px;
}

@media screen and (max-width: 767px) {
  .about_feature-item-img._taisou::after {
    right: -51px;
    width: 74px;
    height: 59px;
    background-size: contain;
    top: 70px;
  }
}

.about_feature-item-img img {
  width: 100%;
  height: auto;
}

.about_feature-item-img-ttl {
  padding: 1rem 4.3rem;
  background-color: #9c61b2;
  display: inline-block;
  position: absolute;
  right: -63px;
  bottom: 43px;
  width: 216px;
}

@media screen and (max-width: 767px) {
  .about_feature-item-img-ttl {
    right: 0px;
    width: 156px;
    padding: 1rem 2.6rem;
    right: -20px;
    bottom: 32px;
  }
}

.about_feature-item-img-ttl p {
  font-size: 2rem;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 1.5px;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .about_feature-item-img-ttl p {
    font-size: 1.5rem;
  }
}

.about_feature-text-description {
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 1.5px;
  font-weight: 400;
  margin-bottom: 4px;
}

.about_feature-text-detail {
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 1.5px;
  font-weight: 700;
  margin-bottom: 4px;
}

.about_flow {
  margin-top: 100px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .about_flow {
    margin-top: 0;
  }
}

.about_flow::after {
  background: url(img/bg_about-flow.png) no-repeat;
  content: "";
  height: 3275px;
  width: 100%;
  z-index: -2;
  display: inline-block;
  position: absolute;
  top: 0;
}

@media screen and (max-width: 767px) {
  .about_flow::after {
    z-index: -3;
    height: 3790px;
    background: url(img/bg_about-flow@2x.png) no-repeat;
  }
}

.about_flow-heading {
  position: relative;
}

.about_flow-heading::after {
  background-color: #fff4fa;
  width: 56%;
  content: "";
  height: 240px;
  display: inline-block;
  position: absolute;
  top: -30%;
  left: 0;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .about_flow-heading::after {
    width: 100%;
    top: 0;
    height: 230px;
    z-index: -2;
  }
}

.about_flow-content {
  margin: 160px auto 0;
  background-color: #ffffff;
  max-width: 1100px;
  position: relative;
  padding: 80px 40px;
}

@media screen and (max-width: 767px) {
  .about_flow-content {
    margin: 50px 16px 0;
    max-width: none;
    padding: 80px 20px 5px;
  }
}

.about_flow-content-ttl {
  font-size: 2.5rem;
  color: #ffffff;
  background-color: #9c61b2;
  padding: 16px 107px;
  max-width: 349px;
  margin: -110px auto 44px;
  text-align: center;
  border-radius: 50px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .about_flow-content-ttl {
    font-size: 1.9rem;
    padding: 13px 56px;
    max-width: 237px;
  }
}

.about_flow-content-ttl::before {
  content: "";
  background: url(img/icon_heading_flow.svg) no-repeat;
  width: 89px;
  height: 77px;
  display: inline-block;
  position: absolute;
  top: -10px;
  left: -20px;
}

@media screen and (max-width: 767px) {
  .about_flow-content-ttl::before {
    width: 68px;
    height: 56px;
    background-size: contain;
  }
}

.about_flow-content-wrap {
  padding: 73px 0 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .about_flow-content-wrap {
    padding: 36px 0 0;
  }
}

.about_flow-content-illustbg {
  position: absolute;
}

.about_flow-content-illustbg:nth-of-type(2) {
  top: 360px;
  right: -70px;
}

.about_flow-content-illustbg:nth-of-type(3) {
  top: 860px;
  left: -70px;
}

.about_flow-content-illustbg:nth-of-type(4) {
  bottom: 870px;
  right: -70px;
}

.about_flow-content-illustbg:nth-of-type(5) {
  left: -90px;
  bottom: 340px;
}

.about_flow-content-detail01 {
  position: relative;
  margin-bottom: 66px;
}

.about_flow-content-detail01:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .about_flow-content-detail01-list {
    display: flex;
    margin-top: 30px;
  }
}

.about_flow-content-detail01-list._mt {
  margin-top: 70px;
}

.about_flow-content-detail01-img {
  max-width: 420px;
  margin-left: 46px;
}

@media screen and (max-width: 767px) {
  .about_flow-content-detail01-img {
    max-width: none;
    margin-left: 0;
  }
}

.about_flow-content-detail01-img img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .about_flow-content-detail01-img img._clock {
    width: 17%;
    height: auto;
    float: right;
  }
}

.about_flow-content-detail01-info {
  position: absolute;
  right: 70px;
  top: 98px;
}

@media screen and (max-width: 767px) {
  .about_flow-content-detail01-info {
    position: initial;
    right: initial;
    top: initial;
  }
}

@media screen and (max-width: 767px) {
  .about_flow-content-detail01-info._clock {
    clear: both;
  }
}

.about_flow-content-detail01-info p {
  display: inline-block;
  vertical-align: top;
  background-color: #c8a3d6;
  padding: 3px 16px;
  font-size: 2rem;
  color: #ffffff;
  font-weight: 400;
  border-radius: 30px;
  margin-right: 4rem;
}

@media screen and (max-width: 767px) {
  .about_flow-content-detail01-info p {
    margin-right: 2rem;
    font-size: 1.5rem;
    max-height: 22px;
  }
}

.about_flow-content-detail01-info dl {
  display: inline-block;
  width: 447px;
}

@media screen and (max-width: 767px) {
  .about_flow-content-detail01-info dl {
    width: initial;
  }
}

.about_flow-content-detail01-info dl dd {
  font-size: 1.9rem;
  color: #9c61b2;
  font-weight: 600;
  margin-bottom: 8px;
}

.about_flow-content-detail01-info dl dt {
  font-size: 1.5rem;
  color: #000000;
  font-weight: 400;
  line-height: 2;
}

.about_flow-content-detail02 {
  position: relative;
  margin-bottom: 66px;
}

.about_flow-content-detail02-list ._p-none {
  margin-left: 118px;
}

@media screen and (max-width: 767px) {
  .about_flow-content-detail02-list ._p-none {
    margin-left: 83px;
  }
}

@media screen and (max-width: 767px) {
  .about_flow-content-detail02-list {
    display: flex;
    margin-top: 30px;
  }
}

.about_flow-content-detail02-img {
  max-width: 420px;
  margin-left: 116px;
}

@media screen and (max-width: 767px) {
  .about_flow-content-detail02-img {
    max-width: none;
    margin-left: 0;
  }
}

.about_flow-content-detail02-img img {
  width: 100%;
  height: auto;
}

.about_flow-content-detail02-info {
  position: absolute;
  right: 0;
  top: 98px;
}

@media screen and (max-width: 767px) {
  .about_flow-content-detail02-info {
    position: initial;
    right: initial;
    top: initial;
  }
}

.about_flow-content-detail02-info p {
  display: inline-block;
  vertical-align: top;
  background-color: #c8a3d6;
  padding: 3px 16px;
  font-size: 2rem;
  color: #ffffff;
  font-weight: 400;
  border-radius: 30px;
  margin-right: 4rem;
}

@media screen and (max-width: 767px) {
  .about_flow-content-detail02-info p {
    margin-right: 2rem;
    font-size: 1.5rem;
    max-height: 22px;
  }
}

.about_flow-content-detail02-info dl {
  display: inline-block;
  width: 447px;
}

@media screen and (max-width: 767px) {
  .about_flow-content-detail02-info dl {
    width: initial;
  }
}

.about_flow-content-detail02-info dl dd {
  font-size: 1.9rem;
  color: #9c61b2;
  font-weight: 600;
  margin-bottom: 8px;
}

.about_flow-content-detail02-info dl dt {
  font-size: 1.5rem;
  color: #000000;
  font-weight: 400;
  line-height: 2;
}

.about_flow-content-detail02-list {
  margin-bottom: 22px;
}

.about_map {
  padding: 204px 0 0;
  max-width: 1100px;
  margin: 0 auto;
	margin-top: 100px;
}

@media screen and (max-width: 767px) {
  .about_map {
    padding: 120px 22px 0;
    max-width: none;
	  margin-top: 50px;
  }
}

.about_map-img {
  margin-top: 72px;
  max-width: 1100px;
  margin-bottom: 77px;
}

.about_map-img img {
  width: 100%;
  height: auto;
}

.about_map-gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 42.73%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .about_map-gmap {
    padding-bottom: 79.73%;
  }
}

.about_map-gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.about_map-text {
  padding-top: 23px;
}

@media screen and (max-width: 767px) {
  .about_map-text dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}

.about_map-text dl dd {
  display: inline-block;
  font-size: 1.6rem;
  color: #ffffff;
  padding: 7px 36px;
  background-color: #9c61b2;
  border-radius: 50px;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .about_map-text dl dd {
    font-size: 1.3rem;
    padding: 7px 16px;
    margin-right: 12px;
  }
}

.about_map-text dl dt {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .about_map-text dl dt {
    font-size: 1.3rem;
  }
}

.illust {
  position: relative;
  display: inline-block;
}

.illust::after {
  content: "";
  background: url(img/illust_about-flow03-2.svg) no-repeat;
  width: 149px;
  height: 79px;
  display: inline-block;
  position: absolute;
  top: -79px;
  right: -149px;
}

@media screen and (max-width: 767px) {
  .illust::after {
    width: 121px;
    height: 61px;
    background-size: contain;
    top: -50px;
    right: -120px;
  }
}

.topothers {
  height: 740px;
  background: url(img/bg_linksection.png);
  background-repeat: no-repeat;
  background-position-y: 100%;
}

@media screen and (max-width: 767px) {
  .topothers {
    height: auto;
    background: url(img/bg_linksection@2x.png);
  }
}

.topothers_linkarea1 {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .topothers_linkarea1 {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .topothers_linkarea2 {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .topothers_linkitem {
    margin-bottom: 32px;
  }
}

.topothers_linkitem-wrap {
  transition: 0.3s all ease-in-out;
}

.topothers_linkitem-wrap:hover {
  transform: translateY(-16px);
}

.topothers_linkitem._linkarea2 {
  margin: -60px auto 0;
  width: 420px;
}

@media screen and (max-width: 767px) {
  .topothers_linkitem._linkarea2 {
    width: initial;
    margin: initial;
  }
}

.topothers_linkitem a {
  color: #000000;
  text-decoration: none;
  width: 100%;
  height: 100%;
}

.topothers_linkitem a:visited {
  color: #000000;
  text-decoration: none;
}

.topothers_linkitem-img {
  width: 426px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .topothers_linkitem-img {
    max-width: 330px;
    width: 100%;
    margin: 0 auto;
  }
}

.topothers_linkitem-img img {
  width: 100%;
}

.topothers_linkitem-btn {
  position: absolute;
  bottom: -20px;
  right: 0;
}

.topothers_linkitem-btn p {
  position: relative;
  background-color: #ffffff;
  color: #000000;
  display: inline-block;
  width: 257px;
  height: 55px;
  line-height: 30px;
  font-size: 2rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-decoration: none;
  padding-left: 18px;
  padding-right: 46px;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.3s linear;
}

@media screen and (max-width: 767px) {
  .topothers_linkitem-btn p {
    width: 234px;
    height: 52px;
    font-size: 1.8rem;
  }
}

.topothers_linkitem-btn p::before {
  content: "";
  background: url(img/icon_arrow-black.svg) no-repeat;
  width: 17px;
  height: 17px;
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}

.topothers_linkitem-btn p::after {
  content: "";
  background: url(img/btn_underscore-big.png) no-repeat;
  width: 257px;
  height: 6px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .topothers_linkitem-btn p::after {
    width: 234px;
  }
}

.topothers_linkitem-text {
  width: 338px;
  font-size: 1.4rem;
  color: #000000;
  line-height: 2.142;
  font-weight: 500;
  margin-top: 37px;
}

@media screen and (max-width: 767px) {
  .topothers_linkitem-text {
    width: 100%;
    font-size: 1.3rem;
  }
}

.topothers_linkitem-text._center {
  margin-right: auto;
  margin-left: auto;
}

.topothers_linkitem-text._left {
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .topothers_linkitem-text._left {
    margin-right: auto;
    margin-left: auto;
  }
}

.inner._topnews {
  max-width: 1200px;
  margin: 0 auto;
  padding: 123px 50px 0 50px;
}

@media screen and (max-width: 767px) {
  .inner._topnews {
    max-width: none;
    margin: 0 auto;
    padding: 100px 15px 0;
  }
}

.inner._news {
  max-width: 1200px;
  margin: 0 auto;
  padding: 123px 50px 0 50px;
}

@media screen and (max-width: 767px) {
  .inner._news {
    max-width: none;
    margin: 0 auto;
    padding: 115px 15px 0;
  }
}

.inner._topabout {
  max-width: 1200px;
  margin: 0 auto;
  padding: 175px 0 0 0;
}

@media screen and (max-width: 767px) {
  .inner._topabout {
    max-width: none;
    margin: 0 auto;
    padding: 115px 15px 88px;
  }
}

.inner._topothers {
  max-width: 1300px;
  margin: 0 auto;
  padding: 170px 50px 0 50px;
	margin-top: 100px;
}

@media screen and (max-width: 767px) {
  .inner._topothers {
    max-width: none;
    margin: 0 auto;
    padding: 30px 22px 64px;
	 margin-top: 100px;
  }
}

.inner._under {
  padding: 148px 0 0 0;
}

@media screen and (max-width: 767px) {
  .inner._under {
    max-width: none;
    margin: 0 auto;
    padding: 30px 22px 64px;
  }
}

.inner._m1100 {
  max-width: 1100px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .inner._m1100 {
    max-width: none;
    margin: 0 auto;
    padding: 30px 22px 64px;
  }
}

.inner._m1020 {
  max-width: 1020px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .inner._m1020 {
    max-width: none;
    margin: 0 auto;
  }
}

.inner._m1200 {
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .inner._m1200 {
    max-width: none;
    margin: 0 auto;
    padding: 0;
  }
}

.inner._contact {
  max-width: 765px;
  margin: 0 auto;
  padding-top: 72px;
}

@media screen and (max-width: 767px) {
  .inner._contact {
    max-width: none;
    margin: 0 auto;
    padding: 30px 22px 64px;
  }
}

.heading {
  color: #782e93;
  font-size: 2.8rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .heading {
    font-size: 2rem;
    z-index: -1;
    position: relative;
  }
}

.heading._small {
  color: #782e93;
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1.77777;
}

@media screen and (max-width: 767px) {
  .heading._small {
    font-size: 2rem;
    z-index: 0;
    position: relative;
  }
}

.heading._admission {
  margin-bottom: 60px;
}

.heading_text {
  position: relative;
  text-align: center;
}

.heading_text::before {
  content: "";
  background: url(img/icon_heading.svg) no-repeat;
  width: 56px;
  height: 54px;
  position: absolute;
  top: -30px;
  display: inline-block;
  margin-left: -70px;
}

@media screen and (max-width: 767px) {
  .heading_text::before {
    width: 50%;
  }
}

.heading_text._small {
  text-align: left;
  position: relative;
  padding-left: 52px;
}

.heading_text._small::before {
  content: "";
  background: url(img/icon_heading-small.svg) no-repeat;
  width: 37px;
  height: 46px;
  position: absolute;
  top: 15px;
  transform: translateY(-50%);
  left: 0;
  display: inline-block;
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .heading_text._small::before {
    width: 50%;
  }
}

.heading span {
  margin-top: 17px;
  font-size: 1.4rem;
  display: block;
}

@media screen and (max-width: 767px) {
  .heading span {
    font-size: 1rem;
  }
}

.heading._topnews {
  margin-bottom: 33px;
}

@media screen and (max-width: 767px) {
  .heading._topnews {
    margin-bottom: 43px;
  }
}

.heading._topabout {
  margin-bottom: 96px;
}

@media screen and (max-width: 767px) {
  .heading._topabout {
    margin-bottom: 40px;
  }
}

.btn {
  text-align: right;
  margin-bottom: 32px;
  position: relative;
  padding-bottom: 12px;
}

@media screen and (max-width: 767px) {
  .btn {
    margin-bottom: 40px;
    position: relative;
    text-align: center;
  }
}

.btn._big {
  position: absolute;
  bottom: 0;
  right: 0;
}

.btn a {
  position: relative;
  display: inline-block;
  color: #000000;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-decoration: none;
  padding: 10px 46px 16px 0;
}

.btn a:hover::after {
  background-position: left bottom;
}

.btn a::after {
  content: "";
  background-image: url("img/link_hover-more.png");
  background-repeat: no-repeat;
  width: 123px;
  height: 9px;
  position: absolute;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  transition: all 0.3s linear;
}

.btn a::before {
  content: "";
  background: url(img/icon_arrow-black.svg) no-repeat;
  width: 17px;
  height: 17px;
  display: inline-block;
  position: absolute;
  right: 0;
}

.footer {
  background-color: #e3d4e9;
  padding: 70px 0 96px 0;
  margin-top: 120px;
}

@media screen and (max-width: 767px) {
  .footer {
    margin-top: 140px;
    padding: 45px 30px;
  }
}

.footer._top {
  margin-top: 433px;
}

@media screen and (max-width: 767px) {
  .footer._top {
    margin-top: 140px;
  }
}

.footer._about {
  margin-top: 231px;
}

@media screen and (max-width: 767px) {
  .footer._about {
    margin-top: 80px;
  }
}

.copyright {
  padding: 45px 0;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  background-color: #ffffff;
}

@media screen and (max-width: 767px) {
  .copyright {
    padding: 66px 0 90px;
  }
}

.pagetop {
  position: relative;
}

.pagetop img {
  position: absolute;
  right: 16.66666%;
  bottom: -30px;
}

@media screen and (max-width: 767px) {
  .pagetop img {
    right: initial;
    left: 50%;
    transform: translateX(-50%);
    width: 76px;
    bottom: -40px;
  }
}

.fadein {
  opacity: 0;
  transition: all 1.5s ease-in-out;
}

.fadein.scrollin {
  opacity: 1;
}

.lefttoright {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 1.3s cubic-bezier(0.71, 0, 0.58, 1);
}

.lefttoright.scrollin {
  opacity: 1;
  transform: translateX(0);
}

.js-toptobottom {
  opacity: 0;
  transform: translateY(-50px);
  transition: all 1.3s cubic-bezier(0.71, 0, 0.58, 1);
}

.js-toptobottom.scrollin {
  opacity: 1;
  transform: translateY(0);
}

.pagettl_image {
  width: 100%;
}

.pagettl_image img {
  max-width: 100%;
  height: auto;
  padding-right: 17.1875%;
}

@media screen and (max-width: 767px) {
  .pagettl_image img {
    padding-top: 80px;
    padding-right: 0;
    max-width: none;
    -o-object-fit: cover;
       object-fit: cover;
    height: 263px;
    width: 100vw;
  }
}

.pagettl_head {
  margin-top: 124px;
  margin-bottom: 148px;
}

@media screen and (max-width: 767px) {
  .pagettl_head {
    max-width: none;
    margin: 0 auto;
    padding: 115px 15px 0;
  }
}

.text {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 15;
  line-height: 2;
}

.text._center {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .text._mb {
    margin-bottom: 24px;
  }
}

.mt50 {
  margin-top: 50px;
}

.table {
  position: relative;
  margin-top: 100px !important;
  margin-bottom: 41px;
}

@media screen and (max-width: 767px) {
  .table {
    margin-top: 0 !important;
    padding-bottom: 0;
  }
}

.table table {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .table table {
    width: 100%;
  }
}

.table._admission {
  margin-top: 56px !important;
  margin-bottom: 40px !important;
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .table._admission {
    margin-bottom: 20px !important;
  }
}

.table._admission table {
  width: 100%;
}

.table._admission table th {
  width: 285px;
}

@media screen and (max-width: 767px) {
  .table._admission table th {
    display: table-cell;
    width: initial;
  }
}

.table._admission table td {
  text-align: center;
}

.table._admission table td a {
  text-decoration: none;
  color: black;
}

@media screen and (max-width: 767px) {
  .table._admission table td {
    display: table-cell;
    width: initial;
  }
}

.table._admission table td:nth-of-type(2) {
  width: 220px;
  background-color: #fce7f3;
}

@media screen and (max-width: 767px) {
  .table._admission table td:nth-of-type(2) {
    display: table-cell;
    width: initial;
  }
}

.table tr {
  border-bottom: 1px solid #be9bcc;
}

.table tr:nth-of-type(1) {
  border-top: 1px solid #be9bcc;
}

.table th {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  vertical-align: middle;
  background-color: #e3d4e9;
  padding: 25px 0;
  width: 112px;
}

@media screen and (max-width: 767px) {
  .table th {
    font-size: 1.3rem;
    padding: 12px 0;
    display: block;
    width: 100%;
    border-bottom: 1px solid #be9bcc;
  }
}

.table td {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  vertical-align: middle;
  background-color: #ffffff;
  padding: 0 31px;
  width: 420px;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .table td {
    font-size: 1.3rem;
    padding: 12px 4px;
    text-align: center;
    display: block;
    width: 100%;
    text-decoration: none !important;
    color: #000000;
    pointer-events: none;
  }
}

.table_col2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
}

@media screen and (max-width: 767px) {
  .table_col2 {
    display: block;
  }
}

.table_col2 td a {
  text-decoration: none;
  color: black;
}

.table._about {
  padding-bottom: 64px;
}

.table._about::after {
  background-color: #fdf8ff;
  content: "";
  position: absolute;
  bottom: 0;
  height: 2044px;
  width: 100%;
  display: inline-block;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .table._about::after {
    height: 3174px;
  }
}

.table._admission::after {
  content: none;
}

#feature {
  padding-top: 84px;
}

.apprec {
  background-color: #fdf8ff;
  padding: 64px 0 82px;
}

@media screen and (max-width: 767px) {
  .apprec {
    padding: 64px 0 0;
  }
}

.apprec .text {
  margin-top: 60px;
}

.apprec .text._admission {
  margin-top: 0;
  margin-bottom: 30px;
  display: inline-block;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .apprec .text._admission {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .apprec_link {
    text-align: center;
  }
}

.apprec_linkbtn {
  display: inline-block;
  margin-left: 40px;
}

@media screen and (max-width: 767px) {
  .apprec_linkbtn {
    margin-left: 0;
    margin-bottom: 24px;
  }
}

.apprec_couter-heading {
  padding: 14px 52px;
  background-color: #9c61b2;
  border-radius: 50px;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 1.5px;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .apprec_couter-heading {
    display: block;
    text-align: center;
    margin-bottom: 16px;
  }
}

.apprec_couter-text {
  display: inline-block;
  margin-left: 54px;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 1.5px;
}

@media screen and (max-width: 767px) {
  .apprec_couter-text {
    margin-left: 0;
  }
}

.apprec_couter-text span {
  font-weight: 600;
}

.price {
  background-color: #fff4fa;
  padding: 64px 0 82px;
}

.temporary {
  background-color: #f5faff;
  padding: 64px 0 82px;
  position: relative;
}

.temporary::after {
  content: "";
  background: url(img/pic_admission-temporary.png) no-repeat;
  width: 471px;
  height: 365px;
  display: inline-block;
  position: absolute;
  top: -70px;
  right: 270px;
}

@media screen and (max-width: 767px) {
  .temporary::after {
    width: 360px;
    height: 279px;
    top: 280px;
    left: 50%;
    transform: translateX(-50%);
    background-size: contain;
  }
}

.tour {
  background-color: #fff;
  padding: 64px 0 82px;
}



.sumally {
  margin-top: 40px;
  margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
  .sumally._top {
    margin-top: 300px;
  }
}

.sumally-heading {
  padding: 7px 20px;
  background-color: #9c61b2;
  border-radius: 50px;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 1.5px;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 110px;
}

@media screen and (max-width: 767px) {
  .sumally-heading {
    margin-bottom: 16px;
  }
}

.sumally-text {
  display: inline-block;
  margin-left: 26px;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 1.5px;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .sumally-text {
    margin-left: 0;
    display: block;
  }
}

.sumally-text span {
  font-weight: 600;
  color: #9c61b2;
}

.preschool_col2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}

@media screen and (max-width: 767px) {
  .preschool_col2 {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .preschool_imgcolumn {
    max-width: 331px;
  }
}

@media screen and (max-width: 767px) {
  .preschool_imgcolumn img {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .contact_wrap {
    padding: 0 22px;
  }
}

.contact_bnr {
  max-width: 848px;
  margin: 80px auto 32px;
}

@media screen and (max-width: 767px) {
  .contact_bnr {
    max-width: 331px;
    margin: 32px auto 32px;
  }
}

.contact_bnr img {
  width: 100%;
  height: auto;
}

.contact_item {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .contact_item {
    display: block;
    margin-bottom: 32px;
  }
}

.contact_item dt {
  width: 20%;
}

.contact_item dd {
  width: 80%;
}

@media screen and (max-width: 767px) {
  .contact_item dd {
    width: 100% !important;
  }
}

.contact_item._mail {
  align-items: start;
}

.contact_item._mail .mfp.ttl {
  margin-top: 14px;
}

.contact_buttons {
  text-align: center;
}

.contact_buttons button {
  background-color: #782e93;
  border: none;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 400;
  padding: 10px 40px;
  width: 322px;
  max-height: 50px;
  position: relative;
  vertical-align: middle;
  text-align: left;
  letter-spacing: 0.1em;
  cursor: pointer;
  transition: 0.3s all;
}

.contact_buttons button::after {
  content: "";
  background: url(img/icon_arrow-white.svg) no-repeat;
  width: 19px;
  height: 19px;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
}

.contact_buttons button:hover {
  opacity: 0.5;
}

.contact_form {
  margin-bottom: 62px;
}

.contact_thanks {
  padding: 48px 0;
}

.contact_thanks-ttl {
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: 32px;
}

.contact_thanks-text {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 24px;
}

.mfp {
  display: inline-block;
}

.mfp.ttl {
  margin-right: 22px;
  font-size: 1.4rem;
  letter-spacing: 1px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .mfp.ttl {
    margin-bottom: 10px;
  }
}

.mfp.ttl span {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .mfp.ttl span {
    position: initial;
    transform: initial;
  }
}

@media screen and (max-width: 767px) {
  .mfp.ttl {
    width: initial;
    text-align: left;
    display: block;
  }
}

.mfp.ttl._detail span {
  position: initial;
  margin: 20px 0;
}

@media screen and (max-width: 767px) {
  .mfp.ttl._detail span {
    margin: 0 0 0 10px;
  }
}

.mfp input {
  padding: 13px 20px;
  width: 100% !important;
  border: none;
  background-color: #fdf8ff;
  border-radius: 10px;
  position: relative;
}

.mfp textarea {
  padding: 13px 20px;
  width: 100% !important;
  height: 170px !important;
  border: none;
  background-color: #fdf8ff;
  border-radius: 10px;
  resize: none;
  font-size: 1.6rem;
  line-height: 2;
}

.mfp_rows._tel {
  display: flex;
  align-items: center;
}

.mfp_rows._tel input {
  width: 130px !important;
}

@media screen and (max-width: 767px) {
  .mfp_rows._tel input {
    width: 100% !important;
  }
}

.mfp_rows._tel span {
  padding: 0 10px;
  font-weight: 600;
  color: #a471b7;
}

.mfp_rows._postal {
  display: flex;
  align-items: center;
}

.mfp_rows._postal input {
  width: 87px !important;
}

.mfp_rows._postal input._ml {
  margin-left: 24px;
}

.mfp_rows._postal span {
  padding: 0 10px;
  font-weight: 600;
  color: #a471b7;
}

.postal::before {
  content: "";
  background: url(img/icon_postalcode.svg) no-repeat;
  width: 14px;
  height: 14px;
  display: inline-block;
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.iparent {
  position: relative;
}

.multi {
  margin-top: 18px;
}

.must {
  background-color: #782e93;
  font-size: 11px;
  color: #ffffff;
  font-weight: 200;
  padding: 4px 8px;
  text-align: center;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .must {
    margin: 0 0 0 10px;
  }
}

.mfp_err {
  display: none;
  padding: 8px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 200;
  color: #ff1010;
  background-color: #ffe6e6;
  margin: 12px 0;
}

.confirmttl {
  font-size: 14px;
  line-height: 2.1;
  text-align: center;
  margin-bottom: 80px;
}

#mfp_hidden {
  display: none;
}



/*---------------slick.css----------------------*/

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



/*---------------slick.css----------------------*/

/*-------------追加CSS---------------------*/

.blogtext p{
	margin-bottom:20px;
}

.blogtext h2{
	font-size:3.3rem;
	margin-bottom:25px;
}

.blogtext h3{
	font-size:2.8rem;
	margin-bottom:25px;
}

.blogtext img{
	max-width:100%;
	height:auto;
	margin:20px 0;
}

.news_paging-prev a{
	text-decoration: none;
	color:black;
}

.news_paging-next a{
	text-decoration: none;
	color:black;
}






@media screen and (max-width: 480px) {
	
.blogtext p{
	margin-bottom:15px;
}

.blogtext h2{
	font-size:2rem;
	margin-bottom:20px;
}

.blogtext h3{
	font-size:1.8rem;
	margin-bottom:20px;
}

.blogtext img{
	max-width:100%;
	height:auto;
	margin:10px 0;
}

}



/*追加CSS*/

.enflex{
  display: flex;
  width: 100%;
}

.endayori{
  display: flex;
  flex-wrap: wrap;
  width: 85%;
  box-sizing: border-box;
  padding-right: 20px;
}

.en-archive{
  width: 15%;
  padding-left: 20px;
  box-sizing: border-box;
}

.enlist{
   width: 31.2%;
   margin: 0 1%;
   margin-bottom: 20px;
   padding: 35px 20px;
   box-sizing: border-box;
   background:#e3d4e9; 
}

.enlist .thumb img{
  max-width: 100%;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.pdflink{
  display: block;
  font-size: 14px;
  color: white;
  background: #9249ad;
  text-decoration: none;
  padding: 17px 0;
  letter-spacing: 0.07em;
  text-align: center;
  border-radius: 25px;
  transition: 0.4s;
}

.pdflink:hover{
  opacity: 0.6;
}


.entitle{
  margin-bottom: 120px!important;
}

.en-archive h3{
  font-size: 17px;
  font-weight: bold;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.en-archive h3:after{
    content: "";
    background: url(img/btn_underscore-select.png) no-repeat;
    width: 100%;
    height: 6px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.en-archive a{
  text-decoration: none;
  color: black;
  font-size: 16px;
  display: block;
  margin: 20px 0;
  transition: 0.4s;
}

.en-archive a:hover{
  opacity: 0.6;
} 

.endayori-footer{
  margin-top: 230px;
}

.enspace{
  letter-spacing: 0.1em;
}

.pagenation{
  position: relative;
  padding: 78px 0;
}

.pagenation:before{
  content: '';
  background: url(img/illust_pageing.svg);
  background-size: cover;
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    width: 71px;
    height: 53px; 
}

.pagenation .wp-pagenavi a{
  border: none;
  font-size: 1.4rem;
  font-weight: bold;
  position: relative;
  color: black;
  transition: 0.4s;
}

.pagenation .wp-pagenavi a:hover{
  opacity: 0.5;
}

.pagenation .wp-pagenavi .nextpostslink{
  float: right;
  padding-right: 40px;
}

.pagenation .wp-pagenavi .previouspostslink{
  padding-left: 40px;
}

.pagenation .wp-pagenavi .previouspostslink:before{
    content: "";
    background: url(img/icon_arrow-purple.svg) no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.pagenation .wp-pagenavi .nextpostslink:after{
    content: "";
    background: url(img/icon_arrow-purple.svg) no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    right: 0;
}

.enlist img.enicon{
  width: 13px;
  height: 13px;
  margin-left: 3px;
  position: relative;
  top: 1px;
}

.enlink{
  width: 121px;
  height: 122px;
}

.en-eria{
  width: 650px;
  display: block;
  margin:100px auto 0;
  background:#9C61B2;
  display: flex;
  text-decoration: none;
  color: white;
  border-radius: 10px;
  justify-content: space-between;
  transition: 0.3s;
  max-width: 100%;
}

.en-eria:hover{
  opacity: 0.7;
}


.tlimg{
  margin-left:15px;	
  width: 135px;
  height: 105px; 
  margin-top: 30px;  
}

.trimg{
  width: 160px;
  height:auto;
  position:relative;
  bottom:14px;
}

.entext{
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  color: white;
  margin-top: 33px;
  line-height: 1.4;
}

.entext span{
  display: block;
  font-size: 13px;
  margin-top: 10px;

}

.spV{
  display: none;
}


@media screen and (max-width: 1000px){

  .enlist{
    width: 48%;
    margin:0 1% 25px;
  }


}




@media screen and (max-width: 767px){

  .enflex{
    display: block;
  }

  .endayori{
    width: 100%;
    padding: 0;
  }

  .en-archive{
    width: 100%;
    padding: 0;
    margin-top: 45px;
  }

  .entitle{
    margin-bottom:80px!important;
  }

  .enlist{
    padding: 25px 15px;
  }

  .pdflink{
    font-size: 12px;
  }

  .en-eria{
    margin-top: 70px;
    max-width: 95%;
  }

  .entext{
    font-size: 22px;
    margin:25px 0 ;
  }

  .entext span{
    font-size: 12px;
  }

  .trimg{
    width: 128px;
  }

  .tlimg{
    width: 108px;
    height: 84px;
  }

  .pcV{
    display: none;
  }

  .spV{
    display: block;
  }


}


@media screen and (max-width: 480px){

  .enlist{
    width: 100%;
    margin:0 0 25px;
  }

  .pagenation .wp-pagenavi .previouspostslink{
    padding-left: 30px;
  }

  .pagenation .wp-pagenavi .nextpostslink{
    padding-right: 30px;
  }

  .tlimg{
    width: 65px;
    height: 50px;
    margin-top: 25px;
  }

  .trimg{
    width: 80px;
    height: auto;
	bottom:8px;
  }

  .entext{
    font-size: 17px;
    margin: 15px 0;
  }

  .entext span{
    font-size: 10px;
    margin-top: 5px;
  }



}

@media screen and (min-width: 767px){
	
	.preschool1{
		width:411px
	}
	
	.preschool2{
		width:274px
	}
	
	.gnav_list.left.ver2{
		margin-left:33%;
	}

  .subnav_imgbtn.access.recruit{
    position: relative;
    left: -90px;
    margin-top: 30px;
  }
	
}