@media (min-width: 992px) {


    body {
        padding-top: 126px;
        font-weight: 400;
        color: #333;

    }
E

    /**
    tool
     */
    article.list-style-01 p {
        margin-bottom: 0.5rem;
    }

    ol.style-01 li {
        padding-bottom: 3px;
    }

    .btn-style-01 {
        background-color: #49c8b9;
        color: #fff;
        border-radius: 0;
        padding: 0.625rem 2.5rem;
    }


    .btn-style-02 {
        min-width: 100px;
    }

    .btn-style-03 {
        min-width: 100px;
    }

    .fs-md-p-1 {
        font-size: 1.125rem; /*18*/
    }

    .fs-md-p-2 {
        font-size: 1.25rem; /*20*/
    }

    .fs-md-p-3 {
        font-size: 1.375rem; /*24*/
    }

    .border-radius {
        border-radius: 30px;
    }

    #rev_slider_2 {
        background-color: #FFF;
    }

    #rev_slider_2 .tp-revslider-mainul {
        border-radius: 30px;

    }

    /**
    reset
     */
    .border-right-md {
        border-right: 1px solid #efefef;
    }

    h5.font-color-title {
        font-size: 20px;
    }

    label {
        font-weight: 400;
        color: #333;
    }


    .desktop-navi-sub.show .navi-background {

        display: block;

    }


    .only-mobile {
        display: none !important;
    }

    .only-desktop {
        display: block !important;
    }

    .modal-header h{
        border-radius: 30px 30px 0 0;
        font-size: 32px;
    }
    .modal-header .close {
        font-size: 32px;

    }
    .modal-content {
        border-radius: 30px;
    }

    /*
    navi
     */

    .depth-1.menu_5 {
        margin-right:0 !important;
    }
