@charset "UTF-8";
/*
Theme Name: 奈良県社会福祉士会
*/
/********************************
# 目次

 - reset
 - general
 - component
   → ヘッダ・フッタ・グロナビ **以外** の、各ページで共用するパーツをここに置く
   → WordPressネイティブなCSS＆プラグインのCSSもここに置く
   → 接頭辞は 'c-'
   → 書く場所はこの位置をキープする事
 - header
 - main
 - footer
 - home
*********************************/
/********************************
# 規約

 - ブロック相当部分とエレメント相当部分の区切りはアンダースコア2つ
 - エレメントとモディファイの区切りはハイフン2つ
 - 単語の区切りはハイフン1つ
 - 要素・クラス名の後に半角スペース1
 - 要素・クラス名毎に改行
   （→現在はscssのコンパイラ任せになっているので後で整形）
 - プロパティの前にはスペ4
   （→現在はscssのコンパイラ任せでスぺ2になっているので後で整形）
 - プロパティ毎に改行
 - メディアクエリはセレクタ毎に分けて書く

----
# 汎用クラス

 - 接頭辞は'u-'
 - utility.css で設定している各クラスを参照
 - font-size -> fz 等の略称はemmetで採用されているものを使用しています

----
# JS用クラス

 - 接頭辞は'js-'
 - slick等、IDを指定して動かすもの専用

----
# ステートメント用クラス

接頭辞は'is_'

.is_active
クリックされた状態・現在選択されている状態を表現

注意：.is_activeには直接スタイルを当てない（スタイル汚染の原因になる）
BAD
.is_active {
    font-weight: bold;
}
GOOD
.hogehoge.is_active {
    font-weight: bold;
}
*********************************/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, 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, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/********************************
general
*********************************/
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 140px;
}
@media screen and (max-width: 750px) {
  html {
    font-size: 1.333vw;
    scroll-padding-top: 8rem;
  }
}

body {
  text-size-adjust: 100%;
  /*Chrome,Safari*/
  -webkit-text-size-adjust: 100%;
  /*EgdeMobile*/
  -ms-text-size-adjust: 100%;
  /*firefox*/
  -moz-text-size-adjust: 100%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  body {
    font-size: 1.6rem;
    width: 100%;
  }
}
body {
  background-color: #f8f6e6;
  color: #333;
  font-family: "Zen Kaku Gothic New", serif;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

a {
  word-break: break-all;
  overflow-wrap: break-word;
}

a img:not([class]):hover {
  opacity: 0.8;
}

.spbr {
  display: none;
}
@media screen and (max-width: 750px) {
  .spbr {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 750px) {
  .sp {
    display: block;
  }
}

/********************************
component 接頭辞はc-
*********************************/
.c-h2 {
  position: relative;
  font-size: 40px;
  font-weight: bold;
  color: #3aafb0;
  padding-left: 50px;
  display: flex;
  align-items: center;
  background: url("./img/ico_heading.webp") no-repeat left center/36px 36px;
}
@media screen and (max-width: 750px) {
  .c-h2 {
    font-size: 6rem;
    background-size: 3.6rem 3.6rem;
    padding-left: 5rem;
  }
}

.c-h2-jp {
  background: #f8f6e6;
  z-index: 10;
}

.c-h2::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #e0ebd4;
}
@media screen and (max-width: 1450px) {
  .c-h2::after {
    width: calc(100% - 70px);
  }
}
@media screen and (max-width: 750px) {
  .c-h2::after {
    left: 5rem;
    width: calc(100% - 5rem);
  }
}

.c-h2-eng {
  font-family: "Roboto";
  font-size: 80px;
  font-weight: bold;
  color: #d3e5d9;
  background: #f8f6e6;
  padding: 0 20px;
  z-index: 10;
}
@media screen and (max-width: 750px) {
  .c-h2-eng {
    font-size: 8.3rem;
    padding: 1rem 2rem 0;
  }
}

.c-btn {
  display: block;
  width: 300px;
  padding: 17px 0;
  color: #fff;
  background-color: #f4af18;
  text-align: center;
  text-decoration: none;
  border-radius: 7px;
  border: none;
}
@media screen and (max-width: 750px) {
  .c-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 3.4rem 0;
    font-size: 3rem;
    line-height: 1.7;
  }
}

.c-btn:hover {
  background-color: #f5bb3d;
}

.c-btn img {
  margin-right: 14px;
}
@media screen and (max-width: 750px) {
  .c-btn img {
    margin: 0 2.8rem 0.3rem 0;
    width: 1.6rem;
  }
}

.c-btn-goto-wrap {
  position: relative;
}

.c-btn-goto-top {
  position: absolute;
  right: -125px;
  bottom: 0;
}
@media screen and (max-width: 1450px) {
  .c-btn-goto-top {
    right: 10px;
  }
}
@media screen and (max-width: 750px) {
  .c-btn-goto-top {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
  }
}

@media screen and (max-width: 750px) {
  .c-btn-goto-top img {
    width: 3.4rem;
    height: 26.4rem;
  }
}

/* ニュースリスト トップとお知らせ兼用 */
.c-news__list-item {
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  background: url("./img/ico_arrow2_orange.webp") no-repeat right center/8px 13px;
}
@media screen and (max-width: 750px) {
  .c-news__list-item {
    flex-wrap: wrap;
    background-position: right 15.5rem;
    background-size: 1.6rem 2.6rem;
  }
}
.c-news__list-item .meta-date {
  position: relative;
  font-family: "Roboto";
  font-size: 16px;
  padding-left: 15px;
}
@media screen and (max-width: 750px) {
  .c-news__list-item .meta-date {
    font-size: 3.2rem;
  }
}
.c-news__list-item .meta-date::before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: #3aafb0;
  border: 1px solid #3aafb0;
  border-radius: 4px;
}
.c-news__list-item .meta-category {
  display: block;
  width: 160px;
  margin-left: 20px;
  border-radius: 5px;
  color: #fff;
  background: #3aafb0;
  padding: 8px 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .c-news__list-item .meta-category {
    width: 32rem;
    margin-left: 2rem;
    padding: 1.2rem 0;
    font-size: 3.2rem;
  }
}

.c-news__list-link {
  margin-left: 20px;
  color: #333;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  .c-news__list-link {
    margin: 3rem 2.5rem 0 0;
    font-size: 3.6rem;
    width: 100%;
    line-height: 1.5;
  }
}

.c-news__list-link:hover {
  color: #3aafb0;
  text-decoration: underline;
}

/* 下位ページ向け */
.c-page-h2 {
  width: 1100px;
  height: 200px;
  margin: 45px auto 0;
  padding: 0 50px;
  background: url("./img/page/bg_c-page-h2.webp");
  background-size: contain;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .c-page-h2 {
    width: calc(100% - 8rem);
    padding: 0 3rem;
    height: 20rem;
    background-size: 100% 20rem;
    margin: 0 4rem;
    flex-wrap: wrap;
    align-content: center;
  }
}

.c-page-h2-jp {
  display: flex;
  align-items: center;
  font-size: 48px;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .c-page-h2-jp {
    font-size: 4.8rem;
    display: block;
    width: 100%;
  }
}

.c-page-h2-jp small {
  font-size: 32px;
}
@media screen and (max-width: 750px) {
  .c-page-h2-jp small {
    font-size: 3.2rem;
    display: block;
    width: 100%;
  }
}

.c-page-h2-eng {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: bold;
  color: #3aafb0;
  margin-top: 8px;
  margin-left: 20px;
}
@media screen and (max-width: 750px) {
  .c-page-h2-eng {
    display: block;
    width: 100%;
    font-size: 2.4rem;
    line-height: 1.3;
    margin-top: 1.5rem;
    margin-left: 0;
  }
}

.c-page-h3 {
  position: relative;
  font-size: 40px;
  font-weight: bold;
  padding-left: 25px;
  line-height: 1.3;
}
@media screen and (max-width: 750px) {
  .c-page-h3 {
    font-size: 4rem;
    padding-left: 2.5rem;
    line-height: 1.2;
  }
}

.c-page-h3::before {
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  content: "";
  width: 8px;
  height: 40px;
  background-color: #3aafb0;
  border-radius: 4px;
}
@media screen and (max-width: 750px) {
  .c-page-h3::before {
    top: 4px;
    height: 4rem;
    width: 0.8rem;
  }
}

.c-page-h3 + * {
  margin-top: 70px;
}
@media screen and (max-width: 750px) {
  .c-page-h3 + * {
    margin-top: 4rem;
  }
}

.c-page-h4 {
  font-size: 20px;
  font-weight: bold;
  color: #3aafb0;
  margin-top: 40px;
}
@media screen and (max-width: 750px) {
  .c-page-h4 {
    font-size: 3.6rem;
    margin-top: 4rem;
  }
}

.c-page-h4 + * {
  margin-top: 14px;
}
@media screen and (max-width: 750px) {
  .c-page-h4 + * {
    margin-top: 3rem;
  }
}

.c-breadcrumb {
  width: 1100px;
  margin: 25px auto 0;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .c-breadcrumb {
    width: calc(100% - 8rem);
    margin: 3rem 4rem 0;
    flex-direction: column;
    align-items: start;
  }
}

