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

main{
    background-color: #f9f6f1;
    overflow: hidden;
    box-sizing: border-box;
}
.desc-sandy{
    padding-top: 140px;
    position: relative;
    background-image: url("../img/header__sandy-beach.jpeg");
    background-size: cover;
    padding-bottom: 80px;
}
.desc-sandy h1{
    margin-bottom: 80px;
    margin-left: 12%;
    font-size: 2.4rem;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 600;
    font-style: normal;
}
.desc-sandy .desc1{
    margin-right: 8%;
    font-size: 1.8rem;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 400;
    font-style: normal;
    text-align: right;
    line-height: 1.7;
}

        @media(min-width:1020px){
            .desc-sandy{
                
                padding-top: 280px;
                padding-bottom: 70px;
            }
            .desc-sandy h1{
                margin-left: 20%;
                margin-bottom: 100px;
                font-size: 3.6rem;
                max-width: 840px;
                margin-inline: auto;
            }
            .desc-sandy .desc1{
                margin-right: 13.9%;
                font-size: 2.4rem;
                line-height: 1.9;
                max-width: 840px;
                margin-inline: auto;
            }
            
            }

/* ----------recruit-info------------------ */

.suv-title_recruit-info{
    width: 275px;
    height: 18px;
    display: block;
}
.recruit-info-section{
    position: relative;
}
.recruit-info-section h2{
    margin-top: 70px;
    margin-left: 4%;
}
.title_recruit-info{
    padding: 2rem 2rem 2rem 2rem;
    border-left: 1px solid;
    letter-spacing: 0.5rem;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.2rem;
    margin-bottom: 40px;
    display: block;
}
        @media(min-width:1020px){
            .suv-title_recruit-info{
                width: 306px;
                height: auto;
            }
            .recruit-info-section h2{
                max-width: 1040px;
                margin: 80px auto 0;
            }
            .title_recruit-info{
                padding: 3rem 3rem 3rem 2rem;
                font-size: 2.8rem;
            }
            }


.recruit-info_items{
    width: 91.5%;
    margin: 0 auto 150px;
    text-align: center;
    line-height: 1.7;
}
.recruit-info_items h3{
    font-weight: 600;
    margin-bottom: 10px;
}
.recruit-info_items .item2-txt .pcbr1470{
    display: none;
}
.recruit-info_items .item1,.recruit-info_items .item2,.recruit-info_items .item3,.recruit-info_items .item4,.recruit-info_items .item5,
.recruit-info_items .item6,.recruit-info_items .item7,.recruit-info_items .item8,.recruit-info_items .item9,.recruit-info_items .item10{
    padding: 40px 1rem 40px 1rem;
    border-top: 1px solid;
}
.recruit-info_items .item10{
    padding: 40px 1rem 40px 1rem;
    border-bottom: 1px solid;
}
.item2-txt_left-txt{
    text-align: left;
    width: 251px;
    margin: 0 auto;
}
/* .item4-txt_left-txt{
    text-align: left;
    width: 251px;
    margin: 0 auto;
} */


        @media(min-width:1020px){
            .recruit-info_items{
                max-width: 1040px;
                width: 72.2%;
                margin: 70px auto 200px;
                text-align: left;
                font-size: 1.8rem;
            }
            .recruit-info_items h3{
                margin-bottom: 0;
                margin-left: 40px;
                width: 33%;
            }
            .recruit-info_items .item1,.recruit-info_items .item2,.recruit-info_items .item3,.recruit-info_items .item4,.recruit-info_items .item5,
            .recruit-info_items .item6,.recruit-info_items .item7,.recruit-info_items .item8,.recruit-info_items .item9,.recruit-info_items .item10{
                padding: 60px 2rem 60px 0;
                border-top: 1px solid;
                display: flex;
            }
            .recruit-info_items .item2{
                padding: 60px 0 60px 0;
            }
            .recruit-info_items .item10{
                padding: 60px 2rem 60px 1.5rem;
                border-bottom: 1px solid;
            }
            .item1 .pcbr,.item4 .pcbr,.item5 .pcbr{
                
                display: none;
            }
            
            .item2-txt_left-txt{
                margin-left: 40px;
                width: 97%;

            }

            .recruit-info_items .item2-txt .pcbr1470{
                display: block;
            }

            }
            @media(min-width:1470px){
                .recruit-info_items .item2-txt .pcbr1470{
                    display: none;
    
                }

                }
    

/* ----------Personarity----------------- */

