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

/* --------------------------------
	Common style
-------------------------------- */

html {
    font-size: 62.5%; /* 62.5%を指定すると「1.0 rem = 10px」 */
}
body {
    margin: 0; padding: 0;
    font-size: 16px;
    font-size: 1.6rem;
}
a { color: #16a085;
    text-decoration: none;
    cursor: pointer;
}
a:hover,
a:focus,
a:active { color: #1abc9c;text-decoration: none; outline: none;}

ul, ol {
    list-style: none;
    margin: 0; padding: 0;
}
dl, dt, dd, li{
    margin: 0; padding: 0;
}
img {
	margin: 0; padding: 0;
    max-width: 100%;
}



/*  table
============================ */

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    border-top:1px solid #fff
}
.table-bordered {
	width: 100%;
	margin-bottom: 20px;
    border:1px solid #fff;
	border-collapse: collapse;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered>thead>tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border:1px solid #fff;
	background: #fcfcfc;
	padding: 8px;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th {
	background: #d64541;
	color: #ecf0f1;
}
.table-bordered tr:nth-child(odd) td {
	background-color: #f8f8f8;
}
.table-bordered tr.footer > td {
	background-color: #C8F7C5;
	font-weight: bold;
}

/* 行ヘッダ */
.table-bordered th.rowheader {
	background: #C5EFF7;
	color: #525263;
}
/* 下線 */
.table-bordered tr.underline td {
	border-bottom-color: #d2d7d3;
}



/* --------------------------------
	Parts
-------------------------------- */

/* heading */

h1 {
    margin: 0;
	padding: 50px 0 0 0;
}
h2 {
    font-size: 16px;
    font-size: 1.6rem;
}
.section h2 {
    margin: 0 0 8px;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: bold;
    padding: 8px;
	text-align: center;
	color: #34495e;
	page-break-before: always;	/* 改ページさせたくない場合はhtml側のstyleに「page-break-before: auto;」を直接記述する */
}
.section h3 {
    margin: 0 0 8px;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 100;
    /*padding: 8px;
	text-align: center;*/
	padding: 8px 0;
}



/****** Contents Setting ********/

/* 未使用 */
/*.description {
    font-size: 12px;
    font-size: 1.2rem;
	padding: 8px 0;
}*/

.logo {
	margin: 0 0 25px 0;
}

/* section */

.section {
	padding: 20px 0;

}
.section-inner {
	width: 75%;
	margin: 0 auto;
}


/* section--特徴 */

.point ul {
	overflow: hidden;
}
.point li {
	padding: 20px 0;
	border-top: 1px solid #ccc;
}
.point li.first {
	border-top: none;
}



/****** Footer Setting ********/

#footer {
    background: #f8f8f8;
    border-top: 1px solid #e8e8e8;
    padding-top: 24px;
	padding-bottom: 24px;
	text-align: center;
}
#footer a {
    color: #525263;
}
#footer a:hover {
    color: #7f8c8d;
}


/******************************
	Media Query
*******************************/

@media only screen and (max-width: 767px) {
	/* --------------------------------
		Parts
	-------------------------------- */
	
	/* heading */
	
	.section h2 {
		font-size: 26px;
		font-size: 2.6rem;
	}
	
	.section h3 {
		font-size: 20px;
		font-size: 2.0rem;
	}

	
	/****** Contents Setting ********/

	/* 未使用 */
	/*.description {
		font-size: 10px;
		font-size: 1.0rem;
		padding: 6px 0;
	}*/

	/* section */
	
	.section-inner {
		width: 90%;
		margin: 0 auto;
	}
		
}
@media only screen and (min-width: 768px) {
}