@charset "UTF-8";
/* CSS Document */


/*===============================================
●  画面の横幅が480pxまで：スマホ
===============================================*/
@media screen and (max-width:480px){
	
	
header {
	max-width: 480px;
	margin: 0 auto;
	padding: 20px 6.25%;
	box-sizing: border-box;
	text-align:center;
}


header .title {
	float:none;
}

header .bt-senyou a {
	float: none;
	margin: 15px auto 0 auto;
	width:10em;
}

.wrap, .main_wrap {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 1.0416%;
	box-sizing: border-box;
}		

	
.wrap {
	max-width: 480px;
	margin: 0 auto;
	padding: 0 6.25%;
	box-sizing: border-box;
}

.main_wrap {
	width: 100%;
	padding: 0;
}

.gray_back {
	padding-top: 30px;
}

.main {
	width: 100%;
	height: 41.666vh;
	margin-bottom: 100px;
	background-image: url(../img/main.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
}


.title_wrap {
	width: 100%;
	margin: 0 auto;
	padding: 20px 6.25%;
	background: #FFF;
	position: absolute;
	z-index: 5;
	top: 30.895vh;
	text-align:center;
	box-sizing: border-box;
}

.title_wrap h1 {
	font-size: 35px;
	padding: 0 0.2em 5px 0.2em;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #333;
}

.title_wrap p {
	font-size: 20px;
	font-weight: bold;
	line-height: 32px;	
}

h2 {
	font-size: 27px;
	padding: 0 0 25px 0;
	margin: 0;
	text-align:center;
	font-weight:normal;
}


/*-------カラム---------*/

.bt-day {
	width: 100%;
	margin: 0 0 30px 0;
	display: block;
	float: none;
}

.colum02 {
	width: 100%;
	margin: 0 0 30px 0;
	padding: 20px 7.142%;
	background: #FFF;
	box-sizing: border-box;
	float: left;
}

/*-------フッター---------*/

footer {
	max-width: 480px;
	margin: 0 auto;
	padding: 30px 6.25%;
}


/*-------中ページ---------*/

.naka {
	max-width: 420px;
	margin: 0 auto 30px auto;
	padding: 20px 4.761%;
	background: #FFF;
	box-sizing: border-box;
}

/*-------テーブル---------*/

.tbl-r05 {
    width: 100%;
	box-sizing: border-box;
}

.tbl-r05 .thead {
    display: none;
}

.tbl-r05 tr {
    width: 100%;
}

.tbl-r05 td {
    display: block;
    text-align: left;
    width: 100%;
}

.tbl-r05 td:first-child {
    background: #21A858;
    color: #fff;
    text-align: center;
}

.tbl-r05 td p {
    padding-left: 5em;
}

.tbl-r05 td:before {
    content: attr(data-label);
    float: left;
	padding:0 0.5em;
	background: #BBE6CC;
}

.tbl-r05 td.wd11em {
	width: 100%;
}

.tbl-r05 td.wd12em {
	width: 100%;
}

.tbl-r05 td.wd13em {
	width: 100%;
}

/*-------ページトップ---------*/

.pagetop {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
	letter-spacing: 1px;

}

	
}