@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");

body {
color: #333;
font-size:12px;
line-height: 1.6;
/* font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;*/
/*
font-family: "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
*/
font-family: "YakuHanJP",'Noto Sans JP', sans-serif;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";

/*
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
*/
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
.us .tel02{
padding-top:10px;
}

}
*{
margin:0;
padding:0;
}
html, body{
height:100%;
margin:0;
padding:0;
}
a {
color:#09c;
}
a:hover {
color:#069;
}
a img {
border:0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
#wrapper {
 position: relative;
 min-height: 100% ;
}
* html div#wrapper {
height:100%;
}
#container {
margin: 0 auto;
overflow:hidden;
padding: 0 0 0px 0;
_text-align:center;
}
#slide{
margin: 0 auto;
width:900px;
}

/* 20220411更新 */
@media screen and (min-width: 768px) {
#inner {
position: relative;
margin: 0 auto;
border-top:#0b63a3 solid 5px;
border-bottom:1px solid #CCC;
height: 70px;
}
#contents {
clear: both;
background-color:#fff;
_text-align:left;
padding: 20px 0 0 0;
margin: 0 auto;
width: 980px;
}
}
@media screen and (max-width: 767px) {
#inner {
position: relative;
margin: 0 auto;
/*border-top:#0b63a3 solid 5px;*/
border-bottom:1px solid #CCC;
height: 70px;
}
#contents {
clear: both;
background-color:#fff;
_text-align:left;
padding: 10px 0 0 0;
margin: 0 auto;
width: 100%;
}
}

/*****************************
ヘッダー
*****************************/

#global-nav {
width: 789px;
float:right;
}
#global-nav .on{
border-bottom:5px solid #0b63a3;
height:66px;
}

#global-nav li {
/*
display:inline-block;
*/
float:right;
list-style:none;
text-align:center;
font-weight:bold;
vertical-align:top;
}
#global-nav a{
padding:17px 20px 22px;
display: block;
text-decoration: none;
color: #333;
font-size: 16px;
line-height: 1.3;
}
#global-nav .nav01 a:hover{
border-bottom:2px solid #0b63a3;
padding-top:17px;
padding-bottom:13px;
background-color:#f5f5f5;
}
#global-nav a span {
color: #0f4793;
display: block;
font-size: 12px;
}
#global-nav .menu1{
position:relative;
}
#global-nav .sub_menu1{
width:137px;
background-color:#3C9ECD;
filter:alpha(opacity=95);
-moz-opacity: 0.9;
opacity: 0.9;
color:#FFF;
position:absolute;
top:65px;
left:0px;
z-index:100;
clear:both;
}
#global-nav .nav01:hover,
#global-nav .nav02:hover{
border-bottom:4px solid #0b63a3;
background-color:#f5f5f5;
padding:0;
height:67px;
}
#global-nav .sub_menu2{
width:125px;
background-color:#3C9ECD;
filter:alpha(opacity=95);
-moz-opacity: 0.9;
opacity: 0.9;
color:#FFF;
position:absolute;
top:72px;
left:0px;
z-index:100;
}
#global-nav .sub_menu2 li,
#global-nav .sub_menu1 li{
display:block;
border-bottom:1px solid #ccc;
float:inherit;
}
#global-nav .sub_menu2 a,
#global-nav .sub_menu1 a{
color:#FFF;
padding: 15px 0px;
font-size:15px;
}
#global-nav .sub_menu2 a:hover,
#global-nav .sub_menu1 a:hover{
border-bottom:none;
padding: 15px 0px;
color:#0058A3;
}
#global-nav .sub_menu2,
#global-nav .sub_menu1{
display:none;
}
#global-nav .menu1:hover .sub_menu2,
#global-nav .menu1:hover .sub_menu1{
display: block;

}
#header {
position:relative;
height: 80px;
width: 980px;
margin-right: auto;
margin-left: auto;
}
#head-logo{
width: 190px;
float:left;
margin-top: 9px;
}
.footer_right img:hover,
#head-logo img:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#head-catch {
position: absolute;
width: 261px;
height: 23px;
top: 44px;
float: none;
right: 15px;
}
.head_nav {
position:absolute;
top: 6px;
right: 15px;
}
.head_nav li {
display: inline-block;
list-style-type: none;
}
.head_nav li a {
display: block;
background: url(../img/arrow01.png) no-repeat left center;
font-size: 130%;
font-weight:  bold;
color: #555;
margin-left: 10px;
padding: 4px 0 2px 20px;
}
.head_nav li a:hover {
text-decoration: none;
}
.head_nav #head_nav li a {
background: url(../img/arrow02.png) no-repeat left center;
}
#fontsize{
background: url("../img/bg_font.gif") no-repeat 0 0;
position:absolute;
right: 5px;
top: -5px;
z-index:1000;
width: 162px;
height: 30px;
float: left;
left: 900px;
}
#fontsize_l{
position:absolute;
right: 150px;
top: 0;
width: 162px;
height: 100px;
z-index:3;
float: right;
}
#fontsize ul{
padding-left:75px;
list-style:none;
}
#fontsize li{
float:left;
margin-left:3px;
z-index:4;
}
#fontsize ul#lang{
padding-left:20px;
}
#fontsize ul#lang li {
margin-right: 4px;
margin-top: 10px;
}
#fontsize ul#lang li a{
text-decoration: none;
}
#fontsize_l{
position:absolute;
right: auto;
width: 180px;
z-index:3;
float: left;
height: 60px;
top: 12px;
left: 700px;
}
#fontsize_l ul{
padding-left:75px;
list-style:none;
}
#fontsize_l li{
float:left;
margin-left:3px;
z-index:4;
}
#fontsize_l ul#lang{
padding-left:20px;
}
#fontsize_l ul#lang li {
margin-right: 4px;
margin-top: 10px;
}
#fontsize_l ul#lang li a{
text-decoration: none;
}
#slide_under1{
height:8px;
background-color:#ececec;
}
#slide_under2{
height:5px;
background-color: #0b63a3;
border-bottom: 2px solid #ccc;
}

