@charset "utf-8";

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

@media(min-width:960px){

.sp {
display:none;
}

img {
width:100%;
}

.wrap {
width:1000px;
margin:auto;
}

.icon {
padding-right:10px;
}


/*header*/
header {
padding:30px 0;
}

header .main {
padding-bottom:20px;
}

header .cta {
width:80%;
margin:0 auto 50px;
}


/*point*/
#point {
padding-bottom:70px;
}

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

#point h2 {
color:#e61e1e;
padding-bottom:15px;
}

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

#point .attention {
font-size:90%;
}


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

#maintenance h2 {
color:#f09600;
}

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

#maintenance .service {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:stretch;
}

#maintenance .service .item {
width:32%;
background:#fceacc;
border-radius:8px;
padding:20px;
text-align:center;
margin-top:15px;
font-weight:bold;
font-size:120%;
}

#maintenance .service .noitem {
width:32%;
}


/*contact*/
#contact {
padding-bottom:50px;
text-align:center;
}

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

#contact .company {
font-size:150%;
font-weight:bold;
}

#contact .address {
padding-bottom:10px;
}

#contact .tel {
width:70%;
margin:0 auto 10px;
}

#contact .fax {
padding-bottom:10px;
color:#999;
}

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

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

/*form*/
#form {
padding-bottom:30px;
}

#form .title {
background:#00961e;
border-radius:10px;
padding:15px;
text-align:center;
color:#fff;
margin-bottom:15px;
font-weight:bold;
font-size:150%;
}

#form .ex {

}
#form .warning_area {
border-bottom:#ccc 1px dotted;
padding-bottom:10px;
margin-bottom:20px;
}

#form .warning {
color:#ff7878;
background:#fff5f5;
padding:15px 20px;
border-radius:6px;
font-size:90%;
font-weight:bold;
}

#form .attention {
color:#e61e1e;
font-size:80%;
padding-bottom:10px;
}

#form .form_cts {
border-bottom:#ccc 1px dotted;
padding-bottom:15px;
margin-bottom:15px;
display:flex;
align-items:center;
}

#form .form_cts .item {
width:250px;
margin-right:20px;
font-weight:bold;
}

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

form .checkarea {
display:flex;
align-items:center;
}

form label {
font-size:110%;
padding:0 30px 0 0;
cursor:pointer;
display:block;
}

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

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

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

form input[type="text"] , form textarea {
padding:15px;
font-size:110%;
border-radius:6px;
margin: 5px;
}

form .name {
width:400px;
}

form .tel {
width:400px;
}

form .mail {
width:400px;
}

form .detail {
width:600px;
height:10em;
}

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

form .submit_cts {
text-align:center;
}

form .submit_cts button[type="submit"] {
font-size:120%;
padding:20px 35px;
border-radius:10px;
color:#fff;
background:#e61e1e;
border:none;
font-weight:bold;
}

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

form .correction {
font-size:120%;
padding:20px 35px;
border-radius:10px;
color:#fff;
background:#ccc;
border:none;
font-weight:bold;
margin-right:10px;
}

#email1 {
margin-bottom:10px;
}

.confi {
padding-top:30px;
}

.confi .ex {
padding-bottom:10px;
}

.confi .form_cts div {
font-size:120%;
}

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

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

.confi .finish .finish_ex {
padding-bottom:70px;
}

.confi .finish .finish_prev {
font-size:90%;
width:100px;
margin:auto;
}

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



/*footer*/
footer {
width:1000px;
margin:auto;
padding-bottom:30px;
color:#b4b4b4;
text-align:center;
font-size:80%;
}

}