.suv-title_Personarity{
    width: 140px;
    height: 17px;
    display: block;
}
.Personarity-info-section{
    position: relative;
}
.Personarity-section h2{
    margin-top: 70px;
    margin-left: 4%;
}
.title_Personarity{
    padding: 2rem 2rem 2rem 2rem;
    border-left: 1px solid;
    letter-spacing: 0.5rem;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.2rem;
    margin-bottom: 40px;
    display: block;
}
        @media(min-width:1020px){
            .suv-title_Personarity{
                width: 155px;
                height: auto;
            }
            .Personarity-section h2{
                max-width: 1040px;
                margin: 80px auto 0;
            }
            .title_Personarity{
                padding: 3rem 3rem 3rem 2rem;
                font-size: 2.8rem;
            }
            }

.blue-bg-area{
background-color: #3d527d;
padding-top: 80px;
padding-bottom: 90px;

}
.blue-bg-area .area01,.blue-bg-area .area02{
background-color: #fff;
width: 310px;
height: 345px;
margin: 0 auto 25px;
}
.blue-bg-area .area03{
    background-color: #fff;
    width: 310px;
    height: 345px;
    margin: 0 auto;
    }

.blue-bg-area .number{
    display: block;
    width: 51px;
    height: 35px;
    margin: 0 auto;
    transform: translateY(-50%); 
}
.blue-bg-area p{
    width: 280px;
    text-align: center;
    margin: 20px auto 0;
    line-height: 1.7;
}  
.area02 p{
    margin-top: 70px;

}

.area01-communicate{
    width: 155px;
    height: 140px;
    display: block;
    margin: 30px auto 0;
}

.area02-hands{
width: 190px;
height: 130px;
display: block;
margin: 50px auto 0;
}

.area03-search{
width: 150px;
height: 110px;
display: block;
margin: 60px auto 0;
}

        @media(min-width:1020px){
            .blue-bg-area{
                padding-bottom: 80px;

                }
            .area3p{
                display: flex;
                max-width: 1040px;
                margin: 0 auto;
                justify-content: space-between;
            }
            .blue-bg-area .area01,.blue-bg-area .area02, .blue-bg-area .area03{
                margin: 0;
                background-color: #fff;
                width: 330px;
                height: 345px;
                }
            .blue-bg-area p{
                width: 280px;
                margin: 20px auto 0;
                font-size: 1.8rem;
            }  
            .area02 p{
                margin-top: 60px;
            }
            
            .area01-communicate{
                width: 145px;
                height: 140px;
                display: block;
                margin: 35px auto 0;
            }
            
            .area02-hands{
            width: 190px;
            height: 133px;
            display: block;
            margin: 60px auto 0;
            }
            
            .area03-search{
            width: 150px;
            height: 110px;
            display: block;
            margin: 60px auto 0;
            }

            }



/* ----------working----------------- */
/* .shapes-maker_mb{
    width: 374px;
    height: 31px;

} */
.shapes-maker{
    display: flex;
}
.shapes-maker1_pc{
    margin-top: 150px;
    width: 555px;
    height: 51px;
}
.shapes-maker2_pc{
    width: 555px;
    margin-top: 150px;
    margin-left: 43px;

}
.shapes-maker3_pc{
    display: none;
}
.suv-title_working{
    width: 175px;
    height: 17px;
    display: block;
}
.working-info-section{
    position: relative;
}
.working-section h2{
    margin-top: 70px;
    margin-left: 4%;
}
.title_working{
    padding: 2rem 2rem 2rem 2rem;
    border-left: 1px solid;
    letter-spacing: 0.5rem;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.2rem;
    margin-bottom: 40px;
    display: block;
}
.work-desc{
    padding-inline: 8%;
    letter-spacing: 0.01rem;
}
        @media(min-width:1020px){
            .shapes-maker {
                max-width: 1125px;
            }
            .shapes-maker1_pc{
                margin-top: 200px;
            }
            .shapes-maker2_pc{
                margin-top: 200px;
                width: 647px;
                height: 51px;
                }
            .shapes-maker3_pc{
                margin-top: 200px;
                width: 647px;
                height: 51px;
                display: block;
                margin-left: 43px;
            }
            .suv-title_working{
                width: 196px;
                height: auto;
            }
            .working-section h2{
                max-width: 1040px;
                margin: 80px auto 0;
            }
            .title_working{
                padding: 3rem 3rem 3rem 2rem;
                font-size: 2.8rem;
            }
            .work-desc{
                font-size: 1.8rem;
                margin: 0 auto;
                max-width: 943px;
                padding-inline: 0;
            }

            }


