@charset "UTF-8";

@media screen and (max-width: 979px){

.pc {display: none !important;}
.sp {display: block !important;}


/* Reset
------------------------------------------------------------ */

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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

/* Common
------------------------------------------------------------ */

html {
	font-size: 100%;
    overflow-y: scroll;
    margin: 0;
    width: 100%;
}

body {
	background: #fafafa;
	color: #444;
	font-family: 'メイリオ',Meiryo,"Hiragino kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.1em;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    width: 100%;
}

a {
    color: #444;
    outline: medium none;
    overflow: hidden;
    text-decoration: none;
}

a:visited {
    outline: medium none;
}

a:focus {
    outline: medium none;
    overflow: hidden;
}

a:active, a:hover {
    outline: medium none;
}

a:hover {
	color: #888;
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    line-height: 1em;
    margin: 0;
}

h1 {
}

h2 {
	font-size: 15px;
	padding-bottom: 5px;
    margin-bottom: 15px;
}

h3 {
    padding-bottom: 5px;
    margin-bottom: 10px;
}

h4 {
}

h5 {
}

h6 {
}

address {
    font-style: italic;
    margin: 0 0 24px;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: none repeat scroll 0 0 #FFFF00;
    color: #000000;
}

p {
    line-height: 2em;
    margin: 0 0 30px;
}

code, kbd, pre, samp {
    -moz-hyphens: none;
    font-family: monospace,serif;
    font-size: 14px;
}

pre {
    background: none repeat scroll 0 0 #F5F5F5;
    color: #666666;
    font-family: monospace;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

blockquote, q {
    -moz-hyphens: none;
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}

blockquote {
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 24px 40px;
}

blockquote blockquote {
    margin-right: 0;
}

blockquote cite, blockquote small {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

blockquote em, blockquote i {
    font-style: normal;
    font-weight: 300;
}

blockquote strong, blockquote b {
    font-weight: 400;
}

small {
    font-size: smaller;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

dl {
    margin: 0 0 30px;
}

dt {
    font-weight: bold;
    margin: 0 0 5px;
}

dd {
    margin: 0 0 5px;
}

menu, ol, ul {
    margin: 0;
    padding: 0;
}

ul {
    list-style-type: none;
}

img {
    border: 0 none;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

.clear {
	clear: both;
}

/* Micro Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


.attention {
	color: #d23511;
}


/* Header
------------------------------------------------------------ */

/* Header */
header {
	background: url("images/bg_header.gif") repeat-x scroll 0 0 #fff;
	padding-top: 5px;
}

#header {
	background: #fff;
	padding: 10px 10px 0;
	border-bottom: 3px solid #ed6d18;
}

#header .description {
	font-size: 8px;
	margin-bottom: 10px;
}

#header h1 img {
	float: left;
	padding: 10px 0 0;
	margin: 0 0 15px 0;
	width: 190px;
}

#header .header_info {
	display: none;
}



/* Navigation */
nav {
	display: none;
}



#header .btn_pc {
	display: block;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 44px;
	height: 44px;
	z-index: 9999;
}

#header .btn_menu img {
	float: right;
	margin-bottom: 10px;
}


/* Navigation */
#header .btn_menu {
	cursor:pointer;
}

#header .dropdown_item {
	position: relative;
}

#header .dropdown_item > ul {
	position:absolute;
	display: none;
	list-style:none;
	top: 44px;
	margin:0;
	padding:0;
	width:100%;
	z-index: 9000;
}

#header .dropdown_item > ul li
{
	background-color: rgba(0,0,0,0.8);
	border-bottom: 1px solid #999;
	color: #fff;
	padding: 10px;
	font-size: 12px;
}

#header .dropdown_item > ul li a {
	display:block;
	text-decoration: none;
	color: #fff;
}



/* Main Image */
#main_image {
	clear: both;
	margin-bottom: 40px;
}



/** RESET AND LAYOUT
===================================*/
#main_image .bx-wrapper {
	position: relative;
	*zoom: 0;
}

#main_image .bx-wrapper li {
	margin: 0 auto;
	text-align: center;
}

#main_image .bx-wrapper img {
	max-width: 100%;
	width: 100%;
	display: block;
	margin: 0 auto;
}



/** THEME
===================================*/
#main_image .bx-wrapper .bx-viewport {
	position: relative;
}

