@charset "UTF-8";

/* genelal base
----------------------------------------- */
.wrapper {
background: #f2f2f2;
}
#contact .wrapper {
background: #ffffff;
}
#mainImg {
margin-bottom: 1.5em;
position: relative;
}
#mainImg .wrap {
text-align: center;
}
#mainImg .caption {
bottom: 0;
z-index: 2;
padding-top: 13px;
padding-bottom: 13px;
width: 100%;
color: #ffffff;
text-align: center;
}
.pageTitle {
margin: 0 auto 3em auto;
width: 100%;
display: block;
text-align: center;
}
.pageTitle h2 .caption {
display: block;
font-size: 1rem;
}
.topText {
margin: 0 auto 5em auto;
}
.topText img {
margin: 0 0 1.5em 0;
width: 100%;
}
.comment h3 {
margin-bottom: 1.5em;
width: 100%;
font-size: 1.5rem;
text-align: left;
}
section {
margin-bottom: 5em;
width: 100%;
}
section > .wrap {
margin-top: 3em;
}
section h3 {
margin-bottom: 2em;
font-size: 1.5rem;
text-align: center;
}
section h4 {
margin-bottom: 1.5em;
text-align: left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section h3 .caption {
display: block;
font-size: 1rem;
font-weight: normal;
}



/* figure
----------------------------------------- */
section figure {
margin-bottom: 4em;
display: table;
}
section figure:last-child {
margin-bottom: 0;
}
section figcaption {
position: relative;
text-align: justify;
vertical-align: top;
}
section figcaption h4 {
margin-bottom: 0.5em;
border-bottom: 1px solid #000000;
font-size: 1.3rem;
}
section figure > img {
display: table-cell;
vertical-align: top;
}
section figcaption a {
padding-right: 1.5em;
position: relative;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
section figcaption a:hover {
background: #ddedc5;
text-decoration: none;
-moz-transition: .3s all;
-webkit-transition: .3s all;
transition: .3s all;
}
section figcaption a::before {
font-family: "FontAwesome";
content: '\f101';
position: absolute;
top: -1px;
right: 10px;
font-size: 1.2rem;
}
section .addImg img {
display: inline-block;
}

/* breadCrumbs
----------------------------------------- */
#breadCrumbs {
background: #cccccc;
}
#breadCrumbs .wrap {
display: block;
}
#breadCrumbs .wrap a {
margin-top: 0.5em;
margin-bottom: 0.5em;
display: inline-block;
}


/* section dl
----------------------------------------- */
section .voice {
vertical-align: top;
}
section .voice dt {
font-size: 1.2rem;
}
section .voice .info {
padding-bottom: 0.5em;
border-bottom: 1px solid #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section .voice dd {
text-align: justify;
}
/* section address
----------------------------------------- */
section address em {
margin-bottom: 1em;
font-size: 1.2rem;
font-style: normal;
}
section .shopOverview dt {
font-weight: normal;
}
section .googleMap {
margin-bottom: 3em;
display: block;
}


