@charset "UTF-8";
/* CSS Document */
body{
	
	background: 
		url(../img/bg_body.jpg) #000000 fixed no-repeat top center /cover;
}

.pc{
	display:none;
}
.smp{
	display:inherit;
}
.pc-center{/* PC時のみセンタリング */
	text-align:left;
}
.smp-center{
	text-align:center;
}
.smp-left{
	text-align:left;
}

/* レイアウト */
/* スマホ時 float無しの1列レイアウトに（初期設定） */
.flex .col-2,
.flex .col-3,
.flex .col-4,
.flex .col-5,
.flex .col-6,
.flex .col-7,
.flex .col-8,
.flex .col-9,
.flex .col-10{
	float:none;
	width:100%;
	box-sizing:border-box;
	padding:0 0.5em; 
}

.flex .smp-col-6{/* スマホ時でも2列レイアウト */
	width:50%;
	float:left;
}

.drawr {
    display: none;
    background-color:rgba(0,0,0,0.6);
    position: absolute;
    top: 0px;
    right:0;
    width:260px;
    padding:60px 0 20px 20px;
    z-index: 100;
}
.drawr li {
    width:260px;
}
.drawr li a {
    color:#fff;
    display: block;
    padding: 15px;
}

table tr th,
table tr td{
	display: block;
}

main{
	width:inherit;
	padding: 1em;
}
section.contents{
	/*border: 1px solid red;*/
	width:inherit;
}

h2.title{
	color: #00A99D;
	font-weight: normal;
	font-size: 1.4em;
	letter-spacing: 0;
	text-align: center;
	background: url(../img/bg_line.png) no-repeat left center / 25% 50%,
		url(../img/bg_line.png)  no-repeat right center / 25% 50%;
	padding: 0.2em;
}

footer {
    margin-top: 0;
}