@charset "UTF-8";
p{
    margin: 0;
}
body {
  background-color: #fff;
  font-size: 4vw;
}
img {
  max-width: 100%;
}
.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}
.clearfix:after {
    content:" ";
    display:block;f
    clear:both;
}
.bold {
  font-weight: bold;
}
.fs28 {
  font-size: 4vw;
}
.fs5v {
  font-size: 5vw;
}
.fs8v {
  font-size: 8vw;
}
.fs60 {
    font-size: 8vw;
}
.mt10 {
    margin-top: 10px ;
}
.mt20 {
    margin-top: 20px ;
}
.mb10 {
    margin-bottom: 10px ;
}
.mb20 {
    margin-bottom: 20px ;
}
.toggle_block {
	width:300px;
	margin:0 auto;
}

.toggle_block dl {
	margin-bottom:10px;
}

.toggle_block dl dt {
	position:relative;
}

.toggle_block dl dd {
	width:270px;
	padding:13px;
	padding-bottom:0;
	border:2px solid #dddddd;
	border-top:none;
	background:#FFF;
}

.toggle_block dl dd .ph {
	margin-bottom:10px;
}

.toggle_block dl dd .ttl {
	margin-bottom:10px;
}

.toggle_block dl dd p {
	margin-bottom:20px;
}

.toggle_block dl dt span {
	position:absolute;
	top:15px;
	right:10px;
	width:20px;
	height:20px;
	background:url(../../img/sp/inspection/icon_plus.gif) 0 0 no-repeat;
	-moz-background-size:20px 20px;
	background-size:20px 20px;
	text-indent:-9999px;
}

.toggle_block dl dt.open span {
	background:url(../../img/sp/inspection/icon_minus.gif) 0 0 no-repeat;
	-moz-background-size:20px 20px;
	background-size:20px 20px;
}

.mtn15 {
	margin-top: -15px;
}

