@charset "utf-8";



/*リセットCSS（sanitize.css）の読み込み
---------------------------------------------------------------------------*/
@import url("https://unpkg.com/sanitize.css");



/*全体の設定
---------------------------------------------------------------------------*/
html,body {
	margin: 0;padding: 0;
	font-size: 13px;
}

body {
	font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
	background: #fff;
	color: #555;
	line-height: 2;
}

table {border-collapse:collapse;}

/*container
---------------------------------------------------------------------------*/
#container {
    max-width: 750px;
	margin: 0 auto;
	border-style: solid;
	padding: 0px 20px 20px;
	margin-top: 10vh;
	border-color: #999999;
	border-width: 1px 0;
}

/*header
---------------------------------------------------------------------------*/
header {
	margin: 0 1rem;
}

header #logo a {
	text-decoration: none;
	color: #333;
	font-size: 1.8rem;
}

/*main
---------------------------------------------------------------------------*/
main h2 {
	padding: 0.5rem 1rem;
	font-size: 1.2rem;
	background: #ed2324;
	color: #fff;
}

main p {
	margin: 0.5rem 1rem;
}

/*table
---------------------------------------------------------------------------*/
.ta1 {
	border-top: 1px solid #999;
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 2rem;
}

.ta1 tr {
	border-bottom: 1px solid #999;
}

.ta1 th, .ta1 td {
	padding: 0.5rem;
	word-break: break-all;
}

.ta1 th {
	width: 25%;
	text-align: left;
	background: #f0f7fb;
}

/*フォームボタン
---------------------------------------------------------------------------*/
input[type="submit"], input[type="reset"], input[type="button"] {
	font-size: 1rem;
	background: #fedb77;
	padding: 15px 40px;
	border-width: 0px;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background: #66c559;
}

/*その他
---------------------------------------------------------------------------*/
.c {text-align: center !important;}
.ws {width: 95%;display: block;}
.wl {width: 95%;display: block;}



/*---------------------------------------------------------------------------
ここから下は画面幅800px以上の追加指定
---------------------------------------------------------------------------*/
@media screen and (min-width:800px) {

/*全体の設定
---------------------------------------------------------------------------*/
html, body {
	font-size: 16px;	/*基準となるフォントサイズの上書き*/
}

/*header
---------------------------------------------------------------------------*/
header {
	margin: 0 2rem;
}

/*main
---------------------------------------------------------------------------*/
main h2 {
	padding: 0.5rem 2rem;
}

main p {
	margin: 0.5rem 2rem;
}

/*table
---------------------------------------------------------------------------*/
.ta1 {
	width: calc(100% - 4rem);
}

.ta1 th, .ta1 td {
	padding: 1rem;
}

/*その他
---------------------------------------------------------------------------*/
.ws {
	width: 100%;
	display: inline;
	line-height: 38px;
	padding: 0 10px;
}

/*　※注意！　下の閉じカッコ　}　はこのブロックに必要なので、削除しないで下さい。　*/

}