@charset 'UTF-8';

/* カラーコード、ロゴのサイズ
================================================== */
:root {
  /* ブレイクポイント */
  --bpWidth_pc: 896px;
  --col_black: #000;
  --col_blackTransparent: rgba(0, 0, 0, .16);
  --col_bottom_bar_brown_pc: #89756b;
  --col_bottom_bar_brown_sp: #6a5a52;
  --col_bottom_bar_gold: #b1a906;
  --col_dullPink: #c79e97;
  --col_formBtn: #fd6f6f;
  --col_formInputTxt: #ecedf2;
  --col_formInputTxtBorder: #e5e7e6;
  --col_formInputTxtPlaceholder: #8c8d91;
  --col_formRequired: #ff6f6f;
  --col_gold: #cdc733;
  --col_gray65: #656565;
  --col_gray70: #707070;
  --col_grayB9: #b9b9b9;
  --col_grayD0: #d0d0d0;
  --col_grayD6: #d6d6d6;
  --col_grayE3: #e3e3e3;
  --col_grayE3Transparent: rgba(227, 227, 227, .85);
  --col_grayF2: #f2f2f2;
  --col_grayF2Transparent: rgba(247, 247, 247, .17);
  --col_grayF4: #f4f4f4;
  --col_grayF7: #f7f7f7;
  --col_grayFC: #fcfcfc;
  --col_grayFCTransparent: rgba(252, 252, 252, .95);
  --col_lightBrown: #6a5a52;
  --col_lightGold: #e4df92;
  --col_lightGreen: #a6d898;
  --col_lightOrange: #fcdeb9;
  --col_mainCol: #3e2723;
  --col_mainColTransparent: rgba(62, 39, 35, .92);
  --col_paleBlue: #e9f0f3;
  --col_paleBlueTransparent: rgba(233, 240, 243, .86);
  --col_paleCoffee: #ded8d5;
  --col_paleGreen: #f2f7f0;
  --col_paleGreenTransparent: rgba(242, 247, 240, .86);
  --col_paleOrange: #f8f2ea;
  --col_paleOrangeTransparent: rgba(248, 242, 234, .86);
  --col_palePink: #f8eaea;
  --col_palePinkTransparent: rgba(248, 234, 234, .86);
  --col_paleViolet: #eee9f5;
  --col_paleVioletTransparent: rgba(238, 233, 245, .86);
  --col_scarlet: #ff2600;
  --col_seminarSearch: #f86c69;
  --col_seminarSearch_hover: #ff9a98;
  --col_tag: #d2eefa;
  --col_tag_selected: #4ac9fd;
  --col_white: #fff;
  --col_whiteTransparent: rgba(255, 255, 255, .7);
  --col_whiteTransparent80: rgba(255, 255, 255, .8);
  /* ヘッダー */
  --headerHeight_pc: 150px;
  --headerHeight_sp: 80px;
  --height_logoPC: 58px;
  --height_logoSP: 45px;
  /* PCのインナーサイズ */
  --width_innerPC: 1093px;
  /* ロゴのサイズ */
  --width_logoPC: 258px;
  --width_logoSP: 202px;
}


html {
  font-size: 62.5%;
}

body {
  background-color: var(--col_white);
  color: var(--col_mainCol);
  font-family: YuGothic,
  -apple-system,
  BlinkMacSystemFont,
  'Helvetica Neue',
  'ヒラギノ角ゴ ProN W3',
  Hiragino Kaku Gothic ProN,
  Arial,
  'メイリオ',
  Meiryo,
  sans-serif;
  font-size: 1.4em;
  line-height: 1.5;
}

a:visited {
  text-decoration: none;
}

img {
  aspect-ratio: attr(width) / attr(height);
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
}

/* 全体 */
.common_bl_wrapper {
  background: url('../common-img/bg_main.png'), repeat;
  margin: 0 calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  width: 100vw;
}

