@charset "UTF-8";

@-ms-viewport	{width: device-width;}

body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;}
	/* 記事 */
	.header	{padding:5px 20px;
	text-align: center;}

	.header img	{
		max-width: 100%;
		height: auto;
		margin: 0 0 10px 0;

		vertical-align: bottom;
	}
.in{padding: 20px;}

.in h1	{margin: 0 0 20px 0;
		font-size: 24px;
		font-weight: bold;
		line-height: 1.2;
	padding-bottom: 10px;
	border-bottom: dotted 1px;
color: #033;}

.in h1 span:before{content:'■'; padding-right: 20px; color: #033;}
.in h1 img{max-width: 100%;
height: auto;
vertical-align: bottom;
margin-right: 20px;
}
	.in p	{margin: 0 0 20px 0;
		font-size: 18px;
		line-height: 1.8;
		padding: 0 0 15px 0;
	border-bottom: dotted 1px;}

.bg{font-size: 25px; font-weight: bold;}

	.in h2{
			font-size: 18px;
		padding-bottom: 5px;
		margin-bottom: 30px;
		box-shadow: 0 5px 5px -5px rgba(0,0, 0, 0.3);}

		.in h2 img{max-width: 100%;
		height: auto;
		vertical-align: middle;
		margin-right: 10px;
		}


.in :last-child	{margin-bottom: 0}

	.in h3{font-size: 22px;
		font-weight: bold;
		color:#333;
padding: 5px 0 10px 15px;
border-left: solid 15px #059ea7;
border-bottom: dotted 1px #ccc;
margin:30px 0 15px 0;}

.in h4{font-size: 20px;
	font-weight: bold;
	color:#6b4117;
padding: 5px 0 5px 0;

margin:20px 0 10px 0;}

table {width:85%; border-collapse: collapse; margin: 45px 30px; font-size: 18px;}
table,td{border: solid 1px #aaa; }
td{padding:10px 15px;}
tr > :nth-child(2){text-align: right; }


 ol{list-style-type: decimal;}

li{padding: 10px 5px; font-size: 18px;}
.txtred{color: #d9000a;}
.txtredb{color: #d9000a; font-weight: bold;}


.footer{font-size: 9px; text-align: center;
border-top: dotted 1px;padding: 20px; margin:20px auto;}

.mg25{margin:35px 0;
}
		@media (min-width: 768px) {
		.header{width: 1200px; display: block; margin:0 auto;}
	.in{
		width: 1080px;
		margin: 0 auto 30px auto;}

.ml_15{margin-left: 25px;}
.rg{margin-left: auto; width:480px; font-size: 17px;}

.footer{width: 1200px;}

}