@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css"); /* ウェブフォント（Noto Sans Japanese） */
@import url("https://fonts.googleapis.com/earlyaccess/sawarabimincho.css");   /* ウェブフォント（さわらび明朝） */

/*! layout.css | ページの基本デザイン用css */
/*! フォント定番
	【ゴシック系】
	font-family: Arial,Verdana,Helvetica,Roboto,"Meiryo","メイリオ","MS PGothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
	【明朝系】
	font-family: Garamond,"Times New Roman","HGS明朝E","MS PMincho","ＭＳ Ｐ明朝","Hiragino Mincho Pro","HiraMinProN-W3","ヒラギノ明朝 Pro W3",serif;
	【ウェブフォント】
	font-family: "Noto Sans Japanese"; ※Google提供フリーフォント、ゴシック系・漢字可
	font-family: "Sawarabi Mincho";    ※Google提供フリーフォント、明朝系・漢字可
*/

/* 全体の設定
   ========================================================================== */

/* ヒーローゾーン
   ========================================================================== */
.hero {
	padding: 2em 0.5em;
	text-align: center;
}

/* メインコンテンツ【main】
   ========================================================================== */
main {
	padding-bottom: 8em;
}

main .inner {
	max-width: 720px;
}

main .notice {
	padding: 0.5em 0;
	background-color: #BBE1DA;
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
}

main .data {
	padding: 2em 0 0.8em;
}

main .data h1 {
	font-size: 1.25em;
}

main .data .data-list .list-item {
	padding: 0.5em 0;
}

main .data .data-list .list-item .item-caption {
	position: relative;
	padding-left: 1em;
}

main .data .data-list .list-item .item-caption:before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}

main .data .data-list .list-item .item-caption a {
	display: inline-block;
}

main .data .data-list .list-item .item-description {
	margin: 0;
	padding: 0.4em 1em;
	font-size: 85%;
}