@charset "UTF-8";
/* CSS Document */
.menu_second {
  display: block!important;
  visibility: hidden!important;
  opacity: 0!important;
  z-index: 1!important;
  position: absolute!important;
  
  top: 0%!important;
  left: 0%!important;
  margin-left:31.5%!important;
  margin-top:-7%!important;
  
  -webkit-transition: all .5s ease;
	
  transition: all .5s ease;
}
#gnav li:hover .menu_second {
  top: 50px!important;
  visibility: visible!important;
  opacity: 1!important;
}
#gnav .menu_second li {
  display: block!important;
  
  margin-bottom: 0px!important;
margin-left: 0px!important;
	height:58px!important;
}
#gnav .menu_second li a {
  display: block!important;
  box-sizing: border-box!important;
  color: #fff;
  background-color: #80ab11;
  font-size: 85%!important;
  line-height: 1.0!important;
  padding: 20px 10px!important;
 width: 210px!important;
 font-weight:700;
	border-left: 1px solid #ccc!important;
  border-right: 1px solid #ccc!important;
  border-top:1px solid #ccc!important;
	
}

.menu_second li a:hover{
background-color:#ff7900!important;
color:#fff!important;
}

.menu_second2 {
  display: block!important;
  visibility: hidden!important;
  opacity: 0!important;
  z-index: 1!important;
  position: absolute!important;
  
  top: 0%!important;
  left: 0%!important;
  margin-left:40.5%!important;
  margin-top:-7%!important;
  
  -webkit-transition: all .5s ease;
	
  transition: all .5s ease;
}
#gnav li:hover .menu_second2 {
  top: 50px!important;
  visibility: visible!important;
  opacity: 1!important;
}
#gnav .menu_second2 li {
  display: block!important;
  
  margin-bottom: 0px!important;
margin-left: 0px!important;
	height:58px!important;
}
#gnav .menu_second2 li a {
  display: block!important;
  box-sizing: border-box!important;
  color: #fff;
  background-color: #80ab11;
  font-size: 85%!important;
  line-height: 1.0!important;
  padding: 20px 10px!important;
 width: 210px!important;
  font-weight:700;
	border-left: 1px solid #ccc!important;
  border-right: 1px solid #ccc!important;
  border-top:1px solid #ccc!important;
	
}

.menu_second2 li a:hover{
background-color:#ff7900!important;
color:#fff!important;
}


@media screen and (max-width: 1500px) {
  .menu_second {
  margin-left:29%!important;
  margin-top:-7%!important;
  
  -webkit-transition: all .5s ease;
	
  transition: all .5s ease;
}
}

.gnav--tel{
	width:300px!important;
}

#gnav{
	width:100%;
	max-width:200px;
	padding-left:1%;
	margin-top:2%;
	margin-left:-15%;
}

#gnav ul{
	display:flex;
    align-items: baseline;
	justify-content: flex-end;
	padding-top:10%;
	flex-wrap:nowrap;
	font-weight:700;
}
#gnav ul li{
	width:calc(100% / 5);
	margin-left:1%;
	min-width: 100px;
}

#gnav ul li:nth-child(1){
	min-width: 140px;
}

#gnav ul li:nth-child(2){
	min-width: 140px;
	margin-left:4%;
}

#gnav ul li:nth-child(4){
}
#gnav ul li:nth-child(5){
	min-width: 180px;
}

#gnav ul li a{
	color:#000;
	font-size:1.0rem;
	margin-left:1%;
}


@media screen and (max-width: 767px) {
.sptx{
	font-size:1.2rem;
	font-weight:normal;
	line-height:1.8rem;
}
}

