* {
margin:0;
padding:0;
font: normal 100% Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
word-spacing:-2px;
}
body{
width: 100%;         /* IEで横スクロールバーが出たときの保険 */
text-align: center;
}
img {
display: block;
border: none;
margin-left: auto;
margin-right: auto;
max-width: 100%;
height: auto;
}
h2 img{
margin-left: 0;
margin-right: auto;
}

img.gotop{
padding:20px;
display: block;
border: none;
margin-left: auto;
margin-right: 0;
height: auto;
}
img.trim{
}

ul {
list-style:none;
}
.container-out {
position: static;
width: 750px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #fff;
}
.container-in {
width: 750px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-color: #00aeeb;
}
footer{
font-size:20px;
background-color: #fff;
}
hr{
display:block;
border:0;
width:100%;
height:20px;
background:url(img/hr.jpg) no-repeat center center;
}

.menu {
color:#000;
position: absolute;
top: -825px;
margin-left: auto;
margin-right: auto;
width: 750px;
height: 825px;
padding: 0;
transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
box-sizing: border-box;
}

#toggle {
height:80px;
width: 749px;
background: #e33;
position:absolute;
cursor:pointer;
left:-100%;
top:-100%;
}
#toggle + label {
position:absolute;
height:80px;
width: 749px;
background-repeat:no-repeat;
background-position:0px;
background-image:url(img/menu.png);
float:right;
cursor:pointer;
margin:0;
padding:0;
color: #000;
line-height:80px;
font-size:80px;
text-align:center;
-webkit-font-smoothing: antialiased;
transition:all 500ms ease;
}
#toggle + label:after {
}
#toggle:checked + label {
}

#toggle:checked + label:after {
}

.container {
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
padding:0;
}

#toggle:checked ~ .menu {
top: 0;
}

#toggle:checked ~ .container {
margin-top: 825px;
}

#toggle:checked ~ section {
margin-top: -825px;
}

header h1{
display: none;
}
h1 span, h2 span, h3 span, a span, caption span{
display: none;
}


header{
height:0px;
}


ul.menubutton{
float:left;
margin: 0px;
list-style-type: none;
width:  750px;
}
.menubutton li{
display: block;
float:left;
width: 374px;
height: 165px;
}
.menubutton li a{
display: block;
width: 374px;
height: 165px;
background-position:0px 0px;
margin: 1px 0 1px 0;
}
.menubutton-home a{
background:url(img/menu_button_top.png?20230515092707) no-repeat;
}
.menubutton-clean a{
background:url(img/menu_button_clean.png) no-repeat;
}
.menubutton-deri a{
background:url(img/menu_button_deri.png) no-repeat;
}
.menubutton-shimi a{
background:url(img/menu_button_shimi.png) no-repeat;
}
.menubutton-ref a{
background:url(img/menu_button_repair.png) no-repeat;
}
.menubutton-hokan a{
background:url(img/menu_button_hokan.png) no-repeat;
}
.menubutton-corp a{
background:url(img/menu_button_corp.png) no-repeat;
}
.menubutton-qa a{
background:url(img/menu_button_qa.png) no-repeat;
}
.menubutton-shop a{
background:url(img/menu_button_shop.png) no-repeat;
}
.menubutton-profile a{
background:url(img/menu_button_profile.png) no-repeat;
}

div#dialmail {
position:relative;
}

div#dialmail div.dial {
position: absolute;
top: -220px;
}
div#dialmail div.mail {
position: absolute;
top: -100px;
}

div.dial a {
display: block;
height:113px;
width:750px;
padding: 5px 0;
background-repeat:no-repeat;
background-position:6px 0px;
background-image:url(img/dial.png);
}
div.mail a {
display: block;
height:113px;
width:750px;
background-repeat:no-repeat;
background-position:6px 0px;
background-image:url(img/mail.png?20230515092707);
}

/*toppage*/
#toppage {
height:1400px;
}

#toppage div.dial a{
position: relative;
top: -470px;
}
#toppage div.mail a{
position: relative;
top: -285px;
}

/* service */
.hide, #corp article, article#coinlaundry, #company article {
display: none;
}

#service1 {
height:3800px;
overflow: hidden;
background: url("img/service1.jpg") no-repeat;
}
#service2 {
height:1400px;
overflow: hidden;
background: url("img/service2.jpg") no-repeat;
}
#service2-car{
position: relative;
top: 780px;
width:80%;
height:auto;
}

#service3 {
height:900px;
overflow: hidden;
background: url("img/service3.jpg") no-repeat;
}

#service4 {
height:900px;
overflow: hidden;
background: url("img/service4.jpg") no-repeat;
}

#service5 {
height:800px;
overflow: hidden;
background: url("img/service5.jpg") no-repeat;
}


#corp {
height:1500px;
overflow: hidden;
background: url("img/corp.jpg") no-repeat;
}

#qa {
background: url("img/qa.jpg") no-repeat;
font-size: 22px;
overflow: hidden;
}
#qa p{
padding: 15px;
color: #fff;
}
#qa a:link{
color: #fff;
}
#qa a:hover, #qa a:active{
color: #ff3;
}
#qa a:visited{
color: #ddd;
}
#qa h2{
padding:25px 0 10px 15px;
}
#qa h3{
margin: 15px 10px 0px 10px;
padding: 8px 5px 5px 10px;
border-radius: 20px;
color: #000;
background-color:#fff;
font-weight:bolder;
}
#qa div.dial {
position:relative;
top:0px;
}
#qa div.mail {
position:relative;
top:0px;
}



#qa-head{
padding: 100px 0 50px 0;
}

#qa-head p{
padding: 20px 20px;
}

#qa ul{
position: relative;
top: 0px;
left: -8px;
float:left;
margin: 15px 0px 15px -5px;
list-style-type: none;
width:  750px;
}
#qa li{
display: block;
float:left;
width: 249px;
height: 76px;
}
#qa li a{
display: block;
width: 266px;
height: 76px;
background-position:0px 0px;
margin: 1px 0 1px 0;
padding: 0;
}
#qa-li-ippan a{
background:url(img/qa_button1.png) no-repeat;
}
#qa-li-futon a{
background:url(img/qa_button2.png) no-repeat;
}
#qa-li-hikaku a{
background:url(img/qa_button3.png) no-repeat;
}

div#qadialmail{
margin:50px 0 0 0;
}



#shop {
height:1600px;
background:url(img/shop.jpg) no-repeat;
}

#shop-list ul{
position: relative;
top: 155px;
left: 0px;
float:left;
margin: 0px;
list-style-type: none;
width:  750px;
}

#shop-list li {
float:left;
height:36px;
width:160px;
margin:10px 10px;
}
#shop-main li a{
}

#company {
height:1400px;
background:url(img/company.jpg) no-repeat;
}

#policy {
padding: 100px 0 50px 0;
margin: 20px;
}
#policy h2{
margin: 20px 0 10px 0;
font-size: 25px;
}
#policy ul {
margin: 20px;
}
#policy .indent {
margin: 20px;
}