/*!
Theme Name: air_ex
Author: IJU Co.,Ltd
Description: エアーエキスプレス株式会社
Version: 1.0.0

*/

.company-name{
    display: block;
    font-size: 0.8rem;
    text-align: center;
}
.navbar h1 {
    line-height: 1.5rem;
    display: flex;

}
.navbar h1::before{content: url(assets/images/ae-logo.svg); 
    padding-right: 5px;width:50px; display: inline-block;vertical-align: top;
    transform: scale(1);position:relative;top:-3px;}

 @media only screen and (max-width: 833px) {
        .navbar h1::before{top:0px;}
 }
 @media only screen and (max-width: 380px) {
    .navbar h1{line-height: 1.2rem;}
    .navbar h1 span{font-size:1.3rem ;}
    .navbar h1 span.company-name{font-size: 0.6rem;}
    .navbar h1::before{width:30px;}
}
.js-fadein {
    opacity: 0;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    transition: all 1s ease-in-out;
    transition-delay: .6s;
  }
  
  .js-fadein.is-fade {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }

  
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color:  var(--primary-color);

}
.page-id-13 .box{width:50%;padding:3% 2%; text-align: center;}
.page-id-13 .box img{width:100%;}
.page-id-13 .box h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1em;
    color: var(--primary-color);
    margin-bottom: 24px;
    font-weight: normal;
    text-align: center;
}
.page-id-13 .box .clm-txt {
    width:80%;
    margin: 0 auto 1rem;
    line-height: 2.14286em;
    text-align: left;
}
@media only screen and (max-width: 767px) {
    .page-id-13 .box{width:100%;padding:3% 2%; text-align: center;margin-bottom:5rem;}
    .page-id-13 .box a{text-align: center;}
    .block-staff-wrap{margin:0 auto}
    .block-staff-wrap li{margin-bottom: 5rem;}
}
.block-staff-wrap{width: 100%;}
.txt-wrap img{width:100%;}
.txt-wrap .txt-lead {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6em;
    margin-bottom: 6px;
    margin-top:1rem;
}
.txt-wrap .txt-lead {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6em;
    margin-bottom: 6px;
}
.txt-wrap .txt-job {
    font-size: 12px;
    /* legacy */
    font-size: 0.75rem;
    /* modern */
    line-height: 1.5em;
    margin-bottom: 5px;
  }
  
