@charset "utf-8";

/* CSS Document */

.block {
    display: none
}

@media (max-width: 1250px) {
    .home_img {
        top: -85px;
    }



}

@media (max-width: 1200px) {
    .top_menu .sub {
        width: 100%;
    }

    .news_tt li {
        width: 208px;
    }

    .footer_img,
    .footer_word,
    .bn_epaper {
        display: block;
        text-align: center;
        width: auto;
    }

    .footer_top_bg {
        background: none;
    }

    .top_menu li a {
        padding: 10px 0px;
    }
}


@media (max-width: 1100px) {

    .news_list .list_unit {
        width: 15%;

    }

    .news_list .list_word {
        width: 58%;
    }


}

@media (max-width:776px) {
    .news_list .list_click {
        background: url(../in_images/click.png) no-repeat 15% 14px;
    }



}

@media (max-width:990px) {


    .links_01 li {
        width: calc(100%/2);
    }

    .links_01 a {
        padding: 0;
    }

    .h3cloud {
        margin-bottom: 60px !important;
    }

    .links_02 li {
        margin-top: 25px;
    }

    body {
        background: #F6F4DB;
    }

    .links_01 {
        margin-top: 60px;
    }

    .news_tt li a {
        font-size: 1.2em;
    }

    .news_marquee {
        margin-top: 12px;
    }

    .news_list .bth {
        left: 0;
    }

    .news_list .bth a {
        margin: 0 7px;
        width: 129px;
    }

    .news_tt li {
        width: 208px;
    }

    .menu_bg {
        margin-top: 0;
    }

    .toptop {
        background: none;
        height: auto;
    }
    .home_block .owl_click{
        display: none;
    }
    .home_img {
        display: none !important;
    }

    .home_img2 {
        display: block !important;
        top: 0;
    }

    #logo {
        margin-top: 0;
    }

    .menu_bg {
        height: auto;
    }

    .Gotop {
        width: 65px;
        height: 132px;
        background: url(../images/icon_top.png);
        position: fixed;
        bottom: 6%;
        right: 2%;
        opacity: 0.7;
    }

    #header .top {
        height: auto;
    }

    .list .border:last-of-type,
    .list li:last-of-type,
    .list li {}

    .tabulation li:first-child .tabulation_tt {
        border-top-left-radius: 0.3em;
    }

    .tabulation li:nth-child(4) .tabulation_tt {
        border-bottom-left-radius: 0.3em;
    }

    .search_title {
        border-radius: 0.3em;
    }

    .search>li:first-child .search_title {
        border-top-left-radius: 0.3em;
    }

    .search>li:last-child .search_title {
        border-bottom-left-radius: 0.3em;
    }

    .footer_top_bg {
        background: none;
        padding: 0;
    }

    #main_menu {
        background: #f8f9e4;
        height: auto;
        margin: 0;
    }

    .share .type1, .share .type2, .share .type4, .share .type7 {
        border-radius: 0;
        border: none;
    }

    iframe {
        max-width: 100%;
        height: 432px;
    }

    #header {
        height: auto;
    }

    .article {
        min-height: inherit;
    }

    .article .owl-carousel img {
        width: auto;
        max-height: 150px !important
    }

    .article .box .owl-next {
        right: 10px;
    }

    .article .box .owl-prev {
        left: 10px;
    }

    #main_type {
        padding: 0 0 5px 0;
    }

    .list {
        margin-top: 5px;
    }

    .footer_word {
        white-space: normal;
        padding: 10px;
    }

    #logo {
        padding: 0.5em 0em 0.5em 0.3em;
        float: none;
        display: inline-block;
    }

    #logo a img {
        max-height: 70px;
    }

    #logo img {
        max-height: 70px;
    }

    #main_type input#kd {
        width: calc(140px - 32px);
    }

    .main_bn {
        float: none;
        margin: 5px 0;
    }

    #main_type {
        text-align: left
    }

    .menu2 {
        width: 100%;
        border-radius: 0;
        padding: 15px 10px;
    }

    .menu2 li {
        margin-bottom: 0.2em;
    }

    #footer:before,
    .display_no,
    .main_bn,
    .menu_nav,
    .menu_navigation,
    .left_menu,
    .top_menu,
    .calendar_type,
    #fat_footer {
        display: none !important
    }

    #header {
        background: #fff;
    }

    .block,
    .type_word,
    .share_mob,
    #menu_bth,
    .block,
    .b_main {
        display: block
    }

    .share_mob li a {
        font-size: 0em;
    }

    .tabulation_word .example {
        display: block;
        margin-top: 5px;
    }

    .share {
        width: 100%;
        height: auto;
        font-size: 1em;
        font-weight: bold;
        position: static;
        display: table;
        padding: 0;
    }

    .share li {
        width: calc(100%/4);
        display: table-cell;
        height: 45px;
        margin: 0;
    }

    .share .Gotop {
        width: 65px;
        height: 132px;
        background: url(../images/icon_top.png);
        position: fixed;
        bottom: 12%;
        right: 2%;
        opacity: 0.7;
        z-index: 99;
    }

    .share .Gotop a {
        color: #fff;
        padding: 0.2em 0.5em;
        text-align: center;
    }

    .tabulation .tabulation_tt {
        padding: 10px 5px;
        border-radius: 0.3em;
    }

    .tabulation .tabulation_word {
        padding: 10px 0;
    }

    .search_txt,
    .search_title,
    .tabulation .tabulation_tt,
    .tabulation .tabulation_word {
        display: block
    }

    .search_txt,
    .search_title,
    .tabulation_tt,
    .tabulation_word {
        width: 100%;
        text-align: left;
    }

    .tabulation_blank {
        display: none
    }

    .tabulation2 .tabulation_tt,
    .tabulation2 .tabulation_word {
        padding: 0 0 5px 0;
    }

    .login,
    .registration1 {
        width: 100%;
    }

    /*----------------------------gallery---------------------*/
    .gallery_list .title {
        display: block;
    }

    .gallery_list .title strong {
        width: 100%;
        display: block;
        max-width: inherit;
        overflow: inherit;
        white-space: inherit;
    }

    .gallery_list .title p {
        width: auto;
        display: block;
        text-align: left;
    }

    /*----------------------------calendar---------------------*/
    .calendar ul li figure span,
    .calendar ul li dl span,
    .calendar ul .date .plan dd {
        display: none
    }

    .calendar ul .date span {
        padding: 0;
    }

    .calendar ul .date span a {}

    .calendar_month,
    .calendar_type,
    .calendar2_week {
        float: none;
        position: static;
        margin-bottom: 10px;
    }

    .calendar {
        display: none;
    }

    .calendar2 {
        display: block;
    }

    .calendar2_week {
        width: 100%;
    }

    .calendar2_week a {
        width: calc(100%/6 - 2px);
        margin-right: calc(2px * 6 / 5);
        padding: 0;
    }

    .calendar2_week a:last-of-type {
        margin-right: 0;
    }

    .calendar_title {
        padding: 15px 0 0 0;
    }

    .calendar_type a {
        padding: 0 10px;
    }

    /*----------------------------rwd-table---------------------*/
    .rwd-table {
        overflow: hidden;
    }

    .rwd-table {
        min-width: 100%;
    }

    .rwd-table .list_head {
        display: none;
    }

    .rwd-table dd {
        display: block;
    }

    .rwd-table span:before {
        content: attr(data-th) "  ";
        font-weight: bold;
        width: 6.5em;
    }

    .rwd-table li,
    .rwd-table dd {
        text-align: left;
    }

    .rwd-table li,
    .rwd-table dd:before {
        font-weight: bold;
    }

    .rwd-table .list li {
        border-bottom: 1px solid #ccc;
    }

    .list_date {}

    .rwd-table li {
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-radius: 1.25em;
    }

    .rwd-table .list {}

    .rwd-table .list_date span {
        display: block;
        width: 100%;
        padding: 5px
    }

    .rwd-table .list_date a {
        display: inline
    }

    .rwd-table .list_date i {
        font-size: 1em;
    }

    .rwd-table .list_word {
        background: none;
        padding: 5px;
    }

    /*----------------------------links---------------------*/
    .links li:nth-child(odd) {
        background: none;
    }

    .links .list_word {
        text-align: left;
        background: url(../images/left_icon.png) no-repeat 8px 15px;
        padding: 10px 10px 10px 25px !important;
    }

    .links li {
        margin: 0;
        padding: 0;
        border: 0
    }

    .links li span:nth-child(even) {
        background-color: #f8f9e4;
    }

    /*----------------------------tour2---------------------*/
    .tour2 li .item a .cover,
    .tour2 li .item a .cover span {
        position: static;
    }

    .tour2 li .item a .cover {
        background: none;
        color: #000;
        line-height: 25px;
        padding: 0.5em 0;
    }

    .tour2 li .item a:hover .cover {
        background: none;
    }

    .tour2 li.tour2_2item .item img,
    .tour2 li.tour2_3item .item img {
        width: 100%;
        height: auto;
    }


    .search_btn li {
        float: none;
        margin: 0 0 5px 0;
    }

    .search_btn li a {
        border-radius: 0;
    }

    .m_20,
    .m_30,
    .m_40,
    .m_50,
    .m_60,
    .m_70,
    .m_90 {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .news_marquee {
        background-size: 80px;
        padding-left: 90px;
    }

    .col-xs-6:nth-child(2n+1) {
        clear: both;
    }

    iframe {
        max-width: 100%;
        height: 225px;
    }

    .inputXS,
    .inputS,
    .inputM,
    .inputL,
    .inputXL {
        width: 100%
    }

    .search_table2 {
        width: calc(100% - 60px);
    }

    .content_txt .imgbox,
    .faq .imgbox,
    .gallery_list .imgbox,
    .gallery_list .imgbox2 {
        float: none;
        padding: 0;
    }

    .pic dl {
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 500px) {
    .photo2 img {
        max-height: 180px !important;
        margin-top: 40px;
    }

    .news_tt li {
        width: 208px;
        line-height: 43px;
    }

    .news_tt .news_tt- a, .news_tt li a:hover {
        background-size: contain;
    }

    .news_tt li a, .news_tt li a:hover {
        background-size: contain;
    }

    .number {
        padding: 89px 25px 0px 25px;
        width: 100%;
        height: auto;
        min-height: 310px;
        background-size: contain;
        background-position: center top;
    }

    .number .m_bottom {
        font-size: 1.1em;
    }

    .number .mb10 {
        font-size: 1em;
    }

    .number .fz125 {
        font-size: 1.1em;
    }

    .parallelogram {
        width: 295px;
        height: 293px;
        background: url(../in_images/print-.png);
    }

    .photo2 span {
        width: 267px;
        left: 13px;
    }

    .parallelogram .owl-item {
        padding: 0 14px 0 14px;
    }

    .photo2 img {
        margin-top: 28px;
    }

    .pic dl {
        width: 100%;
    }

    .registration_date3 {
        padding: 0
    }

    .registration_enroll {
        padding: 0
    }

    .registration_sign {
        padding: 0
    }

    .mail3_date {
        font-size: 78%;
        letter-spacing: -1px;
    }

    .search_title {}

    #search_btn li {
        width: 100%;
        margin-bottom: 10px;
    }

    #search_btn {
        margin-bottom: 0px;
    }

    .calendar2_date {
        width: 20%;
    }

    .calendar2_date2 {
        width: 20%;
    }

    /*----------------------------tour2---------------------*/
    .tour2 li.tour2_2item .item,
    .tour2 li.tour2_3item .item {
        width: 100%;
        float: none;
    }

    .happy .owl_wrapper{
        max-width: 295px;
    }
    .happy .owl_wrapper .owl_click{
        top: 35px;
        left: 33px;
    }
}

@media (max-width: 340px) {
    .number .mb10 {
        font-size: 0.9em;
    }

    .number div {
        font-size: 0.9em;
    }

    .number li {
        font-size: 1.1em;
    }
 
}

@media (max-width: 320px) {
    .parallelogram {
        width: 292px;
        height: 292px;
    }

    .news_tt li {
        line-height: 35px;
    }

    .number {
        padding: 83px 25px 0px 25px;
    }
}

@media (max-width: 370px) {
    #logo a img {
        max-height: 60px;
    }

    .tabulation3_word span {
        display: block;
    }
}

@media (min-width: 991px) {
    #main_menu .menu2 {
        display: none !important
    }

    .left_menu .menu2 {
        display: block !important
    }
}