@charset "utf-8";
/*-------------------*/
*{
  word-break: break-all;
  word-wrap: break-word;
}



/*-------------------*/
@media screen and (max-width: 1280px) {
	
	
	img{
  max-width: 100%;
  height: auto !important;
}
.f_l{
  float: none !important;
}
.f_r{
  float: none !important;
}
.ml,.mr{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.contents_body:after{
display: none !important;
}
.contents_body:before{
display: none !important;
}
body > header:after{
display: none !important;
}
body > header:before{
display: none !important;
}
.contents_body_foot:after{
display: none !important;
}
.contents_body_foot:before{
display: none !important;
}


}
/*-------------------*/
@media screen and (max-width: 768px) {
.contents_body:after{
display: none !important;
}
.contents_body:before{
display: none !important;
}
body > header:after{
display: none !important;
}
body > header:before{
display: none !important;
}
.contents_body_foot:after{
display: none !important;
}
.contents_body_foot:before{
display: none !important;
}
.cont_wrap{
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
/*---------------*/
body > header .tel,
body > header .fax{
  display: none;
}
body > header nav{

}
body > header nav ul {
    width: 100%;
    text-align: left;
    position: absolute;
    top: 100;
    right: 0;
    z-index:1000;
    background: #FFF;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35);
display: none;
}
body > header nav li{
  display: block;
  border-top: 1px solid #e5e5e5;
}
body > header nav li:first-child{
  border-top: none;
}
body > header nav li:first-child a{
  border: none;
}
body > header nav li a{
  border: none;
  display: block;
  padding: 15px;
}
body > header nav li a:hover{
  text-decoration: none;
}
body > header{
  height: 130px;
}
body > header h1{
  top: 60px;
}
body > header h1 img{
  width: 200px;
}
/*------*/
body > footer #f_box01{
  width: 100%;
  margin-bottom: 0;
}
body > footer{
  padding: 10px;
}
body > footer #f_box01 h2 img{
  margin-right: 0;
  float: none;
  display: block;
  margin-bottom: 10px;
}
body > footer #f_box01 h2{
  margin-bottom: 10px;
}
footer #f_tel{
  float: none !important;
}
footer #f_box01 p#f_tel img{
  width: 300px;
}
footer #f_nav01{
  width: 100% !important;
  margin-bottom: 0 !important;
}
footer #o_list{
  width: 100% !important;
}
footer #o_list p#copy{
  margin-top: 20px !important;
}
/*---top---------*/
.top_visual_area svg{
  width: 200px !important;
}
.top_visual_area h3 svg{
  position: absolute;
  left: 50%;
  margin-left: -100px;
}
.top_visual_area h2.head01{
height: 100px;
padding-top: 50px;
}
.top_visual_area h3#sub_txt{
  margin: 0px;
  margin-bottom: 130px;
}
.top_visual_area h2.head01{
  width: 100%;
}
.top_visual_area{
  padding: 10px !important;
}
.to_news_all_btn{
  top:auto;
  bottom:10px;
  right:10px;
}
.news_ticker{
  margin-bottom: 40px !important;
  height: 140px !important;
  overflow: hidden;
}
.news_ticker .info_data{
  display: block;
  margin-bottom: 5px;
}
.news_ticker .info_data+a{
  /*white-space: nowrap;*/
}
#te_box{
  width: 100% !important;
}
nav#t_nav ul li{
  width: 100%;
  margin-bottom: 5px;
}
nav#t_nav ul li a{
  padding: 20px 10px;
}
img.full{
  width: 100% !important;
  height: auto !important;
}
#pan,#in_glo,#con_area{
  width: 100% !important;
}
#pan{
  padding: 10px;
  margin-bottom: 0px !important;
}
#pan ul{
  overflow: hidden;
}
#pan ul li{
  margin-bottom: 5px;
}
#md_box{
  display: none;
}
#con_area{
  padding: 20px !important;
}
/*---------*/
#in_glo{
  margin-bottom: 20px !important;
  background: rgba(255,255,255,0.5);
  padding-top: 5px;
  padding-bottom: 5px;
}
#in_glo ul li{
    display: block !important;
    vertical-align: middle;
    margin-right: 0px !important;
    padding-right: 0px !important;
    border:none !important;
    text-align: left !important;
    border-bottom: 1px dotted #ccc !important;
    position: relative;
    padding-left: 0 !important;
}
#in_glo ul li:before{
  content:" ";
  width: 0;
  height: 0;
  position: absolute;
  top:50%;
  right:10px;
  margin-top: -7px;
  border-style: solid;
  border-width: 6.5px 0 6.5px 8px;
  border-color: transparent transparent transparent #333;
  z-index: 300;
}
#in_glo ul li:after{
  content:" ";
  width: 0;
  height: 0;
  position: absolute;
  top:50%;
  right:12px;
  margin-top: -7px;
  border-style: solid;
  border-width: 6.5px 0 6.5px 8px;
  border-color: transparent transparent transparent #fff;
  z-index: 310;
}
#in_glo ul li.first {
    border-left: none !important;
    padding-left: 0 !important;
}
#in_glo ul li a{
  display: block;
    padding: 8px;
    padding-left: 10px;
}
#in_glo ul.btm10{
  margin-bottom: 0 !important;
}
#con_area{
  -webkit-border-radius: 0 !important;
          border-radius: 0 !important;
}
#con_area section .c_list01 li{
  margin-right: 0 !important;
  display: block !important;
}
#con_area section .c_list02 li{
  margin-right: 0 !important;
}
div.element li,
#con_area section .c_box02 .c_box_l,
#con_area section .c_box02 .c_box_r,
.navi,
#con_area section .c_box03 .c_in02
{
  max-width: 100% !important;
}
#n_md01 ul,
#n_md01 ul li,
#con_area section .news_list li span,
#de_area #detail,
#de_area #ca_area
{
  float: none !important;
}
#de_area #ca_area{
  margin-top: 30px !important;
}
#con_area section .news_list li a{
  float: none !important;
  width: 100% !important;
  display: block;
  margin-top: 10px !important;
}
#de_area #detail,
#de_area #ca_area,
#de_area #ca_area h3,
#de_area #ca_area ul#ca_list
{
  width: 100% !important;
}
#bx-pager{
  /*display: none;*/
}
textarea,
form input[type=text]
{
  width: 100% !important;
}
.wizard > .content > .body input.i60{
  width: 60px !important;
}
/*------------*/
.mobile_menu_btn{
  display: inline-block;
  position: absolute;
  top:24px;
  right:0;
  width: 60px;
  height: 60px;
  margin: 20px 0 10px;
  cursor: pointer;
}
.mobile_menu_icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  margin: -1px 0 0 -7px;
  background: #444;
  transition: .2s;
}
.mobile_menu_icon:before, .mobile_menu_icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 2px;
  background: #444;
  transition: .3s;
}
.mobile_menu_icon:before{
  margin-top: -6px;
}
.mobile_menu_icon:after{
  margin-top: 4px;
}
.mobile_menu_btn .close{
  background: transparent;
}
.mobile_menu_btn .close:before, .mobile_menu_btn .close:after{
  margin-top: 0;
}
.mobile_menu_btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.mobile_menu_btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}







































}