@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&family=Roboto:wght@500;700&display=swap');

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, button, input, select, textarea, h1, h2, h3, h4, a, p, span, th, td {
    font-family: "Carlito", sans-serif !important;
    /* old setting Sep.8th 2025/ "Kosugi Maru", 'Zen Maru Gothic',  */
}


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,
font,
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 {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 1em;
}

html {
    font-size: 62.5%;
}

body,
table,
input,
textarea,
select,
option {
    font-family: 'Noto Sans JP', sans-serif;
}

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

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

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

a,
a:link {
    color: #000;
    text-decoration: none;
    transition: .3s;
}

a:visited {
    color: #000;
}

a:hover {
    color: #000;
}

a:active {
    color: #000;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
    min-width: 1280px;
    color: #000;
    font-size: 1.7rem;
    line-height: 1.5;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    background-color: #FFF;
}

#container {
    text-align: left;
    overflow: hidden;
    padding-bottom: 140px;
    padding-top: 76px;
    margin-top: -40px;
}

#main {
  margin-top: 80px;
  background-color: #ece9df;
  position: relative;
}

a[href^="tel:"] {
    cursor: default;
    pointer-events: none;
}

@media all and (min-width: 897px) {
    .sp {
        display: none !important;
    }
}

@media all and (max-width: 896px) {
    body {
        min-width: inherit;
        font-size: 1.15rem;
    }

    a:hover,
    a:hover img {
        opacity: 1 !important;
    }

    .pc {
        display: none !important;
    }

    a[href^="tel:"] {
        cursor: pointer;
        pointer-events: auto;
    }
    #main {
      margin-top: 56px;
    }
    #container {
        padding-bottom: 30px;
        padding-top: 30px;
        /* 		padding-top: 65px; */
    }
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
    padding: 46px 20px 33px;
    margin: 0 auto;
    max-width: 1294px;
}

#gHeader h1 img {
    margin-right: 27px;
    vertical-align: middle;
}

@media all and (max-width: 896px) {
    #gHeader {
        padding: 28px 0 15px;
    }

    #gHeader h1 {
        text-align: center;
    }

    #gHeader h1 img {
        margin: 0 auto;
        width: 152px;
        display: block;
    }

    #gHeader h1 img:last-child {
        margin-top: 8px;
        width: 236px;
    }
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
    margin-top: 140px;
    padding-top: 34px;
    text-align: center;
    border-top: 1px solid #C9CACA;
}

#gFooter .fLogo {
    margin-bottom: 32px;
}

#gFooter p {
    margin-bottom: 20px;
    font-size: 1.4rem;
}

#gFooter p span {
    display: block;
    margin-bottom: 5px;
    font-size: 1.6rem;
}

#gFooter .btn {
    margin-bottom: 20px;
}

#gFooter .btn a {
    margin: 0 auto;
    width: 181px;
    font-size: 1.3rem;
    padding: 8px;
}

#gFooter address {
    padding: 12px;
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    background-color: #000;
}

@media all and (max-width: 896px) {
    #gFooter {
        margin-top: 30px;
        padding-top: 0;
        border-top: none;
    }

    #gFooter .fLogo {
        margin-bottom: 26px;
    }

    #gFooter .fLogo img {
        width: 138px;
    }

    #gFooter p {
        margin-bottom: 16px;
        font-size: 1.1rem;
    }

    #gFooter p span {
        font-size: 1.25rem;
    }

    #gFooter .btn {
        margin-bottom: 33px;
    }

    #gFooter .btn a {
        width: 144px;
        font-size: 1rem;
        padding: 7px;
    }

    #gFooter address {
        padding: 10px;
        font-size: 0.8rem;
    }
}

/* マーカーのベーススタイル */
.marker {
  text-decoration: underline;
  text-decoration-color: rgba(255, 0, 0, 0.35); /* 色を半透明で */
  text-decoration-thickness: 0.3em;             /* 太さ */
  text-underline-offset: -0.2em;                /* 文字に重ねる */
  text-decoration-skip-ink: none;               /* g,j,pなどで線が途切れないように */
}

.marker-red    { text-decoration-color: rgba(255, 0, 0, 0.25); }
.marker-blue   { text-decoration-color: rgba(0, 120, 200, 0.25); }
.marker-green  { text-decoration-color: rgba(0, 200, 100, 0.25); }
.marker-yellow {
    text-decoration-color: rgba(255, 220, 0, 0.4);
    text-decoration-thickness: 1.6em;
    text-underline-offset: -1.1em;
    font-weight: 400;
    -webkit-text-stroke: 0.4px #000;
}
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.mainVisual {
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
}

.mainVisual .mainCopy {
    margin: 40px -459px 40px 0;
    position: relative;
}

.mainVisual .mainImg {
    width: calc(50% + 647px);
}

.mainVisual .mainImg img {
    width: 60%;
    object-fit: cover;
    margin-left: 40%;
    height: 100%;
}
.mainImg .imgWrap {
    height: 100%;
    display: none;
}
.mainCopy__name {
  font-family: Forum, serif;
  text-align: left;
  display: block;
}
.mainCopy__title {
  font-size: 5rem;
  font-weight: bold;
  margin: 0 0 0.5em; /* 下にちょっと余白 */
}

.mainCopy__subtitle {
  font-size: 2.8rem;
  font-weight: bold;
  color: #000000;
  margin: 0;
}

@media (max-width: 767px){
    .mainVisual .mainCopy {
        margin: 8px -385px 16px 0; 
        z-index: 100;
    }
    .mainVisual .mainImg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-left: 0;
    }
    .mainImg .imgWrap {
        position: relative;
        height: 100%;
        width: 67%;
        margin-left: 33%;
        display: block;
    }
    .mainImg .imgWrap::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(255,255,255,0.45);
        pointer-events: none;
    }
    .mainCopy__name {
        font-size: 2rem;
    }
    .mainCopy__title {
        font-size: 4rem;
    }
    .mainCopy__subtitle {
        font-size: 1.8rem;
    }
}



.fixBtn {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 80;
    transform: translateY(-50%);
}

.fixBtn a {
    padding: 46px 15px;
    width: 65px;
    height: 255px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    -webkit-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    background-color: #231815;
    border-radius: 16px 0 0 16px;
    box-sizing: border-box;
}