.common_bl_inner {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

/* 背景 */
.common_bl_bkWhite {
  background-color: var(--col_white);
}

/* パンくずナビ */
.common_bl_breadcrumb {
  list-style: none;
  overflow-wrap: break-word;
}

.common_el_breadcrumb_item {
  display: inline-block;
}

.common_el_breadcrumb_item:not(:last-of-type)::after {
  content: '＞';
  margin-left: 1em;
  margin-right: 1em;
}

.common_el_breadcrumb_item a:hover,
.common_el_breadcrumb_item a:focus,
.common_el_breadcrumb_item a:active {
  text-decoration: underline;
}

.common_el_breadcrumb_item.active {
  font-weight: bold;
}

/* 見出し */
/* h1見出し・アンダーライン */
.common_el_lv1Heading__underLine {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'Sawarabi Mincho', 'MS P明朝', 'MS PMincho', serif;
  font-size: 2.8rem;
  font-weight: bold;
  gap: 22.5px;
  justify-content: flex-start;
  line-height: 1.7;
  margin: 6.5rem auto 6.05rem;
  text-align: center;
}

.common_el_lv1Heading__underLine::after {
  content: '';
  height: 2px;
  width: 5rem;
}

/* h1見出し・アンダーライン：カラーバリエーション */
.common_el_lv1Heading__underLine__mainCol::after {
  background-color: var(--col_mainCol);
}

.common_el_lv1Heading__underLine__lightBrown::after {
  background-color: var(--col_lightBrown);
}

.common_el_lv1Heading__underLine__gold::after {
  background-color: var(--col_gold);
}

/* h1見出し・背景色 */
.common_el_lv1Heading__bkCol {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
  padding: 4rem 3rem;
  text-align: left;
}

.common_el_lv1Heading__bkCol__lightGold {
  background-color: var(--col_lightGold);
}

/* h2見出し */
/* h2見出し・アンダーライン */
.common_el_lv2Heading__underLine {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.33;
  margin-bottom: 2rem;
  padding-bottom: 10px;
  position: relative;
  text-align: left;
}

.common_el_lv2Heading__underLine::after {
  bottom: -3px;
  content: '';
  height: 3px;
  left: 0;
  position: absolute;
  width: 10rem;
}

/* h2見出し・アンダーライン：カラーバリエーション */
/* 緑+ピンク */
.common_el_lv2Heading__underLine__green {
  border-bottom: 3px solid var(--col_lightGreen);
}

.common_el_lv2Heading__underLine__green::after {
  background-color: var(--col_lightOrange);
}

/* ゴールド+ライトブラウン */
.common_el_lv2Heading__underLine__gold {
  border-bottom: 3px solid var(--col_gold);
}

.common_el_lv2Heading__underLine__gold::after {
  background-color: var(--col_lightBrown);
}

/* h2見出し・背景色 */
.common_el_lv2Heading__bkCol {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
  padding: 1.5rem 3rem;
  text-align: left;
}

.common_el_lv2Heading__bkCol__lightGold {
  background-color: var(--col_lightGold);
}

/* h2見出し・ファシリテータータグ */
.common_el_lv2Heading__tag {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.333;
  margin-bottom: 1.7rem;
}

/* h3見出し */
/* h3見出し・アンダーライン */
.common_el_lv3Heading__underLine {
  border-bottom: 1px solid var(--col_dullPink);
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.33;
  margin-bottom: 2rem;
  padding-bottom: 10px;
  position: relative;
  text-align: left;
}

/* h4見出し */
.common_el_lv4Heading {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 2rem;
  padding-bottom: 0;
  position: relative;
  text-align: left;
}

/* 標準段落 */
.common_el_contentTxt {
  font-size: 1.6rem;
  margin-bottom: .4em;
  text-align: left;
}

/* リスト */
.common_bl_bulletList,
.common_bl_orderList {
  background-color: var(--col_white);
  border-radius: 7px;
  box-shadow: 0 3px 6px var(--col_blackTransparent);
  font-size: 1.6rem;
  font-weight: bold;
  padding: .8rem 1.5rem;
  width: 100%;
}

.common_bl_bulletList__noShadow,
.common_bl_orderList__noShadow {
  box-shadow: none;
}


.common_bl_orderList {
  counter-reset: common_bl_orderList;
}

.common_bl_bulletList > *:last-child,
.common_bl_orderList > *:last-child {
  margin-bottom: 0;
}

.common_bl_bulletList > li,
.common_bl_orderList > li {
  margin-bottom: 1rem;
  position: relative;
}

.common_bl_bulletList > li {
  padding-left: 1.3rem;
}

.common_bl_orderList > li {
  padding-left: 3.1rem;
}

.common_bl_bulletList > li::before,
.common_bl_orderList > li::before {
  position: absolute;
}

.common_bl_bulletList > li::before {
  background-color: var(--col_lightGreen);
  border-radius: 50%;
  content: '';
  display: block;
  height: .31em;
  left: 0;
  top: .5em;
  width: .31em;
}

.common_bl_orderList > li::before {
  align-items: center;
  background-color: var(--col_lightGreen);
  border-radius: 50%;
  color: var(--col_mainCol);
  content: counter(common_bl_orderList);
  counter-increment: common_bl_orderList;
  display: flex;
  font-size: 1.2rem;
  font-weight: bold;
  height: 2.3rem;
  justify-content: center;
  left: 0;
  line-height: 1;
  top: 0;
  width: 2.3rem;
}

/* ボタン */
/* ボタン基本 */
.common_el_btn {
  border: 2px solid transparent;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  max-width: 100%;
  position: relative;
  text-align: center;
  transition: .4s ease-in-out;
  word-break: keep-all;
}

/* ボタン色 */
.common_el_btn__bgGold {
  background-color: var(--col_gold);
  color: var(--col_mainCol);
}

.common_el_btn__bgGold:focus,
.common_el_btn__bgGold:hover,
.common_el_btn__bgGold:active {
  background-color: var(--col_mainCol);
  border: 2px solid var(--col_gold);
  color: var(--col_gold);
}

.common_el_btn__bgBrown,
.common_el_btn__bgBrownNormal {
  background-color: var(--col_mainCol);
  color: var(--col_white);
}

.common_el_btn__bgBrown:focus,
.common_el_btn__bgBrown:hover,
.common_el_btn__bgBrown:active,
.common_el_btn__bgBrownNormal:focus,
.common_el_btn__bgBrownNormal:hover,
.common_el_btn__bgBrownNormal:active {
  background-color: var(--col_white);
  border: 2px solid var(--col_mainCol);
  color: var(--col_mainCol);
}

.common_el_btn__bgWhite {
  background-color: var(--col_white);
  border: 3px solid var(--col_lightGold);
}

.common_el_btn__bgWhite:hover,
.common_el_btn__bgWhite:active,
.common_el_btn__bgWhite:focus {
  background-color: var(--col_lightGold);
}


/* ボタンの角 */
.common_el_btn__rounded10 {
  border-radius: 10px;
}

.common_el_btn__rounded25 {
  border-radius: 25px;
}

.common_el_btn__rounded50 {
  border-radius: 50px;
}

/* ボタンサイズ：大サイズ */
.common_el_btn__large1,
.common_el_btn__large2 {
  width: 65.6rem;
}

/* ボタンサイズ：大サイズ1行 */
.common_el_btn__large1 {
  line-height: 1;
  padding: 32px 33px;
}

/* ボタンサイズ：大サイズ2行 */
.common_el_btn__large2 {
  line-height: 1.18;
  padding: 20px 33px;
}

.common_el_btn__large2 span:first-child {
  font-size: 1.6rem;
}

.common_el_btn__large2 span:last-child {
  font-size: 2.4rem;
}

/* ボタンサイズ：PC時の幅420px */
.common_el_btn__w420 {
  font-weight: normal;
  line-height: 1;
  padding: 31px 30px;
  width: 42rem;
}

/* ボタンサイズ：PC時の幅350px */
.common_el_btn__w350 {
  line-height: 1.15;
  padding: 18px 20px 18px 97px;
  width: 35rem;
}

/* ボタンサイズ：PC時の幅296px */
.common_el_btn__w296 {
  font-size: 16px;
  line-height: 1;
  padding: 18px 26px;
  text-align: left;
  width: 29.6rem;
}

/* ボタンサイズ：PC時の幅296px：フッター用（ウィンドウ幅に合わせて幅を可変にする） */
.common_el_btn__w296_footer {
  width: min(29.6rem, 100%);
}

/* カード内ボタン */
.common_el_btn__card {
  font-size: 1.6rem;
  padding: 9px 20px;
  width: 100%;
}

/* ボタンのレイアウト・矢印 */
.common_el_btn::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
}

