@media all and (min-width: 0) and (max-width: 768px) {

    body {
        
    }
    
    img {
        width:100%;
    }
    
    .pc-only {
        display:none !important;
    }

    .sp-only {
        display:block;
    }
    
    #header {
        width:100%;
        position: fixed;
        padding: 0;
        background-color: #fff;
        z-index: 99;
    }
    
    .header__logo {
        float:left;
        width:240px;
        margin-top: 15px;
        margin-left: 3%;
    }
    
    .header__btn {
        float:right;
        width:50px;
        position: relative;
    }
    
    #sp_menu {
        position: absolute;
        top:52px;
        left:0;
        background-color: #4a9a15;
        width:100%;
        color: #fff;
        display: none;
        text-align: left;
    }
    
    .spColsebtn {
        position: absolute;
        top:0;
        left:0;
        display: none;
    }
    
    #sp_menu li {
        padding: 8px 0 8px 4%;
        border-bottom: 1px solid #fff;
        position: relative;
        font-size: 18px;
    }
    
    #sp_menu li a {
        position: absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
    }
    
    .mainV {
        width:94%;
        padding: 20px 3%;
        background-image: url(../images/sp_mainv_bg.png);
        background-repeat: no-repeat;
    }
    
    .mainV h1 {
        width:80%;
        margin: 0 auto;
    }
    
    .mainV__text2 {
        width:80%;
        margin: 0 auto 10px auto;
    }
    
    .mainV__imgs li {
        width:23%;
    }
    
    .wrapper {
        width:100%;
        padding-top: 52px;
    }
    
    .topCont01__box__L__tit {
        font-size: 16px;
    }
    
    .sp__inner {
        width:94%;
        margin: 0 auto;
    }
    
    .topCont01 {
        padding: 0;
    }
    
    .topCont01__box {
        width:94%;
        padding: 3%;
    }
    
    .topCont01__box__L {
        width:100%;
        float:none;
    }
    
    .topCont01__box__L img {
        width:30px;
    }
    
    .resCont1__text1 {
        width:auto;
    }
    
    .topCont01__box__R {
        width:100%;
        float:none;
    }
    
    .topCont01__box__R__img1 {
        width:49%;
    }
    
    .topCont01__box__R__img2 {
        width:49%;
    }
    
    .topCont01__box__L__btn {
        margin-top: 0;
    }
    
    .topCont01__box__L__btn {
        margin: 10px 0;
    }



    .topCont02 {
        padding: 0;
    }
    
    .topCont02__box {
        width:94%;
        padding: 3%;
    }
    
    .topCont02__box__L {
        width:100%;
        float:none;
    }
    
    .topCont02__box__L img {
        width:30px;
    }
    
    
    .topCont02__box__R {
        width:100%;
    }
    
    .topCont02__box__R__img1 {
        width:100%;
   }
    
    .topCont02__box__L__btn {
        margin-top: 10;
    }
    







    
    .topBtn {
        width:90%;
        padding: 1% 5%;
    }
    
    .topCont02 {
        padding: 30px 0;
    }
    
    .topCont02__text1 {
        font-size: 20px;
    }
    
    .topCont02__text2 {
        line-height: 1.7;
        font-size: 12px;
    }
    
    .topCont02__text3 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    
    .sTit {
        font-size: 18px;
    }
    
    .topCont03 {
        width:94%;
        padding: 3%;
        margin-bottom: 30px;
    }
    
    .topCont04 {
        width:94%;
        padding: 3%;
    }
    
    .topCont04__text1 {
        font-size: 16px;
        margin-bottom: 20px;
    }
    
    .topCont04__box__tit {
        width:94%;
        padding: 1% 3%;
        font-size: 16px;
    }
    
    .topCont04__box__in {
        width:94%;
        padding: 3%;
    }
    
    .topCont04__box__in__L {
        width:100%;
        float:none;
        border: none;
        padding: 20px 0;
    }
    
    .topCont04__box__in__R {
        width:100%;
        float:none;
    }
    
    .topCont04__box__in__R__btn {
        position: inherit;
        margin: 20px 0;
    }
    
    .topCont04__box__in--type2 .topCont04__box__in__L {
        padding: 20px 0;
    }
    
    .topCont04__box__in--type3 .topCont04__box__in__L {
        padding: 20px 0;
    }
    
    .botBan {
        padding: 10px 0;
        border: 5px solid #6fb829
    }
    
    .botBan__tit {
        width:94%;
        margin: 0 auto 10px auto;
    }
    
    .botBan__btns li {
        display: block;
        width:90%;
        margin: 10px auto 0 auto;
    }
    
    #footer {
        padding: 20px 0;
    }
    
    #footer img {
        width:50%;
    }
    
    .gotop {
        width:15%;
    }
    
    /*results*/
    
    .mainV--page {
        width:100%;
        padding: 20px 0;
    }
    
    .page__tit {
        margin-top: 10px;
        font-size: 20px;
    }
    
    .resCont1 {
        margin-top: 0;
    }
    
    .resCont1__text2 {
        font-size: 35px;
    }
    
    .resCont1__list li {
        width:100%;
        margin: 0 0 20px 0;
    }
    
    .resCont1__box {
        width:100%;
        margin-bottom: 20px;
    }
    
    .resCont1__box__in {
        width:94%;
        padding: 5% 3%;
        height: auto;
    }
    
    .resCont1__box__in__pic {
        width:50%;
        margin: 0 auto;
        float:none;
        margin-bottom: 20px;
    }
    
    .resCont1__box__in__text {
        width:100%;
        float:none;
    }
    
    .resCont1__box--L {
        float: none;
    }
    
    .resCont1__box--R {
        float: none;
    }
    
    .resCont2 {
        padding:5% 3%;
        margin-bottom: 30px;
    }
    
    .resCont2__box1--L {
        float:none;
    }
    
    .resCont2__box1--R {
        float:none;
    }
    
    .resCont2__box1 {
        width:90%;
        float:none;
        padding: 5%;
        height:auto;
    }
    
    .resCont2__box2 {
        padding: 5%;
        width:90%;
    }
    
    .resCont2__box2 ul {
        margin: 0;
    }
    
    .resCont2__box2 li {
        margin-bottom: 40px;
    }
    
    /*cambodia*/
    
    .cambCont1__text1 {
        width:100%;
        font-size: 14px;
        margin: 20px 0;
    }
    
    .cambCont1__pics li {
        width:30%;
    }
    
    .cambCont1 {
        margin-bottom: 30px;
    }
    
    .cambCont2 {
        width:94%;
        padding: 3%;
    }
    
    .cambCont2__text1 {
        width:100%;
    }
    
    .cambCont2__boxes {
        width:100%;
    }
    
    .cambCont2__box1 {
        width:100%;
        float:none;
        margin-bottom: 20px;
    }
    
    .cambCont2__box2 {
        width:100%;
        float: none;
    }
    
    .cambCont2__box2__pics--L {
        width:49%;
    }
    
    .cambCont2__box2__pics--R {
        width:49%;
    }
    
    .cambCont3 {
        width:100%;
    }
    
    .cambCont3__pics--L {
        width:100%;
    }
    
    .cambCont3__pics--L {
        margin-bottom: 20px;
    }
    
    .cambCont3__pics--R {
        width:100%;
        float:none;
        margin-bottom: 30px;
    }
    
    .m--none {
        margin-bottom: 0;
    }
    
    .cambCont3__pics__tit {
        margin: 10px 0;
    }
    
    .cambCont3__pics {
        margin-bottom: 0;
    }
    
    .cambCont3__pics2 {
        margin-bottom: 40px;
    }
    
    
    /*childrensbook*/
    
    .chiMainv {
        width:100%;
        margin-top: 0;
        position: inherit;
    }
    
    .chiMainv__text {
        position: inherit;
        top:0;
        left:0;
        color: #6fb829;
        text-align: center;
        margin-top: 10px;
    }
    
    .chiCont1 {
        width:94%;
        margin: 0 auto;
    }
    
    .chiCont1Box {
        float:none;
        width:100%;
        margin-bottom: 30px;
    }
    
    .chiCont2__box1 {
        width:100%;
    }
    
    .chiCont2__box1--L {
        width:60%
    }
    
    .chiCont2__box1--R {
        width:32%;
    }
    
    .chiCont2__box3__imgs li {
        width:30%;
        vertical-align: top;
    }
    
    .chiCont3 {
        width:90%;
        padding: 5%;
        margin-bottom: 50px;
    }
    
    .chiCont3__text1 {
        font-weight: normal;
        font-size: 16px;
    }
    
    .chiCont3__y {
        width:100%;
        float:none;
    }
    
    .chiCont3__ta {
        width:100%;
    }


.mat40	{margin-top:40px !important;}







}