/*css*/
/*--------------------------------
    max-width:820px
--------------------------------*/
@media(max-width:820px) {
    section {
        padding-bottom: 20px !important;
    }
    .pc-none {
        display: block;
    }
    
    .header-menu .split:last-child {
        display: none;
    }
    .feature .midasi1 {
        font-size: 5.3vw;
        margin-top: 20px;
    }
    .small {
        font-size: 10px;
    }
    
    .midasi2 {
        font-size: 20px;
        margin-bottom: 8px;
    }
    
    
}


/*--------------------------------
    max-width:640px
--------------------------------*/
@media(max-width:640px) {
    .f-l {
        font-size: 20px !important;
    }
    /*ヘッダー*/
    .header-top {
        align-items: center;
        margin-bottom: 20px;
        padding: 0;
    }

    .header-menu {
        width: 100%;
    }

    .header-menu .split:last-child {
        display: none;
    }

    .header-menu span {
        padding: 12px 5px;
        font-size: 12px;
        width: 100%;
        text-align: center;
    }

    .logo {
        flex-direction: column;
        align-items: flex-start;
        min-width: auto;
        width: 140px;
        padding: 0;
        margin: 0 10px;
    }

    .logo .split:last-child {
        display: none;
    }

    .logo span {
        font-size: 11px;
        padding: 3px;
        border-width: 2px;
    }

    .logo-m {
        display: block;
    }

    .logo-m img {
        width: 50vw;
        margin: 0 0 20px 20px;
    }

    .header-visual .inner {
        padding: 0;
    }

    /*メインコンテンツ*/
    .yellow {
        font-size: 16px;
        font-weight: normal;
    }
    .feature-content .box {
        background-color: #fff;
        border-bottom: dashed 1px #a8a8a8;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .feature-content .splitin1 {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
    }

    .feature-content .splitin1 img {
        width: 65px;
    }
    .feature-content .splitin1 span {
        margin-right: 20px;
    }
    .feature-content .splitin2 {
        flex-direction: row;
        flex-wrap: nowrap;
        text-align: left;
        width: 80%;
    }
    .feature-content .splitin2 span {
        display: none;
    }
    .feature-content .splitin2 h2 {
        font-size: 5vw;
    }
    .feature-content .splitin2 p {
        font-size: 3.5vw;
    }
    


    .zirei-content {
        text-align: center;
        margin-top: 10px;
    }
    .zirei-content .box {
        border-bottom: solid 1px #a8a8a8;
        padding-bottom: 20px;
    }
    .zirei-content h2 {
        font-weight: normal;
        font-size: 20px;
    }

    .zirei-content span {
        border: none;
    }
    .zirei-content img {
        width: 70vw;
    }

    .zirei-content .split {
        border-left: none;
        border-right: none !important;
    }
    
    
    .contact-button button {
        font-size: 15px;
        width: 65vw;
        padding: 15px 10px;
    }
    
    .other {
        margin-top: 20px;
        padding-top: 20px;
    }
    .other h2 {
        font-size: 20px;
    }
    
    footer {
        text-align: center;
    }
    
}