.hero--catch img{
	background-color:#fff!important;
	padding:5%;
}
.lead-box{
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
}
.trouble_list_box{
	width:31%;
	margin-right:1%;
	margin-left:1%;
	border:2px solid #80ab11;
	border-radius: 10px;
	background-color:#fff;
	
	
	
}
.trouble_list_box h3{
	background-color:#80ab11;
	color:#fff;
	font-size:1.5rem;
	padding:2%;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.trouble_text{
	padding:5%;
}
.trouble_text ul{
	padding:3%;
	margin-bottom:30px;
}
.trouble_text ul li{
	font-size:1.4rem;
	font-weight:700;
}
.trouble_text ul li::before{
	content:'\f058';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  margin-right:2%;
	color:#80ab11;
}
.service-box{
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	max-width:1500px;
	margin:0 auto;
}



.service_list_box{
	width:45%;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:2%;
	border:1px solid #80ab11;
	border-radius: 10px;
	background-color:#fff;
	position:relative;
	
	
}
.service_list_box h3{
	position:absolute;
	top:0%;
	left:0%;
	z-index:2;
	
	background-color:#80ab11;
	color:#fff;
	font-size:1.5rem;
	padding:2%;
	border-top-left-radius:8px;
	border-bottom-right-radius:8px;
}
.service_text{
	padding:5% 5% 1% 5%;
}
.service_list_box .service_imgbox img{
	width:100%;
	position:relative;
	z-index:1;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.service_list_box h5{
	background-color:#ff7900;
	color:#fff;
	border-radius:50px;
	padding:3%;
	margin-top:-5%;
	margin-bottom:3%;
	text-align:center;
}

.service_list_box h4{
	font-size:1.6rem;
	margin-bottom:3%;
}
@media screen and (max-width: 767px) {
.service_list_box{
	width:98%;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:2%;
	border:1px solid #80ab11;
	border-radius: 10px;
	background-color:#fff;
	position:relative;
}
.trouble_list_box{
	width:98%;
	margin-right:1%;
	margin-left:1%;
	border:2px solid #80ab11;
	border-radius: 10px;
	background-color:#fff;
	margin-bottom:15px;
	
}
	.trouble_list_box p{
		font-size:1.2rem!important;
	}	
		.service_list_box p{
		font-size:1.2rem!important;
	}	
	.service_list_box h5{
		font-size:1.3rem!important;
	}
}
.footer--saiyo-info2 {
  background-color: #00B900;
}
.footer--saiyo-info2 a {
  color: #fff;
  position: relative;
  height: 148px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer--saiyo-info2 a .footer--saiyo-info--txt {
  position: relative;
  letter-spacing: .3em;
  font-size: 1.25rem;
}
.footer--saiyo-info2 a .footer--saiyo-info--txt::before {
  position: absolute;
  width: clamp(50px, 5.2vw, 83px);
  top: 50%;
  left: clamp(-115px, -7.2vw, -55px);
  transition: all ease .6s;
  transform: translateY(-40%);
}
.footer--saiyo-info2 img {
  display: inline-block;
  margin-right: 40px;
}
.footer--saiyo-info2 a::before,
.footer--entry a::before,
.job--requirements--entry_btn a::before,
.cta_contact a::before {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  right: 0;
  left: auto;
  height: 100%;
  transition: all .4s ease;
}
.cta_contact a span {
  z-index: 99;
}
.footer--saiyo-info2 a::before {
  background-color: #f37d4c;
}
.footer--entry a::before,
.cta_contact a::before,
.job--requirements--entry_btn a::before {
  background-color: #df683a;
}
.footer--entry a:hover::before,
.footer--saiyo-info2 a:hover::before,
.job--requirements--entry_btn a:hover::before,
.cta_contact a:hover::before {
  left: 0;
  right: auto;
  width: 100%;
}
.footer--entry2 {
  background-color: #f37d4c;
}
.footer--entry2 a {
  color: #fff;
  font-size: clamp(1.4rem, 3.7vw, 4.375rem);
  font-weight: 400;
  text-align: left;
  letter-spacing: .3em;
  display: block;
  position: relative;
  padding: 70px 0 70px 20%;
}

.footer--saiyo-links2 > div {
  position: relative;
}
.footer--saiyo-links2 .arrow {
  top: 50%;
  left: 80%;
  transform: translateY(2px);
}
@media screen and (min-width: 1081px) {
  .footer--saiyo-links2 div:hover .arrow {
    animation: fade_arrow .5s ease-out 0s 1 normal forwards;
  }
}
@keyframes fade_arrow {
  0% {
    left: 80%;
  }
  50% {
    left: 82%;
    opacity: 0;
  }
  51% {
    left: 75%;
    opacity: 0;
  }
  100% {
    left: 80%;
    opacity: 1;
  }
}
.footer--entry2 .footer--saiyo-info--txt {
  display: inline-block;
  position: relative;
}

/* ----------------------------------------
  side
---------------------------------------- */
#side {
  position: fixed;
  width: 60px;
  bottom: 150px;
  right: 0;
  z-index: 1000;
}
#side ul li {
  margin-bottom: 10px;
}
/* ----------------------------------------
  bottom
---------------------------------------- */
#bottom {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 2000;
}
#bottom ul {
  display: flex;
  flex-wrap: wrap;
}
#bottom ul li {
  width: 33.3333%;
}

#bottom ul li:nth-child(3){
	background:#ad0404;
}