@charset "UTF-8";

body	{
	font-family: "Open Sans", "Helvetica Neue", Helvetica , Arial , "Meiryo UI", "メイリオ", Meiryo , Verdana , Roboto , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;}

a {
	color: #434d90;
}

/* list */
ul.mark	{
	list-style-type: disc;
	padding-left: 1.4em;
}

ul.number	{
	list-style-type: decimal;
	padding-left: 1.4em;
}

ul.mark li, ul.number li{
	margin: 0.4em 0;
}

ul.notice li	{
	position: relative;
	line-height:1.6;
	padding-left:1.5em;
	margin: 1em 0;
}

ul.notice li::before	{
	content:"※";
	position: absolute;
	top: 0;
	left: 0;
}

table.default	{
	border-collapse: collapse;
}

table.default th,
table.default td	{
    padding: 0.75em;
    border: 1px #666 solid;
    background-color: #fff;
    color: #333;
}

table.default th	{
    background-color: #f0f0f0;
	padding: 0.5em 0.75em;
	text-align: center;
}

.btn	{
	display: block;
    color: #fff;
	background-color: rgba(0,0,0,0.6);
    text-align: center;
    text-decoration: none;
    padding: 0.75em 1em;
    border-radius: 4px;
	border:none;
    position: relative;
    margin: 0 auto;
}

.c-blk	{color:#333;}
.c-rblk	{color:#000;}
.c-gry	{color:#999;}
.c-blu	{color:#03a9f4;}
.c-cyan	{color:#00bcd4;}
.c-lylw	{color:#ffc107;}
.c-ylw	{color:#ff9800;}
.c-org	{color:#ff5722;}
.c-red	{color:#f44336;}
.c-wht	{color:#fff;}

.bc-gry	{background-color: #eee;}
.bc-red	{background-color: #f44336;}
.bc-org	{background-color:#ff5722;}
.bc-wht	{background-color:#fff;}
.bc-cyan	{background-color:#00bcd4;}
.bc-blk	{background-color:#333;}
.bc-rblk	{background-color:#000;}
.bc-ylw	{background-color:#ff9800;}
.bc-none	{background: none;}

select,
input[type="text"],
input[type="email"],
textarea	{
    width: 100%;
    padding: 0.75em 1em;
    border: 1px #ccc solid;
    border-radius: 0.25em;
    font-size: 1em;
	margin-bottom: 1em;
	font-family: inherit;
}

h1	{
    text-align: center;
    font-size: 2em;
    margin: 1em 0;
    letter-spacing: 0.2em;
}

/* ページ構成 */

body	{
	background-color: #fff;
	color:#333;
	font-size: 14px;
}

article	{
	margin: 0 auto;
}


section > div	{
	padding: 1em;
}

/* フォーム */

form	{
	margin: 0 auto;
}

.form_table	{
	display: table;
	width: 100%;
}

.form_row	{
	display: table-row;
	width: 100%;
}

.form_row > label	{
    padding: 0.75em 1em;
	margin-bottom: 1em;
}

.form_row > *	{
	display: table-cell;
	vertical-align: top;
}

.form_inline > *	{
	display: inline-block;
    vertical-align: baseline;
}

.form_inline > label	{
	margin-bottom: 1em;
}

.form_checkbox	{
}

.form_checkbox ul	{
    margin-bottom: 1em;
}

.form_checkbox ul li	{
	display: inline-block;
}

.form_checkbox input	{
    display: none;
}

.form_checkbox label	{
    background-color: #ccc;
    padding: 0.75em 1em;
    border-radius: 4px;
}

.form_checkbox input:checked + label	{
    background-color: rgba(0,0,0,0.6);
    color: #fff;
}

iframe.flat	{
    border:none;
    background: none;
    height: 3em;
    overflow: hidden;
}

.message	{
    width: 300px;
    margin: 1em auto;
    text-align: center;
    background-color: #333;
    color: #fff;
    padding: 1em;
}

tr.active > *	{
	background-color: #ffe9e8 !important;
}

dl.accordion	{
}

dl.accordion dt	{
    text-align: center;
    padding: 1em;
    border: 1px #ccc solid;
}

dl.accordion dd	{
	display: none;
	padding: 2em 0;
    background-color: #fcfcfc;
    border: 1px #ccc solid;
    margin-top: -1px;
}

.accordion_set > *	{
	margin-bottom: -1px;
}


.gridset	{
	margin-left: auto;
	margin-right: auto;
}

.col-2::after,
.col-3::after,
.col-4::after {	content: ""; clear: both; display: block;}
.col-2 > *	{
	float:left;
	width:49% !important;
	margin-right: 1%;
}

.col-3 > *	{
	float:left;
	width:32.333% !important;
	margin-right: 1%;
}

.col-4 > *	{
	float:left;
	width:24% !important;
	margin-right: 1%;
}

/*----------------------------------------------------*/