/**
modal
 */

    .modal-content article {
        margin-top: 1.75rem;
        font-size: 18px;
    }

    /**
    index
     */
    #rev_slider_8_1_wrapper {
        max-width: 1920px;
    }


    .index .section-notice {
        margin-top: 17px;
    }

    .index .s06 {
        margin-top: 63px;
    }

    .index .s06 .banner-01 {
        width: 100%;
        height: 200px;
        background-image: url("../images/main_s06_01_bg.png");
        background-size: cover;
        padding-top: 46px;
        padding-left: 30px;
        color: #FFF;
        border-radius: 30px;

    }

    .index .s06 .banner-02 {
        margin-top: 30px;
        width: 100%;
        height: 200px;
        background-image: url("../images/main_s06_02_bg.png");
        background-size: cover;
        padding-top: 46px;
        padding-left: 30px;
        color: #FFF;
        border-radius: 30px;
    }

    .index .s06 .sub {
        margin-bottom: 0px;
    }

    .index .s06 .main {
        font-size: 24px;
        color: #FFF !important;
    }

    .index .s06 .main a {
        color: #FFF !important;
    }

    .index .s07 {
        margin-top: 100px;
    }


    .index .s07 .container {
        overflow: initial !important;
    }

    .index .s07 img {

        width: auto !important;
        max-width: 100%;
        margin-right: 0;

    }

    .index .s07 hr {
        margin: 26px 0 30px 0;
    }


    .index .s08 {

        margin-top: 100px;
        background-color: #97c7f0;
        height: 550px;


    }

    .index .s08 .box {
        position: relative;
    }

    .index .s08 .text {
        position: absolute;
        top: 30px;
        left: 0;
        color: #FFF;
        font-size: 30px;
        font-weight: 400;
    }

    .index .s08 .button {
        position: absolute;
        top: 30px;
        right: 0;

    }


    .index .s08 .button a {
        display: block;
        position: relative;
        outline: 0;
    }

    .index .s08 .button a.run {
        animation-name: main_btn_animation;
        animation-duration: .8s;
        animation-timing-function: ease-in-out;
    }


    .index .s08 .button a .btn-box .face {
        position: absolute;
        top: 0;
        left: 0;
        width: 140px;
        height: 140px;
    }


    .index .s08 .button .btn-box {
        position: relative;
        width: 140px;
        height: 140px;
    }

    .index .s08 .button .front {
        z-index: 10;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-transform: perspective(800px) rotateY(0);
        -moz-transform: perspective(800px) rotateY(0);
        -ms-transform: perspective(800px) rotateY(0);
        -o-transform: perspective(800px) rotateY(0);
        transform: perspective(800px) rotateY(0);
        backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }


    .index .s08 .button .back {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-transform: perspective(800px) rotateY(180deg);
        -moz-transform: perspective(800px) rotateY(180deg);
        -ms-transform: perspective(800px) rotateY(180deg);
        -o-transform: perspective(800px) rotateY(180deg);
        transform: perspective(800px) rotateY(180deg);
        backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .index .s08 .button a.focus .btn-box .front, .index .s08 .button a:hover .btn-box .front, .index .s08 .button a:focus .btn-box .front {
        -webkit-transform: perspective(800px) rotateY(-179.9deg);
        -moz-transform: perspective(800px) rotateY(-179.9deg);
        -ms-transform: perspective(800px) rotateY(179.9deg);
        -o-transform: perspective(800px) rotateY(179.9deg);
        transform: perspective(800px) rotateY(-179.9deg);
    }

    .index .s08 .button a.focus .btn-box .back, .index .s08 .button a:hover .btn-box .back, .index .s08 .button a:focus .btn-box .back {
        z-index: 12;
        -webkit-transform: perspective(800px) rotateY(0deg);
        -moz-transform: perspective(800px) rotateY(0deg);
        -ms-transform: perspective(800px) rotateY(0deg);
        -o-transform: perspective(800px) rotateY(0deg);
        transform: perspective(800px) rotateY(0deg);
    }

    .index .s08 .button a.focus .back::after, .index .s08 .button a:focus .back::after {
        display: block;
        z-index: 10;
    }


    /**
    header
     */
    header.header .logo {

        width: 220px;
        display: inline-block;

    }

    .desktop-navi {

    }

    .desktop-navi .depth-2-box {
        display: none;
    }

    .desktop-navi ul.sidebar-nav {
        padding: 0;
        position: absolute;
        top: 39px;
        right: 90px;
    }

    .desktop-navi li.nav-item {
        float: left;
        list-style: none;
        padding: 0;
    }

    .desktop-navi li.nav-item > a {
        font-size: 18px;
        color: #000;
        font-weight: 400;
        display: inline-block;
        margin: 0 35px 0 0;

    }

    .desktop-navi li.nav-item > a:hover {
        border-bottom: 2px solid #3c66b0;
    }

    header.header {
        position: fixed;
        top: 0;
        width: 100%;
        background-color: #FFF;
        z-index: 1020;
        border-bottom: 1px solid #eee;

    }

    header.header .navbar {
        padding: 20px 0 20px 0;
    }

    header .button-block {
        position: absolute;
        right: 0;
        top: 37px;
        font-size: 20px;
    }

    header .desktop-navi .menu_1 {
        display: block;

        height: 45px;
        text-align: center;
    }

    header .desktop-navi .menu_2 {
        display: block;

        height: 45px;
        text-align: center;
    }

    header .desktop-navi .menu_3 {
        display: block;
        height: 45px;
        text-align: center;
    }

    header .desktop-navi .menu_4 {
        display: block;
        height: 45px;
        text-align: center;
    }

    header .desktop-navi .menu_5 {
        display: block;
        height: 45px;
        text-align: center;
    }

    header .desktop-search-toggle {
        color: #49c8b9;
    }

    header.header .desktop-navbar-toggler {
        color: #49c8b9;
        border: none;
    }

    header .desktop-navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: .25rem;
    }

    header.header .desktop-navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='40' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(73, 200, 185, 1)' stroke-linecap='square' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        width: 1em;
    }




    .desktop-navi-sub {
        background-color: #FFF;
        position: fixed;
        top: 124px;
        width: 100%;
        display: block;
        height: 0;
        transition: height 0.7s ease;
        opacity: 0;
        overflow: hidden;
        border-top: 1px solid #eee;

    }

    .desktop-navi-sub.show {
        position: absolute;
        width: 100%;
        height: 260px;
        opacity: 1;
        display: block;
    }

    .desktop-navi-sub .top-navi {

        background-color: #FFF;
        position: absolute;
        top: 0px;
        margin: 0 auto;
        left: 0;
        right: 0;
        z-index: 10100;


    }

    .desktop-navi-sub .top-navi .container {
        position: relative;
        width: 1110px;
        height: 260px;
    }

    .desktop-navi-sub.show .top-navi {


    }

    .desktop-navi-sub .sub-box {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        margin-top: 30px;
        padding-bottom: 30px;
        width: 100%;
    }

    .desktop-navi-sub .sub-box.menu_1 {

        background-image: url("../images/top-bg-01.png");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .desktop-navi-sub .sub-box.menu_2 {
        background-image: url("../images/top-bg-02.png");
        background-repeat: no-repeat;
    }

    .desktop-navi-sub .sub-box.menu_3 {
        background-image: url("../images/top-bg-03.png");
        background-repeat: no-repeat;
    }

    .desktop-navi-sub .sub-box.menu_4 {
        background-image: url("../images/top-bg-04.png");
        background-repeat: no-repeat;
    }

    .desktop-navi-sub .sub-box.menu_5 {
        background-image: url("../images/top-bg-05.png");
        background-repeat: no-repeat;
    }


    .desktop-navi-sub .sub-box .depth-1-title {
        width: 280px;
        height: 200px;
        float: left;
        color: #000;
        font-size: 30px;
        font-weight: bold;
        border-right:1px solid #ececec;
    }

    .desktop-navi-sub .sub-box .depth-2-box {
        float: left;
        position: relative;
    }

    .desktop-navi-sub a {
        font-size: 16px;
        display: block;
        padding: 10px 0px;
        min-width: 160px;
        position: absolute;
        top:0;
        left:0;

    }
    .desktop-navi-sub a.sub-menu-0 {
        top:0;
        left:68px;
    }

    .desktop-navi-sub a.sub-menu-1 {
        top:41px;
        left:68px;
    }

    .desktop-navi-sub a.sub-menu-2 {
        top:82px;
        left:68px;
    }

    .desktop-navi-sub a.sub-menu-3 {
        top:123px;
        left:68px;
    }

    .desktop-navi-sub a.sub-menu-4 {
        top:0;
        left:220px;
    }

    .desktop-navi-sub a.sub-menu-5 {
        top:41px;
        left:220px;
    }

    .desktop-navi-sub a.sub-menu-6 {
        top:82px;
        left:220px;
    }
    .desktop-navi-sub a.sub-menu-7 {
        top:123px;
        left:220px;
    }
    .desktop-navi-sub a.sub-menu-8 {
        top:164px;
        left:220px;
    }

    .desktop-navi-sub a.menu-3.sub-menu-3 {
        top:0;
        left:220px;
    }

    .desktop-navi-sub a.menu-3.sub-menu-4 {
        top:41px;
        left:220px;
    }



    .desktop-navi-sub a.menu-4.sub-menu-4 {
        top:164px;
        left:68px;
    }



    .desktop-navi-sub a.menu-4.sub-menu-5 {
        top:0;
        left:220px;
    }

    .desktop-navi-sub a.menu-4.sub-menu-6 {
        top:41px;
        left:220px;
    }

    .desktop-navi-sub a.menu-4.sub-menu-7 {
        top:82px;
        left:220px;
    }

    .desktop-navi-sub a.menu-4.sub-menu-8 {
        top:123px;
        left:220px;
    }








    .desktop-navi-sub a:hover {
        font-weight: bold;
        color: #3c66b0;
    }

    .desktop-navi-sub .depth-2-box.menu_1, .desktop-navi-sub .depth-2-box.menu_2, .desktop-navi-sub .depth-2-box.menu_3, .desktop-navi-sub .depth-2-box.menu_4 {
        flex: 0 0 180px;
    }

    .desktop-navi-sub .depth-2-box.menu_1 {
        position: relative;


    }

    .desktop-navi-sub .depth-2-box.menu_2 {
        position: relative;

    }

    .desktop-navi-sub .depth-2-box.menu_3 {
        position: relative;

    }

    .desktop-navi-sub .depth-2-box.menu_4 {
        position: relative;

    }


    /**
    search
     */
    .desktop-search {
        position: absolute;
        width: 100%;
        top: 120px;
        background-color: #FFF;
        z-index: 20000;
        height: 0;
        transition: height 0.5s ease, opacity 0.5s ease;
        opacity: 0;
        display: block;
        overflow: hidden;
        box-sizing: content-box;
    }

    .desktop-search.show {
        opacity: 1;
        height: 210px;
        border-top: 1px solid #eee;

    }

    .desktop-search.show .search-background {
        display: block;
    }

    .desktop-search.show .search-background {
        display: block;
    }

    .desktop-search .top-search {
        position: relative;
        padding-top: 50px;
        padding-bottom: 50px;
        z-index: 10300;
        background-color: #fff;
    }

    .desktop-search .search-close {

        width: 40px;
        height: 40px;
        background-color: #ececec;
        text-align: center;
        position: absolute;
        top: -54px;
        right: 0;
        cursor: pointer;

    }

    .desktop-search .search-close i {
        font-size: 40px;
        color: #fff;
        position: relative;
    }

    .desktop-search .search-box {
        border: 1px solid #49c8b9;
        width: 825px;
        height: 55px;
        margin: 17px auto 0 auto;
        position: relative;
        padding: 0 20px;
    }

    .desktop-search .search-box input {
        width: 100%;
        border: none;
        line-height: 50px;
        font-size: 20px;
        font-weight: 300;

    }

    .desktop-search .search-box .search-btn {
        position: absolute;
        top: 3px;
        right: 13px;
        font-size: 32px;

    }

    .desktop-search .search-box .search-btn button {
        background: transparent;
        border: none;
        color: #49c8b9;
    }

    /**
    index
     */
    /**
    bottom
     */
    .s09 {
        margin-top: 100px;
        display: block;
        background-color: #f7f7f7;

    }

    .s09 .banners {
        height: 90px;
        overflow: hidden;
        width:600%;

    }
    .s09 .banners .images a {
        display: inline-block;
        line-height: 90px;
    }

    .s09 .banners .images {

        display: inline-block;
        overflow: hidden;
        animation-name: moveSlideshow;
        animation-duration: 60s;
        animation-timing-function: linear ;
        animation-iteration-count: infinite;
    }


    @keyframes moveSlideshow {
        0% {
            transform: translateX(0%);
            -ms-transform: translateX(0%);
        }
        100% {
            transform: translateX(-100%);
            -ms-transform: translateX(-100%);
        }
    }



    footer {
        margin-top: 0;
        padding-bottom: 0;

    }

    footer .logo img {
        width: 180px;
    }

    footer .sns-block {
        position: relative;
        height: 230px;
    }

    footer .sns {
        position: absolute;
        top: -48px;
        right: 0;
    }

    footer .bank-info {
        position: absolute;
        top: 17px;
        right: 15px;
    }

    footer .address {
        position: absolute;
        top: 33px;
        left: 223px;
        font-size: 0.875rem;
    }

    footer .copyright {
        position: absolute;
        top: 121px;
        left: 223px;
        font-size: 0.75rem;
        color: #d1d1d1;
    }


    .float-banner {
        display: flex;
        flex-direction: column !important;
        position: fixed;
        top: 160px;
        right: 100px;
        z-index: 900;
        width: 140px;
        height: 260px;
        background-color: #002370;
        border-radius: 30px;
        padding: 18px 0px 23px 0px;


    }

    .float-banner hr {
        margin: 14px 0;
        border-color: #1a397f;
    }


    .float-banner a img {


        display: inline-block;

    }

    .float-banner .banner-blog, .float-banner .banner-facebook {
        margin-bottom: 7px;
        display: inline-block;
    }
    .btn-top {
        padding-top: 8px;
        text-align: center;
        vertical-align: middle;
        background-color: #93a0c2;
        display: block;
        position: fixed;
        right: 10px;
        bottom: 40px;
        width: 60px;
        height: 60px;
        color: #FFF;
        font-size: 14px;
        font-weight: 700;
    }

    .btn-top:hover {
        color: #FFF;
    }


    .quick-wrapper {
        background-color: #49c7c8;
        border-radius: 30px;
        height: 160px;
        width: 100%;
        position: relative;
        top: -40px;
    }

    .quick-wrapper > div {
        width: 20%;
        text-align: center;
        float: left;
    }

    .quick-wrapper > div.even, .quick-wrapper > div.odd {
        padding-top: 24px;
        height: 100%;
    }

    .quick-wrapper > div.even {
        background-color: #42b3b4;
    }

    .quick-wrapper h4 {
        color: #FFF;
        margin-top: 9px;
    }


    /**
    sub navi
     */
    .sub-navi {
        position: relative;
        top: -25px;
        height: 3.125rem;
        margin: 0;
    }

    .sub-navi .home {

    }

    .sub-navi .home {
        float: left;
        display: block;
        z-index: 2;
        width: 60px;
        height: 50px;
        vertical-align: top;
        border-right: 1px solid #334f8d;
        font-size: 0;
        background: url(/resources/front/images/ico_home.png) no-repeat 50% 50%;
    }

    .sub-navi .box {
        display: flex;
    }

    .sub-navi .location {
        height: 3.125rem;
    }


    .sub-navi .location .dep1 {
        width: 33%;
    }


    .sub-navi .location .dep1 > a {
        line-height: 3.125rem;
    }

    .sub-navi .location .dep2 {
        top: 50px;
        line-height: 3.125rem;
    }

    .sub-navi .location .fa-angle-right {
        top: 19px;
    }

    .sub-navi .location .dep2 {

        border-left: 1px solid #002370;

    }

    .campaign-info .campaign_subject {
        text-align: center;
        padding: 20px 0;
    }


    /*
    sub 01
     */
    .sub-title-bg {
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center;
        height: 300px;
    }

    .sub-title-bg span {
        font-size: 2.5rem;
    }


    .sub-content-title-box {
        padding-top: 1.5625rem;

    }

    .sub-01-title-bg {
        background-image: url("/resources/front/images/sub_01_title_bg.jpg");
        height: 300px;
    }

    .sub-02-title-bg {
        background-image: url("/resources/front/images/sub_02_title_bg.jpg");
        height: 300px;
    }

    .sub-03-title-bg {
        background-image: url("/resources/front/images/sub_03_title_bg.jpg");
        height: 300px;
    }

    .sub-04-title-bg {
        background-image: url("/resources/front/images/sub_04_title_bg.jpg");
        height: 300px;
    }

    .sub-silver-title-bg {
        background-image: url("/resources/front/images/sub_silver_title_bg.png");
        height: 300px;
    }

    .sub-child-title-bg {
        background-image: url("/resources/front/images/sub_child_title_bg.png");
        height: 300px;
    }

    .sub-tree-title-bg {
        background-image: url("/resources/front/images/sub_tree_title_bg.png");
        height: 300px;
    }

    .sub-title-bg div.title {
        font-size: 2.5rem;
        text-align: center;
    }

    .sub-title-bg div.site-name {
        font-size: 1.25rem;
    }

    .sub-silver-title-bg .title-box {
        margin-right: 90px;
    }

    .sub-content-title-box .title {

        font-size: 2rem;

    }

    .sub-content-title-box hr {
        margin-top: 1.875rem;
    }

    .sub-content-title-box .title {
        margin-top: 1.5rem;
    }

    .sub-content .s01 {
        margin-top: 5rem !important;
    }

    .sub-content .s02 {
        margin-top: 5rem !important;
    }

    .sub-content .s03 {
        margin-top: 5rem !important;
    }

    .sub-content .s04 {
        margin-top: 5rem !important;
    }


    .sub-content .s05 {
        margin-top: 5rem !important;
    }

    .sub-content .s06 {
        margin-top: 5rem !important;
    }

    .sub-content .s07 {
        margin-top: 5rem !important;
    }

    .sub-content .s08 {
        margin-top: 5rem !important;
    }


    .sub-content .tab-content {
        margin-top: 5rem !important;
    }


    .sub-content ul.sub-list-style-01 {
        padding-left: 0.666666667rem;
    }

    .sub-content ul.sub-list-style-01 li {
        padding-bottom: 0.333333333rem;
    }

    .sub-content ul.sub-list-style-01 li:last-child {
        padding-bottom: 0;
    }

    /**
    tab
     */
    .nav-tabs .nav-link {

        font-size: 1.125rem;
        padding-top: 15px;
        padding-bottom: 15px;

    }


    /**
    table
     */
    .table-style-01 th, .table-style-01 td, .table-style-02 th, .table-style-02 td, .table-style-03 th, .table-style-03 td {
        height: 4.375rem;
        font-weight: 400;
    }


    .modal-layout-01 .bg {
        font-size: 32px;
        height: 250px;
        font-weight: 400;
    }

    .modal-layout-01 .btn,.modal-layout-02 .btn{
        margin-top: 20px;
    }

    .modal-layout-02 .bg:hover:after {
        border-radius: 30px;
    }


    .modal-layout-01 .bg:hover:after {
        border-radius: 30px;
    }


    /**
    p0101
     */

    .p0101 .container-full {
        padding:80px 0 80px 0 ;
    }

    .p0101 .s01 {
        background-image: url("../images/p0101_s01_01_bg.jpg");
        height: 330px;
        font-size: 1.375rem;
        color: #FFF;
        text-align: center;
    }


    .p0101 .s03 ul {
        margin: 1rem 0 0 0.625rem;
    }

    .p0101 .s03 ul li {
        padding-bottom: 3px;
    }

    .p0101 .s03 .font-color-title > div:first-child {
        flex: none;
        padding-right: 6px;
    }

    .p0101 .s04 .bg-01, .p0101 .s04 .bg-02, .p0101 .s04 .bg-03, .p0101 .s04 .bg-04 {
        font-size: 32px;
        height: 250px;
        font-weight: 400;
    }

    .p0101 .s04 .btn {
        margin-top:20px;
    }



    .p0102 {
        margin-bottom: 80px;
    }

    .p0102 .s01 {
        background-image: url("../images/p0102_s01_01_bg.jpg");
        height: 330px;
        font-size: 1.375rem;
        color: #FFF;
        text-align: center;
    }

    .p0103 .s01 {
        background-image: url("../images/p0103_s01_01_bg.jpg");
        height: 330px;
        font-size: 1.375rem;
        color: #FFF;
        text-align: center;
    }


    .address-pop-button {
        flex: 0 0 auto;
    }

    .p0202 .process.step-box {
        height: 110px;
    }

    .p0202 .process.step-box .step {
        padding-top: 30px;
        padding-left: 30px;
        font-size: 1.125rem;
        font-weight: 400;
    }

    .p0202 .s02 .step span:first-child {
        font-size: 0.85rem;
        line-height: 1.75;
        font-weight: 400;
    }

    .p0302 .list hr {
        margin-top: 28px;
    }

    .p0302.sub-content article {
        margin-top: 1rem;
    }


    .p0401 {
        color: #333333;
    }

    .p0401 .s02.mt-md-5 {
        margin-top: 60px !important;
    }


    .p0402 .s02 {
        display: flex;
        background-image: url("/resources/front/images/p0402_s02_bg.png");
        background-repeat: no-repeat;
        width: 100%;
        height: 516px;
        padding-top: 160px;
    }


    .p0402 .mission .title {
        font-size: 1.5rem;
        color: #81bedf;
        font-weight: 500;
    }

    .p0402 .mission .memo {
        font-size: 1.25rem;
        color: #333;
    }

    .p0402 .vision {
        font-size: 1.25rem;
        color: #333;
        padding-left: 70px;
    }

    .p0403 .s01 .col-4 {
        padding: 30px 0 10px 0;
        border-right: 1px solid #ececec;
    }

    .p0403 .s01 .col-4:last-child {
        border-right: 1px solid #FFF;
    }

    .p0404 .s02 {
        display: flex;
        background-image: url("/resources/front/images/p0404_s02_bg.png");
        background-repeat: no-repeat;
        width: 100%;
        padding-top: 220px;
        padding-bottom: 70px;
        margin-top: -35px !important;
    }


    .p0404 .s02 .box {
        border: 10px solid #f9f9f9;
        width: 460px;
        position: relative;
        padding: 100px 20px 30px 20px;
        margin: 90px auto 0 auto;
    }


    .p0404 .mission .title {
        font-size: 1.5rem;
        color: #81bedf;
        font-weight: 500;
    }

    .p0404 .mission .memo {
        font-size: 1.25rem;
        color: #333;
    }

    .p0404 .vision {
        font-size: 1.25rem;
        color: #333;
        text-align: center;
    }

    .p0404 .vision .title {
        font-size: 1.5rem;
        color: #81d9df;
        font-weight: 500;
    }

    .p0405 .history-content {
        display: flex;

    }

    .p0405 .history-content > div {
        width: 50%;
    }

    .p0405 .history-content .right {
        border-left: 2px solid #eee;
        padding-bottom: 45px;
        margin-left: -2px;
    }

    .p0405 .history-content .left {
        border-right: 2px solid #eee;
        padding-bottom: 45px;
    }


    .p0405 .history-content .right li {
        padding-left: 27px;
    }

    .p0405 .history-content .left li {
        padding-left: 27px;
        text-align: right;
    }

    .p0405 .history-content:last-child .right, .p0405 .history-content:last-child .left {
        border-right: 2px solid transparent;
        border-left: 2px solid transparent;
    }


    .p0406 .s02 .box > div {
        flex: 0 0 20% !important;
    }

    /**
    P0408 지도
     */
    .root_daum_roughmap .cont {
        position: relative;
        overflow: hidden;
        margin-top: -1px;
        display: flex;
    }


    .root_daum_roughmap .cont .section_address {
        flex: 0 0 330px;
        font-size: 1rem;
    }

    .root_daum_roughmap .cont .section_busstop {
        flex: 0 0 330px;
        font-size: 1rem !important;
    }

    .os_mac.root_daum_roughmap .section_address .tit, .os_mac.root_daum_roughmap .section_address .txt {
        font-size: 1rem !important;
    }

    .root_daum_roughmap .cont .section_busline {
        flex: 0 0 330px;
        font-size: 1rem !important;
    }

    .root_daum_roughmap .section_busstop .wrap_list li {
        display: block !important;

    }

    .os_mac.root_daum_roughmap .section_busstop .wrap_list li a {
        margin-top: 1px;
        font-size: 1rem !important;
        margin-bottom: 10px;
    }

    .root_daum_roughmap .section_busline .wrap_list .txt a {
        font-size: 1rem !important;
    }

    .root_daum_roughmap .section_busline .wrap_list li {
        overflow: hidden;
        margin-bottom: 12px !important;
    }

    .os_mac.root_daum_roughmap .section .title {
        font-size: 20px !important;
        font-weight: 400;
        padding-bottom: 16px;
        margin-bottom: 22px;
        border-bottom: 1px solid #8395bb;

    }

    .root_daum_roughmap .cont .section {

        border-bottom: none!important;
    }


    .p1001 .s02 ul {
        margin: 1rem 0 0 0.625rem;
    }

    .p1001 .s02 ul li {
        padding-bottom: 3px;
    }

    .p1001 .s02 .font-color-title > div:first-child {
        flex: none;
        padding-right: 6px;
    }


    .p1202 .nav-tabs .nav-link {
        font-size: 1rem;
        padding-top: 15px;
        padding-bottom: 15px;
    }


    .p0401 .padding-top {
        padding-top:70px;
    }
     .p0403 .love-heart {
        height: 61px;
        width: 264px;
        padding-top: 30px;
        background-image: url("/resources/front/images/about-heart.jpg");
        background-size: contain;
        background-position: right;
        background-repeat: no-repeat;
    }


}