@charset "UTF-8";

strong {
	color: #dd0000;
	font-weight: bold;
}
input,
select {
	box-sizing: border-box;
}
.mb10 {
	margin-bottom: 10px;
}
/* header */
#header {
	padding: 10px;
	font-size: 0;
}

#header p {
	display: inline-block;
}

#header #logo-pri {
	font-size: 14px !important;
	font-weight: bold;
	max-width: 70%;
	margin-bottom: 0;
	padding-right: 10px;
	box-sizing: border-box;
}
#header #logo-pri img {
	display: block;
	height: auto;
	max-height: 40px;
	max-width: 100%;
	width: auto;
	float: right;
	box-sizing: border-box;
}

#header .area-logo {
	width: 30%;
	float: right;
	padding: 7px 0;
	text-align: right;
}
#header.normal .area-logo {
	padding: 0;
}

#header.cross > #logo-pri{
	width: 50%;
	padding: 7px 0;
	padding-right: 10px;
	box-sizing: border-box;
}

#header.cross .area-logo{
	width: 50%;
	display: table;
	max-width: 250px;
	padding: 0;
}

#header.cross .area-logo #logo-pri {
	width: 50%;
	vertical-align: middle;
	display: table-cell;
    padding: 7px 0;
	position: relative;
	padding-right: 25px;
}

#header.cross .area-logo #logo-sec {
	width: 30%;
	padding: 7px 0;
	vertical-align: middle;
	display: table-cell;
}
#header.hastext p+p:before,
#header.hastext p+p:after{
	content: '';
	display: block;
	width: 3px;
	height: 22px;
	background: #666;
	position: absolute;
	left: 12px;
	top: 25%;
}
#header.cross .area-logo p:first-child:before,
#header.cross .area-logo p:first-child:after {
	content: '';
	display: block;
	width: 3px;
	height: 17px;
	background: #666;
	position: absolute;
	right: 12px;
	top: 30%;
}

#header.cross .area-logo p:first-child:before,
#header.hastext p+p:before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#header.cross .area-logo p:first-child:after,
#header.hastext p+p:after{
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#header.normal > #logo-sec {
	float: right;
	width: 30%;
}
#header.hastext .area-logo {
	float: initial;
	text-align: right;
	width: 100%;
	padding-bottom: 0;
}
#header.hastext .area-logo #logo-pri {
	padding: 3px;
	vertical-align: middle;
	width: 68%;
}
#header.hastext .cross{
	padding: 10px 3px;
	vertical-align: middle;
	max-width: 30px;
}
#header.hastext .area-logo #logo-sec {
	padding: 10px 3px;
	vertical-align: middle;
	width: 100px;
	box-sizing: border-box;
	position: relative;
	padding-left: 30px;
}
/* mainVisual-02 */
#mainVisual-02 img {
	width: 100%;
}
#mainVisual-02 p.align-R {
	box-sizing: border-box;
	padding: 10px 8px;
}
/* contents-inner */
#contents-02 .contents-inner,
#contents-inner {
	padding: 20px 8px;
	background-color: #fdfbf7;
}
#contents-02 .contents-inner.bgw {
}
#contents-02 .contents-inner img,
#contents-inner img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	width: auto;
}
#contents-02 .contents-inner img[alt="1"],
#contents-02 .contents-inner img[alt="2"],
#contents-inner img[alt="1"],
#contents-inner img[alt="2"] {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

#contents-02 .contents-inner .note-form-01,
#contents-inner .note-form-01 {
	text-align: right;
	padding: 0 8px 15px;
}
#contents-02 .contents-inner > p,
#contents-02 .contents-inner > .column2,
#contents-inner > p,
#contents-inner > .column2,
#estimate .btn {
	text-align: center;
}
#estimate {
	display: block;
}
#estimate .main-label {
	display: block;
	background: #c00;
	padding: 5px;
	font-weight: bold;
	color: #FFF;
	font-size: 18px;
}
#estimate .description-label {
	color: #c00;
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
	display: block;
}
#contents-02 .contents-inner .param-cert,
#contents-inner .param-cert {
	display: block;
	text-align: center;
	position: static !important;
	padding: 10px 0;
	margin-bottom: 0;
}
#contents-02 .contents-inner p.align-C img,
#contents-inner p.align-C img {
	width: 100%;
}
/* box-estimate-01 */
.box-estimate-01 h2 {
	margin-bottom: 15px;
}

