@charset "UTF-8";
/* ==========================================================================
   変数
========================================================================== */
/* ==========================================================================
   リセット
 ========================================================================== */
* {
  box-sizing: border-box;
}

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

img {
  border-style: none;
  vertical-align: bottom;
  max-width: 100%;
}

svg:not(:root) {
  overflow: hidden;
}

a {
  text-decoration: none;
  color: #534741;
  transition: 0.5s;
}

/**************************
頻出MIXIN
***************************/
/*明朝*/
/*文字数制限（折り返し）*/
/*文字数制限（行）*/
.ellipsis {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ==========================================================================
      font-size
========================================================================== */
html {
  font-size: 62.5%;
}

span,
a,
p,
th,
td,
ul,
ol,
li,
dl,
dt,
dd,
b,
i,
div {
  font-size: clamp(1.4rem, 0.8vw + 0.5rem, 1.8rem);
}

h1 {
  font-size: clamp(3rem, 3vw, 4.5rem);
  line-height: 1.6;
  font-weight: 400;
  font-feature-settings: "palt";
}

h2 {
  font-size: clamp(2.4rem, 2vw, 3.6rem);
  font-weight: 400;
  line-height: 1.6;
}

h3 {
  font-size: clamp(1.8rem, 1.5vw + 0.5rem, 2.4rem);
  line-height: 1.6;
  font-weight: 400;
}

h4 {
  font-size: clamp(1.35rem, 1.1vw + 1rem, 2rem);
  line-height: 1.8;
  font-weight: 400;
}

h5 {
  font-size: clamp(1.2rem, 0.9vw + 1rem, 1.8rem);
  line-height: 1.8;
}

.big-text {
  font-size: clamp(1.4rem, 1vw + 0.5rem, 1.8rem);
}

.text {
  font-size: clamp(1.2rem, 0.8vw + 0.5rem, 1.6rem);
}

.sm_text {
  font-size: clamp(1.2rem, 0.8vw + 0.5rem, 1.4rem);
}

/* ==========================================================================
      common
========================================================================== */
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック体", "メイリオ", Meiryo, sans-serif;
  font-size: clamp(1.4rem, 0.8vw + 0.5rem, 1.8rem);
  color: #534741;
  background: #fff;
  letter-spacing: 0;
  line-height: 1.8;
  font-weight: 400;
  overflow-wrap: break-word;
  word-break: normal;
  overflow-x: hidden;
  max-width: 100vw;
  word-wrap: break-word;
}

section {
  padding: 5rem 0;
}

.ap_inner {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}

.ap_tb_visible {
  display: none;
}

.ap_sm_visible {
  display: none;
}

@media screen and (max-width: 1024px) {
  .ap_tb_visible {
    display: block;
  }
  .ap_tb_hidden {
    display: none !important;
  }
}
@media screen and (max-width: 599px) {
  .ap_sm_hidden {
    display: none !important;
  }
  .ap_sm_visible {
    display: block;
  }
}
/* ==========================================================================
margin_style
========================================================================== */
.mb0 {
  margin-bottom: clamp(0rem, 0vw, 0rem);
}

.mt0 {
  margin-top: clamp(0rem, 0vw, 0rem);
}

.mb5 {
  margin-bottom: clamp(0.25rem, 0.5vw, 0.5rem);
}

.mt5 {
  margin-top: clamp(0.25rem, 0.5vw, 0.5rem);
}

.mb10 {
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.mt10 {
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.mb15 {
  margin-bottom: clamp(0.75rem, 1.2vw, 1.5rem);
}

.mt15 {
  margin-top: clamp(0.75rem, 1.2vw, 1.5rem);
}

.mb20 {
  margin-bottom: clamp(1rem, 1.5vw, 2rem);
}

.mt20 {
  margin-top: clamp(1rem, 1.5vw, 2rem);
}

.mb25 {
  margin-bottom: clamp(1.25rem, 2vw, 2.5rem);
}

.mt25 {
  margin-top: clamp(1.25rem, 2vw, 2.5rem);
}

.mb30 {
  margin-bottom: clamp(1.5rem, 2.5vw, 3rem);
}

.mt30 {
  margin-top: clamp(1.5rem, 2.5vw, 3rem);
}

.mb35 {
  margin-bottom: clamp(1.75rem, 3vw, 3.5rem);
}

.mt35 {
  margin-top: clamp(1.75rem, 3vw, 3.5rem);
}

.mb40 {
  margin-bottom: clamp(2rem, 3.5vw, 4rem);
}

.mt40 {
  margin-top: clamp(2rem, 3.5vw, 4rem);
}

.mb45 {
  margin-bottom: clamp(2.25rem, 4vw, 4.5rem);
}

.mt45 {
  margin-top: clamp(2.25rem, 4vw, 4.5rem);
}

.mb50 {
  margin-bottom: clamp(2.5rem, 4.5vw, 5rem);
}

.mt50 {
  margin-top: clamp(2.5rem, 4.5vw, 5rem);
}

.mb55 {
  margin-bottom: clamp(2.75rem, 5vw, 5.5rem);
}

.mt55 {
  margin-top: clamp(2.75rem, 5vw, 5.5rem);
}

.mb60 {
  margin-bottom: clamp(3rem, 5.5vw, 6rem);
}

.mt60 {
  margin-top: clamp(3rem, 5.5vw, 6rem);
}

.mb65 {
  margin-bottom: clamp(3.25rem, 6vw, 6.5rem);
}

.mt65 {
  margin-top: clamp(3.25rem, 6vw, 6.5rem);
}

.mb70 {
  margin-bottom: clamp(3.5rem, 6.5vw, 7rem);
}

.mt70 {
  margin-top: clamp(3.5rem, 6.5vw, 7rem);
}

.mb75 {
  margin-bottom: clamp(3.75rem, 7vw, 7.5rem);
}

.mt75 {
  margin-top: clamp(3.75rem, 7vw, 7.5rem);
}

.mb80 {
  margin-bottom: clamp(4rem, 7.5vw, 8rem);
}

.mt80 {
  margin-top: clamp(4rem, 7.5vw, 8rem);
}

.mb85 {
  margin-bottom: clamp(4.25rem, 8vw, 8.5rem);
}

.mt85 {
  margin-top: clamp(4.25rem, 8vw, 8.5rem);
}

.mb90 {
  margin-bottom: clamp(4.5rem, 8.5vw, 9rem);
}

.mt90 {
  margin-top: clamp(4.5rem, 8.5vw, 9rem);
}

.mb95 {
  margin-bottom: clamp(4.75rem, 9vw, 9.5rem);
}

.mt95 {
  margin-top: clamp(4.75rem, 9vw, 9.5rem);
}

.mb100 {
  margin-bottom: clamp(5rem, 9.5vw, 10rem);
}

.mt100 {
  margin-top: clamp(5rem, 9.5vw, 10rem);
}

/* ==========================================================================
      font_style
========================================================================== */
.ap_center_text {
  text-align: center !important;
}

.ap_right_text {
  text-align: right !important;
}

.ap_left_text {
  text-align: left !important;
}

.ap_primary,
.ap_primary a,
a.ap_primary {
  color: #EA7B8F;
}

.ap_secondary,
.ap_secondary a,
a.ap_secondary {
  color: #FEF2F3;
}

.ap_thirdly,
.ap_thirdly a,
a.ap_thirdly {
  color: #f4f9ff;
}

.ap_bg_primary {
  background: #EA7B8F;
}

.ap_bg_secondary {
  background: #FEF2F3;
}

.ap_bg_thirdly {
  background: #f4f9ff;
}

/* ==========================================================================
   button_style
========================================================================== */
#header {
  position: relative;
}

.ap_menu_btn_trigger {
  position: relative;
  width: 35px;
  height: 30px;
  cursor: pointer;
}

.ap_menu_btn_trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #000;
  border-radius: 50px;
}

.ap_menu_btn_trigger,
.ap_menu_btn_trigger span {
  display: inline-block;
  transition: all 0.5s;
  box-sizing: border-box;
}

.ap_menu_btn_trigger span:nth-of-type(1) {
  top: 0;
}

.ap_menu_btn_trigger span:nth-of-type(2) {
  top: 13.5px;
}

.ap_menu_btn_trigger span:nth-of-type(3) {
  bottom: 0;
}

.ap_menu_btn_trigger.active span:nth-of-type(1) {
  transform: translateY(13.5px) rotate(-45deg);
}

.ap_menu_btn_trigger.active span:nth-of-type(2) {
  left: 50%;
  opacity: 0;
  animation: active-btn05-bar02 0.8s forwards;
}
@keyframes active-btn05-bar02 {
  100% {
    height: 0;
  }
}
.ap_menu_btn_trigger.active span:nth-of-type(3) {
  transform: translateY(-13.5px) rotate(45deg);
}

/* ==========================================================================
      input_style
========================================================================== */
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea,
select {
  color: #666;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  display: block;
  padding: 0.7em;
  border: 1px solid #666;
  width: 100%;
  transition: 0.25s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border-radius: 3px;
  min-height: 4rem;
}

