﻿@media (max-width: 470px) {
    .col-arrow {
        right: 10px !important;
    }
}


@media (min-width:359px) {
    .profile .detail {
        width: 185px;
        float: left;
        /* padding-left: 20px; */
    }

}


@media (min-width:470px) {
    .portfolio .list .item img {
        max-width: 155px;
    }


    .portfolio .list h4 {
        font-size: 20px;
        letter-spacing: 2px;
    }

  
}



@media (min-width: 550px) {

    .tprev .list .item .number, .tprev .list .item .date, .tnext .list .item .number, .tnext .list .item .date {
        display: table-cell;
    }

    .tprev .list .item .subject, .tnext .list .item .subject {
        text-align: left;
    }

    .step {
        padding: 30px 10px 60px;
    }

        .step img {
            max-width: 80px;
        }

        .step .detail {
            max-width: 400px;
        }
}

@media (min-width: 650px) {

    .category {
        border-bottom: 1px solid #cfcfcf;
        margin-bottom: 20px;
        margin: 30px;
        margin-top: 10px;
    }

        .category .btn {
            width: 250px !important;
        }
}


@media (max-width: 767px) {
    .two {
        margin-top: 0;
    }

        .two .exchange {
            margin-top: 0;
        }

    .s-body {
        margin-bottom:50px;
    }
}

@media (min-width: 768px) {

    .content { 
        margin-bottom:0;
    }

    .container2 {
        width: 750px;
    }

    .team .nopadding {
        padding-right: 15px;
        padding-left: 15px;
    }

    .navi {
        font-size: 14px;
    }

    .title span.axis {
        font-size: 17px;
    }

    .title h1 {
        font-size: 42px;
    }


    .tth {
        font-size: 45px;
    }

    .tth2 {
        font-size: 44px;
    }

    .history .content {
        padding-top: 30px;
        padding-left: 20px;
    }

    div.historybg {
        display: block;
    }

    .org-pc {
        display: block;
    }

    .org-mobile {
        display: none;
    }

    .org .content2 {
        display: block;
    }

    /*.profile img {
        max-width: 170px; 
    }*/

    .team .building {
        display: block; 
        text-align:right;
    }

        .team .building img {
            max-width: 200px;
        }


    .fund-mobile {
        display: none;
    }

    .fund-pc {
        display: table-cell;
    }


    .contact-wrap {
        padding: 40px 40px;
    }


    .contact-form {
        padding: 20px;
    }

    .fgroup input {
        width: 83%;
    }

    .fgroup span {
        font-size: 20px;
    }

    .tel {
        font-size: 20px;
    }


    .desc-head h1 { 
        display:inline-block;
    }

    .desc-head span {
        position: absolute;
        right: 10px;
    }

    .swrap, .swrap2 {
        max-width: 360px;
        float: right;
        margin-left: 25px;
        margin-right: 25px;
    }

    .swrap2 {
        float: left;
    }

    .s-body {
        display: block;
    }

    .exchange {
        background-color: #979797;
    }

    .exchange2 {
        background-color: #115382;
    }

    .col-arrow {
       display:none;
    }
}

@media (min-width:893px) {
    .notop_pc {
        /*padding-top: 0;*/
        margin-top: 0;
    }
}

@media (min-width: 992px) {

    .notop_pc {
        padding-top: 10px;
        margin-top: 0;
    }

    .bg {
        display: block;
    }

    .temp {
        display: block;
    }

    .title {
        text-align: left;
        padding-top: 0;
    }

        .title div {
            margin: 0 auto;
            max-width: 80%;
        }

    .title2 {
        text-align: left;
        padding-left: 15px;
    }

    .pd0 {
        padding-left: 0;
        padding-top: 0;
    }

    .title-invest {
        text-align: left;
    }

    .container2 {
        width: 970px;
    }

    div.historybg .ment {
        padding-top: 80px;
        display: inline-block;
        font-size: 37px;
    }

    .footimg {
        max-width: 700px;
    }


    .team .building {
        display: block;
    }

    .profile {
        padding-left: 30px;
        padding-right: 30px;
    }


        .profile img {
            max-width: 150px;
        }

        .profile .detail {
            width: 220px;
            float: left;
            padding-left: 20px;
        }

            .profile .detail h3 {
                font-size: 23px;
                padding-left: 20px;
                padding-top: 20px;
                margin-bottom: 30px;
            }

    .noimg .detail {
        margin-left: 150px;
    }

    .notop_pc .detail {
        width: 250px;
        float: left;
        /* padding-left: 20px; */
    }

    .team .building {
        padding-top: 40px;
        text-align: center;
    }

        .team .building img {
            max-width: 230px;
        }

    .key {
        display: block;
    }

    .flowerpot, .flowerpot2 {
        display: block;
    }

    .puzzle {
        display: block;
    }

    .ipro {
        display: block;
    }

    .icomment {
        display: block;
    }

    .cbox {
        margin-right: 30px;
    }


    .process-title {
        margin-top: -130px;
    }

    .search {
        margin-right: 30px;
    }

    .swrap, .swrap2 {
        max-width: 360px; 
    }

    .hr-dash {
        padding-top: 30px;
        margin-left: 80px;
    }
}

@media (min-width:1200px) {
     
}

@media (min-width: 1250px) {

     
}
