@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 768px) and (max-width: 936px) {
.container {
margin: auto;
width: 95%;
margin:auto;
position: relative;
}
.g_it {
width:100%;
max-height:250px;
}
.container img {
display:block;
width:100%;
height:100%;
}
.container1 {
margin: auto;
padding-top: 5px;
width: 95%;
}
.container1_left {
float: none;
height: auto;
width: 289px;
margin:auto;
padding-bottom:10px;
}

.container1_right {
float: none;
width: 100%;
text-align:center;
}
.container1_right h1 {
text-align: center;
}
p.bold-text2 {
padding:0 5px;
}
.text {
height: auto;
margin: 13px auto auto;
padding:  0;
width: 95%;
}
.footer-main {
margin: auto;
padding: 8px 0;
width: 95%;
}
.footer-inside {
margin: auto;
width: 98%;
}
.menu {
 border-radius: 0 0 8px 8px;
margin: auto;
 width: 95%;
}
.main-menu {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 0 0 8px 8px;
margin: auto;
padding-top: 5px;
position: absolute;
top: 0;
width: 95%;
display:none !important;
}
.footer-inside ul {
list-style: outside none none;
text-align:center;
}
.footer-inside ul li {
display:inline-block;
float: none;
}
.footer1 {
float: none;
}
.slicknav_menu {
display:block;
}

.fold {
background: none repeat scroll 0 0 #e8eef5;
margin: 14px auto auto;
width: 100%;
}

.fold1 {
float: none;
padding: 5px;
width: 40%;
margin:auto;
text-align:center;
}
.fold2 {
float: none;
padding: 6px 6px 6px 3px;
width: 60%;
margin:auto;
text-align:center;
}
.ar_main {
background: none repeat scroll 0 0 #f2fafd;
margin: auto;
width:369px;
}
.slicknav_btn {
cursor: pointer;
display: block;
float: left !important;
line-height: 1.125em;
padding: 0.438em 0.625em;
position: relative;
vertical-align: middle;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
margin: auto;
width: 95%;
}
 img.ns_slideImage {
width:100% !important;
display:block!important;
height:auto !important; 
}
.g_it {
width:100%;
max-height:190px;
}
.container img {
display:block;
width:100%;
height:100%;
}
.container1 {
margin: auto;
padding-top: 5px;
width: 95%;
}
.container1_left {
float: none;
height:auto;
width: 289px;
margin:auto;
padding-bottom:10px;
}
.container1_right {
float: none;
width: 100%;
text-align:center;
}
.container1_right h1 {
text-align: center;
}
p.bold-text2 {
padding:0 5px;
}
.text {
height: auto;
margin: 13px auto auto;
padding:  0;
width: 95%;
}
.footer-main {
margin: auto;
padding: 8px 0;
width: 95%;
}
.footer-inside {
margin: auto;
width: 98%;
}
.menu {
border-radius: 0 0 8px 8px;
margin: auto;
width: 95%;
display:none;
}
.main-menu {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 0 0 8px 8px;
margin: auto;
padding-top: 5px;
position: absolute;
top: 0;
width: 95%;
}
.footer-inside ul {
list-style: outside none none;
text-align:center;
}
.footer-inside ul li {
display:inline-block;
float: none;
}
.footer1 {
float: none;
}
.slicknav_menu {
display:block;
}
.fold {
background: none repeat scroll 0 0 #e8eef5;
margin: 14px auto auto;
width: 100%;
}

.fold1 {
float: none;
padding: 5px;
width: 100%;
margin:auto;
text-align:center;
}
.fold2 {
float: none;
padding: 6px 6px 6px 3px;
width: auto;
margin:auto;
text-align:center;
}

.con_form {
border: 1px solid #f3f3f3;
margin-top: 14px;
width: 100%;
}

.ar_main {
background: none repeat scroll 0 0 #f2fafd;
margin: auto;
width:369px;
}.slicknav_btn {
cursor: pointer;
display: block;
float: left !important;
line-height: 1.125em;
padding: 0.438em 0.625em;
position: relative;
vertical-align: middle;
}
.container12 {
background: none repeat scroll 0 0 #fff;
margin: auto;
padding-top: 5px;
text-align: center;
width: 95%;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.container {
margin: auto;
width: 95%;
margin: auto;
position: relative;
}
.container img {
display:block;
width:100%;
height:100%;
}
.g_it {
width:100%;
max-height:120px;
}
.container1 {
margin: auto;
padding-top: 5px;
width: 95%;
}

.container1_left {
float: none;
height: auto;
width: 289px;
margin:auto;
padding-bottom:10px;
}
.container1_right {
float: none;
width: 100%;
text-align:center;
}
.container1_right h1 {
text-align: center;
}

p.bold-text2 {
padding:0 5px;
}

.text {
height: auto;
margin: 13px auto auto;
padding:  0;
width: 95%;
}

.footer-main {
margin: auto;
padding: 8px 0;
width: 95%;
}

.footer-inside {
margin: auto;
width: 98%;
}
.menu {
border-radius: 0 0 8px 8px;
margin: auto;
width: 95%;
display:none;
}
.slicknav_btn {
cursor: pointer;
display: block;
float: left !important;
line-height: 1.125em;
padding: 0.438em 0.625em;
position: relative;
vertical-align: middle;
}

.main-menu {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 0 0 8px 8px;
margin: auto;
padding-top: 5px;
position: absolute;
top: 0;
width: 95%;
}
.footer-inside ul {
list-style: outside none none;
text-align:center;
}

.footer-inside ul li {
display:inline-block;
float: none;
}

.footer1 {
float: none;
}

.fold {
background: none repeat scroll 0 0 #e8eef5;
margin: 14px auto auto;
width: 100%;
}

.fold1 {
float: none;
padding: 5px;
width: 100%;
margin:auto;
text-align:center;
}
.fold2 {
float: none;
padding: 6px 6px 6px 3px;
width: auto;
margin:auto;
text-align:center;
}
.con_form {
border: 1px solid #f3f3f3;
margin-top: 14px;
width: 100%;
}
span.name {
margin:auto;
float: none;
text-align: left;
width: 70%;
}
span.input_name {
border-left: none;
display: block;
float: none;
padding: 4px;
width: 70%;
margin:auto;
}

textarea.ft1 {
height: 111px;
margin:auto;
width: 220px;
}
.slicknav_menu {
display:block;
}

.ar_main {
background: none repeat scroll 0 0 #f2fafd;
margin: auto;
width: 100%;
}
.ar_left {
border: 1px solid #00679d;
float: none;
padding: 4px 0 4px 4px;
width: 49.5%;
margin:auto;
margin-bottom:5px;
}
 .ar_right {
float: none;
padding: 4px 0 4px 4px;
width: 49.5%;
margin:auto;
border: 1px solid #00679d;
margin-bottom:2px;	
}
.no {
border-bottom:1px solid #00679d;
border-top:1px solid #00679d;
}
.ar_left:nth-child(2n){
border-bottom:1px solid #00679d;
border-top:1px solid #00679d;
}
.site {
width:100%;
display:block;
text-align:center;
height:auto;
}

.container12 {
background: none repeat scroll 0 0 #fff;
margin: auto;
padding-top: 5px;
text-align: center;
width: 95%;
}

}
