@charset "utf-8"



section{padding:5% 2%; color: #000;}
@media only screen and (min-width:960px) {
section{padding: 60px 2%;}
}


#slide{z-index: 1; margin: 0 auto; position: relative; margin-top: 55px;}
.slide-items {width: 100%; height: 100%;}
.slide-items img {width: 100%; object-fit: cover;}
#slide li{position: relative;}


.catch02{position: absolute; top:3%; line-height: 1.3; left: 0; right: 0; width:75%; max-width: 600px; margin: 0 auto;  font-size: 20px; text-align: center; font-weight: 600; color: #fff; }

.catch02 .green{font-size: 30px; color: #e3ff45; font-weight: 700;}
.catch02 .kaishya{font-size: 16px; margin-top: 5px;}
#aboutus, #truck, #area{padding: 10px 15px;}
#aboutus p, #truck p{text-align: left; font-size: 14px; margin: 30px 10px; line-height: 1.8;}
#aboutus ul.point{margin-top: 15px; display: flex; flex-wrap: wrap;   justify-content: space-between;
 gap: 5px; }
#aboutus ul.point li{width: calc(50% - 5px); vertical-align: top; margin-bottom: 5px;  background: #0080df; padding: 6px; color: #fff; }
#aboutus ul.point li .title{font-weight: 600; font-size: 13px;letter-spacing: 0; }
#aboutus ul.point li .icon{width: 50%; margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}
#aboutus ul.point li .text{font-size: 11px; text-align: center; letter-spacing: 0; text-align: left; padding: 5px;}
#aboutus ul.point li .text .pc{display: none;}

ul.business li{position: relative; text-align: left; margin-bottom: 10px;}

ul.business li .name{color: #fff; font-size: 14px; line-height: 1.3; position: absolute; left: 4%; top:50%; transform: translate(0, -50%); -webkit-transform: translate(0 -50%); -ms-transform: translate(0, -50%);  font-weight: 700;}
ul.business li .name .large{ font-size: 30px; }
ul.business li .kuwashiku{color: #fff; font-size: 11px; background: #0080df; width: 120px; position: absolute; padding: 5px; right: 0 ; top:50%; transform: translate(0, -50%); -webkit-transform: translate(0 -50%); -ms-transform: translate(0, -50%);  }
ul.business li .yazirushi{position: absolute; width: 15px; margin-top: 4%; right: 10px ; top:50%; transform: translate(0, -50%); -webkit-transform: translate(0 -50%); -ms-transform: translate(0, -50%);  }
#truck ul{ margin-top: 30px;}
#truck ul li{margin-bottom: 10px;}
#truck table{margin: 0 auto;}

@media only screen and (min-width:350px) {
#aboutus ul.point li .title{font-size: 17px; letter-spacing: 0;}
#aboutus ul.point li .text{font-size: 12px; }
ul.business li .kuwashiku{width: 150px; font-size: 13px;}
}
@media only screen and (min-width:450px) {
ul.business li .name{font-size: 16px; }
ul.business li .name .large{ font-size: 38px; }
ul.business li .kuwashiku{font-size: 15px; background: #0080df; width: 200px;  padding:10px 5px; }
#aboutus ul.point li .title{font-size: 19px;}
#aboutus ul.point li .icon{width: 80%;}
}

@media only screen and (min-width:750px) {
#aboutus p, #truck p{font-size: 16px; text-align: center; margin: 50px 0;}
#aboutus ul.point li{width: calc(25% - 5px); vertical-align: top;}
#aboutus ul.point li .title{font-size: 16px; letter-spacing: 0;}
ul.business li .name{font-size: 22px; }
ul.business li .name .large{ font-size: 50px; }
ul.business li .kuwashiku{font-size: 16px; background: #0080df; width: 230px;  padding:12px 10px; }
#truck ul{display: flex;}
#truck ul li{margin-right: 10px;}
#truck ul li:last-child{margin-right: 0;}
.catch02{position: absolute; top:50%; transform: translate(0, -50%); -webkit-transform: translate(0 -50%); -ms-transform: translate(0, -50%);  padding: 10px 0; line-height: 1.4; left: 0; right: 0; width:75%; max-width: 600px; margin: 0 auto;  font-size: 40px; text-align: center; font-weight: 600; color: #fff; background: rgba(0, 0, 0, 0.3);}
#slide{margin-top: 8%;}
}
@media only screen and (min-width:900px) {
#slide{margin-top:10px;}
#aboutus p, #truck p{font-size: 18px; text-align: center; margin: 50px 0;}
#aboutus ul.point li .title{font-size: 20px;}
#aboutus ul.point li .text{text-align: center; font-size: 13px;}
#aboutus ul.point li .text .pc{display: inherit;}
#aboutus ul.point li .text .sp{display: none;}
.catch02 .green{font-size: 46px;}
.catch02 .kaishya{font-size: 30px; margin-top: 5px;}
}

#truck table{margin: 0 auto; width: 100%;}
#truck table tr th{background: #0080df; border: 1px solid #0080df; color: #fff; padding:5px 20px; vertical-align: middle; width: 150px;}
#truck table tr td{border: 1px solid #0080df; padding: 5px 10px; text-align: left; line-height: 1.5;}
#truck .sml{font-size: 12px; line-height: 1;}
.m30{margin-top: 30px;}
@media only screen and (min-width:960px) {
}

#area h3{text-align: left; color: #0080df; font-size: 29px; font-weight: bolx;}
#area .nihon {width: 80%; max-width: 650px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px;}
#area p { max-width: 650px; margin: 0 auto; text-align: left; margin-bottom: 50px;}