@charset "shift-jis";
/* CSS Document */
/* -------------------------------------- 共通コンポーネントの独自スタイル -------------------------------------------- */
.guide-page .article-list {
	text-align: left;
}
/* ----------------▼ 余白 ▼---------------- */
.contents-wrapper {
	margin-top: 18px;
}
.content-margin {
	margin-top: 12px;
}
/* ----------------▼ ボタンエリア ▼---------------- */
/* 横並び */
.guide-page .buttons-block.grid-container {
	display: grid;
    column-gap: 12px;
    row-gap: 12px;
    font-size: 0.8rem;
	margin: 16px auto 0;
	max-width: 640px;
	grid-template-rows: auto;
	/* 列数変動 */
	/* grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); */
	/* 列数固定	 */
	grid-template-columns: repeat(2, 1fr);
}
.guide-page .grid-container .link-button>a {
	padding: 12px 14px;
}

/* -------------------------------------- 共通コンポーネント以外 -------------------------------------------- */
/* ----------------▼ お知らせエリア  ▼---------------- */
.notice-wrapper { 
	margin-top: 1.5em;
}
.notice-wrapper h2 {
	position: relative;
	text-align: left;
	padding-left: 8px;
	font-size: 1.2rem;
	border-bottom: 3px double #999;
}
.notice-wrapper .article-list li {
	position: relative;
	padding: 16px;
	border-bottom: 0.3vw dashed #333;
	font-size: 0.8rem;
	line-height: 1.5;
}
/*矢印 */
.notice-wrapper .article-list li a::after {
	position: absolute;
	top: 50%;
	left: 8px;
	display: block;
	content: "";
	transform: translate(-50%, -50%);
	border: 6px solid transparent;
	border-left: 8px solid #999;
}
/*もっと見るボタン */
.guide-page .notice-button {
	position: relative;
	margin: 8px 0;
	padding-right: 3em;
	font-size: 1rem;
	color: #000;
	background: none;
}
.guide-page .notice-button::before,
.guide-page .notice-button::after  {
    content: '';
    display: inline-block;
    width: 1.4em;
    height: 4px;
    background-color: #0362ab;
	position: absolute;
	top: 50%;
	left: 75%;
	transform: translate(-50%, -50%);
    transition: opacity 1s;
}
.guide-page .notice-button::after {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: transform 0.5s;
}
/* 展開時 */
.guide-page .notice-button.shown::before {
    opacity: 0;
}
.guide-page .notice-button.shown::after {
    transform: translate(-50%, -50%) rotate(180deg);
}
/* -------------------------------------- common footer -------------------------------------------- */
#Footer .footer_menu_area .d_table{
	display: none;
}