@charset "UTF-8";

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(NotoSansJP-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(NotoSansJP-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(NotoSansJP-Bold.otf) format('opentype');
}

/*----------------------------------------
 * 基本設定
 *----------------------------------------*/
html {
	height:100%;
	min-height:850px;
}

.pc {display:block;}
.mb {display:none;}

body {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Century Gothic, sans-serif;
/*
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
*/
	font-size:120%;
	margin:0;
	width:100%;
	color:#111;
	background:url(bg.jpg) no-repeat center bottom;
	background-size:cover;
	position:relative;

	height:100%;
}

.message {
	width:600px;
	margin:0 auto;
	padding-top:60px;
}

.message img {
	width:100%;
	height:auto;
}

.info {
	width:15em;
	margin:-10px auto 0 auto;
	border:1px solid white;
}

.info a {
	color:white;
	text-decoration:none;
	/*
	font-size:12px;
	*/
	display:block;
	padding:1em;
	text-align:center;
	background-color:rgba(132,193,255,0.4);
}

.info a:hover {
	background-color:rgba(255,255,255,0.4);
}

body.info_page {
	background:none;
}

body.info_page a:hover {
	color:#84c1ff;
}

body.info_page .info_title {
	width:100%;
	background:url(bg_info.jpg) no-repeat center bottom;
	background-size:cover;	
}

body.info_page .info_title .info_title_inner {
	width:400px;
	margin:0 auto;
}

body.info_page .info_title .info_title_inner img {
	width:100%;
	height:auto;
}

body.info_page article {
	width:750px;
	margin:2em auto 0 auto;
	padding-bottom:5em;
}

body.info_page article strong {
	font-weight:700;
	background-color:#def;
}

body.info_page article h1 {
	text-align:center;
	font-size:1.4em;
}

body.info_page article h2 {
	margin-top:2em;
	font-size:1.2em;
	margin-left:1em;
	text-indent:-1em;
}

body.info_page .std_column {
	font-size:0.9em;
	line-height:2em;
}

body.info_page article ul.std_ul {
	margin-left:0em;
}

body.info_page article ul.std_ul li{
	margin-bottom:1em;
}

footer.top {
	position:absolute;
}

footer {
	width:100%;
	font-weight:400;
	font-size:12px;
	text-align:center;
	bottom:15px;
	color:#595757;
}

.iten {
	width:760px;
	margin:0 auto;
	padding:50px 0 100px 0;
	text-align:center;
	line-height:1.8em;
}

.iten p {
	font-size:0.8em;
}

.iten .p2 {
	font-size:0.7em;
	line-height:1.8em;
}

.iten p strong {
	font-size:2em;
}

.pc {
	display:block;
}

.mb {
	display:none;
}

@media screen and (max-width: 768px) {
	html {
		min-height:400px;	
	}
	
	body {
		font-size:100%;
	}
	.message {
		width:90%;
		margin:0 auto;
		padding-top:80px;
	}

	.info {
		margin:0 auto;
		border:1px solid white;
		width:10em;
	}
	
	.info a {
		font-size:12px;
		padding:5px;
	}

	body.info_page .info_title .info_title_inner {
		width:60%;
	}
	
	body.info_page article {
		width:90%;
	}
	
	body.info_page article h2 {
		margin-left:1.5em;
		text-indent:-1.5em;
		}

	footer {
		font-size:10px;
		bottom:5px;
	}
	footer img {
		width:100%;
		height:auto;
	}
	
	.iten {
		width:90%;
		margin:0 auto;
		padding:50px 0 100px 0;
		text-align:center;
		line-height:1.8em;
	}
	
	.iten img{
		width:80%;
		height:auto;
		margin:0 auto;
	}
	.iten p strong {
		font-size:1em;
	}

	.pc {
		display:none;
	}
	
	.mb {
		display:block;
	}
}