@charset "UTF-8";

body {animation: bodyFadeIn 2s ease 0s 1 normal;-webkit-animation: bodyFadeIn 2s ease 0s 1 normal;margin: 0px}
@keyframes bodyFadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes bodyFadeIn {0% {opacity: 0}100% {opacity: 1}}

/*スマホ*/
@media screen and (max-width:750px){

html { -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}
body {font-size: 100%; width:100%;background: #fff;color: #000;padding: 0;margin: 0;font-weight: normal;font-style: normal;position: relative;cursor: default;animation: fadeIn 2s ease 0s 1 normal;-webkit-animation: fadeIn 2s ease 0s 1 normal;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}
.wrap{width:100%;overflow: hidden;}

ul{list-style: none;margin: 0;padding: 0;}
li{list-style: none;margin: 0;padding: 0;}
    
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
    
h1{margin: 0px auto 0px auto;padding: 0px 0px 5px 5px;}
h2{font-size:110% ;margin: 20px auto 20px auto;font-weight:700;}
h3{font-size:110% ;margin: 20px auto 20px auto;font-weight:700;}

img {max-width: 100%;height: auto;border: 0;-ms-interpolation-mode: bicubic;vertical-align: bottom;}

.font1 {line-height: 150%;font-size: clamp(0.9rem, 0.8vw, 0.8rem);letter-spacing:0px;font-weight:400; padding: 5% 0px 3% 0px;text-align:center;line-height: 160%;}
.topobi1{width:80%;text-align:center;background-color:#fff;padding:20px 0% 0px 0%;color:#000;margin: 0px auto 0px auto; overflow: hidden;font-variant-east-asian: font-chws-half;}
.info{width:100%;text-align:center;padding:20px 0% 30px 0%;color:#000;;margin: 20px auto 10px auto; background:#efefef}
.info1{font-size: clamp(0.8rem, 1.0vw, 1.0rem);height: auto;margin: 0px auto 0px auto;padding: 0% 0px 0.5% 0px;color:#4c4948;text-align:center;letter-spacing:0px;line-height: 150%;font-weight: 400;font-feature-settings: "palt";}
.info2{font-size: clamp(1.3rem, 1.8vw, 2.0rem);height: auto;margin: 0px auto 0px auto;padding: 0.6% 0px 1.4% 0px;color:#851218;text-align:center;letter-spacing:3px;line-height: 170%;font-weight: 400;font-feature-settings: "palt" 1, "kern" 1;}
	
.yokoku{width:80%;height: auto;margin: 0px auto 0px auto;padding: 10px 0px 0px 0px;text-align:center;letter-spacing:0px;line-height: 150%;color:#fff;font-size: clamp(10px, 0.8vw, 12px);}
.yokoku-ad {border: 1px solid #fff;padding: 3px 10px;margin: 10px;display: inline-block;font-size: clamp(10px, 0.8vw, 12px);}
    
/*フォーム*/
.form{;width:300px;text-align:center;padding:0px 0% 0px 0%;color:#000;;margin: 70px auto 70px auto; }

.logotop {padding: 0px 0px 0px 10px;width:100%;height:auto;}
.logotop {width:70%;padding: 0px 1% 0px 1%;}
.headertop{margin: 0px auto 0px auto;height: auto; text-align:left;}
.header {padding: 0px 0 10px 0px;margin: 0; z-index:1;display: block;width: 100%;height: auto; position: fixed;top: 0px;left:0;text-align:left;background-color:#fff;box-shadow: 0px 0px 2px 0px  #333;}
.header a:visited {color:#666;}
.header a:link {color:#666;}
/*スマホナビ*/
.pure-container {position: relative;height: 100%;-webkit-overflow-scrolling: touch;z-index:99}
.pure-pusher-container {position: relative;height: 100%;padding: 20px 0 0 0;overflow: hidden;width: 100%;margin: 0 auto;z-index:99}

.yokoku-ad {border: 1px solid #fff; padding: 3px 10px;margin: 10px;display: inline-block; font-size: clamp(10px, 0.8vw, 12px);}
.yokoku{width:90%;height: auto;margin: 0px auto 0px auto;padding: 20px 0px 0px 0px;text-align:center;letter-spacing:0px;line-height: 150%;color:#fff;font-size: clamp(11px, 1.0vw, 16px);}
	
	
.fgnavi {width: 100%;margin: 0 0 30px;padding: 0;font-size: 12px;list-style-type: none;}
.fgnavi:after {content: "";clear: both;display: block;}
.fgnavi li {float: left;width: 50%;background:#CCC;text-align: center;border-bottom: 1px solid #aaa;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;color: #fff;margin: 0 ;}
.fgnavi li:nth-child(even) {border-right: 1px solid #aaa;}
.fgnavi li:nth-child(odd) {border-right: 1px solid #aaa;}
.fgnavi li:nth-child(1) {border-top: 1px solid #aaa;border-right: 1px solid #aaa;}
.fgnavi li:nth-child(2) {border-top: 1px solid #aaa;}
.fgnavi a {display: block;color: #000;text-decoration: none;background: #e6e6e6;}
.fgnavi a:hover {color: #000;background: #ccc;}
.fgnavi a:visited {color:#000;}
	
/*フッター*/
.copyright{clear:both; width: 100%;height: auto;margin: 0px auto 80px auto;text-align: center;font-size:11px;color:#fff;background-color:#B5B5B5;}

/*TEL＆ロゴ*/
.footer2{display:flex; flex-wrap: wrap;apadding: 0;list-style: none; width:100%; margin: 30px auto 30px auto; }
.footer2 li{display: flex;lign-items: center;text-align: center;margin: 10px auto 10px auto;width:70%; }

/*TEL＆ロゴ*/
.footer2 li:nth-child(1) {width:90%}
.footer2 li:nth-child(2) {width:35%;margin: 10px auto 0px auto;}
.footer2 li:nth-child(3) {width:90%;margin: 10px auto 0px auto;}
.footer2 li:nth-child(4) {width:60%;margin: 10px auto 0px auto;}

/*スマホ固定下部ナビ*/
#floatBanner {z-index:99; display: block; position: absolute; bottom:0px; width:100%; height:auto;}
#floatBody {z-index:99; display:block; width: 100%; height:auto; position:absolute; cursor:move; bottom:0px; border-top:1px solid #fff;background-color:#FFF }

/* プリント　地図＆間取り */
.subnavi1 {width:70%;margin: 40px auto 0px auto;font-weight:400;}
.subnavi1:after {content: "";clear: both;display: block;}
.subnavi1 li {float: left;list-style: none;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 35px;font-size:80%;border: 1px solid #ccc;background-color:#000210 ;color: #30A9E2;margin: 10px auto 10px auto;}
.subnavi1 a {display: block;text-decoration: none;color:#fff !important;background-color:#1a5f68;}



/*フッター*/
.footerbg{width: 100%;height: auto;margin: 0px auto 0px auto;  bottom: 0px; padding: 10px 0px 10px 0px;background:#eaeaea;}
.footer{ list-style-type: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.item {color:#CFCFCF;margin: 10px 0 0 10%; width: calc(40% - 10px);}
.item a{color:#000 ;}
/* フッターナビ*/

/* scroll */
#page-top {clear:both;position: fixed;bottom: 80px;right: 5px;font-size: 70%;z-index:100;cursor: pointer;}
#page-top a {background-color:#929A94;text-decoration: none;color: #fff;font-weight:bold;width: auto;padding: 0px 0;text-align: center;display: block;z-index:100}
#page-top a:hover {text-decoration: none;background-color:#929A94;}

    
    
.img30{width:40%;height:auto;margin:0px auto 0px auto;}
.img65{width:65%;height:auto;margin:0px auto 0px auto;}
.img70{width:70%;height:auto;margin:0px auto 0px auto;}
.img75{width:75%;height:auto;margin:0px auto 0px auto;}
.img110{width:110%;height:auto;margin:0px auto 0px auto;}
.img40{width:40%;height:auto;margin:0px auto 0px auto;}
.img40{width:40%;height:auto;margin:0px auto 0px auto;}
.img60{width:60%;height:auto;margin:0px auto 0px auto;}
.img80{width:80%;height:auto;margin:0px auto 0px auto;}
.img90{width:90%;height:auto;margin:0px auto 0px auto;}
    
.image-resize {width: 60%; margin:0px auto 0px auto ;}
.image2-resize {width: 80%; margin:0px auto 0px auto ;}

/*スペース*/
.s50{width: 50%;}
.s60{width: 60%;}
.s80{width: 80%;}
.s100{width: 100%;}
.st5 { margin-top: 5px; }
.st10 { margin-top:10px; }
.st15 { margin-top:15px; }
.st20 { margin-top:20px; }
.st25 { margin-top:25px; }
.st30 { margin-top:30px; }
.sb10 { margin-bottom:10px; }
.sb15 { margin-bottom:15px; }
.sb20 { margin-bottom:20px; }
.sb30 { margin-bottom:30px; }
/*フッター*/
.footerbg{clear: both;width: 96%;height: auto;margin: 0px auto 20px auto; padding: 0px 2% 5px 2%;background-color:#fff}
.footer{clear: both;width: 100%;height: auto;margin: 0px auto 0px auto;text-align: left;padding: 0px 0px 0px 0px;}
.gnavi2 {width: 100%;margin: 0 0 10px;padding: 0;font-size: 15px;list-style-type: none;}
.gnavi2:after {content: "";clear: both;display: block;}
.gnavi2 li {float: left;width: 50%;background: #ccc;text-align: center;border-bottom: 1px solid #aaa;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;color: #fff;}
.gnavi2 li:nth-child(odd) {border-right: 1px solid #aaa;}
.gnavi2 li:nth-child(1) {border-top: 1px solid #aaa;}
.gnavi2 li:nth-child(2) {border-top: 1px solid #aaa;}
.gnavi2 a {display: block;color: #000;text-decoration: none;background: #e6e6e6;}
.gnavi2 a:hover {color: #000;background: #ccc;}
.gnavi2 a:visited {color:#000;}
	
	
	
.sp { display: block ;}
.br-s2{display: none;}
.br-s3{display: none;}
.pc { display: none ;}
.headerbg{display: none;}
}

/*PC*/
@media print, screen and (min-width:751px){
body {color: #000;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;  margin: 0;padding: 0;}
.wrap{width:100%;overflow: hidden;}
a[href^="tel:"] {pointer-events: none;}
img {image-rendering: -webkit-optimize-contrast;}
.clearfix:after {content: "";display: block;clear: both;} 
.clearfix:before {content: "";display: block;clear: both;} 
.clearfix {display: block;}
h1{margin: 15px auto 15px auto;padding: 0px 0px 0px 0px;}
h2{font-size:120% ;margin: 20px auto 20px auto;font-weight:700;}
h3{font-size:120% ;margin: 20px auto 20px auto;font-weight:700;}
	
/*インフォメーション共有*/
.info{width:100%;text-align:center;padding:2% 0% 2.5% 0%;color:#000;;margin: 0px auto 5% auto; background:#efefef}
.info1{font-size: clamp(0.8rem, 1.0vw, 1.0rem);height: auto;margin: 0px auto 0px auto;padding: 0% 0px 0.5% 0px;color:#4c4948;text-align:center;letter-spacing:0px;line-height: 150%;font-weight: 400;font-feature-settings: "palt";}
.info2{font-size: clamp(1.3rem, 1.8vw, 2.0rem);height: auto;margin: 0px auto 0px auto;padding: 0.6% 0px 1.4% 0px;color:#851218;text-align:center;letter-spacing:3px;line-height: 170%;font-weight: 400;font-feature-settings: "palt" 1, "kern" 1;}
	
.yokoku{max-width:600px;width:50%;height: auto;margin: 0px auto 0px auto;padding: 10px 0px 0px 0px;text-align:center;letter-spacing:0px;line-height: 150%;color:#fff;font-size: clamp(10px, 0.8vw, 12px);}
.yokoku-ad {border: 1px solid #fff;padding: 3px 10px;margin: 10px;display: inline-block;font-size: clamp(10px, 0.8vw, 12px);}
.form{width:300px;text-align:center;padding:0% 0% 0 0%;color:#000;;margin: 4% auto 5% auto; }

.font1 {line-height: 150%;font-size: clamp(1rem, 1.0vw, 2rem);letter-spacing:0px;font-weight:400; padding: 0% 0px 3% 0px;text-align:center;letter-spacing:5px;}
.topobi1{max-width:800px;width:80%;padding: 3% 0px 0% 0px;margin: 0% auto 1% auto;}

ul{list-style: none;margin: 0;padding: 0;}
li{list-style: none;margin: 0;padding: 0;}
img {image-rendering: -webkit-optimize-contrast; max-width:100%; }
a img.opacity,.hoverimg a img{-webkit-transition: all .3s ease; transition: all .3s ease;}.hoverimg a:hover img{opacity:0.7;}a img.opacity:hover{opacity:0.3;}
img {max-width: 100%;height: auto;border: 0;vertical-align: bottom;}
.center{display: block;margin-left: auto;margin-right: auto;}

.headerbg {
  margin: 0 auto;
  width: 100%;
  height: auto;
  padding: 0px 0 9px 0;
  position: fixed;
  top: 0;
  z-index: 99;
  background: #fff url('../img/top/headerbg.webp') left bottom / auto no-repeat;
}
.top {clear: both; margin:0 auto; width:100%; height:auto;padding:0px 0px 0px 0px; }
.header {width: 900px;display: flex; /* flexbox */flex-wrap: wrap;gap: 1px; ;padding:0px 0% 10px 0%; height:auto;margin:0px 0% 0px 0%;}
.header li {margin: 0;padding: 0px 0px 0px 0px;width: calc(14.2% - 5px);display: flex; /* flexbox */-webkit-justify-content: center;height: 17px;color: #999;text-align: center;line-height: 120%;justify-content: center;align-items: center; font-size:90%;font-weight: 700;}
.header li a{width: 80%; text-decoration: none;text-align: center;font-weight:700;position: relative;margin: 0px auto 0px auto;display: inline-block;color: #231815;outline: none;-webkit-transition: all .3s;transition: all .5s;}
.header li.current a,
.header li a:hover{color:#000;}
.header li a::after {content: '';position: absolute;bottom: -5px;left: 0%;/*線の形状*/width: 100%;height: 3px;background:#000;/*アニメーションの指定*/transition: all .3s;transform: scale(0, 1);/*X方向0、Y方向1*/transform-origin: center top;}
.header li.current a::after,
.header li a:hover::after {transform: scale(1, 1);}
    
.fgnavi {max-width: 1100px;width: 90%;
	display: flex; /* flexbox */
	flex-wrap: wrap; /* 折返し指定 */
	gap: 1px; /* 余白（縦 横） */;padding:5px 0% 5px 20px; 
    height:30px;margin:7% auto 0.5% auto;text-align: center;
}

.fgnavi li {
	margin: 0;padding: 8px 0px 0px 0px;
	width: calc(16.6% - 5px);
	display: flex; /* flexbox */
    -webkit-justify-content: center;
    height: 20px;
    color: #ccc;text-align: center;line-height: 120%;
    justify-content: center;
    align-items: center; font-size: 80%;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: 700}

.fgnavi li a{
width: 80%; 
text-decoration: none;
text-align: center;
font-weight:700;position: relative;
margin: 0px auto 0px auto;display: inline-block;color: #231815;outline: none;-webkit-transition: all .3s;transition: all .5s;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.fgnavi li.current a,
.fgnavi li a:hover{color:#0481A2;}

.fgnavi li a::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    top: -12px;
    left: 0%;
    /*線の形状*/
    width: 100%;
    height: 3px;
    background:#0481A2;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: center top;/*上部中央基点*/
}

/*現在地とhoverの設定*/
.fgnavi li.current a::after,
.fgnavi li a:hover::after {
transform: scale(1, 1);/*X方向にスケール拡大*/
}
    
.item {width:50%;height: auto;margin: 1px auto 0px auto;}
.item img{width:100%;height: auto;margin: 0px auto 0px auto;} 
.title {font-size:200%; color:#78becb;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;line-height: 150%;font-weight: 700 }

/*TEL＆ロゴ*/
.footer2{display:flex;padding: 0;list-style: none;max-width:1300px;width:90%;margin: 0.5% auto 0.5% auto; padding: 0px 0px 0 0 }
.footer2 li{display: flex;justify-content: center;align-items: center;text-align: center;margin: 3% auto 3% auto; }

/*コピーライト*/
.copyright{clear:both;width: 100%;height: auto;margin: 0px auto;text-align: center;font-size:11px;color:#fff;background-color:#B5B5B5;}
    
/* scroll */
#page-top {clear:both;position: fixed;bottom: 20px;right: 20px;font-size: 70%;z-index:99;cursor: pointer;}
#page-top a {background-color:#929A94;text-decoration: none;color: #fff;font-weight:bold;width: auto;padding: 0px 0;text-align: center;display: block;z-index:99}
#page-top a:hover {text-decoration: none;background-color:#929A94;}

.topcap2{width:70%;margin: 0px auto 0px auto; padding: 40px 0px 40px 0px;font-size:70%;line-height: 130%;color:#333;}
.img40{width:40%;height:auto;margin:0px auto 0px auto;}
.img60{width:60%;height:auto;margin:0px auto 0px auto;}
.img70{width:70%;height:auto;margin:0px auto 0px auto;}
.img75{width:75%;height:auto;margin:0px auto 0px auto;}
.img80{width:80%;height:auto;margin:0px auto 0px auto;}
.img90{width:90%;height:auto;margin:0px auto 0px auto;}

.b { margin: 0px; }
.b1 { margin: 1px; }
.b2 { margin-bottom: 2px; }
.b5 { margin-bottom: 5px; }
.b8 { margin-bottom: 8px; }
.b10 { margin-bottom:10px; }
.b15 { margin-bottom:15px; }
.b20 { margin-bottom:20px; }
.b25 { margin-bottom:25px; }
.b35 { margin-bottom:35px; }

.t { margin-top: 0px; }
.t1 { margin-top: 1px; }
.t5 { margin-top: 5px; }
.t10 { margin-top:10px; }
.t15 { margin-top:15px; }
.t20 { margin-top:20px; }
.t25 { margin-top:25px; }
.t35 { margin-top:25px; }
.t45 { margin-top:45px; }
.t55 { margin-top:55px; }
.t100 { margin-top:103px; }

.l { margin-left: 0px; }
.l1 { margin-left: 1px; }
.l5 { margin-left: 5px; }
.l8 { margin-left: 8px; }
.l10 { margin-left:10px; }
.l15 { margin-left:15px; }
.l20 { margin-left:20px; }
.l40 { margin-left:40px; }
.l55 { margin-left:55px; }
    


/*スマホ固定下部ナビ*/
#floatBanner {display: none }
#floatBody {display: none }
	
/*フッターナビ*/
.footerbg{clear: both;width: 100%;height: auto;margin: 40px auto 0px auto; padding: 0px 0px 10px 0px;background-color:#fff; }
.footer{width: 100%;height: auto;margin: 0px auto 0px auto;text-align: left;padding: 0px 0px 0px 0px}
.gnavi2bg {width:100%;margin: 0px auto 0px auto;height:auto;background:#c9caca}
.gnavi2 {width:98%;margin: 0px auto 0px 2%;}
.gnavi2:after {content: "";clear: both;display: block;}
.gnavi2 li {float: left;width:8.3%;text-align:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 150%;margin: 15px 0px 20px auto;font-size:80%;font-weight: 500;background:#c9caca;color:#888}
.gnavi2 a {display: block;text-decoration: none;font-weight: 500;color:#fff}
.gnavi2 a:hover {color:#fff;  -webkit-transition-duration: 0.3s;transition-duration: 0.3s;} 


.sp { display: none ; }
.pc { display: block ; }
.br-sp{display:none;}
.br-sp2{display: none;}
}

@media only screen and (min-width:751px) and (max-width:1200px) {
.logotop {display: flex;padding: 0px 0px 0px 0px;width:auto;height:auto;}
.logotop .txt {display: flex;align-items:center;padding: 5px 0px 0px 5px;line-height: 130%;font-size:10px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}
.header {width: 99%;
	display: flex; /* flexbox */
	flex-wrap: wrap; /* 折返し指定 */
	gap: 1px; /* 余白（縦 横） */;padding:5px 0% 5px 0%; 
    height:auto;margin:10px auto 10px 1%;
}
 .br-sp{display:block;}
 .br-sp2{display: none;}
 .br-pc{display:none;}
.top {clear: both; margin:0 auto; width:100%; height:auto;padding:0px 0px 0px 0px; }
.header li {font-size: 0.7rem;}
    
.hdrleft{float: left;width: 35%;height:auto;padding: 0.5% 0px 0px 1%;text-align:left;line-height: 100%;}
.hdrright {float: right;width:63%;height:auto;margin: 1% 1% 0px 0px;}
    
.hdrright ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.hdrright li {float: right;text-align: center;list-style: none;margin: 0px 0px 0px 8px; font-size:14px;ont-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: 700}
.header ul li:last-child {border-right: none;}
    
.hdrright li:nth-child(2) {padding: 0px 0px 0px 0px;margin: 5px 0px 0px 5px;color:#222;font-size:12px;}
.hdrright li:nth-child(2) a{padding: 0px 0px 0px 0px;margin: 5px 0px 0px 5px;color:#222;}
.hdrright li:nth-child(2) a:visited {color:#222 !important;}
.hdrright li:nth-child(2) a:hover {color:#999 !important;}
    
.hdrright li:nth-child(3) {padding: 0px 0px 0px 0px;margin: 5px 0px 0px 5px;color:#222;font-size:12px;}
.hdrright li:nth-child(3) a{padding: 0px 0px 0px 0px;margin: 5px 0px 0px 5px;color:#222;}
.hdrright li:nth-child(3) a:visited {color:#222 !important;}
.hdrright li:nth-child(3) a:hover {color:#999 !important;}

/*フッター*/
.footerbg{width: 100%;height: auto;margin: 0px auto 0px auto;  bottom: 0px; padding: 0px 0px 0px 0px;background:#eaeaea;}
.footer{display: flex;padding: 0;margin: 0;list-style: none;color:#fff;font-size: 11px; }
.footer li{display: flex;justify-content: center;align-items: center;text-align: center;width: 100%;padding: 2px;color:#fff;}
.footer  li:nth-child(2){font-size: 11px; line-height: 100%; letter-spacing:-2px}
.footer  li:nth-child(5){font-size: 11px; line-height: 100%; letter-spacing:-2px }
.footer  li:nth-child(6){font-size: 11px; line-height: 100%; letter-spacing:-2px }
.footer  li:nth-child(9){font-size: 10px; line-height: 100%; letter-spacing:-1px }
.footer a{width: 100%; /* 全体をクリック可能領域に */color: #fff;text-decoration: none;text-align: center;}
.footer a:hover{background: #ccc;transition: background-color .8s;}}


@media print, screen and (min-width:1200px){
.logotop {display: flex;padding: 0px 0px 0px 0px;width:auto;height:auto;}
.logotop .txt {padding: 0px 0px 0px 5px;display: flex;align-items:center;line-height: 130%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}
.topfont1{height: auto;margin: 0px auto 0px auto;padding: 10px 0px 10px 0px;color:#4c4948;text-align:center;letter-spacing:0px;line-height: 150%;font-weight: 400;font-size:110%;}
.topfont4{height: auto;margin: 0px auto 0px auto;padding: 10px 0px 10px 0px;color:#4c4948;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-size:80%;}
.hdrleft{float:left;width: 38%;height:auto;padding: 20px 0px 0px 1%;font-size:12px;text-align:left;line-height: 100%;font-weight: 700;}
.hdrright {float: right;width:60%;height:auto;margin: 0px 1% 0px 0px;}
.hdrright ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.hdrright li {float: right;text-align: center;list-style: none;margin: 0px 0px 0px 8px; font-size:14px;}
.hdrright li:nth-child(1) {padding: 0px 0px 0px 0px;margin: 8px 0px 0px 5px;color:#222;}
.hdrright li:nth-child(1) a{padding: 0px 0px 0px 0px;margin: 8px 0px 0px 5px;color:#222;}
.hdrright li:nth-child(1) a:visited {color:#222 !important;}
.hdrright li:nth-child(1) a:hover {color:#999 !important;}
.hdrright li:nth-child(2) {padding: 0px 0px 0px 0px;margin: 10px 0px 0px 5px;color:#222;}
.hdrright li:nth-child(2) a{padding: 0px 0px 0px 0px;margin: 10px 0px 0px 5px;color:#222;}
.hdrright li:nth-child(2) a:visited {color:#222 !important;}
.hdrright li:nth-child(2) a:hover {color:#999 !important;}
.hdrright li:nth-child(3) {padding: 0px 0px 0px 0px;margin: 10px 0px 0px 5px;color:#222;}
.hdrright li:nth-child(3) a{padding: 0px 0px 0px 0px;margin: 10px 0px 0px 5px;color:#222;}
.hdrright li:nth-child(3) a:visited {color:#222 !important;}
.hdrright li:nth-child(3) a:hover {color:#999 !important;}
    
/*フッター*/
.footerbg{width: 100%;height: auto;margin: 0px auto 0px auto;  bottom: 0px; padding: 0px 0px 0px 0px;background:#eaeaea;}
.footer{display: flex;padding: 0;margin: 0;list-style: none;color:#fff;font-size: 11px; }
.footer li{display: flex;justify-content: center;align-items: center;text-align: center;width: 100%;padding: 2px;color:#ccc;line-height: 110%;}
.footer a{width: 100%; /* 全体をクリック可能領域に */color: #fff;text-decoration: none;text-align: center;}
.footer a:hover{background: #ccc;transition: background-color .8s;}
/* フッターナビ*/
.br-sp{display:none;}
.br-pc{display: block;}
}