/*
$breakpoints-min: (
    'xs': 'screen and (min-width: 481px)',
    'sm': 'screen and (min-width: 769px)',
    'md': 'screen and (min-width: 990px)',
    'lg': 'screen and (min-width: 1367px)',
    'xl': 'screen and (min-width: 1921px)',
) !default;
 */
.under-1col {
    overflow: hidden;
}

.under-1col .main-container {
    width: 100%;
    margin: 0 auto;
}

.under-1col #side {
    display: none;
}

.under-1col .bread-area {
    position: relative;
    z-index: 1;
    color: #fff !important;
    padding: 10px 0 25px 10px;
}

.under-1col .bread-area a {
    color: #fff !important;
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .under-1col .bread-area {
        padding: 10px 10px;
    }
}

.under-1col #main {
    width: 1200px;
    float: none;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 767px) {
    .under-1col #main {
        width: 100%;
    }
}

.under-1col #wrapper-under {
    margin-top: -60px;
}

@media screen and (max-width: 767px) {
    .under-1col #wrapper-under {
        margin-top: -85px;
    }
}

.under-1col #wrapper-under .h1-area {
    width: 100vw;
    position: relative;
    margin-left: calc((100vw - 1200px) / 2 * -1);
    margin-right: calc((100vw - 1200px) / 2 * -1);
    background: #007a63;
    background-size: cover;
    min-height: 170px;
}

.under-1col #wrapper-under .h1-area h1 {
    width: 1200px;
    margin: 0 auto;
    padding: 65px 0 52px;
}

@media screen and (max-width: 767px) {
    .under-1col #wrapper-under .h1-area {
        margin-left: auto;
        margin-right: auto;
        height: 150px;
    }
    .under-1col #wrapper-under .h1-area h1 {
        width: auto;
        padding: 92px 10px 40px 10px;
    }
}

.under-1col #wrapper-under .anchor-box {
    margin-left: calc((100vw - 1200px) / 2 * -1);
    margin-right: calc((100vw - 1200px) / 2 * -1);
}

@media screen and (max-width: 767px) {
    .under-1col #wrapper-under .anchor-box {
        margin-left: calc((100vw - 100%) / 2 * -1);
        margin-right: calc((100vw - 100%) / 2 * -1);
    }
}

.under-1col #wrapper-under .anchor-area ul {
    width: 1200px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .under-1col #wrapper-under .anchor-area ul {
        width: auto;
    }
}

.under-1col .bottomlink-area {
    width: 1200px;
    margin: 0 auto;
}

.under-1col .bottomlink-area-in {
    display: block;
}

.under-1col .bottomlink {
    width: 100%;
}

.under-1col .mlink {
    display: block;
}

.under-1col .mlink ul {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .under-1col .main-container,
    .under-1col #header .header__inner,
    .under-1col #main,
    .under-1col .bottomlink-area,
    .under-1col .bottomlink-area-in,
    .under-1col .mlink-area,
    .under-1col .mlink-area-in,
    .under-1col #footer {
        width: auto;
    }
    .under-1col #wrapper-under .junc-left {
        width: auto;
    }
    .under-1col #wrapper-under .junc-right {
        width: auto;
    }
    .under-1col .bottomlink-area-in {
        width: auto;
    }
    .under-1col #wrapper-under .junction-outline2 p.junction-outline-img {
        width: auto;
    }
    .under-1col #wrapper-under .junction-outline2 p.junction-outline-img img {
        max-width: 100%;
    }
}