@charset "UTF-8";
/********************************************************************************

common-sp.css

********************************************************************************/
/*============================================================
 css変数
*============================================================*/
:root {
	--common-inner-max-width: 528px;           /* 通常サイト幅 */
	--common-inner-max-width-wide: 100%;      /* ワイドサイト幅 */
	--common-inner-padding: 24px;               /* 通常サイト幅内余白 */
	--common-inner-padding-wide: 16px;          /* ワイドサイト幅内余白 */
}

/*============================================================
 system
*============================================================*/
/* pc-sp display switch
---------------------------------------- */
.forPC {
    display: none;
}
.forSP {
    display: inherit;
}

/*============================================================
 format
*============================================================*/
/* ベース
---------------------------------------- */
body {
	font-size: 14px;
	line-height: 1.8;
}

/* コンテンツ内
---------------------------------------- */
#main-contents {
	padding-bottom: 64px;
}

main .inner > *:not(h1, h2, h3, h4) {
	margin-bottom: 32px;
}

main .block, main .inner .block {
	margin-bottom: 40px;
}
main .block > *:not(h1, h2, h3, h4) {
	margin-bottom: 32px;
}

h1.page-title {
	font-size: 36px;
}
h2.sec-title {
	font-size: 24px;
}
h3.block-title {
	font-size: 20px;
}

.single #sec-eyecatch {
	margin-bottom: 40px!important;
}

/*============================================================
 パンくずリスト
*============================================================*/
#breadcrumb {
	margin-bottom: 12px;
}


/*============================================================
 コンテンツ共通
*============================================================*/
/* 要素幅超スクロール
---------------------------------------- */
.block-wscroll-sp {
    width: calc(100vw - ((100vw - 100%) / 2));
    overflow-x: auto;
}
.block-wscroll-sp .block-wscroll-inner {
    width: max-content;
    padding: 0 var(--inner-padding) 16px 0;
}
.block-wscroll-sp .block-wscroll-inner > * {
    width: auto;
    white-space: nowrap;
}

/* カード
---------------------------------------- */
.block-card {
    flex-direction: column;
    width: fit-content;
    margin: 0 auto;
}
.block-card .item {
    width: 100%;
	max-width: 400px;
}

/* お知らせ
---------------------------------------- */
.block-news .item .title {
	font-size: 14px;
}
.block-news .item .posted-date {
	font-size: 10px;
	margin-bottom: 0;
}

/* 説明会
---------------------------------------- */
.block-seminar .item .image {
	width: 100%;
}
.block-seminar .item .info {
	width: 100%;
}
.block-seminar .item .info .title {
	font-size: 20px;
}

/* スタッフ
---------------------------------------- */
.block-staff {
	--gap: 24px;
	--col: 2;
	gap: 32px 24px;
}
.block-staff .item .image {
	margin-bottom: 16px;
}
.block-staff .item .info .title {
	font-size: 20px;
}

/*============================================================
 CTA
*============================================================*/
/* お問い合わせ
---------------------------------------- */

/*============================================================
 記事本文ブロック
*============================================================*/
/* 見出し
---------------------------------------- */
.block-post-content h2.wp-block-heading {
	margin-top: 48px;
}

/* テーブル
---------------------------------------- */
.wp-block-table table th,
.wp-block-table table td {
	font-size: 14px;
}
.wp-block-table table thead tr th {
	font-size: 16px;
}
.wp-block-table table td:first-child {
	font-size: 14px;
	padding: 11px;
}

/*============================================================
 ページング
*============================================================*/
.pagination {
	margin-top: 56px;
}

#reservation-btn {
	right: 8px;
	bottom: 8px;
}
#reservation-btn a {
	width: 80px;
}

/*============================================================
 footer
*============================================================*/
#site-footer {
}
#site-footer .wrap .logo {
	text-align: center;
}
#site-footer .wrap .block {
}
#site-footer .wrap .block .info {
	flex-direction: column;
	gap: 48px;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
}
#site-footer .wrap .block .info .access {
	width: 260px;
}
#site-footer .wrap .block .info .access .map {
	top: auto;
	bottom: -24px;
}
#site-footer .wrap .block .info .parts-btn {
	max-width: 340px;
	width: 100%;
}
#site-footer .wrap .block .info .links {
	gap: 32px;
    justify-content: center;
}

/* メニューリスト
---------------------------------------- */
#site-footer .menu-list.forPC {
	display: none;
}
#site-footer .menu-list.forSP {
	width: 158px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}
#site-footer .menu-list li a {
	padding-left: 20px;
}
#site-footer .menu-list li a:before {
	content: "";
	position: absolute;
	background: url(../images/common/icon-nav-arrow.svg) no-repeat center center / contain;
	width: 4px;
	height: 8px;
	left: 4px;
	top: 50%;
	transform: translatey(-50%);
}