.form_lead {padding-top:50px; color:#043178; font-size:14px; font-weight:bold; background:url('/img/sp/inspection/form_lead.png') 50% 0 no-repeat; background-size:200px 45px;}

.inspection_link_faq {padding:20px 0 0; text-align:center; }

.inspection_link_faq li{
	float: none;
}

.inspection_link_flow {padding:10px 0 20px; text-align:center;}

/*** FAQ ***/

#inspection_faq_block {padding:10px 10px 0 10px;}
#inspection_faq_block .subtitle01 {margin-bottom:10px; background:#053178; color:#FFFF00; font-size:16px; padding:15px;}
#inspection_faq_block .inspection_faq_list {margin-top:15px; margin-bottom:30px;}
#inspection_faq_block .inspection_faq_list dt {line-height:18px; font-size:14px; padding:11px 30px; color:#053178; border-bottom:1px solid #D2D2D2; background-image:url('/img/sp/inspection/faq_icon_q.png'),url('/img/sp/inspection/faq_icon_close.png'); background-position:0 10px,100% 50%; background-size:20px 20px,25px 20px; background-repeat:no-repeat; font-weight:bold;}
#inspection_faq_block .inspection_faq_list dt.open {background-image:url('/img/sp/inspection/faq_icon_q.png'),url('/img/sp/inspection/faq_icon_open.png');}
#inspection_faq_block .inspection_faq_list dd {display:none; padding:15px; margin: 0; background:#FFF; font-size: 1.4rem;}


.inspection_faq #ttl {
	margin-top: 0;
}
/******************   flow   ******************/
#inspection_flow_block h2.title {
  background-color: #0d347f;
  color: #fff;
  font-size: 6vw;
  text-align: center;
  padding-top: 6%;
  padding-bottom: 6%;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 3%;
}
#inspection_flow_block .title {
  font-size: 6vw;
  font-weight: bold;
}
#inspection_flow_block .title li {
  float: left;
  padding-top: 1%;
  padding-bottom: 1%;
}
#inspection_flow_block .title li:first-of-type {
  color: #fff;
  background-color: #053178;
  width: 24%;
  text-align: center;
}
#inspection_flow_block .title li:last-child {
  color: #053178;
  background-color: #fff604;
  padding-left: 2%;
}
/*#inspection_flow_block p.title {
  color: #fff;
  font-size: 6vw;
  font-weight: bold;
  padding-top: 1%;
  padding-left: 3%;
}
#inspection_flow_block .title span {
  margin-left: 5%;
  color: #053178;
}*/
#inspection_flow_block .inner_txt {
  font-size: 4.0vw;
  line-height: 1.3;
  margin: 2% 3% 0 3%;
}
#inspection_flow_block .inner_txt span {
  display: block;
  font-size: 3.8vw;
  margin-top: 3%;
}
#inspection_flow_block .flow_01 .step1 {
  background-image: url(/img/sp/inspection/flow/flow01-01.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 73vw;
}
#inspection_flow_block .flow_01 .step2 {
  background-image: url(/img/sp/inspection/flow/flow01-02.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 89vw;
}
#inspection_flow_block .flow_01 .step3 {
  background-image: url(/img/sp/inspection/flow/flow01-03.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 73vw;
}
#inspection_flow_block .flow_01 .step4 {
  background-image: url(/img/sp/inspection/flow/flow01-04.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 77vw;
}
#inspection_flow_block .flow_02 .step1 {
  background-image: url(/img/sp/inspection/flow/flow02-01.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 74vw;
}
#inspection_flow_block .flow_02 .step2 {
  background-image: url(/img/sp/inspection/flow/flow02-02.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 121vw;
}
#inspection_flow_block .flow_02 .step3 {
  background-image: url(/img/sp/inspection/flow/flow02-03.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 137vw;
}
#inspection_flow_block .flow_02 .step4 {
  background-image: url(/img/sp/inspection/flow/flow02-04.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 82vw;
}
#inspection_flow_block .flow_02 .step5 {
  background-image: url(/img/sp/inspection/flow/flow02-05.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 92vw;
}
#inspection_flow_block .flow_02 .step6 {
  background-image: url(/img/sp/inspection/flow/flow02-06.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 105vw;
}
.inspection_flow #inspection_flow_block p.title {
  display: table;
  width: 100%;
  padding-top: 1%;
  margin: 3% 0;
}
.inspection_flow #inspection_flow_block p.title span:nth-child(1) {
  color: #fff;
  font-size: 5vw;
  font-weight: bold;
  width: 23%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.inspection_flow #inspection_flow_block .title span:nth-child(2) {
  display: table-cell;
  padding-left: 2%;
  color: #053178;
  vertical-align: middle;
}
.inspection .main_area #form_block_header p,
.inspection_flow .main_area #form_block_header p {
  margin:20px 0;
}
.inspection_flow #form_box_footer_right p {
  text-align: center;
}
.inspection_flow .form p {
  text-align: center;
  margin-top: 20px
}
/*================= inspection ==================*/
.inspection h2,
.inspection_flow h2, 
.inspection_flow #form_block_footer p.title {
  background-color: #0d347f;
  color: #fff;
  font-size: 6vw;
  text-align: center;
  padding-top: 6%;
  padding-bottom: 6%;
  padding-left: 0;
  padding-right: 0;
}
.inspection h2{
  margin-bottom: 0;
  margin-top: 30px;
}
.inspection h2 span.__yellow {
  color: #fff100;
}
.inspection h3 {
  text-align: center;
  font-size: 6vw;
  color: #fff;
  background-color: #f28d01;
  padding-top: 3%;
  padding-bottom: 3%;
}
.inspection .mv {
  position: relative;
}
.inspection .mv .main_anc {
  position: absolute;
  top: 52%;
  left: 3%;
  width: 60%;
}
.inspection #sticker_area > ul {
  margin-left: 10%;
  margin-right: 10%;
}
.inspection #sticker_area .sticker {
  width: 30%;
  height: 26vw;
  background: #68e3f2;
  margin-right: 3%;
  text-align: center;
  float: left;
}
.inspection #sticker_area .sticker:last-child {
  margin-right: 0;
}
.inspection #sticker_area .sticker:nth-child(4), 
.inspection #sticker_area .sticker:nth-child(5),
.inspection #sticker_area .sticker:nth-child(6) {
  margin-top: 20px;
}

