.burger span.burger-line:nth-child(1).act {
  -webkit-transform: translateY(8px) rotate(45deg);
      -ms-transform: translateY(8px) rotate(45deg);
          transform: translateY(8px) rotate(45deg);
 background: #fff;
-webkit-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

.burger span.burger-line:nth-child(2).act {
  opacity: 0;
}

.burger span.burger-line:nth-child(3).act{
  -webkit-transform: translateY(-12px) rotate(-45deg);
      -ms-transform: translateY(-12px) rotate(-45deg);
          transform: translateY(-12px) rotate(-45deg);
background: #fff;
-webkit-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;

}
.burger {
    position: relative;
    display: none;
    cursor: pointer;
    user-select: none;
    width: 50px;
    height: 50px;
    opacity: 0;
    visibility: hidden;
    background: transparent;
}
.submenu-plus img, .next-page, .sp-logo, .menu-icon a img, .top-bg-sp, .menu-sp-add{
	display: none;
}
.menu-dropdown:hover > .submenu{
	display: none!important;
}
.scroll-up-btn {
    position: fixed;
    height: 50px;
    width: 50px;
    right: 35px;
    bottom: 10px;
    text-align: center;
    color: #ea6110;
    font-size: 30px;
    z-index: 999;
    cursor: pointer;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1.5px solid #e8935f;
    background-color: #fff;
}
.scroll-up-btn.show {
    bottom: 30px;
    opacity: 1;
    pointer-events: auto;
}
.scroll-up-btn img{
    transform: rotate(270deg);
	height: 25px;
}
.header-container {
	display: block;
}
.wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 10px;
}
.burger-line:nth-child(1) {
    top: 1rem;
    left: 5%;
}
.burger-line:nth-child(2) {
    top: 2rem;
    left: 5%;
}
.burger-line:nth-child(3) {
    top: 3rem;
    left: 5%;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease-in-out;
    background-color: rgba(0, 0, 0, 0.65);
}

.tel-contact img{
    width: 15px;
    margin-right: 3px;
}
.tel-contact a{
	    color: #444444;
	text-decoration: underline;
}
.next-page {
    height: 15px;
    filter: brightness(1) invert(1);
}
.menu-item {
    position: relative;
    display: block;
    border-right: 1px solid #000;
    width: auto;
}
.menu-link {
    font-size: 1.6rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin: 0 1rem;
}
.menu-item a {
    text-decoration: none;
}
.submenu {
    position: absolute;
    top: 50px;
    left: 0;
    height: auto;
    padding: 0 1rem 1rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(1rem);
    border-radius: 0 0 0.25rem 0.25rem;
    border-top: 2px solid #ee7a34;
    transition: all 0.3s ease-in-out;
    background: #000000c7;
    width: 100%;
    z-index: 2;
    color: #fff;
}
.submenu-item {
    display: block;
    margin-top: 0;
    padding: 1rem 1rem 1rem 0;
    border-bottom: 1px solid #fff;
}
.submenu-plus-icon, .mynasu-icon {
    max-width: 18px;
}
.burger-line {
    position: absolute;
    display: block;
    right: 0;
    width: 70%;
    height: 2px;
    opacity: 1;
    border: none;
    outline: none;
    border-radius: 1rem;
    background: #fff;
    margin: 0 auto;
    transition: all 0.3s ease;
}
#burger span.menu-text {
    display: block;
    bottom: 0;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    font-size: 1.3rem;
    left: 50%;
    font-weight: 600;
    transform: translateX(-50%);
    color: #fff;
    line-height: 1.7rem;
}
.menu-item-contact{
	border-right: none;
}
.top-sologan{
	display: none;
}