/* TOP Buttons */
.tb-link-list{
  display:flex; flex-wrap:wrap; gap:12px; margin:16px 0; list-style:none; padding:0;
}
.tb-link-list li{ margin:0; }
.tb-link-list p{
  margin:0; cursor:pointer; user-select:none;
  border:1px solid currentColor; border-radius:999px;
  padding:2.4rem 1.1rem; line-height:1; font-weight:500;
  transition:opacity .2s ease;
  text-align: center;
}
/* pを“押せる見た目”に（任意） */
.tb-link-list p[data-target] { cursor: pointer; font-size: 16px; letter-spacing: 0.1em;}

.tb-link-list p:hover{ opacity:.75; }

@media (max-width: 767px){
  .tb-link-list{ flex-direction:column; }
  .tb-link-list p{ text-align:center; font-size: 16px;}
}
[id^="tb-"]{ scroll-margin-top: 96px; } /* 必要に応じ調整 */



#main .message {
    padding-bottom: 50px;
    position: relative;
}

#main .message:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #ece9df;
    height: 100%;
    content: "";
}

#main .message .comBox {
    position: relative;
    z-index: 2;
}

.linkBox {
  margin: 48px 73px 0px;
  padding: 24px 32px;
  /* background-color: #fff; */
  /* box-shadow: 0 4px 12px rgba(0, 0, 0, .06); */
  border-radius: 10px;
}

.linkBox h2 {
    margin-bottom: 7px;
    text-align: center;
}

.linkBox ul {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}

.linkBox li {
    width: 33.3%;
}

#main .imgBox {
    display: flex;
    justify-content: center;
}

#main .imgBox .txtBox {
    width: 654px;
}

#main .imgBox .txtBox .heading01 {
    margin-bottom: 23px;
    text-align: left;
    font-size: 4rem;
    text-align: center;
}

#main .imgBox .txtBox .heading01 .en {
    margin: 0 0 10px;
}

#main .imgBox .txtBox p {
  line-height: 1.88;
  font-family: Shippori Mincho, serif;
}

#main .imgBox .txtBox p:not(:last-child) {
    margin-bottom: 15px;
}

#main .imgBox .photoBox {
    margin: 93px auto 0;
    max-width: 480px;
    text-align: center;
}

#main .imgBox .photoBox p {
    margin: 27px 0 0 25px;
    font-size: 1.6rem;
    line-height: 1.75;
}

#main .about .imgBox {
    margin-bottom: -28px;
}

#main .about .imgBox .photoBox {
    margin: -5px 0 0 -80px;
    width: 393px;
    position: relative;
}

#main .about .imgBox .txtBox {
    width: 707px;
    display: flex;
    justify-content: space-between;
}

#main .about .imgBox .txtBox .ttl {
    margin: -20px -13px 0 0;
    width: 137px;
    font-size: 5.5rem;
    font-weight: 600;
    line-height: 1.3;
    -webkit-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    z-index: 99
}

#main .about .imgBox .txtBox .subBox {
    margin: 75px 0 50px;
    width: 542px;
}

#main .about .imgBox .txtBox .subBox .heading01 {
    margin-bottom: 30px;
    text-align: left;
}

#main .h2Ttl {
    margin-bottom: 35px;
}

#main .h2Ttl .en {
  margin-top: 4px;
  color: #a7aaad;
}

#main .innerBox {
    margin-bottom: 42px;
    display: flex;
    align-items: flex-start;
}

#main .innerBox .photoBox {
    width: 550px;
    min-width: 550px;
}

#main .innerBox .txtBox {
    margin: 115px 0 0 -130px;
    padding: 25px 0 25px 30px;
    position: relative;
    z-index: 1;
    width: 762px;
    box-sizing: border-box;
    background-color: #fff;
}

#main .innerBox .txtBox .heading01 {
    margin: 0 -45px 15px -2px;
    font-size: 2.8rem;
    text-align: left;
}

#main .innerBox .txtBox .heading01 .en {
    margin: 0 10px 5px;
    font-size: 2.7rem;
}

#main .innerBox .txtBox .heading01 .small {
    margin-bottom: 6px;
    display: block;
    font-size: 2.5rem;
}

#main .innerBox .txtBox p {
    line-height: 1.88;
    text-align: justify;
    margin-right: 24px;
    margin-left: 24px;
}

#main .innerBox .txtBox .btn {
    transform: translateY(25px);
}

#main .innerBox02 .photoBox {
    width: 523px;
    min-width: 523px;
}

#main .innerBox02 .txtBox {
    margin: 0 -102px 0 0;
    padding: 0 25px 25px 0;
}

#main .innerBox02 .txtBox .heading01 {
    margin-right: 0;
    text-align: right;
}

#main .innerBox03 {
    margin-bottom: 65px;
}

#main .innerBox04 {
    margin-bottom: 75px;
}

#main .innerBox04 .txtBox {
    min-height: 275px;
}

#main .about {
    margin-bottom: 87px;
}

#main .midTxt {
    margin: 0 auto 52px;
    max-width: 560px;
    line-height: 1.88;
}

section {
  margin-top: 40px;
  margin-bottom: 40px;
}

.section-divider {
  display: flex;
  justify-content: center;  /* 真ん中に配置 */
  margin: 80px 0;           /* 上下の余白 */
}

.section-divider svg {
  width: 48px;   /* 大きさを少し調整 */
  height: auto;
}

@media (max-width: 767px) {
  .section-divider svg {
    width: 32px;
  }
}




/* TOKYO BASE Mission */
.mission-txt {
  margin-top: -16px;
  display: block;
  text-align: right;
  font-size: clamp(24px, 3.6vw, 40px);
}
.mission-sub {
  font-family: Forum, serif;
  text-align: left;
  display:block;
  font-size: clamp(20px, 3.6vw, 28px);
  color: #a7aaad;
}

/* ===== TOKYO-BASE: 導入セクション ===== */
.tb-intro {
  margin: 72px auto;
  max-width: 1100px;
}

.tb-intro__inner {
  display: flex;
  align-items: center;
  gap: clamp(16px, 3vw, 32px);
}

/* 左カラム（タイトルだけ） */
.tb-intro__left {
  flex: 0 1 38%;  /* デスクトップでは30〜40% */
}
.tb-intro__title {
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
}