.common_el_btn__arrowLeft {
  text-align: left;
}

.common_el_btn__arrowRight::after {
  right: 33px;
}

.common_el_btn__arrowRight24::after {
  right: 24px;
}

.common_el_btn__arrowRight20::after {
  right: 20px;
}

.common_el_btn__arrowLeft::after {
  left: 20px;
}

.common_el_btn__arrowFlex::after {
  /* PC右・SP左 */
  right: 15px;
}

.common_el_btn__large2::after,
.common_el_btn__large::after,
.common_el_btn__w420::after,
.common_el_btn__w350::after {
  height: 20px;
  width: 20px;
}

.common_el_btn__w296::after {
  height: 12px;
  width: 12px;
}

.common_el_btn__card::after {
  height: 16px;
  width: 16px;
}

.common_el_btn__bgGold::after {
  border-right: 3px solid var(--col_mainCol);
  border-top: 3px solid var(--col_mainCol);
}

.common_el_btn__bgGold:hover:after {
  border-right: 3px solid var(--col_gold);
  border-top: 3px solid var(--col_gold);
}

.common_el_btn__bgBrown::after {
  border-right: 3px solid var(--col_white);
  border-top: 3px solid var(--col_white);
}

.common_el_btn__bgBrown:hover::after {
  border-right: 3px solid var(--col_mainCol);
  border-top: 3px solid var(--col_mainCol);
}