/* ----------place to work----------------- */
.place_to_work{
    display: block;
    box-sizing: border-box;
    padding: 25px 3% 40px 6%;
    background-color: #fff;
    border: 1px solid #2d2d2d;
    border-radius: 0;
    height: 300px;
    position: relative;
    margin-top: 40px;
    margin-right: 15%;
    letter-spacing: 0.1rem;
    line-height: 1.7;
}
.place_to_work::after{
    content: "";
    display: block;
    width: 30px;
    height: 250px;
    background-image: url("../img/SVG/6job-information__Placetowork_txt.svg");
    background-repeat: no-repeat;
    position: absolute;
    top: -1px;
    left: 100%;
    max-width: 30px;
}
.place_to_work-p .pcbr{
 display: none;
}
.private_time-h .pcbr2{
    display: none;
}
.working-section h3{
    font-size: 2.1rem;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 25px;
}


            @media(min-width:605px){
                .place_to_work-p .pcbr{
                    display: block;
                   }
                 .place_to_work .p1,.place_to_work .p2{
                    margin-bottom: 25px;
                }
            }


            @media(min-width:1020px){
                .margin-auto-area{
                    margin: 0 auto;
                    display: flex;
                    width: 782px;
            
                }
                .margin-auto-area2{
                    height: 260px;
                    margin: 0 auto;
                    display: flex;
                    width: 1040px;
            
                }
                .place_to_work{
                    height: 260px;
                }

                .place_to_work-p{
                    margin-top: 25px;
                    margin-left: 70px;
                }
                .place_to_work-h{
                    font-size: 2.4rem;
                    margin-bottom: 111px;
                    margin-left: 7%;
                    margin-top: 78px;
                }
                .private_time-h{
                    font-size: 2.4rem;
                    margin-bottom: 111px;
                    margin-left: 2%;
                    margin-top: 110px;
                    width: 24%;
                }
          

                }

                @media(min-width:1033px){
                    .private_time-h .pcbr2{
                        display: block;
                    }
                }
                @media(min-width:1200px){
                    .private_time-h .pcbr2{
                        display: none;
                    }
                }


/* ----------×----------------- */
.kakeru{
    display: block;
      width: 16px;
      height: 16px;
      margin: 30px auto;  

}
        @media(min-width:1020px){
            .kakeru{
                  width: 20px;
                  height: 20px;
                  margin: 20px auto;  
            
            }
            }

/* ----------private time----------------- */
.private_time{
    display: block;
    box-sizing: border-box;
    padding: 30px 6% 40px 7%;
    background-color: #3d527d;
    border: 1px solid #2d2d2d;
    border-radius: 0;
    height: 300px;
    position: relative;
    margin-left: 15%;
    color: #fff;
    letter-spacing: 0.1rem;
    line-height: 1.7;

}
.private_time::after{
    content: "";
    display: block;
    width: 30px;
    height: 235px;
    background-image: url("../img/SVG/6job-information__Privatetime_txt.svg");
    background-repeat: no-repeat;
    position: absolute;
    top: 70px;
    left: -30.5px;
    max-width: 30px;
}

.private_time_p .pcbr{
    display: none;
}
            @media(min-width:605px){
                .private_time_p .pcbr{
                    display: block;
                }
                .private_time .p1{
                    margin-bottom: 25px;
                }
            }

            @media(min-width:1020px){
                .private_time{
                    padding: 0 3% 40px 4%;
                    height: 260px;
                    margin-left: 24.3%;
                    display: flex;
                }

                .private_time_p{
                    margin-top: 75px;
                    margin-left: 70px;
                }
                .private_time_p .pcbr{
                    display: block;
                }
                .private_time::after{
                    top: 30px;
                }
                }
  

   
/* ----------video-section------------------- */


.video-section p{
    text-align: center;
    margin-top: 80px;
    position: relative;
    margin-inline: 5%;
    line-height: 1.7;
    font-size: 1.4rem;
}

.video-section p::after{
    content: "";
    display: block;
    width: 16px;
    height: 18px;
    background-image: url("../img/SVG/youtube__double-arrows-pc.svg");
    position: absolute;
    background-repeat: no-repeat;
    top: 147px;
    left: 50%;
    
}

.video{
    margin: 70px auto 100px;
    width: 345px;
    /* height: 200px; */
    aspect-ratio: 16 / 9;
}