#main_image .bx-wrapper .bx-pager,
#main_image .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
	z-index: 2000;
}

/* LOADER */

#main_image .bx-wrapper .bx-loading {
	min-height: 50px;
	background: url("images/bx_loader.gif") center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

#main_image .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

#main_image .bx-wrapper .bx-pager .bx-pager-item,
#main_image .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

#main_image .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 14px;
	height: 14px;
	margin: 0 8px;
	outline: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

#main_image .bx-wrapper .bx-pager.bx-default-pager a:hover,
#main_image .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ee782a;
}

/* DIRECTION CONTROLS (NEXT / PREV) */


#main_image .bx-wrapper .bx-prev:hover {

}

#main_image .bx-wrapper .bx-next:hover {
}

#main_image .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -24px;
	cursor: pointer;
	outline: 0;
	width: 44px;
	height: 44px;
	text-indent: -9999px;
	z-index: 9999;
}

#main_image .bx-wrapper .bx-controls-direction a:hover {
	opacity: 0.9;
}

#main_image .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

#main_image .bx-wrapper .bx-controls-auto {
	text-align: center;
}

#main_image .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

#main_image .bx-wrapper .bx-controls-auto .bx-start:hover,
#main_image .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

#main_image .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

#main_image .bx-wrapper .bx-controls-auto .bx-stop:hover,
#main_image .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

#main_image .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

#main_image .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

#main_image .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

#main_image .bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


/* Contact Banner */
.contact_banner_wrap {
	clear: both;
	padding: 0 10px;
	margin-bottom: 30px;
}

.contact_banner {
	border: 5px solid #f9d388;
	background: url("images/bg_contact_banner.png") repeat 0 0;
	padding: 10px;
	text-align: center;
}
.contact_banner p {
	margin-bottom: 8px;
}


/* Layout
------------------------------------------------------------ */

/* Container */

#container {
	clear: both;
	margin: 0 auto;
	padding: 0 10px;
}

/* Main Area */

#main {
}

/* Sidebar */

#sidebar {
	display: none;
}


/* Contents */



/* Side Area
------------------------------------------------------------ */

/* Common */ 

#sidebar .side_staff,
#sidebar .side_credit,
#sidebar .side_faq,
#sidebar .fb-like-box {
	background: #fff;
	border-bottom: 1px solid #dadada;
	margin-bottom: 20px;
}

#sidebar .fb-like-box {
	height: 271px;
}

/* Staff */ 

#sidebar .side_staff {
	font-size: 11px;
}

#sidebar .side_staff img {
	display: block;
	margin: 0 0 10px;
}

#sidebar .side_staff p {
	color: #8e8e8e;
	padding: 0 10px;
	margin-bottom: 15px;
}

#sidebar .side_staff p.link {
	margin-bottom: 10px;
	text-align: right;
	padding-right: 10px;
}

#sidebar .side_staff a {
	background: url("images/icon_arrow1.gif") no-repeat 0 50%;
	padding-left: 15px;
}


/* Credit */
#sidebar .side_credit h3 {
	background: #3ca5e6;
	color: #fff;
	font-size: 14px;
	letter-spacing: 0.2em;
	padding: 10px 12px 8px;
	margin-bottom: 15px;
}
#sidebar .side_credit img {
	display: block;
	margin: 0 auto 13px;
}
#sidebar .side_credit p.link {
	margin-bottom: 10px;
	text-align: right;
	padding-right: 10px;
}
#sidebar .side_credit a {
	background: url("images/icon_arrow1.gif") no-repeat 0 50%;
	padding-left: 15px;
}


/* Q&A */
#sidebar .side_faq {
	background: url("images/sidebar_faq.jpg") no-repeat 0 0;
	height: 133px;
	width: 100%;
}
#sidebar .side_faq_inner {
	padding-top: 103px;
}
#sidebar .side_faq p.link {
	background: url("images/bg_side_faq.png") repeat 0 0;
	height: 30px;
	line-height: 33px;
	text-align: right;
	margin: 0;
}
#sidebar .side_faq a {
	background: url("images/icon_arrow1.gif") no-repeat 0 50%;
	padding-left: 15px;
	padding-right: 10px;
}