.box-estimate-01 .txt {
	margin-bottom: 10px;
}
.box-estimate-01 .txt img {
	display: block;
	margin: 0 auto;
}
.box-estimate-01 .txt br {
	display: none;
}
.box-estimate-01 .txt .note {
	display: block;
	margin-top: 10px;
	text-align: right;
}
.box-estimate-01 .param-cert {
	display: block;
	text-align: right;
}
/* box-subscribe-01 */
.box-subscribe-01 {
	display: inline-block;
	margin: 20px 8px;
	padding: 20px;
	border: 3px solid #1c3976;
	background-color: #fff;
}
.box-subscribe-01 .input-subscribe {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.box-subscribe-01 .input-area {
	margin-top: 10px;
	text-align: center;
}
.box-subscribe-01 .input-receiptcode {
	height: 30px;
	margin: 0 auto;
	width: 80%;
}
.box-subscribe-01 .param-cert {
	padding: 10px 8px 0;
	text-align: right;
}
.box-subscribe-01 h2 {
	margin-bottom: 10px;
}
.box-subscribe-01 .input-subscribe p img {
	display: block;
	margin: 0 auto;
}

/* box-form-01 */
.box-form-01 {
	border: 3px solid #1c3976;
	display: inline-block;
	padding: 15px 20px;
	background-color: #fff;
	margin: 20px 8px;
}
.box-form-01 select {
	background-color: #FFF;
	font-size: 11px;
	height: 30px;
	margin: 10px 0;
	display: block;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 40px;
	padding: 10px;
}

.box-form-01 .box-form-lead {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 1.6em;
}
.box-form-01 .input-area {
	margin-bottom: 10px;
	padding: 10px;
}
.box-form-01 .input-area.type-01 {
	background-color: #fad1ab;
}
.box-form-01 .input-area.type-02 {
	background-color: #abd2fa;
}
.box-form-01 .input-area .input-area-text {
	margin-bottom: 10px;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}
.box-form-01 .input-area.type-01 .input-area-text {
	background-color: #cc0000;
}
.box-form-01 .input-area.type-02 .input-area-text {
	background-color: #0073cc;
}
.box-form-01 .list-select-01 li {
	background-color: #fad1ab;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
}
.box-form-01 .list-select-02 li {
	background-color: #abd2fa;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
}
.box-form-01 input[name="receiptcode"] {
	display: block;
	height: 30px;
	margin: 10px auto;
	width: 100%;
}
.box-form-01 .param-cert {
	display: block;
	padding: 10px 0;
	text-align: right;
}
.box-form-01 .txt,
.box-form-01 .note,
.box-form-01 .card {
	margin-bottom: 10px;
}
.box-form-01 .card {
	text-align: center;
}
.box-form-01 .note span {
	display: block;
	text-align: right;
	margin-top: 10px;
}

.box-form-01 .box-note {
	position: relative;
}
#contents-02 .contents-inner .box-form-01 .box-note img,
#contents-inner .box-form-01 .box-note img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.box-form-01 .box-note .input {
	position: absolute;
	top: 50%;
	left: 6%;
	width: 80%;
	height: 30px;
	font-size: 120%;
}
/* mile */
.mile img {
	width: 100%;
}
.hdg2-01 {
	color: #ffffff;
	background-color: #fe850e;
	padding: 10px;
	border-left: 5px solid #ffcc00;
	margin: 20px 8px 10px;
	font-size: 1.5em;
}
.tbl-01 {
	border: 1px solid #cccccc;
	border-bottom: none;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 8px 15px;
}
.tbl-01 th {
	background-color: #fdf6e4;
	border-bottom: 1px solid #cccccc;
	padding: 8px 20px;
	text-align: left;
	vertical-align: top;
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.tbl-01 td {
	border-bottom: 1px solid #cccccc;
	padding: 15px 20px;
	vertical-align: top;
	display: block;
	width: 100%;
	box-sizing: border-box;
}
/* static */
#static .btn-estimate-01 {
	padding: 0 8px;
}
#static .btn-ul {
	background: #ffecda;
	padding: 10px 0;
}
#static .box-acco {
	display: none;
}
/* box-section_04 */
.box-section_04 {
	background: #eaeaea;
	padding-bottom: 15px;
}
.box-section_04 img {
	width: 100%;
}
.box-section_04 p {
	padding: 5px 8px 0;
}
.box-section_04 p.tel {
	padding: 10px;
}
.box-section_04 p.tel a {
	display: block;
}
.box-section_04 #box-cid {
	margin: 10px 8px 0;
}
.box-section_04 #box-cid dt {
	background-color: #777777;
	color: #ffffff;
	text-align: center;
	padding: 8px;
}
.box-section_04 #box-cid dd {
	background-color: #ffffff;
	color: #777777;
	text-align: center;
	padding: 8px 0;
}
/* box-company */
.box-company {
	padding: 10px 8px;
}
.box-company dt {
	border-bottom: 2px solid #b7b7b7;
	color: #555;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.box-company dd {
	margin-bottom: 15px;
}
/* footer */
footer {
	padding: 0 8px;
}
.image-layout.right > .image {
	float: right;
	margin: 0 0 10px 15px;
}
footer .nav > li {
	float: left;
	font-size: 90%;
	margin: 0 11px 3px 0;
	letter-spacing: -1px;
	line-height: 1.1;
	padding: 0;
}
footer #copyright {
	color: #333;
	font-size: 54%;
	margin: 0;
	padding: 5px;
	position: relative;
	text-align: center;
}
/* button-effect */
#reflection-img,
.reflection-img {
	position    :relative;
	overflow    :hidden;
	display: block;
}
#reflection-img {
	margin-top: 10px;
	margin-bottom: 10px;
}