.tb-intro__title .line {
  display: block;
  font-size: clamp(30px, 3.6vw, 40px);
}
.tb-intro__title .sub {
  display: block;
  margin-top: 8px;
  font-size: clamp(16px, 3.6vw, 24px);
  color: #555;
}

/* 右カラム（リード文） */
.tb-intro__right {
  flex: 1 1 0%;
}
.tb-intro__lead {
  margin: 0;
  font-size: clamp(16px, 1.9vw, 20px);
  line-height: 1.8;
}
.tb-intro__lead strong {
  font-weight: 700;
}

/* モバイルで縦並びに */
@media (max-width: 767px) {
  .tb-intro__inner {
    margin: 0 19px;
    flex-direction: column;
    text-align: center; /* 中央揃えにしたい場合 */
  }
  .tb-intro__left, .tb-intro__right {
    flex: 1 1 100%;
  }
}

/* Conference Room 3 merit */
/* セクション */
.tb-benefits { padding: 32px 16px; }
.tb-benefits__title { font-size: clamp(22px, 2.4vw, 28px); font-weight: 700; line-height: 1.4; text-align: center; }
.tb-benefits__title-en { display: block; font-size: 0.9em; font-weight: 400; opacity: .7; margin-top: 6px; }

/* グリッド */
.tb-benefits__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    max-width: 1200px;
    margin: 24px auto 0;
}

/* 各カードは2行構成にする */
.tb-benefit {
    display: grid;
    grid-template-rows: auto 1fr; /* 上は画像, 下はテキスト */
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    overflow: hidden;
}

/* 画像は共通で高さを合わせる */
.tb-benefit__img {
    aspect-ratio: 4/3;        /* 比率を固定（例: 4:3） */
    overflow: hidden;
}
.tb-benefit__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;        /* 切り抜いてでも高さを揃える */
}


/* テキスト */
.tb-benefit__body { padding: 16px; }
.tb-benefit__heading { font-size: 18px; font-weight: 700; line-height: 1.5; display: flex; align-items: center; gap: 8px; }
.tb-benefit__num {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  min-width: 2ch;
}

/* 段落 */
.tb-benefit__text { margin-top: 8px; line-height: 1.8; }

/* デスクトップで3列 */
@media (min-width: 960px) {
  .tb-benefits__grid { grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .tb-benefit__body { padding: 18px; }
  .tb-benefit__heading { font-size: 20px; }
}



/* About Conference Room section */
.img-text-line {
  display: flex;
  flex-wrap: nowrap;   /* はみ出し対策 */
  gap: 24px;         /* 写真とテキストの間隔 */
  margin: 32px 0;
}

/* 写真側とテキスト側の基本サイズ */
.img-text-line .photoBox,
.img-text-line .txtBox {
  flex: 1 1 50%;     /* デスクトップで半々 */
}
.img-text-line .txtBox ul {
  margin: 8px auto;
}
.img-text-line .txtBox ul li {
    line-height: 2;
}

/* モバイルでは縦並び */
@media (max-width: 767px) {
  .img-text-line {
    flex-direction: column;
  }
  .img-text-line .photoBox,
  .img-text-line .txtBox {
    flex: 1 1 100%;
  }
}

/* 画像を親幅にフィット */
.img-text-line .photoBox img {
  max-width: 100%;
  height: auto;
  display: block;
}
.tb-link-btn {
    font-size: 20px;
    letter-spacing: 0.1em;

    display: block;                  /* ブロック化で幅制御 */
    margin: 24px 0 24px auto;
    width: auto;
    max-width: 480px;

    border: 1px solid currentColor;
    border-radius: 999px;
    padding: 2.4rem 1.1rem;
    line-height: 1;
    font-weight: 500;
    text-align: center;

    text-decoration: none;           /* 下線除去 */
    cursor: pointer;
    user-select: none;
    transition: opacity .2s ease;
}

.tb-link-btn:hover {
  opacity: 0.75;
}

@media (max-width: 767px) {
  .tb-link-btn {
    margin: 24px auto;
    font-size: 14px;
    text-wrap-mode: nowrap;
  }
}

/* /About Conference Room section */

/* ===== Gallery ===== */
.tb-gallery {
  margin: 56px auto;
  max-width: 1100px;
}
.tb-gallery__inner{
  display:flex;
  gap: clamp(12px, 2.5vw, 24px);
  align-items: stretch;
}

/* 左：サムネイル列（15–20%） */
.tb-gallery__thumbs{
  flex: 0 1 18%;
  display:flex;
  flex-direction: column;
  gap: 10px;
  max-height: 520px;           /* サムネ列が長い時スクロール */
  overflow:auto;
  padding-right: 4px;
}
.tb-gallery__thumb{
  position: relative;
  display: grid;              /* 中央寄せ */
  place-items: center;        /* 中央寄せ */
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 0;
  background:#fff;
  cursor:pointer;
  line-height:0;
  transition: transform .15s ease, opacity .15s ease, border-color .15s ease;
  aspect-ratio: 4/3;          /* 中身が無くても高さが出る */
  overflow: hidden;           /* はみ出し防止 */
}
.tb-gallery__thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit: cover;
  border-radius: 8px;
}
.tb-gallery__thumb:hover{ transform: translateY(-1px); }
.tb-gallery__thumb.is-active{ border-color:#000; }

/* 右：メイン（80%） */
.tb-gallery__stage{
  position:relative;
  flex: 1 1 0%;
  border-radius: 12px;
  overflow:hidden;
  background:#f6f6f6;
  min-height: clamp(220px, 45vw, 560px);
}
.tb-gallery__img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit: cover;
  opacity:0;
  transition: opacity .6s ease;
}
.tb-gallery__img.is-show{ opacity:1; }

/* モバイル：縦→横並びに */
@media (max-width: 767px){
  .tb-gallery {
    margin: 0 19px;
  }
  .tb-gallery__inner{ flex-direction: column; }
  .tb-gallery__thumbs{
    order:2;
    flex: none;
    display:flex; flex-direction: row; gap:10px;
    max-height: none; overflow:auto;
    padding: 4px 0;
  }
  .tb-gallery__thumb{ min-width: 28%; }
  .tb-gallery__stage{ order:1; min-height: 48vw; }
}

/* ===== 画像なし時のプレースホルダー表示 ===== */
/* サムネ：親に "Coming Soon" を出す */
.tb-gallery__thumb.is-placeholder::before{
  content:"Coming Soon";
  color:#777;
  font-size:12px;
  font-weight:600;
}

