@charset "utf-8";

body { background : #ffffff;}

h1,
h3,
.menu1_tabs > li .button1,
.button2:hover,
.table1 > dt,
.table1 > dt > a,
.table1 > thead th,
.table2 tr.title,
.sidemenu div.qr_cont h2,
.sidemenu ul.link_list_cont li > a:hover,
.sidemenu div.qr_cont dt,
.menseki_title,
.sitemap_list dt
{color: #005ba4;}

.header,
h3,
.button2,
.gt_box,
div.container,
.menu1_tabs li .button2:before,
.myarea_cont .table dt,
.myarea_cont2 .table dt,
.sidemenu div > div:not(:nth-child(2)),
.sidemenu ul.link_list_cont li:not(:first-child),
.sidemenu div.qr_cont dt:after,
.sidemenu div.qr_cont dt.active:after,
.sidemenu div.qr_cont dl.active dt:after,
#pagetop:hover:after,
.gis_box
{border-color: #005ba4;}

h2,
.myarea_cont .table dt,
.myarea_cont2 .table dt,
.gis_areaname
{background: #005ba4;}

.table1 > dt,
.table1  > thead th,
.main_info_cont,
.sitemap_list dt,
.cts_box,
.gt_box
{background: #d9e7f1;}

.button2{
  background: linear-gradient(#4084bb, #005ba4);
  background: -moz-linear-gradient(#4084bb, #005ba4);
  background: -webkit-linear-gradient(#4084bb, #005ba4);
  background: -o-linear-gradient(#4084bb, #005ba4);
  background: -ms-linear-gradient(#4084bb, #005ba4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4084bb', endColorstr='#005ba4', GradientType=0);
}

.button2:hover,
.table1.table1-1 dt .btn_acc.active{
  background: linear-gradient(#7fadd1, #4084bb);
  background: -moz-linear-gradient(#7fadd1, #4084bb);
  background: -webkit-linear-gradient(#7fadd1, #4084bb);
  background: -o-linear-gradient(#7fadd1, #4084bb);
  background: -ms-linear-gradient(#7fadd1, #4084bb);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fadd1', endColorstr='#4084bb', GradientType=0);
}


.clearfix:after{
  content: "";
  display: block;
  clear: both;
}

html{font-family: 'Meiryo UI', Meiryo, sans-serif;line-height: 1.5;}

@media screen and (min-width: 835px){
html{font-size: 16px;}
body{font-size: 1rem;} 
h1{font-size: 1.75rem; line-height: 1;}
h2{font-size: 1.5rem;}
h3{font-size: 1.25rem;}
h4{font-size: 1.125rem;} 
h5{font-size: 1rem;}
strong{font-size: 1.25rem; font-weight: bold;} 
small{font-size: 0.875rem;}
}

@media screen and (max-width: 834px){
  html,body{font-size: 16px!important;}
  h1{font-size: 1.5rem;line-height: 1;} 
  h2{font-size: 1.25rem;}
  h3{font-size: 1.125rem;} 
  h4{font-size: 1rem;} 
  h5{font-size: 1rem;}
  strong{font-size: 1rem;font-weight: bold;}
  small{font-size: 0.875rem;}
}