.common_el_btn__bgBrownNormal::after {
  border-right: 2px solid var(--col_white);
  border-top: 2px solid var(--col_white);
}

.common_el_btn__bgBrownNormal:hover::after {
  border-right: 2px solid var(--col_mainCol);
  border-top: 2px solid var(--col_mainCol);
}

.common_el_btn__bgWhite::after {
  border-right: 3px solid var(--col_lightGold);
  border-top: 3px solid var(--col_lightGold);
}

.common_el_btn__bgWhite:hover:after {
  border-right: 3px solid var(--col_mainCol);
  border-top: 3px solid var(--col_mainCol);
}

/* ファシリテータ　プロフィール */
.common_bl_cardProf {
  align-items: flex-end;
  background-color: var(--col_white);
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
  justify-content: center;
  padding: 10px;
}

.common_bl_cardProfInner {
  height: 100%;
  width: 100%;
}

/* ファシリテータ　プロフィール:ブログ */
.common_bl_cardProf__blog {
  border-bottom: 1px solid var(--col_gray70);
  margin: 0 auto 5.5rem;
}

/* ファシリテータ　プロフィール:紹介ページ */
.common_bl_cardProf__teacher {
  border-bottom: 1px solid var(--col_gray70);
}

.common_bl_cardProf__wsTeacher {
  box-shadow: 0 3px 6px var(--col_blackTransparent);
}

.common_bl_cardProfMain {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1rem;
  justify-content: flex-start;
}

/* ファシリテータ　プロフィール：左側パート */
.common_bl_cardProfL {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: .7rem;
  justify-content: flex-start;
  width: 10rem;
}

.common_bl_cardProfImgWrapper {
  height: 12rem;
  width: 10rem;
}

