@charset "utf-8";

@media (max-width: 991px) {
header{ padding:10px 0px;}
.logo{ margin: 0px 0; }
.logo a{ width: 114px; height: 30px; }

.menu{ display: none; }

.btn_toggle{ width: 50px; height: 50px; color: #666; background: none; border: 0; display: block; cursor: pointer; position: fixed; top: -1px; right: 0px; z-index: 1000; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.btn_toggle.active{ position: fixed !important; }

.dropdown.dk{ display: none; }
.dropdown.mb{ display: block; }

main{ padding:50px 0 0 0; }

nav[aria-label="breadcrumb"] { display: none; }

footer .info_box p{ font-size: 1.625em;}

.banner_tbox p{ font-size: 2.5em;}

/* .inner h2{ margin: 0; } */
}

@media (max-width: 768px) {
.banner_tbox p{ font-size: 1.625em;}
}

@media (max-width: 767px) {
.index_feature .list_box{ margin: 11px 0; }
.index_feature .collist:nth-last-child(2) .list_box{ margin-bottom: 0; }

.sort_wrap{ display: none; }
.select_branchbox{ display: block; }

.list_img.dtl{ float: none; margin:0 auto 20px auto; }
}

@media (max-width: 600px) {
}

@media (max-width: 575px) {
nav[aria-label="Page navigation"]{ display: none; }
.pageflip{ display: block; }
}

@media (max-width: 480px) {
h1.h1{ font-size: 2em; }
h2{ font-size: 1.5em; }
h3{ font-size: 1.375em; }
h4{ font-size: 1.25em; }
h5{ font-size: 1.125em; }
h6{ font-size: 1em; }

section{ padding: 60px 0; }
section h2{ margin:0 0 20px 10px; }

.row .collist{ margin: 0px 0px; padding: 0px 10px; }

.container{ padding: 0 15px; }

.banner_tbox p{ font-size: 1.25em;}
.banner_tbox p span{ margin-bottom: 5px; }

.list_box2{ margin: 0 0 10px 0;}

.index_feature .list_box{ padding: 15px;}

footer{ margin-bottom: 34px; }
.float{ width: 100%; position: fixed; right: 0; bottom: 0px; }
.float li{ float: left; width: 25%; margin: 0; text-align: center; }
.float li:nth-child(1){ background: #285296; }
.float li:nth-child(2){ background: #00c300; }
.float li:nth-child(3){ background: #6c157d; }
.float li:nth-child(4){ background: #ff9900; }
.float li img{ width: 34px !important; height: auto;}

.bubble_a .bubble button{ text-align: left;}
}

@media (max-width: 400px) {
}

@media (max-width: 375px) {
.banner_tbox p{ font-size: 1.125em;}

.index_feature .list_box p{ font-size: .875em; }
}

@media (max-width: 374px) {
.index_feature .list_box{ padding: 10px;}
}