@media only screen and (min-width: 993px) {
	 .menu-dropdown:hover > .submenu {
		 display: block;
		 opacity: 1;
		 visibility: visible;
		 transform: translateY(0);
	}
}


 @media only screen and (max-width: 992px) {
	 .menu-item > a{
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding-right: 2rem;
		align-items: center;
	 }
	.sp-logo, .menu-sp-add, .tel-contact {
    display: block;
}

.tel-contact {
    background-color: #eaeae1;
    text-align: center;
    padding: 1rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.submenu-item {
    padding: 0rem 8px 0rem 0;
}
	#menu .menu-item:nth-child(1) {
    border-left: 0;
}
	 .navbar.active {
		 left: 0rem;
		 opacity: 1;
		 visibility: visible;
	}
	nav ul li ul li {
    min-width: 100%;
}
.menu-item a {
    text-decoration: none;
    padding-left: 26px;
    height: 50px;
    line-height: 50px;
    color: #fff;
}
	 .menu-item {
		 display: block;
		 margin: 0 auto;
		 width: 98%;
		border-right: 0;
	}
.menu-icon {
    z-index: 99;
    position: fixed;
    top: 0;
    right: 0;
}
.menu {
    width: 100%;
    height: auto;
    padding: 1rem 0;
    top: 80px;
    position: absolute;
}
	 .menu-item {
		display: block;
		margin: 0 auto;
		border-bottom: 1px dashed #ffffffa8;
	}
.submenu {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 0;
    padding: 0px;
    border: none;
    outline: none;
    opacity: 1;
    overflow: hidden;
    visibility: visible;
    transform: translateY(0px);
    box-shadow: none;
    background: transparent;
    background-color: #fb3f00;
    color: #ffffff;
}
		 .burger {
		 display: block;
		 opacity: 1;
		 visibility: visible;
	}
	 	 .navbar {
		 position: fixed;
		 top: 0;
		 left: -100%;
		 width: 50%!important;
		 height: 100%;
		 z-index: 10;
		 opacity: 0;
		 overflow-y: auto;
		 visibility: hidden;
		 transition: all 0.5s ease;
		 background-color: #ff7611;
    color: #ffffff;
	}
	 	 .overlay.active {
		 display: block;
		 opacity: 1;
		 visibility: visible;
	}
	 .submenu-item a{
		    display: flex;
    justify-content: space-between;
    align-items: center;
	 }
.burger {
    display: block;
    opacity: 1;
    visibility: visible;
    background: #ff7611;
}
	 .overlay.active {
		 display: block;
		 opacity: 1;
		 visibility: visible;
	}
	 .pc-logo, .sp-logo-title, .header-hr{
		 display: none!important;
	 }
	 .sp-logo, .menu-sp-add{
		 display: block;
	 }
.wrapper {
    background: inherit;
    padding: 1rem;
}
.header-logo {
    line-height: 30px;
margin-bottom: 0;
	 }	 
.header-logo img {
    max-width: 130px;
}	 
.link-private {
    justify-content: space-between;
    padding-left: 1rem!important;
}
.link-private, .submenu-plus {
    display: flex;
    align-items: center;
    width: 100%;
    padding-right: 1rem!important;

} 
.submenu-plus img, .next-page, .sp-logo{
	display: block;
    cursor: pointer;
}	 
	 .menu-link{
		 justify-content: inherit;
	 }

	.submenu {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 0;
    padding: 0px;
    border: none;
    outline: none;
    opacity: 1;
    overflow: hidden;
    visibility: visible;
    transform: translateY(0px);
    box-shadow: none;
    background: transparent;
    background-color: #fb3f00;
    color: #ffffff;
}
		 .burger {
		 display: block;
		 opacity: 1;
		 visibility: visible;
	}
	 	 .navbar {
		 position: fixed;
		 top: 0;
		 left: -100%;
		 width: 400px!important;
		 height: 100%;
		 z-index: 10;
		 opacity: 0;
		 overflow-y: auto;
		 visibility: hidden;
		 transition: all 0.5s ease;
		background-color: #ff7611;
		color: #ffffff;
	}
	.menu {
    width: 100%;
    height: auto;
    padding: 1rem 0;
    top: 80px;
    position: absolute;
}
	 .menu-item {
		 display: block;
		 margin: 0 auto;
		    border-bottom: 1px dashed #ffffffa8;
	}
	 	 .overlay.active {
		 display: block;
		 opacity: 1;
		 visibility: visible;
	} 
.menu-dropdown:hover > .submenu{
	display: block!important;
}	 
	 
	 
}




@media screen and (min-width: 1300px){
	
	.text-catchy{
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-75%, -50%);

	}	
	

	
}