/* table (dl List)
----------------------------------------- */
.detail {
width: 100%;
border-collapse: separate;
border-spacing: 0.5em;
}
.detail tr {
}
.detail th, .detail td {
padding: 0.5em 0;
border-bottom: 1px solid #b3b3b3;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.detail th span, .detail th p,
.detail td span, .detail td p {
padding: 0 0 0 1em;
vertical-align: top;
}
.detail th {
width: 30%;
font-weight: normal;
text-align: center;
}
.detail td {
border-left: 1px solid #b3b3b3;
}



/* Service
----------------------------------------- */

/* safetycheck
----------------------------------------- */
#service.repair #sec01,
#service.cleaning #sec01,
#service.safetycheck #sec01 {
background: #c6e19f;
}
#service.safetycheck #sec01 header {
margin-bottom: 2em;
}
#service.safetycheck #sec01 .comment > em {
font-style: normal;
font-size: 2rem;
color: #019245;
}
#service.safetycheck #sec01 em span {
color: #ff1b00;
}
#service .priceDown {
margin-top: 1em;
margin-bottom: 2em;
}
#service .priceDown li {
margin-bottom: 1.5em;
width: 285px;
min-height: 160px;
display: inline-block;
background: #ffffff;
border: 2px solid #fcca21;
vertical-align: top;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#service #sec01 .priceDown:nth-of-type(2), 
#service #sec01 .priceDown:nth-of-type(2) li {
margin-bottom: 0;
}
#service #sec01 .caption {
margin-bottom: 3.5em;
font-size: 0.9rem;
}
#service .priceDown .all {
background: -moz-linear-gradient(45deg, rgba(252,202,33,1) 0%, rgba(255,251,115,1) 50%, rgba(252,202,33,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(252,202,33,1) 0%,rgba(255,251,115,1) 50%,rgba(252,202,33,1) 100%);
background: linear-gradient(45deg, rgba(252,202,33,1) 0%,rgba(255,251,115,1) 50%,rgba(252,202,33,1) 100%);
}
#service .priceDown .all p {
margin-bottom: 0;
background: none;
}
#service .priceDown .all span {
margin-left: 0;
font-style: normal;
color: #000000;
}
#service .priceDown .all em {
margin: 0.2em 0;
display: block;
color: #ec1c24;
font-size: 3rem;
font-style: italic;
}
#service .priceDown dl {
margin-top: 0.5em;
text-align: center;
}
#service .priceDown dt {
font-size: 1.5rem;
color: #f15a24;
}
#service .priceDown dt span {
margin-left: 0.3em;
color: #3ab54a;
}
#service .priceDown dd {
margin: 0 auto 0.5em auto;
width: 90%;
font-size: 0.9rem;
}
#service .priceDown p {
padding: 0.2em 0;
margin-bottom: 0.3em;
line-height: 1;
font-size: 2.2rem;
font-style: italic;
text-align: center;
color: #ec1c24;
background: -moz-linear-gradient(45deg, rgba(252,202,33,1) 0%, rgba(255,251,115,1) 50%, rgba(252,202,33,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(252,202,33,1) 0%,rgba(255,251,115,1) 50%,rgba(252,202,33,1) 100%);
background: linear-gradient(45deg, rgba(252,202,33,1) 0%,rgba(255,251,115,1) 50%,rgba(252,202,33,1) 100%);
}
#service .priceDown p span {
margin-left: 1em;
display: inline-block;
line-height: 1;
font-size: 1.265rem;
}
#service .unique {
margin-top: 1em;
margin-bottom: 2em;
}
#service .unique li {
margin-bottom: 1.5em;
width: 285px;
min-height: 120px;
display: inline-block;
background: #ffffff;
border: 2px solid #019245;
text-align: center;
vertical-align: top;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#service .unique p {
margin-top: 0.7em;
font-size: 1.5rem;
}
#service .unique li em {
display: block;
font-style: italic;
font-size: 2rem;
color: #019245;
}
#service.safetycheck #sec02 {
text-align: center;
}
#service.safetycheck #sec02 h3 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
#service .reference {
margin-bottom: 5em;
}
#service .reference li {
margin-bottom: 2em;
padding: 4px;
width: 285px;
display: inline-block;
vertical-align: top;
}
#service .reference li header {
margin-bottom: 4px;
display: inline-block;
width: 100%;
background: #ffffff;
}
#service .reference li header img {
margin: 0.3em auto;
display: block;
max-width: 95%;
}
#service .reference li header h4 {
margin-bottom: 0.8em;
bottom: 0;
border-bottom: 0;
text-align: center;
font-weight: normal;
}
#service .reference li header h4 span {
margin: 0.3em auto 0 auto;
display: block;
width: 80%;
color: #ffffff;
font-weight: normal;
}
#service .reference li tr {
border-bottom: 4px solid #cccccc;
}
#service .reference li tr:last-child {
border-bottom: 0;
}
#service .reference li tr:last-child th, 
#service .reference li tr:last-child td {
padding-bottom: 1.5em;
}
#service .reference li th {
padding: 0.5em 0; 
width: 30%;
line-height: 1.2;
vertical-align: middle;
text-align: center;
color: #ffffff;
}
#service .reference li td {
padding-top: 0.5em;
padding-right: 0.5em;
padding-bottom: 0.5em;
font-size: 2rem;
vertical-align: middle;
text-align: right;
}
#service .reference footer {
position: relative;
background: #ffffff;
text-align: center;
}
#service .reference footer::before {
position: absolute;
content: "";
border-top: 30px solid transparent;
border-left: 150px solid #ffffff;
top: -30px;
left: 0;
}
#service .reference footer::after {
position: absolute;
content: "";
border-top: 30px solid transparent;
border-right: 150px solid #ffffff;
top: -30px;
right: 0;
}
#service .reference footer em {
margin-top: 0.3em;
line-height: 1.2;
display: inline-block;
color: #ec1c24;
font-size: 2.8rem;
border-bottom: 5px dotted #ec1c24;
}
#service .reference footer em span {
margin-left: 0.3em;
width: 1em;
line-height: 1;
color: #000000;
display: inline-block;
font-size: 1rem;
}
#service .reference footer p {
margin-top: 0.8em;
padding: 0.3em 0;
color: #fffb63;
}

