.title-page{
margin-bottom: 0;
}  .p-recruit-maintxt{
margin-top: 80px;
}
.p-recruit-maintxt p{
font-weight: bold;
font-size: clamp(1.2rem, 1.7vw, 1.7rem);
line-height: 2.5em;   
}
.p-recruit-maintxt .mainText{
font-weight: bold;
font-size: clamp(2.0rem, 3.3vw, 3.3rem);
line-height: 1.5em; 
}
.p-recruit-maintxt p:nth-of-type(2){
margin: 50px 0;
} .loop_wrap {
display: flex;
width: 100vw;
height: 300px;
overflow: hidden;
flex-direction: row;
background-color: #7F8486;
}
.loop_wrap img {
width: auto;
height: 100%;
min-width: auto;
}
@keyframes loop {
0% {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
@keyframes loop2 {
0% {
transform: translateX(0);
}
to {
transform: translateX(-200%);
}
}
.loop_wrap img:first-child {
animation: loop 140s -70s linear infinite;
}
.loop_wrap img:last-child {
animation: loop2 140s linear infinite;
}
@media screen and (max-width:768px){
.loop_wrap {
display: flex;
height: 200px;
width: auto;
overflow: hidden;
flex-direction: row;
background-color: #7F8486;
}
.loop_wrap img {
}
} h3{
font-size: clamp(2.0rem, 3.4vw, 3.4rem);
color: #0a347f;
font-weight: bold;
position: relative;
text-indent: 1.5em;
margin: 100px 0  15px 0;
}
h3::before{
content: url(//www.itall.co.jp/wp-content/themes/itallsite/img/common/title_circle.svg); filter: invert(16%) sepia(25%) saturate(6548%) hue-rotate(209deg) brightness(94%) contrast(99%);
fill: #0a347f;
width: 3rem;
height: 3rem;
position: absolute;
left: -1.5em;
}
.p-recruit-guide .text-item dl{
display: flex; 
border-top: 1px solid #e6e6e6 ;
width: 100%;
padding: 50px 0;
}
.p-recruit-guide .text-item dl:last-child{
border-bottom: 1px solid #e6e6e6 ;  
}
.text-item dl dt{
position: relative;
width: 40%;
font-size: clamp(1.8rem, 2.3vw, 2.3rem);
}
.text-item dl dt span{
font-size: clamp(1.2rem, 1.5vw, 1.5rem);
display: block;
margin:;
}
.text-item dl dt .sign{
color: #c30000;
border: 1px solid #c30000;
display: inline-block;
margin-left: 10px;
padding: 0 10px;
}
.p-recruit-guide .text-item dl dd{
width: 60%;
display: flex;
justify-content: space-between;
align-items: center;
font-size: clamp(1.2rem, 1.5vw, 1.5rem);
}
.btn-blue{
border-color: #0a347f;
}
.btn-blue a{
font-size: 1.5rem;
padding: 10px 25px;
color: #0a347f;
}
.service-link-list{
margin-top: 10px;
}
.service-link-list li a{
position: relative;
font-size: 1.4rem;
}
.service-link-list li a:after{
position: absolute;
content: url(//www.itall.co.jp/wp-content/themes/itallsite/img/common/blank_icon.svg);
top: 0;
right: -2em;
width: 18px;
height: 18px;
}
@media screen and (max-width:992px){
.p-recruit-guide .text-item dl{
flex-direction: column;
}
.text-item dl dt{
width: 100%;
}
.p-recruit-guide .text-item dl dd{
display: block;
width: 100%;
}
.p-recruit-guide .text-item dl dd .btn-blue{
text-align: center;
display: block;
width: 150px;
float: right;
margin-top: 10px;
}
} .p-recruit-benefits ul,
.p-recruit-member ul{
display: flex;
flex-wrap:wrap;
justify-content:space-between;
gap: 0.5%;
width: 100%;
}
.p-recruit-benefits ul li,
.p-recruit-member ul li{
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #e6e6e6 ;
width:49.5%;
padding: 20px;
margin-top: 1%;
gap: 10px;
}
.text-data{
width: 70%;
}
.text-data p{
font-size: clamp(1.2rem, 1.5vw, 1.5rem);
color: #666;  
}
.text-data p:first-child{
color: #0a347f;
font-size: clamp(1.8rem, 2.3vw, 2.3rem);
font-weight: bold;
}
.p-recruit-benefits ul li img{
margin: 0 auto;
}
.p-recruit-member .circle-img{
width: 140px;
height: 140px;
border-radius: 50%;
position: relative;
overflow: hidden;
}
.p-recruit-member li{
list-style: none;
}
.p-recruit-member li img{
position: absolute;
top: 0;
left: 0;
width: auto;
height: 140%;
object-fit: cover;
}
@media screen and (max-width:768px){
.p-recruit-benefits ul, .p-recruit-member ul{
display: block;
}
.p-recruit-benefits ul li, .p-recruit-member ul li{
width: 100%;
}
.p-recruit-member .circle-img{
width: 100px;
height: 100px;
}
} .p-recruit-gallery{
background: #e6eaf2;
padding: 40px 0  40px 0;
margin-top: 80px;
}
.p-recruit-gallery .p-commonBox__inner p{
font-weight: bold;
color: #0a347f;
font-size: 4rem;
margin-bottom: 30px;
} .slider { width:94%;
margin:0 auto;
}
.slick-slide li{
background: #fff;
width: 97% !important;
margin: 3% !important;
border-radius: 6px;
}
.slider li img {
width:100%; height:auto;
border-radius: 6px 6px 0px 0px;
}
.slider li p {
padding: 10px;
font-size: 13px;
color: #666;
line-height: 1.3em;
float: left;
} .slider .slick-slide {
margin:0;
} .slick-prev, 
.slick-next {
position: absolute; top: 42%;
cursor: pointer; outline: none; border-top: 2px solid #666; border-right: 2px solid #666; height: 15px;
width: 15px;
}
.slick-prev { left: -1.5%;
transform: rotate(-135deg);
}
.slick-next { right: -1.5%;
transform: rotate(45deg);
} .slick-dots {
display: none!important;
} .p-recruit-message{
background: url(//www.itall.co.jp/wp-content/themes/itallsite/img/recruit/recruit-bg.png) no-repeat center center / cover;
padding: 0 0 250px 0;
}
.p-recruit-message p{
font-size: clamp(1.5rem, 1.7vw, 1.7rem);
line-height: 2em;
}
.p-recruit-message p:first-child{
font-weight: bold;
color: #0a347f;
font-size: 2.3rem;
padding: 20px 0 20px 0;
}
.p-recruit-message .p-commonBox__inner{
padding: 60px 0;
}
.p-recruit-message .p-commonBox__inner__box{
background: #fff;
padding: 60px;
}
@media screen and (max-width:768px){
.p-recruit-message .p-commonBox__inner__box{
padding: 40px 20px;
}
} .p-recruit-banner{
padding: 100px 0;
}
.p-recruit-banner a{
width: 100%;
display: flex;
justify-content: space-between;
gap: 15px;
}
.p-recruit-banner a img{
width: 100%;
height: auto;
}
.p-recruit-banner a img:first-child{
width: 30%;
}
.p-recruit-banner a:hover{
opacity: 0.8;
}
@media screen and (max-width:768px){
.p-recruit-banner{
padding: 50px 10px;
color: #0a347f;
font-weight: bold;
}
.p-recruit-banner a img:first-child{
display: none;
}
} .p-requirement h3{
color: #000;
font-size: 2.1rem;
font-weight: bold;
position: relative;
text-indent: 1.5em;
margin: 100px 0  15px 0;
}
.p-requirement h3::before{
content: url(//www.itall.co.jp/wp-content/themes/itallsite/img/common/title_circle.svg); filter: invert(16%) sepia(25%) saturate(6548%) hue-rotate(209deg) brightness(94%) contrast(99%);
fill: #0a347f;
width: 3rem;
height: 3rem;
position: absolute;
left: -1.5em;
}
.p-requirement .text-item {
}
.p-requirement .text-item dl{
display: flex; 
width: 100%;
}
.p-requirement .text-item dl:first-of-type dt,
.p-requirement .text-item dl:first-of-type dd{
border-top: 1px solid #e6e6e6;
}
.p-requirement .text-item dl dt{
position: relative;
width: 23%;
font-size: clamp(1.4rem, 1.7vw, 1.7rem);
border-bottom: 2px solid #a7aac5;
padding: 40px 0;
}
.p-requirement .text-item dl dd{
width: 60%;
justify-content: space-between;
align-items: center;
font-size: clamp(1.4rem, 1.6vw, 1.6rem);
padding: 40px 0 40px 40px;
border-bottom: 1px solid #e6e6e6 ;
}
.p-requirement .text-item dl dd a{
color: #c30000;
}
.btn-entry{
display: block;
width: 330px;
margin: 50px auto 150px auto;
}
.p-requirement .btn-entry a{
font-size: 40px;
letter-spacing:10px;
font-weight: normal;
text-align: center;
}
.p-requirement .btnicon a::after{
content: "";
display: inline-block;
margin-bottom: 1px;
width: 25px;
height: 25px;
position: relative;
top: 0;
left: 0;  
}
@media screen and (max-width:992px){
.p-requirement h3{
font-size: 1.5rem;
}
.p-requirement h3::before{
left: -2em;
width: 2rem;
height: 2rem;
top:0.5rem;
}
.p-requirement .text-item dl:first-of-type dd{
border-top: none;
}
.p-requirement .text-item dl{
flex-direction: column;
}
.p-requirement .text-item dl dt{
width: 100%;
border-bottom: none;
padding: 20px 0 0 0;
}
.p-requirement .text-item dl dd{
display: block;
width: 100%;
padding: 0 0 20px 0;
}
} .entry-form button,
.entry-form input,
.entry-form optgroup,
.entry-form select,
.entry-form textarea{
appearance: auto;
}
.entry-form input,
.entry-form textarea{
background-color: #ebf0f0;
border-radius: 3px;
padding: 10px;
}
p:has(span){
}
span.require{
color: red;
font-weight: normal;
}
.entry-form{
margin-top: 40px;
}
.entry-form dl{
display: flex; 
align-items: center;
border-top: 1px solid #e6e6e6 ;
width: 100%;
padding: 30px 0;
font-size: clamp(1.2rem, 1.7vw, 1.7rem);
}
.entry-form dl:last-of-type{
border-bottom: 1px solid #e6e6e6 ;  
}
.entry-form dl dt{
position: relative;
width: 20%;
}
.entry-form dl dd{
width: 80%;
display: flex;
justify-content: space-between;
align-items: center;
}
.entry-form .info{
font-size: 1.3rem;
color: #999;
margin-bottom: 15px;
}
.entry-form .file-select{
background-color: #fff;
padding: 20px;
font-size: 1.5rem;
}
.entry-form .btn-select{
display: flex;
flex-direction: column;
}
.entry-form .btn-select span{
margin-right: 1.5em;
margin-top: 15px;
}
.note-sec{
width: 100%;
}
.submit-area{
text-align: center;
margin-top: 30px;
}
.entry-form .submit-area .wpcf7-submit{
background-color: #fff;
padding: 15px 60px;
border-radius: 30px;
font-weight: bold;
color: #0a347f;
border: 1px solid #0a347f;
font-size: 2rem;
display: block;
margin: 30px auto;
}
.entry-form .submit-area .wpcf7-submit:hover{
background-color: #0a347f;
color: #fff;
}
.wpcf7-list-item-label a{
text-decoration: underline;
padding-left: 0.5em;
} .screen-reader-response{
margin-bottom: 20px;
padding: 5px;
color: red;
}
.screen-reader-response > ul{
display: none;
}
.wpcf7-not-valid-tip{
color: red;
margin-left: 1em;
}
input:has(+ .wpcf7-not-valid-tip) {
border: 1px solid;
background-color: #feeced;
}
.wpcf7-response-output{
color: red;
background-color: #fde4e6;
text-align: center;
} .screen-reader-response:has(+ .sent){
color: #000;
background-color: #fff;
}
.sent{
display: none;
}
.h3:has(+ .sent){
display: none;
}
.thanks-text{
margin: 100px 0 300px 0;
text-align: center;
}
.back-btn a{
background-color: #fff;
padding: 15px 60px;
border-radius: 30px;
font-weight: bold;
color: #0a347f;
border: 1px solid #0a347f;
font-size: 2rem;
margin: 30px auto;
display: inline-block;
margin-top: 60px;
}
.back-btn a:hover{
background-color: #0a347f;
color: #fff;
}
@media screen and (max-width:992px){
.entry-form dl{
flex-direction: column;
}
.entry-form dl dt{
width: 100%;
}
.entry-form dl dd{
display: block;
width: 100%;
}
.entry-form dl dd .btn-blue{
text-align: center;
display: block;
width: 150px;
float: right;
margin-top: 10px;
}
}
@media screen and (max-width:768px){
.entry-form .text-area{
width: 100%;
padding: 10px;
}
}