.common_bl_cardProfImgWrapper img {
  aspect-ratio: 5 / 6;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.common_el_txtFacilitator {
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

.common_el_txtKana {
  font-size: 1.1rem;
}

.common_el_txtName {
  font-size: 1.6rem;
}

/* ファシリテータ　プロフィール：右側パート */
.common_bl_cardProfR {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: flex-start;
}

.common_bl_cardProfR p {
  font-size: 1.4rem;
  text-align: left;
}

/* ファシリテータ　プロフィール：リンクパート */
.common_el_cardReadMore {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-align: right;
}

.common_el_cardReadMore a {
  display: block;
  height: 100%;
  line-height: 1;
  padding-right: 28px;
  position: relative;
  text-align: right;
}

.common_el_cardReadMore a:before {
  background-color: var(--col_mainCol);
  border-radius: 50%;
  content: '';
  height: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}

.common_el_cardReadMore a:after {
  border-color: transparent transparent transparent var(--col_white);
  border-style: solid;
  border-width: 5px 0 5px 9px;
  content: '';
  height: 0;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
}

.common_el_cardReadMore a:hover,
.common_el_cardReadMore a:active,
.common_el_cardReadMore a:focus {
  text-decoration: underline;
}

/* ファシリテータ　プロフィール:紹介ページ */
.common_el_cardReadMore__teacher {
  margin-top: 1.3rem;
}

/* カード 一覧 */
.common_bl_cardProfUnit {
  display: flex;
  flex-direction: row;
}

.common_bl_cardWSUnit {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: flex-start;
  margin-left: auto;
  margin-right: auto;
}

/* ファシリテータ 一覧 */
.common_bl_cardProfUnit__col1 {
  flex-direction: column;
  gap: 2.8rem;
}

/* ワークショップ一覧 カード */
.common_bl_cardWS {
  align-items: center;
  background-color: var(--col_white);
  border-radius: 8px;
  box-shadow: 0 3px 6px var(--col_blackTransparent);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}

.common_el_lv2Heading__cardWS {
  background-color: var(--col_lightGold);
  border-radius: 8px 8px 0 0;
  display: flex;
  font-size: 1.8rem;
  font-weight: bold;
  justify-content: left;
  line-height: 1.72;
  padding: 2rem 1.5rem;
  text-align: left;
  width: 100%;
}

.common_bl_cardWS_body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.1rem;
  justify-content: flex-start;
  padding: 1.5rem 2rem 2rem;
  width: 100%;
}

.common_bl_cardWS_ttl {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.6875;
  text-align: left;
}

.common_bl_cardWS_txt {
  margin-bottom: .5rem;
}

.common_bl_cardWS_txt p {
  line-height: 1.714;
  text-align: left;
}

/* ページネーション */
.common_bl_pagination {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  overflow-x: auto;
}

.common_bl_pagination > *:last-child {
  margin-right: 0;
}

.common_el_pageNum {
  font-size: 1.8rem;
  margin-right: 3rem;
  text-align: center;
  transition: .2s;
  transition: .4s ease-in-out;
}

.common_el_pageNum:hover,
.common_el_pageNum:focus,
.common_el_pageNum:active {
  text-decoration: underline;
}

.common_el_pageNum.current {
  color: var(--col_gold);
}

.common_el_pageNum.prev {
  margin-right: 2rem;
}

.common_el_pageNum.next {
  margin-left: 1.2rem;
}

.common_el_pageNum.current:hover,
.common_el_pageNum.current:focus,
.common_el_pageNum.current:active,
.common_el_pageNum.dots:hover,
.common_el_pageNum.dots:focus,
.common_el_pageNum.dots:active {
  text-decoration: none;
}

/* ファシリテータータグ */
.common_bl_tagWrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}

.common_el_tag,
.common_bl_tag_cloud {
  border-radius: 5px;
  border-radius: 19px;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1;
  padding: .7rem 1rem;
  transition: .2s;
  transition: .4s ease-in-out;
}

.common_el_tag {
  background-color: var(--col_grayE3);
}

.common_bl_tag_cloud {
  background-color: var(--col_tag);
}

.common_el_tag:hover,
.common_el_tag:focus,
.common_el_tag:active {
  background-color: var(--col_grayB9);
  font-weight: bold;
}

.common_bl_tag_cloud:hover,
.common_bl_tag_cloud:focus,
.common_bl_tag_cloud:active {
  background-color: var(--col_tag_selected);
  font-weight: bold;
}

.common_el_tag a,
.common_bl_tag_cloud a {
  height: 100%;
  width: 100%;
}


/* 上マージン */
.common_hp_mt10_minus {
  margin-top: -1rem;
}

.common_hp_mt0 {
  margin-top: 0;
}

.common_hp_mt7 {
  margin-top: .7rem;
}

.common_hp_mt10 {
  margin-top: 1rem;
}

