@charset "UTF-8";


/*スマホ*/
@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;font-size: 62.5%;}
body {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;text-align: justify;text-justify: inter-ideograph;-webkit-text-size-adjust: 100%;font-feature-settings: "palt";}
    .logotop {width: 100%;padding: 0px 0px 0px 0px;text-align: center;margin: 0px auto 0px auto}
 /*フォント*/
.topfont1{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:2rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}

.topfont11{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#595757;font-size:1rem;text-align:center;letter-spacing:2px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont111{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#595757;font-size:2rem;text-align:center;letter-spacing:2px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont2{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:2rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont22{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#595757;font-size:2rem;text-align:center;letter-spacing:2px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}

.topfont3{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:2rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont33{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:1.5rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont4{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#fff;font-size:2rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont5{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 40px 0px;color:#fff;font-size:5rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
 

    
.title{height: auto;margin: 0px auto 0px auto;padding: 20px 0px 20px 0px;color:#595757;font-size:2.0rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 700;font-feature-settings: "palt";}
    
.btn3{
    display: block;
    width: 80%;
	height:80px;
    margin: 0px auto 40px auto;
    padding: 0px 10px 0px 10px;
    color: #fff;
    font-size:2.2rem;
	line-height: 80px;
    text-align: center;
  text-decoration: none;
background: linear-gradient(45deg, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #fff, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89,#00ab89, #00ab89, #00ab89);
background-size: 500% 500%;
  animation: snavi ease infinite;
  animation-duration: 4s;
  animation-delay:2s;
outline: 1px solid #fff; 
outline-offset: -2px;
} 

.under {border-bottom: solid 1px #3e518c;}
sup {font-size: 40%; vertical-align: super;}
/* scroll */
#page-top {clear:both;position: fixed;bottom: 180px;right: 20px;font-size: 70%;z-index:99;cursor: pointer;}

     /*NEWマーク*/
[data-ruby] {position: relative;}
[data-ruby]::before {width: 3em;content: attr(data-ruby);position: absolute;top: -1.0em;right: -5.5em;margin: auto;font-size: 0.7em;color:#000;letter-spacing: 2px;background:#b4dbff;padding: 0px 3px 0px 3px;text-align: center;line-height:160%;}
    

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 0px 0px;font-size:100% ;font-weight:normal;}
h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;font-size:100% ;font-weight:normal;}
h3{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;font-size:100% ;font-weight:normal;}
h4{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px; font-size:100% ;font-weight:normal;}

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

.image-resize {width: 60%; margin:0px auto 0px auto ;}
.image2-resize {width: 80%; margin:0px auto 0px auto ;}
.shadow{filter: drop-shadow(1px 1px 1px #333);}

.cen{display: block;margin-left: auto;margin-right: auto;}
.mainbg {width:100%;background:linear-gradient(#071c24, #10333c); margin: 0px auto 0px auto;padding: 10px 0px 15px 0px;color:#fff;}
.topmain {width:96%;height:auto; margin: 0px auto 0px auto;padding: 20px 2% 10px 2%;}
.topmain ul {margin: 0 auto;width: auto;text-align:center;}
.topmain ul li {margin: 5px auto 0px auto;width: auto;text-align: center;color: #FFFFFF;font-size: 100%}
.topmain li:nth-child(3) {  margin: 15px auto 0px auto;}
.topmain li:nth-child(5) {  margin: 20px auto 0px auto;}
.topmain li:nth-child(7) {  margin: 20px auto 0px auto;}

  /*ロゴテキスト*/


 
.topmain ul:after {content: ".";height: 0;clear: both;display: block;visibility: hidden;}
.topmain ul {display: inline-block;overflow: hidden;}

/*ヘッダー*/

.headertop{margin: 0px auto 0px auto;height: auto; text-align:left;}
.header {padding: 10px 1% 10px 1%;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;opacity:0.7}
.header2 {padding: 10px 1% 10px 1%;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;}
 .logotop {width: 100%;padding: 0px 0px 0px 0px;text-align: left;margin: 0px auto 0px auto}
/*スマホナビ*/
.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}


    
/*スペース*/
.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;}
.st35 { margin-top:35px;}
.sb10 { margin-bottom:10px; }
.sb15 { margin-bottom:15px; }
.sb20 { margin-bottom:20px; }
.sb30 { margin-bottom:30px; }

/* コンテンツ*/
.topcontent{width:100%;margin:70px 0px 0px 0px;padding:0px 0px 0px 0px; clear:both;height:auto;text-align:center;}
.content{width:100%;margin:70px 0px 0px 0px;padding:0px 0px 0px 0px; clear:both;height:auto;text-align:center;}

/*form*/
.form{width:100%;margin: 0px auto 0px;text-align:center;padding:30px 0px 30px 0px;line-height: 140%;border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.form a:visited {color:#fff;}


/*フッター*/
.gnavi2 {width: 100%;margin: 0;padding: 0;font-size: 1.4rem;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;color: #fff;margin: 0px;height:60px;line-height: 40px;}
.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;}
/*フッター*/

.copyright{clear:both; width: 100%;height: auto;margin: 0px auto 50px 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: 10px auto 30px auto; }
.footer2 li{display: flex;lign-items: center;text-align: center;margin: 10px auto 10px auto;width:70%; }
.footer2 a:hover{background:#fff;transition: background-color .8s;}

 
/*スマホ固定下部ナビ*/
#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 }



	
/*キャプション*/
.cap{clear: both;width:96%;margin: 10px auto 0px auto;text-align:left ;padding: 20px 0px 10px 0px;font-size:12px;line-height: 150%;color: #000}	
.cap1{clear: both;width:100%;margin: 0px auto 0px auto;text-align:left ;padding: 30px 0px 20px 0px;font-size:12px;line-height: 150%;}	
.cap2{font-size:150%;line-height: 150%;font-weight:700}		
.cap3{clear: both;width:96%;margin: 0px auto 20px auto;text-align:left ;padding: 0px 2% 0px 2%;font-size:10px;line-height: 140%;}	
.cap4{clear: both;width:100%;margin: 0px auto 0px auto;text-align:center ;padding: 30px 0px 20px 0px;font-size:12px;line-height: 150%;}	
.tel{width:100%;text-align:center;padding:20px 0% 20px 0%;color:#000;height:auto;font-size:80%;}
.tel2{width:80%;max-width:600px;text-align:center;padding:10px 0% 10px 0%;color:#000;height:auto;margin: 0px auto 0px auto;}



/*フッター*/
.footerbg{width: 100%;height: auto;margin: 0px auto 0px auto;  bottom: 0px; padding: 10px 0px 10px 0px;background:#fff;}
.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:#fff ;}
/* フッターナビ*/


.sp { display: block !important; }
.pc { display: none !important; }
.br-sp{display: block;}
.br-sp2{display: block;}
.br-pc{display: none;}
    
.headertop{display: none;}
.hdrleft{display: none;}
.hdrright{display: none;}
.gnavibg{display: none;}
.gnavi{display: none;}
.br-s2{display: none;}
.br-s3{display: none;}
.headerbg{display: none;}
}


/*PC*/
@media print, screen and (min-width:751px){
.clearfix:after {content: "";display: block;clear: both;} 
.clearfix:before {content: "";display: block;clear: both;} 
.clearfix {display: block;}
body {color: #666;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;  margin: 0;padding: 0;}
html { -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;font-size: 62.5%;}
.maintop {width: 100%;margin: 115px auto 0px auto; padding: 0px 0px 0px 0px;font-feature-settings: "palt";}
.main {width: 100%;margin: 0px auto 0px auto; padding: 60px 0px 0px 0px;}
     /*NEWマーク*/
[data-ruby] {position: relative;}
[data-ruby]::before {width: 3em;content: attr(data-ruby);position: absolute;top:-20px;right: 0;margin: auto;font-size: 0.7em;color:#000;letter-spacing: 2px;background:#b4dbff;padding: 0px 3px 0px 3px;text-align: center;line-height:160%;}
    

sup {font-size: 40%; vertical-align: super;}
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%; }
    
/*フォント*/
.topfont1{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:5rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont11{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#595757;font-size:5rem;text-align:center;letter-spacing:3px;line-height: 150%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont111{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#595757;font-size:4.5rem;text-align:center;letter-spacing:3px;line-height: 140%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont2{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:3rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont22{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#595757;font-size:3rem;text-align:center;letter-spacing:2px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}

.topfont3{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:2rem;text-align:center;letter-spacing:0px;line-height: 200%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont33{height: auto;margin: 30px auto 30px auto;padding: 30px 0px 30px 0px;color:#000;font-size:2rem;text-align:center;letter-spacing:0px;line-height: 220%;font-weight: 400;font-feature-settings: "palt";}
    
    
.topfont4{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#fff;font-size:2rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont5{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 40px 0px;color:#fff;font-size:5rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.title{height: auto;margin: 0px auto 0px auto;padding: 20px 0px 40px 0px;color:#595757;font-size:3rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 700;font-feature-settings: "palt";}
.title2{height: auto;margin: 0px auto 0px auto;padding: 20px 0px 20px 0px;color:#595757;font-size:2rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 700;font-feature-settings: "palt";}
    

    
.shadow{filter: drop-shadow(2px 2px 2px #444);}
    
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;}
    
.navispace {line-height: 120%;font-size:80% }

    
.center{display: block;margin-left: auto;margin-right: auto;}
    
.headerbg {margin:0px auto; width:100%; padding:0px 0px 0px 0px;background-color: #fff;position: fixed; top:0;z-index:99;opacity: 1.0}
.tophead {clear: both; margin:0 auto; width:80%; height:60px;padding:0px 0px 0px 0px; }

.header {width: 80%;
	display: flex; /* flexbox */
	flex-wrap: wrap; /* 折返し指定 */
	gap: 1px; /* 余白（縦 横） */;padding:5px 4% 5px 4%; 
    height:30px;margin:10px auto 10px auto;
}

.header li {
	margin: 0;
	width: calc(12.5% - 1px);
	display: flex; /* flexbox */
    -webkit-justify-content: center;
    height: 30px;
    color: #ccc;text-align: center;line-height: 100%;
    justify-content: center;
    align-items: center; font-size: 1.6rem;border-right: solid 1px #ccc;
    
}
.header li:last-child {
   border-right: none;
}

    
.header li a{
	width: 100%; /* 全体をクリック可能領域に */
	text-decoration: none;
	text-align: center;
	font-weight:700;position: relative;
    margin: 0px auto 0px auto;display: inline-block;color: #231815;line-height: 30px;outline: none;-webkit-transition: all .3s;transition: all .5s;
}


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

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

/*現在地とhoverの設定*/
.header li.current a::after,
.header 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;} 
    
    
.gnavi{display: flex;margin:0 0 50px 0;list-style: none;width: calc(11.0% - 1px); -webkit-justify-content: center;}
.gnaviheader li a{ display:inline-block;; padding:0px 30px;text-decoration: none;color: #333;}
.gnavi li{margin-bottom:20px;}
.gnavi li a{
/*線の基点とするためrelativeを指定*/
position: relative;
}

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

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

/*現在地とhoverの設定*/
.gnavi li.current a::after,
.gnavi li a:hover::after {
transform: scale(1, 1);/*X方向にスケール拡大*/
}

    
.hdrleft{float: left;width: 330px;height:70px;padding: 15px 0px 0px 1%;text-align:left;line-height: 100%;margin: 0px 0px 0px 0px; }
.hdrright {float: right;width:auto;height:70px;padding: 10px 1% 0px 0px;margin: 0px 0px 0px 0px; text-align: right;line-height: 100%;}
    
.hdrright ul{text-align: right;}
.hdrright li {display:inline-block;}

.hdrright li:nth-child(1) {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 10px;}
.hdrright li:nth-child(1) a{padding: 10px 5px 10px 5px;margin: 0px 0px 0px 10px;}

.hdrright li:nth-child(2) {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 2px;}
.hdrright li:nth-child(2) a{padding: 10px 5px 10px 5px;margin: 0px 0px 0px 2px;}

.hdrright li:nth-child(3) {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 2px;}
.hdrright li:nth-child(3) a{padding:12px 0px 0px 0px;margin: 0px 0px 0px 10px;}
    
.hdrright li:nth-child(4) {padding: 0px 0px 0px 0px;margin: 5px 0px 0px 2px;}
.hdrright li:nth-child(4) a{padding: 0px 0px 0px 0px;margin: 5px 0px 0px 2px;}
    
.hdrright li:nth-child(5) {padding: 0px 0px 0px 0px;margin: 5px 0px 0px 2px;color:#222;font-size:13px;}
.hdrright li:nth-child(5) a{padding: 0px 0px 0px 0px;margin: 5px 0px 0px 2px;color:#222;}
.hdrright li:nth-child(5) a:visited {color:#222 !important;}
.hdrright li:nth-child(5) a:hover {color:#999 !important;}

.hdrright li:nth-child(6) {padding: 0px 0px 0px 0px;margin: 5px 0px 0px 2px;color:#222;font-size:13px;}
.hdrright li:nth-child(6) a{padding: 0px 0px 0px 0px;margin: 5px 0px 0px 2px;color:#222;}
.hdrright li:nth-child(6) a:visited {color:#222 !important;}
.hdrright li:nth-child(6) a:hover {color:#999 !important;}
    
/*PC　Gnavi*/

.gnavi-bg{width: 80%;margin: 0px auto 10px auto;font-size:1.3rem}
.gnavi{display: flex;margin:0 0 50px 0;list-style: none;}
.gnavi li a{ display: block; text-decoration: none;color: #333;}
.gnavi li{margin-bottom:20px;padding:0px 40px;}
.gnavi li a{
/*線の基点とするためrelativeを指定*/
position: relative;
}

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

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

/*現在地とhoverの設定*/
.gnavi li.current a::after,
.gnavi li a:hover::after {
transform: scale(1, 1);/*X方向にスケール拡大*/
}
    
    

.snavi{display: block;width:1000px;height:30px;margin: 0px auto;padding: 8px 4px 8px 10px;color: #fff;font-size:14px;text-align: center;text-decoration: none;background-color:#0092b7;background-size: 500% 500%;animation: snavi ease infinite;animation-duration: 4s;animation-delay:2s;outline: 1px solid #fff; outline-offset: -2px;-webkit-transition: all .3s;transition: all .3s;}

.snavi:hover{opacity:0.7;transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;}

 /*上部右求ボタン*/
.btn1 {margin: 0px auto 20px auto;display: inline-block;height: 60px;width:auto;text-align: center;text-decoration: none;line-height: 120%;outline: none;-webkit-transition: all .3s;transition: all .3s;font-size: 1.6rem;background-color: #254d82;color: #fff;}
.btn1:hover {color: #fff;background-color: #5077a0;}
    
.btn1-1 {margin: 0px auto 0px 0px;display: inline-block;height: 60px;width: 170px;text-align: center;text-decoration: none;line-height:120%;outline: none;-webkit-transition: all .3s;transition: all .3s;font-size: 1.6rem;background-color: #ac3967;color: #fff;padding: 0px 0px 0px 0px;}
.btn1-1:hover {color: #fff;background-color: #bf6b8e;}

.btn2 {margin: 0px auto 20px auto;display: inline-block;color: #000;wheight: 60px;width: auto;text-align: center;text-decoration: none;line-height: 120%;outline: none;webkit-transition: all .3s;transition: all .3s;font-size: 1.6rem;}
.btn2:hover {color: #7a6c4b;background-color: #fff;}

    
.btn3{
    display: block;
    width: 600px;
	height:80px;
    margin: 0px auto;
    padding: 0px 10px 0px 10px;
    color: #fff;
    font-size:3rem;
	line-height: 80px;
    text-align: center;
  text-decoration: none;
background: linear-gradient(45deg, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #80ffe7, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89, #00ab89,#00ab89, #00ab89, #00ab89);
background-size: 500% 500%;
  animation: snavi ease infinite;
  animation-duration: 4s;
  animation-delay:2s;
outline: 1px solid #fff; 
outline-offset: -2px;
}



object { width: 100%; height: 100%; }

.img-wrap {
  opacity: 1;
}

.img-animation {
  animation: img-opacity 2s cubic-bezier(.4, 0, .2, 1);
  overflow: hidden;
  position: relative;
}

.img-animation:before {
  animation: img-animation 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}


    
/*上部来場予約ボタン*/
.snavi2{display: block;width: 200px;height:30px;margin: 0px auto;padding: 8px 4px 8px 4px;color: #000;font-size:14px;text-align: center;text-decoration: none;background: linear-gradient(to right, #ccc, #fff 20%, #ccc 70%);background-size: 500% 500%;animation: snavi ease infinite;animation-duration: 4s;animation-delay:2s;outline: 1px solid #fff; outline-offset: -2px;}
    
.snavi2:hover{opacity:0.7;transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;}

.snavi3{display: block;width: 330px;height:40px;margin: 0px auto;padding: 20px 10px 15px 10px;color: #ffffff;font-size:20px;line-height: 200%;text-align: center;text-decoration: none;background-color:#0092b7;background-size: 500% 500%;animation: snavi ease infinite;animation-duration: 4s;animation-delay:2s;outline: 1px solid #fff; outline-offset: -2px;}
.snavi3:hover{opacity:0.7;transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;}

.snavi4{display: block;width: 330px;height:40px;margin: 0px auto 0px auto;padding: 20px 10px 15px 10px;color: #ffffff;font-size:20px;line-height: 200%;text-align: center;text-decoration: none;background-color:#c1ba00;background-size: 500% 500%;animation: snavi ease infinite;animation-duration: 4s;animation-delay:2s;outline: 1px solid #fff; outline-offset: -2px;}
.snavi4:hover{opacity:0.7;transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;}

/*form*/
    

    
 .br-sp{display:none;}
 .br-sp2{display: none;}
 .br-pc{display: block;}
    
#site-name{padding: 10px;}



.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:35px; }
.t40 { margin-top:40px; }
.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; }

.tel{width:100%;text-align:center;padding:50px 0% 50px 0%;color:#000;height:auto;font-size: 1.7rem;}
.tel2{width:45%;max-width:600px;text-align:center;padding:20px 0% 10px 0%;color:#000;height:auto;margin: 0px auto 20px auto;}
    


.under {border-bottom: solid 1px #3e518c;}
/*ホバーアクション*/
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;}



.cap{clear: both;width:100%;margin: 0px auto 0px auto;text-align:left !important ;padding: 0px 0px 20px 0px;font-size:12px;line-height: 150%;color: #000}	
.cap1{clear: both;width:100%;margin: 0px auto 0px auto;text-align:left ;padding: 30px 0px 20px 0px;font-size:12px;line-height: 150%;}	
.cap2{font-size:150%;line-height: 150%;font-weight:700}	
.cap3{clear: both;width:100%;margin: 0px auto 0px auto;text-align:left ;padding: 0px 0px 10px 0px;font-size:12px;line-height: 150%;}


/*PCTEL無し */
a[href^="tel:"] {
    pointer-events: none;
}

    
    
.footer2{display:flex;padding: 0;list-style: none;width:70%;margin: 50px auto 50px auto;max-width: 2000px }
.footer2 li{display: flex;justify-content: center;align-items: center;text-align: center;margin: 0px auto 0px auto; }
.footer2 a:hover{background:#fff;transition: background-color .8s;}
.footer2 li img{width: 80%;}
.footer2 li:nth-child(2){text-align: left;}
    

.gnavi2bg {width:100%;margin: 10px auto 0px auto;height:auto;}
.gnavi2 {width:90%;margin: 0px auto 0px auto;}
.gnavi2:after {content: "";clear: both;display: block;}
.gnavi2 li{float:left;width: 9.8%;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:1.5rem;font-weight:500;color:#ccc;border-right: solid 1px #333}
.gnavi2 a {display: block;text-decoration: none;color:#000;font-weight: 500;}
.gnavi2 a:hover {color:#000;  -webkit-transition-duration: 0.3s;transition-duration: 0.3s;} 
.gnavi2 li:last-child {border-right: none;}

    
/*コピーライト*/
.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 {clear:both;position: fixed;bottom: 20px;right: 20px;font-size: 70%;z-index:99;cursor: pointer;}

/*スマホ固定下部ナビ*/
#floatBanner {display: none }
#floatBody {display: none }
    
.sp { display: none ; }
.pc { display: block ; }
.pure-container{display: none;}
  .br-sp{display:none;}
 .br-sp2{display: none;}
 .br-pc{display:block;}
    

.img-blur {
  -webkit-animation-name: imageBlur;
  animation-name: imageBlur;
  opacity: 1;
  transition: .6s;
}
    


.flex{
  display:flex;
  flex-wrap: wrap;
}

.box{
  width: 33%;
  padding: 0px;
  margin:0 0% 20px 0%;
}


.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
opacity:0;
}

.fadeUpTrigger1{
    opacity: 0;
}
.delay-time1{
animation-delay: 0.0s;
}
.delay-time2{
animation-delay: 0.3s;
}
.delay-time3{
animation-delay: 0.6s;
}
.delay-time4{
animation-delay: .9s;
}
.delay-time5{
animation-delay: 1.2s;
}
.delay-time6{
animation-delay: 1.5s;
}
}


@media only screen and (min-width:751px) and (max-width:1200px) {
.maintop {width: 100%;margin: 100px auto 0px auto; padding: 0px 0px 0px 0px;}
.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;}

 .br-sp{display:block;}
 .br-sp2{display: none;}
 .br-pc{display:none;}
    
.navispace {line-height: 100%;font-size:60% }
.headerbg {margin:0px auto; width:100%; padding:0px 0px 0px 0px;background-color: #fff;position: fixed; top:0;z-index:99;opacity: 1.0}
.tophead {clear: both; margin:0 auto; width:100%; height:70px;padding:0px 0px 0px 0px; }

    
    
.header {width: 99%;
	display: flex; /* flexbox */
	flex-wrap: wrap; /* 折返し指定 */
	gap: 1px; /* 余白（縦 横） */;padding:0px 0% 0px 0%; 
    height:30px;margin:0px auto 0px auto;
}
    
.header li {
	margin: 0;
	width: calc(12.5% - 1px);
	display: flex; /* flexbox */
    -webkit-justify-content: center;
    height: 30px;
    color: #ccc;text-align: center;line-height: 100%;
    justify-content: center;
    align-items: center; font-size: 1.2rem;border-right: solid 1px #ccc;
    
}
.header li:last-child {
   border-right: none;
}
    
.hdrleft{float: left;width: 330px;height:60px;padding: 10px 0px 0px 1%;text-align:left;line-height: 100%;margin: 0px 0px 0px 0px; }
.hdrright {float: right;width:auto;height:60px;margin: 0px 1% 0px 0px; text-align: right;line-height: 100%;}
.hdrright ul{text-align: right;}
.hdrright li {display:inline-block;}

    
    
.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 0px; font-weight:700;color:#222;width:auto;}

.hdrright li:nth-child(1) {padding: 0px 0px 0px 0px;margin: 5px 0px 0px 10px;}
.hdrright li:nth-child(1) a{padding: 0px 0px 30px 0px;margin: 0px 0px 0px 10px;}

.hdrright li:nth-child(2) {padding: 0px 0px 0px 0px;margin: 5px 0px 0px 2px;}
.hdrright li:nth-child(2) a{padding: 0px 0px 30px 0px;margin: 0px 0px 0px 2px;}

.hdrright li:nth-child(3) {padding: 0px 0px 0px 0px;margin: 5px 0px 0px 2px;}
.hdrright li:nth-child(3) a{padding: 5px 10px 0px 10px;margin: 0px 0px 0px 2px;}
    
.hdrright li:nth-child(4) {padding: 0px 0px 0px 0px;margin: 5px 0px 0px 2px;}
.hdrright li:nth-child(4) a{padding: 0px 0px 0px 0px;margin: 5px 0px 0px 2px;}
    
.hdrright li:nth-child(5) {padding: 0px 0px 0px 0px;margin: 5px 0px 0px 2px;color:#222;font-size:13px;}
.hdrright li:nth-child(5) a{padding: 0px 0px 0px 0px;margin: 5px 0px 0px 2px;color:#222;}
.hdrright li:nth-child(5) a:visited {color:#222 !important;}
.hdrright li:nth-child(5) a:hover {color:#999 !important;}

.hdrright li:nth-child(6) {padding: 0px 0px 0px 0px;margin: 5px 0px 0px 2px;color:#222;font-size:13px;}
.hdrright li:nth-child(6) a{padding: 0px 0px 0px 0px;margin: 5px 0px 0px 2px;color:#222;}
.hdrright li:nth-child(6) a:visited {color:#222 !important;}
.hdrright li:nth-child(6) a:hover {color:#999 !important;}
    

.btn1 {margin: 30px auto 0px auto;display: inline-block;height: 50px;width: auto;text-align: center;text-decoration: none;line-height: 50px;outline: none;-webkit-transition: all .3s;transition: all .3s;font-size: 1.6rem;background-color: #254d82;color: #fff;}
.btn1:hover {color: #fff;background-color: #5077a0;}
    
.btn1-1 {margin: 0px auto 0px 0px;display: inline-block;height: 50px;width: auto;text-align: center;text-decoration: none;line-height:120%;outline: none;-webkit-transition: all .3s;transition: all .3s;font-size: 1.6rem;background-color: #ac3967;color: #fff;padding: 0px 0px 0px 0px;}
.btn1-1:hover {color: #fff;background-color: #bf6b8e;}

.btn2 {margin: 0px auto 20px auto;display: inline-block;color: #000;height: 50px;width: auto;text-align: center;text-decoration: none;line-height: 50px;outline: none;webkit-transition: all .3s;transition: all .3s;font-size: 1.6rem;}
.btn2:hover {color: #7a6c4b;background-color: #fff;}


/*フォント*/
.topfont1{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:4rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont11{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#595757;font-size:4rem;text-align:center;letter-spacing:5px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont2{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;font-size:2rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont22{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#595757;font-size:2rem;text-align:center;letter-spacing:2px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}

.topfont3{height: auto;margin: 0px auto 0px auto;padding: 20px 0px 20px 0px;color:#000;font-size:1.5rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
    
.topfont4{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#fff;font-size:1.5rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
.topfont5{height: auto;margin: 0px auto 0px auto;padding: 0px 0px 40px 0px;color:#fff;font-size:3rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 400;font-feature-settings: "palt";}
    

.snavionline{display: block;width: 150px;height:22px;margin: 0px auto;padding: 8px 5px 8px 5px;color: #ffffff;font-size:14px;text-align: center;text-decoration: none;background-color:#c0275b;background-size: 500% 500%;animation: snavi ease infinite;animation-duration: 4s;animation-delay:2s;outline: 1px solid #fff; outline-offset: -2px;}

 /*上部資料請求ボタン*/
.snavi{display: block;width: 100px;height:22px;margin: 0px auto;padding: 8px 4px 8px 10px;color: #fff;font-size:14px;text-align: center;text-decoration: none;background-color:#0092b7;background-size: 500% 500%;animation: snavi ease infinite;animation-duration: 4s;animation-delay:2s;outline: 1px solid #fff; outline-offset: -2px;}
.snavi:hover{opacity:0.7;transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;}

/*上部来場予約ボタン*/
.snavi2{display: block;width: 100px;height:22px;margin: 0px auto;padding: 8px 4px 8px 4px;color: #fff;font-size:14px;text-align: center;text-decoration: none;background-color:#c1ba00;background-size: 500% 500%;animation: snavi ease infinite;animation-duration: 4s;animation-delay:2s;outline: 1px solid #fff; outline-offset: -2px;}
.snavi2:hover{opacity:0.7;transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;}

.snavi3{display: block;width: 100%;height:40px;margin: 0px auto;padding: 20px 10px 15px 10px;color: #ffffff;font-size:20px;line-height: 200%;text-align: center;text-decoration: none;background-color:#0092b7;background-size: 500% 500%;animation: snavi ease infinite;animation-duration: 4s;animation-delay:2s;outline: 1px solid #fff; outline-offset: -2px;}
.snavi3:hover{opacity:0.7;transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;}

.snavi4{display: block;width: 100%;height:40px;margin: 0px auto 0px auto;padding: 20px 10px 15px 10px;color: #ffffff;font-size:20px;line-height: 200%;text-align: center;text-decoration: none;background-color:#c1ba00;background-size: 500% 500%;animation: snavi ease infinite;animation-duration: 4s;animation-delay:2s;outline: 1px solid #fff; outline-offset: -2px;}
.snavi4:hover{opacity:0.7;transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;}

/* フッターナビ*/

.gnavi2bg {width:100%;margin: 10px auto 0px auto;height:auto;}
.gnavi2 {width:100%;margin: 0px auto 0px auto;}
.gnavi2:after {content: "";clear: both;display: block;}
.gnavi2 li {float: left;width: 9.8%;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:1.0rem;font-weight: 500;color:#ccc;border-right: solid 1px #333}
.gnavi2 a {display: block;text-decoration: none;color:#000;font-weight: 500;}
.gnavi2 a:hover {color:#000;  -webkit-transition-duration: 0.3s;transition-duration: 0.3s;} 
.gnavi2 li:last-child {border-right: none;}
    

    /*フッター*/
.footerbg{width: 100%;height: auto;margin: 0px auto 0px auto;  bottom: 0px; padding: 0px 0px 0px 0px;background:#9fa0a0;}
.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;}
img {image-rendering: -webkit-optimize-contrast;}

}
   
@keyframes snavi { 
    0%{background-position:0% 50%}
    100%{background-position:100% 50%}
}
/* フッターナビ*/