/* miniCar
----------------------------- */
#service .reference .miniCar {
background: #3ea9f5;
}
#service .reference .miniCar tr {
border-bottom: 4px solid #3ea9f5;
}
#service .reference .miniCar th {
background: #57bcea;
}
#service .reference .miniCar td {
background: #c2e6ff;
}
#service .reference .miniCar header h4 {
color: #3ea9f5;
}
#service .reference .miniCar header h4 span {
background: #29aae1;
}
#service .reference .miniCar footer p {
background: #69b8f1;
}
/* smallCar
----------------------------- */
#service .reference .smallCar {
background: #e01934;
}
#service .reference .smallCar tr {
border-bottom: 4px solid #e01934;
}
#service .reference .smallCar th {
background: #e9456d;
}
#service .reference .smallCar td {
background: #ffd8f1;
}
#service .reference .smallCar header h4 {
color: #e01934;
}
#service .reference .smallCar header h4 span {
background: #e01934;
}
#service .reference .smallCar footer p {
background: #e23d61;
}
/* mediumCar
----------------------------- */
#service .reference .mediumCar {
background: #9d175d;
}
#service .reference .mediumCar tr {
border-bottom: 4px solid #9d175d;
}
#service .reference .mediumCar th {
background: #b9458e;
}
#service .reference .mediumCar td {
background: #f8e4ff;
}
#service .reference .mediumCar header h4 {
color: #9d175d;
}
#service .reference .mediumCar header h4 span {
background: #9d175d;
}
#service .reference .mediumCar footer p {
background: #b03a7f;
}
/* hybridCar
----------------------------- */
#service .reference .hybridCar {
background: #019245;
}
#service .reference .hybridCar tr {
border-bottom: 4px solid #019245;
}
#service .reference .hybridCar th {
background: #69c252;
}
#service .reference .hybridCar td {
background: #d9e065;
}
#service .reference .hybridCar header h4 {
color: #019245;
}
#service .reference .hybridCar header h4 span {
background: #3ab54a;
}
#service .reference .hybridCar footer p {
background: #64c171;
}
/* largeCar 
----------------------------- */
#service .reference .largeCar {
background: #f7931d;
}
#service .reference .largeCar tr {
border-bottom: 4px solid #f7931d;
}
#service .reference .largeCar th {
background: #f58c4e;
}
#service .reference .largeCar td {
background: #fffcae;
}
#service .reference .largeCar header h4 {
color: #f7931d;
}
#service .reference .largeCar header h4 span {
background: #f15a24;
}
#service .reference .largeCar footer p {
background: #f3a850;
}
/* smallCargo
----------------------------- */
#service .reference .smallCargo {
background: #666666;
}
#service .reference .smallCargo tr {
border-bottom: 4px solid #666666;
}
#service .reference .smallCargo th {
background: #a2a2a2;
}
#service .reference .smallCargo td {
background: #f2f2f2;
}
#service .reference .smallCargo header h4 {
color: #666666;
}
#service .reference .smallCargo header h4 span {
background: #808080;
}
#service .reference .smallCargo footer p {
background: #9a9a9a;
}
/* keeper
----------------------------------------- */
#service.keeper .topText img {
margin: 0 auto 1.5em auto;
width: auto;
display: block;
}
#service.keeper #sec01 {
background: #0c3291;
}
#service.keeper #sec01 header {
margin-bottom: 2em;
color: #ffffff;
}
#service.keeper #sec01 header h4 {
border-color: #ffffff;
}
#service.keeper #sec01 em {
margin-bottom: 0.5em;
display: block;
font-style: normal;
font-size: 2rem;
color: #fffa00;
}
#service.keeper #sec01 ul {
margin-bottom: 3em;
}
#service.keeper #sec01 .point li {
background: #e6e6e6;
}
#service.keeper #sec01 .point li dt {
display: inline-block;
width: 100%;
font-size: 1.5rem;
text-align: center;
background: #ffffff;
color: #0c3291;
}
#service.keeper #sec01 .point li dt span {
padding: 1em 0;
display: inline-block;
}
#service.keeper #sec01 .point li dd span {
margin: 0 auto;
padding: 0.5em 0;
width: 90%;
display: block;
text-align: justify;
}
/* coatingMenu
----------------------------- */
#service .coatingMenu {
margin-bottom: 0.5em;
}
#service .coatingMenu li {
margin-bottom: 2em;
vertical-align: top;
}
#service .coatingMenu .caption {
padding: 4px;
display: table;
width: 100%;
color: #ffffff;
font-size: 1.3rem;
text-align: center;
border-bottom: 0.5em solid #f2f2f2;
}
#service .coatingMenu .caption span {
width: 50%;
display: table-cell;
background: #ffffff;
}
#service .coatingMenu .wrap {
padding: 0.5em;
}
#service .coatingMenu header {
margin-bottom: 0.5em;
padding: 0.5em;
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 50%, rgba(221,222,222,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 50%,rgba(221,222,222,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 50%,rgba(221,222,222,1) 100%);
}
#service .coatingMenu header h4 {
margin-bottom: 0.5em;
border-bottom: 0;
font-size: 1.4rem;
}
#service .coatingMenu header h4 span {
margin-bottom: 0.5em;
display: block;
font-size: 0.9rem;
}
#service .coatingMenu header p {
text-align: justify;
font-size: 0.9rem;
}
#service .coatingMenu .wrap > p {
margin-bottom: 0.5em;
color: #ffffff;
font-size: 0.9rem;
}
#service .keeperUnique {
margin-bottom: 0.5em;
width: 100%;
color: #ffffff;
}
#service .keeperUnique tr {
border-bottom: 0.5em solid transparent;
}
#service .keeperUnique th {
width: 40%;
text-align: center;
}
#service .keeperUnique td span {
margin-left: 0.5em;
}
#service .keeperUnique td .star {
color: #fcee22;
}
#service .keeperPrice {
width: 100%;
}
#service .keeperPrice tr:first-child th {
background: #e6e6e6;
}
#service .keeperPrice th {
padding: 0.2em 0;
}
#service .keeperPrice th span {
margin-left: 0.5em;
width: 100%;
display: inline-block;
text-align: left;
}
#service .keeperPrice td {
padding: 0.2em 0;
text-align: right;
color: #c1272d;
font-weight: bold;
}
#service .keeperPrice td span {
margin-right: 0.5em;
margin-left: 0.5em;
}
#service .keeperPrice tr:nth-child(odd) {
background: #ffffff;
}
#service .coatingMenu .keeperPrice tr:nth-last-child(2) td, 
#service .coatingMenu .keeperPrice tr:last-child td {
text-align: left;
font-weight: normal;
color: #000000;
}
#service .coatingMenu .keeperPrice tr:last-child td {
color: #c1272d;
}
/* coatingMenu Crystal
----------------------------- */
#service .coatingMenu .crystal {
background: #1ba8d8;
}
#service .coatingMenu .crystal header h4 {
color: #0271bc;
}
#service .coatingMenu .crystal header h4 span {
color: #1ba8d8;
}
#service .coatingMenu .crystal .keeperUnique tr {
background: #0f82c1;
border-bottom-color: #1ba8d8;
}
#service .coatingMenu .crystal .keeperUnique th {
background: #0271bc;
}
#service .coatingMenu .crystal .keeperPrice tr:nth-last-child(2) {
font-weight: normal;
border-top: 0.5em solid #1ba8d8;
}
#service .coatingMenu .crystal .keeperPrice tr:nth-child(even) {
background: #e8f6fb;
}
/* coatingMenu Diamond
----------------------------- */
#service .coatingMenu .diamond {
background: #bfa548;
}
#service .coatingMenu .diamond header h4 {
color: #603814;
}
#service .coatingMenu .diamond header h4 span {
color: #754c24;
}
#service .coatingMenu .diamond .keeperUnique tr {
background: #ad9035;
border-bottom-color: #bfa548;
}
#service .coatingMenu .diamond .keeperUnique th {
background: #754c24;
}
#service .coatingMenu .diamond .keeperPrice tr:nth-last-child(2) {
border-top: 0.5em solid #bfa548;
}
#service .coatingMenu .diamond .keeperPrice tr:nth-child(even) {
background: #e7debc;
}
#service .coatingMenu .diamond .keeperPrice tr:last-child td  {
font-weight: bold;
}
/* coatingMenu Wdia
----------------------------- */
#service.keeper #sec02 .coatingMenu header {
position: relative;
overflow: hidden;
}
#service.keeper #sec02 .coatingMenu header .popular {
width: 80px;
height: 80px;
line-height: 1.2;
display: table;
position: absolute;
top: -13px;
right: -13px;
background: #fbb03b;
text-align: center;
color: #ffffff;
border-radius: 100px 0 100px 100px;
}
#service.keeper #sec02 .coatingMenu header .popular::before {
content: "";
position: absolute;
bottom: 20px;
left: -4px;
border-bottom: 30px solid transparent;
border-left: 20px solid #fbb03b;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
transform: rotate(30deg);
}
#service.keeper #sec02 .coatingMenu header .popular span {
display: table-cell;
vertical-align: middle;
font-size: 1rem;
font-weight: bold;
}
#service .coatingMenu .Wdia {
background: #0c3291;
}
#service .coatingMenu .Wdia header h4 {
color: #0c3291;
}
#service .coatingMenu .Wdia header h4 span {
color: #0c3291;
}
#service .coatingMenu .Wdia .keeperUnique tr {
background: #3c5ba7;
border-bottom-color: #0c3291;
}
#service .coatingMenu .Wdia .keeperUnique th {
background: #0271bc;
}
#service .coatingMenu .Wdia .keeperPrice tr:nth-last-child(2) {
border-top: 0.5em solid #0c3291;
}
#service .coatingMenu .Wdia .keeperPrice tr:nth-child(even) {
background: #e5f2f8;
}
#service .coatingMenu .Wdia .keeperPrice tr:last-child td  {
font-weight: bold;
}
#service.keeper #sec02 .notes {
margin-bottom: 5em;
display: block;
width: 100%;
text-align: right;
font-size: 0.9rem;
}
#service.keeper #sec02 em {
margin-bottom: 2em;
display: block;
font-size: 1.4rem;
font-style: normal;
}
#service.keeper #sec02 .official {
margin-bottom: 3em;
}
#service.keeper #sec02 .official p {
vertical-align: top;
}
#service.keeper #sec02 .official img {
height: 60px;
}