/* メイン：stage に "Coming Soon" を出す（imgではなく親） */
.tb-gallery__stage.is-placeholder::before{
  content:"Coming Soon";
  position:absolute; inset:0;
  display:grid; place-items:center;
  font-weight:700; color:#777;
  font-size: clamp(16px, 2vw, 22px);
  background: #f2f2f2; /* 任意：薄グレー背景 */
}

/* 画像が無くても枠サイズは維持 */
.tb-gallery__img,
.tb-gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* サムネ側は控えめに */
.tb-gallery__thumb.is-placeholder::before {
  font-size: 12px;
}

/* 画像が無くても枠サイズは維持（object-fit相当） */
.tb-gallery__img,
.tb-gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ====== Gallery Caption (ADD) ====== */
/* 右下に出す白プレート。既存 .tb-gallery__stage は position:relative 済み */
.tb-gallery__caption{
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 2;                 /* 画像や擬似要素より上に */
  max-width: min(80%, 520px); /* 長文でも折り返し */
  padding: 1em 3em;
  border-radius: 12px;
  background: rgb(255 255 255 / 57%);
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
  backdrop-filter: blur(2px); /* サポート環境のみ半透明に奥行き */
  -webkit-backdrop-filter: blur(2px);
  color: #222;
  font-size: clamp(12px, 1.4vw, 14px);
  line-height: 1.6;
  white-space: pre-line;      /* \n を改行扱い */
  word-break: break-word;
  hyphens: auto;
  opacity: 1;
  transition: opacity .25s ease;
  text-align: center;
}

/* キャプション未設定時は非表示（JS が .is-empty を付与） */
.tb-gallery__caption.is-empty{
  opacity: 0;
  pointer-events: none;
}

/* プレースホルダ中はキャプションを隠す（「Coming Soon」と重ならないように） */
.tb-gallery__stage.is-placeholder .tb-gallery__caption{
  display: none;
}

/* モバイル微調整：内側に少し寄せて、横幅を余裕持たせる */
@media (max-width: 767px){
  .tb-gallery__caption{
    right: 8px;
    bottom: 8px;
    max-width: 88%;
    border-radius: 10px;
    padding: 0.85em 2em;
    font-size: clamp(10px, 2.2vw, 12px);
  }
}

/* アクセシビリティ：高コントラスト環境で背景を少し濃く */
@media (prefers-contrast: more){
  .tb-gallery__caption{
    background: rgba(255,255,255,.95);
  }
}


/* ===== Access ===== */
#tb-access { scroll-margin-top: 96px; } /* 固定ヘッダー分のズレ対策（必要に応じて調整） */

.tb-access { margin: 64px auto; max-width: 1100px; }
.tb-access__inner {
  display: flex; gap: clamp(16px, 3vw, 32px); align-items: flex-start;
}

/* 左：テキスト（だいたい 40%） */
.tb-access__left { flex: 0 1 40%; }
.tb-access__title {
  margin: 0 0 12px; font-weight: 700; letter-spacing: .08em;
}
.tb-access__block { margin: 20px 0; }
.tb-access__label { margin: 0 0 8px; font-weight: 700; }
.tb-access__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.tb-access__list li { border-bottom: 1px solid #eee; padding: 10px 0; }
.tb-access__list li:last-child { border-bottom: none; }
.tb-access__list strong { font-weight: 700; }
.tb-access__note { margin: 0; line-height: 1.9; }

/* 右：地図＋住所（だいたい 60%） */
.tb-access__right { flex: 1 1 0%; display: grid; gap: 12px; }

/* 地図はアスペクト比でレスポンシブに */
.tb-access__map {
  position: relative; border-radius: 12px; overflow: hidden;
  background: #f6f6f6; aspect-ratio: 16/9; /* 比率はお好みで */
  border: 1px solid #e6e6e6;
}
.tb-access__map iframe {
  position: absolute; inset: 0; width: 100%; height: 100%; border: 0;
}

/* 住所 */
.tb-access__addr { font-style: normal; line-height: 1.8; text-align: center;}
.tb-access__addr-head { font-weight: 700; letter-spacing: .08em; }
.tb-access__gm { display: inline-block; margin-top: 6px; text-decoration: underline!important; }

/* モバイル：縦並びに */
@media (max-width: 767px) {
  .tb-access { margin: 48px 19px; }
  .tb-access__inner { flex-direction: column; }
  .tb-access__left, .tb-access__right { flex-basis: 100%; width: 100%;}
}

/* ===== Office Features ===== */
.tb-office-features {
  margin: 80px auto 64px;
  max-width: 900px;
}

.tb-office-features__title {
  font-weight: 700;
  font-size: clamp(20px, 2.5vw, 28px);
  margin-bottom: 28px;
  text-align: center;
}

.tb-office-features__list {
  list-style: none;        /* デフォルト番号消す */
  counter-reset: feature;  /* カウンターリセット */
  display: grid;
  gap: 20px;
}

.tb-office-features__list li {
  counter-increment: feature;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
  padding: 20px 20px 20px 56px; /* 左に余白を確保して番号を収める */
  line-height: 1.7;
  position: relative;
}

/* 番号を左上に収める */
.tb-office-features__list li::before {
  content: counter(feature) ".";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%); /* 縦中央寄せ */
  font-weight: 700;
  font-size: 18px;
  color: #333;
}

@media (max-width: 767px) {
  .tb-office-features { margin: 64px 19px; }
}

/* ===== Office Plans Section ===== */
.tb-plan { margin: 32px 0 24px; }

.img-text-column {
  margin: 32px 0 72px;
}

/* 横スクロール対応 */
.tb-plan__wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 8px;
}
.tb-plan__wrap::-webkit-scrollbar {
  height: 6px;
}
.tb-plan__wrap::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}
.tb-plan__wrap::-webkit-scrollbar-track {
  background: transparent;
}

/* Table */
.tb-plan__table {
  min-width: 720px; /* ✅ ここ重要：SP時も横スクロールを強制 */
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 2px solid #a7aaad;
}
.tb-plan__table th,
.tb-plan__table td {
  border-left: 2px solid #a7aaad;
  border-top: 2px solid #a7aaad;
  padding: 14px 16px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap; /* ✅ 折り返し防止 */
}
.tb-plan__table thead th {
  background: #e9e9e9;
  font-weight: 700;
}
.tb-plan__table tr > *:first-child { border-left: 0; }
.tb-plan__table thead tr:first-child th { border-top: 0; }

