@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
body	{ font-size: 12px; line-height: 1.42857143; color: #666; background-color: #ffffff; font-family:"メイリオ", Meiryo, "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif; }
@media (min-width: 768px) { .container { width: auto; } }
@media (min-width: 992px) { .container { max-width: 1000px; } }
.img-responsive	{ display: block; height: auto; max-width: 100%; }
img	{ margin: 0; padding: 0; vertical-align: top; border: none; }
.logo-box	{ width: 100%; border-bottom:1px solid #d9d9d9; padding: 30px 0 10px; vertical-align :middle; }
.logo-box b	{ vertical-align :middle; float: left; }
.logo-box b	{ font-size: 26px; font-family: "Roboto Condensed", sans-serif; font-weight: normal; }
.logo-box b span	{  vertical-align :baseline; font-size: 20px; }
@media (max-width: 767px) {
	.logo-box	{ text-align: center; padding: 15px 0 0; border-bottom:0px solid #d9d9d9; }
	.logo-box img,
	.logo-box b	{ float: none; margin: 0 auto 0; }
	.logo-box b span	{ font-size: 13px; display: block; text-align: center; }
}


.step	{ }
.step strong	{ font-size: 1.1em; padding: 15px 0 0; display: block; box-sizing: border-box; }
.step strong span	{ width: 5.5em; display: inline-block; box-sizing: border-box; }
.step ol	{ margin: 5px 0 10px 25px; padding: 0; }
.step ol li	{ padding-bottom: 5px; }

.hnslis a	{ color: #fff; background-color: #5a5250; text-decoration: none; text-align: left; margin-bottom: 5px; padding: 5px; display: block; box-sizing: border-box; }
.hnslis a:hover	{ background-color: #000000; }
@media (max-width: 480px) {
	.hnslis div	{ width: 100%; }
}

.harnessSet	{ margin-top: 20px; }
.harnessSet h4	{ font-size: 1.2em; font-weight: normal; margin: 0 0 10px; padding: 3px 0 3px 10px; border-left: 3px solid #000; }
.harnessSet p	{ font-size: 1em; font-weight: normal; margin: 0; padding: 0 0 20px; }
.harnessSet .back	{ text-align: right; clear: both; display: block; }
.harnessSet .back a	{ color: #fff; background-color: #5a5250; text-decoration: none; text-align: left; margin: 10px 0 5px auto; padding: 5px 10px; display: inline-block; box-sizing: border-box; }
.harnessSet .back a:hover	{ background-color: #000000; }
.harnessSet .harnessimg	{ text-align: center; }
.harnessSet .harnessimg img	{ margin: 0 auto; }
.harnessSet ul	{ margin: 0 0 10px 1.5em; padding: 0; }
.harnessSet ul li	{ margin: 0; padding: 0; }


.main_content	{  background: #002d3d; margin: 0 0 15px; padding:5px 10px 0; }
.main_content .container	{ background: #002d3d url(../img/LiberatorFL_bg2.jpg) no-repeat right bottom; height:550px; }
@media (max-width: 798px) {
	.main_content .container	{ background: #002d3d url(../img/LiberatorFL_bg2.jpg) no-repeat right bottom; height:600px; background-size: 100%; }
	.main_content .mm	{ text-align: center; }
	.main_content .mm p	{ text-align: center; width: 50%; float: left; padding: 3px; box-sizing: border-box; }
	.main_content .mm p img	{ margin: 0 auto; }
}
@media (max-width: 526px) {
	.main_content .container	{ height:700px; }
}
@media (max-width: 400px) {
	.main_content .container	{ height:600px; }
}




.category-box	{ font-size: 1.6em; width: 100%; padding: 10px 0 10px 5px; }
.belt-title	{ width: 100%; background-color: #D9D9D9; font-size: 14px; padding: 5px 0 5px 5px; color: #666666; margin: 20px 0 10px 0; }
.table	{ border-bottom: 1px solid #dddddd; }
.table th	{ font-weight: normal; border-bottom: 1px solid #9b9b9b; }
.table2	{ border-bottom: 1px solid #dddddd; }
.table2 th	{ text-align: center; font-weight: bold; border-bottom: 1px solid #9b9b9b; }
.table2 td	{ text-align: center; }
.line-noleft	{ text-align: left; width: 130px; border-right: 1px solid #dddddd; }
.line-noright	{ text-align: center; }
@media (max-width: 420px) {
	.line-noleft	{ width: 70px; }
}
.title	{ margin: 0 0 20px 0; padding: 0 ; }
.small	{ font-size: 10px; line-height: 150%; color: #666666; padding: 7px 0 0 0; }
/* 注意事項 */
.attention	{ max-width:600px; margin:20px 0px 10px 0px; padding:10px 20px; color:#333; background:#efefef; }
.attention .tit	{ font-size:14px; margin-bottom:10px; }
.attention ul	{ margin: 0; padding-left:1.5em; }
.attention ul li	{ }
.attention span.str	{ font-weight:bold; text-decoration:underline; }
@media (max-width: 767px) {
	.attention	{ margin:20px 0px 10px 0px; padding:10px 10px; }
	.attention .tit	{ margin-bottom:0; }
}
.closebtn	{ text-align: center; padding: 30px 30px 80px; }
.closebtn a	{ color: #fff; font-weight: normal; background-color: #3d3d3d; text-decoration: none; text-align: center; margin: 0 auto; padding: 10px 50px; display: inline-block; }
.closebtn a:hover	{ background-color: #646464; }
.pagetitle h1 span	{ font-size: 40px; font-family: "Roboto Condensed", sans-serif; font-weight: normal; display: block; letter-spacing: 2px; }

/* ------------ clearfix ------------- */
span.clearfix	{ display:block; }
.clearfix:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0; }
.clearfix	{ *overflow:hidden; *zoom:1; }
.clearfix:not(:target)	{ /* overflow:hidden\9; */ /* zoom:1\9; */ }
* html .clearfix	{ height:1%; overflow:visible; }