.video iframe{
    width: 100%;
    height: 100%;
}

        @media(min-width:375px){
            .video-section .spbr{
                display: none;
            }

            }

            @media(min-width:494px){
                .video-section p::after{
                    top: 122px;
                    left: 50%;
                }
    
                }
                @media(min-width:650px){
                    .video-section p::after{
                        top: 96px;
                        left: 50%;
 
                    }
                    .video{
                        width: 450px;
                    }
                    }
                    @media(min-width:729px){
                        .video-section p::after{
                            top: 100px;
                            left: 50%;
                        }
            
                        }
        
    
            @media(min-width:1020px){
                .video{
                    margin: 70px auto 200px;
                    width: 800px;
                    height: 440px;

                }
                .video-section p{
                    margin-top: 145px;
                    line-height: 1.7;
                    font-size: 1.8rem;
                }
                .video-section p::after{
                    top: 115px;
                    width: 21px;
                    height: 28px;
                }
                .spbr{
                    display: none;
                }
              
            }
 .shapes-maker{
    display: flex;
}
.shapes-maker4_pc{
    width: 555px;
    height: 51px;
    margin-bottom: 140px;
}
.shapes-maker5_pc{
    width: 555px;
    margin-left: 43px;
    margin-bottom: 140px;
}
.shapes-maker6_pc{
    display: none;
}
      
            @media(min-width:1020px){
                .shapes-maker {
                    max-width: 1125px;
                }
                .shapes-maker4_pc{
                    margin-bottom: 190px;
                }
                .shapes-maker5_pc{
                    margin-bottom: 190px;
                    width: 647px;
                    height: 51px;
                    }
                .shapes-maker6_pc{
                    margin-bottom: 190px;
                    width: 647px;
                    height: 51px;
                    display: block;
                    margin-left: 43px;
                }
                }

  /* --------------Evaluation system--------------- */
.suv-title_Evaluation-system{
    width: 200px;
    height: 17px;
    display: block;
}
.Evaluation-system-section h2{
    margin-left: 4%;
}
.title_Evaluation-system{
    padding: 2rem 2rem 2rem 1rem;
    border-left: 1px solid;
    letter-spacing: 0.5rem;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.2rem;
    display: block;
}

        @media(min-width:1020px){
            .suv-title_Evaluation-system{
                width: 224px;
                height: auto;
            }
            .Evaluation-system-section h2{
                max-width: 1040px;
                margin: 0 auto 0;
            }
            .title_Evaluation-system{
                padding: 3rem 3rem 3rem 1.5rem;
                border-left: 1px solid;
                letter-spacing: 0.5rem;
                font-family: "Zen Maru Gothic", serif;
                font-weight: 400;
                font-style: normal;
                font-size: 2.8rem;
            }
            }

.Evaluation-white-area{
    display: block;
    box-sizing: border-box;
    padding: 60px 6% 100px 7%;
    background-color: #fff;
    border: 1px solid #2d2d2d;
    border-radius: 0 50px 50px 0;
    height: 1390px;
    position: relative;
    margin: 30px 4% 150px 0;
    letter-spacing: 0.1rem;
    line-height: 1.7;

}
.Evaluation-desc{
    max-width: 500px;
    margin: 0 auto 35px;
}

.Evaluation-salary{
    max-width: 500px;
    margin: 0 auto;
}

.Evaluation-salary .item{
    width: 55px;
}

.Evaluation-salary .salary{
    width: 303px;
    max-width: 303px;
    margin: 10px 0 30px;
}
.plus{
    width: 18px;
    height: 18px;
    margin-left: 49%;
}

.bonus{
    display: block;
    box-sizing: border-box;
    padding:27px;
    background-color: #fff;
    border: 1px solid #2d2d2d;
    border-radius: 30px;
    width: 230px;
    height: 150px;
    position: relative;
    margin: 20px auto 48px;
    letter-spacing: 0.1rem;
    line-height: 1.7;

}
.bonus-desc .under_line{
    border-bottom: 1px solid;

}
.bonus-desc .red-color{
    color: #d35858;
    font-size: 2.4rem;
    font-weight: 600;
}
.big-txt{
    font-size: 1.8rem;
}
.example-bonus{
    padding-inline:3%;
    padding-top: 30px;
    background-color: #fff;
    border: 1px solid #2d2d2d;
    border-radius: 0;
    max-width: 630px;
    height: 770px;
    position: relative;
    margin-top: 60px;
    margin-inline: auto;
    letter-spacing: 0.1rem;
    line-height: 1.7;

}
.example-bonus .ex-txt{
    width: 270px;
    margin: 0 auto;
}

