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

common-sp.css

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

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

/*============================================================
 format
*============================================================*/
/* コンテンツ内
---------------------------------------- */

.page-lower #mainvisual {
	margin-top: 24px;
	margin-bottom: 48px;
}

#breadcrumb {
	margin: 24px 0;
}



/*============================================================
 コンテンツ共通
*============================================================*/
/* 要素幅超スクロール
---------------------------------------- */
.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: 343px;
}


/*============================================================
 CTA
*============================================================*/
/* エントリー
---------------------------------------- */
#cta-contact {
	/* padding-top: 24px; */
	padding-top: 32px;
}
#cta-contact a {
	/* padding: 48px 0; */
    padding: 0 0 32px 0;
    margin: 0 auto;
    max-width: 327px;
    width: 100%;
    height: auto;
}
/* #cta-contact a img {
    text-align: center;
} */
#cta-contact a .entry {
    width: 327px;
    height: 150px;
}
#cta-contact a .entry img {
    max-width: 327px;
}
#cta-contact a:hover .entry {
}

/* #cta-contact h2 {
	font-size: 64px;
} */

/*============================================================
 バナーリンク
*============================================================*/
#banner-link {
    padding: 32px 0 0;
}
#banner-link .link-wrap {
    padding: 0 0 32px 0;
}
#banner-link .link-wrap a {
    width: 100%;
    max-width: 342px;
}
#banner-link .banner img.banner-img {
    width: 29%;
    height: auto;
}
#banner-link .content {
    width: calc(100% - 29%);
    padding: 10px 8px 8px 8px;
}
#banner-link p.title {
    font-size: 18px;
}
#banner-link p.title span {
    font-size: 14px;
}
.content img.logo {
    width: 56px;
    height: auto;
}
#banner-link img.arrow {
    width: 16px;
    height: 16px;
}

/*============================================================
 記事本文ブロック
*============================================================*/
/* 見出し
---------------------------------------- */

/*============================================================
 footer
*============================================================*/
#site-footer {
}
#site-footer .logo {
	width: 120px;
}


/* メニューリスト
---------------------------------------- */
#site-footer #fnav .menu-list {
	flex-direction: column;
    text-align: center;
}