@charset "UTF-8";
/* CSS Document */

/* 共通スタイル
----------------------------------------------------*/
	body {
	font-size:100%;
	/*background-image: url(202007_03.jpg);*/
	background-color: #999999;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	font-family: -apple-system,BlinkMacSystemFont;
	font: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*background-repeat: repeat-x;*/
}
div.info {
	background-color: #888;
	color: #ededed;
	line-height:160%;
	}
a {
	color: #999933;
	text-decoration:none !important;
	}
a:hover {
	text-decoration:underline !important;
	}
.info a {
	/*color: #ededed;*/
	text-decoration:none !important;
	}
.info a:hover {
	text-decoration:underline !important;
	}
h1, h2, h3, h4 {
	padding: 4px 8px;
	/*font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	color: #999;
	display: none;*/
}
strong {
	color: #0b5f8e;
	}
div.con {
	color: #0b5f8e;
		}
div.d102324 {
	background-color:#fffdf7;
	border:solid 10px #feed35;
	box-sizing:border-box;	
	}
div.d1023 {
	background-color:#edf2e3;
	border:solid 10px #75ac40;
	box-sizing:border-box;
	}
div.d1024 {
	background-color:#ecf1f9;
	border:solid 10px #6da5d3;
	box-sizing:border-box;
	}
div.con p {
	text-align: left !important;
	}
div.infoin {
	background-color: #999;
	color: #ededed;
	}
div.info span {
	background-color: #e5e5e5;
	color: #888;
	line-height:200%;
}
div.main, p.main, h1, h2, h3, h4 {
	margin: 0 auto;
	text-align: center;
	}
span.alpa {
	font-size:20px;
	background-color:#ccc;
	width:28px;
	color: #000;
	margin-bottom:8px;
	}
span.alpb {
	font-size:20px;
	background-color:#75ac40;
	width:28px;
	color: #FFF;
	margin-bottom:8px;
	}
span.alpe {
	font-size:20px;
	background-color:#6da5d3;
	width:28px;
	color: #FFF;
	margin-bottom:8px;
	}
div.photo img {
	margin:10px 0px 20px 0px !important;
	border:solid 1px #ccc;
	box-sizing:border-box;
	}
table {
	margin: 0 auto;
	text-align: center;
	border-collapse:collapse;
	border-spacing:0;
	/*width:80%;*/
	}
tr {
	
	}
td {
	border-top:solid 2px #0b5f8e;
	/*border:solid 2px #feed35;*/
	padding:4px;
	vertical-align:top;
	color:#333;
	line-height: 180%;
	text-align:left;
	font-size: 15px;
	}
span.small {
	font-size: 14px;
	}
td span {
	font-size: 13px;
	}
a.button, a.buttonc, a.buttont, a.buttonw {
	color:#fff !important;
	border-radius:20px;
	padding:10px 18px;
	font-size: 14px;
	}
a:hover.button, a:hover.buttonc, a:hover.buttont, a:hover.buttonw {
	text-decoration: none !important;
	position: relative;
	top:2px;
	left:2px;
	}
a.button {
	background-color:#0b5f8e;
	}
a.buttonc {
	background-color:#f62c11;
	}
a.buttont {
	background-color:#1da1f2;
	}
a.buttonw {
	background-color:#000;
	}

/*media Queries スマホサイズ（550px以下）
----------------------------------------------------*/
@media only screen and (max-width: 550px) {
	body {
	line-height:160%;
	}
	h1 {
		font-size:20px !important;
	}
	h2 {
		font-size:20px !important;
	}
	h3 {
		font-size:17px !important;
		margin-top:10px;
	}
	h4 {
		font-size:18px !important;
	}
	div.con {
	padding:0px 0px;
		}
	div.con p {
		width:95% !important;
	}
	div.infoin { /*トピックス用*/
	width: 100%;
	padding: 16px 0px;
	line-height: 160%;
	}
	.img100 img {
		width:100%;
	}
	table { /*スマホだけ*/
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	}
	div.pc, span.pc {
		display:none;
	}
	div.tablet, span.tablet {
		display:none;
	}
}

/*media Queries タブレットサイズ（550px以上）
----------------------------------------------------*/
@media only screen and (min-width: 550px) {
	body {
	/*font-size: 80%;*/
	line-height:180%;
	}
	h1 {
		font-size:22px !important;
	}
	h2 {
		font-size:20px !important;
	}
	h3 {
		font-size:18px !important;
		margin-top:10px;
	}
	h4 {
		font-size:18px !important;
	}
	div.alpha, div.alphb, div.alphe {
	padding:2px 0px;
	}
	div.con {
	padding:0px 0px;
		}
	div.con p {
	width:70% !important;
	}
	div.infoin { /*トピックス用*/
	width: 100%;
	padding: 20px 0px;
	line-height: 160%;
	}
	.img100 img {
		width:100%;
	}
	div.mobile, span.mobile {
		display:none;
	}
	div.pc, span.pc {
		display:none;
	}
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {
	body {
	/*font-size: 95%;*/
	line-height:180%;
	}
	h1 {
		font-size:20px !important;
	}
	h2 {
		font-size:20px !important;
	}
	h3 {
		font-size:18px !important;
		margin-top:10px;
	}
	h4 {
		font-size:18px !important;
	}
	div.alpha, div.alphb, div.alphe {
	padding:0px 0px;
	}
	.img100 img {
	width:85%;
	}
	div.con {
	width:85% !important;
	padding:0px 0px;
		}
	div.con p {
	width:70% !important;
	}
	h1, h2 {
	}
	div.infoin { /*トピックス用*/
	width: 85%;
	padding: 20px 0px;
	line-height: 160%;
	}
	div.pc {
	display: inherit;
	}
	span.pc {
	display: inline;
	}
	div.mobile, span.mobile {
		display:none;
	}
	div.tablet, span.tablet {
		display:none;
	}
}