.Arrive-header {padding:14rem 1rem 8rem 1rem; min-height:80vh; background:transparent url("../../img/arrive-header-background.jpg") 50% 80% no-repeat; background-size:cover; background-attachment:fixed;}
.Arrive-headerContent {max-width:1300px; padding:3rem; text-align:center; font-weight:300; color:white; line-height:160%; background-color:rgba(0,0,0,0.3); box-shadow:0 0 10px rgba(0,0,0,0.3); border-radius:5px; backdrop-filter:blur(8px);}
.Arrive-headerContent h1 {font-size:220%; margin-bottom:1em; font-weight:400;}

.ArriveText {padding:5rem 1rem;}
.ArriveText-content {max-width:1300px; padding:3rem; text-align:center; font-weight:300; line-height:160%;}
.ArriveText-content h2 {font-size:180%; margin-bottom:1em; font-weight:400;}

.ArriveInfo {padding:5rem 1rem; position:relative; background:transparent url("../../img/arrive-info-background-1.jpg") 50% 50% no-repeat; background-size:cover; background-attachment:fixed; min-height:400px;}
.ArriveInfo::before {content:""; display:block; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.3); backdrop-filter:blur(48px);}
.ArriveInfo-container {position:relative; z-index:2; max-width:1000px; margin:0 auto; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center;}
.ArriveInfo-content {flex:1; padding:2rem; background-color:rgba(255,255,255,0.7); border-radius:5px; line-height:160%; color:#444; font-size:85%; font-weight:300;}
.ArriveInfo-content h3 {font-size:160%; margin-bottom:1em; font-weight:400;}
.ArriveInfo-content p {margin-bottom:.8em;}
.ArriveInfo-decore {flex:1; padding:20% 0; border-top-right-radius:5px; border-bottom-right-radius:5px; background:transparent url("../../img/arrive-info-background-1.jpg") 50% 50% no-repeat; background-size:cover;}
.ArriveInfo:nth-child(2n) .ArriveInfo-decore {background-image:url("../../img/arrive-info-background-2.jpg");}
.ArriveInfo3,
.ArriveInfo3 .ArriveInfo-decore {background-image:url("../../img/arrive-info-background-2.jpg");}

.ArriveInfo2 {padding:5rem 1rem;}
.ArriveInfo2-container {max-width:1440px; margin:0 auto; min-height:400px; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:stretch; gap:2rem;}
.ArriveInfo2-content {flex:1; align-items:flex-start; color:#444; font-size:85%; font-weight:300;}
.ArriveInfo2-content h3 {font-size:160%; margin-bottom:1em; font-weight:400;}
.ArriveInfo2-content p {margin-bottom:.8em;}
.ArriveInfo2-decore {flex:1; background:transparent url("../../img/arrive-info2-background-1.jpg") 50% 50% no-repeat; background-size:cover;}

.ArriveFaq {max-width:1000px; padding:4rem 1rem 2rem 1rem; margin:0 auto;}
.ArriveFaq h3 {font-size:220%; margin-bottom:1em; font-weight:400;}
.ArriveFaq-list {width:100%;}
.ArriveFaq-listItem {border:1px solid #ccc; border-radius:5px; margin-bottom:1rem; padding:.5em 3em .5em 1em; font-weight:300; position:relative; background-color:#f8f8f8; transition:background-color .3s ease-in-out;}
.ArriveFaq-listItem::after {content:"\f105"; font-family:FontAwesome; position:absolute; top:50%; right:1em; font-size:140%; color:#888; transform:translateY(-50%); transition:transform .3s ease-in-out;}
.ArriveFaq-listItem > * {display:none;}
.ArriveFaq-listItem > b:first-of-type {display:flex; flex-direction:row; align-items:center; justify-content:flex-start; min-height:2.5em; cursor:pointer;}
.ArriveFaq-listItem:hover {background-color:#eee;}
.ArriveFaq-listItem--active > * {display:initial;}
.ArriveFaq-listItem--active::after {transform:translateY(-50%) rotate(90deg);}

@media (max-width: 850px) {
    .Arrive-header {padding-top:9rem;}
    .ArriveText,
    .ArriveInfo2 {padding:2rem 1rem;}
    .ArriveInfo2-container {flex-direction:column;}
    .ArriveInfo-container {flex-direction:column;}
    .ArriveInfo-decore {width:100%; min-height:320px; max-width:480px; padding:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
    .ArriveInfo2-content {order:1;}
    .ArriveInfo2-decore {order:2; min-height:360px;}
}

@media (max-width: 520px) {
    .ArriveInfo-content {border-bottom-left-radius:0; border-bottom-right-radius:0;}
}
