@charset "utf-8";
/* CSS Document */


.main{
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

section{
    position: relative;
}

.sec_in{
    width: 94%;
    max-width: 1000px;
    margin: 0 auto;
}

.sec_bg_text.service_bgtext{position: absolute;top: 3%;left: 0;}
/* .sec_bg_text.service_bgtext{position: absolute;top: 5%;left: 0;} */
.sec_bg_text.work_bgtext{position: absolute;top: 5%;right: 0;}
.sec_bg_text.recruit_bgtext{position: absolute;top: 5%;left: 0;}
.sec_bg_text.map_bgtext{position: absolute;top: 5%;right: 0;}
.sec_bg_text.contact_bgtext{position: absolute;top: 0;left: 0;opacity: 0.8;}





.sec_con{
    width: 100%;
    padding: 20px 0;
    background: url("../img/common/bg_con.jpg");
    background-position: center;
    background-size: cover;
}
.contact_box{
    width: 94%;
    max-width: 1000px;
    margin: min(2.6vw, 50px) auto 0;
    /* margin: 0 auto; */
    position: relative;
    z-index: 5;
}
.contact_box p{
    text-align: center;
    font-size: 1em;
}

/*20250709共通化*/
.more_btn{
    width: 90%;
    max-width: 320px;
    /* background: #F05A24;
    padding: 15px 5px; 
    border-radius: 10px;*/
    text-align: center;
    margin: 30px auto;
}
.more_btn a{
    display: block;
    background: #F05A24;
    padding: 15px 5px;
    border: 1px solid #F05A24;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    transition: 0.4s all ease;

    &:hover {
        background: #fff;
        color: #F05A24;
    }
}


/*---------------------------------------------------------------*/

.menubtn { width: 58px; height: 58px; position: fixed; right: -80px; top: 0px; z-index: 4677; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.menubtn a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; display: none; }
.menubtn div { width: 34px; height: 36px; margin-bottom: 0px; margin-top: 5px; margin-left: auto; margin-right: auto; position: relative; }
.menubtn div span { display: block; background: #666; width: 100%; height: 1px; position: absolute; left: 0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; }
.menubtn div span:first-child { top: 9px; }
.menubtn div span:nth-child(2) { margin-top: -1px; top: 50%; }
.menubtn div span:last-child { bottom: 9px; }
.menubtn p { color: #666; width: 100%; position: relative; font-size: 11px; line-height: 1em; text-align: center; z-index: -1;padding: 0;margin: 0;}
.menubtn p.cls { display: none; }
.menubtn p.back { display: none; }
.menuop2 .menubtn span:first-child { width: 50%; -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); top: 18px; left: -3px; }
.menuop2 .menubtn span:last-child { bottom: 18px; left: -3px; width: 50%; -webkit-transform: translateY(-11px) rotate(-45deg); -moz-transform: translateY(-11px) rotate(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); }
.menuop2 .menubtn p.open { display: none; }
.menuop2 .menubtn p.cls { display: none; }
.menuop2 .menubtn p.back { display: block; }
.menuop2 .menubtn a { display: block; }
.menuop .menubtn p.open { display: none; }
.menuop .menubtn p.cls { display: block; }
.menuop .menubtn div span:first-child { -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
.menuop .menubtn div span:nth-child(2) { opacity: 0; }
.menuop .menubtn div span:last-child { -webkit-transform: translateY(-7px) rotate(-45deg); -moz-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); }
.mobile .menubtn { right: 0px; }


footernav { position: fixed; left: 0; bottom: 0; z-index: 1000; width: 100%; height: 76px; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
@media screen and (max-width: 330px) { footernav { height: 56px; }
  footernav .paradeiser_icon_canvas img { margin-bottom: 0px !important; } }
footernav a { position: relative; z-index: 5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0; padding-top: 10px; padding-bottom: 10px; color: #fff; text-align: center; text-decoration: none; font-weight: 400; font-size: 10px; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 5; -webkit-flex-grow: 5; -ms-flex-positive: 5; flex-grow: 5; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 33.333%; background: #938453; border-right: 1px solid #FFFFFF; }
footernav a:last-child { border-right: none; }
footernav .paradeiser_icon_canvas { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 auto; width: 100%; height: 24px; color: #ffffff; text-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
footernav .paradeiser_icon_canvas img { display: block; margin: 0; max-width: 24px; margin-bottom: 10px; width: 100%; height: auto; }
footernav span { margin-top: 5px; font-size: 12px; min-width: 5em; text-align: center; white-space: nowrap; }
footernav span.st1 { line-height: 1em; transform: scale(0.96); -moz-transform: scale(0.96); -webkit-transform: scale(0.96); -o-transform: scale(0.96); -ms-transform: scale(0.96); }
@media screen and (max-width: 330px) { footernav span { transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); } }


#wrpG { width: 100%; height: 100%; background-color: rgba(255,255,255,0.95); position: relative; padding-top: 76px; /*	padding-bottom: 10vh;*/ padding-bottom: 76px; position: fixed; top: 0px; left: 101%; z-index: 600; overflow: auto; box-sizing: border-box; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
/* #wrpG { width: 100%; max-width: 500px; height: 100%; background-color: rgba(255,255,255,0.95); position: relative; padding-top: 76px; 	padding-bottom: 10vh; padding-bottom: 76px; position: fixed; top: 0px; left: 101%; z-index: 600; overflow: auto; box-sizing: border-box; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } */
#wrpG .cnavi { width: 100%; height: 100%; box-sizing: border-box; position: relative; }
#wrpG .cnavi li { width: 100%; height: 10%; position: relative; float: left; /*background-color: #E7E7E7;*/ }
/* #wrpG .cnavi li.dis { 
  opacity: 0.7; 
  pointer-events: none; 
} */
#wrpG .cnavi li .ctit { width: 100%; position: relative; z-index: 5; box-sizing: border-box; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); color: #ffffff; text-decoration: underline; }
#wrpG .cnavi li a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 6;text-decoration: none;color: #000; }
#wrpG .cnavi li a p { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); font-size: 1em; position: relative; display: inline-block;margin: 0;padding: 0; }
/*#wrpG .cnavi li a p::after { position: absolute; display: block; content: ""; width: 1px; height: 12px; left: 36px; top: -11px; background-color: #333333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }*/
/*#wrpG .cnavi li a p::before { position: absolute; display: block; width: 40px; height: 1px; content: ""; left: 0; top: -2px; border-bottom: 1px solid #333333; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }*/

.menuop { overflow: hidden; }
.menuop #wrpG { left: 0; }