@charset "shift_jis";

/* 基本色 */
:root {
	--main-color: #004388;
	--accent-color: #cf0000;
	--dark-main-color: #e6e6e6;
	--text-dark-color: #111;
	--text-bright-color: #fff;
	--text-red-color:#d50000;
	--icon-color: #fff;
	--icon-bk-color: #ddd;
	--gray-color: #ddd;
	--large-width: 900px;
	--middle-width: 800px;
	--small-width: 760px;
	--smallsmall-width: 560px;
}


.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}

/* 基本設定： フォントサイズ */
@media (max-width: 599px) {
	:root {font-size: 14px;}
}

@media (min-width: 600px) and (max-width: 799px) {
	:root {font-size: 16px;}
}

@media (min-width: 800px) {
	:root {font-size: 18px;}
}

body {font-size: 16px;}

.f12{ font-size:12px;}


/* 基本設定： ページ全体 */
body {
	margin: 0;
	font-family: 'メイリオ','Hiragino Kaku Gothic Pro', sans-serif;
	background:#f0f0f0;
}

.topcontainer{
	background: #fff;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
.topcontainer{
	max-width: 900px;
	max-width: var(--large-width);
	background: #fff;
	box-shadow:0 0 10px #999;
}
}

header{
	width: 100%;
	font-family: "A-OTF 新ゴ Pro",A-OTF Shin Go Pro, "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:30px;
	text-align:center;
	background-color:#004388;
	padding:10px 0;
	display:block;
	}

@media (min-width: 768px) {
header{
	max-width: 900px;
	max-width: var(--large-width);
	height:60px;
	line-height:60px;
	letter-spacing: 1px;
	font-size:28px;
	padding:0;
}
}


/* コンテンツA： */
.conA .container {
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
.conA .container{
	max-width: 800px;
	max-width: var(--middle-width);
	background: #fff;
	margin-bottom:60px;
}
}

.conA p {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 12px;
	line-height: 1.8;
	padding:0 20px;
}

@media (min-width: 768px) {
.conA p {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 15px;
	line-height: 1.8;
	padding:0 10px;
}
}

.b{ font-weight:bold;}
.red{ color:#F00;}
.f16{ font-size:16px;}

/* フッター */

footer {
	color: #111;
	color: var(--text-dark-color);
	background-color: #e6e6e6;
	background-color: var(--dark-main-color);
	margin: 0 auto;
	text-align:center;
}

footer .container {
	padding: 20px 10px;
}

footer .adress{ font-size:12px;}

@media (min-width: 768px) {
footer .adress{ font-size:14px;}
}

/* pagetop*/
#pagetop {
	background-color: #333333;
	width: 90px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	opacity:0.8;
	color: #fff;
	padding: 5px 0px 5px 0px;
	border-radius: 5px;
}
#pagetop a {
	text-decoration: none;
	color: #fff;
	width: 90px;
	text-align: center;
	display: block;
	border-radius: 10px;
	opacity:0.8;
	font-size:12px;
}
#pagetop a:hover {
	text-decoration: none;
	opacity:0.5;
}