.tb-plan__table th[scope="row"] {
  text-align: left;
  font-weight: 700;
}
.tb-plan__table th[scope="row"] small {
  display: block;
  font-weight: 400;
  opacity: .85;
  margin-top: 4px;
}
.tb-plan__table td.is-total { font-weight: 700; }
.tb-plan__table .is-vacant { color: #d60000; font-weight: 700; }
.u-yen { font-size: 0.9em; }

/* 備考（右下寄せ表示） */
.tb-plan__notes {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  color: #333;
  line-height: 1.9;
  font-size: 0.95rem;

  text-align: left;       /* ✅ テキストは左詰め */
  max-width: 420px;       /* ✅ 幅を制限（必要に応じて調整） */
  margin-left: auto;      /* ✅ コンテナ内で右寄せ */
}
.tb-plan__notes li { margin: 2px 0; }


/* ボタン */
.tb-plan__btn { margin-top: 32px; text-align: center; }

/* SP対応 */
@media (max-width: 767px) {
  .tb-plan { margin: 24px 0; }
  .tb-plan__table th, .tb-plan__table td { padding: 12px 10px; }
}

/* ===== Manage (運営・管理会社) ===== */
.tb-manage {
  margin: 64px auto;
  max-width: 1100px;
}
.tb-manage__inner{
  display: flex;                 /* ←これが肝 */
  gap: 24px;
  align-items: flex-start;
  margin-top: 24px;              /* 会社間の余白（必要なら調整） */
}

/* 左カラム：ロゴ側 */
.tb-manage__left{
  flex: 0 0 40%;                 /* 左右比率：40%/60%（お好みで） */
  display: flex;
  align-items: center;           /* ロゴを縦位置中央に */
}
.tb-manage__logo img{
  max-width: 320px;              /* ロゴの上限幅（調整可） */
  width: 100%;
  height: auto;
  display: block;
}
.tb-manage__right {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;   /* 縦並び */
  justify-content: flex-start;
  gap: 12px;
  position: relative;
}
.tb-manage__footer {
  margin-top: auto;             /* 一番下に寄せる */
  display: flex;
  flex-direction: column;
  align-items: flex-end;        /* ✅ 右端寄せ */
  gap: 8px;
}
.tb-manage__company {
  font-weight: 700;
  font-size: clamp(18px, 2vw, 22px);
  margin: 0px 0 -8px;
}
.tb-manage__subtitle {
  width: auto;         /* 親の幅を引き継がない */
  max-width: max-content; /* ✅ テキスト幅だけにする */
  margin: 0 0 6px;
  font-weight: 700;
  font-size: clamp(18px, 2vw, 22px);
  border-bottom: 1px solid #333;
  display: inline-block;
  padding-bottom: 2px;
}
.tb-manage__desc {
  margin: 0;
  line-height: 1.9;
  font-size: clamp(15px, 1.7vw, 18px);
}
.tb-manage__url {
  margin: 0;
  font-size: clamp(14px, 1.6vw, 16px);
}
.tb-manage__url a {
  color: #000;
  text-decoration: underline;
  word-break: break-all;    /* 長いURLで折り返し */
  text-align: right;
}

.tb-manage__qr img {
  width: 92px;
  height: auto;
  display: block;
  border: 1px solid #ddd;
  background: #fff;
}

/* スマホ：普通に縦並び */
@media (max-width: 767px) {
  .tb-manage {
    margin: 48px 19px;
  }
  .tb-manage__footer {
    margin-top: 12px;
  }
  .tb-manage__inner{ flex-direction: column; align-items: center;}
  .tb-manage__left{ flex: none; }
  .tb-manage__logo img{ max-width: 280px; }
  .tb-manage__qr { margin-top: 12px; }
}












#main .course .listUl {
    margin-bottom: 53px;
    display: flex;
    justify-content: space-between;
}

#main .course .listUl>li {
    padding: 0 30px 35px;
    width: 45%;
    font-weight: bold;
    font-size: 1.6rem;
    text-align: center;
    background-color: #fff;
    box-shadow: 14px 14px 28px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

#main .course .listUl h3 {
    margin: 0 -30px 30px;
    min-height: 134px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.5rem;
    background-color: #ebeed6;
}

#main .course .listUl .list li:not(:last-child) {
    margin-bottom: 28px;
}

#main .course .listUl p:last-child {
    margin-bottom: 0;
}

#main .course .listUl .txt {
    margin-bottom: 23px;
    padding-bottom: 50px;
    font-size: 2rem;
    border-bottom: 2px solid #ebeed6;
}

#main .course .listUl .txt span {
    display: block;
    margin-top: 9px;
    font-size: 2.4rem;
    line-height: 1.33;
}

#main .course .listUl .ttl {
    margin-bottom: 15px;
    font-size: 2rem;
}

#main .course .txtList {
    margin-bottom: 10px;
}

#main .course .txtList li {
    text-indent: -0.6em;
    padding: 0 0 10px 0.6em;
    line-height: 1.25;
    letter-spacing: 0.06em;
    text-align: justify;
    font-feature-settings: "palt";
    -moz-font-feature-settings: "palt";
}

#main .course .listUl .large {
    margin-bottom: 8px;
    font-size: 2.6rem;
    line-height: 1.2;
}

#main .course .listUl .large span {
    margin-right: 5px;
    vertical-align: -3px;
    font-size: 3.4rem;
}

#main .course .notes {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
}

#main .program {
    margin: -3px auto 75px;
    position: relative;
}

#main .program:before {
    position: absolute;
    top: -70px;
    left: 50%;
    width: 1280px;
    height: 242px;
    transform: translateX(-50%);
    background-color: #fff;
    content: "";
}

#main .program .heading01,
#main .program .midTxt {
    position: relative;
    z-index: 1;
}

#main .program .heading01 {
    margin-bottom: 40px;
}

#main .program table {
    margin-bottom: 36px;
    width: 100%;
    border-spacing: 0;
}

#main .program th,
#main .program td {
    font-weight: 500;
    vertical-align: top;
    text-align: left;
    font-size: 1.4rem;
}