.common_hp_mt20 {
  margin-top: 2rem;
}

.common_hp_mt30 {
  margin-top: 3rem;
}

.common_hp_mt50 {
  margin-top: 5rem;
}

.common_hp_mt60 {
  margin-top: 6rem;
}

.common_hp_mt62 {
  margin-top: 6.2rem;
}

.common_hp_mt65 {
  margin-top: 6.5rem;
}

.common_hp_mt72 {
  margin-top: 7.2rem;
}

.common_hp_mt95 {
  margin-top: 9.5rem;
}

.common_hp_mt100 {
  margin-top: 10rem;
}

.common_hp_mt120 {
  margin-top: 12rem;
}

/* 下マージン */
.common_hp_mb0 {
  margin-bottom: 0;
}

.common_hp_mb3 {
  margin-bottom: .3rem;
}

.common_hp_mb6 {
  margin-bottom: .6rem;
}

.common_hp_mb10 {
  margin-bottom: 1rem;
}

.common_hp_mb20 {
  margin-bottom: 2rem;
}

.common_hp_mb30 {
  margin-bottom: 3rem;
}

.common_hp_mb50 {
  margin-bottom: 5rem;
}

.common_hp_mb62 {
  margin-bottom: 6.2rem;
}

.common_hp_mb65 {
  margin-bottom: 6.5rem;
}

.common_hp_mb72 {
  margin-bottom: 7.2rem;
}

.common_hp_mb95 {
  margin-bottom: 9.5rem;
}

.common_hp_mb100 {
  margin-bottom: 10rem;
}

.common_hp_mb120 {
  margin-bottom: 12rem;
}

.common_hp_mb236 {
  margin-bottom: 23.6rem;
}

/* 上パディング */
.common_hp_pt0 {
  padding-top: 0;
}

.common_hp_pt20 {
  padding-top: 2rem;
}

.common_hp_pt30 {
  padding-top: 3rem;
}

.common_hp_pt50 {
  padding-top: 5rem;
}

.common_hp_pt60 {
  padding-top: 6rem;
}

.common_hp_pt62 {
  padding-top: 6.2rem;
}

.common_hp_pt65 {
  padding-top: 6.5rem;
}

.common_hp_pt72 {
  padding-top: 7.2rem;
}

.common_hp_pt95 {
  padding-top: 9.5rem;
}

.common_hp_pt100 {
  padding-top: 10rem;
}

.common_hp_pt120 {
  padding-top: 12rem;
}

/* 下パディング */
.common_hp_pb0 {
  padding-bottom: 0;
}

.common_hp_pb20 {
  padding-bottom: 3rem;
}

.common_hp_pb30 {
  padding-bottom: 3rem;
}

.common_hp_pb50 {
  padding-bottom: 5rem;
}

.common_hp_pb62 {
  padding-bottom: 6.2rem;
}

.common_hp_pb65 {
  padding-bottom: 6.5rem;
}

.common_hp_pb72 {
  padding-bottom: 7.2rem;
}

.common_hp_pb95 {
  padding-bottom: 9.5rem;
}

.common_hp_pb100 {
  padding-bottom: 10rem;
}

.common_hp_pb120 {
  padding-bottom: 12rem;
}

.common_hp_pb236 {
  padding-bottom: 23.6rem;
}

/* パンくずナビのないページの上パディング */
.common_hp_ptTop {
  padding-top: 6.5rem;
}

/* PC右揃え */
.common_hp_alignRight {
  display: flex;
  flex-direction: column;
}

/* 中央揃え */
.common_hp_alignCenter {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.common_hp_txt_alignCenter {
  text-align: center;
}

/* table */

.common_table {
  margin-bottom: 2rem;
  width: 100%;
}

.common_table th,
.common_table td {
  box-sizing: border-box;
}

.common_table th {
  background: #efefef;
}

.common_table tr {
  background-color: #f8f8f8;
}

/* others */
.common_gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.common_gmap iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}


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


/* clearfix */
.common_clearfix::after {
  clear: both;
  content: '';
  display: block;
}

.common_clearfix::before {
  clear: both;
  content: '';
  display: block;
}

