@CHARSET "UTF-8";
header.main-header,footer h2,.footer-column,footer .copyright >
 span,.main-nav,.breadcrumbs-container{display:none;}
body{display:none;background:#e9e9e9;padding-top:10px;font-family:"Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;color:#333;}
.flexiblebox {
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}
.flexiblebox > *{
  width: 25%;
  font-size: 64px;
  text-align: center;
}
.logo-title{
	float:center;
	background:url(../img/sprite.png) no-repeat;
	background-size:400px;
	width:170px;
	height:40px;	
}

#subm,#c_rule{padding: 12px 25px;font-size: 14px;display: block;width: 200px;margin: 0 auto 30px;background:#3498db;text-align:center;transition:background 300ms linear, color 300ms linear, border 300ms linear;box-shadow:none;border:0;font-size:16px;border-radius:4px;font-weight:bold;color:#fff;}
#subm:hover,#c_rule:hover{background:#1c77b5;cursor:pointer;}
#email{width:80%;height:40px;font-size:15px;}
.inputArea{width:100% !important;display:block !important;}
.box-listing{font-size:14px;padding:0 0 0 0px;line-height:1.5em;margin-top: 30px;}
#security-guide li{float:left;margin-right:50px;}
.page{padding-bottom:20px;}
.red{color:#f33;}
.clearfix:after{content:"";display:block;clear:both;}
input[type=submit]{;-webkit-appearance: none;}
input[type=text],select{border:solid 1px #999;}
input[type=text]:focus,select:focus{border: 1px solid #4c8ffb;outline: 1px solid #4c8ffb;}

.copyright{color:#666;}
#form_process{width:100%;height:50px; no-repeat;background-size:100% 100% !important;margin-bottom:20px;}
#form_process li{width:19.3%;padding:2px 0 0 2.5%;float:left;height:50px;line-height:50px;text-align:center;font-size:20px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.p_double{line-height:22px !important;}
.tab,#car_urinomi,.legacyBrowser{display:none;}
.tab h3{margin-bottom:-1px;border:solid 1px #a7a7a7;}
input[type=checkbox],input[type=radio]{height:24px;width:24px;vertical-align:middle;}
input[type=text]{height:28px;font-size:14px;padding-left:4px;}
.chkbox{margin-right:15px;white-space:nowrap;}
.chkbox:hover{text-decoration:underline;cursor:pointer;}
.table-input-form div{padding:7px 10px;}
.table-input-form div.header{font-weight:bold;position:relative;}
li.inputList:after{content:" ";display:block;clear:both;width:0px;height:0px;}
.acc_bType{margin-top:10px;width:100%;}
.w100{width:100%;}
.w90{width:90px;}
.req{height: 20px;line-height: 20px;font-size: 12px;color: #fff;text-align: center;padding: 0 8px;border-radius: 4px;position: absolute;right: 6px;top: 18px;background: #e77;width: auto;min-width: 40px;white-space: nowrap;}
#back,#back2{font-size:15px;background:#ddd;padding:10px 20px;color:#777;font-weight:bold;border-radius:6px;}
#back{margin:-20px 0 10px;display:inline-block;}
#back2{margin:-20px 0 10px;display:inline-block;}
#back:hover,#back2:hover{transition:300ms;cursor:pointer;background:#bbb;}
#c_rule{width:400px !important;padding:20px 0;position:relative;}
#c_rule a{color:#fff;}
#c_rule a:before{content:"";display:block;width:37px;height:36px;position:absolute;top:50%;margin-top:-18px;left:13px;z-index:2;background:url(../img/cs_rule_check.png); background-position:0 0;}
#c_rule:hover a:before{background-position:0 -36px;}
#notice{border-radius:8px;padding:15px 30px;background:#ffe4e1;border:solid 1px #f77;margin-bottom:30px;text-align:center;}
#notice p{font-weight:bold;}
#notice li{border:solid 4px #fff;display:inline-block;width:250px;padding:10px 20px;text-align:center;font-weight:bold;font-size:20px;border-radius:8px;background:#f99;margin:0 10px;}
#notice li:hover{background:#f66;transition:400ms;cursor:pointer;}
#notice a li{color:#fff;}
#guarantee{display:none;width:100%;border:0;font-size:14px;padding:4px;color:#f00;}

#notice-top{border-radius:8px;padding:15px 30px;background:#a4e1ff;border:solid 1px #0c00cc;margin-bottom:30px;text-align:center;}
#notice-top p{font-weight:bold;}

.top-message {
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	text-align: center;
}

.top-message .message-title{
	margin: 0;
}

.top-message .message {
	
	font-size: 14px;
}

.top-info {
 font-size: 16px;
 margin-top:30px;
 margin-bottom: 30px;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
  text-align: left;
}
.top-info label{
  width:650px;
  display:block;
  position:relative;
  padding-left:1em;
}
.top-info label input{
  position:absolute;
  top:-5px;
  bottom:0;
  left:-14px;
}

.top-info a{font-weight:bold;}

.top-info .nocache {
  margin:0px 20px 0px 20px;
}

.top-info span {
  font-weight:bold;
  font-size: 16px;
}

.top-info-link {
 margin-bottom: 30px;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
  text-align: center;
}

.top-info-link ul{ width:650px;}
.top-info-link ul li{
 border:solid 2px #52A2C5;
 display:inline-block;
 width:400px;
 padding:8px 16px;
 text-align:center;
 font-weight:bold;
 font-size:21px;
 border-radius:8px;
 background:#3498db;
 margin:3px 3px 3px 3px;
}
.top-info-link ul li:hover{background:#1c77b5;transition:400ms;cursor:pointer;}


.top-info-link a{color:#fff;}

.top-service {
	margin: 0 auto;
	width: 100%;
	padding-bottom: 30px;
}

.top-service .top-message{
	font-size: 18px;
	text-align: center;
	margin-bottom: 0px;
	font-weight: bold;
}

.top-service ul.service-list {
	display:table;
	table-layout:fixed;
	width: 100%;
	background:#002f7b;
}


.top-service ul.service-list li {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:20%;
}

.top-service ul.service-list li.left-line {
	border-left: solid 1px #ffffff;
}

.top-service ul.service-list li.invalid {
	background: #808080;
}

.top-service ul.service-list li.effective:hover {
	background: #276fe2;
}

.top-service ul.service-list li.select {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:20%;
	background: #276fe2;
}

.top-service ul.service-list li:first-child {
	border:none;	
}
.top-service ul.service-list li p {
	padding: 20px 0px 0px 0px;
	display:block;
	text-decoration:none;
	color:white;
}

#ui-datepicker-div{margin-top:-30px;}
#ui-datepicker-div select{width:74px;}
#security-guide a{white-space:nowrap;}

@media only screen and (max-width: 768px), screen and (max-device-width: 736px){
h1{font-size:15px !important;line-height:1.5em !important;}
body,p,{font-size:18px;}
.box-listing{padding-left:0;font-size:16px;}
.box-listing li{line-height:2em;}
#email{width:100%;}
#subm{margin:15px auto 30px;}

.table-input-form li,.table-input-form div{display:block;}
.table-input-form div.header{width:100%;}
.req{top:10px;}
.nomob{display:none;}
.p_double{line-height:50px !important;}
#back,#back2{position:inherit;display:inline-block;margin:10px 0 20px;}
#notice li{width:100%;margin:15px auto;display:block;}
#c_rule{width:100% !important;}
#guarantee{font-size:16px;}
.chkbox{white-space:normal;}
}
.caution{font-size:22px;}

#subm2{padding: 12px 25px;font-size: 14px;display: block;width: 300px;margin: 0 auto 30px;background:#3498db;text-align:center;transition:background 300ms linear, color 300ms linear, border 300ms linear;box-shadow:none;border:0;font-size:16px;border-radius:4px;font-weight:bold;color:#fff;}
#subm2:hover:hover{background:#1c77b5;cursor:pointer;}
#subm2{margin:15px auto 30px;}