input[type=text]:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=date]:hover,
input[type=tel]:hover,
textarea:hover,
textarea:focus,
select:hover,
select:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=date]:focus {
  transition: 0.25s;
  box-shadow: 0px 0px 10px 0.2px #EA7B8F;
  outline: 0;
}
input[type=text]:hover::-moz-placeholder, input[type=email]:hover::-moz-placeholder, input[type=password]:hover::-moz-placeholder, input[type=date]:hover::-moz-placeholder, input[type=tel]:hover::-moz-placeholder, textarea:hover::-moz-placeholder, textarea:focus::-moz-placeholder, select:hover::-moz-placeholder, select:focus::-moz-placeholder, input[type=text]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=date]:focus::-moz-placeholder {
  font-size: 0;
  color: #fff;
}
input[type=text]:hover::placeholder,
input[type=email]:hover::placeholder,
input[type=password]:hover::placeholder,
input[type=date]:hover::placeholder,
input[type=tel]:hover::placeholder,
textarea:hover::placeholder,
textarea:focus::placeholder,
select:hover::placeholder,
select:focus::placeholder,
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=date]:focus::placeholder {
  font-size: 0;
  color: #fff;
}

/*チェックボックスのCSS*/
input[type=checkbox] {
  position: absolute;
  opacity: 0;
}

input[type=radio] {
  position: absolute;
  opacity: 0;
}

.wpcf7-list-item {
  position: relative;
  display: block;
  margin: 0 0 1rem 0;
}

/*チェックボックスの枠*/
.wpcf7-list-item-label:before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  top: -3px;
  margin-right: 1rem;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  background: #fff;
  border: 1px solid #666;
}

/* ==========================================================================
  電話番号
========================================================================== */
@media screen and (min-width: 599px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
/***********************************/
/*お問い合わせ
/*オリジナルデザインがある場合は適宜変更してください
/************************************/
.ap_contact_form_wrap input[type=submit] {
  background: #EA7B8F;
  border: 2px solid #EA7B8F;
  color: #fff;
  padding: 2rem 2rem;
  margin: 2rem 0;
  font-size: 2rem;
  min-width: 30rem;
  border-radius: 1rem;
  transition: 0.5s;
  cursor: pointer;
}
.ap_contact_form_wrap input[type=submit]:hover {
  color: #EA7B8F;
  background: #fff;
}

.ap_height_center {
  align-items: center;
  border-bottom: 1px dotted #EA7B8F;
  padding: 2rem 0;
  display: flex;
}
.ap_height_center .ap_contact_left {
  width: 30%;
}
.ap_height_center .ap_contact_left p {
  font-weight: bold;
}
.ap_height_center .ap_contact_right {
  width: 70%;
}

.ap_required {
  background: #EA7B8F;
  color: #fff;
  font-size: 10px;
  border-radius: 3px;
  padding: 0.5rem;
  margin-left: 1rem;
}

.address_wrap p > span {
  font-size: 14px;
  min-width: 100px;
  text-align: left;
  flex-shrink: 0;
}

.address_wrap > p, .address_wrap label {
  width: 100%;
}

.address_wrap > p {
  margin-bottom: 10px;
}

.wpcf7-spinner {
  display: none;
}

/*チェックアイコン URLは適宜変更*/
input[type=checkbox]:checked + .wpcf7-list-item-label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url("/img/check.png") no-repeat center;
  background-size: contain;
}

input[type=radio]:checked + .wpcf7-list-item-label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url("/img/check.png") no-repeat center;
  background-size: contain;
}

@media screen and (max-width: 1024px) {
  .ap_height_center {
    display: block;
  }
  .ap_height_center .ap_contact_left {
    width: 100%;
    margin-bottom: 1.5rem;
  }
  .ap_height_center .ap_contact_right {
    width: 100%;
  }
}
/***********************************/
/*初期ページャ*/
/*オリジナルデザインがある場合は適宜変更してください*/
/************************************/
.nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-links a, .nav-links span {
  min-width: 3rem;
  min-height: 3rem;
  color: #c3c3c3;
  display: block;
  text-align: center;
  margin: 0 0.8rem;
  padding: 0 1rem;
}

.nav-links span {
  color: #EA7B8F;
}

.prev.page-numbers, .next.page-numbers {
  min-width: 5rem;
  min-height: 5rem;
  border-radius: 5px;
  background: #F6F6F6;
  color: #EA7B8F;
  border: 1px solid #c3c3c3;
  line-height: 5rem;
  padding: 0;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none !important;
}

/*お知らせシングルのページャー*/
.news_pager > div {
  width: 30%;
}

.news_pager > a {
  width: 30%;
}

.news_pager > p {
  width: 30%;
}

.news_pager .end {
  text-align: right;
}

.news_pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.news_pager .ap_flex, .news_pager a, .news_pager p {
  color: #EA7B8F;
  text-decoration: underline;
}
.news_pager a {
  text-align: center;
}
.news_pager .end {
  justify-content: flex-end;
}

.ap_news_pager_title {
  text-align: center;
}
.ap_news_pager_title h2 {
  font-size: 3rem;
  color: #EA7B8F;
}

.news_pager > a {
  width: 10%;
  text-align: center;
  flex-shrink: 0;
  white-space: nowrap;
  text-decoration: underline;
}

.ap_flex {
  display: flex;
}

.ap_flex.center {
  position: relative;
  align-items: center;
}

.ap_flex.just_center {
  justify-content: center;
}

/***********************************/
/*初期メニュー*/
/*オリジナルデザインがある場合は適宜変更してください*/
/************************************/
/*トグルメニューの位置*/
.ap_menu {
  display: none;
  transition: 0.5s;
  position: fixed;
  z-index: 999;
  right: 0;
  top: 0;
  background: #EA7B8F;
  padding: 1.5rem;
}

.ap_menu_btn_trigger span {
  background: #fff;
}

/*トグルメニューの初期レイアウト*/
.ap_menu_box ul li {
  text-align: left;
}

.ap_menu_box ul li a {
  display: inline-block;
  padding: 0.5rem 0;
  text-align: left;
  position: relative;
  font-size: 14px;
}

@media screen and (max-width: 1024px) {
  .ap_menu_box {
    display: block;
  }
  .ap_menu {
    display: block;
  }
}
.ap_menu_box.opacity {
  opacity: 1;
}

.ap_menu_box.open {
  height: 100vh;
  z-index: 999;
}

.ap_menu {
  display: none;
  transition: 0.5s;
  position: fixed;
  z-index: 999;
  right: 3.5rem;
  top: 3.5rem;
}

@media screen and (max-width: 1024px) {
  .ap_menu {
    display: block;
  }
}
.ap_menu_box {
  position: fixed;
  width: 100vw;
  transition: 0.5s;
  height: 0;
  overflow: hidden;
  top: 0;
  opacity: 0;
  z-index: 100;
  background: #FFF;
  overflow-y: auto;
}

.ap_menu_box ul {
  margin: 0 auto;
  overflow-y: auto;
}

.ap_menu_box ul li h1 {
  position: relative;
}

.ap_menu_box ul li h1 img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 15px;
  cursor: pointer;
}

.ap_menu_box ul li a {
  font-weight: bold;
  display: inline-block;
  padding: 1rem 0;
  text-align: center;
  font-size: 18px;
  position: relative;
  color: #EA7B8F;
}

.ap_menu_box ul li ul li a {
  font-size: 16px;
  padding: 1rem;
  font-weight: normal;
  color: #333;
}

.ap_menu_box_menu {
  padding-bottom: 1rem;
}

.ap_menu_box_menu li {
  border-bottom: 1px dotted #ccc;
  padding-bottom: -0.5rem;
}