.A-man{
    width: 101px;
    margin: 15px auto 10px;
}
.name-A{

    font-size: 1.4rem;
    top: -20px;
    left: 30px;
    position: relative;
}
.A-man-img{
    width: 101px;
    height: 102px;
    position: relative;

}
.A-man-txt{
    width: 255px;
    margin: 0 auto 40px;
}
.results-A{
    margin-bottom: 25px
}
.A-man-txt .red-color{
    color: #d35858;
    font-size: 1.8rem;
}
.salary-A{
    position: relative;
    width: 255px;
}
.salary-A::after{
    content:"";
    display:block;
    width: 295px;
    height:1px;
    background-color:var(--black);
    position:absolute;
    top:115px;
    left: -18px;

}
.example-bonus .ex-txt span{
    display: block;
    font-size: 1.4rem;
    display: inline-block;
}


.B-woman{
    width: 110px;
    margin: 60px auto 15px;
}

.B-woman-img{
    width: 110px;
    height: 110px;
}
.name-B{
    position: relative;
    font-size: 1.4rem;
    top: -15px;
    left: 36px;
}
.B-woman-txt{
    width: 255px;
    margin: 0 auto 40px;
}
.results-B{
    margin-bottom: 25px
}
.B-woman-txt .red-color{
    color: #d35858;
    font-size: 1.8rem;
}
.salary-B{
    position: relative;
    width: 255px;
}


            @media(min-width:1020px){
                .Evaluation-white-area{
                    padding: 75px 0 80px 14.8%;
                    border-radius: 0 80px 80px 0;
                    height: 920px;
                    margin: 40px 20.4% 200px 0;
                    position: relative;
                    min-width: 1010px;
                }


                
                .Evaluation-desc{
                    margin: 0 auto 30px;
                    font-size: 1.8rem;
                    max-width: 934px;
                }
                .salary-system{
                    display: flex;
                    margin: 0 auto;
                    width: 934px;
                }
                .Evaluation-salary{
                    display: flex;
                    font-size: 1.8rem;
                    margin: 0;
                    margin-top: 50px;
                }
                .Evaluation-salary .item{
                    width: 60px;
                }
                
                .Evaluation-salary .salary{
                    width: 365px;
                    margin: 0;
                    max-width: 365px;
                }
                .plus{
                    width: 18px;
                    height: 18px;
                    margin-left: 0;
                    margin-top: 70px;
                }
                
                .bonus{
                    width: 235px;
                    margin: 0 0 55px 40px;
                }
                .example-bonus{
                    padding-top: 55px;
                    padding-inline:63px;
                    min-width: 680px;
                    height: 475px;
                    margin: 0 auto;
                    left: -132px;
                }
                .example-bonus .pcbr{
                    display: none;
                }
                .example-bonus .ex-txt {
                    width: 568px;
                }
                .example-bonus .ex-txt .pcbr{
                    display: none;
                }
                .A-man-area,.B-woman-area{
                    display: flex;
                    width: 568px;
                    margin: 0 auto;
                }
                .A-man {
                    width: 101px;
                    margin: 35px 30px 35px 45px;
                }

                .A-man-txt {
                    width: 330px;
                    margin: 35px 0 0;
                }
                .salary-A {
                    position: relative;
                    width: 334px;
                }
                .salary-A::after {
                    width: 525px;
                    height: 1px;
                    top: 95px;
                    left: -126px;
                }
                .B-woman {
                    width: 110px;
                    margin: 20px 30px 55px 40px;
                }
                .B-woman-txt {
                    width: 330px;
                    margin: 20px 0 0;
                }
                .salary-B {
                    position: relative;
                    width: 335px;
                }

                .example-bonus::after{
                    content: "";
                    display: block;
                    max-width: 1145px;
                    width: 50px;
                    height: 535px;
                    background-image: url("../img/SVG/6job-information:pc:__4shapes_short.svg");
                    background-repeat: no-repeat;
                    position: absolute;
                    top: -50px;
                    left: 0;
                    transform: translateX(1625%);
                }
                }







                
  /* --------------entry-link--------------- */
  .entry-link{
    background-image: url("../img/entry-link__4shapes-big.jpg");
    background-size: cover;
    width: 375px;
    height: 350px;
    margin: 0 auto;
    border: 1px solid;
    position: relative;

}
.entry-frame{
    display: inline;
    background-color: #2d2d2d; /* 背景色 */
    color: #fff; /* 文字色 */
    padding: 25px 74px 25px 74px; /* パディング */
    font-size: 1.8rem; /* フォントサイズ */
    font-family: "Zen Maru Gothic", serif;
    font-weight: 400;
    font-style: normal;
    position: absolute;
    margin: 128px 32px 150px;
}
.entry-link_button{
    background-color: #fff; /* 背景色 */
    color: var(--black); /* 文字色 */
    padding: 16px 110px 16px 40px; /* パディング */
    font-size: 1.6rem; /* フォントサイズ */
    font-family: "Zen Maru Gothic", serif;
    font-weight: 400;
    font-style: normal;
    border: 1px solid #2d2d2d;
    border-radius: 27.3px; 
    position: relative;
    top: 240px;
    left: 48px;
}
.entry-link_button::after{
    content: "";
    display: block;
    width: 61px;
    height: 13px;
    background-image: url("../img/link-button__long-arrow.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
    left: 190px;
}



/* --------------contact-link--------------- */

.contact-link{
    background-image: url("../img/ticket-link.png");
    background-size: cover;
    width: 375px;
    height: 350px;
    margin: 0 auto;
    border: 0.5px solid;
    margin-bottom: 200px;
    position: relative;
}
.contact-frame{
    display: inline;
    background-color: #2d2d2d; /* 背景色 */
    color: #fff; /* 文字色 */
    padding: 25px 45px 25px 45px; /* パディング */
    font-size: 1.8rem; /* フォントサイズ */
    font-family: "Zen Maru Gothic", serif;
    font-weight: 400;
    font-style: normal;
    position: absolute;
    margin: 128px 32px 150px;
}
.contact-link_button{
    background-color: #fff; /* 背景色 */
    color: var(--black); /* 文字色 */
    padding: 16px 125px 16px 40px; /* パディング */
    font-size: 1.6rem; /* フォントサイズ */
    font-family: "Zen Maru Gothic", serif;
    font-weight: 400;
    font-style: normal;
    border: 1px solid #2d2d2d;
    border-radius: 27.3px; 
    position: relative;
    top: 240px;
    left: 48px;
}
.contact-link_button::after{
    content: "";
    display: block;
    width: 61px;
    height: 13px;
    background-image: url("../img/link-button__long-arrow.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
    left: 190px;
}
            @media(min-width:1020px){
                .entry-link_and_contact-link{
                    display: flex;
                    max-width: 1440px;
                    margin: 0 auto 350px;
                }

                .entry-link{
                    padding-inline: 0%;
                    width: 50vw;
                    height: 46vw;
                    max-height: 670px;
                    margin: 0;

                }
                .entry-frame{
                    text-align: center;
                    display: block;
                    padding: 5% 9% 5% 9%;
                    font-size: 2rem;
                    margin: 42% 21% 42% 21%;
                    width: 59%;
                    min-width: 300px;
                }
                .entry-link_button{
                    display: block;
                    padding: 21px 80px 21px 57px;
                    font-size: 1.8rem;
                    border-radius: 35px;
                    top: 70%;
                    left: 0%;
                    max-width: 330px;
                    margin: 0 auto;
                    width: 63%;
                }
                .entry-link_button::after{
                    width: 62px;
                    height: 15px;
                    top: 27px;
                    left: 235px;
                }
                
                

                .contact-link{
                    width: 50vw;
                    height: 46vw;
                    max-height: 670px;
                    margin: 0;
                    border: 1px solid #2d2d2d;
                }
                .contact-frame{
                    text-align: center;
                    display: block;
                    padding: 5% 2% 5% 2%;
                    font-size: 2rem;
                    margin: 42% 21% 43% 21%;
                    width: 62%;
                    min-width: 300px;
                }
                .contact-link_button{
                    display: block;
                    padding: 21px 130px 21px 57px;
                    font-size: 1.8rem;
                    border-radius: 35px;
                    top: 70%;
                    left: 0%;
                    max-width: 330px;
                    margin: 0 auto;
                    width: 63%;
                }
                .contact-link_button::after{
                    width: 62px;
                    height: 13px;
                    top: 27px;
                    left: 235px;
                }
                
                

                }
                @media(min-width:1440px){
                    .entry-frame{
                        font-size: 2.4rem;
                    }
                    .contact-frame{
                        font-size: 2.4rem; 
                    }

            }