@media screen and (max-width: 750px) {
  .c-breadcrumb-ico01 {
    width: 2.7rem;
  }
}

.c-breadcrumb-ico02 {
  margin-left: 18px;
}
@media screen and (max-width: 750px) {
  .c-breadcrumb-ico02 {
    width: 1.05rem;
    margin-left: 0.7rem;
    margin-top: 1.5rem;
    transform: rotate(90deg);
  }
}

@media screen and (max-width: 750px) {
  .c-breadcrumb-ico02 + * {
    margin-top: 1rem;
  }
}

.c-breadcrumb-txt {
  margin-left: 21px;
  color: inherit;
}
@media screen and (max-width: 750px) {
  .c-breadcrumb-txt {
    font-size: 3rem;
    margin-left: 0;
    line-height: 1.2;
  }
}

.c-page-wrap {
  margin-top: 120px;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .c-page-wrap {
    margin-top: 3rem;
    padding: 0 4rem;
  }
}

.c-page-aside {
  width: 260px;
  position: sticky;
  top: 140px;
  align-self: flex-start;
}
@media screen and (max-width: 750px) {
  .c-page-aside {
    width: 100%;
    top: 0;
    position: relative;
  }
}

.c-h3--aside {
  font-size: 32px;
  font-weight: bold;
  color: #3aafb0;
  line-height: 1.5;
  margin-top: -5px;
}
@media screen and (max-width: 750px) {
  .c-h3--aside {
    font-size: 3.6rem;
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-h3--aside br {
    display: none;
  }
}

.c-h3--aside small {
  font-size: 24px;
}
@media screen and (max-width: 750px) {
  .c-h3--aside small {
    font-size: 3rem;
  }
}

.c-page-aside__list {
  margin-top: 30px;
}
@media screen and (max-width: 750px) {
  .c-page-aside__list {
    margin-top: 2rem;
  }
}

.c-page-aside__list__item {
  padding-bottom: 10px;
  border-bottom: 2px dotted #3aafb0;
}
@media screen and (max-width: 750px) {
  .c-page-aside__list__item {
    padding-bottom: 1rem;
  }
}

.c-page-aside__list__item + * {
  margin-top: 16px;
}

.c-page-aside__list__item a {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  font-size: 18px;
  color: #333;
  text-decoration: none;
  line-height: 1.3;
  padding-left: 20px;
}
@media screen and (max-width: 750px) {
  .c-page-aside__list__item a {
    font-size: 3.6rem;
    padding-left: 2rem;
    white-space: normal;
  }
}

.c-page-aside__list__item a::before {
  position: absolute;
  left: 0;
  top: 8px;
  display: block;
  content: "";
  width: 7px;
  height: 10px;
  background: url("./img/page/ico_green-arrow-right.webp") no-repeat center/contain;
}
@media screen and (max-width: 750px) {
  .c-page-aside__list__item a::before {
    top: 0.5em;
  }
}

.c-page-aside__list__item--current a {
  font-weight: bold;
  color: #3aafb0;
}

.c-page-aside__list__item a:hover {
  color: #3aafb0;
}

.c-page-aside__list__item a small {
  font-size: 16px;
}
@media screen and (max-width: 750px) {
  .c-page-aside__list__item a small {
    font-size: 2rem;
  }
}

@media screen and (max-width: 750px) {
  .c-page-aside__list__item a br {
    display: none;
  }
}

.c-page-aside--category {
  background-color: #fff;
  position: relative;
  top: 0;
  padding-bottom: 30px;
  border-radius: 10px;
}
.c-page-aside--category .c-page-aside {
  background-color: #fff;
  position: relative;
  top: 0;
  padding-bottom: 30px;
  border-radius: 10px;
}
.c-page-aside--category .c-h3--aside {
  position: relative;
  font-size: 24px;
  color: #fff;
  background-color: #3aafb0;
  padding: 15px 17px;
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 750px) {
  .c-page-aside--category .c-h3--aside {
    font-size: 3.6rem;
  }
}
.c-page-aside--category .c-h3--aside::before {
  position: absolute;
  display: block;
  content: "";
  top: 16px;
  height: 26px;
  width: 4px;
  border-radius: 3px;
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  .c-page-aside--category .c-h3--aside::before {
    height: 4rem;
  }
}
.c-page-aside--category .c-h3--aside-archive {
  margin-left: 20px;
}
.c-page-aside--category .c-page-aside__list {
  padding-left: 25px;
}
.c-page-aside--category .c-page-aside__list__item {
  padding-bottom: 0;
  border: none;
}
.c-page-aside--category .c-page-aside__list__item a::before {
  position: absolute;
  left: 0;
  top: 8px;
  display: block;
  content: "";
  width: 8px;
  height: 10px;
  background: url("./img/page/ico_green-triangle-right.webp") no-repeat center/contain;
}
@media screen and (max-width: 750px) {
  .c-page-aside--category .c-page-aside__list__item a::before {
    top: 0.5em;
  }
}

.c-page-main {
  width: 800px;
}
@media screen and (max-width: 750px) {
  .c-page-main {
    width: 100%;
    margin-top: 5rem;
  }
}

.c-page-main--925 {
  width: 925px;
}
@media screen and (max-width: 750px) {
  .c-page-main--925 {
    width: 100%;
    margin-top: 5rem;
  }
}

.c-page-main--750 {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 750px) {
  .c-page-main--750 {
    width: 100%;
    margin-top: 5rem;
  }
}

.c-section + .c-section {
  margin-top: 120px;
}
@media screen and (max-width: 750px) {
  .c-section + .c-section {
    margin-top: 12rem;
  }
}

.c-page-txt {
  font-size: 18px;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .c-page-txt {
    font-size: 3.6rem;
  }
}

.c-page-txt + .c-page-txt {
  margin-top: 50px;
}
@media screen and (max-width: 750px) {
  .c-page-txt + .c-page-txt {
    margin-top: 5rem;
  }
}

.c-page-txtbox {
  margin-top: 40px;
  padding: 40px 0;
  background-color: #fff;
  border-radius: 20px;
}
@media screen and (max-width: 750px) {
  .c-page-txtbox {
    margin-top: 4rem;
    padding: 4rem 0;
  }
}

.c-page-txtbox + * {
  margin-top: 40px;
}
@media screen and (max-width: 750px) {
  .c-page-txtbox + * {
    margin-top: 4rem;
  }
}

.c-page-txtbox .c-page-txt {
  margin: 45px 35px 0;
}
@media screen and (max-width: 750px) {
  .c-page-txtbox .c-page-txt {
    margin: 4.5rem 3.5rem 0;
  }
}

.c-page-txtbox__h4 {
  font-size: 24px;
  font-weight: bold;
  color: #3aafb0;
  margin-left: 35px;
}
@media screen and (max-width: 750px) {
  .c-page-txtbox__h4 {
    font-size: 3rem;
    margin-left: 2rem;
    margin-right: 2rem;
    line-height: 1.5;
  }
}

.c-page-txtbox__list {
  margin-top: 40px;
  margin-left: 30px;
}
@media screen and (max-width: 750px) {
  .c-page-txtbox__list {
    margin: 4rem 2rem 0;
  }
}

.c-page-txtbox__list__item {
  display: inline-block;
  position: relative;
  font-size: 18px;
  line-height: 1.5;
  padding-left: 15px;
  letter-spacing: -0.06em;
}
@media screen and (max-width: 750px) {
  .c-page-txtbox__list__item {
    font-size: 3rem;
    padding-left: 2.5rem;
  }
}

.c-page-txtbox__list__item + * {
  margin-top: 20px;
}

.c-page-txtbox__list__item strong {
  font-weight: bold;
}

.c-page-txtbox__list__item--fwb {
  font-weight: bold;
}

.c-page-txtbox__list__item--indent {
  font-weight: normal;
  text-indent: 1em;
}

.c-page-txtbox__list__item::before {
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  content: "";
  width: 7px;
  height: 10px;
  background: url("./img/page/ico_green-arrow-right.webp") no-repeat center/cover;
}
@media screen and (max-width: 750px) {
  .c-page-txtbox__list__item::before {
    top: 0.5em;
  }
}

.c-page-txtbox .c-page-txtbox__phone-txt {
  align-items: center;
}
@media screen and (max-width: 750px) {
  .c-page-txtbox .c-page-txtbox__phone-txt {
    align-items: start;
    flex-direction: column;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}

.c-page-txtbox__phone:first-of-type {
  padding-left: 1rem;
}

.c-page-txtbox__phone:first-of-type .c-page-txtbox__phone-number {
  margin-left: 0.9rem;
}

.c-page-txtbox__phone + .c-page-txtbox__phone {
  margin-top: 2rem;
}

.c-page-txtbox__phone-number {
  font-size: 32px;
  font-weight: bold;
  margin: 0 15px;
}
@media screen and (max-width: 750px) {
  .c-page-txtbox__phone-number {
    font-size: 3rem;
    margin: 0;
  }
}

.c-details {
  margin-top: 40px;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  .c-details {
    margin-top: 4rem;
  }
}
.c-details .details__summary {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  color: #3aafb0;
}
@media screen and (max-width: 750px) {
  .c-details .details__summary {
    font-size: 3.6rem;
  }
}
.c-details .details__summary::-webkit-details-marker {
  /* safari向けの処理 */
  display: none;
}
.c-details .details__summary:hover {
  cursor: pointer;
}
.c-details .details__summary::before {
  position: absolute;
  display: block;
  content: "";
  width: 18px;
  height: 10px;
  background: url("./img/page/ico_green-arrow-up--thin.webp") no-repeat center/cover;
  top: 21px;
  right: 30px;
}
@media screen and (max-width: 750px) {
  .c-details .details__summary::before {
    width: 1.8rem;
    height: 1rem;
    top: calc(50% - 0.5rem);
    right: 1.8rem;
  }
}
@media screen and (max-width: 750px) {
  .c-details .details__summary-txt {
    display: inline-block;
    padding: 0.5rem 0;
    line-height: 1.2;
  }
}
.c-details .details__num-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #3aafb0;
  border-radius: 10px 0 0 0;
  margin-right: 10px;
}
@media screen and (max-width: 750px) {
  .c-details .details__num-wrap {
    width: 6rem;
    min-height: 6rem;
    height: auto;
    align-self: stretch;
  }
}
.c-details .details__num {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  font-family: "Roboto";
}
@media screen and (max-width: 750px) {
  .c-details .details__num {
    font-size: 3.6rem;
  }
}
.c-details .details__content {
  padding: 15px 40px 30px;
}
@media screen and (max-width: 750px) {
  .c-details .details__content {
    padding: 1.5rem 3rem 3rem;
  }
}
.c-details .c-btn {
  display: block;
  min-width: 300px;
  width: fit-content;
  padding: 17px 20px;
  margin-top: 20px;
}
@media screen and (max-width: 750px) {
  .c-details .c-btn {
    width: 100%;
    padding: 3.4rem 2rem;
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 750px) {
  .c-details .c-btn img {
    display: none;
  }
}

.c-details[open] {
  border-radius: 10px;
}

.c-details[open] .details__summary::before {
  transform: rotateX(180deg);
}

/********************************
WordPressネイティブなCSS＆プラグインのCSS
*********************************/
.wp-pagenavi {
  width: fit-content;
  margin: 100px auto 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 750px) {
  .wp-pagenavi {
    margin: 5rem auto 0;
    gap: 1rem;
  }
}
.wp-pagenavi a {
  text-decoration: none;
}
.wp-pagenavi .current {
  background-color: #3aafb0;
  color: #fff;
}
.wp-pagenavi .page {
  background-color: #fff;
  color: #3aafb0;
}
.wp-pagenavi .extend {
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  .wp-pagenavi .extend {
    font-size: 2.5rem;
  }
}
.wp-pagenavi .current,
.wp-pagenavi .page,
.wp-pagenavi .extend {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #3aafb0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .wp-pagenavi .current,
  .wp-pagenavi .page,
  .wp-pagenavi .extend {
    font-size: 2.5rem;
    width: 4rem;
    height: 4rem;
    border-radius: 2rem;
  }
}
.wp-pagenavi .current:hover,
.wp-pagenavi .page:hover {
  background-color: #e4fde0;
  color: #333;
}
.wp-pagenavi .first,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .last {
  color: #3aafb0;
  font-weight: bold;
  font-size: 18px;
}
@media screen and (max-width: 750px) {
  .wp-pagenavi .first,
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .last {
    font-size: 2.5rem;
  }
}

/********************************
layout 接頭辞はl-
*********************************/
.l-flex {
  display: flex;
}

.l-flex--pc {
  display: flex;
}
@media screen and (max-width: 750px) {
  .l-flex--pc {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .l-flex--sp {
    display: flex;
  }
}

.l-flex-wrap {
  flex-wrap: wrap;
}

.l-w1450 {
  width: 1450px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 750px) {
  .l-w1450 {
    width: 100%;
  }
}

.l-w1100 {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 750px) {
  .l-w1100 {
    width: 100%;
  }
}

.l-w800 {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 750px) {
  .l-w800 {
    width: 100%;
  }
}

.l-100p {
  width: 100%;
}

/********************************
header
*********************************/
.header {
  position: sticky;
  top: 0;
  z-index: 200;
  background-color: #f8f6e6;
}
@media screen and (max-width: 750px) {
  .header {
    display: none;
  }
}

.header.is-sticky {
  border-bottom: 3px solid #e6e4d5;
}

.header__wrap {
  position: relative;
  width: 1450px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1450px) {
  .header__wrap {
    width: 1100px;
  }
}
@media screen and (max-width: 750px) {
  .header__wrap {
    width: 100%;
  }
}

.header__inner {
  align-items: end;
}

.header__lnav {
  width: 100%;
  padding: 15px 0;
  align-items: center;
}

.header__lnav-list {
  margin-left: auto;
}

.header__lnav-list * + * {
  margin-left: 20px;
}

.header__lnav-item a {
  color: #333;
  text-decoration: none;
  padding-left: 15px;
  background: url("./img/ico_arrow1_orange.webp") no-repeat left center;
  background-size: 6px 10px;
}

.header__lnav-item:first-of-type a {
  color: #fff;
  background: url("./img/ico_arrow1_white.webp") no-repeat 35px center #f4af18;
  background-size: 6px 10px;
  padding: 10px 35px 10px 55px;
  border-radius: 10px;
}

.header__lnav-item a:hover {
  text-decoration: underline;
}

.header__lnav-btn-wrap {
  display: flex;
  gap: 0 10px;
  margin-left: 15px;
}

.header__lnav-btn {
  border: 1px solid #000;
  padding: 10px;
}

.header__lnav-btn.js-color-btn--blue {
  background-color: #000095;
  color: #fff;
}

.header__lnav-btn.js-color-btn--black {
  background-color: #333;
  color: yellow;
}

.header__lnav-btn.js-color-btn--yellow {
  background-color: yellow;
  color: #333;
}

.header__h1 {
  width: 294px;
  padding-bottom: 15px;
}
@media screen and (max-width: 750px) {
  .header__h1 {
    width: 44.1rem;
    padding-bottom: 0;
  }
}

.header__h1--1100px {
  display: none;
  padding-bottom: 0;
}
@media screen and (max-width: 1450px) {
  .header__h1--1100px {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .header__h1--1100px {
    display: none;
  }
}

@media screen and (max-width: 1450px) {
  .header__h1--1450px {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .header__h1--1450px {
    display: block;
  }
}

.header__h1-img:hover {
  opacity: 0.8;
}

.header__nav-wrap {
  margin-left: auto;
}
@media screen and (max-width: 1450px) {
  .header__nav-wrap {
    width: 1100px;
    margin-left: 0;
  }
}

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

.header__gnav-list {
  align-items: center;
}
@media screen and (max-width: 1450px) {
  .header__gnav-list {
    justify-content: space-between;
  }
}

.gnav-list__item {
  height: 60px;
  border-left: 1px solid #ccc;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1450px) {
  .gnav-list__item {
    flex: 1 1 auto;
  }
}

.gnav-list__item:last-of-type {
  border-right: 1px solid #ccc;
}

.gnav-list__item > a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  color: #333;
  text-decoration: none;
  line-height: 1.5;
  padding: 0 15px;
  white-space: nowrap;
}
@media screen and (max-width: 1450px) {
  .gnav-list__item > a {
    padding: 0;
    width: 100%;
  }
}

.gnav-list__item.is-active > a,
.gnav-list__item > a:hover {
  color: #fff;
  background-color: #3aafb0;
}

.header__megamenu-wrap {
  width: 100%;
}

.header__megamenu-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  background-color: #3aafb0;
  padding: 30px 20px 20px;
  border-radius: 0 10px 10px 10px;
  width: max-content;
}

.header__megamenu-list.is-active {
  display: block;
}

.megamenu-list__item {
  display: flex;
}

.megamenu-list__item + .megamenu-list__item {
  margin-top: 20px;
}

.megamenu-list__item img {
  align-self: start;
  margin: 9px 10px 0 0;
}

.megamenu-list__item a {
  color: #fff;
  text-decoration: none;
  line-height: 1.5;
}

.megamenu-list__item a:hover {
  text-decoration: underline;
}

.header-sp {
  display: none;
  z-index: 20;
  background-color: #f8f6e6;
}
@media screen and (max-width: 750px) {
  .header-sp {
    display: block;
    position: sticky;
    top: 0;
  }
}

.header-sp__inner {
  align-items: center;
  padding: 3.5rem 4rem 2rem;
}

.header-sp__inner.is-active {
  background-color: #3aafb0;
}

.header-sp__h1-link {
  color: #333;
  text-decoration: none;
  display: inline-block;
}

.header-sp__h1-jp {
  display: block;
  font-size: 4.7rem;
  font-weight: bold;
}

.header-sp__h1-eng {
  display: block;
  font-size: 2.1rem;
  font-family: "Roboto";
  font-weight: 500;
  letter-spacing: 0.01em;
  margin-top: 10px;
}

.header-sp__h1.is-active .header-sp__h1-jp,
.header-sp__h1.is-active .header-sp__h1-eng {
  color: #fff;
}

.header-sp__btn-menu {
  margin-left: auto;
  width: 7.2rem;
  height: 8.6rem;
  background: url("./img/header/btn_header_sp-menu.webp") no-repeat;
  background-size: contain;
}

.header-sp__btn-menu.is-active {
  background-image: url("./img/header/btn_header_sp-menu--open.webp");
}

.header-sp__menu-wrap {
  background: #3aafb0;
  display: none;
  padding-bottom: 1.5rem;
}

.header-sp__menu-wrap.is-active {
  display: block;
}

.header-sp__menu-list {
  border-top: 1px solid #fff;
  margin-top: 2.4rem;
}

.header-sp__menu-wrap .header__lnav-btn-wrap {
  display: flex;
  gap: 0 1rem;
  margin-left: 4rem;
}

.header-sp__menu-wrap .header__lnav-btn {
  font-size: 4rem;
  border: 1px solid #000;
  padding: 1rem;
}

.header-sp__menu-list-item {
  border-bottom: 1px solid #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.header-sp__menu-list-item a {
  padding: 2.4rem 4rem;
  font-size: 4rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.header-sp__menu-list-item img {
  width: 3.1rem;
  margin-left: auto;
  margin-right: 5rem;
}

.header-sp__menu-list-item small {
  font-size: 2.6rem;
}

.header-sp__inner-list {
  width: 100%;
  padding: 5rem 0;
  background-color: #f8f6e6;
  display: none;
}

.header-sp__inner-list.is-open {
  display: block;
}

.header-sp__inner-list-item {
  padding-left: 8.5rem;
}

.header-sp__inner-list-item + .header-sp__inner-list-item {
  margin-top: 5rem;
}

.header-sp__inner-list-item a {
  display: flex;
  width: fit-content;
  align-items: center;
  padding: 0 0 0 2rem;
  font-size: 3.2rem;
  font-weight: normal;
  color: #3aafb0;
  text-decoration: none;
  background: url("./img/header/ico_sp-menu_arrow.webp") no-repeat left center/0.6rem 1.2rem;
}

.header-sp__inner-list-item small {
  font-size: 2.4rem;
}

.header-sp__bottom-link {
  color: #fff;
  text-decoration: none;
  display: block;
}

.header-sp__bottom-link--member {
  padding: 2.4rem 4rem 2.4rem 7rem;
  font-size: 4rem;
  font-weight: bold;
  background: url("./img/ico_arrow1_white.webp") 4.2rem center no-repeat #f4af18;
  background-size: auto 15px;
  margin: 2.4rem 4rem 0;
  border-radius: 10px;
}

.header-sp__bottom-link--privacy {
  margin: 2.4rem 4rem 0;
  font-size: 3rem;
  background: url("./img/ico_arrow1_white.webp") left center no-repeat;
  background-size: auto 10px;
  padding-left: 2.8rem;
}

/********************************
main 
*********************************/
.main {
  position: relative;
}

/********************************
footer 全ページ共通部品があればこちらに入れる
*********************************/
.footer {
  background-color: #3aafb0;
  padding: 95px 0 0;
}
@media screen and (max-width: 750px) {
  .footer {
    padding: 9rem 0 0;
  }
}

.footer__wrap {
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  .footer__wrap {
    padding: 0 4rem;
  }
}

.footer__wrap::after {
  content: "";
  display: block;
  width: 1100px;
  height: 1px;
  background-color: #fff;
  margin: 50px auto 0;
}
@media screen and (max-width: 750px) {
  .footer__wrap::after {
    width: 100%;
    margin-top: 5rem;
  }
}

.footer__list--01 {
  width: 260px;
}

.footer__list--02 {
  width: 260px;
  margin-left: 125px;
}
@media screen and (max-width: 750px) {
  .footer__list--02 {
    margin: 4.5rem 0 0 0;
  }
}

.footer__list--03 {
  width: 360px;
  margin-left: auto;
}
@media screen and (max-width: 750px) {
  .footer__list--03 {
    margin: 4.5rem 0 0 0;
  }
}

@media screen and (max-width: 750px) {
  .footer__list--01,
  .footer__list--02,
  .footer__list--03 {
    width: 100%;
  }
}

.footer__list-item + .footer__list-item {
  margin-top: 25px;
}
@media screen and (max-width: 750px) {
  .footer__list-item + .footer__list-item {
    margin-top: 4.5rem;
  }
}

.footer__list-item2 {
  margin-top: 30px;
}
@media screen and (max-width: 750px) {
  .footer__list-item2 {
    margin-top: 7rem;
  }
}

@media screen and (max-width: 750px) {
  .footer__list-item2 img {
    width: 100%;
  }
}

.footer__link {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  .footer__link {
    font-size: 3.6rem;
  }
}

.footer__link:hover {
  text-decoration: underline;
}

.footer__inner-list {
  margin-top: 25px;
}
@media screen and (max-width: 750px) {
  .footer__inner-list {
    margin-top: 4.5rem;
  }
}

.footer__inner-list-item {
  display: flex;
}

.footer__inner-list-item + .footer__inner-list-item {
  margin-top: 13px;
}
@media screen and (max-width: 750px) {
  .footer__inner-list-item + .footer__inner-list-item {
    margin-top: 4.5rem;
  }
}

.footer__inner-list-item img {
  align-self: start;
  margin: 9px 20px 0 0;
}
@media screen and (max-width: 750px) {
  .footer__inner-list-item img {
    width: 0.8rem;
    margin: 2rem 1.2rem 0 0;
  }
}

.footer__inner-link {
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .footer__inner-link {
    font-size: 3rem;
  }
}

.footer__inner-link:hover {
  text-decoration: underline;
}

.footer__address {
  margin: 40px auto 0;
  width: fit-content;
  gap: 0 50px;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .footer__address {
    margin: 4rem 0 0;
    padding: 0 4rem;
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .address__h2 {
    width: 55rem;
  }
}

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

.address__txt {
  color: #fff;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .address__txt {
    margin-top: 4rem;
    font-size: 3.2rem;
  }
}

.footer__copyright {
  font-family: "Roboto";
  font-size: 16px;
  margin-top: 50px;
  padding: 20px 0 45px;
  color: #3aafb0;
  text-align: center;
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  .footer__copyright {
    font-size: 3rem;
    margin-top: 8rem;
    padding: 4rem 0 2.5rem;
  }
}

/********************************
home
*********************************/
.home .section__slider {
  min-width: 1450px;
}
@media screen and (max-width: 1450px) {
  .home .section__slider {
    min-width: initial;
    width: 100%;
  }
}
.home .slick-dots {
  bottom: -45px;
}
.home .slick-current {
  width: 1450px;
}
@media screen and (max-width: 750px) {
  .home .slick-current {
    width: 100%;
  }
}
.home .slick-dots li button::before {
  font-size: 16px;
  color: black;
}
.home .slick-dots li.slick-active button::before {
  opacity: 1;
  color: #f4af18;
}
.home .slick-arrow {
  /* slickデフォのcssを上書き */
  display: none !important;
}
.home .section__banner {
  margin: 140px auto 0;
  width: 1100px;
}
@media screen and (max-width: 750px) {
  .home .section__banner {
    width: 100%;
  }
}
.home .c-banner__items {
  display: grid;
  row-gap: 30px;
}
.home .c-banner__link {
  display: block;
}
.home .section__news {
  margin-top: 90px;
  padding-bottom: 200px;
}
@media screen and (max-width: 750px) {
  .home .section__news {
    margin-top: 10rem;
    padding: 0 4rem 20rem;
  }
}
.home .c-news__list {
  margin-top: 80px;
}
@media screen and (max-width: 750px) {
  .home .c-news__list {
    margin-top: 7rem;
  }
}
.home .news__btn {
  margin: 40px auto 0;
}
@media screen and (max-width: 750px) {
  .home .news__btn {
    margin: 8.5rem auto 0;
  }
}
.home .section__about {
  padding-bottom: 300px;
  background: #fff url("./img/home/bg_home_about-bottom.webp") no-repeat left bottom/100% 198px;
}
@media screen and (max-width: 750px) {
  .home .section__about {
    padding-bottom: 20rem;
    background-size: 100% 8rem;
  }
}
.home .about__lead {
  padding: 60px 0;
  background-color: #3aafb0;
  text-align: center;
  font-size: 32px;
  color: #fff;
  line-height: 1.7;
}
@media screen and (max-width: 750px) {
  .home .about__lead {
    padding: 10rem 0;
    font-size: 4.8rem;
    word-spacing: -0.25em;
    line-height: 1.5;
  }
}
.home .about__lead + * {
  margin-top: 200px;
}
@media screen and (max-width: 750px) {
  .home .about__lead + * {
    margin-top: 10rem;
  }
}
.home .about__item {
  height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (max-width: 750px) {
  .home .about__item {
    height: auto;
    display: block;
    padding: 53.5rem 4rem 0;
  }
}
.home .about__item + .about__item {
  margin-top: 100px;
}
@media screen and (max-width: 750px) {
  .home .about__item + .about__item {
    margin-top: 20rem;
  }
}
.home .about__item--01 {
  background: url("./img/home/pic_home01.webp") no-repeat right center/630px 420px;
}
@media screen and (max-width: 750px) {
  .home .about__item--01 {
    background-position: top center;
    background-size: calc(100% - 8rem) auto;
  }
}
.home .about__item--02 {
  background: url("./img/home/pic_home02.webp") no-repeat left center/630px 420px;
  align-items: flex-end;
}
@media screen and (max-width: 750px) {
  .home .about__item--02 {
    background-position: top center;
    background-size: calc(100% - 8rem) auto;
    align-items: initial;
  }
}
.home .about__h2 {
  font-size: 48px;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .home .about__h2 {
    font-size: 8.6rem;
    line-height: 1.5;
  }
}
.home .about__txt {
  width: 570px;
  margin-top: 40px;
  padding: 20px 0;
  font-size: 18px;
  line-height: 1.5;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 9px;
}
@media screen and (max-width: 750px) {
  .home .about__txt {
    width: 100%;
    margin-top: 5rem;
    font-size: 3.6rem;
    line-height: 1.7;
    padding: 0;
  }
}
.home .about__item--01 .about__txt {
  padding-right: 15px;
}
@media screen and (max-width: 750px) {
  .home .about__item--01 .about__txt {
    padding: 0;
  }
}
.home .about__item--02 .about__txt {
  padding-left: 15px;
}
.home .about__btn {
  margin-top: 25px;
}
@media screen and (max-width: 750px) {
  .home .about__btn {
    margin: 8rem auto 0;
  }
}
.home .section__training {
  padding: 125px 0 120px;
}
@media screen and (max-width: 750px) {
  .home .section__training {
    padding: 0;
    margin-top: 7rem;
  }
}
@media screen and (max-width: 750px) {
  .home .training__h2 {
    margin: 0 4rem;
  }
}
@media screen and (max-width: 750px) {
  .home .training__h2 .c-h2-eng {
    font-size: 4.8rem;
    padding: 1rem 0 0 2rem;
  }
}
.home .training__list {
  margin-top: 100px;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .home .training__list {
    margin: 10rem 0 20rem;
  }
}
.home .training__list-item {
  width: 260px;
}
@media screen and (max-width: 750px) {
  .home .training__list-item {
    width: 45rem;
    padding: 0 1.5rem;
  }
}
.home .training__list-link {
  position: relative;
  display: block;
  overflow: hidden;
}
.home .training__list-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* 透明度50%の黒（グレー） */
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 750px) {
  .home .training__list-link::after {
    content: none;
  }
}
.home .training__list-link::before {
  content: "チラシを見る";
  position: absolute;
  width: 190px;
  border-radius: 10px;
  text-align: center;
  background-color: #3aafb0;
  padding: 14px 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff; /* 白文字 */
  font-size: 16px;
  font-weight: bold;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 1; /* 上に重ねる */
}
@media screen and (max-width: 750px) {
  .home .training__list-link::before {
    content: none;
  }
}
.home .training__list-link:hover::after,
.home .training__list-link:hover::before {
  opacity: 1; /* ホバー時に表示 */
}
.home .training__list-meta {
  margin-top: 30px;
}
@media screen and (max-width: 750px) {
  .home .training__list-meta {
    margin-top: 4rem;
  }
}
.home .training__list-meta__status {
  display: inline-block;
  width: 90px;
  padding: 6px 0;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #3aafb0;
  border-radius: 12px;
}
@media screen and (max-width: 750px) {
  .home .training__list-meta__status {
    width: 13.5rem;
    font-size: 2.4rem;
    border-radius: 20px;
  }
}
.home .training__list-meta__status--accept {
  background-color: #3aafb0;
}
.home .training__list-meta__status--end {
  background-color: #f4af18;
}
.home .training__list-meta__date {
  margin-left: 10px;
  color: #3aafb0;
  font-size: 16px;
}
@media screen and (max-width: 750px) {
  .home .training__list-meta__date {
    font-size: 2.4rem;
  }
}
.home .training__list-title {
  font-size: 18px;
  line-height: 1.5;
  margin-top: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 750px) {
  .home .training__list-title {
    font-size: 2.8rem;
  }
}
.home .training__list-title a {
  text-decoration: none;
  color: inherit;
}
.home .training__list-tag-wrap {
  font-size: 16px;
  color: #3aafb0;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid;
}
@media screen and (max-width: 750px) {
  .home .training__list-tag-wrap {
    font-size: 2.4rem;
  }
}
.home .training__list-tag {
  display: block;
}
.home .training__list-tag + .training__list-tag {
  margin-top: 10px;
}
@media screen and (max-width: 750px) {
  .home .training__list-tag + .training__list-tag {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 750px) {
  .home .section__training .slick-dots {
    bottom: -6rem;
  }
}
.home .training__btn {
  margin: 40px auto 0;
}
.home .section__joinus {
  padding: 270px 0 100px;
  background-image: url("./img/home/bg_home_training-bottom.webp"), url("./img/home/bg_home_join-us.webp");
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 198px, cover;
  background-position: left top, center top;
}
@media screen and (max-width: 750px) {
  .home .section__joinus {
    margin: 11rem 0 0;
    padding: 20rem 0;
    background-size: 100% 8rem, cover;
    background-position: left top, center top;
  }
}
.home .joinus__wrap {
  background: rgba(255, 255, 255, 0.5);
  position: relative;
  padding: 84px 0 80px;
}
@media screen and (max-width: 750px) {
  .home .joinus__wrap {
    padding: 8rem 0;
    background: rgba(255, 255, 255, 0.9);
  }
}
.home .joinus__h2 {
  font-family: "Roboto";
  font-size: 100px;
  font-weight: bold;
  color: #3aafb0;
  position: absolute;
  top: -52px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 750px) {
  .home .joinus__h2 {
    font-size: 15rem;
    top: -7.2rem;
    white-space: nowrap;
  }
}
.home .joinus__lead {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.7;
}
@media screen and (max-width: 750px) {
  .home .joinus__lead {
    font-size: 6rem;
  }
}
.home .joinus__lead::after {
  display: block;
  content: "";
  height: 4px;
  width: 310px;
  background-color: #3aafb0;
  margin: 40px auto 0;
}
.home .joinus__txt {
  font-size: 17px;
  width: 670px;
  margin: 50px auto 0;
  line-height: 1.7;
}
@media screen and (max-width: 750px) {
  .home .joinus__txt {
    font-size: 3.6rem;
    width: 90%;
  }
}
.home .joinus__btn {
  margin: 50px auto 0;
}
@media screen and (max-width: 750px) {
  .home .joinus__btn {
    margin-top: 10rem;
  }
}
.home .section__about-csw {
  padding: 95px 0 270px;
  background: #fff url("./img/home/bg_home_about-bottom.webp") no-repeat left bottom/100% 198px;
}
@media screen and (max-width: 750px) {
  .home .section__about-csw {
    padding: 20rem 4rem;
    background-size: 100% 8rem;
  }
}
.home .about-csw__h2 {
  font-size: 48px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .home .about-csw__h2 {
    font-size: 8rem;
  }
}
.home .about-csw__wrap {
  margin-top: 60px;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media screen and (max-width: 750px) {
  .home .about-csw__wrap {
    margin-top: 7rem;
    flex-wrap: nowrap;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 750px) {
  .home .about-csw__img {
    width: 100%;
    margin-top: 10rem;
  }
}
.home .about-csw__txt {
  width: 520px;
  font-size: 18px;
  line-height: 1.7;
}
@media screen and (max-width: 750px) {
  .home .about-csw__txt {
    width: 100%;
    font-size: 3.6rem;
  }
}
.home .about-csw__btn {
  margin: 50px auto 0;
}
.home .section__access {
  padding: 120px 0 100px;
}
@media screen and (max-width: 750px) {
  .home .section__access {
    padding: 10rem 0 0;
  }
}
@media screen and (max-width: 750px) {
  .home .access__h2 {
    margin: 0 4rem;
  }
}
.home .access__map-wrap {
  margin-top: 100px;
  flex-direction: row-reverse;
  align-items: flex-start;
}
@media screen and (max-width: 750px) {
  .home .access__map-wrap {
    margin-top: 10rem;
    flex-direction: column-reverse;
  }
}
.home .access__map {
  width: 550px;
}
@media screen and (max-width: 750px) {
  .home .access__map {
    margin-top: 8rem;
    width: 100%;
  }
}
.home .access__map iframe {
  width: 100%;
}
.home .access__dl {
  width: 550px;
  display: flex;
  flex-wrap: wrap;
  gap: 40px 10px;
  font-size: 18px;
  align-items: baseline;
}
@media screen and (max-width: 750px) {
  .home .access__dl {
    display: block;
    width: 100%;
    padding: 0 4rem;
  }
}
.home .access__dt {
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .home .access__dt {
    font-size: 3.6rem;
  }
}
.home .access__dt img {
  margin-right: 10px;
}
.home .access__dd {
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .home .access__dd {
    margin-top: 4rem;
    font-size: 3.6rem;
    padding-left: 1em;
  }
}
@media screen and (max-width: 750px) {
  .home .access__dd + .access__dt {
    margin-top: 6rem;
  }
}
.home .access__dt--01 {
  width: 80px;
}
.home .access__dt--02 {
  width: 180px;
}
.home .access__dt--03 {
  width: 180px;
}
.home .access__dd--01 {
  width: 450px;
}
.home .access__dd--02 {
  width: 360px;
}
.home .access__dd--03 {
  width: 360px;
}
@media screen and (max-width: 750px) {
  .home .access__dt--01,
  .home .access__dt--02,
  .home .access__dt--03,
  .home .access__dd--01,
  .home .access__dd--02,
  .home .access__dd--03 {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .home .access__dt--01 img {
    width: 30px;
  }
}
@media screen and (max-width: 750px) {
  .home .access__dt--02 img {
    width: 32px;
  }
}
@media screen and (max-width: 750px) {
  .home .access__dt--03 img {
    width: 34px;
  }
}
.home .c-btn-goto-top {
  bottom: 80px;
}

/********************************
page-about
*********************************/
.page-about .main {
  padding-bottom: 100px;
}
.page-about .about__section02 .about__link {
  margin-top: 45px;
}
@media screen and (max-width: 750px) {
  .page-about .about__section02 .about__link {
    margin-top: 4.5rem;
  }
}
.page-about .about__line-txt {
  margin-top: 35px;
  font-size: 24px;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .page-about .about__line-txt {
    margin-top: 4rem;
    font-size: 3rem;
  }
}
.page-about .about__line-txt__underline {
  position: relative;
  font-size: 32px;
  font-weight: bold;
  color: #3aafb0;
}
@media screen and (max-width: 750px) {
  .page-about .about__line-txt__underline {
    font-size: 4.5rem;
  }
}
.page-about .about__line-txt__underline::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 9px;
  bottom: 3px;
  background-color: #f9d78b;
  z-index: -10;
}
.page-about .about__line-txt__color {
  font-size: 32px;
  font-weight: bold;
  color: #3aafb0;
}
@media screen and (max-width: 750px) {
  .page-about .about__line-txt__color {
    font-size: 4.5rem;
  }
}
.page-about .about__link {
  position: relative;
  display: inline-block;
  font-size: 18px;
  padding-left: 25px;
  padding-right: 45px;
  color: #333;
}
@media screen and (max-width: 750px) {
  .page-about .about__link {
    font-size: 3rem;
    padding-left: 2.5rem;
    padding-right: 4.5rem;
  }
}
.page-about .about__link::before {
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  content: "";
  width: 7px;
  height: 10px;
  background: url("./img/page/ico_green-arrow-right.webp") no-repeat center/contain;
}
@media screen and (max-width: 750px) {
  .page-about .about__link::before {
    top: 0.3em;
  }
}
.page-about {
  /*
  .about__link::after {
      display: block;
      position: absolute;
      right: 0;
      top: -4px;
      content: "";
      width: 24px;
      height: 29px;
      background: url('./img/ico_pdf.webp') no-repeat center / contain;
  }
  */
}
.page-about .about__greeting-wrap {
  justify-content: space-between;
  flex-direction: row-reverse;
}
.page-about .about__greeting-img {
  align-self: flex-start;
}
@media screen and (max-width: 750px) {
  .page-about .about__greeting-img {
    display: block;
    margin: 0 auto;
  }
}
.page-about .about__greeting-txtwrap {
  width: 440px;
  margin-top: -6px;
}
@media screen and (max-width: 750px) {
  .page-about .about__greeting-txtwrap {
    width: 100%;
    margin-top: 4rem;
  }
}
.page-about .about__greeting-txt + * {
  margin-top: 45px;
}
.page-about .about__greeting-sign {
  font-weight: bold;
  text-align: right;
}
.page-about .about__org-img + * {
  margin-top: 40px;
}
@media screen and (max-width: 750px) {
  .page-about .about__org-img + * {
    margin-top: 4rem;
  }
}
.page-about .about__details {
  margin-top: 40px;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  .page-about .about__details {
    margin-top: 4rem;
  }
}
.page-about .about__details .details__summary {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  color: #3aafb0;
}
@media screen and (max-width: 750px) {
  .page-about .about__details .details__summary {
    font-size: 3.6rem;
  }
}
.page-about .about__details .details__summary::-webkit-details-marker {
  /* safari向けの処理 */
  display: none;
}
.page-about .about__details .details__summary:hover {
  cursor: pointer;
}
.page-about .about__details .details__summary::before {
  position: absolute;
  display: block;
  content: "";
  width: 18px;
  height: 10px;
  background: url("./img/page/ico_green-arrow-up--thin.webp") no-repeat center/cover;
  top: 21px;
  right: 30px;
}
@media screen and (max-width: 750px) {
  .page-about .about__details .details__summary::before {
    width: 1.8rem;
    height: 1rem;
    top: calc(50% - 0.5rem);
    right: 1.8rem;
  }
}
@media screen and (max-width: 750px) {
  .page-about .about__details .details__summary-txt {
    display: inline-block;
    padding: 0.5rem 0;
    line-height: 1.2;
  }
}
.page-about .about__details .details__num-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #3aafb0;
  border-radius: 10px 0 0 0;
  margin-right: 10px;
}
@media screen and (max-width: 750px) {
  .page-about .about__details .details__num-wrap {
    width: 6rem;
    min-height: 6rem;
    height: auto;
    align-self: stretch;
  }
}
.page-about .about__details .details__num {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  font-family: "Roboto";
}
@media screen and (max-width: 750px) {
  .page-about .about__details .details__num {
    font-size: 3.6rem;
  }
}
.page-about .about__details .details__content {
  padding: 15px 40px 30px;
}
@media screen and (max-width: 750px) {
  .page-about .about__details .details__content {
    padding: 1.5rem 3rem 3rem;
  }
}
.page-about .about__details[open] {
  border-radius: 10px;
}
.page-about .about__details[open] .details__summary::before {
  transform: rotateX(180deg);
}
.page-about .about__pdf-wrap {
  margin-top: 40px;
  width: 610px;
  flex-wrap: wrap;
  gap: 40px 45px;
}
@media screen and (max-width: 750px) {
  .page-about .about__pdf-wrap {
    margin-top: 4rem;
    width: 100%;
    gap: 5rem 5.5rem;
  }
}

/********************************
page-whatscsw
*********************************/
.page-whatscsw .main {
  padding-bottom: 100px;
}

/********************************
page-stepcsw
*********************************/
.page-stepcsw .main {
  padding-bottom: 100px;
}
.page-stepcsw .stepcsw__btn {
  margin-top: 45px;
  width: 520px;
}
@media screen and (max-width: 750px) {
  .page-stepcsw .stepcsw__btn {
    margin-top: 4rem;
    width: 100%;
  }
}
.page-stepcsw .stepcsw__btn img {
  margin: 0 2.8rem 0 0;
}
.page-stepcsw .stepcsw__btn br {
  display: none;
}
@media screen and (max-width: 750px) {
  .page-stepcsw .stepcsw__btn br {
    display: block;
  }
}

/********************************
page-privacy
*********************************/
.page-privacy .main {
  padding-bottom: 100px;
}
.page-privacy .privacy__list {
  list-style: none;
  padding-left: 0;
  counter-reset: list-counter;
}
.page-privacy .privacy__list-item {
  position: relative;
  padding-left: 2em;
}
.page-privacy .privacy__list-item + * {
  margin-top: 15px;
}
.page-privacy .privacy__list-item::before {
  counter-increment: list-counter;
  content: counter(list-counter, decimal-leading-zero) ".";
  position: absolute;
  left: 0;
  width: 2.5em;
  text-align: left;
}
.page-privacy .privacy__txt-sign {
  text-align: right;
}

/********************************
page-consult
*********************************/
.page-consult .main {
  padding-bottom: 100px;
}
.page-consult .consult__btn {
  width: 370px;
  margin-top: 40px;
  margin-left: 30px;
}
@media screen and (max-width: 750px) {
  .page-consult .consult__btn {
    width: calc(100% - 5rem);
    margin: 4rem 2.5rem 0;
  }
}
.page-consult .consult__dl {
  width: 550px;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  .page-consult .consult__dl {
    width: 100%;
  }
}
.page-consult .consult__dt {
  width: 210px;
  padding: 15px 12px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  border: 1px solid #3aafb0;
  background-color: #3aafb0;
}
@media screen and (max-width: 750px) {
  .page-consult .consult__dt {
    width: 100%;
    display: block;
    padding: 2rem 1rem;
    font-size: 3.6rem;
  }
}
.page-consult .consult__dt:not(:first-of-type) {
  border-top: 1px solid #fff;
}
.page-consult .consult__dd {
  width: 340px;
  padding: 15px 20px;
  font-size: 18px;
  background-color: #fff;
  border: 1px solid #3aafb0;
}
@media screen and (max-width: 750px) {
  .page-consult .consult__dd {
    width: 100%;
    display: block;
    padding: 2rem 1rem;
    font-size: 3.6rem;
  }
}
.page-consult .consult__dd:not(:last-of-type) {
  border-bottom: none;
}
.page-consult .c-page-txtbox__phone-txt .c-page-txt {
  margin-left: 0;
}
.page-consult .c-page-txtbox__phone + * {
  margin: 1rem 0 0;
}

/********************************
page-contact
*********************************/
.page-contact .main {
  padding-bottom: 100px;
}
.page-contact .contact__table {
  width: 100%;
  margin-top: 40px;
}
@media screen and (max-width: 750px) {
  .page-contact .contact__table {
    table-layout: fixed;
  }
}
.page-contact .contact__th {
  width: 240px;
  text-align: left;
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 750px) {
  .page-contact .contact__th {
    padding: 0;
    font-weight: bold;
  }
}
.page-contact .contact__th--require::after {
  position: absolute;
  right: 0;
  content: "必須";
  color: #fff;
  background-color: #f4af18;
  padding: 3px 10px 5px;
  margin-top: -3px;
  border-radius: 5px;
}
@media screen and (max-width: 750px) {
  .page-contact .contact__th--require::after {
    position: relative;
  }
}
.page-contact .contact__td {
  padding: 30px 0 30px 20px;
}
@media screen and (max-width: 750px) {
  .page-contact .contact__td {
    padding: 3rem 0;
  }
}
.page-contact .contact__th,
.page-contact .contact__td {
  border-bottom: 1px solid #3aafb0;
  vertical-align: top;
}
@media screen and (max-width: 750px) {
  .page-contact .contact__th,
  .page-contact .contact__td {
    border: none;
    display: block;
    width: 100%;
    font-size: 3.6rem;
  }
}
.page-contact .mw_wp_form_preview .contact__th,
.page-contact .mw_wp_form_preview .contact__td {
  vertical-align: middle;
}
.page-contact .contact__table input,
.page-contact .contact__table .contact__issue {
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
}
@media screen and (max-width: 750px) {
  .page-contact .contact__table input,
  .page-contact .contact__table .contact__issue {
    height: 6rem;
    font-size: 3.3rem;
    padding: 1rem;
    width: 100%;
  }
}
.page-contact .contact__name {
  height: 40px;
}
.page-contact .contact__name + .contact__name {
  margin-left: 30px;
}
@media screen and (max-width: 750px) {
  .page-contact .contact__name + .contact__name {
    margin-left: 0;
    margin-top: 2rem;
  }
}
.page-contact .contact__tel,
.page-contact .contact__mobile {
  width: 250px;
}
.page-contact .contact__mail {
  width: 410px;
}
.page-contact .contact__mail-txt {
  font-size: 16px;
  margin: 15px 0;
}
@media screen and (max-width: 750px) {
  .page-contact .contact__mail-txt {
    font-size: 3.6rem;
    margin: 1.5rem 0;
  }
}
.page-contact .mw_wp_form_preview .contact__mail-txt {
  display: none;
}
.page-contact .mw_wp_form_complete {
  margin-top: 50px;
}
@media screen and (max-width: 750px) {
  .page-contact .mw_wp_form_complete {
    margin-top: 5rem;
  }
}
.page-contact .mw_wp_form_complete .txt-alert {
  color: #982a3c;
}
.page-contact .contact__td--radio label {
  display: flex;
  align-items: center;
}
.page-contact .contact__td--radio label input {
  height: auto;
  width: auto;
}
.page-contact .contact__td--radio label + * {
  margin-top: 25px;
}
.page-contact .contact__td--radio label:first-of-type {
  margin-top: 10px;
}
.page-contact .contact__issue {
  background-color: #fff;
}
.page-contact .contact__details {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  line-height: 1.5;
  height: 9em;
}
.page-contact .contact__confirm-txt {
  font-size: 16px;
  margin-top: 7px;
}
@media screen and (max-width: 750px) {
  .page-contact .contact__confirm-txt {
    font-size: 3rem;
    margin-top: 1rem;
  }
}
.page-contact .contact__td--confirm label {
  display: flex;
  align-items: center;
  margin-top: 25px;
}
.page-contact .contact__td--confirm label input {
  height: auto;
  width: auto;
}
.page-contact .contact__btn {
  width: 300px;
  margin: 60px auto;
}
@media screen and (max-width: 750px) {
  .page-contact .contact__btn {
    width: 80%;
    margin: 4rem auto;
  }
}
@media screen and (max-width: 750px) {
  .page-contact .contact__btn img {
    width: 3rem;
  }
}

/********************************
page-admission
*********************************/
.u-mt__0 {
  margin-top: 0 !important;
}

.u-ml__0 {
  margin-left: 0 !important;
}

.page-admission .main {
  padding-bottom: 100px;
}
.page-admission .admission__section02 .c-page-txt + * {
  margin-top: 45px;
}
.page-admission .admission__step {
  position: relative;
  display: flex;
  width: 650px;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .page-admission .admission__step {
    width: 100%;
    gap: 1rem;
  }
}
.page-admission .admission__step + .admission__step {
  margin-top: 65px;
}
@media screen and (max-width: 750px) {
  .page-admission .admission__step + .admission__step {
    margin-top: 6.5rem;
  }
}
.page-admission .admission__step::after {
  position: absolute;
  bottom: -27px;
  content: "";
  width: 0;
  height: 0;
  border-left: 25px solid transparent; /* 左の辺 */
  border-right: 25px solid transparent; /* 右の辺 */
  border-top: 27px solid #3aafb0; /* 下向きの三角形を作る */
}
.page-admission .admission__step:last-of-type::after {
  content: none;
}
.page-admission .admission__step-num-wrap {
  display: flex;
  background-color: #3aafb0;
  width: 50px;
  justify-content: center;
  padding-top: 10px;
  border-radius: 10px 10px 0 0;
}
.page-admission .admission__step:last-of-type .admission__step-num-wrap {
  border-radius: 10px;
}
.page-admission .admission__step-num {
  font-family: "Roboto";
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}
.page-admission .admission__txt-wrap {
  width: 585px;
}
@media screen and (max-width: 750px) {
  .page-admission .admission__txt-wrap {
    width: calc(100% - 65px);
  }
}
.page-admission .admission__h4 {
  font-size: 24px;
  font-weight: bold;
  color: #3aafb0;
  border-bottom: 2px solid;
  padding-bottom: 10px;
}
@media screen and (max-width: 750px) {
  .page-admission .admission__h4 {
    font-size: 3.5rem;
  }
}
.page-admission .admission__h4 + * {
  margin-top: 40px;
}
@media screen and (max-width: 750px) {
  .page-admission .admission__h4 + * {
    margin-top: 4rem;
  }
}
.page-admission .admission__btn {
  width: 350px;
}
@media screen and (max-width: 750px) {
  .page-admission .admission__btn {
    width: 100%;
  }
}
.page-admission .admission__section02 .admission__fee {
  margin-top: 40px;
}
@media screen and (max-width: 750px) {
  .page-admission .admission__section02 .admission__fee {
    margin-top: 4rem;
    flex-direction: column;
    align-items: start;
  }
}
.page-admission .admission__fee {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 750px) {
  .page-admission .admission__fee {
    align-items: start;
    flex-direction: column;
    gap: 1.5rem;
  }
}
.page-admission .admission__fee-lead {
  font-size: 20px;
  font-weight: bold;
  color: #3aafb0;
}
@media screen and (max-width: 750px) {
  .page-admission .admission__fee-lead {
    font-size: 3.5rem;
  }
}
.page-admission .admission__fee-tag {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background-color: #3aafb0;
  padding: 8px 15px;
  border-radius: 5px;
}
@media screen and (max-width: 750px) {
  .page-admission .admission__fee-tag {
    font-size: 3.5rem;
  }
}
.page-admission .admission__fee .admission__fee-tag:nth-child(4) {
  margin-left: 30px;
}
@media screen and (max-width: 750px) {
  .page-admission .admission__fee .admission__fee-tag:nth-child(4) {
    margin-left: 0;
  }
}
@media screen and (max-width: 750px) {
  .page-admission .admission__fee img {
    display: none;
  }
}
.page-admission .c-page-txtbox__phone-txt img:nth-child(3) {
  margin-left: 25px;
}
.page-admission .c-page-txtbox__phone-txt + * {
  margin-top: 10px;
}
@media screen and (max-width: 750px) {
  .page-admission .c-page-txtbox__phone-txt + * {
    margin: 1rem 0 0 2.5rem;
  }
}
.page-admission .c-page-txtbox .admission__btn {
  margin-top: 40px;
  margin-left: 35px;
}
@media screen and (max-width: 750px) {
  .page-admission .c-page-txtbox .admission__btn {
    margin-top: 4rem;
    margin-left: 0;
  }
}
.page-admission .admission__section03 {
  margin-top: 60px;
}
@media screen and (max-width: 750px) {
  .page-admission .admission__section03 .c-page-txtbox .admission__btn {
    width: calc(100% - 5rem);
    margin-left: 2.5rem;
  }
}

/********************************
page-activity
*********************************/
.page-activity .main {
  padding-bottom: 100px;
}
.page-activity .activity__news {
  display: flex;
  align-items: stretch;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #ccc;
}
@media screen and (max-width: 750px) {
  .page-activity .activity__news {
    flex-direction: column;
    align-items: normal;
  }
}
.page-activity .activity__news .activity__h4 {
  background-color: #3aafb0;
  color: #fff;
  font-weight: bold;
  font-size: 32px;
  width: 240px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .page-activity .activity__news .activity__h4 {
    font-size: 3.2rem;
    width: 100%;
    padding: 2rem;
  }
}
.page-activity .activity__news .activity__news-inner {
  padding: 40px 20px;
}
@media screen and (max-width: 750px) {
  .page-activity .activity__news .activity__news-inner {
    padding: 4rem 2rem;
  }
}
.page-activity .activity__news .c-news__list-item {
  flex-wrap: wrap;
  background: url("./img/ico_arrow2_orange.webp") no-repeat right 63px/8px 13px;
}
.page-activity .activity__news .c-news__list-link {
  margin: 10px 0 0 0;
  width: 100%;
}
@media screen and (max-width: 750px) {
  .page-activity .activity__news .c-news__list-link {
    margin-top: 1rem;
  }
}
.page-activity .activity__news .c-btn {
  margin: 40px auto 0;
}
@media screen and (max-width: 750px) {
  .page-activity .activity__news .c-btn {
    margin-top: 4rem;
  }
}
.page-activity .activity__news + * {
  margin-top: 40px;
}
@media screen and (max-width: 750px) {
  .page-activity .activity__news + * {
    margin-top: 4rem;
  }
}

/********************************
error404
*********************************/
.error404 .main {
  padding-bottom: 100px;
}
.error404 .page404__btn {
  margin: 40px auto 0;
}

/********************************
archive
*********************************/
.archive .main {
  padding-bottom: 100px;
}
.archive .c-news__list {
  margin-top: -20px;
}
@media screen and (max-width: 750px) {
  .archive .c-news__list {
    margin-top: 0;
  }
}
/********************************
single
*********************************/
.single .main {
  padding-bottom: 100px;
}
.single .c-section {
  background-color: #fff;
  padding: 40px 45px;
}
@media screen and (max-width: 750px) {
  .single .c-section {
    padding: 4rem 4.5rem;
  }
}
.single .single__meta-wrap {
  align-items: center;
}
.single .single__h3 {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.75;
  margin-top: 40px;
}
.single .single__txt {
  margin-top: 40px;
}
.single .single__txt a {
  color: #3aafb0;
  text-decoration: none;
}
.single .single__txt a:hover {
  text-decoration: underline;
}
.single .single__btn-wrap {
  margin-top: 70px;
  justify-content: center;
  gap: 20px;
}
.single .single__prev,
.single .single__next {
  font-size: 18px;
  width: 180px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #3aafb0;
  color: inherit;
  text-decoration: none;
  border-radius: 10px;
}
.single .single__prev:hover,
.single .single__next:hover {
  background-color: #e4fde0;
}
.single .single__prev--disable,
.single .single__next--disable {
  background-color: #ccc;
  border: none;
}
.single .single__prev--disable:hover,
.single .single__next--disable:hover {
  background-color: #ccc;
}
.single .meta-date {
  position: relative;
  font-family: "Roboto";
  font-size: 16px;
  padding-left: 15px;
}
@media screen and (max-width: 750px) {
  .single .meta-date {
    font-size: 3.2rem;
  }
}
.single .meta-date::before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: #3aafb0;
  border: 1px solid #3aafb0;
  border-radius: 4px;
}
.single .meta-category {
  display: block;
  width: 160px;
  margin-left: 20px;
  border-radius: 5px;
  color: #fff;
  background: #3aafb0;
  padding: 8px 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .single .meta-category {
    width: 32rem;
    margin-left: 2rem;
    padding: 1.2rem 0;
    font-size: 3.2rem;
  }
}

/********************************
archive-training
*********************************/
.post-type-archive-training .main {
  padding-bottom: 100px;
}
.post-type-archive-training .c-page-wrap {
  justify-content: inherit;
  gap: 50px;
}
.post-type-archive-training .c-page-main {
  width: 575px;
}
@media screen and (max-width: 750px) {
  .post-type-archive-training .c-page-main {
    width: 100%;
  }
}
.post-type-archive-training .c-section {
  flex-wrap: wrap;
  gap: 80px 50px;
}
.post-type-archive-training .archive-training__btn-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}
@media screen and (max-width: 750px) {
  .post-type-archive-training .archive-training__btn-wrap {
    gap: 4rem;
  }
}
.post-type-archive-training .archive-training__btn {
  display: flex;
  border-radius: 10px;
  width: 320px;
  height: 115px;
  color: #fff;
  background-color: #f4af18;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  .post-type-archive-training .archive-training__btn {
    width: 90%;
    min-height: 12rem;
    height: auto;
    padding: 2rem 0;
    margin-left: auto;
    margin-right: auto;
  }
}
.post-type-archive-training .archive-training__btn span {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  background: url("./img/training/ico_arrow-right.webp") no-repeat left center/8px 10px;
  padding-left: 20px;
}
@media screen and (max-width: 750px) {
  .post-type-archive-training .archive-training__btn span {
    font-size: 3.6rem;
    background: url("./img/training/ico_arrow-right.webp") no-repeat left center/0.8rem 1rem;
    padding-left: 2rem;
  }
}
.post-type-archive-training .archive-training__btn:hover {
  background-color: #f5bb3d;
}
.post-type-archive-training .archive-training__item {
  width: 260px;
}
@media screen and (max-width: 750px) {
  .post-type-archive-training .archive-training__item {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .post-type-archive-training .archive-training__item + .archive-training__item {
    margin-top: 5rem;
  }
}
.post-type-archive-training .archive-training__item a:hover img {
  opacity: 0.8;
}
@media screen and (max-width: 750px) {
  .post-type-archive-training .archive-training__img {
    width: 100%;
  }
}
.post-type-archive-training .archive-training__meta {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 750px) {
  .post-type-archive-training .archive-training__meta {
    margin-top: 4rem;
    gap: 2rem;
  }
}
.post-type-archive-training .archive-training__status {
  width: 90px;
  height: 26px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 13px;
}
@media screen and (max-width: 750px) {
  .post-type-archive-training .archive-training__status {
    width: 13.5rem;
    height: 4rem;
    font-size: 3rem;
    border-radius: 20px;
  }
}
.post-type-archive-training .archive-training__status--accept {
  background-color: #3aafb0;
}
.post-type-archive-training .archive-training__status--closed {
  background-color: #f4af18;
}
.post-type-archive-training .archive-training__date {
  color: #3aafb0;
}
@media screen and (max-width: 750px) {
  .post-type-archive-training .archive-training__date {
    font-size: 3rem;
  }
}
.post-type-archive-training .archive-training__h3 {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.75;
}
@media screen and (max-width: 750px) {
  .post-type-archive-training .archive-training__h3 {
    margin-top: 1.5rem;
    font-size: 3.6rem;
  }
}
.post-type-archive-training .archive-training__h3 a {
  text-decoration: none;
  color: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.post-type-archive-training .archive-training__h3 a:hover {
  color: #3aafb0;
}
@media screen and (max-width: 750px) {
  .post-type-archive-training .archive-training__h3 a br {
    display: none;
  }
}
.post-type-archive-training .archive-training__tag-wrap {
  margin-top: 20px;
  padding-top: 20px;
  color: #3aafb0;
  border-top: 2px solid;
}
@media screen and (max-width: 750px) {
  .post-type-archive-training .archive-training__tag-wrap {
    margin-top: 2rem;
    padding-top: 2rem;
    font-size: 3rem;
  }
}
.post-type-archive-training .archive-training__tag {
  display: block;
}
.post-type-archive-training .archive-training__tag + .archive-training__tag {
  margin-top: 10px;
}
@media screen and (max-width: 750px) {
  .post-type-archive-training .archive-training__tag + .archive-training__tag {
    margin-top: 1rem;
  }
}

/********************************
archive-member
*********************************/
.post-type-archive-member .main {
  padding-bottom: 100px;
}
.post-type-archive-member .member__list {
  margin-top: 45px;
}
.post-type-archive-member .member__list__item {
  padding: 35px 0 35px 15px;
  border-top: 1px solid #ccc;
  line-height: 1.7;
  position: relative;
}
.post-type-archive-member .member__list__item:before {
  content: "";
  width: 7px;
  height: 10px;
  position: absolute;
  background: url("./img/page/ico_green-arrow-right.webp") no-repeat;
  background-size: contain;
  left: 0;
  top: 2.86em; /* 1行でも2行でも位置を合わせるためにemにしてる */
}
.post-type-archive-member .member__list__item:last-of-type {
  border-bottom: 1px solid #ccc;
}
.post-type-archive-member .member__list__item a {
  position: relative;
  font-size: 18px;
  color: #333;
  text-decoration: none;
}
.post-type-archive-member .member__list__item a:hover {
  text-decoration: underline;
}
.post-type-archive-member .member__list__item a::after {
  content: "（PDF）";
  background-image: url("./img/ico_pdf.webp");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 24px 29px;
  padding: 10px 23px 10px 0;
}/*# sourceMappingURL=style.css.map */