@charset "utf-8";

/* ==================================================
Common CSS
================================================== */

@media(max-width:959px){

.pc {
display:none;
}

img {
width:100%;
}

.wrap {
width:92%;
margin:auto;
}

.icon {
padding-right:3vw;
}


/*header*/
header {
padding:5vw 0;
}

header .main {
padding-bottom:3vw;
}

header .cta {
width:90%;
margin:0 auto;
}


/*point*/
#point {
padding-bottom:5vw;
}

#point .main_icon {
font-size:15vw;
text-align:center;
color:#e61e1e;
line-height:135%;
}

#point h2 {
color:#e61e1e;
padding-bottom:2vw;
}

#point article {
border:#e61e1e 1px dotted;
border-radius:10px;
padding:3vw 4vw;
background:#fff;
margin-bottom:3vw;
display:flex;
font-size:4vw;
align-items:center;
font-weight:bold;
}

#point .attention {
font-size:3.5vw;
}


/*maintenance*/
#maintenance {
border:#f09600 3px solid;
border-radius:10px;
margin-bottom:10vw;
padding:5vw 5vw;
background:#fff;
}

#maintenance h2 {
color:#f09600;
}

#maintenance .price {
width:100%;
margin:auto;
}

#maintenance .service {
}

#maintenance .service .item {
width:100%;
background:#fceacc;
border-radius:8px;
padding:3vw;
text-align:center;
margin-top:2.5vw;
font-weight:bold;
font-size:4vw;
}

#maintenance .service .item br {
display:none;
}

#maintenance .service .noitem {
display:none;
}


/*contact*/
#contact {
padding-bottom:10vw;
text-align:center;
}

#contact .title {
background:#e61e1e;
border-radius:10px;
padding:3vw;
text-align:center;
color:#fff;
margin-bottom:3vw;
font-weight:bold;
font-size:5vw;
}

#contact .company {
font-size:5vw;
font-weight:bold;
padding-bottom:2vw;
}

#contact .address {
padding-bottom:2vw;
}

#contact .tel {
width:80%;
margin:0 auto 3vw;
}

#contact .tel a {
display:block;
background:#fff;
color:#e61e1e;
padding:5vw;
border-radius:2vw;
text-decoration:none;
border:#e61e1e 1px solid;
}

#contact .fax {
padding-bottom:2vw;
color:#999;
}

#contact .url a {
display:block;
width:80%;
font-size:4vw;
color:#f09600;
border:#f09600 1px solid;
background:#fff;
border-radius:10px;
padding:3vw;
margin:auto;
text-decoration:none;
}

#contact .url a:hover {
opacity:0.7;
}


/*form*/
#form {
padding-bottom:5vw;
}

#form .title {
background:#00961e;
border-radius:10px;
padding:3vw;
text-align:center;
color:#fff;
margin-bottom:3vw;
font-weight:bold;
font-size:5vw;
}
#form .warning_area {
border-bottom:#ccc 1px dotted;
padding-bottom:3vw;
margin-bottom:3vw;
}

#form .warning {
color:#ff7878;
background:#fff5f5;
padding:4vw 5vw;
border-radius:6px;
font-size:3vw;
font-weight:bold;
}

#form .ex {
font-size:4vw;
}

#form .attention {
color:#e61e1e;
font-size:4vw;
padding-bottom:3vw;
}

#form .form_cts {
border-bottom:#ccc 1px dotted;
padding-bottom:3vw;
margin-bottom:3vw;
}

#form .form_cts .item {
width:100%;
padding-bottom:2vw;
font-weight:bold;
}

form {
border:#00961e 1px dotted;
padding:5vw;
background:#fff;
border-radius:10px;
}

form .checkarea {
}

form .checkbtn {
border:#ccc 1px dotted;
padding:3vw 4vw;
border-radius:1.5vw;
margin-bottom:2vw;
}

form label {
font-size:4vw;
cursor:pointer;
display:block;
}

form input[type="checkbox"] {
display:none;
}

form label:before {
width:5vw;
height:5vw;
border:#ccc 1px solid;
background:none;
content:"";
display:inline-block;
position:relative;
margin-right:2vw;
top:0.5vw;
border-radius:1vw;
}

form input[type="checkbox"]:checked + label {
background:#fff url(../img/check.png) no-repeat;
background-size:4.5vw;
background-position:0.5vw 0.5vw;
}

form input[type="text"] , form textarea {
padding:3.5vw;
font-size:4vw;
border-radius:1.5vw;
}

form .name {
width:100%;
}

form .mail {
width:100%;
}

form .tel {
width:100%;
}

form .detail {
width:100%;
height:10em;
}

form input::placeholder , form textarea::placeholder {
color:#ccc;
}

form .submit_cts {
text-align:center;
}

form .submit_cts button[type="submit"] {
font-size:5vw;
padding:4vw 7vw;
border-radius:10px;
color:#fff;
background:#e61e1e;
border:none;
font-weight:bold;
}

form .submit_cts button:hover {
opacity:0.8;
}

form .correction {
font-size:5vw;
padding:4vw 7vw;
border-radius:10px;
color:#fff;
background:#ccc;
border:none;
font-weight:bold;
margin-right:2vw;
}

#email1 {
margin-bottom:2vw;
}

.confi {
padding-top:5vw;
}

.confi .ex {
padding-bottom:2vw;
}

.confi .form_cts div {
font-size:5vw;
}

.confi .finish {
text-align:center;
}

.confi .finish .finish_title {
color:#e61e1e;
font-size:5vw;
font-weight:bold;
padding-bottom:10px;
}

.confi .finish .finish_ex {
padding-bottom:10vw;
}

.confi .finish .finish_prev {
font-size:4vw;
width:30%;
margin:auto;
}

.confi .finish .finish_prev a {
display:block;
background:#ccc;
border-radius:10px;
color:#fff;
text-decoration:none;
padding:3vw;
}


/*footer*/
footer {
width:100%;
margin:auto;
padding-bottom:5vw;
color:#b4b4b4;
text-align:center;
}

footer p {
font-size:2.5vw;
line-height:135%;
}



}