/* side calender */
#sidebar #side_calender {
	background: #fff;
	margin-bottom: 50px;
	border: 1px solid #dadada;
}
#sidebar #side_calender h3 {
	background: #f4f4f4;
	border-bottom: 1px solid #dadada;
	font-size: 14px;
	padding: 12px 15px 10px 15px;
	margin-bottom: 15px;
}
#sidebar #side_calender #side_calender_inner {
	margin: 0 15px 5px 15px;
}



/* Contents Area
------------------------------------------------------------ */

/* Title */
#contents h2 {
	border-bottom: 1px solid #dadada;
	border-top: 2px solid #f56c11;
	background: url("images/bg_h2.gif") no-repeat 17px 50% #f4f4f4;
	font-size: 18px;
	padding: 17px 10px 13px 35px;
	margin: 35px 0 20px;
}


/* Bread Navi */

.breadcrumbs {
	clear: both;
	padding-top: 10px;
	margin-bottom: 10px;
	font-size: 11px;
}

/* Pager */
#contents .pager {
	clear: both;
	padding-top: 50px;
	margin-bottom: 30px;
	text-align: right;
}

#contents .pager span {
	border: 1px solid #8b8b8b;
	padding: 3px 7px 2px;
	margin: 0 2px;
}

#contents .pager span.current {
	background: #8b8b8b;
	color: #fff;
}

#contents .pager a {
	text-decoration: none;
	border: 1px solid #8b8b8b;
	padding: 3px 7px 2px;
	margin: 0 2px;
}

#contents .pager a:hover {
	background: #8b8b8b;
	color: #fff;
}

#contents .navigation {
	margin-bottom: 50px;
	text-align: right;
}

#contents .navigation a {
	border: 1px solid #8b8b8b;
	padding: 3px 7px 2px;
	margin: 0 2px;
}

#contents .navigation a:hover {
	background: #8b8b8b;
	color: #fff;
	text-decoration: none;
}


/* Common */
#contents .main_title {
	margin-bottom: 18px;
	text-align: center;
}


#contents #box1,
#contents #box2,
#contents #box3,
#contents #box4 {
	margin-top: -40px;
	padding-top: 40px;
}

#contents .pagetop {
	clear: both;
	text-align: right;
}

#contents .pagetop a {
	background: url("images/pagetop_arrow.gif") no-repeat 0 50%;
	padding: 3px 0 3px 20px;
}

#contents .page_link {
	text-align: center;
}

#contents .page_link a {
	display: block;
	margin-bottom: 10px;
}

#contents .contact_area {
	display: none;
}

/* Top Page */
#toppage .inspection_banner {
	margin-bottom: 20px;
}

#toppage .inspection_banner a {
	display: block;
	margin-bottom: 10px;
}
#toppage .inspection_banner a:last-of-type {
	margin-top: 10px;
}

#toppage .inspection_banner img {
	width: 100%;
}

#toppage .top_motto img {
	margin: 0 auto 10px;
	display: block;
}

#toppage .top_check a {
	text-align: center;
	display: block;
	margin-bottom: 50px;
}


#top_news {
	background: #fff;
	margin-bottom: 20px;
	border: 1px solid #dadada;
}
#top_news h3 {
	background: #f4f4f4;
	border-bottom: 1px solid #dadada;
	font-size: 14px;
	padding: 12px 15px 10px 15px;
	margin-bottom: 15px;
}
#top_news #top_news_inner {
	padding: 0 18px 0;
	height: 262px;
	overflow: auto;
}
#top_news dl {
	margin: 0 0 15px 0;
	border-bottom: 1px dotted #808080;
}
#top_news dl dt {
	float: left;
	width: 85px;
	color: #f56c11;
	font-size: 11px;
	padding: 0 0 15px 0;
}
#top_news dl dd {
	font-size: 11px;
	padding: 0 0 15px 90px;
}
#top_news dl dd a {
	text-decoration: underline;
}
#top_news dl dd a:hover {
	text-decoration: none;
}
#top_news dl dd p:last-child {
	margin: 0;
}


#top_calender {
	background: #fff;
	margin-bottom: 20px;
	border: 1px solid #dadada;
}
#top_calender h3 {
	background: #f4f4f4;
	border-bottom: 1px solid #dadada;
	font-size: 14px;
	padding: 12px 15px 10px 15px;
	margin-bottom: 15px;
}
#top_calender #top_calender_inner {
	margin: 0 15px 5px 15px;
}