@media screen and (max-width: 980px){
	
.navigation {
    padding: 0 10px;
}	
nav ul li a, nav ul li a:visited {
    padding: 0 8px;

}	
	.menu-link{
		margin: 0;
	}
.text-catchy {
    line-height: 30px;
}
.text-catchy p:nth-child(1), .text-catchy p:nth-child(3) {
    font-size: 2rem;
}	
.text-catchy h1 {
    font-size: 3.3rem;
	margin: 0;
}	
.company-content {
    line-height: 1.6;
    text-align: justify;
}
.company {
    background: url("../img/ttt.jpg") no-repeat;
    height: auto;
    background-position: left;
}	
.company h2, .recruit h2 {
    font-size: 3rem;
    padding-bottom: 5rem;
    padding-top: 6rem;
}
	.company h2{
		padding-top: 0;
	}
.company h2::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 30px;
    background-color: white;
    top: -35px;
}	
.business h2 {
    padding-top: 6rem;
    font-size: 3rem;
}
.btn-wrap button {
    margin-top: 2rem;
}	
.company .title {
    padding-bottom: 5rem;
    padding-top: 5rem;
}	
.business h2::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 30px;
    top: 20px;
    left: 50%;
}
.recruit h2::after {
    top: 20px;
    height: 30px;
}
.business {
    background: url("../img/rrr.jpg") no-repeat;
    height: 750px;
    width: 100%;
    background-size: cover;
    height: auto;
}	
.sp-none, .top-bg-sp{
	display: none;
}	
.pc-none{
	display: block;
}	
.business-text {
    line-height: 1.6;
    font-size: 1.6rem;
    margin: 0;
}	
.btn-business button {
    top: -15px;
}	
	.recruit .recruit-text{
		line-height: 1.6;
	}	
.business-box .recruit-img img {
    width: 90%;
}	
	

}


@media all and (min-width:768px) and (max-width:1200px) and (orientation: landscape) {

.company {
    background: url("../img/ttt.jpg") no-repeat;
    background-position: left;
}
	.mynasu-icon, .submenu-plus-icon{
		display: none!important;
	}

}

@media all and (min-width:768px) and (max-width:1200px) and (orientation: portrait) {

	.company-text{
		width: 320px;
	}
	.company .container .row{
		gap:0 30px;
	}
	

}

@media screen and (max-width: 767.98px){
	.company .title {
    padding: 0;
}
.company {
    background: url("../img/ttt.jpg") no-repeat;
    height: auto;
    background-position: top;
    background-size: cover;
}	
	.top-bg-sp{
		display: block;
	}
	.company h2 {
	    font-size: 3rem;
		padding: 5rem 0;
	}
	
.recruit h2 {
    font-size: 3rem;
    padding-bottom: 5rem;
    margin: 0;
}	
.company-content {
    margin-top: 3rem;
}	
.btn-wrap {
    margin-bottom: 3rem;
    text-align: center;
}
	.top-bg-cs img{
	 height: 350px;
    object-fit: cover;
	}	
.business h2 {
    padding-bottom: 3rem;
    color: #EA620F;
}
	.business-text br.pc-none, .top-bg-pc{
		display: none;
	}	
.text-catchy {
    left: 5%;
}	
.business {
    background: url("../img/business-sp.jpg") no-repeat;
    width: 100%;
    background-size: cover;
    height: auto;
}
	.business h2::after{
		background-color: #EA620F;
	}	
.business-text {
    line-height: 1.6;
    font-size: 1.6rem;
    padding: 0 7.5px;
    text-align: justify;
    width: 80%;
    margin: 0 auto;
}
.recruit .recruit-text {
    font-size: 1.6rem;
    text-align: center;
}	
.recruit {
    background: center/cover no-repeat url("../img/recruit-bg.jpg");
    height: 500px;
}	
.company h2::after {
    top: 15px;
}	
.scroll-up-btn {
    right: 10px;
}	
.navbar {
    position: fixed!important;
    top: 0;
    left: -100%;
    width: 210px!important;
    height: 100%;
    z-index: 10;
    opacity: 0;
    overflow-y: auto;
    visibility: hidden;
    transition: all 0.5s ease;
    background-color: #ff7611;
    color: #ffffff;
}	
.contact-ft-box span {
    line-height: 1.6;
}	
.contact-btn-mt {
    margin-top: 2rem;
}
	
}

@media screen and (max-width: 576px){
.recruit {
    background: center/cover no-repeat url("../img/recruit-bg.jpg");
    height: auto;
}
.business-box {
    gap: 2rem 0;
}	
.business-box .recruit-img img {
    width: 70%;
}
.top-sologan{
	display: block;
}
.top-bg-cs img {
    height: 350px;
    object-fit: cover;
    width: 100%;
}	
.company h2 {
    padding-top: 6rem;
    padding-bottom: 3rem;
}	
.company h2::after {
    top: 20px;
}
	.company, .business{
		overflow-x: hidden;
	}	
.text-catchy {
    left: 2%;
    top: 37%;
}
.company-content {
    width: 320px;
    margin: 0 auto;
    margin-top: 3rem;
    padding: 0;
}
	.business-text	{
		margin-top: 0;
	    width: 320px;
    margin: 0 auto;
	}
	
	
	
}

@media screen and (max-width: 320px){
	.contact-ft .contact-ft-btn {
    padding: 1rem 3rem;
    width: 100%;
    display: block;
}
}