.txt-wrap .txt-name {
    font-size: 16px;
    /* legacy */
    font-size: 1rem;
    /* modern */
    line-height: 1.875em;
  }

  .page-id-166 .block-inner > h2,.page-id-187 .block-inner > h2 {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 4em;
    line-height: 80px;
    letter-spacing: 0.1em;
    background: var(--bg-lightgrey);
    margin-bottom: 50px;
}
h2.clm-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2em;
    font-weight: normal;
    color:var(--primary-color);
}
.m-2clm-even .box:nth-child(2n+1) {
    margin-right: 56px;
}
.m-2clm-even .box {
    width: 45%;
    float: left;
}
.page-id-166 .block-inner .block-qa .txt-q {
    display: table;
    width: 100%;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.77778em;
    color:  var(--primary-color);
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
}
.page-id-166 .block-content-inner .block-inner .block-qa .txt-q::before {
    content: 'Q';
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    width: 32px;
    height: 32px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 2em;
    border-radius: 50%;
    background: var(--primary-color);
    color: #fff;
    display: table-cell;
    vertical-align: top;
}
.page-id-166 .block-content-inner .block-inner .block-qa .txt-q {
    display: table;
    width: 100%;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.77778em;
    color:  var(--primary-color);
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
}
.page-id-166 .block-content-inner .block-inner .block-qa .txt-q p {
    padding-left: 10px;
    display: table-cell;
    vertical-align: top;
    color: var(--primary-color);
}
.page-id-166 .block-content-inner .block-inner .block-qa .txt-q::after {
    content: '';
    background-image: url(assets/images/recruit/faq/plus.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 21px 21px;
    width: 21px;
    height: 21px;
    position: absolute;
    right: 0;
    top: 6px;
}
.page-id-166 .block-content-inner .block-inner .block-qa .txt-a {
    width: 100%;

    overflow: hidden;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.875em;
}
.page-id-166 .block-content-inner .block-inner .block-qa .txt-a p {
    margin-top: 22px;
    background: url(assets/images/recruit/faq/icon_answer.png) no-repeat left top;
    background-size: 32px auto;
    padding-left: 42px;
}
.page-id-166 .block-content-inner .block-inner .block-qa {
    margin-bottom: 60px;
}
.page-id-166 .block-content-inner .block-inner .block-qa dd {
    max-height: 0;
    overflow: hidden;
    transition: max-height 6s ease;
  }
  
  .page-id-166 .block-content-inner .block-inner .block-qa dd.active {
    max-height: 2000px;
    transition: max-height 8s ease;
  }
  .page-id-166 .block-content-inner .block-inner .block-qa .txt-q:hover {
    color: var(--primary-color);
    cursor: pointer;
}

.p_contacnt_form {
    width:min(100%, 600px)
}

.p_contacnt_form table td, .p_contacnt_form table th {
    text-align: left;
    width: 100%;
    padding: .25em 0;
    display:block
}

.p_contacnt_form table th {
    padding:1.5em 0 0
}

.p_contacnt_form table td {
    padding-bottom: 1em;
    border-bottom:1px solid #edede3
}

.p_contacnt_form table td div {
    margin-bottom: .25em;
    display: flex;
    align-items:center
}

.p_contacnt_form table td div span {
    white-space: nowrap;
    display: block;
    flex-shrink:0
}

.p_contacnt_form table td div input[type=text] {
    width: 50% !important;
    margin-left:.5em
}

.p_contacnt_form h5 {
    font-size: 18px;
    color:  var(--wp--preset--color--vivid-green-cyan);
    margin:2em 0 1em
}

.p_contacnt_form p {
    font-size: clamp(.875rem, calc(.83rem + .2vw), 1rem);
    margin:.6em 0
}

.p_contacnt_form div {
    width:100%
}

.p_contacnt_form_flex {
    display: flex !important;
    flex-wrap: wrap;
    align-items:center
}

.p_contacnt_form_privacy {
    display: flex !important;
    align-items:center
}

.p_contacnt_form_privacy a {
    text-decoration:underline
}

.p_contacnt_form label {
    margin: .25em .25em .25em 0;
    padding: .6em .8em;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid #ccc;
    border-radius:4px
}

.p_contacnt_form_required::after {
    content: "＊";
    font-size: 12px;
    color: #df4356;
    line-height: 1;
    padding: 0;
    margin-left:0
}

.p_contacnt_form input[type=email], .p_contacnt_form input[type=tel], .p_contacnt_form input[type=text], .p_contacnt_form select, .p_contacnt_form textarea {
    font-size: var(--18px);
    width: min(100%, 350px);
    padding: .5em .8em;
    outline: 0;
    border: 1px solid #e2e2dd;
    box-shadow: rgba(17, 17, 26, 0) 0 0 16px;
    transition: all .8s ease;
    position:relative
}

.p_contacnt_form input[type=email]:focus, .p_contacnt_form input[type=tel]:focus, .p_contacnt_form input[type=text]:focus, .p_contacnt_form select:focus, .p_contacnt_form textarea:focus {
    border: 1px solid #157b76;
    box-shadow:rgba(17, 17, 26, .1) 0 0 16px
}

.p_contacnt_form input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin-right: .6em;
    outline: 0;
    border: 1px solid #e2e2dd;
    border:none
}

.p_contacnt_form input[type=radio] {
    width: 20px;
    height: 20px;
    margin-right: .6em;
    outline: 0;
    border: 1px solid #e2e2dd;
    border:none
}

.p_contacnt_form input[type=tel] {
    padding:.7em .8em
}

.p_contacnt_form select {
    width: min(100%, 130px);
    margin-bottom:.25em
}

.p_contacnt_form input:has(:checked) label {
    font-weight:700
}

.p_contacnt_form textarea {
    width:100%
}

.p_contacnt_form input[type=text].p_contacnt_form_s {
    width:240px
}

.p_contacnt_form input[type=text].p_contacnt_form_mini {
    width:100px
}

