@charset "utf-8";
/* CSS Document */

/*スマホ*/
@media screen and (max-width:750px){
body {width:100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; }
#anchor{
padding-top:100px;
margin-top:-100px;
}

table, thead, tbody, th, td, tr {display: block;}
thead tr {display: none;}
tr {margin-bottom: 12px;border: 1px solid #ddd;}
td {text-align: left; }
    
.title {padding: 70px 0px 0px 0px;color: #000;}
    
.loca3 {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.locanavi{width:100%;height:auto;margin:0px auto 20px auto;padding: 0px 0px 0px 0;text-align:center;}
.locanavi a {display: block;text-decoration: none;color:#444;}
.locanavi ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px;width: 100%; }
.locanavi li {list-style: none;width: 100%;text-align: center;line-height: 120%;size:120%;  margin: 0px 1% 0px 1%;letter-spacing:0px;padding: 20px 0% 15px 0%;color:#fff;}
    

.title {padding: 70px 0px 15px 0px;color: #000;}
.text-title1 {width:80%;padding: 0px 0px 0px 0px;}
.loca-title4 {width:90%;height:auto;margin:0px auto 0px auto;padding: 20px 0px 0px 0px;text-align:left;}
.text-title5 {width:100%;padding: 0px 0px 0px 0px;}
    


.topobi6{width: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px}
.genteiloca{width:100%;margin: 50px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;}
.locatitle{width:100%;margin: 30px auto 30px auto; padding: 0px 0px 0px 0px;text-align:center;background-color:#bfb08f;color: #fff;line-height:40px;font-weight:700;height:40px;font-size:2rem;}

    
.genteiloca5{width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;background:#fff}
.genteiloca55{width:100%;margin: 0px auto 40px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;background:#fff}
.genteiloca5-text{width:90%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 30px 0px 0px 0px;background:#fff}
    
.genteiloca1{width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 50px 0px;}
.genteiloca2{width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 30px 0px;background:#efedd8 }
.genteiloca22{width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 30px 0px 0px 0px;background:#efedd8 }
.genteiloca3{width:98%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px; display: flex;flex-wrap: wrap;}
.genteiloca3>div{width: calc(100% / 2 - 0px);margin: 10px 0px 0px 0px;padding: 10px 6px 0px 6px;box-sizing: border-box;}
.genteiloca4{width:90%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px; }

.genteiloca4{width:98%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px; display: flex;flex-wrap: wrap;}
.genteiloca4>div{width: calc(100% / 2 - 0px);margin: 10px 0px 0px 0px;padding: 10px 6px 0px 6px;box-sizing: border-box;}
    
.main {width: 90%;padding: 0px 0px 70px 0px;margin:0px auto 0px auto; }
  
.topobi7{width: 100%;padding: 0px 0px 70px 0px;margin: 0px 0px 50px 0px;background-image: linear-gradient(to right, #59bca1, #b1dbcb, #59bca1 ) ;}

.left2 {float:left;width: 55%;text-align:left;}
.left22 {width:100%;text-align:center;padding: 30px 0px 0px 0px;}
.right2 {float:right;width: 40%;padding: 0px 0 0px 0%;}
.right2-box {float:left;width:100%;padding: 0px 0 0px 0%;color: #000;text-align:center; }
.right2-box2 {width:100%;padding: 20px 0 0px 0%;color: #000;text-align:left; }
.right2-box-left {float:left;width:70%;padding: 20px 0 30px 0%;color: #000;text-align:left; }
.right2-box-right {float:right;width:25%;padding: 20px 0 30px 0%;color: #000;text-align:center; }
    
    
.left2 {width: 100%;}
.right2 {width: 100%;padding: 0px 0 0px 0%;}
.right2-box {width:100%;padding: 0px 0 0px 0%;color: #000;line-height:180%;text-align:center; }
    
.left3 {width: 100%;padding: 0px 0px 0px 0px}
.right3 {width: 100%;padding: 0px 0px 0px 0px;}
.left3-box {width:100%;padding: 130px 0% 30px 0%;color: #000;line-height:180%;text-align:center; margin:0px auto 0px auto; }

.left4 {width: 100%;padding: 0px 0px 0px 0px}
.right4 {width: 100%;padding: 0px 0px 0px 0px;}
.left4-box {width:100%;padding: 0px 0% 30px 0%;color: #000;line-height:180%;text-align:center; margin:0px auto 0px auto; }

.hvr4 {
display: inline-block;height: auto;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);padding: 20px 0px 20px 0px;box-shadow: 0 0 1px transparent;position: relative;background:#9fa0a0;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;color:#fff;}

.hvr4:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #9fa0a0;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}

.hvr4:hover, .hvr4:focus, .hvr4:active {color:#fff;}
.hvr4:hover:before, .hvr4:focus:before, .hvr4:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);}
    
.riben {width: 70%;margin: 0px auto 0px auto; padding: 10px 0px 0px 0px;}
.hvr5 {
display: inline-block;height: auto;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);padding: 20px 0px 20px 0px;box-shadow: 0 0 1px transparent;position: relative;background:#ccc;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
    
.hvr5:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #fff;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
    
#page-link{padding: 20px 5px;}

#page-link li{list-style: none;border: 1px solid #ccc;margin:0px auto 20px auto;width: 90%;}

#page-link li a{padding:0 10px;text-decoration: none;font-size:1.6rem;color:#fff;}

#page-link li a::before{content:'▼';font-size:1.4rem;padding:0 10px 0 0;}
.line {border-bottom: 1px solid #000;}

.loca6 {width:70%;height:auto;margin:30px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;font-size:2.0rem;line-height:160%;font-weight:700;}
.loca6 img {padding: 0px 0px 15px 0px;text-align:center;}
.loca6-left {float:left;width:48%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 30px 0px;text-align:left;}
.loca6-right {float:right;width:48%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 30px 0px;text-align:left;}
.loca66-left {float:left;width:47%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;}
.loca66-right {float:right;width:47%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;}
.loca666-left {float:left;width:32%;height:auto;margin:0px auto 0px 1.3%;padding: 0px 0px 0px 0px;text-align:left;}
.loca666-right {float:right;width:32%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;}
.lifeinfo_left{float:left;width:100%;font-size:60%;text-align:left;font-weight:700; }
.lifeinfo_right{float:right;width:100%;font-size:60%;text-align:left;font-weight:700;}

.hvr5 {
display: inline-block;height: auto;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);padding: 20px 0px 20px 0px;box-shadow: 0 0 1px transparent;position: relative;background:#ccc;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
    
.hvr5:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #bfb08f;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;color: #fff}
    
.hvr5:hover:before, .hvr5:focus:before, .hvr5:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);}

section{padding: 100px 0px 50px 0px; }
    
.loca6 {width:90%;height:auto;margin:30px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;font-size:2.0rem;line-height:200%;}
.loca6 img {padding: 0px 0px 15px 0px;text-align:center;}
.loca6-left {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 30px 0px;text-align:left;}
.loca6-right {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 30px 0px;text-align:left;}
.loca66-left {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;}
.loca66-right {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;}

.loca666-left {fwidth:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;}
.loca666-right {fwidth:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;}
.loca6 img {width:100%;}
.lifeinfo_left{width:100%;font-size:60%;text-align:left;margin:0px auto 0px auto; }
.lifeinfo_right{width:100%;font-size:60%;text-align:left;margin:0px auto 0px auto;}
.lifetitle{background-color:#C7BDA9;color: #000;line-height:40px;font-size: 700;width:100%;}
.maintop {width: 100%;margin: 0px auto 0px auto; padding: 0px 0px 50px 0px;text-align:center;}
.maintop2 {width:100%;margin: 0px auto 0px auto;text-align:center;background-image: linear-gradient(to right,#a4d6c4, #35b597)}
.maintop3{width:100%;text-align: center;padding: 20px 0px 50px 0px; margin:0px 0px 0px 0px;;text-align:center;}

    

    
.genteitop{width:100%;margin: 20px auto 0px auto ;height:auto;text-align:center;padding: 50px 0px 50px 0px;background-image:url(../img/top/bg.jpg);background-repeat: repeat;background-position: center center;}
    
.genteitop5{width:100%;margin: 80px auto 0px auto ;height:auto;text-align:center;padding: 100px 0px 50px 0px;background-image:url(../img/top/bg.jpg);background-repeat: repeat;background-position: center center;}
    
.genteitop-title{width:30%;margin: 30px auto 0px auto ;height:auto;text-align:center;padding: 30px 0px 30px 0px;}
.genteitop1{width:60%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 50px 0px;display: flex;}
.genteitop1>div{width: 50%;padding: 30px 30px 10px 30px}

.genteitop2{width:28%;margin: 20px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 50px 0px;}

.genteitop3{width:50%;margin: 20px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 50px 0px;display: flex;}
.genteitop3>div{width: 50%;padding: 10px 40px 10px 40px}
.genteiloca4{width:98%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px; display: flex;flex-wrap: wrap;}
.genteiloca4>div{width: calc(100% / 2 - 0px);margin: 10px 0px 0px 0px;padding: 10px 6px 0px 6px;box-sizing: border-box;}
 .img40{width: 30%;  height: auto;margin: 30px auto 0px auto ; }

.w48{width: 49%;margin:10px 0.5% 10px 0.5%;}
.w60{width: 60%;margin:10px auto 10px auto;}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

img { max-width: 100%;margin: 0px auto 0px;padding: 0px 0px 10px 0px;vertical-align: bottom;-webkit-backface-visibility: hidden; backface-visibility:hidden;}

.font2-2{font-size:130%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 140%;;letter-spacing: 2px;font-weight: 500;text-align:center}

.font2-3{font-size:150%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 140%;color:#003ba7;letter-spacing: 1px;font-weight: 500;text-align:center}

.font3{font-size:100%;line-height: 160%;color:#000;font-weight:700;text-align:center}

.font4{font-size:1.4rem;color:#000;font-weight:700;text-align:center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;padding: 30px 0px 0px 0px;}
.font5{font-size:1.1rem;line-height: 130%;color:#000;font-weight:700;text-align:left;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;lpadding: 0px 0px 10px 0px;}
.font6{font-size:1.2rem;line-height: 170%;color:#000;font-weight:400;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;padding: 0px 0px 0px 0px;text-align: left}
    
.font66{font-size:1.2rem;line-height: 170%;color:#000;font-weight:400;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;padding: 0px 0px 0px 0px;text-align: left}
    
 .font7{font-size:100%;color:#000;lfont-weight:700;text-align:center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 140%;padding: 20px 0px 20px 0px;margin: 0px auto 0px auto;}
.font8{font-size:120%;color:#666464;font-weight:400;text-align:center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 170%;padding: 0px 0px 20px 0px;letter-spacing: 10px;}
.font9{font-size:1.4rem;color:#000;text-align:center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;;padding: 0px 0px 10px 0px;letter-spacing: 0px;font-weight:700;line-height: 160%;}
    
.font77{font-size:130%; font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;line-height: 120%;color:#ff4800 ;letter-spacing: 0px;font-weight: 700;padding: 20px 0px 10px 0px;
}
.locacap{width: 90%;font-size:1.1rem;color:#000;text-align:left;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;;padding: 20px 0px 30px 0px;font-weight:400;line-height: 140%;margin: 0px auto 0px auto}

/*フッター */
.footer1{width:90%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 5px 0px;}
.footer{width:100%;height: auto;margin: 0px auto;text-align: center;padding: 5px 0px 5px 0px;}
.footerleft{width:100%;height: auto;padding: 0px 0px 0px 0px;text-align:center;margin: 0px auto;}
.footerright{width:100%;height: auto;text-align:center;padding: 0px 0px 0px 0px;margin: 0px auto;}
.footer2{display:flex; flex-wrap: wrap;apadding: 0;list-style: none; width:100%; margin: 10px auto 30px auto; }
.footer2 li{display: flex;lign-items: center;text-align: center;margin: 10px auto 10px auto;width:51%; }
.footer2 a:hover{background:#fff;transition: .8s;}
/*Tロゴ
/* scroll */
.page-top {clear:both;position: fixed;bottom: 20px;right: 20px;font-size: 70%;z-index:99}

a img.opacity,.hoverimg a img{-webkit-transition: all .3s;transition: all .3s;}
.hoverimg a:hover img{ opacity:0.7;}
a img.opacity:hover{opacity:0.3;}
    
.pc { display: none !important; }
.sp { display: block !important; }
    
.br-2s {display:none;}
.br-s {display:block;}

p { margin: 0px; }
h2 { margin: 0px; }
h1 { margin: 0px; }

 }


@media print, screen and (min-width:751px){
body {width:100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; }
 #anchor{
  padding-top:100px;
  margin-top:-100px;
}
.genteilocatop{width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 150px 0px 20px 0px;}
.genteiloca{width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 50px 0px 20px 0px;}
.genteiloca1{width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 50px 0px;}
.genteiloca2{width:100%;margin: 0px auto 50px auto ;height:auto;text-align:center;padding: 50px 0px 50px 0px;background:#efedd8 }
.genteiloca22{width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 20px 0px;background:#efedd8 }
.genteiloca3{width:70%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px; display: flex;flex-wrap: wrap;}
.genteiloca3>div{width: calc(100% / 3 - 20px);margin: 10px;padding: 10px;box-sizing: border-box;}

.genteiloca4{width:70%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px; display: flex;flex-wrap: wrap;}
.genteiloca4>div{width: calc(100% / 4 - 20px);margin: 10px;padding: 10px;box-sizing: border-box;}
    
.genteiloca5{width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 50px 0px;background:#fff}
.genteiloca55{width:60%;margin: 50px auto 50px auto ;height:auto;text-align:center;padding: 0px 0px 50px 0px;background:#fff}
.genteiloca5-text{width:80%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;background:#fff}
    
.topobi6{width: 100%;padding: 40px 0px 0px 0px;margin: 0px 0px 0px 0px}
.main {width:90%;padding: 0px 0px 70px 0px;}
    
.title {padding: 30px 0px 15px 0px;color: #000;}
.text-title1 {width:50%;padding: 0px 0px 0px 0px;}
.loca-title4 {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.text-title5 {width:100%;padding: 0px 0px 0px 0px;}
    
.left2 {float:left;width: 55%;text-align:left;}
.left22 {width:100%;text-align:center;padding: 30px 0px 0px 0px;}
.right2 {float:right;width: 40%;padding: 0px 0 0px 0%;}
.right2-box {float:left;width:100%;padding: 0px 0 0px 0%;color: #000;text-align:center; }
.right2-box2 {width:100%;padding: 0px 0 0px 0%;color: #000;text-align:left; }
.right2-box-left {float:left;width:70%;padding: 30px 0 30px 0%;color: #000;text-align:left; }
.right2-box-right {float:right;width:25%;padding: 30px 0 30px 0%;color: #000;text-align:center; }
    
    
.left3 {float:left;width: 40%;padding: 0px 0px 0px 0px;}
.right3 {float:right;width: 55%;padding: 0px 0px 0px 0px;text-align:left;}
.left3-box {width:65%;padding: 130px 0% 30px 0%;color: #000;line-height:180%;text-align:center; margin:0px auto 0px auto; }


.left4 {float:left;width: 48%;padding: 0px 0px 0px 0px}
.right4 {float:right;width: 48%;padding: 0px 0px 0px 0px;}
.left4-box {width:65%;padding: 0px 0% 30px 0%;color: #000;line-height:180%;text-align:center; margin:0px auto 0px auto; }
    

.locatitle{width:100%;margin: 0px auto 30px auto; padding: 0px 0px 0px 0px;text-align:center;background-color:#bfb08f;color: #fff;line-height:40px;font-weight:700;height:40px;font-size:2rem;}
.loca3 {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.locanavi{width:70%;height:auto;margin:0px auto 20px auto;padding: 0px 0px 0px 0;text-align:center;}
.locanavi a {display: block;text-decoration: none;color: #fff;}
.locanavi ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.locanavi li {float: left;list-style: none;width: 100%;text-align: center;line-height: 120%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:120%;  margin: 0px 1% 0px 1%;letter-spacing:0px;padding: 20px 0% 15px 0%;}
    
.hvr5 {
display: inline-block;height: auto;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);padding: 20px 0px 20px 0px;box-shadow: 0 0 1px transparent;position: relative;background:#ccc;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
    
.hvr5:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #bfb08f;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;color: #fff}
    
.riben {width: 70%;margin: 0px auto 0px auto; padding: 30px 0px 30px 0px;}
.hvr5:hover:before, .hvr5:focus:before, .hvr5:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);}
    
    
#page-link{display: flex;justify-content: center;padding: 20px;}

#page-link li{list-style: none;border: 1px solid #ccc}

#page-link li a{padding:0 20px;text-decoration: none;}

#page-link li a::before{content:'▼';font-size:1.6rem;padding:10px 10px 10px 0px;}
    
.genteitop3{width:50%;margin: 20px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 50px 0px;display: flex;}
.genteitop3>div{width: 50%;padding: 10px 40px 10px 40px}
    
.loca6 {width:70%;height:auto;margin:30px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;font-size:3rem;line-height:160%;font-weight:700;color: #000; }
.loca6 img {padding: 0px 0px 15px 0px;text-align:center;}
.loca6-left {float:left;width:48%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 30px 0px;text-align:left;}
.loca6-right {float:right;width:48%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 30px 0px;text-align:left;}
.loca66-left {float:left;width:47%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;}
.loca66-right {float:right;width:47%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;}
.loca666-left {float:left;width:32%;height:auto;margin:0px auto 0px 1.3%;padding: 0px 0px 0px 0px;text-align:left;}
.loca666-right {float:right;width:32%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;}
.lifeinfo_left{float:left;width:48%;font-size:1.4rem;text-align:left;font-weight:700;color: #000; }
.lifeinfo_right{float:right;width:48%;font-size:1.4rem;text-align:left;font-weight:700;color: #000;}
tr {margin-bottom: 12px;border-bottom: 1px solid #ddd;}
.line {border-bottom: 2px solid #000;font-weight:700;font-size:1.7rem;}


.genteitop{width:100%;margin: 50px auto 0px auto ;height:auto;text-align:center;padding: 50px 0px 50px 0px;background-image:url(../img/top/bg.jpg);background-repeat: repeat;background-position: center center;}
    
.genteitop5{width:100%;margin: 80px auto 0px auto ;height:auto;text-align:center;padding: 100px 0px 50px 0px;background-image:url(../img/top/bg.jpg);background-repeat: repeat;background-position: center center;}
    
.genteitop-title{width:30%;margin: 30px auto 0px auto ;height:auto;text-align:center;padding: 30px 0px 30px 0px;}
.genteitop1{width:60%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 50px 0px;display: flex;}
.genteitop1>div{width: 50%;padding: 30px 30px 10px 30px}
.genteitop2{width:28%;margin: 20px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 50px 0px;}
.genteitop3{width:50%;margin: 20px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 50px 0px;display: flex;}
.genteitop3>div{width: 50%;padding: 10px 40px 10px 40px}


.imgs40 {width: 40%;height: auto;border: 0;padding:0px 0px 0px 0px;margin:0; }
.imgs60 {width: 60%;height: auto;border: 0;padding:0px 0px 0px 0px;margin:0; }
.imgs80 {width: 80%;height: auto;border: 0;padding:0px 0px 0px 0px;margin:0 auto;}
.imgs90 {width: 90%;height: auto;border: 0;padding:0px 0px 0px 0px;margin:0 auto; }

.riben {width: 70%;margin: 0px auto 0px auto; padding: 30px 0px 30px 0px;}
.font2-2{font-size:130%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 140%;;letter-spacing: 2px;font-weight: 500;text-align:center}

.font2-3{font-size:150%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 140%;color:#003ba7;letter-spacing: 1px;font-weight: 500;text-align:center}

.font3{font-size:100%;line-height: 160%;color:#000;font-weight:700;text-align:center}
    
.font4{font-size:3.3rem;color:#000;font-weight:400;text-align:center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 160%;padding: 0px 0px 30px 0px;}
    
.font5{font-size:1.5rem;line-height: 130%;color:#000;font-weight:700;text-align:left;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;lpadding: 0px 0px 10px 0px;}
    
.font6{font-size:1.7rem;line-height: 150%;color:#000;font-weight:400;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;padding: 0px 0px 0px 0px;}
    
.font66{font-size:1.8rem;line-height: 170%;color:#000;font-weight:400;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;padding: 0px 0px 0px 0px;}
    
.font7{font-size:120%;color:#000;lfont-weight:700;text-align:center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 140%;padding: 20px 0px 20px 0px;}
    
.font8{font-size:120%;color:#666464;font-weight:400;text-align:center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 170%;padding: 0px 0px 20px 0px;letter-spacing: 10px;}
.font9{font-size:2.2rem;color:#000;text-align:center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;;padding: 0px 0px 10px 0px;letter-spacing: 0px;font-weight:400;line-height: 170%;}
    
.font77{font-size:130%; font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;line-height: 120%;color:#ff4800 ;letter-spacing: 0px;font-weight: 700;padding: 20px 0px 10px 0px;
}
.locacap{width: 70%;font-size:1.2rem;color:#000;text-align:left;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;;padding: 50px 0px 10px 0px;font-weight:400;line-height: 140%;margin: 0px auto 50px auto}
    
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img { max-width: 100%;margin: 0px auto 0px;padding: 0px 0px 10px 0px;vertical-align: bottom;-webkit-backface-visibility: hidden; backface-visibility:hidden;}

a img.opacity,.hoverimg a img{-webkit-transition: all .3s;transition: all .3s;}
.hoverimg a:hover img{ opacity:0.7;}
a img.opacity:hover{opacity:0.3;}
.pc { display: block !important; }
.sp { display: none !important; }

p { margin: 0px; }
h2 { margin: 0px; }

.br-2s {display:block;}
.br-s { display:none; }

.header li:nth-child(5) {margin: 0px 0 0px 0;
transition: background-color .8s;height: 30px;display: flex; /* flexbox */
-webkit-justify-content: center;
text-align: center;line-height: 100%;
justify-content: center;border-bottom: solid 2px #0481A2;
align-items: center;color: #0481A2;font-weight:700}
    

}

@media only screen and (min-width:751px) and (max-width:1200px) {
.loca6 {width:96%;height:auto;margin:30px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;font-size:3rem;line-height:160%;font-weight:700;}
.lifeinfo_left{float:left;width:49%;font-size:1.2rem;text-align:left;font-weight:700;color: #000; }
.lifeinfo_right{float:right;width:49%;font-size:1.2rem;text-align:left;font-weight:700;color: #000;}
.loca3 {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.locanavi{width:100%;height:auto;margin:0px auto 20px auto;padding: 0px 0px 0px 0;text-align:center;}
.locanavi a {display: block;text-decoration: none;color: #fff;}
.locanavi ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.locanavi li {float: left;list-style: none;width: 100%;text-align: center;line-height: 120%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:120%;  margin: 0px 1% 0px 1%;letter-spacing:0px;padding: 20px 0% 15px 0%;}
.font4{font-size:2.3rem;line-height: 100%;color:#000;font-weight:700;text-align:center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 200%;padding: 0px 0px 30px 0px;}
.font5{font-size:1.4rem;line-height: 130%;color:#000;font-weight:700;text-align:left;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;lpadding: 0px 0px 10px 0px;}
    
.font6{font-size:1.4rem;line-height: 170%;color:#000;font-weight:400;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;padding: 0px 0px 0px 0px;}
.font66{font-size:1.6rem;line-height: 170%;color:#000;font-weight:400;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 170%;padding: 0px 0px 0px 0px;}

.font9{font-size:1.6rem;color:#000;text-align:center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;;padding: 0px 0px 10px 0px;letter-spacing: 0px;font-weight:700;line-height: 140%;}
    
.left2 {float:left;width: 60%;text-align:left;}
.left22 {width:100%;text-align:center;padding: 10px 0px 0px 0px;}
.right2 {float:right;width: 35%;padding: 0px 0 0px 0%;}
.right2-box {float:left;width:100%;padding: 0px 0 0px 0%;color: #000;text-align:center; }
.right2-box2 {width:100%;padding: 0px 0 0px 0%;color: #000;text-align:left; }
.right2-box-left {float:left;width:70%;padding: 0px 0 10px 0%;color: #000;text-align:left; }
.right2-box-right {float:right;width:25%;padding: 10px 0 30px 0%;color: #000;text-align:center; }
.locatitle{width:100%;margin: 0px auto 10px auto; padding: 0px 0px 0px 0px;text-align:center;background-color:#bfb08f;color: #fff;line-height:40px;font-weight:700;height:40px;font-size:2rem;}
 .main {width:90%;padding: 0px 0px 0px 0px;}
.genteiloca55{width:90%;margin: 50px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 50px 0px;background:#fff}
.genteiloca3{width:90%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px; display: flex;flex-wrap: wrap;}
.genteiloca3>div{width: calc(100% / 2 - 20px);margin: 10px;padding: 10px;box-sizing: border-box;}

.genteiloca4{width:90%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px; display: flex;flex-wrap: wrap;}
.genteiloca4>div{width: calc(100% / 2 - 20px);margin: 10px;padding: 10px;box-sizing: border-box;}
.locacap{width: 90%;font-size:1.2rem;color:#000;text-align:left;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;;padding: 50px 0px 10px 0px;font-weight:400;line-height: 140%;margin: 0px auto 0px auto}
}