/* -- reset module8 -- */
.edit,
.show_content,
.main_part { width: 100% !important; max-width: 100% !important; margin: auto !important; padding: 0px !important;}
.pageIndex .main_part { border:none !important; }
.path,
.banner{ display:none;}
/* -- reset module8 end -- */

.edit_part {
    max-width: 100%;
    margin: auto;
    padding: 0;
}

.caairport_a{
    background: url(../edit_image/airport/ca_bg01.jpg);
    background-position: center;
    background-size: cover;
    height: clamp(200px,30vw,600px);
}

.caairport_b{
    padding: 0 var(--pdx);
    position: relative;
    z-index: 1;
    margin: -50px auto 0;
}
.caairport_b01{
    max-width: 1300px;
    margin: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: calc(1vw + 30px) var(--pdx);
    background-color: #F9F9F9;
    border-radius: 8px;
}
.caairport_b01 aside{
    min-width: fit-content;
    margin: 0 10% 0 0;
}
.caairport_b01 aside h4{
    color: var(--colorSub);
    font-size: var(--f20);
    line-height: 1.2;
    font-weight: normal;
}
.caairport_b01 aside h5{
    font-size: var(--f40);
    line-height: 1.2;
    font-weight: 500;
    margin: 10px 0 0;
}
.caairport_b01 article p{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.caairport_b01 article p::before{
    content: '';
    min-width: 5px;
    height: 5px;
    background-color: var(--colorSub);
    margin: 14px 10px 0 0;
}

.caairport_c{
    padding: var(--pdy) var(--pdx);
}
.caairport_c > ul{
    max-width: var(--content_width);
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: calc(1vw + 30px);
    column-gap: 0;
}
.caairport_c > ul li{
    overflow: hidden;
    padding: 20px 5vw 0 15px;
}
.caairport_c > ul li .caairport_c_item{
    padding: calc(1.5vw + 30px) clamp(15px, 3vw, 50px);
    box-shadow: 0 0 10px #eee;
    border-radius: 15px;
}
.caairport_c > ul li dl dt{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.caairport_c > ul li dl dt *:not(h5){
    margin: 0 10px 8px 0;
}
.caairport_c > ul li dl dt h4{
    font-size: var(--f40);
    color: var(--colorSub-dark);
    line-height: 1.2;
}
.caairport_c > ul li dl dt h5{
    font-size: var(--f26);
    line-height: 1.2;
    font-weight: 500;
}
.caairport_c > ul li dl dt b{
    font-size: var(--f22);
    padding: 5px;
    line-height: 1.2;
    background-color: #F9F9F9;
}
.caairport_c > ul li dl dd{
    font-size: var(--f24);
    line-height: 1.2;
    margin: 20px 0;
    font-weight: 500;
}
.caairport_c > ul li table{
    width: 100%;
    border: unset;
}
.caairport_c > ul li table tr th{
    background-color: var(--colorMain);
    padding: 10px ;
    color: var(--colorText-white);
    font-weight: 500;
    text-align: left;
    font-size: var(--f18);
}
.caairport_c > ul li table tr th:nth-of-type(1){
    width: 40%;
}
.caairport_c > ul li table tr td{
    background-color: #F9F9F9;
    padding: 10px;
    font-weight: 500;
    text-align: left;
    font-size: var(--f16);
    border: unset;
}
.caairport_c > ul li figure{
    max-width: fit-content;
    margin: -30px 0 0 auto;
    transform: translate(5vw,0px);
    animation-delay: 1s;
}
.caairport_c > ul li:hover figure{
    animation: car_run 2s forwards ease-in-out;
}
.caairport_c > ul li:hover .caairport_c_item{
    box-shadow: 0 0 10px var(--colorMain-light);
}
@keyframes car_run {
    0%,100%{
        transform: translate(5vw, 0px);
    }
    49.5% {
        transform: translate(-600px, 300px);
    }
    49.8% {
        transform: translate(-600px, -300px);
    }
    50% {
        transform: translate(600px, -300px);
    }
}

/* --- Media Queries --- */
@media (max-width: 1440px) {}
@media (max-width: 1024px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {
    .caairport_b01{flex-direction: column;}
    .caairport_b01 aside{margin: 0 0 20px;}
    .caairport_c > ul{grid-template-columns: 1fr;}
}
@media (max-width: 576px) {}
@media (max-width: 480px) {}
@media (max-width: 375px) {}