/* cleaning
----------------------------------------- */
#service.cleaning #sec01 figure {
margin-bottom: 5em;
}
#service.cleaning #sec02 figcaption dt {
font-size: 0.8rem;
}
#service.cleaning #sec02 figcaption dt span {
color: #1ba135;
font-size: 1rem;
}
#service.cleaning #sec02 figcaption dd {
margin-bottom: 0.5em;
}
#service.cleaning #sec02 em {
margin-bottom: 2em;
display: block;
font-style: normal;
}
#service.cleaning #sec02 em span {
display: block;
font-size: 1.3rem;
text-align: center;
color: #ffffff;
background: #1ba135;
}

/* repair
----------------------------------------- */
#service.repair #sec02 em {
margin-bottom: 5em;
display: block;
font-style: normal;
}
#service.repair #sec02 em span {
display: block;
font-size: 1.3rem;
text-align: center;
color: #ffffff;
background: #1ba135;
}
#service.repair #sec01 #fig02 {
margin-bottom: 5em;
}
#service.repair #sec02 dt {
padding-bottom: 0.3em;
font-weight: normal;
}
#service.repair #sec02 dt span {
font-size: 1.5rem;
font-weight: bold;
}
#service.repair #sec02 dd {
font-size: 5rem;
font-style: italic;
color: #c1272d;
}

