@charset "utf-8";

@media all and (max-width: 1024px){
    .wrap {width: 100% !important}
    .m_box1 .wrap .m_cs div p {font-size: 0.9em;}
    .img_type1 img {width: 100%;}
    .wating_img img {width: 70%;}
    .cont_type1 {padding: 0 15px;}
    .title_type1 {padding: 0 15px 10px 15px;}
}

@media all and (max-width: 768px){
    .m_box1 .wrap >ul {display: block;}
    .m_box1 .wrap >ul >li {float: left;width: 100%;}
    .m_box1 .wrap >ul >li.m_cs {width: 100%;}
    .m_box1 .wrap .m_cs h3 {font-size: 1.1em;padding: 10px 0;}
    .m_box1 .wrap .m_cs div p {padding: 10px 0;font-size: 0.85em;}
    .m_box1 .wrap >ul >li >div {min-height: inherit;}
    .hd_logo .logo img{width: 140px;}
    .hd_logo .wrap .left img{width: 135px}
    .hd_logo .wrap .right img{width: 70px}
    .main_visual {height: 180px;}
    .main_visual {height: 180px;}
    .main_visual .wrap {height: 100%;}
    .main_visual .wrap img {height: 100%;}
    .m_box3 {height: auto;}
    .dl_type2 dt {width: 40%;}
    .dl_type2 dd {width: 60%;}
    .m768 {width:80%}
    #touchSlider4 {width: 85%;}
    #touchSlider4 ul li a {padding:10px 3px;font-size: 0.9em;}
}

@media all and (max-width: 480px){
    .wrap {min-width: 320px;}
    .hd_menu {background: #fff;border-bottom: 1px solid #ddd;}
    .hd_logo .logo {padding: 10px 0;}
    .hd_logo .wrap .left{display: none;}
    .hd_logo .wrap .right{display: none;}
    .main_visual {height: 160px;}
    .m_box1 .wrap >ul >li {font-size: 0.9em;}
    .m_box2 {margin-top: 10px;display: inline-block;}
    .m_box2 h3 {font-size: 1.8em;padding-left: 10px;}
    .m_box2 h3 span {display: block;margin-left: 0;margin-top: 3px;}
    .m_box3 .wrap >ul >li {width: 50%;padding: 0 15px;font-size: 0.95em;}
    .m_box3 .wrap >ul >li.m_notice {width: 100%;padding: 5px 15px;}
    .m_box3 .wrap >ul >li.bank_info, .m_box3 .wrap >ul >li.cs_info {text-align: center;}
    .copyright {padding: 7px 0;}
    .copyright p {padding: 5px 10px;line-height: 1.4em;}
    .gnb li a {font-size: 1em;}
    .wating_img img {width: 90%;}
    .cont_type2 {margin-left: 0;}
    .title_type1 {font-size: 2em;margin: 30px 0 10px 0;}
    .m480 {width:80%}
    #touchSlider4 {width: 80%;}
}