/* Case */
#case_detail .data {
	margin-bottom: 25px;
}
#case_detail .data table {
	border: none;
	width: 100%;
}
#case_detail .data table th,
#case_detail .data table td {
	background: #eeeeee;
	border-bottom: 4px solid #fafafa;
	font-size: 14px;
	vertical-align: top;
}
#case_detail .data table th {
	font-weight: bold;
	padding: 13px 24px 12px 17px;
	text-align: left;
	width: 35%;
}
#case_detail .data table td {
	padding: 13px 0 12px;
}
#case_detail .data table .data1,
#case_detail .data table .data2,
#case_detail .data table .data3 {
	height: 28px;
	vertical-align: middle;
}

#case_detail .photo {
	text-align: center;
	margin-bottom: 20px;
}

#case_detail h3 {
	background: url("images/icon_mechanic.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #bfbfbf;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 5px 0 10px 38px;
}

#case_list .case_list_comment {
	font-weight: bold;
	font-size: 13px;
}

#case_list .archive-post {
	border-top: 1px solid #eb6710;
	border-bottom: 1px solid #d3d3d3;
	background: #f5f4f2;
	margin: 0 auto 20px;
}
#case_list .archive-inner {
	padding: 10px;
}

#case_list .archive-post img {
	display: block;
	margin-bottom: 15px;
}
#case_list .archive-post a img {
	width: 100%;
}
#case_list .archive-post h3 {
	font-size: 18px;
	margin-bottom: 5px;
}
#case_list .archive-post table {
	margin-bottom: 10px;
}
#case_list .archive-post table th,
#case_list .archive-post table td {
	color: #6e6e6e;
	font-weight: normal;
	padding: 0 12px 2px 0;
	text-align: left;
}


#case_list .archive-post .more-link {
    background: #fff;
    border: 1px dotted #a1a19f;
    text-align: center;
    line-height: 28px;
    height: 28px;
    margin-bottom: 0;
    display: block;
    width: 100%;
}
#case_list .archive-post .more-link:hover {
    border: 1px solid #000;
}
#case_list .archive-post .more-link a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #909090;
    text-decoration: none;
    position: relative;
}
#case_list .archive-post .more-link a::before {
    content: "";
    background: url("images/icon_arrow5.gif") no-repeat center center;
    width: 7px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
}



/* Tenken */
#tenken_detail .photo {
	margin-bottom: 30px;
	text-align: center;
}
#tenken_detail .photo img {
	width: 100%;
}

#tenken_list .archive-post h3 {
	background: url("images/icon_arrow6.gif") no-repeat 18px 50%;
	font-size: 15px;
	font-weight: normal;
	padding: 14px 46px;
	margin: 0;
}
#tenken_list .archive-post:nth-child(odd) h3 {
	background-color: #f2f2f2;
}


#tenken .archive-post {
	border-top: 1px solid #eb6710;
	border-bottom: 1px solid #d3d3d3;
	background: #f5f4f2;
	margin: 0 auto 20px;
}
#tenken .archive-inner {
	padding: 10px;
}

#tenken .archive-post h3 {
	font-size: 18px;
	margin-bottom: 13px;
}

#tenken .archive-post img {
	display: block;
	margin-bottom: 15px;
}

#tenken .archive-post a img {
	width: 100%;
}
#tenken .archive-post .check img {
	margin-bottom: 12px;
}


#tenken .archive-post .more-link {
    background: #fff;
    border: 1px dotted #a1a19f;
    text-align: center;
    line-height: 28px;
    height: 28px;
    margin-bottom: 0;
    display: block;
    width: 100%;
}
#tenken .archive-post .more-link:hover {
    border: 1px solid #000;
}
#tenken .archive-post .more-link a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #909090;
    text-decoration: none;
    position: relative;
}
#tenken .archive-post .more-link a::before {
    content: "";
    background: url("images/icon_arrow5.gif") no-repeat center center;
    width: 7px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
}



/* Contact */
#contact p.attention {
	margin-bottom: 10px;
}
#contact span.attention {
	margin-left: 3px;
}

#contact table {
	width: 100%;
	margin-bottom: 20px;
}
#contact table th {
	border-right: solid #fafafa 3px;
	padding: 20px 10px;
	text-align: left;
	width: 80px;
    vertical-align: top;
}
#contact table td {
	padding: 10px 10px;
}
#contact table th.odd,
#contact table td.odd {
	background: #f1f1f1;
}