#reflection-img .btn-estimate + img {
	display: none;
}
#reflection-img .btn-img {
	display: none;
}
#reflection-img > br,
.reflection-img > br {
	display: none;
}
.reflection {
	height      :100%;
	width       :30px;
	position    :absolute;
	top         :-180px;
	left        :0;
	background-color: #fff;
	opacity     :0;
	transform: rotate(45deg);
	animation: reflection 3s ease-in-out infinite;
	-webkit-transform: rotate(45deg);
	-webkit-animation: reflection 3s ease-in-out infinite;
	animation: reflection 3s ease-in-out infinite;
	-moz-transform: rotate(45deg);
	-moz-animation: reflection 3s ease-in-out infinite;
	-ms-transform: rotate(45deg);
	-ms-animation: reflection 3s ease-in-out infinite;
	-o-transform: rotate(45deg);
	-o-animation: reflection 3s ease-in-out infinite;
}

@keyframes reflection {
	0% { transform: scale(0) rotate(45deg); opacity: 0; }
	80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { transform: scale(4) rotate(45deg); opacity: 1; }
	100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
	0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
	0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
	0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}
#contents-02 .contents-inner em + em,
#contents-inner em + em {
	display: none !important;
}
/* modal */
.gc-modal-hidden {
	display: none !important;
}
.gc-modal-wrapper {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1000;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);
	padding: 15px 10px;
	overflow-y: scroll;
	height: auto !important;
}
.gc-modal-close {
	background-image: url('../img/ico_modal_close.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 45px 45px;
	height: 45px;
	margin: 0px 0px 10px;
}
.gc-modal-contents {
	background: #FFF;
	padding: 10px;
}
.gc-modal-contents img {
	width: 100%;
}
.gc-active-modal {
	position: fixed;
	top: 0;
}
/* movie */
#colorbox, #cboxOverlay, #cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
	-webkit-transform: translate3d(0,0,0);
}
#cboxOverlay {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
}
.cboxIframe {
	background: #fff;
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}
/* pagetop btn */
#fixedBtn {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 999;
}

#fixedBtn a {
	display: block;
	width: 50px;
	height: 40px;
	margin: 10px 0 0;
	padding: 10px 0 0;
	line-height: 1.2;
	font-size: 10px;
	background: #082B7C;
	color: #FFF;
	text-align: center;
	border-radius: 50px;
	border: #FFF 3px solid;
	box-shadow: 1px 1px 5px #666;
	text-decoration: none;
}

#fixedBtn a:hover {
	text-decoration: none;
}

#fixedBtn a i {
	font-size: 14px;
	margin-bottom: 2px;
}

#fixedBtn a.pageTop {
	height: 48px;
	padding-top: 2px;
	background: #656565;
}
.fa-automobile:before, .fa-car:before {
	content: "\f1b9";
}
.fa-chevron-up:before {
	content: "\f077";
}
.hide {
	display: none;
}
.newBtn {
	border: 1px solid #fff;
	background: #214286;
	background: -webkit-linear-gradient(top, #214286 7%, #1a3367 77%);
	background: linear-gradient(to bottom, #214286 7%, #1a3367 77%);
	border-radius: 4px;
	padding: 20px 50px 20px 23px;
	position: relative;
	display: block;
	color: #fff!important;
	text-decoration: none!important;
	font-weight: bold;
	text-align: center;
	font-size: 215%;
}
.newBtn:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 20px;
	height: 100%;
	margin-top: -9px;
	overflow: hidden;
	background: url(/sp/otona/ldp/top/images/icon-sprite.png) no-repeat 0 0;
	-moz-background-size: 75px 75px;
	-webkit-background-size: 75px 75px;
	background-size: 75px 75px;
	background-size: 75px 75px;
	background-size: 75px 75px;
}

.newBtn span {
	display: block;
}
.lightBox {
	margin-bottom: 10px;
	display: block;
}
#contents-02 .contents-inner img.mb10,
#contents-inner img.mb10  {
	margin-bottom: 10px;
}

