main.tomas  .visible-xs{
display:none;
}
main.tomas  .hidden-xs{
display:block;
}
@media(max-width:640px){
main.tomas  .hidden-xs{
display:none;
}
main.tomas  .visible-xs{
display:block;
}
}


.hd-cv a{
width:200px;
background:none;
}

.hd-cv__txt{
background-color:#06C755;
border:1px solid #06C755;
font-weight:500;
border-radius:0.25em;
font-size:85%;
padding:0.5em;
line-height:1.25em;
margin-right:1em;
}



@media(max-width:1279px){

.hd-cv a{
background-color:#06C755;
font-size:min(3.5vw,14px);
width:12em;
}

 .hd-cv__txt{
display:block;
line-height:1.2;
margin-right:0;
}
}

@media(max-width:640px){

.hd-cv a{
width:9em;
text-align:center;
}

 .hd-cv__txt{
display:inline;
line-height:1.4;
word-break: keep-all;
}

}


main.tomas #career-recruit p.date{
font-size:14px;
text-align:right;
}

main.tomas #career-recruit h2 span{
display:block;
font-size:65%;
margin-bottom:0.5em;

}

main.tomas #career-recruit h3{
font-size:21px;
color:#000;
background:#ddf4f6;
line-height:1.5;
margin:0;
padding:0.5em 1em 0.5em 1em;
letter-spacing:0.1em;
font-weight:400;
}

main.tomas #career-recruit div.message,main.tomas #career-recruit div.flow,main.tomas #career-recruit div.gallery{
border:4px solid #ddf4f6;
border-top:0;
padding:1em 1em 0 1em;
margin-bottom:2em;
}


main.tomas #career-recruit div.message p{
margin-bottom:1em;
font-size:16px;
}


main.tomas #career-recruit div.message img{
float:right;
width:100%;
max-width:380px;
margin-bottom:1em;
margin-left:1em;
}


main.tomas #career-recruit div.gallery{
 display: flex;
  flex-wrap: wrap;
  gap: 20px;     
}

main.tomas #career-recruit div.gallery img {
  width: 100%;
  object-fit: cover;
  margin-bottom:10px;
}

main.tomas #career-recruit p{
margin-bottom:1em;
font-size:16px;
}

main.tomas #career-recruit h4{
font-size:16px;
font-weight:600;
color:#333;
border-left:1em solid #53c8d2;
line-height:1; 
padding-left:1em;
margin-bottom:16px;
}


#to_entry{
text-align:center;
}

#to_entry a{
display:inline-block;
font-size:18px;
width:16em;
margin:0em auto 0em auto;
padding:0.75em 1em 0.75em 1em;
background:#e93;
color:#fff;
font-weight:bold;
border:4px double #fff;
}

#to_entry a.line{
background:#06C755;
margin-left:1em;
}

#to_entry small{
text-align:center;
color:#333;
display:block;
}


#to_entry2 {
font-size:min(3.5vw,18px);
    position: fixed;
    width:100%;
    text-align:center;
    bottom: 0;
    left:0;
    padding:0.5em;
background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.3s ease, opacity 0.3s ease;
    z-index: 9999;
}

#to_entry2.hide {
    transform: translateY(150px);
    opacity: 0;
    pointer-events: none;
}


#to_entry2 a{
display:inline-block;
font-size:18px;
margin:0.75em auto 0.75em auto;
padding:0.75em 1em 0.75em 1em;
background:#e93;
color:#fff;
font-weight:bold;
border:4px double #fff;
width:16em;
}

#to_entry2 a.line{
background:#06C755;
margin-left:1em;
}


 #to_entry2 small{
text-align:center;
display:block;
color:#fff;
font-weight:bold;
}


@media(max-width:640px){

 #to_entry a,  #to_entry2 a{
font-size:3.5vw;
width:10em;
word-break: keep-all;
line-height:1.2;

}

}


@media (min-width: 768px) {
main.tomas #career-recruit div.gallery img  {
 object-fit: contain; 
 width: calc(50% - 10px);
 margin-bottom:10px; 
 object-fit: cover; 
  }
}


/* form */

#main.tomas .page-header h1.form-title{
width:100%;
text-align:center;
font-size:min(4.5vw,28px);
color:#fff;
border-top:1px solid #fff;
line-height:6;
background:#53c8d2;

}


.contact-block {
max-width:800px;
margin:0 auto 0 auto;
}

.contact-block form {
display:block;
width:100%;
max-width:640px;
margin:0 auto 0 auto;
}


.contact-block .icon-require{
font-size:12px;
color:#d00;
border:1px solid #d00;
background:#fff;
padding:0.25em 0.5em 0.25em 0.5em;
margin-left:0.5em;
border-radius:16px;
font-weight:400;
}


.contact-block dt{
font-size:15px;
font-weight:600;
color:#333;
border-left:1em solid #53c8d2;
line-height:1; 
padding-left:1em;
background:#53c8d233;
line-height:1; 
padding:0.75em 1em 0.75em 1em;
margin-top:2em;
margin-bottom:1em;
}

.contact-block .filed-group .filed-item{
display:inline-block;
margin-right:0.5em;
}
.contact-block .filed-group .filed-item select{
margin-right:0.5em;
}

.contact-block .input-group{
margin-bottom:1em;
}

main.tomas #career-recruit #agreement-block  h3{
font-size:15px;
font-weight:600;
color:#333;
border-left:1em solid #53c8d2;
line-height:1; 
padding-left:1em;
background:#53c8d233;
line-height:1; 
padding:0.75em 1em 0.75em 1em;
margin-top:2em;
margin-bottom:1em;
}

main.tomas #career-recruit .agreement-text{
font-size:13px;
display:block;
width:100%;
padding:1em;
border:1px solid #999;
height:12em;
overflow-y: scroll;
margin-bottom:2em;
}

main.tomas #career-recruit .agreement-text p{
font-size:14px;
}

main.tomas #career-recruit label{
font-size:15px;
color:#333;
}

main.tomas #career-recruit .alert-error{
font-size:14px;
color:#d00;
}

main.tomas #career-recruit .subumit-box{
text-align:center;
}

main.tomas #career-recruit .btn-submit{
display:inline-block;
background:#d00;
width:12em;
text-align:center;
margin:1em 0.5em 0 0;
padding:0.5em 1em 0.5em 1em;
color:#fff;
border:6px double #fff;
border-radius:8px;
transition: opacity 0.3s ease;
}
main.tomas #career-recruit .btn-submit:hover{
opacity:0.7;
}