#main .program th {
    padding: 20px;
    text-align: center;
}

#main .program .ttl {
    display: inline-block;
    padding: 8px 15px;
    font-weight: 500;
    letter-spacing: 0.05em;
    background-color: #ebeed6;
    border-radius: 10px;
}

#main .program th:nth-child(2) .ttl {
    margin-right: 45px;
}

#main .program td {
    padding: 10px 0 10px 0;
    line-height: 2.06;
    border-bottom: 2px solid #ebeed6;
}

#main .program td:first-child {
    width: 22%;
    border-bottom-color: #dcdddd;
}

#main .program td:nth-child(2) {
    padding-left: 30px;
    /* width: 43.5%; */
}

#main .program .infoDl {
    margin-bottom: 18px;
    font-size: 1.6rem;
    font-weight: 500;
}

#main .program .infoDl dt {
    padding: 8px;
    float: left;
    width: 111px;
    text-align: center;
    background-color: #ebeed6;
    border-radius: 8px;
    box-sizing: border-box;
}

#main .program .infoDl dd {
    padding: 8px 0 0 135px;
}

#main .program .notesList {
    margin: 0 5px 90px;
}

#main .program .notesList li {
    padding-left: 1.3em;
    text-indent: -1.3em;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 2.14;
}

#main .program .h2Ttl {
    margin-bottom: 32px;
}

#main .program .banner {
    text-align: center;
}

#main .voice {
    padding: 50px 0 115px;
}

#main .voice .heading01 {
    margin-bottom: 40px;
}

#main .voiceList {
    margin: -65px -40px 0 0;
    display: flex;
    flex-wrap: wrap;
}

#main .voiceList li {
    margin: 65px 40px 0 0;
    width: 340px;
}

#main .voiceList .photo {
    margin: 0 auto 20px;
    width: 180px;
}

#main .voiceList .photo img {
    width: 100%;
    border-radius: 50%;
}

#main .voiceList p {
    margin-bottom: 10px;
    font-size: 1.4rem;
    line-height: 1.8;
    text-align: justify;
}

#main .voiceList .ttl {
    margin-bottom: 15px;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
}

#main .voiceList .ttl span {
    margin-bottom: 4px;
    display: block;
    font-size: 2.2rem;
}

#main .voiceList p:last-child {
    margin-bottom: 0;
}

#main .participate {
    padding: 80px 0 75px;
}

#main .participate .heading01 {
    margin-bottom: 30px;
}

#main .participate .midTxt {
    margin-bottom: 72px;
    letter-spacing: -0.05em;
}

#main .pointList {
    margin: -30px -20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#main .pointList li {
    margin: 30px 20px 0;
    width: 45%;
    font-size: 2.1rem;
    text-align: center;
}

#main .pointList .photo {
    margin: 0 auto 38px;
    /*width: 295px;*/
}

#main .pointList .photo img {
    width: 100%;
}

#main .faq {
    padding-top: 62px;
}

#main .faq .heading01 {
    margin-bottom: 82px;
}

#main .qaList li {
    font-size: 1.6rem;
    margin-top: 57px;
    background-color: #fff;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.25);
}

#main .qaList .ttl {
    padding: 34px 45px 38px 95px;
    position: relative;
    font-size: 1.8rem;
    cursor: pointer;
}

#main .qaList .ttl:before {
    position: absolute;
    left: 37px;
    top: 29px;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
    font-family: 'Noto Serif JP', serif;
    content: "Q";
}

#main .qaList .ttl:after {
    margin-top: -6px;
    position: absolute;
    right: 28px;
    top: 50%;
    width: 11px;
    height: 11px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(45deg);
    transition: .3s;
    content: "";
}

#main .qaList .ttl.on:after {
    transform: rotate(-135deg);
}

#main .qaList .txt {
    display: none;
    padding: 10px 45px 35px 95px;
    line-height: 2;
}

#main .btmPho {
    margin-bottom: 104px;
}

#main .entryBtn {
    margin: 0 auto;
    width: 68.7%;
    max-width: 1100px;
}

#main .entryBtn a {
    padding: 44px 20px;
    display: block;
    width: 100%;
    font-size: 2.1rem;
    font-weight: 600;
    font-family: 'Noto Serif JP', serif;
}

#main .entryBtn a .en {
    display: block;
    font-size: 3.6rem;
    letter-spacing: 0.18em;
    line-height: 1.2;
    font-weight: 500;
}

@media all and (min-width: 897px) {

    #main .program .banner a:hover,
    .linkBox a:hover {
        opacity: 0.7;
    }

    .fixBtn a:hover {
        opacity: 0.7;
    }
}

@media all and (max-width: 1580px) {
    .mainVisual .mainImg {
        width: 90%;
    }

    /* .mainVisual p {
        margin-right: -28.7%;
        width: 35.6%;
    } */
}

@media all and (-ms-high-contrast:none) {
    #main .innerBox .txtBox .heading01 {
        letter-spacing: -0.02em;
    }
}