.common_clearfix {
  display: block;
}

/*===============================================
●スマホ用（896px未満）
===============================================*/
@media screen and (max-width:896px) {
  body {
    margin: 0 auto;
    width: 100%;
  }

  /* 全体 */
  .common_bl_inner {
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
  }

  .common_bl_inner__w880 {
    width: calc(100% - 20px * 2);
  }

  /* sp/pcの出し分け */
  .common_pcnone {
    display: block;
  }

  .common_spnone {
    display: none;
  }

  /* パンくずナビ */
  .common_bl_breadcrumb {
    font-size: 1rem;
    padding-top: 2.8rem;
  }

  /* 見出し */
  /* h1見出し・アンダーライン */
  .common_el_lv1Heading__underLine {
    font-size: 2rem;
    gap: 20.5px;
    line-height: 1.2;
    margin: 0 auto 3.05rem;
  }

  /* h1見出し・背景色 */
  .common_el_lv1Heading__bkCol {
    font-size: 2rem;
    padding: 3rem 2rem;
  }

  /* h2見出し */
  /* h2見出し・アンダーライン */
  .common_el_lv2Heading__underLine {
    font-size: 1.6rem;
    line-height: unset;
  }

  /* h2見出し・背景色 */
  .common_el_lv2Heading__bkCol {
    padding: 1.5rem 2rem;
  }

  /* h3見出し */
  .common_el_lv3Heading__underLine {
    font-size: 1.6rem;
    line-height: unset;
  }

  /* h4見出し */
  .common_el_lv3Heading {
    font-size: 1.4rem;
    line-height: 1.7;
  }

  /* 標準段落 */
  .common_el_contentTxt {
    font-size: 1.4rem;
  }

  /* ボタン */
  /* ボタンサイズ */
  .common_el_btn__large1,
  .common_el_btn__large2 {
    width: min(100%, 65.6rem);
  }

  .common_el_btn__w420 {
    font-size: 1.6rem;
    line-height: 1.375;
    padding: 32px 20px;
    width: min(100%, 42rem);
  }

  /* sp時のみ2行のボタン */
  .common_el_btn__w420__sp2Line {
    padding: 21px 20px;
  }

  .common_el_btn__w350 {
    padding: 18px 20px 18px 88px;
    width: min(100%, 35rem);
  }

  /* ボタンサイズ：大サイズ1行 */
  .common_el_btn__large1 {
    line-height: 1;
    padding: 32px 33px;
  }

  /* ボタンサイズ：大サイズ2行 */
  .common_el_btn__large2 {
    padding: 22px;
  }

  .common_el_btn__large2 span:first-child {
    font-size: 1.4rem;
  }

  .common_el_btn__large2 span:last-child {
    font-size: 2rem;
  }

  /* ボタンサイズ：PC時の幅296px */
  .common_el_btn__w296 {
    padding: 18px 20px 18px 56px;
    width: 30rem;
  }

  /* ボタンのレイアウト・矢印 */
  .common_el_btn__arrowFlex::after {
    /* PC右・SP左 */
    left: 20px;
  }

  /* ファシリテータ　プロフィール */
  .common_bl_cardProf {
    width: 100%;
  }

  /* ファシリテータ　プロフィール:ブログ */
  .common_bl_cardProf__blog {
    margin: 0 auto 6rem;
  }

  /* ファシリテータ　プロフィール：リンクパート */
  .common_el_cardReadMore__blog {
    margin: .8rem 0 0;
  }

  /* ファシリテータ　一覧:横2列 */
  .common_bl_cardProfUnit__col2 {
    flex-direction: column;
    gap: 3.2rem;
  }

  /* ワークショップ 一覧：横3列*/
  /* .common_bl_cardWS__col3 {
    align-items: center;
    flex-direction: column;
    gap: 4.8rem;
  }

  .common_bl_cardWS__col3 > .common_bl_cardWS {
    width: min(100%, 33.5rem);
  } */

  /* ワークショップ 一覧 */
  .common_bl_cardWS {
    align-items: center;
    flex-direction: column;
    /* gap: 4.8rem; */
  }

  /* ワークショップ一覧 カード */
  .common_el_lv2Heading__cardWS {
    font-size: 1.6rem;
    line-height: 1.8;
  }

  .common_bl_cardWS_body {
    gap: 1.5rem;
  }

  /* PC右揃え */
  .common_hp_alignRight {
    align-items: center;
    justify-content: flex-start;
  }

  /* スマホのみマージン */
  .common_hp_mt30__sp {
    margin-top: 3rem;
  }

  .common_hp_mb30__sp {
    margin-bottom: 3rem;
  }

  /* スマホのみパディング */
  .common_hp_pt30__sp {
    padding-top: 3rem;
  }

  /* FVのないページの上パディング */
  .common_hp_ptTop {
    padding-top: 3rem;
  }

  /*===　下層ページ共通（897px未満）　===*/
  .common_table_scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    ;
  }

  .common_table_scroll::-webkit-scrollbar {
    height: 10px;
  }

  .common_table_scroll::-webkit-scrollbar-track {
    border: 1px solid #707070;
  }

  .common_table_scroll::-webkit-scrollbar-thumb {
    background: #414141;
    border-radius: 6px;
  }

  .common_table_scroll table {
    width: 900px;
  }


  .common_content_wrap {
    flex-direction: column;
  }

  .common_image_gray {
    padding: 1.5rem;
  }

  .common_link_type2 {
    display: block;
    margin: 1rem auto;
  }

  .common_paypal_banner {
    width: 100%;
  }

  .common_video {
    max-width: 699px;
  }

  /* 左マージン */
  .common_hp_ml20_sp {
    margin-left: 2rem;
  }
}


