@charset "UTF-8";
/* CSS Document */

.intro {
    text-align: left;
    padding: 100px 40px;
    background-position: 50%;
}

.intro-body {
    0px;
}

    {
    margin-top: -30px;
}

.pc-none {
    display: none;
}

.sp-none {
    display: block;
}

#services .text-left {
    font-size: 12px;
}

.text-left {
    text-align: left;
}

h2.classic {
    margin-top: 20px;
}

#news img {
    border-radius: 5px;
}

#anylance,
#news,
#vision {
    background-color: #fafafa;
}

#news p {
    font-size: 13px;
}

#news i {
    font-size: 10px;
    margin-right: 10px;
}

#news h5 {
    margin-bottom: 10px;
    font-size: 13.5px;
}

<div class="col-md-5 col-md-offset-2">#vision .row {
    padding-top: 0px;
}

#vision .row div {
    border: 2px solid #ddd;
    border-radius: 40px;
    margin: 20px 10px;
    background-color: #fff;
}

#vision .row p {
    font-size: 13px;
    padding: 15px;
}

#team {
    border: none;
}

#team .row,
#vision .row {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-justify-content: space-around;
    /* Safari */
    justify-content: space-around;

    -webkit-flex-direction: row;
    /* Safari */
    flex-direction: row -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap;
}

#team .row::before,
#team .row::after,
#vision .row::before,
#vision .row::after {
    display: none;
}

#team .row div,
#vision .row div {
    max-width: 300px;
}

#team h2 {
    margin-top: -20px !important;
}

.ms-button {
    color: #fff;
    background-color: #333;
    border-radius: 5px;
    padding: 5px;
}

#messages,
#services,
#partners {
    background-color: #bbb !important;
}

#messages h2 {
    margin-bottom: 40px !important;
}

#messages .col-sm-8 {
    margin-top: 10px;
}

#messages .text-left {
    font-size: 13px;
}

#partners .col-lg-3 h4 {
    border: 2px solid #aaa;
    border-radius: 5px;
    padding: 10px 5px;
    font-size: 10px;
    background-color: rgba(255, 255, 255, 0.1)
}

.partners_more {
    float: left;
    clear: both;
    width: 100%;
}

.partners_more,
.close_btn {
    display: none;
}

@media screen and (min-width:1200px) {
    #partners .col-lg-3 h4.long {
        letter-spacing: 0;
    }
}

#partners .overlay {
    background-color: rgba(7, 9, 21, 0.7);
    z-index: 0;
}

#partners .more_btn {
    border: 2px solid #aaa;
    border-radius: 5px;
    padding: 10px 5px;
    font-size: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    z-index: 1;
    position: relative;
}

#map {
    background-color: #fafafa;
}

#anymama,
#anylance {
    text-align: center;
}

.navbar-custom .navbar-brand .logo {
    max-height: 22px;
}

#message {
    height: 150px;
    margin-bottom: 40px;
}

.input-lg {
    font-size: 15px;
}

@media screen and (min-width:1200px) {
    #anylance .col-lg-5 {
        float: right;
    }

    #anylance .col-lg-offset-1 {
        margin-right: 8.33333333%;
        margin-left: 0px;
    }
}


@media screen and (max-width:991px) {

    .intro {
        padding: 100px 15px;
    }

    .bg-white {
        background-color: #fff
    }

    #services,
    #partners {
        background: none !important;
        z-index: -99;
    }

    #partners {
        z-index: 0;
    }

    .ms-button {
        margin-bottom: 70px;
        text-decoration: none;
    }

    #team {
        padding-bottom: 20px;
    }


    #bg1,
    #bg2 {
        position: fixed;
        content: '';
        display: block;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        background-size: cover;
        background-position: center;
        background-color: ccc;
    }

    #bg1 {
        background-image: url(../img/header/10.jpg);
        z-index: -999;
        -webkit-transform: translate3d(0, 0, -999px);
        transform: translate3d(0, 0, -999px);
    }

    #bg2 {
        background-image: url(../img/header/19.jpg);
        z-index: -998;
        -webkit-transform: translate3d(0, 0, -998px);
        transform: translate3d(0, 0, -998px);
    }


    .contactus {
        margin-top: 0px;
        border-top: 1px solid #efefef;
        padding-top: 60px;
    }
}

@media screen and (max-width:767px) {
    #news img {
        width: 100%;
    }

    .n-images {
        width: 38%;
        float: left;
        margin-bottom: 0px;
    }

    .n-text {
        width: 55%;
        float: right;
        margin-bottom: 0px;
        margin-bottom: 10px;
    }

    #news h5 {
        padding-top: 0px;
        margin-bottom: 0px;
        margin-top: -2px;
    }

    #news i {
        clear: both;
    }

    /* #news .btn{margin-top:-40px;} */
}

@media screen and (max-width:620px) {
    .n-text {
        /* max-height: 60px; */
    }

    .n-text p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #news .btn {
        display: none;
    }

    #news div[class*="col-"] {
        margin: 0px 0px;
        padding: 30px 10px;
        border-bottom: 1px solid #ddd;
    }

    #news .row {
        border-top: 1px solid #ddd;
        margin-top: 40px;
        padding-top: 0px;
    }
}



@media screen and (max-width:570px) {
    .intro-body h2 {
        font-size: 18px !important;
    }

    .sp-none {
        display: none;
    }

    .n-text p {
        display: none;
    }
}



@media screen and (max-width:410px) {
    .pc-none {
        display: inline-block;
    }
}

@media screen and (max-width:345px) {}

/*20220204 NEWSボタン追加*/
.news-button {
    text-align: center;
    max-width: 200px;
    margin: 0 auto;
}

.news-button .btn {}

@media screen and (max-width:620px) {
    .news-button {
        margin-top: 5em;
    }

    .news-button .btn {
        display: block !important;
        clear: both;
    }
}

/*SNSアイコンなど*/
.sns_icon {
    width: 24px;
}

#team .sns_icon img {
    max-width: 100%;
    height: auto;
    border-radius: 0;
}

.btn-gray2 {
    border: 2px solid #ddd;
    background-color: #ddd;
}

.btn-gray2 a {
    color: #000;
}

.intro-body:before {
    pointer-events: none;
}