@media all and (max-width: 896px) {
    .mainVisual p {
        margin: 4.3% -47.2% 0 0;
        width: 69%;
    }

    .mainVisual .mainImg {
        width: 89%;
    }

    .fixBtn {
        top: 0;
        width: 100%;
        transform: translateY(0);
    }

    .fixBtn a {
        padding: 17px 15px 9px;
        width: 100%;
        height: 60px;
        display: block;
        font-size: 1.7rem;
        text-align: center;
        -webkit-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
        -moz-writing-mode: horizontal-tb;
        -ms-writing-mode: horizontal-tb;
        -o-writing-mode: horizontal-tb;
        border-radius: 0;
    }

    #main .message {
        padding: 17px 0 10px;
    }

    #main .message:before {
        width: 100%;
        top: -44px;
        height: calc(100% + 44px);
    }

    .linkBox {
        margin: 40px 11.8%;
        padding: 0;
        background: none;
        box-shadow: none;
    }

    .linkBox h2 {
        margin-bottom: 12px;
    }

    .linkBox ul {
        display: block;
    }

    .linkBox li {
        margin-bottom: 15px;
        width: auto;
    }

    #main .imgBox {
        flex-wrap: wrap;
    }

    #main .imgBox .txtBox {
        width: 100%;
    }

    #main .imgBox .txtBox .heading01 {
        margin-bottom: 32px;
        text-align: center;
        font-size: 2.4rem;
        letter-spacing: 0.04em;
    }

    #main .imgBox .txtBox .heading01 .en {
        margin-bottom: 18px;
    }

    #main .imgBox .txtBox p {
        margin-right: -5px;
        line-height: 1.93;
        letter-spacing: -0.02em;
    }

    #main .imgBox .txtBox p:not(:last-child) {
        margin-bottom: 13px;
    }

    #main .imgBox .photoBox {
        margin: 0 auto;
        width: 67%;
    }

    #main .imgBox .photoBox p {
        margin: 14px 0 0;
        font-size: 1.25rem;
        line-height: 1.75;
    }

    #main .about {
        position: relative;
        z-index: 2;
    }

    #main .about .imgBox {
        margin-bottom: 43px;
    }

    #main .about .imgBox .photoBox {
        margin: 20px auto 0;
        width: 65%;
        order: 2;
    }

    #main .about .imgBox .txtBox {
        width: 100%;
        order: 0;
    }

    #main .about .imgBox .txtBox .ttl {
        margin: -27px -5px 0 0;
        width: 90px;
        font-size: 3.4rem;
        line-height: 1.35;
    }

    #main .about .imgBox .txtBox .subBox {
        margin: 22px 0 0;
        width: calc(100% - 100px);
    }

    #main .about .imgBox .txtBox .subBox p {
        text-align: justify;
    }

    #main .about .imgBox .txtBox .subBox .heading01 {
        margin-bottom: 20px;
    }

    #main .h2Ttl {
        margin-bottom: 27px;
    }

    #main .innerBox {
        margin-bottom: 9px;
        display: flex;
        flex-wrap: wrap;
    }

    #main .innerBox .photoBox {
        width: 100% !important;
        order: 0;
        min-width: inherit !important;
    }

    #main .innerBox .txtBox {
        margin: -82px 0 0 auto;
        padding: 18px 0 18px 24px;
        width: 93%;
        order: 2;
        box-shadow: 3px 4px 4px 4px rgb(0 0 0 / 8%);
    }

    #main .innerBox .txtBox .heading01 {
        margin: 0 0 15px -2px;
        font-size: 2rem;
    }

    #main .innerBox .txtBox .heading01 .en {
        margin: 0 5px 9px;
        font-size: 2.1rem;
    }

    #main .innerBox .txtBox .heading01 .small {
        margin-bottom: 1px;
        font-size: 1.7rem;
    }

    #main .innerBox .txtBox p {
      line-height: 1.93;
      margin: auto 16px;
    }

    #main .innerBox .txtBox .btn {
        transform: translateY(17px);
    }

    #main .innerBox02 .txtBox {
        box-shadow: 0px 0px 4px 4px rgb(0 0 0 / 8%);
        margin: -94px 0 0;
        padding: 18px 20px 18px 0;
    }

    #main .innerBox03 {
        margin-bottom: 10px;
    }

    #main .innerBox04 {
        margin-bottom: 10px;
    }

    #main .innerBox04 .txtBox {
        min-height: inherit;
    }

    #main .about {
        margin-bottom: 35px;
    }

    #main .midTxt {
        margin: 0 2px 28px;
        line-height: 1.93;
    }

    #main .course .listUl {
        margin-bottom: 20px;
        display: block;
    }

    #main .course .listUl>li {
        padding: 0 17px 15px;
        width: auto;
        font-size: 1.15rem;
    }

    #main .course .listUl>li:not(:last-child) {
        margin-bottom: 40px;
    }

    #main .course .listUl h3 {
        margin: 0 -17px 13px;
        min-height: 42px;
        font-size: 1.7rem;
    }

    #main .course .listUl p {
        margin-bottom: 28px;
    }

    #main .course .listUl .txt {
        margin-bottom: 15px;
        padding-bottom: 24px;
        font-size: 1.25rem;
    }

    #main .course .listUl .txt span {
        margin-top: 6px;
        font-size: 1.5rem;
    }

    #main .course .listUl .ttl {
        margin-bottom: 13px;
        font-size: 1.4rem;
    }

    #main .course .txtList {
        margin-bottom: 12px;
    }

    #main .course .txtList li {
        text-indent: -0.6em;
        padding: 0 0 10px 0.6em;
        letter-spacing: 0.04em;
    }

    #main .course .listUl .list {
        margin: 0 5%;
        justify-content: space-between;
        display: flex;
    }

    #main .course .listUl .list li {
        margin-bottom: 0 !important;
        width: 41%;
    }

    #main .course .listUl .list .small {
        font-size: 1.3rem;
        line-height: 1.6;
    }

    #main .course .listUl .large {
        margin-bottom: 8px;
        font-size: 2rem;
    }

    #main .course .listUl .large span {
        margin-right: 5px;
        vertical-align: -3px;
        font-size: 2.65rem;
    }

    #main .course .notes {
        font-size: 1.1rem;
    }

    #main .program {
        margin: 38px 19px 25px;
    }

    #main .program:before {
        display: none;
    }

    #main .program .heading01 {
        margin-bottom: 27px;
    }

    #main .program .midTxt {
        margin-bottom: 22px;
    }

    #main .program table {
        margin-bottom: 15px;
    }

    #main .program thead {
        display: none;
    }

    #main .program tbody {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 2px solid #EBEED6;
    }

    #main .program tbody tr {
        width: 50%;
        box-sizing: border-box;
        border-top: 2px solid #EBEED6;
    }

    #main .program tbody tr:nth-child(2n-1) {
        border-right: 2px solid #EBEED6;
    }

    #main .program th,
    #main .program td {
        font-size: 0.9rem;
        text-align: center;
        font-feature-settings: "palt";
        -moz-font-feature-settings: "palt";
    }

    #main .program td {
        float: left;
        width: 100% !important;
        padding: 4px 2px;
        border-bottom: none;
        box-sizing: border-box;
    }

    #main .program td:nth-child(2):before,
    #main .program td:nth-child(3):before {
        margin: 0 auto 5px;
        width: 75%;
        display: block;
        content: attr(data-th);
        padding: 1px 5px;
        border-radius: 8px;
        background-color: #ebeed6;
    }

    #main .program td:first-child {
        font-size: 1.1rem;
    }

    #main .program td:nth-child(2) {
        padding-left: 0;
    }

    #main .program td:nth-child(3) {
        padding: 4px 2px 8px;
    }

    #main .program .infoDl {
        margin-bottom: 14px;
        font-size: 1rem;
    }

    #main .program .infoDl dt {
        margin: 0 auto 8px;
        padding: 5px;
        float: none;
        width: 70px;
    }

    #main .program .infoDl dd {
        padding: 0;
        line-height: 1.9;
        letter-spacing: 0.02em;
        font-feature-settings: "palt";
        -moz-font-feature-settings: "palt";
        text-align: center;
    }

    #main .program .infoDl dd .small {
        display: block;
        font-size: 0.9rem;
    }

    #main .program .notesList {
        margin: 0 0 27px;
    }

    #main .program .notesList li {
        font-size: 0.8rem;
        line-height: 1.8;
        font-feature-settings: "palt";
        -moz-font-feature-settings: "palt";
    }

    #main .program .h2Ttl {
        margin-bottom: 10px;
    }

    #main .program .banner img {
        width: 100%;
    }

    #main .voice {
        padding: 15px 8px 40px;
    }

    #main .voice .heading01 {
        margin-bottom: 17px;
    }

    #main .voiceList {
        margin: -25px 0 0;
        justify-content: space-between;
    }

    #main .voiceList li {
        margin: 25px 0 0;
        width: 47%;
    }

    #main .voiceList .photo {
        margin-bottom: 7px;
        width: 90%;
    }

    #main .voiceList p {
        margin-bottom: 7px;
        font-size: 0.9rem;
    }

    #main .voiceList .ttl {
        margin-bottom: 10px;
        font-size: 1.25rem;
    }

    #main .voiceList .ttl span {
        margin-bottom: 2px;
        font-size: 1.5rem;
    }

    #main .participate {
        padding: 38px 0 50px;
    }

    #main .participate .heading01 {
        margin-bottom: 27px;
    }

    #main .participate .midTxt {
        margin: 0 0 20px;
        letter-spacing: -0.02em;
    }

    #main .pointList {
        margin: -15px 0 0;
    }

    #main .pointList li {
        margin: 15px 1% 0;
        width: 100%;
        font-size: 0.9rem;
    }

    #main .pointList .photo {
        margin-bottom: 22px;
        width: auto;
    }

    #main .faq {
        padding: 35px 0 64px;
    }

    #main .faq .heading01 {
        margin-bottom: 40px;
    }

    #main .qaList li {
        font-size: 1.2rem;
        margin-top: 25px;
        box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
    }

    #main .qaList .ttl {
        padding: 20px 45px 20px 70px;
        font-size: 1.35rem;
        line-height: 2.5;
    }

    #main .qaList .ttl:before {
        left: 24px;
        top: 38px;
        font-size: 2.3rem;
    }

    #main .qaList .ttl:after {
        right: 23px;
        width: 9px;
        height: 9px;
    }

    #main .qaList .txt {
        padding: 0 45px 20px 70px;
    }

    #main .btmPho {
        margin-bottom: 26px;
    }

    #main .entryBtn {
        margin: 0 20px;
        width: auto;
    }

    #main .entryBtn a {
        padding: 20px 20px 18px;
        font-size: 1.5rem;
    }

    #main .entryBtn a .en {
        font-size: 2.6rem;
    }
}