/* ƒŠƒZƒbƒg
-------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section{
	display:block;
}
ul, ol, li{
	list-style:none;
}
img{
	vertical-align:bottom;
	width: 100%;
}
del{
	text-decoration:line-through;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
hr, legend{
	display:none;
}
input, select{
	vertical-align:middle;
}
body {
	color: #333333;
	font-family: "Hiragino Kaku Gothic ProN", "ƒqƒ‰ƒMƒmŠpƒS ProN W3", sans-serif;
	font-size: 12px;
	line-height: 1.429;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	text-size-adjust: none;
}
/* tab */
.tab_head,
.tab_foot {
	font-size: 0;
}
.tab_head > div,
.tab_foot > div {
	width: 50%;
	display: inline-block;
}
.tab1,
.tab2 {
	display: none;
}
.tab1.active,
.tab2.active {
	display: block;
}
.image-layout{
	margin:0 0 15px;
}

.image-layout:after{
	content:"";
	display:block;
	clear:both;
}

.image-layout > .image > p{
	margin:0;
}

.image-layout.left > .image{
	float:left;
	margin:0 15px 10px 0;
}

.image-layout.right > .image{
	float:right;
	width: 44.41315%;
	margin-top: 1%;
}
footer{
	padding:0 8px;
}

footer .nav > li{
	float:left;
	margin:0 11px 3px 0;
	font-size: 12px;
	letter-spacing:-1px;
	line-height:1.1;
	padding:0;
}

footer .nav > li > a{
	white-space:nowrap;
	color:#333!important;
	text-decoration:underline;
}

footer #copyright{
	position:relative;
	margin:0;
	padding:5px;
	font-size:54%;
	text-align:center;
	color:#333;
}
#content-end{
	margin:0 0 15px;
	background-color:#d9d9d9;
	font-size:10px;
	text-align:center;
	line-height:1.1;
}

#content-end > a{
	display:block;
	position:relative;
	padding:20px 10px 6px;
	color:#333!important;
	text-decoration:none!important;
}

#content-end > a:before{
	content:"";
	display:block;
	position:absolute;
	top:6px;
	right:50%;
	margin-right:-14px;
	width:27px;
	height:9px;
	overflow:hidden;
	background:url("../img/icon-nav.png") no-repeat -65px 0;
	-moz-background-size:250px 20px;
	-webkit-background-size: 250px 20px;
	background-size: 250px 20px;
	background-size: 250px 20px;
	background-size:250px 20px;
}

.static_02 {
}
.static_02 .tab_head {
}
.static_02 .tab_foot {
	margin-top: 30px;
}
#static .bnr {
	padding: 10px;
	box-sizing: border-box;
}
#static .bnr img:first-child {
	margin-bottom: 15px;
}
#static .attention {
	background: #fd7900;
	color: #FFF;
	padding: 15px 20px;
}
#static .attention ul {
	font-size: 0;
}
#static .attention ul p {
	font-size: 12px;
}
#static .attention li {
	margin-bottom: 5px;
}
#static .attention li p:first-child {
	display: inline-block;
	width: 10%;
	vertical-align: top;
}
#static .attention li p:last-child {
	display: inline-block;
	width: 90%;
	line-height: 1.8;
}
#static .attention > p {
	text-align: right;
}
#static .btn_area {
	margin-top: 35px;
}
#static .btn_area li:last-child {
	margin-top: 10px;
	text-align: center;
}
.btn-estimate-03 a{
	border:1px solid #fff;
	background:#214286;
	background:-webkit-linear-gradient(top, #d90016 7%, #bf0013 77%);
	background:linear-gradient(to bottom, #d90016 7%, #bf0013 77%);
	border-radius:4px;
	padding:20px 10px;
	position: relative;
	display:block;
	color:#fff!important;
	text-decoration:none!important;
	font-weight:bold;
	text-align:center;
	font-size:215%;
}

.btn-estimate-03{
	line-height:1;
	padding: 0 8px;
}

.btn-estimate-03 .sub-txt{
	font-size:50%;
}
#static .static_04 {
	background-color: #fdfbf7;
}
.list-blt-01 ol,
.list-blt-01 ol li {
	list-style-type: decimal;
}
.list-blt-01 ol li {
	margin-left: 20px;
}