#contact td input,
#contact td textarea {
    box-shadow: 1px 4px 6px -6px rgba(0, 0, 0, 0.5) inset;
    font-size: 12px;
}


#contact td select {
	padding: 9px;
	border: 1px solid #C7C7C7;
}

#contact td input[name="your-caryear"],
#contact td input[name="your-carname"],
#contact td input[name="your-fax"],
#contact td input[name="your-tel"],
#contact td input[name="your-address"],
#contact td input[name="your-email"],
#contact td input[name="your-company"],
#contact td input[name="your-kana"],
#contact td input[name="your-name"] {
	width: 80%;
	padding: 9px;
	border: 1px solid #C7C7C7;
	font-size: 16px;
}
#contact td input[name="your-caryear"]:focus,
#contact td input[name="your-carname"]:focus,
#contact td input[name="your-fax"]:focus,
#contact td input[name="your-tel"]:focus,
#contact td input[name="your-address"]:focus,
#contact td input[name="your-email"]:focus,
#contact td input[name="your-company"]:focus,
#contact td input[name="your-kana"]:focus,
#contact td input[name="your-name"]:focus {
	border: 1px solid #272727;
	outline: 0;
}

#contact td textarea[name="your-message"] {
	width: 80%;
	padding: 9px;
	height: 160px;
	border: 1px solid #C7C7C7;
	font-size: 16px;
}
#contact td textarea[name="your-message"]:focus {
	border: 1px solid #272727;
	outline: 0;
}

div.wpcf7 .wpcf7-spinner {
	display: block;
}


#contact .check_policy {
    text-align: center;
    font-size: 11px;
    margin-bottom: 10px;
}
#contact .check_policy input {
	vertical-align: top;
}


#contact .btn_form {
    text-align: center;
}
#contact .btn_form input {
    background: url("images/contact_btn_bg_sp.gif") no-repeat 0 0;
    border: medium none;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-align: center;
    cursor: pointer;
    width: 130px;
}
#contact .btn_form input:hover {
	background: url("images/contact_btn_bg_sp_on.gif") no-repeat 0 0;
}

#contact span.customSelect {
    border: 1px solid #c9c9c9;
    height: 30px;
    line-height: 30px;
}
#contact span.customSelect span {
    background: url("images/icon_arrow4.gif") no-repeat scroll 95% 50% #fff;
    display: block;
    padding: 0 22px 0 9px;
}



/* contact-confirm */
#contact-confirm p.attention {
	margin-bottom: 10px;
}
#contact-confirm span.attention {
	margin-left: 3px;
}

#contact-confirm table {
	width: 100%;
	margin-bottom: 20px;
}
#contact-confirm table th {
	border-right: solid #fafafa 3px;
	padding: 20px 10px;
	text-align: left;
	width: 80px;
    vertical-align: top;
}
#contact-confirm table td {
	padding: 20px 10px;
}
#contact-confirm table th.odd,
#contact-confirm table td.odd {
	background: #f1f1f1;
}


#contact-confirm .check_policy {
    text-align: center;
    font-size: 11px;
    margin-bottom: 10px;
}
#contact-confirm .check_policy input {
	vertical-align: top;
}


#contact-confirm .btn_form {
    text-align: center;
}
#contact-confirm .btn_form input {
    background: url("images/contact_btn_bg_sp.gif") no-repeat 0 0;
    border: medium none;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-align: center;
    cursor: pointer;
    width: 130px;
}
#contact-confirm .btn_form input:hover {
	background: url("images/contact_btn_bg_sp_on.gif") no-repeat 0 0;
}



/* Company */
#contents #company .page_link a {
	float: left;
	margin: 0 5% 10px;
	width: 40%;
}


#company #box1 table {
	width: 100%;
}

#company #box1 table th {
	text-align: left;
	font-weight: normal;
	padding: 8px 18px;
	width: 25%;
}

#company #box1 table td {
	padding: 8px 18px;
}

#company #box1 table th.odd,
#company #box1 table td.odd {
	background: #f1f1f1;
}

#company .left {
	display: block;
	margin: 0 auto 10px;
}

#company .right {
	padding: 0 10px;
}

#company .english_name {
	color: #9d9d9d;
	font-size: 11px;
	line-height: 1;
	margin-bottom: 8px;
}

#company .name {
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
}

#company dl {
	margin-bottom: 15px;
}