/* company
----------------------------------------- */
#company .topText > p {
text-align: justify;
}
.topText footer .wrap {
display: inline-block;
vertical-align: top;
}
section .corpOverview {
display: block;
}
section .corpOverview dt {
border-bottom: 1px solid #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section .googleMap iframe {
width: 100%;
}

.company_table th{
    width: 50px;
    padding: 20px;
}
.company_table td{
    width: 200px;
    padding: 20px;
}

/* Contact
----------------------------------------- */
#contact .wrapper {
text-align: center;
}
#contact .container {
margin: 2em auto;
display: inline-block;
text-align: left;
}

#contact .pageTitle {
margin: 3em auto;
}
#contact .manual {
margin-bottom:  3em;
}
#contact .manual p {
margin-bottom: 1em;
}
#contact .manual ul, .attention ul {
margin-left: 2em;
}
#contact .manual li {
list-style-type: disc;
}
#contact .attention ul {
margin-left: 2em;
}
#contact .attention li {
list-style-type: circle;
}
#contact .attention p {
margin-bottom: 1em;
}
#contact .formTable {
margin-bottom: 4em;
width: 100%;
}


#contact .formTable tr,
#contact .formTable th {
background: #ddedc5!important;
}
#contact .formTable td {
margin-bottom: 0!important;
background-color: #ffffff;
}

#contact .confirm .formTable td {
padding: 0.5em;
}
#contact .submit  {
margin-bottom: 3em;
width: 100%;
text-align: center;
}
#contact .submit .button {
width: 80%;
display: inline-block;
border: 1px solid #bfbfbf;
box-sizing: border-box;
background: #f2f2f2;
text-align: center;
transition: all .3s;
outline: none;
}
#contact .button,
#contact .button a {
padding-top: 1em;
padding-bottom: 1em;
}
#contact .button:first-of-type {
margin-bottom: 1.5em;
}
#contact .submit .back,
#contact .submit .reset {
background: #ffc3c8;
}
#contact .submit .back:hover,
#contact .submit .reset:hover {
background: #f2f2f2;
}
#contact .submit .send:hover,
#contact .submit .check:hover {
background: #c9eaf8;
}
#contact .confirm .caption {
display: none;
}
#contact .formTable td input[type="text"] {
padding: 0.5em;
width: 100%;
min-height: 44px;
background: #ffffff;
border: 1px solid #b3b3b3;
border-radius: 5px;
}
#contact .formTable td textarea {
padding: 0.5em;
width: 100%;
background: #ffffff;
border: none;
outline: none;
}
#contact .formTable td .caption {
display: block;
font-size: 0.9rem;
text-align: left;
}
#contact .formTable .required {
margin-left: 1em;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-weight: normal;
background: #e6454d;
font-size: 10px;
color: #ffffff;
}
#contact .formTable .normal {
display: none;
}
#contact .formTable td textarea {
border: 1px solid #b3b3b3;
border-radius: 5px;
}
.formTable td textarea:focus,
.formTable td input:focus {
border: solid 1px #1ba135!important;
}
.formTable td textarea::-moz-focus-inner,
.formTable td input::-moz-focus-inner {
border: solid 1px #1ba135!important;
}
#contact select {
padding: 0.5em;
min-height: 44px;
border: 1px solid #b3b3b3;
border-radius: 5px;
}



/* estimate　form
----------------------------------------- */
.estimate .formTable td input[type="radio"] + label {
padding-top: 0.2em;
padding-bottom: 0.2em;
padding-left: 0.5em;
display: inline-block;
}
.estimate .formTable tr:nth-of-type(4) {
border-bottom: 1px solid #1ba035;
}


.estimate .formTable td .checkbox {
padding-top: 0.2em;
padding-bottom: 0.2em;
}
.estimate .formTable td select {
margin-right: 0.5em;
padding: 0.4em;
}




