@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
*============================================================*/
/* ベース
---------------------------------------- */
body {
	font-size: 16px;
}

/* sec title
---------------------------------------- */
.sec-title {
	margin-bottom: 28px;
}
.sec-title h2 {
	font-size: 24px;
}
.sec-title .en {
	font-size: 16px;
	margin-bottom: 8px;
}

.section {
	padding-bottom: 64px;
}

/*============================================================
 ページヘッダー(下層)
*============================================================*/
#page-header .page-title {
	font-size: 24px;
}
#page-header.type02 {
	margin-bottom: 56px;
}
#page-header.type03 .page-title {
	line-height: 1.4;
	font-size: 24px;
}

/*============================================================
 詳細ページ共通
*============================================================*/
.single #sec-post .inner h2 {
	font-size: 28px;
	margin-bottom: 24px;
}
.single #sec-post .inner h3 {
	margin-bottom: 24px;
}
.single #sec-post .inner ul, .single #sec-post .inner ol {
	padding: 8px 8px 8px 32px;
}
.single #sec-related-post h2 {
	font-size: 24px;
	margin-bottom: 32px;
}
.single #sec-conductor .block-copy {
	gap: 16px;
}

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

/*============================================================
 コンテンツ共通
*============================================================*/
/* お知らせ投稿
---------------------------------------- */
.block-news {
	gap: 24px;
}
.block-news .item {
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}
.block-news .item .title {
	width: 100%;
	font-size: 14px;
}
.block-news .item .date {
	font-size: 12px;
	font-weight: normal;
}

/* 外部リンクカード
---------------------------------------- */
.block-outer-link .item {
	gap: 24px;
}
.block-outer-link .item-contents {
	width: calc(100% - 184px);
}
.block-outer-link .item-contents .title {
	font-size: 16px;
}
.block-outer-link .item-contents .excerpt {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/*============================================================
 目次
*============================================================*/
#toc_container .toc_list li a {
	font-size: 14px;
}

/*============================================================
 footer
*============================================================*/
#site-footer {
	padding: 48px 0 80px;
}
#site-footer .inner > .parts-boxes {
	gap: 40px;
	flex-direction: column;
	align-items: flex-start;
}
#site-footer .menu-list {
	gap: 16px;
	flex-direction: column;
}

@media screen and (max-width: 480px) {
	:root {
		--common-font-family: yu-gothic-pr6n, sans-serif;
		--common-font-family-sub: 'Zen Kaku Gothic New', sans-serif;
	}
	
	body {
		font-style: normal;
		font-weight: 400;
		font-family: var(--common-font-family);
	}
	
	h1,h2, h3 {
		font-family: var(--common-font-family-sub);
		font-weight: bold;
	}


	.block-outer-link .item {
		gap: 16px;
		padding: 16px;
	}
	.block-outer-link .item-img {
		width: 120px;
		height: 120px;
	}
	.block-outer-link .item-contents {
		width: calc(100% - 136px);
	}
	.block-outer-link .item-contents .title {
		margin-bottom: 8px;
	}
	.block-outer-link .item-contents .excerpt {
		display: none;
	}
}