@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0;
	background: none transparent;
	vertical-align: middle;
	color: inherit;
	box-sizing: content-box;
}
select::-ms-expand {
 display: none;
}
html {
	font-size: 62.5%;
}
body {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* 記事 */
.kiji h1 {
	margin-top: 0;
	margin-bottom: 20px;
	padding-left: 20px;
	border-left: solid 20px #c50018;
	font-size: 24px;
	font-weight: normal
}
.kiji h2 {
	margin-top: 50px;
	margin-bottom: 20px;
	border-bottom: solid 1px #dddddd;
	font-size: 20px;
	font-weight: bold
}
.kiji h3 {
	margin-top: 50px;
	margin-bottom: 20px;
	border-bottom: solid 1px #dddddd;
	font-size: 16px;
	font-weight: bold
}
.kiji p {/*max-width: 640px;*/
	margin-top: 0;
	margin-bottom: 20px;
	
	line-height: 1.2857em;
}
.kiji .lead {
	max-width: 100%;
	font-size: 16px;
	color: #666666;
	text-indent:0;
}
.kiji p.sec{
	padding-left:1em;
text-indent:-1em;
	
}
.kijiimg {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px
}
/* パンくずリスト */
.bread {
	margin-bottom: 20px
}
.bread ol {
	margin: 0;
	padding: 0;
	list-style: none
}
.bread li a {
	display: inline-block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none
}
.bread li a:hover {
	background-color: #eeeeee
}
.bread ol:after {
	content: "";
	display: block;
	clear: both
}
.bread li {
	float: left;
	width: auto
}
.bread li:after {
	content: '\003e';
	margin-left: 10px;
	margin-right: 10px;
	color: #888888
}
/* サイドメニュー */
.sidemenu {
	border: solid 6px #dddddd
}
.sidemenu h1 {
	margin: 0;
	padding: 10px;
	font-size: 16px;
	font-weight: normal
}
.sidemenu h1 i {
	margin-right: 5px;
	color: #8abc60;
	font-size: larger
}
.sidemenu ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.sidemenu li a {
	display: block;
	padding: 10px;
	border-top: solid 1px #dddddd;
	color: #000000;
	font-size: 14px;
	text-decoration: none
}
.sidemenu li a:hover {
	background-color: #eeeeee
}
/* ボックスの左右 */
.boxA, .box4, .box5, .box6, .box7 {
	padding-left: 15px;
	padding-right: 15px
}
/* ボックスの上下 */


.box7 {
	padding-top: 25px;
	padding-bottom: 100px
}


ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
ol li{line-height: 1.5em;
}

/* ########### 359px以下 ########### */
@media (max-width: 359px) {
/* サイト名 */
.site img {
	width: 225px;
	height: auto
}
}

/* ########### 599px以下 ########### */
@media (max-width: 599px) {
/* 記事 */
.kiji h1 {
	font-size: 26px
}
.kiji h2 {
	font-size: 20px
}
.kiji h3 {
	font-size: 14px
}
.kiji .lead {
	font-size: 16px
}
}

/* ########### 768px以上 ########### */
@media (min-width: 768px) {
/* BOX7-1とBOX7-2を横に並べる設定 */
.box7:after {
	content: "";
	display: block;
	clear: both
}
.box7-1 {
	float: right;
	width: 80%;
	padding-left: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.box7-2 {
	float: left;
	width: 20%
}
}

/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {
/* 全体の横幅を固定 */
.box3, .box4, .boxA-inner, .box5-inner, .box6, .box7 {
	width: 1140px;
	margin-left: auto;
	margin-right: auto
}
/* BOX Aの下に罫線を挿入 */
.boxA {
	margin-bottom: 20px;
	border-bottom: solid 1px #dddddd
}
}

/* ########### 768px以上 ########### */
@media (min-width: 768px) {
table {
	border: solid 1px #C3C3C3;
	border-collapse: collapse;
	width: 100%;
}
table td, table th {
	padding: 10px;
	border: solid 1px #C3C3C3;
}
table th {
	background-color: #eee;
	width: 30%;
}
}

/* ########### 767px以下 ########### */
@media (max-width: 767px) {
table {
	border-collapse: collapse;
	width: 100%;
}
table td, table th {
	display: block;
	padding: 10px;
}
table th {
	background-color: #eee;
}
}