/* ===========================================

 PC向け表示設定
 
============================================== */
@media only screen and (min-width: 900px){

/* -------------------------------------------
nav hover
============================================== */
.Blog #mainnav .nav00 a,
.page01 #mainnav .nav01 .link,
.safetycheck .nav01 li.sub01,
.repair .nav01 li.sub02,
.keeper .nav01 li.sub03,
.cleaning .nav01 li.sub04,
.sale .nav01 li.sub05,
.rent .nav01 li.sub06,
.page02 #mainnav .nav02 .link,
.garage_bubu .nav02 li.sub01,
.idemitsu_ss .nav02 li.sub02,
.page03 #mainnav .nav03 a,
.page04 #mainnav .nav04 a,
.page05 #mainnav .nav05 a {
background: -moz-linear-gradient(top, rgba(255,255,255,0) 30%, rgba(221,237,197,1) 80%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 30%,rgba(221,237,197,1) 80%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 30%,rgba(221,237,197,1) 80%);
-moz-transition: .3s linear;
-webkit-transition: .3s linear;
transition: .3s linear;
}
.Blog #mainnav .nav00 a:hover,
.page01 #mainnav .nav01 .link:hover,
.safetycheck .nav01 li.sub01:hover,
.repair .nav01 li.sub02:hover,
.keeper .nav01 li.sub03:hover,
.cleaning .nav01 li.sub04:hover,
.sale .nav01 li.sub05:hover,
.rent .nav01 li.sub06:hover,
.page02 #mainnav .nav02 .link:hover,
.garage_bubu .nav02 li.sub01:hover,
.idemitsu_ss .nav02 li.sub02:hover,
.page03 #mainnav .nav03 a:hover,
.page04 #mainnav .nav04 a:hover,
.page05 #mainnav .nav05 a:hover {
background: #ddedc5;
}


/* -------------------------------------------
genelal base
============================================== */
section > .wrap {
width: 100%;
display: inline-block;
}
#mainImg img {
width: 100%;
}
#mainImg .caption {
position: absolute;
background: rgba(0,0,0,0.6);
}
#mainImg .caption span {
margin: auto;
width: 900px;
display: inline-block;
text-align: left;
}
.topText {
margin: 0 auto 5em auto;
width: 900px;
}
.comment h3 {
word-break: keep-all;
}

/* -------------------------------------------
figure
============================================== */
section figcaption {
width: 50%;
display: table-cell;
}
section figcaption h4 {
margin-left: 1em;
padding-left: 0.5em;
text-align: left;
}
section figcaption p {
margin-left: 2em;
}
section figcaption a {
position: absolute;
right: 0;
bottom: 0;
width: 96%;
text-align: right;
}

/* -------------------------------------------
breadCrumbs
============================================== */
#breadCrumbs .wrap {
margin-right: auto;
margin-left: auto;
width: 960px;
}


/* -------------------------------------------
section address
============================================== */
section address {
margin-bottom: 2em;
display: table;
vertical-align: top;
}
section .shopOverview {
width: 45%;
display: table-cell;
vertical-align: top;
}
section .addImg {
display: table-cell;
text-align: right;
}
section address em {
display: table-caption;
}
section .shopOverview dt {
margin-bottom: 1em;
width: 18%;
display: inline-block;
vertical-align: top;
-webkit-transform: skewX(150deg);
-moz-transform: skewX(150deg);
transform: skewX(150deg);
border-right: 1px solid #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

section .shopOverview dt span {
display: block;
-webkit-transform: skewX(-150deg);
-moz-transform: skewX(-150deg);
transform: skewX(-150deg);
}
section .shopOverview dd {
margin-bottom: 1em;
width: 79%;
display: inline-block;
}
section .shopOverview dd span {
margin-left: 1em;
display: block;
}
/* -------------------------------------------
section dl
============================================== */
section .voice {
width: 440px;
display: inline-block;
}
section .voice:last-child {
margin-left: 20px;
}
/* -------------------------------------------
Service
============================================== */
#service.repair .container,
#service.cleaning .container,
#service.safetycheck .container,
#service.keeper .container {
width: 100%;
}
#service.repair #sec02,
#service.repair #sec01,
#service.cleaning #sec01,
#service.cleaning #sec02,
#service.safetycheck #sec01 {
text-align: center;
}
#service.repair #sec02 > .wrap,
#service.repair #sec01 > .wrap,
#service.cleaning #sec02 > .wrap,
#service.cleaning #sec01 > .wrap,
#service.safetycheck #sec01 > .wrap {
width: 900px;
text-align: left;
}
#service.safetycheck #sec02 > .wrap {
width: 900px;
text-align: left;
}
#service.keeper #sec01 {
text-align: center;
}
#service.keeper #sec01 > .wrap {
width: 900px;
text-align: left;
}
#service.keeper  #sec02 {
text-align: center;
}
#service.keeper  #sec02 > .wrap {
width: 900px;
text-align: left;
}
/* -------------------------------------------
safetycheck
============================================== */
#service .priceDown li:nth-child(2),
#service .priceDown li:nth-child(5) {
margin-right: 1em;
margin-left: 1em;
}
#service .unique li:nth-child(2) {
margin-right: 1em;
margin-left: 1em;
}
#service .reference li:nth-child(2), 
#service .reference li:nth-child(5) {
margin-right: 0.5em;
margin-left: 0.5em;
}
/* -------------------------------------------
keeper
============================================== */
#service.keeper #sec01 ul {
display: table;
}
#service.keeper #sec01 .point li {
width: 33%;
display: table-cell;
}
#service.keeper #sec01 .point li:nth-child(2), 
#service.keeper #sec01 .point li:first-child {
border-right: 0.725em solid #0c3291;
}
#service.keeper #sec01 .point li:nth-child(2), 
#service.keeper #sec01 .point li:last-child {
border-left: 0.7em solid #0c3291; 
}
/* -------------------------------------------
coatingMenu
============================================== */
#service.keeper #sec01 em br {
display: none;
}
#service .coatingMenu {
display: table;
}
#service .coatingMenu li {
width: 33%;
display: table-cell;
}
#service .coatingMenu li:nth-child(2),
#service .coatingMenu li:first-child {
border-right: 0.25em solid #f2f2f2;
}
#service .coatingMenu li:nth-child(2),
#service .coatingMenu li:last-child {
border-left: 0.25em solid #f2f2f2;
}
#service.keeper #sec02 .official p {
display: inline-block;
width: 50%;
}