/*===============================================
●PC・タブレット用（897px以上）
===============================================*/
@media screen and (min-width:897px) {
  /* PCでは電話発信を禁止 */
  a[href^='tel:'] {
    pointer-events: none;
  }

  body {
    margin: 0 auto;
    max-width: 1366px;
    width: 100%;
  }

  /* 全体 */
  .common_bl_inner {
    padding-left: 136px;
    padding-right: 136px;
  }

  .common_bl_inner__w880 {
    width: 88rem;
  }

  /* パンくずナビ */
  .common_bl_breadcrumb {
    font-size: 1.4rem;
    padding-top: 3.2rem;
  }

  /* ファシリテータ　プロフィール */
  /* ファシリテータ　プロフィール:ブログ */
  .common_bl_cardProf__blog {
    height: 18.8rem;
    margin: 0 auto 5.5rem;
    width: 60rem;
  }

  /* ファシリテータ　一覧:縦1列 */
  .common_bl_cardProfUnit__col1 > .common_bl_cardProf {
    margin: 0 auto;
    width: 80rem;
  }

  /* ファシリテータ　一覧:横2列 */
  .common_bl_cardProfUnit__col2 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3.2rem;
  }

  .common_bl_cardProfUnit__col2 > .common_bl_cardProf {
    width: calc((100% - 60px) / 2);
  }

  /* ワークショップ 一覧：横3列*/
  /* .common_bl_cardWS__col3 {
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3rem 4.4rem;
    justify-content: space-between;
  }

  .common_bl_cardWS__col3::after {
    content: '';
    display: block;
    width: 33.5rem;
  }

  .common_bl_cardWS__col3 > .common_bl_cardWS {
    width: 33.5rem;
  } */

  /* ワークショップ 一覧 */
  .common_bl_cardWS {
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    /* gap: 3rem 4.4rem; */
    justify-content: space-between;
  }

  /* sp/pcの出し分け */
  .common_pcnone {
    display: none;
  }

  .common_spnone {
    display: block;
  }

  /* PC右揃え */
  .common_hp_alignRight {
    align-items: flex-end;
    justify-content: flex-start;
  }

  /* 左マージン */
  .common_hp_ml30_pc {
    margin-left: 3rem;
  }

  /* 左右マージン */
  .common_hp_mlr30_pc {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  /* スマホのみマージン */
  .common_hp_mb30__sp {
    margin-bottom: 0;
  }

  /*===　下層ページ共通（897以上）　===*/
  .common_video {
    max-width: 1440px;
  }
}