@media all and (max-width: 374px) {
    #main .innerBox .txtBox .heading01 {
        font-size: 5.4vw;
    }

    #main .innerBox .txtBox .heading01 .small {
        font-size: 4.5vw;
    }

    #main .course .listUl .list li {
        width: 42%;
    }
}

@media all and (max-width: 480px) {
    #main .course .listUl .list {
        flex-wrap: wrap;
    }

    #main .course .listUl .list li {
        margin: 10px 0;
    }
}

@media all and (max-width: 359px) {
    #main .course .listUl .list .small {
        font-size: 3.5vw;
    }

    #main .course .listUl .large {
        font-size: 1.8rem;
    }

    #main .course .listUl .large span {
        font-size: 2.5rem;
    }
}



/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

/* flex */
.flex,
.flexA,
.flexB,
.flexC {
    display: flex;
    flex-wrap: wrap;
}

.flexA {
    justify-content: space-around;
}

.flexB {
    justify-content: space-between;
}

.flexC {
    justify-content: center;
}

/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.en {
  font-family: Shippori Mincho, serif;
}

.fontMin {
    font-weight: 600;
    font-family: 'Noto Serif JP', serif;
}

/* comBox */
.comBox {
    margin: 0 auto;
    max-width: 1100px;
}

@media all and (max-width: 896px) {
    .comBox {
        margin: 0 19px;
    }
}

/* fadeIn */
.fadeIn {
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.fadeIn.on {
    opacity: 1;
}

/* heading01 */
.heading01 {
    margin-bottom: 20px;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.57;
    font-family: 'Noto Serif JP', serif;
    text-align: center;
}

.heading01 .en {
    margin-top: 3px;
    display: block;
    font-size: 2.2rem;
    font-weight: 500;
}

.heading01 .en:last-child {
    margin-bottom: 0;
}

@media all and (max-width: 896px) {
    .heading01 {
        margin-bottom: 15px;
        font-size: 2.05rem;
        line-height: 1.57;
    }

    .heading01 .en {
        margin-top: 1px;
        font-size: 1.7rem;
    }
}

@media all and (max-width: 359px) {
    .heading01 {
        font-size: 6.2vw;
    }
}

/* btn */
.btn a {
    padding: 10px;
    display: block;
    width: 227px;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    background-color: #000;
    box-sizing: border-box;
}

@media all and (min-width: 897px) {
    .btn a:hover {
        opacity: 0.7;
    }
}

@media all and (max-width: 896px) {
    .btn a {
        padding: 8px;
        width: 180px;
        font-size: 1.25rem;
    }
}

/* comBg */
.comBg {
    padding: 65px 0 132px;
    background-color: #f6f8f3;
}

@media all and (max-width: 896px) {
    .comBg {
        padding: 40px 0 50px;
    }
}

/* pageTop */
.pageTop {
    position: absolute;
    right: 77px;
    bottom: -80px;
    z-index: 10;
}

@media all and (min-width: 897px) {
    .pageTop a:hover {
        opacity: 0.7;
    }
}

@media all and (max-width: 896px) {
    .pageTop {
        display: none;
    }
}