/******************** ベース ********************/
body {
	font-family:"メイリオ","Meiryo";
	line-height:200%;
	min-width:320px;
	background-color: #efefef;
}

/******************** レイアウト ********************/
.header {
	min-height:100px;
	background-image:url("../images/background01.jpg");
	background-position:100% 100%;
	background-repeat: no-repeat;
	background-size: cover;
}
.header-img-container {
	margin-top:5px;
}
.header-text-img {
	margin-top:10px;
}

.top {
	min-height: 400px;
	background-image:url("../images/home/home_human2.png");
	background-position:left bottom;
	background-repeat: no-repeat;
	background-size: 500px auto;
}

.top-section {
	font-weight:bold;
	color:#6a3906;
}

.top-list {
	font-weight:bold;
	font-size:25px;
	line-height:2;
}

.top-triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 80px 0 80px;
	border-color: #f39801 transparent transparent transparent;
	margin-left:auto;
	margin-right:auto;
}

.top-appeal {
	font-weight:bold;
	font-size:40px;
	line-height:2;
	color:#e40114;
}

.btn-move {
	font-weight:bold;
	font-size:30px;
	line-height:2;
	margin-top:2px;
}

.btn-open {
	font-size:18px;
	line-height:1.5;
}

.btn-start {
	font-weight:bold;
	font-size:25px;
	line-height:2;
}

.btn-blue {
	background-color:#1166e7;
	border-color: #1166e7;
	color:#fff;
}

.btn-green {
	background-color:#05a35e;
	border-color: #05a35e;
	color:#fff;
}

.btn-gray {
	background-color:#b6b6b6;
	border-color: #b6b6b6;
	color:#fff;
}

.btn-orange {
	background-color:#f39801;
	border-color: #f39801;
	color:#fff;
}

.contents-body {
	background-color: #fff;
}

.footer {
	min-height:100px;
	background-image:url("../images/background01.jpg");
	background-position:100% 100%;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	font-weight: bold;
}

/******************** モジュール ********************/
.label-blue {
	border-left:30px solid #1166e7;
	line-height:2;
	padding-left: 30px;
}

.label-green {
	border-left:30px solid #05a35e;
	line-height:2;
	padding-left: 30px;
}

.label-orange {
	border-left:30px solid #f39801;
	line-height:2;
	padding-left: 30px;
}

.space-A {
	margin-top:50px;
}

.space-B {
	margin-top:20px;
}

.space-C {
	margin-top: 10px;
}

.space-C-under {
	margin-bottom: 10px;
}

.list-typeA {
	list-style-type:decimal;
}

.list-typeB {
	list-style-type:none;
}

.box-center {
	margin-left:auto;
	margin-right:auto;
}

.box-border {
	border: 1px solid #eee;
}

.important-message {
	font-weight: bold;
}

/******************** ステータス ********************/
/******************** テーマ ********************/
/*****************************************/

@media only screen and (min-width: 1200px) {

	/* lgと同様 */
	.top {
	}
	.top-section {
	}
	.label-blue {
	}
	.label-green {
	}
	.top-list {
	}
	.top-triangle {
	}
	.top-appeal {
	}
	.btn-start {
	}
	.header-img-container {
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	/* mdと同様 */
	.top {
	}
	.top-section {
	}
	.label-blue {
	}
	.label-green {
	}
	.top-list {
	}
	.top-triangle {
	}
	.top-appeal {
	}
	.btn-start {
	}
	.header-img-container {
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* smと同様 */
	.top {
	}
	.top-section {
		font-size:24px;
	}
	.label-blue {
		font-size:24px;
	}
	.label-green {
		font-size:24px;
	}
	.top-list {
		font-size:25px;
	}
	.top-triangle {
	}
	.top-appeal {
	}
	.btn-move {
		font-size:20px;
	}
	.btn-start {
		font-size:20px;
	}
	.header-img-container {
		margin-top:15px;
	}
}
@media only screen and (max-width: 767px) {

	/* xsと同様 */
	.top {
		min-height: 0px;
		background-image:none;
	}
	.top-section {
	}
	.label-blue {
		font-size:24px;
		border-left:15px solid #05a35e;
		padding-left: 15px;
	}
	.label-green {
		font-size:24px;
		border-left:15px solid #05a35e;
		padding-left: 15px;
	}
	.top-list {
		font-size:16px;
	}
	.top-triangle {
		border-width: 20px 40px 0 40px;
	}
	.top-appeal {
		font-size:30px;
	}
	.btn-move {
		font-weight:bold;
		font-size:20px;
		line-height:2;
		margin-top:2px;
	}
	.btn-start {
		font-weight:bold;
		font-size:12px;
		line-height:2;
	}
	.header-img-container {
		margin-top: 15px;
		margin-bottom: 15px;
	}
}