#company dl dd {
	margin-bottom: 3px;
}

#company .introduce {
	margin-bottom: 5px;
}

#company .introduce span {
	background: #747474;
	color: #fff;
	font-size: 11px;
	padding: 3px 7px 2px 7px;
}

#company #box3 .cf {
	margin-bottom: 40px;
}

.googlemap {
position: relative;
padding-bottom: 75%; // これが縦横比
height: 0;
overflow: hidden;
}
.googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}



/* Flow */
#flow .flow_image {
	margin-bottom: 40px;
}

#flow .flow_image img {
	display: block;
	margin: 0 auto;
	width: fit-content;
}

#flow .flow_image .flow_btn {
	position: relative;
	width: fit-content;
	margin: 0 auto;
}

#flow .flow_image .flow_btn a {
	display: block;
	position: absolute;
	top: 12%;
	right: 2%;
}
#flow .flow_image .flow_btn a img {
	width: 17vw;
	max-width: 124px;
}

#flow h3 {
	border-bottom: 1px dotted #afafaf;
	clear: none;
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#flow .left {
	display: block;
	margin: 0 auto 20px;
}

#flow dl {
	border-left: 3px solid #c3c3c3;
	margin: 0 10px 30px;
	padding: 4px 0px 4px 10px;
}

#flow dl dt {
	font-size: 22px;
	margin-bottom: 4px;
}

#flow dl dt span {
	font-size: 17px;
	margin-left: 15px;
}

#flow dl dd {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.8;
}



/* Insurance */
#insurance .insurance_map {
	margin-bottom: 40px;
}
#insurance .insurance_map h3 {
	font-size: 18px;
	margin-bottom: 30px;
}
#insurance .insurance_map figure {
	text-align: center;
}
#insurance .insurance_txt {
	font-size: 18px;
	margin-bottom: 8px;
}
#insurance .insurance_box h3 {
	border-bottom: 1px dotted #afafaf;
	clear: none;
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#insurance .left {
	display: block;
	margin: 0 auto 20px;
}
#insurance .insurance_nissei {
	font-size: 14px;
	margin-bottom: 20px;
}
#insurance .insurance_nissei_link {
	background: url("images/icon_arrow2.gif") no-repeat 100% 50%;
	font-size: 14px;
	text-decoration: none;
	padding-right: 25px;
}



/* Pay */
#pay .pay_box .left{
	display: block;
	margin: 0 auto 20px;
}

#pay .pay_box h3 {
	border-bottom: 1px dotted #afafaf;
	clear: none;
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}



/* Service */
#service .service_car {}
#service .service_car.right {
	margin-right: 0;
	float: none;
}
#service .service_car .car_name {
	background: url("images/icon_arrow3.gif") no-repeat 0 50%;
	font-size: 15px;
	font-weight: bold;
	padding-left: 23px;
	margin-bottom: 5px;
}
#service .service_car img {
	display: block;
	margin: 0 auto 10px;
}
#service .service_car p {
	font-size: 13px;
}

#service .service_box h3 {
	border-bottom: 1px dotted #afafaf;
	clear: none;
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#service .service_box .left {
	display: block;
	margin: 0 auto 20px;
}

#service .service_map {
	text-align: center;
}
#service .service_map img {
	margin-bottom: 10px;
	text-align: center;
}
#service .service_map p {
	margin-bottom: 10px;
	text-align: left;
}



/* Maintenance */
#maintenance .maintenance_bold {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

#maintenance .maintenance_image {
	margin-bottom: 20px;
}

#maintenance .maintenance_image img {
	display: block;
	margin: 0 auto 20px;
}



/* Q&A */
#faq dl {
	padding: 20px;
	margin-bottom: 30px;
}
#faq dl.even {
	background: #f4f4f4;
}
#faq dl dt {
	background: url("images/icon_q.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 3px 0 3px 35px;
}
#faq dl dd {
	background: url("images/icon_a.gif") no-repeat scroll 1px 0 rgba(0, 0, 0, 0);
    font-size: 14px;
    line-height: 1.8em;
    padding: 3px 0 3px 35px;
}



