@charset "utf-8";
.type_sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .type_pc {
    display: none;
  }
  .type_sp {
    display: block;
  }
}
@media screen and (min-width: 768px) { 
  html {
	font-size: 100% !important;
  }
   body {
    font-family: "meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
    font-size: 16px;
    line-height: 1.5 !important;
    font-weight: normal;
    font-style: normal;
    color: #333;
  }
}

/*--------crumbs----------*/
@media screen and (min-width: 768px) { 
   #crumbs{
    width: 950px;
    margin: 0 auto;
    padding: 0 !important;
  }
  #crumbs .inner{
    background: none !important;
    border: none !important;
    padding: 14px 0px 16px;
  }
   #crumbs .inner ul{
    width: auto !important;
  }
  #crumbs .inner li{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    padding: 0 13px 0 0 !important;
    background: url(/common/images/arrow_breadcrumb.png) right center no-repeat !important;
    margin-right: 5px;
    line-height: 1.4 !important;
  }
  #crumbs .item_breadcrumb.skin_last {
    padding-right: 0;
    background: none !important;
    margin-right: 0;
    padding-left: 0 !important;
  }
   #crumbs .inner li a{
    color: #1565c0 !important;
  }
}
/*--------header----------*/

@media screen and (min-width: 768px) { 
  .spNaviclose,
   #spNavi,
   #spoverlay{
     display:none;
   }
  #mem_header_top{
    padding: 0;
    /* border-bottom: none; */
  }
  #mem_header_top .inner{
    background: none;
    padding: 0;
  } 
}

/*--------main---------*/
@media screen and (max-width: 767px) {
  #maintitle{
    border: none;
  }
  #maintitle .box.top{
    height: auto;
    margin: 0;
    background-size: 300px;
    background-position: right 0;
  }

  #maintitle .box.top .main_text{
    font-size: 2.5rem;
    font-weight: bold;
    padding: 1rem 1rem;
    display: inline-block;
    background: rgba(255 ,255, 255, 0.7);
    margin: 1.8rem 0 0 1rem;
  }
  #maintitle .box.top .main_text + p{
    padding: 2.5rem 1rem 0;
    line-height: 1.4;
  }
}
/*--------container----------*/

@media screen and (max-width: 767px) {
  body{
    min-width: auto !important;
  }
  #mainArea{
    width: auto;
  }
  #contentsArea{
    float: none;
    width: auto;
  }
}

/*--------map----------*/
@media screen and (min-width: 768px) { 
  .map_menu_u{
    width: 155px;
  }
}
@media screen and (max-width: 767px) {
  #menu_bar_a{
	border-radius: 0;
	height: auto;
	padding: 1rem 1rem;
  }
  #map_area{
    display: none;
  }
  .menu_bar_txt{
    width: auto;
    text-align: center;
    padding: 0;
    font-size: 1.65rem;
  }
  #table_a{
    width: auto;
    margin: 1rem;
    background: #fafafa;
    border: 1px solid #d4d4d4;
    padding: 1rem 0;
  }
  .table_a_bg_t,
  .table_a_bg,
  .table_a_bg_u{
    width: auto;
    background: none;
    height: auto;
  }
  .table_a_box{
    width: auto;
  }
  .table_m,  .table_me{
    height: auto;
    display: block;
    padding-bottom: 1rem;
  }
  .table_m li.fir,
  .table_me li.fir{
	float: none;
	font-weight: bold;
	font-size: 1.8rem;
	width: auto;
	height: auto;
	margin-bottom: 0.5rem;
  }
  .table_m li,
  .table_me li {
	width: auto;
	height: auto;
	background-position: right center;
  }
  .table_m li a,
  .table_me li a{
	font-size: 1.6rem;
	margin: 0 1rem 1rem 0;
	line-height: 1.6;
	}
  #under_block{
	margin: 2rem 1rem;
  }
}

/*--------subArea----------*/

@media screen and (max-width: 767px) {

  #subArea02{
    float: none;
    width: auto;
    line-height: 1.4;
  }
  .nav__appendix{
	border: none;
  }
  .nav__appendix .hd__appendix{
    font-size: 1.8rem;
  }
  .nav__appendix .lst__appendix dt{
    font-size: 1.8rem;
    padding: 1rem 0;
    margin-bottom: 1.2rem;
  }
  .nav__appendix .lst__appendix li{
	margin-bottom: 1.6rem;
  }
  .nav__appendix .lst__appendix li a{
    font-size: 1.6rem;
  }
  .nav__appendix .blk__branch .__head{
    font-size: 1.8rem;
  }
  .nav__appendix .blk__branch .__lead{
    font-size: 1.6rem;
  }
  .nav__appendix .btn__secondary.__plus{
     font-size: 1.6rem;
    padding: 1rem;
  }
}
