:root {
     --siteWidth:430px;
     --headerHeight:127px;
     --headerHeight_sp:60px;
     --bottomNavHeight:40px;
 }
 img {
     max-width: 100%;
 }
 body {
     position: relative;
     /*background: url(/GussuriYamada/img/recruit_lp_bg.png) center bottom no-repeat;
     background-size: 100% auto;*/
 }
 body > h1 {
     font-size: 0.7em;
     position: absolute;
     bottom: 196px;
     left: 50%;
     transform: translateX(-50%);
     width: 100%;
     max-width: 430px;
     text-align: center;
     color: #fff;
 }
 @media only screen and (max-width:430px) {
     body > h1 {
         font-size: 2.4vw;
         bottom: 210px;
     }
 }
 .header {
     background: #fff;
     box-shadow: 0 5px 1em rgba(245,245,245,0.6);
     position: fixed;
     top: 0;
     left: 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%;
     height: var(--headerHeight_sp);
     text-align: left;
     z-index: 100;
 }
 @media only screen and (max-width:430px) {
     .header {
         /*height: var(--headerHeight_sp);*/
     }
 }
 .header img {
     width: auto;
     height: var(--headerHeight_sp);
 }

 .service_btn {
     line-height: 0.8;
     display: flex;
     justify-content: center;
     align-items: center;
     /*border:solid 2px #e53a60;
     border-radius: 0.3em;
     color: #e53a60;
     height: 70%;*/
     margin-right: 10px;
     text-align: center;
 }
 @media only screen and (max-width:430px) {
     .service_btn {
         font-size:3vw;
         line-height: 1;
     }
 }
 .service_btn a {

     /*padding: 0 2em;
     color: #e53a60;
     letter-spacing: 0.06em;
     font-family: "Noto Sans JP", sans-serif;
     font-weight: 600;*/
 }
 @media only screen and (max-width:430px) {
     .service_btn a span {

     }
 }
 .service_btn a span em {
     /*display: inline-block;
     font-size:0.6em;
     font-weight:normal;*/
 }
 @media only screen and (max-width:430px) {
     .service_btn a span em {
         /*font-size:0.8em;*/
     }
 }

 .recruit_lp {
     width: 100%;
     max-width: var(--siteWidth);
     padding-top: var(--headerHeight_sp);
     margin-left: auto;
     margin-right: auto;
     background: #fff;
     box-shadow: 0 0 3em rgba(229,59,96,0.2);
 }
 .videoContainer {
     background: #fff1f0;
 }
 .videoFrame {
     width: 90%;
     margin-left: auto;
     margin-right: auto
 }
 .foot_space {
     height: calc(var(--bottomNavHeight) + 100px);
     background: #e63b5e;
 }
 @media only screen and (max-width:430px) {
     .foot_space {
         height: calc(var(--bottomNavHeight) + 120px);
     }
 }

 /* ▼-------------- 背景模様 --------------▼ */
 .lp_bg {
     position:fixed;
     bottom:0;
     left:0;
     width: 100%;
     z-index: -1;
 }

 /* ▼-------------- PC表示のコンテンツ左側ロゴ --------------▼ */
 .lp_logo_pc_bg {
     position: fixed;
     top:50%;
     transform: translateY(-50%);
     left: 0;
     width: calc((100% - 430px) / 2);
     text-align: center;
 }
 .lp_logo_pc_bg img {
     width: 230px;
 }
 @media only screen and (max-width:1040px) {
     .lp_logo_pc_bg {
         display: none;
     }
 }

 /* ▼-------------- PC表示のコンテンツ右側のLINE --------------▼ */
 .lp_line_pc_bg {
     position: fixed;
     top:50%;
     transform: translateY(-50%);
     right: 0;
     width: calc((100% - 430px) / 2);
     text-align: center;
 }
 .lp_line_pc_bg a {
     display: inline-block;
     border-radius:20px;
     box-shadow: 0 0 3em rgba(229,59,96,0.2);
     overflow: hidden;
 }
 .lp_line_pc_bg img {
     width: 300px;
 }
 @media only screen and (max-width:1040px) {
     .lp_line_pc_bg {
         display: none;
     }
 }

 /* ▼-------------- PC表示のコンテンツ右側の出稼ぎバナー --------------▼ */
 .lp_dekasegi_pc_bg {
     font-size:0;
     position: fixed;
     top:50%;
     transform: translateY(-50%);
     right: 0;
     /*display: flex;
     flex-wrap: wrap;*/
     width: calc((100% - 430px) / 2);
     text-align: center;
 }
 .lp_dekasegi_pc_bg a {
     /*display: inline-block;*/
     box-shadow: 0 0 3em rgba(229,59,96,0.2);
 }
 .lp_dekasegi_pc_bg .half {
     display: inline-flex;
     width: 360px;
 }
 .lp_dekasegi_pc_bg .half img {
     /*width: 360px;*/
     width: 180px;
 }
 .lp_dekasegi_pc_bg .wide {
     box-sizing:border-box;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 360px;
     padding:10px;
     margin-left: auto;
     margin-right: auto;
 }
 .lp_dekasegi_pc_bg .wide a {
     width: calc(360px - 20px);
 }

 @media only screen and (max-width:1200px) {
     .lp_dekasegi_pc_bg img {

     }
 }
 @media only screen and (max-width:640px) {
     .lp_dekasegi_pc_bg {

     }
 }



 /* ▼-------------- フッター固定ボタン --------------▼ */
 .bottomNav {
     position:fixed;
     bottom:1px;
     left:50%;
     transform:translateX(-50%);
     width:100%;
     max-width:100%;
     max-width:430px;
     z-index:9000;
 }
 .bottomNav ul {
     display:flex;
     flex-wrap: nowrap;
     justify-content: space-around;
     align-items: center;
     box-sizing:border-box;
     width:100%;
     height:var(--bottomNavHeight);
     margin:0;
 }
 .bottomNav ul li.top {
     width:20%;

 }
 .bottomNav ul li {
     display:table;
     position:relative;
     border-radius:0.7em;
     box-sizing:border-box;
     font-size:0.8em;
     /*width:calc((100% - 20% - 5px) / 3); 4つのとき*/
     /*width:calc((100% - 5px) / 3); 3つのとき*/
     height:var(--bottomNavHeight);
     text-align:center;
     color:#000000;
     letter-spacing:0.1em;
     overflow:visible;
 }
 .bottomNav ul li.line {
     width: calc(37% - 1px);
 }
 .bottomNav ul li.entry,
 .bottomNav ul li.tel {
     width: calc((31.5% - 1px));
 }

 .bottomNav ul li .bottomNav_text {/* ボタンに被るテキスト画像*/
     position: absolute;
     bottom:80%;
     left: 0;
     right: 0;
     margin: auto;
 }
 @media only screen and (max-width:640px) {
     .bottomNav ul li .bottomNav_text {
         /*top: -3%;*/
     }
 }


 .bottomNav ul li a {
     display:table-cell;
     border-radius:4px;
     box-sizing:border-box;
     height:var(--bottomNavHeight);
     vertical-align:middle;
     overflow:hidden;
 }
 .bottomNav ul li.line a {
     background:rgba(5,191,0,1);
     background:linear-gradient(to bottom, rgba(51,228,33,1) 0%,rgba(5,191,0,1) 100%);
 }
 .bottomNav ul li.entry a {
     background:rgba(255,51,176,1);
     background:linear-gradient(to bottom, rgba(238,121,145,1) 0%,rgba(230,59,95,1) 100%);
 }
 .bottomNav ul li.tel a {
     background:rgba(27,129,244,1);
     background:linear-gradient(to bottom, rgba(111,182,255,1) 0%,rgba(27,129,244,1) 100%);
 }
 .bottomNav ul li.top a {
     background:rgba(244,138,0,1);
     background:linear-gradient(to bottom, rgba(255,182,44,1) 0%,rgba(244,138,0,1) 100%);
 }

 .bottomNav ul li.top img {
     /*width:85%; 4つのとき*/
 }
 .bottomNav ul li img {
     /*width:75%; 4つのとき*/
     /*width:55%; 3つのとき*/
     max-height: var(--bottomNavHeight);
 }

 .page_top {
     position:absolute;
     /*bottom:calc(var(--bottomNavHeight) + 10px);*/
     bottom:calc(100% + 20px);
     right:5px;
     background: #e53b5f;
     box-shadow: 0 0 0.2em rgba(255,255,255,1);
     border-radius: 50%;
     width:50px;
     height: 50px;
     z-index:9000;
 }
 @media only screen and (max-width:430px) {
     .page_top {

     }
 }
 .page_top a {
     position: relative;
     display: block;
     height: 100%;
 }
 .page_top a::after {
     content: "";
     position:absolute;
     top:0;
     left:0;
     right: 0;
     bottom: 0;
     margin: auto;
     width: 0;
     height: 0;
     border-style: solid;
     border-right: 8px solid transparent;
     border-left: 8px solid transparent;
     border-bottom: 12px solid #fff;
     border-top: 0;
 }

 .bottomBanner {
     display: none;
     box-sizing: border-box;
     max-width: 430px;
     padding: 1px 1px 0;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
 }
 @media only screen and (max-width: 430px) {
     .bottomBanner {
         display: flex;
     }
 }


 @media only screen and (max-width: 430px) {
     .remodal_vioce {
         padding-left: 4%;
         padding-right: 4%;
     }
 }