/*****************************
フッター
*****************************/
#town{
position:absolute;
clear:both;
bottom:35px;
height:85px;
width:100%;
left: 0;
margin-right: auto;
margin-left: auto;
background-image: url(../img/bg_town.gif);
background-repeat: repeat-x;
background-position: bottom;
}
#town div{
width:900px;
margin:0 auto;
padding:0;
}
#footer {
clear:both;
width:100%;
padding:13px 0;
border-top:1px solid #CCC;
}
#footer .footer_inner{
width:980px;
margin:auto;
padding:15px 0 20px;
overflow:hidden;
}
#footer ul{
float:left;
margin-left:20px;
width:130px;
list-style: none;
}
.mt10{
margin-top: 10px;
}
#footer ul a{
color:#000;
display:block;
}
#footer .footer_right{
float:right;
font-size: 14px;
}
#footer .footer_right img{
margin-bottom: 7px;
}
#footer .footer_left{
width:380px;
float:left;
padding-top: 17px;
}
#footer .footer_left img{
margin-bottom: 5px;
}
#footer .office{
font-weight:bold;
}
#copyright{
border-top:2px solid #CCC;
clear:both;
padding:5px 0;
text-align:center;
font-size:11px;
color:#FFF;
background-color: #004098;
}
.c_fff {
 color:#333;
}
#footer a {
text-decoration:none;
}

/*****************************
汎用
*****************************/
h1 {
font-weight: normal;
letter-spacing: 0.2em;
text-align: left;
display: inline;
float:left;
}
#bcontents h1 {
color:#09c;
font-size:1.8em;
position:relative;
padding:5px;
}
h2 {
margin-top:20px;
clear:both;
font-weight:bold;
font-size: 25px;
}
.single h2 {
line-height:1.3em;
border-bottom: 3px solid #0071BC;
padding: 0 6px 14px;
}
.postmetadata{
float:right;
}
.r {
float:right;
margin:0 0 0 10px;
}
ul#housing_banners {
float: right;
}
ul#housing_banners li {
list-style-type: none;
margin-bottom: 10px;
margin-right: 60px;
}
#tc {
color:#09c;
}

/*フッター上のバナー
-------------------------------------------*/
#b_buttom{
width: 900px;
margin: auto;
}
#b_buttom ul {
overflow: hidden;
margin: 0 -18px 0 14px;
}
#b_buttom ul li {
float: left;
margin-right: 18px;
list-style-type: none;
}