/* Syaken */
#syaken .main_title {
	margin-bottom: 30px;
}
#syaken .syaken_box .left {
	display: block;
	margin: 0 auto 20px;
}
#syaken .syaken_promise .syaken_promise_txt {
	border-top: 5px solid #f6904c;
	padding: 18px 0 0 10px;
	margin-bottom: 37px;
}
#syaken .syaken_promise_image img {
	display: block;
	margin: 0 auto 20px;
}



.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: black;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	display: none;
}

.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-weight: normal;
}
.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.lightbox a img {
	border: none;
}

.lb-outerContainer {
	position: relative;
	background-color: white;
	width: 340px;
	height: 340px;
	*zoom: 1;
	margin: 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}
.lb-container {
	padding: 4px;
}
.lb-loader {
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url("images/loading.gif") no-repeat;
}
.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

.lb-container > .nav {
	left: 0;
}
.lb-nav a {
	outline: none;
	background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
	height: 100%;
	cursor: pointer;
	display: block;
}
.lb-nav a.lb-prev {
	width: 34%;
	left: 0;
	float: left;
	background: url("images/prev.png") left 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
.lb-nav a.lb-next {
	width: 64%;
	right: 0;
	float: right;
	background: url("images/next.png") right 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
	*zoom: 1;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both;
}
.lb-data {
	padding: 0 4px;
	color: #ccc;
}
.lb-data .lb-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em;
}
.lb-data .lb-caption {
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}
.lb-data .lb-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999999;
}
.lb-data .lb-close {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url("images/close.png") top right no-repeat;
	text-align: right;
	outline: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}



/* Sitemap */
#sitemap ul {
	background: url("images/dot_line2.gif") repeat-x scroll 0 0% rgba(0, 0, 0, 0);
	padding-top: 10px;
}
#sitemap li {
	background: url("images/dot_line2.gif") repeat-x scroll 0 100% rgba(0, 0, 0, 0);
	padding: 0 0 10px;
	margin-bottom: 10px;
}



/* 404 Not Found
------------------------------------------------------------ */
#notfound {
	margin: 0 0 80px 0;
}
#notfound p.txt {}
#notfound p.txt:last-child {
	margin: 0;
}
#notfound p.btn a {
	color: #ED6D18;
	font-size: 14px;
	font-weight: 700;
	line-height: 48px;
	text-align: center;
	background: #fff;
	width: 240px;
	margin: 0 auto;
	border: 1px solid #ED6D18;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	display: block;
	position: relative;
}
#notfound p.btn a:hover {
	color: #fff;
	text-decoration: none;
	background: #ED6D18;
}


#news_archive {}
#news_archive dl {
	margin: 0 0 15px 0;
	border-bottom: 1px dotted #808080;
}
#news_archive dl dt {
	float: left;
	width: 85px;
	color: #f56c11;
	font-size: 11px;
	padding: 0 0 15px 0;
}
#news_archive dl dd {
	font-size: 11px;
	padding: 0 0 15px 90px;
}
#news_archive dl dd a {
	text-decoration: underline;
}
#news_archive dl dd a:hover {
	text-decoration: none;
}
#news_archive dl dd p:last-child {
	margin: 0;
}



/* Footer Area
------------------------------------------------------------ */

/* Common */
footer {
	clear: both;
	width: 100%;
}
footer {
	clear: both;
	width: 100%;
}
/* Page Top */
#footer .pagetop {
	display: none;
}


#footer_info {
	display: none;
}
#footer_nav {
	display: none;
}



#footer .credit_image {
	padding: 0 10px;
	margin-bottom: 30px;
}
#footer .credit_image img {
	width: 100%;
}


/* Footer Menu */
#footer .footer_menu {
	background: #545454;
	border-top: 1px solid #808080;
	width: 100%;
}
#footer .footer_menu td {
	border-right: 1px solid #808080;
	margin: 0;
	text-align: center;
	width: 50%;
	vertical-align: middle;
}
#footer .footer_menu td.right {
	border: none;
}
#footer .footer_menu td a {
	color: #fff;
	padding: 10px;
	display: block;
}


/* Footer Copyright */

#footer .copyright {
	background: #000;
	clear: both;
	font-style: normal;
	margin-bottom: 0;
	text-align: center;
	width: 100%;
} 

#footer .copyright p {
	color: #fff;
	font-size: 10px;
	padding: 10px;
	margin-bottom: 0;
}

#footer .copyright p a {
	color: #fff;
}


/* 以下レスポンシブ　記述終了用　削除禁止
------------------------------------------------------------ */
}