/* -------------------------------------------
shop
============================================== */
#shop #sec03 .comment {
width: 96%;
display: inline-block;
}

/* -------------------------------------------
cleaning
============================================== */
#service.cleaning #sec01 figcaption h4 {
margin-right: 1em;
margin-left: 0;
padding-right: 0.5em;
padding-left: 0;
}
#service.cleaning #sec01 figcaption p {
margin-right: 2em;
margin-left: 0;
}
#service.cleaning #sec02 figcaption dl {
display: block;
}
#service.cleaning #sec02 figcaption dt {
display: inline-block;
}
#service.cleaning #sec02 figcaption dd {
display: inline-block;
width: 42%;
text-align: right;
}
#service.cleaning #sec02 figcaption p {
margin-top: 0.5em;
margin-left: 0;
font-size: 0.9rem;
}
/* -------------------------------------------
repair
============================================== */
#service.repair #sec01 figure {
width: 100%;
text-align: center; 
}
#service.repair #sec01 figure img {
display: inline-block;
}
#service.repair #sec01 figure img:first-child {
margin-right: 1.5em;
}
#service.repair #sec02 dl {
margin-bottom: 2em;
width: 100%;
display: table;
border-bottom: 1px solid #000000;
}
#service.repair #sec02 dt {
padding-bottom: 0.3em;
display: table-cell;
vertical-align: bottom;
}
#service.repair #sec02 dd {
display: table-cell;
text-align: right;
vertical-align: bottom;
}

/* -------------------------------------------
company
============================================== */
.topText footer .wrap {
width: 440px;
}
.textImg {
width: 440px;
display: inline-block;
}
section .corpOverview {
border-left: 1px solid #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section .corpOverview dt {
padding: 0.5em 0;
width: 20%;
height: 4em;
display: inline-block;
text-align: center;
vertical-align: top;
}
section .corpOverview dt:first-of-type, 
section .corpOverview dd:first-of-type {
border-top: 1px solid #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section .corpOverview dd {
padding: 0.5em 0;
width: 80%;
height: 4em;
display: inline-block;
border: 1px solid #000000;
border-top: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section .corpOverview dd span {
margin: 0 1em;
display: block;
}

.company_table th{
    width: 50px;
    padding: 20px;
}
.company_table td{
    width: 200px;
    padding: 20px;
}


/* -------------------------------------------
contact
============================================== */
#contact .formTable {
text-align: right;
}
#contact .formTable tr {
display: block;
}
#contact .formTable th {
padding: 0.5em;
width: 25%;
display: inline-block;
font-weight: bold;
text-align: left;
}
#contact .formTable td {
margin-bottom: 1em;
padding: 0.5em;
width: 72%;
display: inline-block;
text-align: left;
}
#contact div.caption {
display: block;
font-size: 0.9rem;
text-align: right;
}
#MailMessageIndexForm .required {
font-weight: normal;
margin-left:5px;
}
#contact .button input {
padding: 0.5em;
display: inline-block;
}
#contact .error .button input {
display: block;
}
#contact .alert {
margin-bottom: 1.5em;
}

#contact .inputCheck {
margin-top: 1em;
display: block;
}
#contact select {
width: 40%;
}

#contact tr#RowMessageEmail1 {
border-bottom: 20px solid #ffffff;
}



/* -------------------------------------------
estimate　form
============================================== */
.estimate .formTable tr:nth-of-type(5) {
padding-top: 2em;
}
.estimate .formTable td input[type="radio"] + label {
width: 94%;
}
.estimate .formTable tr:nth-of-type(-n+3) {
border-bottom: 1px dashed #1ba035;
}
.estimate .formTable tr:nth-of-type(-n+4) {
padding-top: 1em;
}


}/* end */
/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