@media screen and (max-width: 1100px) {
  .ap_menu_box.opacity {
    opacity: 1;
  }
  .ap_menu_box.open {
    height: 100vh;
    padding: 20rem 10rem 10rem 10rem;
  }
}
@media screen and (max-width: 599px) {
  .ap_menu_box.open {
    padding: 15rem 3rem 10rem 3rem;
  }
  .ap_menu_box ul li a {
    padding: 1.5rem 0;
    font-size: 16px;
  }
  .ap_menu_box ul li ul li a {
    font-size: 14px;
    padding: 1rem;
    font-weight: normal;
  }
}
/***********************************/
/*初期アニメーション*/
/*オリジナルデザインがある場合は適宜変更してください*/
/************************************/
/*スクロールでフェードイン*/
.fade {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in {
  opacity: 1;
  transform: translateY(0);
}

/*ロード時にフェードイン　上の方の要素に*/
.top_fadein_auto {
  opacity: 0;
  animation-name: fadeInAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes fadeInAnime {
  0% {
    opacity: 0;
    transform: translatey(20px);
  }
  100% {
    opacity: 1;
    transform: translatey(0);
  }
}
/*hoverで画像ズーム*/
.zoom {
  position: relative;
  overflow: hidden;
  display: block;
  width: 50%; /*各画像のdivクラスでサイズは変更すること*/
}

.zoom img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  transition: 0.5s;
}

.zoom:hover img {
  transform: scale(1.1);
}

/* ドキドキしたアニメーション効果用css */
.dokidoki {
  animation-name: dokidoki;
  animation-delay: 0s;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes dokidoki {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  60% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
/*******************
pankuzu
*********************/
.top_pankuzu {
  z-index: 1;
  color: #ccc;
  padding: 1rem 0;
  font-size: 12px;
}
.top_pankuzu span {
  font-size: 12px;
  color: #ccc;
}
.top_pankuzu a span {
  font-size: 12px;
  color: #ccc;
  text-decoration: underline;
}

@media screen and (max-width: 599px) {
  .top_pankuzu {
    width: 100%;
    white-space: nowrap;
    overflow: auto;
    font-size: 10px;
  }
  .top_pankuzu span {
    font-size: 10px;
  }
  .top_pankuzu a span {
    font-size: 10px;
  }
}
/**********************
初期ニュースアーカイブ
***********************/
/*お知らせコンテンツ（共通)*/
.ap_news_flex {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding: 1rem 0;
}
.ap_news_flex a {
  color: #EA7B8F;
  text-decoration: underline;
}

.ap_news_flex_data {
  display: flex;
  align-items: center;
}

.cat-item {
  width: 180px;
  padding: 0.5rem 1rem;
  color: #fff;
  margin: 0 1.5rem;
  text-align: center;
  border-radius: 50px;
  background: #666;
}

.cat-item.cat01 {
  background: #EA7B8F;
}

.cat-item.cat02 {
  background: #ff3300;
}

.cat-item.cat03 {
  background: #ff9900;
}

.cat-item.cat04 {
  background: #99ff00;
}

.cat-item.cat05 {
  background: #00cccc;
}

.cat-item.cat06 {
  background: #0033ff;
}

.ap_news_flex a {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

@media screen and (max-width: 1024px) {
  .ap_news_flex {
    display: block;
  }
  .ap_news_flex_data {
    margin-bottom: 0.5rem;
  }
  .cat-item {
    width: 120px;
  }
}
/************************
GMAP
***********************/
.gmap {
  aspect-ratio: 16/9;
  position: relative;
}

.gmap iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/***************************
header
****************************/
.ap_header_pc {
  display: flex;
  align-items: center;
  background: #fff;
  justify-content: space-between;
  box-shadow: 0 5px 5px rgba(224, 87, 127, 0.1);
  padding: 0 5rem 0 2rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  height: 10rem;
}

.ap_header_pc > h1 {
  line-height: 0;
}
.ap_header_pc > h1 img {
  width: 300px;
}

.ap_header_pc nav > ul {
  display: flex;
  align-items: center;
  gap: clamp(2.5rem, 2.5vw, 5rem);
}

.ap_header_right_menu_parent > a {
  position: relative;
  cursor: pointer;
  line-height: 0;
  font-weight: 400;
}
.ap_header_right_menu_parent > a:hover {
  color: #EA7B8F;
}

.ap_header_right_menu_child {
  position: absolute;
  background: #fff;
  width: 100%;
  left: 0;
  top: 10rem;
  padding: 5rem;
  box-shadow: 0 5px 5px rgba(224, 87, 127, 0.1);
}

.ap_header_right_menu_child {
  transform: scaleY(0);
  transition: all 0.3s;
}

.ap_header_right_menu_child.is-active {
  transform: scaleY(1);
  display: block;
}

.ap_header_right_menu_child_flex {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-height: 70vh;
  overflow-y: auto;
  padding: 0 3rem;
}

.ap_header_right_menu_child_title {
  display: flex;
  align-items: flex-start;
  width: 0;
  display: none;
}

.ap_header_right_menu_child_title h2 {
  font-size: clamp(1.35rem, 1.1vw + 1rem, 2rem);
  margin-bottom: 0.5rem;
  color: #EA7B8F;
  font-weight: 600;
}

.ap_header_right_menu_child_menu {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ap_header_right_menu_child_menu::after {
  width: 30%;
  content: "";
}

.ap_header_right_menu_child_menu > li {
  width: 30%;
  margin-bottom: 3rem;
}

.ap_header_right_menu_child_menu > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
}
.ap_header_right_menu_child_menu > li > a:hover {
  color: #EA7B8F;
}

.ap_header_right_menu_child_menu > li > a::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url("/img/2024/icon04.png") no-repeat center;
  background-size: contain;
}

.ap_header_right_menu_child_menu .course {
  width: 18.75%;
  text-align: center;
}

.ap_header_right_menu_child_menu .course a {
  display: block;
}

.ap_header_right_menu_child_menu .course h3 {
  font-weight: 500;
  margin-bottom: 5px;
}

@media screen and (max-width: 1400px) {
  .ap_header_right_menu_parent > h1, .ap_header_right_menu_parent > a {
    font-size: 14px;
    margin-right: 2rem;
  }
  .ap_header_right_menu_child_menu > li > a {
    font-size: 14px;
  }
  .ap_header_right_menu_child_menu .course h3 {
    font-size: 14px;
  }
  .ap_header_right_menu_child_menu .course h4 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1100px) {
  .ap_header_pc nav > ul {
    display: none;
  }
  .ap_menu {
    display: block;
    background: #EA7B8F;
    border-radius: 50%;
    padding: 2.3rem 2rem 1.7rem 2rem;
    right: 2.5rem;
    top: 1.5rem;
    z-index: 9999;
  }
  .ap_menu_btn_trigger span {
    background: #fff;
  }
}
@media screen and (max-width: 769px) {
  .ap_header_pc > h1 {
    width: 200px;
  }
  .ap_menu {
    right: 1rem;
    top: 1rem;
    transform: scale(0.8);
  }
}
.ap_header_right_menu_parent > h1 {
  font-size: 0;
  line-height: inherit;
}

.ap_header_right_menu_parent > h1 a {
  position: relative;
}

.ap_header_right_menu_parent > h1 a::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  width: 100%;
  height: 5rem;
  background: url("/img/2024/icon03.png") no-repeat center;
  bottom: -3.8rem;
  top: auto;
  background-size: 15px;
}

/*******************************
childheader
*******************************/
.ap_child_header {
  margin-top: 10rem;
  background: url(/img/header01.jpg);
  min-height: clamp(20rem, 20vw, 35rem);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ap_child_header h1 {
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", serif;
  color: #fff;
  text-shadow: 0 0 5px #443130;
  font-weight: 600;
}

.ap_child_header.license_course {
  background: url(/img/license_course.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 70%;
}

.ap_child_header.trial_course {
  background: url(/img/trial_course.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ap_child_header.information {
  background: url(/img/information.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ap_child_header.yakuzen {
  background: url(/img/yakuzen.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.top_pankuzu {
  background: #FEF2F3;
  padding: 1rem;
  white-space: nowrap;
  overflow: auto;
}

.top_pankuzu span {
  color: #666;
  font-size: 12px;
}

.top_pankuzu a span {
  color: #EA7B8F;
  font-size: 12px;
}

/**************************
footer
***************************/
.ap_menu_footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ap_menu_footer > li {
  width: 20%;
}

.ap_menu_footer .ap_menu_footer_title {
  border-bottom: 1px solid #eee;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.ap_menu_footer .ap_menu_footer_title a {
  font-size: 18px;
  font-weight: 500;
  color: #EA7B8F;
}

.ap_menu_footer_child li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 2rem;
}

.ap_menu_footer_child li a::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url("/img/2024/icon04.png") no-repeat center;
  background-size: contain;
}

.ap_menu_footer_child_bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 5rem 0;
}

.ap_menu_footer_child_bottom li {
  padding: 1rem;
  white-space: nowrap;
  text-decoration-color: #EA7B8F;
}

.ap_menu_footer_child_bottom li a {
  color: #EA7B8F;
}

.ap_menu_footer_child_bottom li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1000px) {
  .ap_menu_footer_title a {
    font-size: 16px;
  }
  .ap_menu_footer_child a, .ap_menu_footer_child_bottom a {
    font-size: 14px;
  }
  .ap_menu_footer > li {
    width: 49%;
  }
}
@media screen and (max-width: 769px) {
  .ap_menu_footer {
    display: block;
  }
  .ap_menu_footer > li {
    width: 100%;
  }
  .ap_menu_footer_child_bottom {
    justify-content: flex-start;
  }
}
.ap_all_banner {
  position: fixed;
  right: -2rem;
  bottom: 1%;
  transition: 0.3s;
  opacity: 1;
  z-index: 99;
  width: 25rem;
}

.ap_all_banner.on {
  right: -35rem;
  opacity: 0;
}

.footer_banner img {
  padding: 1rem 2rem;
  width: 100%;
  max-width: 500px;
}

.footer_banner h1 img {
  max-width: 350px;
}

.footer_banner img {
  transition: 0.3s;
  width: 100%;
}

.footer_banner img:hover {
  transform: scale(0.98);
}

.banner_link_flex {
  gap: clamp(1.5rem, 1.5vw, 3rem);
  max-width: 500px;
  margin: 0 auto;
}

.banner_link {
  width: 100%;
}

.banner_link img {
  transition: 0.3s;
  width: 100%;
}

.banner_link img:hover {
  transform: scale(0.98);
}

.lp_sns_wrap {
  text-align: center;
  margin-bottom: 5rem;
}

.lp_sns_wrap a {
  padding: 0.5rem 1rem;
}

@media screen and (max-width: 1000px) {
  .ap_all_banner {
    max-width: 200px;
    bottom: 0;
  }
  .footer_banner {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 599px) {
  .ap_all_banner {
    max-width: 130px;
  }
  .footer_banner .ap_flex {
    display: block;
  }
  .banner_link_flex {
    display: block;
  }
}
/************************
共通アーカイブ
*************************/
.ap_list_wrap > div {
  border-bottom: 1px solid #ccc;
  padding: 1rem 0;
}

.ap_list_wrap > div a {
  display: flex;
  align-items: center;
}
.ap_list_wrap > div a:hover {
  color: #EA7B8F;
}

.ap_list_wrap > div a img {
  margin: 0 1.5rem 0 0;
}

.ap_list_wrap > div a .list_date {
  display: grid;
}

.ap_pink, .ap_pink a, a.ap_pink {
  color: #EA7B8F;
}

/******************************
common
*******************************/
.ap_common_btn {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 1.5rem 1rem;
  max-width: 350px;
  text-decoration: none !important;
  border: #EA7B8F 1px solid;
  border-radius: 50px;
  transform: 0.3s;
  font-size: clamp(1.6rem, 1.5vw + 0.5rem, 2.2rem);
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", serif;
}
.ap_common_btn.pink {
  background: #EA7B8F;
  color: #FFF;
}
.ap_common_btn.pink:hover {
  color: #EA7B8F !important;
  background: #fff;
}
.ap_common_btn.white {
  background: #FFF;
  color: #EA7B8F;
}
.ap_common_btn.white:hover {
  color: #fff;
  background: #EA7B8F !important;
}
.ap_common_btn.fv {
  font-size: clamp(1.8rem, 1.5vw + 0.5rem, 2.4rem);
  background: #FFF;
  color: #534741;
  position: relative;
  z-index: 1;
}
.ap_common_btn.fv b {
  color: #EA7B8F;
  font-size: clamp(1.8rem, 1.5vw + 0.5rem, 2.4rem);
  font-weight: inherit;
}
.ap_common_btn.fv:hover {
  color: #fff;
  background: #EA7B8F !important;
}
.ap_common_btn.fv:hover b {
  color: #fff;
}

.ap_2025_top_h2 {
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", serif;
  color: #EA7B8F;
  font-size: clamp(2.4rem, 2vw + 1rem, 4.2rem);
}
.ap_2025_top_h2.small {
  font-size: clamp(1.8rem, 1.5vw + 0.5rem, 2.4rem);
}
.ap_2025_top_h2.center {
  text-align: center;
}

.ap_course25_h3 {
  font-size: clamp(2.4rem, 2vw, 3.6rem);
  font-weight: 500;
  text-align: center;
  margin: clamp(3rem, 3vw, 6rem) 0 clamp(2.5rem, 2.5vw, 5rem);
  letter-spacing: 0.1em;
  border-top: 1px solid;
  padding: 1rem;
  border-bottom: 1px solid;
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", serif;
  color: #EA7B8F;
}

.ap_course25_h4 {
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", serif;
  font-size: clamp(1.8rem, 1.5vw + 0.5rem, 2.4rem);
  margin-bottom: clamp(1rem, 1vw, 2rem);
}

.ap_course25_h5 {
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", serif;
  font-size: clamp(1.8rem, 1.5vw + 0.5rem, 2.4rem);
  color: #EA7B8F;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: clamp(1rem, 1vw, 2rem);
  font-weight: inherit;
}

.ap_course25_h6_wrap {
  border-bottom: 1px solid #ccc;
  display: flex;
  font-weight: inherit;
  justify-content: space-between;
  padding-right: 1rem;
  margin: clamp(1rem, 1vw, 2rem) 0;
  padding: 1rem 0;
}
.ap_course25_h6_wrap h6 {
  font-weight: inherit;
}
.ap_course25_h6_wrap > p {
  color: #EA7B8F;
}

.ap_course25_h6 {
  font-size: clamp(1.35rem, 1.1vw + 1rem, 2rem);
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", serif;
  display: flex;
  align-items: center;
}

.ap_course25_h6:before {
  content: "";
  width: 15px;
  height: 15px;
  background: #EA7B8F;
  border-radius: 50%;
  margin-right: 10px;
  flex-shrink: 0;
  display: block;
}

@media screen and (max-width: 599px) {
  .ap_course25_h6_wrap {
    flex-direction: column-reverse;
  }
  .ap_course25_h6_wrap p {
    text-align: right;
  }
  .ap_course25_h6_wrap .ap_course25_h6 {
    align-items: self-start;
  }
  .ap_course25_h6:before {
    content: "";
    width: 8px;
    height: 8px;
    margin-right: 5px;
    margin-top: 9px;
  }
}
/******************************
FV
*******************************/
.ap_2025_top01 {
  margin-top: 10rem;
  padding: 0;
}

.ap_2025_top01_flex {
  display: flex;
  align-items: stretch;
}

.ap_2025_top01_flex_img {
  position: relative;
  max-width: clamp(400px, 55vw, 1100px);
  flex: 5;
}
.ap_2025_top01_flex_img > img {
  position: absolute;
  top: 0;
  right: -1px;
  height: 100%;
  width: auto;
  z-index: 9;
}

.ap_2025_top01_flex_text {
  background: #FEF2F3;
  position: relative;
  flex: 5;
  padding: clamp(5rem, 5vw, 10rem) 5rem;
}
.ap_2025_top01_flex_text > img {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  width: clamp(10rem, 15vw, 25rem);
}

.ap_2025_top01_flex_text_H1 {
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", serif;
  color: #EA7B8F;
  font-size: clamp(3rem, 3vw, 4.5rem);
}

.ap_2025_top01_flex_text_H2 {
  font-size: clamp(1.8rem, 1.5vw + 0.5rem, 2.4rem);
  margin: clamp(1.5rem, 1.5vw, 3rem) 0;
  line-height: 2;
}
.ap_2025_top01_flex_text_H2 b {
  color: #EA7B8F;
  border-bottom: 1px solid #EA7B8F;
  font-size: clamp(1.8rem, 1.5vw + 0.5rem, 2.4rem);
  font-weight: inherit;
}

.ap_2025_top01_flex_text_inner {
  display: flex;
  align-items: center;
  height: 100%;
}

.swiper {
  height: 100%;
}
.swiper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 1440px) {
  .ap_2025_top01_flex_text_H1 .ap_tb_hidden {
    display: none;
  }
  .ap_2025_top01_flex_text_H2 .ap_tb_hidden {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .ap_2025_top01_flex {
    display: block;
  }
  .ap_2025_top01_flex_img {
    width: 100%;
    max-width: inherit;
  }
  .ap_2025_top01_flex_img > img {
    display: none;
  }
  .ap_2025_top01_flex_text_inner {
    gap: clamp(2.5rem, 2.5vw, 5rem);
  }
  .ap_2025_top01_flex_text {
    padding: clamp(4rem, 5vw, 10rem) 2.5rem;
  }
}
@media screen and (max-width: 599px) {
  .ap_2025_top01_flex_img .swiper img {
    height: 30vh;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
/**************************
お知らせ
**************************/
.ap_2025_top02 {
  margin-top: clamp(2.5rem, 2.5vw, 5rem);
}

.ap_2025_top02_flex {
  display: flex;
  align-items: center;
  gap: clamp(2.5rem, 2.5vw, 5rem);
}

.ap_2025_top02_title {
  width: 15%;
}
.ap_2025_top02_title h2 {
  margin-bottom: 1.5rem;
  letter-spacing: 0.25em;
}
.ap_2025_top02_title a {
  text-decoration: underline;
}

.ap_2025_top02_content {
  width: 85%;
}
.ap_2025_top02_content .data {
  color: #ccc;
  margin-right: 2rem;
}

.ap_news_flex a {
  width: 90%;
}

@media screen and (max-width: 1024px) {
  .ap_2025_top02_flex {
    display: block;
  }
  .ap_2025_top02_title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .ap_2025_top02_content {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .ap_2025_top02 {
    margin-top: 0;
  }
}
/**************************
アバウト
**************************/
.ap_2025_top03 {
  position: relative;
  padding-bottom: clamp(5rem, 5vw, 10rem);
  padding-top: clamp(2.5rem, 2.5vw, 5rem);
  margin: clamp(5rem, 5vw, 10rem) 0;
}

.ap_2025_top03_imgleft {
  position: absolute;
  left: 0;
  bottom: 10rem;
  width: 18.5%;
}

.ap_2025_top03_imgrihgt_img {
  width: 75%;
  z-index: 1;
  position: absolute;
  right: 5rem;
  top: clamp(37rem, 37vw, 70rem);
  max-width: 450px;
}

.ap_2025_top03_movie {
  position: absolute;
  right: 0;
  top: -7rem;
  width: 100%;
  border-radius: 7px;
}

.ap_2025_top03_flex {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.ap_2025_top03_imgrihgt {
  position: relative;
  flex: 5;
}

.ap_2025_top03_content {
  flex: 6;
  position: relative;
  z-index: 2;
  padding-left: clamp(22rem, 22vw, 42rem);
}
.ap_2025_top03_content p {
  line-height: 2.25;
  margin-bottom: clamp(1.5rem, 1.5vw, 3rem);
  font-size: clamp(1.6rem, 1vw + 0.5rem, 2.2rem);
}
.ap_2025_top03_content .ap_2025_top_h2 {
  margin-bottom: clamp(2.5rem, 2.5vw, 5rem);
}

@media screen and (max-width: 1024px) {
  .ap_2025_top03_content {
    padding-left: 5%;
    padding-right: 5%;
  }
  .ap_2025_top03_imgrihgt {
    width: 40%;
    margin-left: auto;
  }
  .ap_2025_top03_imgleft {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .ap_2025_top03 {
    margin: clamp(2.5rem, 2.5vw, 5rem) 0;
  }
  .ap_2025_top03_flex {
    flex-direction: column;
  }
  .ap_2025_top03_imgrihgt {
    width: 100%;
    margin-left: auto;
    display: flex;
    align-items: start;
    justify-content: flex-end;
  }
  .ap_2025_top03_movie {
    position: relative;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 30rem;
  }
  .ap_2025_top03_imgrihgt_img {
    width: 40%;
    z-index: 1;
    position: absolute;
    right: 5rem;
    min-width: 175px;
    bottom: 0;
    right: 0;
    top: inherit;
  }
  .ap_2025_top03_content {
    width: 100%;
  }
}
/**************************
特徴
**************************/
.ap_2025_top04_flex {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  gap: clamp(2.5rem, 2.5vw, 5rem);
  margin: clamp(4rem, 4vw, 8rem) 0 clamp(5rem, 5vw, 10rem);
}

.ap_2025_top04_flex_box h3 {
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", serif;
  font-size: clamp(1.35rem, 1.1vw + 1rem, 2rem);
  text-align: center;
  margin: clamp(16px, 1.5vw, 3rem) 0;
}

.ap_course_select_table_top {
  margin: clamp(1.5rem, 1.5vw, 3rem) 0;
  border-collapse: collapse;
  width: 100%;
}
.ap_course_select_table_top .ap_default_btn {
  background: #EA7B8F !important;
  color: #fff;
  margin: 1rem 0;
}
.ap_course_select_table_top .ap_default_btn:hover {
  background: #FFF !important;
  color: #EA7B8F;
}

.ap_course_select_table_top th {
  padding: 1.5rem;
  text-align: center;
  vertical-align: top;
  color: #EA7B8F !important;
  background-color: #fef2f3;
  border: 1px solid #EA7B8F;
  text-align: center;
  vertical-align: middle;
  color: #EA7B8F;
  font-weight: inherit;
}
.ap_course_select_table_top th.padding_big {
  padding: clamp(2.5rem, 2.5vw, 5rem);
  text-align: left;
  color: #333 !important;
}

.ap_course_select_table_top td {
  text-align: left;
  padding: 1.5rem;
  border: 1px solid #EA7B8F;
  text-align: center;
  vertical-align: middle;
}

.ap_course_select_table_top_wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}
.ap_course_select_table_top_wrap.sp {
  display: none;
}

.ap_course_select_table_top {
  width: auto;
  min-width: 600px;
  border-collapse: collapse;
  table-layout: fixed;
}

@media screen and (max-width: 599px) {
  .ap_2025_top04_flex {
    grid-template-columns: repeat(2, 1fr);
  }
  .ap_course_select_table_top_wrap.sp {
    display: block;
  }
  .ap_course_select_table_top_wrap.sp td {
    text-align: left !important;
  }
  .ap_course_select_table_top_wrap.sp h4 {
    font-weight: 500;
    color: #EA7B8F;
    font-size: 15px;
    border-left: 4px solid #EA7B8F;
    padding-left: 1.5rem;
    margin: 1rem auto;
  }
  .ap_course_select_table_top_wrap.pc {
    display: none;
  }
}
@media screen and (max-width: 420px) {
  .ap_2025_top04_flex {
    grid-template-columns: repeat(1, 1fr);
  }
}
/***********************
コース
*************************/
.ap_course25_title_wrap {
  position: relative;
  margin-bottom: clamp(5rem, 5vw, 10rem);
}
.ap_course25_title_wrap .ap_course25_title {
  position: absolute;
  right: clamp(0rem, 10vw, 20rem);
  bottom: -3rem;
}

.ap_course25_title_wrap_bottom {
  text-align: center;
  margin-top: clamp(5rem, 5vw, 10rem);
}
.ap_course25_title_wrap_bottom .ap_2025_top_h2 {
  margin-bottom: clamp(2.5rem, 2.5vw, 5rem);
}

.ap_course25_flex {
  display: flex;
  align-items: stretch;
  gap: clamp(2.5rem, 2.5vw, 5rem);
  margin-bottom: clamp(2.5rem, 2.5vw, 5rem);
}
.ap_course25_flex .ap_course25_flex_text {
  flex: 5;
}
.ap_course25_flex .ap_course25_flex_img {
  flex: 5;
}
.ap_course25_flex .ap_course25_flex_img img {
  width: 100%;
}

.ap_course25_flex_box {
  margin: clamp(1rem, 1vw, 2rem) 0;
  background: #FEF2F3;
  padding: clamp(1.5rem, 1.5vw, 3rem);
}
.ap_course25_flex_box b {
  color: #dd1f3f;
  font-weight: inherit;
}
.ap_course25_flex_box a {
  color: #EA7B8F;
  text-decoration: underline;
}

.ap_top_tyuuiyakuzen_table {
  margin-top: clamp(2.5rem, 2.5vw, 5rem);
  border-collapse: collapse;
  width: 100%;
}

.ap_top_tyuuiyakuzen_table th {
  padding: clamp(2.5rem, 2.5vw, 5rem);
  text-align: center;
  vertical-align: top;
  color: #333 !important;
  background-color: #fef2f3;
  border: 1px solid #EA7B8F;
  text-align: left;
  vertical-align: middle;
  color: #EA7B8F;
  font-weight: inherit;
  width: 20%;
}

.ap_top_tyuuiyakuzen_table td {
  text-align: left;
  padding: 2rem;
  border: 1px solid #EA7B8F;
  text-align: left;
  vertical-align: middle;
  width: 80%;
}
.ap_top_tyuuiyakuzen_table td a {
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", serif;
  font-size: clamp(1.8rem, 1.5vw + 0.5rem, 2.4rem);
  color: #EA7B8F;
  border-bottom: 1px solid;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  display: inline-block;
}
.ap_top_tyuuiyakuzen_table td a:hover {
  color: #534741;
}

.ap_course25_flex_img_third {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  gap: clamp(1rem, 1vw, 2rem);
  margin: clamp(1rem, 1vw, 2rem) 0 2.5rem;
}
.ap_course25_flex_img_third img {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .ap_course25_title_wrap .ap_course25_title {
    right: inherit;
    left: 0;
  }
}
@media screen and (max-width: 599px) {
  .ap_course25_title_wrap .ap_course25_title {
    position: relative;
    margin-top: -2rem;
  }
  .ap_course25_flex {
    flex-direction: column-reverse;
  }
  .ap_top_tyuuiyakuzen_table th {
    width: 100%;
    display: block;
  }
  .ap_top_tyuuiyakuzen_table td {
    width: 100%;
    display: block;
    border-top: none;
  }
  .ap_top_tyuuiyakuzen_table tr:last-child th {
    border-top: none;
  }
}
/**********************************
アクセス
**********************************/
.ap_2025_top08 {
  padding: clamp(5rem, 5vw, 10rem) 0;
  background: #FEF2F3;
}

.ap_2025_top08_flex {
  display: flex;
  gap: 2.5rem;
  margin-bottom: clamp(5rem, 5vw, 10rem);
}
.ap_2025_top08_flex .ap_2025_top08_text {
  flex: 5.5;
}
.ap_2025_top08_flex .ap_2025_top08_text P {
  margin-top: clamp(1.5rem, 1.5vw, 3rem);
  font-size: clamp(1.35rem, 1.1vw + 1rem, 2rem);
  line-height: 2;
}
.ap_2025_top08_flex .ap_2025_top08_img {
  flex: 4.5;
}

.ap_2025_top08_box {
  background: #fff;
  padding: clamp(3rem, 3vw, 6rem);
  border-radius: 7px;
}

.ap_2025_top08_box_flex {
  display: flex;
  align-items: stretch;
  gap: clamp(2.5rem, 2.5vw, 5rem);
}

.ap_2025_top08_box_flex_text {
  flex: 7;
}
.ap_2025_top08_box_flex_text h3 {
  margin: clamp(1rem, 1vw, 2rem) 0;
}
.ap_2025_top08_box_flex_text p {
  margin-bottom: clamp(1rem, 1vw, 2rem);
}

.ap_2025_top08_box_flex_img {
  flex: 3;
}

.ap_2025_top09_flex {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  gap: clamp(1rem, 1vw, 2rem);
  margin: 2.5rem 0;
}
.ap_2025_top09_flex h3 {
  text-align: center;
  margin: clamp(1rem, 1vw, 1.5rem) 0;
}
.ap_2025_top09_flex a {
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", serif;
  font-size: clamp(1.8rem, 1.5vw + 0.5rem, 2.4rem);
  color: #EA7B8F;
}
.ap_2025_top09_flex a:hover {
  color: #534741;
}
.ap_2025_top09_flex .zoom img {
  width: 100%;
}
.ap_2025_top09_flex .zoom {
  width: 100%;
  border-radius: 7px;
}

@media screen and (max-width: 599px) {
  .ap_2025_top08_flex {
    flex-direction: column-reverse;
  }
  .ap_2025_top08_box_flex {
    flex-direction: column-reverse;
  }
  .ap_2025_top08_box_flex_img {
    text-align: center;
  }
  .ap_2025_top09_flex {
    grid-template-columns: repeat(2, 1fr);
  }
}
.ap_default_text h2 {
  font-size: clamp(2.4rem, 2vw, 3.6rem);
  font-weight: 500;
  text-align: center;
  margin: clamp(3rem, 3vw, 6rem) 0 clamp(1.5rem, 1.5vw, 3rem);
  color: #EA7B8F;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.1em;
  border-top: 1px solid;
  padding: 1rem;
  border-bottom: 1px solid;
}

.ap_default_text a {
  background: transparent;
  text-decoration: underline;
  color: #EA7B8F;
}

.ap_default_text a:hover {
  text-decoration: none;
}

.ap_default_content h3 {
  font-weight: 500;
  font-size: clamp(1.8rem, 1.5vw + 0.5rem, 2.4rem);
  font-family: "Noto Serif JP", serif;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1.5rem;
  margin-bottom: clamp(1.5rem, 1.5vw, 3rem);
  margin-top: clamp(3rem, 3vw, 6rem);
}

.ap_default_content h3:before {
  content: "";
  width: 15px;
  height: 15px;
  background: #EA7B8F;
  border-radius: 50%;
  margin-right: 10px;
  flex-shrink: 0;
}

.ap_default_content h4 {
  font-weight: 500;
  color: #EA7B8F;
  font-size: 18px;
  border-left: 4px solid #EA7B8F;
  padding-left: 1.5rem;
  margin: 2rem auto;
}

.youtube {
  width: 100%;
  aspect-ratio: 1.7777777778;
  margin-bottom: 3rem;
}

.youtube iframe {
  width: 100%;
  height: 100%;
}

.ap_default_content p {
  line-height: 2;
}

.ap_default_content .red {
  color: #EA7B8F;
}

.ap_default_content .bold {
  font-weight: 500;
}

.ap_default_content img {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  height: auto;
}

.ap_default_content strong {
  font-weight: 600;
  background: linear-gradient(transparent 60%, #FEF2F3 60%);
}

.ap_default_flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.ap_default_content {
  width: 70%;
}

.ap_default_side {
  width: 25%;
  margin-top: clamp(3rem, 3vw, 6rem);
}

.ap_default_side_menu {
  margin-bottom: 3rem;
}

.ap_default_side h2 {
  font-size: 16px;
  margin-bottom: 1rem;
  border-bottom: 2px #eee solid;
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ap_default_side h2::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url("/img/2024/icon04.png") no-repeat center;
  border-radius: 50px;
  background-size: contain;
}

.ap_default_side_menu a {
  color: #EA7B8F;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
}

.ap_default_side_menu a:hover {
  text-decoration: underline;
}

.ap_default_side .banner {
  margin-bottom: 1rem;
  display: block;
}

.ap_default_side_menu ul {
  list-style: none;
}
.ap_default_side_menu ul li::before {
  display: none !important;
}

@media screen and (max-width: 769px) {
  .ap_default_content {
    width: 100%;
  }
  .ap_default_side {
    display: none;
  }
  .ap_default_content h3:before {
    width: 12px;
    height: 12px;
  }
  .ap_default_content h3 {
    font-size: 18px;
  }
  .ap_default_content h4, .ap_default_content h5 {
    font-size: 15px;
  }
}
.ap_common_text {
  line-height: 2em;
  letter-spacing: 0.12em;
}

.ap_title01 {
  font-size: 3rem;
  margin-bottom: 2rem;
  color: #EA7B8F;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.15em;
}

.ap_title02 {
  font-size: 2rem;
  letter-spacing: 0.15em;
  line-height: 1.8em;
}

@media screen and (max-width: 599px) {
  .ap_title02 {
    font-size: 14px;
  }
}
.box {
  background: #FEF2F3;
  padding: 2rem;
  margin: 2rem 0;
}
.box .ap_default_btn {
  background: #FFF !important;
}

.ap_default_content table {
  margin: clamp(1.5rem, 1.5vw, 3rem) 0;
  border-collapse: collapse;
  width: 100%;
}
.ap_default_content table .td_center {
  vertical-align: middle;
  text-align: center;
}

.ap_default_content table th {
  padding: 10px;
  text-align: center;
  vertical-align: top;
  color: #333;
  background-color: #fef2f3;
  border: 1px solid #aaa;
}

.ap_default_content table td {
  text-align: left;
  padding: 10px;
  border: 1px solid #aaa;
}

/*リスト*/
.ap_default_page li {
  display: flex;
  align-items: flex-start;
  margin: 0.5rem 0;
  line-height: 2;
}

.ap_default_page li::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #EA7B8F;
  border-radius: 50px;
  margin-right: 1rem;
  flex-shrink: 0;
  margin-top: 1.5rem;
}

/*講師紹介専用*/
.koushi img {
  max-width: 200px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

/*ライセンス教室専用*/
.facility img {
  max-width: 200px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.ap_default_btn {
  background: #fff !important;
  color: #EA7B8F;
  width: 100%;
  display: block;
  text-align: center;
  padding: 0.5rem 1rem;
  max-width: 350px;
  margin: 2rem auto;
  text-decoration: none !important;
  border: #EA7B8F 1px solid;
  border-radius: 50px;
}
.ap_default_btn:hover {
  color: #fff;
  background: #EA7B8F !important;
}

/*受講生の声*/
.voice img {
  width: 100%;
  max-width: 500px;
}

/*画像column*/
.second_column_img {
  display: flex;
  gap: clamp(1rem, 1vw, 2rem);
  align-items: stretch;
  justify-content: space-between;
}
.second_column_img > img {
  width: 48%;
}
.second_column_img > div {
  flex: 5;
}
.second_column_img.max_width {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.third_column_img {
  display: flex;
  gap: clamp(1rem, 1vw, 2rem);
  align-items: stretch;
  justify-content: space-between;
}
.third_column_img > img {
  width: 32%;
  -o-object-fit: cover;
     object-fit: cover;
}
.third_column_img > div {
  flex: 3;
}

.single_banner img {
  max-width: 400px;
  margin: 1rem auto;
  display: block;
}

/*読み物*/
.ap_yomimono {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1.5rem, 1.5vw, 2.5rem);
}

.ap_yomimono_box {
  flex: 5;
}

.ap_yomimono_box a img:hover {
  transform: scale(0.98);
}

.ap_yomimono_box img {
  width: 100%;
  height: auto;
  transition: 0.3s;
}

.ap_yomimono_box p {
  text-align: center;
  padding-top: 1rem;
}

/*コース紹介*/
.ap_course_select_table_top h4 {
  margin: 1rem 0;
}

.ap_new_recipe_title {
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  margin: 1rem 0 2rem 0;
  border-top: 4px #ef92a4 double;
  border-bottom: 4px #ef92a4 double;
  padding: 1rem;
}

.ap_new_recipe_title img {
  width: 2.5rem;
  font-size: 2rem;
  margin-right: 1rem;
  margin-top: 0;
  margin-bottom: 0;
}

.ap_new_recipe_title_top {
  display: flex;
  justify-content: space-between;
  padding-right: 1rem;
}

.ap_new_recipe_cut a {
  padding: 0.3rem 0.7rem;
  color: #ef92a4;
}

.ap_new_recipe_day {
  color: #a1a1a1;
}

.ap_new_recipe_intro {
  line-height: 2em;
  margin: 2rem 0;
  padding: 2rem;
  background: #fef2f3;
  border-radius: 10px;
}

.ap_new_recipe_title_small {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  margin: 1rem 0 2rem 0;
  border-bottom: 4px #ef92a4 double;
  padding: 1rem;
  width: 100%;
}

.ap_new_recipe_title_small img {
  width: 20px;
  font-size: 0rem;
  margin: 0 1rem 0 0;
}

.ap_new_recipe_material_wrap {
  margin-bottom: 2rem;
}

.ap_new_recipe_material {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 2px solid #fef2f3;
  border-bottom: 2px solid #fef2f3;
  padding: 5px 10px;
}

.ap_new_recipe_material p {
  margin-bottom: 0;
}

.ap_new_recipe_material:nth-of-type(2n) {
  background: #fef2f3;
}

.ap_news_recipe_process_title {
  text-align: left;
  font-size: 18px;
  display: flex;
  align-items: center;
}

.ap_news_recipe_process_title p {
  margin-bottom: 0;
}

.ap_news_recipe_process_title span {
  background: #ef92a4;
  color: #fff;
  width: 25px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  border-radius: 50pc;
  margin-right: 1rem;
  font-size: 18px;
  flex-shrink: 0;
  text-align: center;
}

.ap_new_recipe_box {
  position: relative;
  margin: 2em 0;
  padding: 1.5rem;
  border: solid 3px #ef92a4;
  border-radius: 8px;
  line-height: 1.5rem;
}

.ap_new_recipe_box-title {
  position: absolute;
  display: inline-block;
  top: -13px;
  left: 10px;
  padding: 0 9px;
  line-height: 1;
  font-size: 19px;
  background: #FFF;
  color: #ef92a4;
  font-weight: bold;
}

.ap_new_recipe_box p {
  margin: 0;
  padding: 0;
}

.ap_new_recipe_itiran {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.ap_new_recipe_itiran a {
  width: 30%;
  box-shadow: 0 0 10px #eee;
  position: relative;
  margin-bottom: 3rem;
}

.ap_new_recipe_itiran a h2 {
  margin: 1rem 1rem;
  font-size: 15px;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px dotted #ef92a4;
  padding-bottom: 5px;
  width: auto;
}

.ap_new_recipe_itiran::after {
  width: 30%;
  display: block;
  content: "";
}

.ap_new_recipe_itiran a .content {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 1rem 1rem 1rem;
}

.ap_new_recipe_itiran a .content p {
  line-height: 2em;
}

.ap_new_recipe_itiran a .archive p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 1rem;
  line-height: 1.9em;
}

.ap_new_recipe_itiran a img {
  height: 170px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0;
  width: 100%;
}

.ap_new_recipe_itiran a:hover {
  text-decoration: none;
}

.ap_new_recipe_tag {
  display: flex;
  margin: 0.5rem 1rem 1rem 1rem;
  font-size: 12px;
  color: #ef92a4;
  flex-wrap: wrap;
}

.ap_new_recipe_tag > div {
  margin-right: 5px;
}

.ap_new_recipe_type {
  position: absolute;
  left: -10px;
  top: 5px;
  background: #A279A0;
  font-weight: bold;
  padding: 2px 10px;
  font-size: 13px;
  letter-spacing: 2px;
  color: #fff;
}

.ap_new_recipe_category_wrap {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 2rem 0 5rem 0;
  background: #fef2f3;
  padding: 2rem 2rem 0 2rem;
}

.ap_new_recipe_category_box {
  width: 55%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
}

.ap_new_recipe_category_box a {
  padding: 1rem;
  width: 30%;
  text-align: center;
  margin-bottom: 2rem;
  background: #fff;
  color: #ef92a4;
  border-radius: 50px;
  font-weight: bold;
  transition: 0.2s;
}

.ap_new_recipe_category_box a:hover {
  background: #ef92a4;
  color: #fff;
  text-decoration: none;
}

.season.ap_new_recipe_category_box {
  width: 40%;
}

.season.ap_new_recipe_category_box a {
  width: 48%;
}

.ap_new_recipe_shop_wrap {
  display: flex;
  align-items: center;
  margin-top: 3rem;
  justify-content: space-between;
  width: 48%;
}

.ap_new_recipe_shop_wrap img {
  width: 25%;
}

.ap_new_recipe_shop_content {
  width: 65%;
}

.ap_new_recipe_shop_title {
  color: #ef92a4;
  font-weight: bold;
  font-size: 18px;
  border-left: 4px solid #ef92a4;
  padding-left: 10px;
}

.ap_new_recipe_shop_link span {
  background: #ef92a4;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50px;
  display: inline-block;
  color: #fff;
  padding: 2px;
  text-align: center;
  line-height: 1rem;
  margin-left: 1rem;
  font-size: 8px;
  font-weight: bold;
}

.ap_primary {
  color: #ef92a4;
}

.ap_new_recipe_paging {
  text-align: right;
  padding-top: 0rem;
  margin-bottom: 3rem;
}

.ap_new_recipe_material_title {
  font-size: 14px;
  text-align: left;
  color: #ef92a4;
  font-weight: bold;
  margin: 1.5rem 0;
}

.ap_new_recipe_class_wrap {
  display: flex;
  align-items: center;
  background: #fef2f3;
  padding: 3rem;
  border-radius: 10px;
  margin-bottom: 5rem;
  text-align: left;
}

.ap_new_recipe_class_wrap img {
  width: 7rem;
  margin-right: 3rem;
}

.ap_new_recipe_class h2 {
  color: #ef92a4;
  font-weight: bold;
}

.ap_new_recipe_class .ap_new_recipe_shop_link {
  background: #fff;
  padding: 1rem;
  display: block;
  text-align: center;
  border: 2px #ef92a4 solid;
  margin-top: 1rem;
  font-size: 16px;
}

.ap_new_recipe_category_box.efficacy {
  width: 100%;
  height: auto;
}

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

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

.process_group_title {
  text-align: left;
  border-left: 7px #ef92a4 solid;
  padding-left: 10px;
  margin-left: 0.5rem;
  color: #ef92a4;
  font-weight: bold;
  margin-bottom: 3rem;
}

.ap_new_recipe_intro a {
  text-decoration: underline;
  color: #ef92a4;
}

/*
h2.recipe_title {
  font-size: 3.5rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 3rem;
  color: $PRIMARY_COLOR;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.2em;
}
*/
h2.recipe_title {
  font-size: clamp(2.4rem, 2vw, 3.6rem);
  font-weight: 500;
  text-align: center;
  margin: clamp(3rem, 3vw, 6rem) 0 clamp(1.5rem, 1.5vw, 3rem);
  color: #EA7B8F;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.1em;
  border-top: 1px solid;
  padding: 1rem;
  border-bottom: 1px solid;
}

h2.recipe_title .english {
  font-size: 16px;
  margin-top: 1rem;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 599px) {
  .ap_new_recipe_title {
    font-size: 18px;
  }
  .ap_new_recipe_itiran a {
    width: 48%;
  }
  .ap_new_recipe_category_wrap {
    display: block;
  }
  .ap_new_recipe_category_box, .season.ap_new_recipe_category_box {
    width: 100%;
  }
  .ap_new_recipe_category_box a {
    width: 48%;
  }
  .ap_new_recipe_category_wrap {
    padding: 1rem 1rem 0 1rem;
  }
  .ap_new_recipe_shop_wrap_wrap {
    display: block;
  }
  .ap_new_recipe_shop_wrap {
    width: 100%;
  }
  .ap_new_recipe_class_wrap {
    display: block;
    text-align: center;
    padding: 1.5rem;
  }
  .ap_new_recipe_class_wrap img {
    margin-right: 0;
  }
}
.ap_new_recipe_paging {
  text-align: center;
  padding-top: 0rem;
  margin-bottom: 3rem;
}

.paging span {
  padding: 7px 5px;
  border: solid 1px #53350a;
  background-color: #ef92a4;
  color: #ffffff;
}

.paging a {
  padding: 7px 5px;
  border: solid 1px #53350a;
  background-color: #ffffff;
  color: #ef92a4;
}

/********************************
講座詳細・アーカイブ
*********************************/
.ap_new_class_archive_wrap {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ap_new_class_archive_wrap::after {
  content: "";
  width: 30%;
}

.ap_new_class_archive_box {
  width: 30%;
  margin-bottom: 5rem;
  transition: 0.3s;
}

@media screen and (max-width: 1024px) {
  .ap_new_class_archive_box {
    width: 46%;
  }
}
@media screen and (max-width: 599px) {
  .ap_new_class_archive_title {
    flex-direction: column;
    align-items: baseline;
  }
  .ap_new_class_archive_box {
    width: 100%;
  }
}
.ap_new_class_archive_box a img {
  aspect-ratio: 1.3333333333;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  width: 100%;
}

.ap_new_class_archive_box:hover {
  transform: scale(0.98);
}

.ap_new_class_archive_title {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 10px;
  background: url(/img/2024/img06.png), #FEF2F3;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 15% auto;
  padding: 2rem 3rem;
  margin-bottom: 3rem;
}

.ap_new_class_archive_title h3 {
  background: #EA7B8F;
  color: #fff;
  margin-right: 2.5rem;
  border-radius: 50px;
  padding: 3px 10px;
  flex-shrink: 0;
}

.ap_new_class_archive_title h2 {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3.4rem;
  letter-spacing: 0.4em;
}

/*
.ap_new_class_archive_title.purple {
    background: url(/img/2024/img05.png), #FAF5FF;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 15% auto;
}
.ap_new_class_archive_title.purple h3 {
    background: #694567;
}
.ap_new_class_archive_title.green {
    background: url(/img/2024/img04.png), #E7F1E8;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 15% auto;
}
.ap_new_class_archive_title.green h3 {
    background: #54BA73;
}
    */
.ap_new_class_archive_titleh3 {
  font-size: 18px;
  font-weight: 500;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ACACAC;
  padding: 1rem 0 1rem 0;
  position: relative;
  margin-bottom: 0.5rem;
}

.ap_new_class_archive_price {
  display: flex;
  align-items: flex-start;
  color: #666;
  padding: 0.5rem 0 0.25rem;
  font-size: 15px;
}

.ap_new_class_archive_price dt {
  flex-shrink: 0;
  margin-right: 1rem;
  background: #eee;
  padding: 2px 5px;
  border-radius: 5px;
  font-weight: 500;
}

.ap_new_class_archive_price dd {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ap_new_class_single_content .ap_new_class_archive_price dd {
  white-space: inherit;
  overflow: inherit;
  text-overflow: inherit;
}

.ap_new_class_archive_day {
  display: flex;
  align-items: center;
  color: #666;
  padding: 0.5rem 0;
  font-size: 15px;
}

.ap_new_class_archive_day dt {
  flex-shrink: 0;
  margin-right: 1rem;
  background: #eee;
  padding: 2px 5px;
  border-radius: 5px;
  font-weight: 500;
}

.ap_new_class_archive_day dd {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ap_new_class_single_content .ap_new_class_archive_day dd {
  white-space: inherit;
  overflow: inherit;
  text-overflow: inherit;
  display: inherit;
  -webkit-box-orient: inherit;
  -webkit-line-clamp: inherit;
  line-clamp: inherit;
}

.ap_new_class_archive_cat {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 1rem 0.5rem 0.5rem;
}

.ap_new_class_archive_cat p {
  margin-right: 5px;
  color: #EA7B8F;
  font-size: 14px;
}

/*
.ap_new_class_archive_search {
    background: #FEF2F3;
}
.ap_new_class_archive_search .ap_search_wrap {
    background: #fff;
    border-radius: 10px;
    padding: 3rem 4.5rem;
}
.ap_search_table th, .ap_search_table td {
    padding: 1rem 0;
}
.ap_search_table th {
    white-space: nowrap;
}
.ap_search_table td {
    padding-left: 7rem;
}
.ap_search_table h2 {
    font-weight: 500;
    border-left: 5px solid $PRIMARY_COLOR;
    padding-left: 1.5rem;
    font-size: 20px;
    text-align: left;
}
.ap_search_table label {
    margin-right: 1.5rem;
    position: relative;
    cursor: pointer;
    margin-bottom: 1.5rem;
    display: inline-block;
    font-size: 18px;
}
.ap_search_table label:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0;
    margin-right: 10px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    background: #fff;
    border: 1px solid $PRIMARY_COLOR;
    border-radius: 50px;
}
.ap_search_table input[type="checkbox"]:checked + label:before {
    background: $PRIMARY_COLOR;
}
.ap_search_table input[type="checkbox"]:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 5px;
    width: 12px;
    height: 12px;
    background: url("/img/2024/icon02.png") no-repeat center;
    background-size: contain;
}
.ap_search_keyword input[type="search"] {
    border-radius: 50px;
    border: 1px solid #ACACAC;
    padding: 1.5rem 2.5rem;
}
input[type="search"]:focus {
    outline: none;
}
input[type="search"]::placeholder {
    color: #ACACAC;
    font-size: 14px;
}
.ap_search_btn input[type="submit"] {
    background: $PRIMARY_COLOR;
    color: #fff;
    border-radius: 50px;
    font-size: 20px;
    letter-spacing: 0.2em;
    padding: 15px 30px 10px 30px;
    border: none;
    min-width: 280px;
    cursor: pointer;
}
.ap_search_btn > div {
    display: inline-block;
    position: relative;
    transition: 0.3s;
    cursor: pointer;
}
.ap_search_btn > div::before {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    left: 50px;
    width: 25px;
    height: 25px;
    background: url("/img/2024/icon01.png") no-repeat center;
    background-size: contain;
    z-index: 1;
    cursor: pointer;
}
.ap_search_btn > div:hover {
    transform: scale(0.98);
}
@media screen and (max-width: 769px) {
    .ap_search_table th, .ap_search_table td {
        width: 100%;
        display: block;
    }
    .ap_search_table td {
        padding-left: 0;
    }
    .ap_search_table h2 {
        font-size: 16px;
    }
    .ap_search_table label {
        font-size: 14px;
    }
    .ap_search_table label:before {
        width: 15px;
        height: 15px;
    }
    .ap_search_table input[type="checkbox"]:checked + label:after {
        top: 6px;
        left: 3px;
        width: 10px;
        height: 10px;
    }
    .ap_search_btn input[type="submit"] {
        font-size: 16px;
        min-width: 230px;
    }
    .ap_search_btn > div::before {
        top: 15px;
        left: 45px;
        width: 20px;
        height: 20px;
    }
    .ap_new_class_archive_box {
        width: 46%;
    }
}
@media screen and (max-width: 599px) {
    .ap_new_class_archive_title {
        flex-direction: column;
        align-items: baseline;
    }
    .ap_new_class_archive_box {
        width: 100%;
    }
    .ap_new_class_single_content .ap_new_class_archive_price {
        display: block;
    }
    .ap_new_class_single_content .ap_new_class_archive_price dt {
        display: inline-block;
        margin: 0.5rem 0;
    }
    .ap_new_class_single_content .ap_new_class_archive_day {
        display: block;
    }
    .ap_new_class_single_content .ap_new_class_archive_day dt {
        display: inline-block;
        margin: 0.5rem 0;
    }
}
    */
.ap_new_class_bg {
  background: #FEF2F3;
  padding: clamp(2.5rem, 2.5vw, 5rem);
}

.ap_new_class_single .ap_inner {
  width: 90%;
  margin: 0 auto;
  max-width: 1000px;
}

.ap_new_class_single_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ap_new_class_single_box > img {
  width: 40%;
  aspect-ratio: 1.3333333333;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.ap_new_class_single_box .ap_new_class_single_content {
  width: 55%;
}

.ap_new_class_single_title {
  font-weight: 500;
  font-size: 2.4rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
  margin-top: 1rem;
}

.ap_new_class_single_title:before {
  content: "";
  width: 20px;
  height: 20px;
  background: #EA7B8F;
  border-radius: 50%;
  margin-right: 10px;
}

.ap_new_class_single_content .ap_new_class_archive_price {
  font-size: 16px;
}

.ap_new_class_single_content .ap_new_class_archive_day {
  font-size: 16px;
}

.ap_new_class_single_content .ap_new_class_archive_cat p {
  font-size: 16px;
}

.ap_new_class_single_content_ex {
  font-size: 17px;
  line-height: 2em !important;
  letter-spacing: 0.1em;
  margin-bottom: 2rem;
  margin-top: 0.5rem;
}

.ap_new_class_single_content_ex a {
  text-decoration: underline;
  color: #EA7B8F;
}

.ap_new_class_single_content_ex a:hove {
  text-decoration: none;
}

.ap_new_class_single .ap_default_content {
  width: 100%;
}

.h3_flex {
  display: flex;
  margin-top: 4rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1.5rem;
}

.h3_flex h3 {
  margin: 0;
  padding: 0;
  border: none;
}

.h3_flex .st {
  font-weight: 600;
  background: linear-gradient(transparent 60%, #fef2f3 60%);
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (max-width: 769px) {
  .h3_flex {
    display: block;
  }
}
.ap_new_class_single h3:before {
  content: "";
  width: 20px;
  height: 20px;
  background: #EA7B8F;
  border-radius: 50%;
  margin-right: 10px;
  flex-shrink: 0;
}

.ap_new_class_single .orange_box {
  background: #FEF2F3;
  padding: 2.5rem;
  border-radius: 10px;
  line-height: 2.3em;
  margin: 3rem 0;
}

.ap_new_class_single .orange_box h5 {
  color: #EA7B8F;
  font-weight: 500;
  margin-bottom: 0.5rem;
  font-size: 18px;
}

.ap_new_class_single .orange_box .ap_common_btn {
  padding: 0;
  text-decoration: none;
  margin-top: 2rem;
}

.ap_new_class_single .ap_default_content table {
  width: 100%;
  border-collapse: collapse;
  margin: 3rem 0;
  overflow-x: auto;
  display: block;
  padding-bottom: 1.5rem;
}

.ap_new_class_single .ap_default_content table tbody {
  min-width: 500px;
  display: table;
  width: 100%;
}

.ap_new_class_single .ap_default_content table th {
  background: #FEF2F3;
  text-align: center;
  color: #EA7B8F;
  font-weight: 600;
  border: 1px solid #ccc;
  padding: 1rem 2rem;
  vertical-align: middle;
}

.ap_new_class_single .ap_default_content table td {
  line-height: 3.5rem;
  border: 1px solid #ccc;
  padding: 1rem 2rem;
}

.ap_new_class_single .ap_default_content table::-webkit-scrollbar {
  width: 5px;
}

.ap_new_class_single .ap_default_content table::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 100px;
}

.ap_new_class_single .ap_default_content table::-webkit-scrollbar-thumb {
  background-color: #FEF2F3;
  border-radius: 100px;
}

/*
.ap_new_class_single ul, .ap_new_class_single ol {
    margin: 2rem 0;
}
.ap_new_class_single ul li, .ap_new_class_single ol li {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 2.3em;
    letter-spacing: 0.15em;
}
.ap_new_class_single ul li::before, .ap_new_class_single ol li::before {
    margin-right: 10px;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/img/2024/icon17.png) center no-repeat;
    background-size: contain;
    flex-shrink: 0;
}*/
@media screen and (max-width: 599px) {
  .ap_new_class_single_box > img {
    width: 100%;
    margin-bottom: 2rem;
  }
  .ap_new_class_single_box .ap_new_class_single_content {
    width: 100%;
  }
  .ap_new_class_single_title:before {
    width: 12px;
    height: 12px;
  }
  .ap_new_class_single h3:before {
    width: 12px;
    height: 12px;
  }
}
.ap_list_wrap li {
  border-bottom: 1px solid #ccc;
  padding: 1rem 0;
}

.ap_list_wrap li a {
  display: flex;
  align-items: center;
}

.ap_list_wrap li a img {
  margin: 0 1.5rem 0 0;
}

.ap_list_wrap li a .list_date {
  display: grid;
}

.ap_child_header img {
  width: 100%;
  min-height: 20rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.ap_child_header.header_none img {
  display: none;
}

.top_pankuzu {
  background: #FEF2F3;
  padding: 1rem;
  white-space: nowrap;
  overflow: auto;
}

.top_pankuzu span {
  color: #666;
  font-size: 12px;
}

.top_pankuzu a span {
  color: #EA7B8F;
  font-size: 12px;
}

.ap_default_content .ap_new_class_archive_box {
  margin-bottom: 0;
}

.ap_default_content .ap_new_class_archive_box img {
  margin: 0;
}

.ap_default_content .ap_new_class_archive_box br {
  display: none;
}

@media screen and (max-width: 599px) {
  .ap_default_content .ap_new_class_archive_box {
    width: 46%;
  }
  .ap_child_header.yomimono img {
    -o-object-position: 25%;
       object-position: 25%;
  }
}
@media screen and (max-width: 340px) {
  .ap_default_content .ap_new_class_archive_box {
    width: 100%;
  }
}
.class_cont dl {
  width: 100%;
  margin: 4rem 0;
}

.class_cont dt {
  clear: left;
  float: left;
  width: 15%;
  font-weight: bold;
  border-left: 2px solid #F0EDEB;
  padding: 10px;
}

.class_cont dd {
  margin: 0 0 0 17%;
  padding: 10px;
  border-bottom: 2px solid #F0EDEB;
}

@media screen and (max-width: 599px) {
  .class_cont dt {
    float: inherit;
    width: 100%;
  }
  .class_cont dd {
    margin: 0;
  }
}/*# sourceMappingURL=style.css.map */