.inspection #sticker_area .sticker.__yellow {
  background: #fc0;
}
.inspection #sticker_area .sticker ul {
    position: relative;
}
.inspection #sticker_area .sticker li.__01 {
    padding: 5px 3px 5px 0;
    font-size: 2.5vw;
    font-weight: bold;
    text-align: right;
}
.inspection #sticker_area .sticker li.__02 {
    display: inline-block;
    width: 10vw;
    height: 7vw;
    /* border: 3px solid #333; */
    /* border-radius: 32vw / 16vw; */
    font-size: 6vw;
    font-weight: bold;
    position: absolute;
    top: 4px; left: 0;
}
.inspection #sticker_area .sticker li.__02 span {
  display: block;
  margin-top: -1vw;
}
.inspection #sticker_area .sticker li.__03 {
    margin-top: 0vw;
    font-size: 20vw;
    font-weight: bold;
    line-height: 1;
    text-align: right;
}
.inspection #point .main_area {
  font-size: 5vw;
  font-weight: bold;
}
.inspection #point .point_list {
  margin-top: 15px;
}
.inspection #point .point_list ul li.__txt {
  margin-top: 10px;
  width: 96%;
  padding-left: 2%;
  padding-right: 2%;
}
.inspection #point .point_list ul li.__txt .__blue {
  color: #0d347f;
}
.inspection #point .point_list ul li.__txt .__orange {
  color: #f18d00;
}
.inspection #point .point_list ul li.__txt .big.__orange {
  font-size: 8vw;
}
.inspection #point .point_list ul li .fl {
  width: 54%;
  float: left;
  font-size: 4vw;
  margin:10px 2% 15px;
}
.inspection #point .point_list ul li .fr {
  width: 40%;
  float: left;
  font-size: 4vw;
  margin:10px 0 15px;
}

/******************   price_area   ******************/
.inspection #price_area h1 {
  height: 323px;
  text-indent: -9999px;
  background-image: url(/img/sp/inspection/price_main.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 0 30px 0;
}
.inspection #price_area .price_box table {
  width: 75%;
  color: #0e357f;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}
.inspection #price_area .price_box tr,
.inspection #price_area .price_box th,
.inspection #price_area .price_box td {
  border: 1px solid #ccc;
  vertical-align: middle;
  line-height: 1;
  padding-left: 3%;
  padding-top: 2vw;
  padding-bottom: 2vw;
}
.inspection #price_area .price_box th {
    width: 45%;
    background-color: #eee;
}
.inspection #price_area .price_box th.__orange {
    background-color: #ff3d00;
    color: #fff;
}
.inspection #price_area .price_box td.__orange {
    color: #ff3d00;
    font-size: 20px;
}
.inspection #price_area .price_box th.price_caption:before {
    content: url(/img/inspection/price_box_ico.png);
    vertical-align: sub;
    margin-right: 10px;
}
.inspection #store_area .__blue {
    color: #0e347d;
}
.inspection #store_area .__red {
    color: #e60011;
}
.inspection .form_btn {
    margin:20px 0 30px;
}

.inspection .l-container .fs_large {
    font-size: 2.8rem;
    font-weight: bold;
    color: red;
}
/******************   flow_area   ******************/
.inspection .flow_area .main_area,
.inspection_flow .flow_area .main_area {
    margin-left: 3%;
    margin-right: 3%;
}
.inspection .form_box,
.inspection_flow .form_box {
    margin-left: 0;
    margin-right: 0;
}
.inspection .form_box span {
    margin-left: 3%;
}
.form_box span.font10 {
    font-size: 10px;
}
.inspection .form_box input,
.inspection .form_box select,
.inspection .form_box textarea,
.inspection_flow .form_box input,
.inspection_flow .form_box select,
.inspection_flow .form_box textarea {
    margin-left: 3%;
    margin-right: 3%;
}
.inspection .form_sttl,
.inspection_flow .form_sttl {
    background-color: #eee;
    padding-left: 3%;
    padding-top: 1%;
    padding-bottom: 1%;
}
.inspection .input_full,
.inspection_flow .input_full {
    width: 90%;
}
 .inspection header {
   height: 75px;
}
/*----------------------------------------
	title
----------------------------------------*/

/*----------------------------------------
	title
----------------------------------------*/

#ttl {
	border-bottom: 3px solid #043178;
	padding: 0px 10px 5px;
    margin: 0;
}
#ttl:after {
    content: " ";
    display: block;
    clear: both;
}

#ttl p {
	float: left;
	margin-right: 6px;
	font-size: 0;
}

#ttl h1 {
	font-size: 16px;
	padding: 2px 0;
	overflow: hidden;
}

#ttl h1 img {
	vertical-align: middle;
	margin-left: 4px;
}
/******************   step_box   ******************/
#form_block_header .step_box{
	width:100%;
	display:block;
	margin:0 auto;
    text-align: center;
}
.main_area #form_block_header .step_box li p{
	margin: 10px 0;
}
#form_block_header .step_box li p.txt{
	text-align: left;
	padding:0;
	margin:0;
}