/*=========================================================

    inner width

=========================================================*/

/* inner width */
.wrapper,
.wrp {
    width: 100%;
    min-height: calc(100dvh - 235px);
    margin: 0 auto;
}

.inner {
    width: 100%;
    max-width: var(--main_w);
    margin: 0 auto;
    padding: 15px;
}

.inner1200 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.inner1100 {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.inner980 {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}

.inner800 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.index-body .wrp {
    max-width: 100%;
}


/*=========================================================

    header

=========================================================*/
.header {
    width: 100%;
    z-index: 90;
    background-color: #fff;
    font-family: var(--en), sans-serif;
}

.header .gj-title-wrp {
    padding: 30px 15px;
}

.header .gj-title-wrp .logo {
    display: block;
    width: 200px;
    margin: 0 auto;
}

.header .gj-title-wrp small {
    display: block;
    width: max-content;
    margin: 1em auto 0;
    text-align: center;
    font-size: min(.85em, 2.8vw);
    color: var(--main_blue);
}

/* logo */
.logo img,
.icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.logo a {
    color: #222;
    text-decoration: none
}


/*=========================================================

    footer

=========================================================*/
.footer {
    padding-bottom: 4em;
    text-align: center;
    background-color: var(--main_subcolor-bg);
    color: #f9f9f9;
    position: relative;
    z-index: 3;
}

/* footer menu */
.footer .footer-navi-wrp .menu-list {
    width: 100%;
    margin: 0 auto;
    padding: min(4em, 8vw) min(2em, 4vw);
}

@media (max-width: 600px) {
    .footer .footer-navi-wrp .menu-list {
        flex-direction: column;
        gap: .5em 0;
    }
}

.footer .footer-navi-wrp .menu-list a {
    display: inline-block;
    font-size: min(.8em, 3.3vw);
    padding: .25em 1.5em;
    color: #f9f9f9 !important;
    transition: all .3s;
}

.footer .footer-navi-wrp .menu-list a:hover {
    color: var(--main_subcolor);
}

.share-btn-wrp {
    padding-top: 3em;
}

.share-btn-wrp::before {
    content: 'Share “GLOBAL JOURNEY”';
    display: block;
    width: 100%;
    margin: 0 auto 1em;
    color: #ccc;
    font-size: .8em;
}

/* copyright */
.copyright {
    text-align: center;
    font-size: min(.7em, 2.8vw);
    font-weight: 300;
    padding: 1em 0;
    letter-spacing: -.025em;
}


/*=========================================================

    pager

=========================================================*/
.back-btn a {
    position: relative;
    display: inline-block;
    padding: .5em 2.5em .4em;
    margin: 1em 0;
    letter-spacing: 0;
}

.back-btn a:hover {
    color: var(--main_subcolor);
}

/*=========================================================

    wp component

=========================================================*/
/* position */
.has-text-align-center {
    text-align: center !important;
}

.has-text-align-left {
    text-align: left !important;
}

.has-text-align-right {
    text-align: right !important;
}