.p_contacnt_form input[type=text].p_contacnt_form_micro {
    width:50px
}

.p_contacnt_form input::-moz-placeholder {
    color: #ccc;
    -moz-transition: all .3s ease;
    transition:all .3s ease
}

.p_contacnt_form input::placeholder {
    color: #ccc;
    transition:all .3s ease
}

.p_contacnt_form input:focus::-moz-placeholder {
    font-size: 10px;
    position: absolute;
    top:4px
}

.p_contacnt_form input:focus::placeholder {
    font-size: 10px;
    position: absolute;
    top:4px
}

.p_contact_form_btn_cont {
    margin:4em 0 0 0
}

.p_contact_form_btn {
    font-size: clamp(1rem, calc(.955rem + .2vw), 1.125rem);
    color: #f7f7f6;
    width: 100%;
    margin: 2em 0 0 0;
    padding: 2em 0;
    outline: 0;
    border: 1px solid transparent;
    background-color: #157b76;
    display: block;
    transition:all .3s ease
}

.p_contact_form_btn:hover {
    background-color:#19918b
}

.p_contact_form_btn_back {
    background-color:#4b4e4b
}

.p_contact_form_btn_back:hover {
    background-color:#585b58
}
button, input, select, label, li, span {
    -webkit-appearance: auto;
    /* outline: none; */
}

    .p_contacnt_form_privacy .mwform-checkbox-field-text {
        display: none;
    }

    .p_contacnt_form_privacy label {
        padding: 0;
        border: none;
    }

    .p_contact_double {
        width: min(100%,1100px);
        margin: auto;
        display: grid;
        grid-template-columns: 18% 72%;
        grid-column-gap: 10%;
    }

    .p_contact_double {
        width: min(100%,1100px);
        margin: auto;
        display: grid;
        grid-template-columns: 18% 72%;
        grid-column-gap: 10%;
    }

    .p_contact_double {
        width: min(100%,1100px);
        margin: auto;
        display: grid;
        grid-template-columns: 18% 72%;
        grid-column-gap: 10%;
    }

    .p_contact_step li.p_contact_step_act {
        color: #df4356;
        font-weight: 700;
    }

    .p_contact_step li {
        font-size: 17px;
        margin-bottom:0.5rem; 
    }

    @media screen and (max-width: 743px) {
        .p_contact_double {
            grid-template-columns: auto;
        }
    }

    .p_contact_side {
        grid-area: 1/1/2/2;
    }
.p_contact_side ol{padding-left:0;}

  mark.contact_lead {
        color: #df4356;
        background-color:unset;
    }

    .mw_wp_form .error {
        font-weight: 400!important;
        display: inline!important;
    }
.header-search{display: flex;}
.get-btn{margin:0 0.25rem;}

@media only screen and (max-width: 992px){
.header-search {
    display: block;
}
    .header-search .get-btn a{max-width:300px; width:100%;}
    .get-btn a.btn-outline-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    margin:0.5rem 0;
}
}
.footer-29 .container{
    background-image: url(assets/images/ae-logo_w.svg);
    background-size:  50% 50%; 
    background-repeat: no-repeat;
    background-position: 0% 0%;

}
 .m-2clm-even {
    max-width:1200px;
    margin: 0 auto 50px;
}
.m-2clm-even::after {
    content: "";
    display: block;
    clear: both;
}
.hd-k-logo-sp{display: none;}
.hd-k-logo-pc{width:46px;margin-left:0.5rem;}
.hd-k-logo-pc img{width:100%;}
@media only screen and (max-width: 992px){
    nav.navigation{display:flex;}
    .hd-k-logo-pc{display: none;}
    .hd-k-logo-sp{display: block;width:46px;margin-left:0.5rem;}
    .hd-k-logo-sp img{width:100%;}}
}

/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

/*確認を促すモーダル：タイトルの色を変更したい場合*/
#modaal-title{
	font-size:1.2rem;
	text-align: center;
	margin: 0 0 20px 0;
}

/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
	padding:0;
}
.media-document.mac.video {
    min-width: unset!important;
    max-width:100%;
}
:host(.media-document.video.mac) {
    min-width: unset!important;
}