PC以外向け表示設定

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
@media only screen and (max-width: 899px){

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
nav hover
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */

.Blog #mainnav .nav00 a,
.safetycheck .nav01 li.sub01,
.repair .nav01 li.sub02,
.keeper .nav01 li.sub03,
.cleaning .nav01 li.sub04,
.sale .nav01 li.sub05,
.rent .nav01 li.sub06,
.garage_bubu .nav02 li.sub01,
.idemitsu_ss .nav02 li.sub02,
.page03 #mainnav .nav03 a,
.page04 #mainnav .nav04 a,
.page05 #mainnav .nav05 a {
background: #ddedc5;
}

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
general base
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
section > .wrap {
margin-right: 2%;
margin-left: 2%;
width: 96%;
display: inline-block;
}
#mainImg .caption {
background: rgba(0,0,0,0.8);
}
#mainImg img {
width: 100%;
}
.genelal .pageTitle {
width: 100%;
}
.detail th {
display: block;
width:  100% !important;
text-align: left;
border-top: 1px solid #b3b3b3;
border-bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #f2f2f2;
}
.detail td {
display: block;
width: 100%;
border-left: 0;
border-bottom: 0;
}
.detail th span, .detail th p {
padding: 0 0 0 0.5em;
}
.topText {
width: 96%;
}
.president {
display: block;
}
section .googleMap iframe {
height: 100%;
}


/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
figure
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
section figure {
margin-right: auto;
margin-left: auto;
width: 96%;
display: block;
text-align: center;
}
section figcaption h4 {
text-align: center;
}
section figure img {
margin-bottom: 1em;
}
section figcaption p {
margin-bottom: 2em;
}
section figcaption a {
display: block;
text-align: right;
}
/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
section dl
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
section .voice {
margin-right: auto;
margin-bottom: 2em;
margin-left: auto;
}
/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
section address
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
section address {
margin-bottom: 2em;
}
section address em {
margin: 0 auto 1em auto;
display: block;
}
section .shopOverview {
margin: 0 auto;
display: block;
}
section .shopOverview dt {
border-bottom: 1px solid #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section .shopOverview dd {
margin-bottom: 1em;
}
section address p {
margin-left: 1em;
display: block;
}
section .shopOverview dd span:nth-child(2) {
margin-left: 1em;
}
/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
safetycheck
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#service .priceDown, 
#service .unique {
text-align: center;
}
#service .priceDown li, 
#service .reference li {
margin-right: 0.2em;
margin-left: 0.2em;
}

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
coatingMenu
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#service .coatingMenu {
text-align: center;
}
#service .coatingMenu li {
margin-right: 0.25em;
margin-left: 0.2em;
width: 96%;
display: inline-block;
}
/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
keeper
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#service.keeper #sec01 .point li {
margin-bottom: 1em;
width: 100%;
display: block;
}
#service.keeper #sec02 .official p {
margin-bottom: 0.5em;
}

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
repair
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#service.repair #sec02 dt {
text-align: center;
}
#service.repair #sec02 dd {
text-align: center;
}


/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
shop
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#shop #sec01 figcaption h4 br {
display: none;
}

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
company
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
section .corpOverview dd {
margin-bottom: 2em;
}
.topText .wrap {
margin-bottom: 1em;
}
.textImg {
margin: 0 auto;
width: 80%;
}
#company #sec02 h4 small {
display: block;
}

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
form
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#contact .contentWrap {
margin-right: auto;
margin-left: auto;
width: 96%;
}
#contact .formTable tr {
margin-bottom: 1.5em;
display: block;
}
#contact .formTable th {
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
display: block;
width: 100%;
height: 1%;
box-sizing: border-box;
text-align: left;
background: rgba(179,179,179,0.5);
}
#contact .formTable td {
margin-bottom: 1.5em;
padding-top: 0.5em;
display: block;
}
#contact .formTable tr:last-of-type td {
margin-bottom: 0;
}
#contact .formTable .required {
vertical-align:  text-bottom;
}
#contact .formTable select {
margin-right: 0.5em;
padding: 0.5em;
width: 50%;
border: 1px solid #b3b3b3;
}
#contact #formWrap {
margin: 0 auto;
width: 96%;
display: block;
}

#contact .formTable td .caption {
margin-top: 0.4em;
}

#contact .button {
margin-top: 3em;
padding: 1.2em 0;
width: 100%;
display: block;
}

#contact .attention ul {
margin-bottom: 1em;
display: inline-block;
}
#contact #formWrap .confirm h3 span,
#contact #formWrap .error h3 span, 
#contact #formWrap .complet h3 span {
margin-top: 1em;
display: inline-block;
}
#contact #formWrap .confirm .formTable td {
padding-top: 0.5em;
}
/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
estimate　form
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
.estimate .formTable tr:nth-of-type(5) {
padding-top: 2em;
display: block;
}
.estimate .formTable td input[type="radio"] + label {
width: 90%;
}


}/* end */