@charset "utf-8";
/* CSS Document */

body {animation: bodyFadeIn 2s ease 0s 1 normal;-webkit-animation: bodyFadeIn 2s ease 0s 1 normal;
}
@keyframes bodyFadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes bodyFadeIn {0% {opacity: 0}100% {opacity: 1}}
/* フォント*/
.holiday{max-width:1040px;width:80%;margin: 40px auto 40px auto;padding: 0px 0px 0px 0px;text-align:center;}
.topmain2{max-width:1000px;width:80%;line-height: 150%;color:#000 ;letter-spacing: 0px;font-weight: 400;text-align:center;margin:50px auto 0px auto;padding: 0px 0px 30px 0px;}
.fontb{font-weight: 700;padding: 0px 0px 10px 0px;}
.wrap{width:100%;overflow: hidden;}

@media only screen and ( max-width:1200px) 
{
html {
transition: transform 0.3s;
transform: scale(0.7);
transform-origin: left top;
height: calc(100% / 0.7);
width: calc(100% / 0.7);
}}

.new{width: 90%;margin: 0 auto 30px auto;}
.cam{max-width:980px;width:80%;padding:80px 0% 30px 0%;margin: 0px auto 0px auto;text-align: center }

.points{
box-shadow: 0px 5px 5px #ccc ;}

img{
 image-rendering: -webkit-optimize-contrast;
}

.video{
margin:0 auto 0 auto ; padding:0;max-width: 900px;width:100%;
}

.topmain {width:100%;max-width: 1025px;margin: 20px auto 0px auto;padding: 5px 0px 30px 0px;font-weight: 400;font-size:90%;text-align:left}

/* ------------------------------
 コロナ対策
------------------------------ */

.taisaku {width:100%;max-width: 1400px;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;font-weight: 700;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', sans-serif;letter-spacing: 1px;font-size:18px;text-align:center}
.taisaku:after {content: "";clear: both;display: block;}
.taisaku a {display: block;text-decoration: none;background-color: #ffebd0 ;color: #ef6413;padding: 10px 0px 10px 0px;}

.taisaku-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  background-color: #ef6413;
  color: #ffebd0;
  padding: 10px 0px 10px 0px;

}

.taisaku-fade:hover, .taisaku-fade:focus
.taisaku-fade:active {
  background-color: #ef6413;
  color: #ffebd0;
}

.taisaku-fade:active {
  background-color:#ffebd0 ;
  color: #ef6413;
}

.yoyaku{text-align:center;margin: 15px auto 0px auto;background-color:#f75666;padding:0px 0px 0px 0px; max-width: 1400px;width:100%;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
font-size: 250%;font-weight: 700;
}

/*新TOP*/

.lpbg{background-image: url('../img/7point/bg.jpg');background-position: center top;padding:0px 0 40px 0;margin: 0px auto 70px auto;}

.lpbg1{background-image: url('../img/7point/bg.jpg');background-position: center top;padding:30px 0 30px 0;margin: 0px auto 70px auto;}


.lp1{max-width:1000px;width:76%;margin: 0px auto 0px auto;text-align:center; padding: 60px 0% 40px 0%;}

.topics{max-width:130px;width:20%;margin: 0px auto 0px auto;text-align:center; padding: 60px 0% 40px 0%;filter: drop-shadow(3px 3px 3px #777);}
.information{max-width:180px;width:28%;margin: 0px auto 0px auto;text-align:center; padding: 40px 0% 40px 0%;filter: drop-shadow(3px 3px 3px #777);}

.navi{max-width:1400px;width:90%;margin: 0px auto 60px auto;padding: 0px 0% 30px 0%;}
.flex-container{max-width:1035px;width:100%;margin: 0px auto 0px auto;display: flex;justify-content: space-around;}
.flex-item{padding: 0.5% 0 0 0%;flex-basis:31%; filter: drop-shadow(3px 3px 3px #777);}

.navi1{max-width:1400px;width:90%;margin: 0px auto 20px auto;padding: 30px 0% 0px 0%;}

.navi3{max-width:1035px;width:90%;margin: 0px auto 30px auto;padding: 0px 0% 30px 0%;}

.new{max-width: 1035px;width: 100%;margin: 0 auto 30px auto;}

.flex-container1 {max-width: 1035px;width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between; }
.flex-item1 {padding: 0.2% 0 3% 0;flex-basis: 48.5%;box-sizing: border-box;filter: drop-shadow(3px 3px 3px #777); }
.seikyu{max-width:400px;margin: 0px auto 0px auto;text-align:center; padding: 30px 0% 30px 0%;filter: drop-shadow(3px 3px 3px #777);}


.navi2{max-width:980px;width:90%;margin: 0px auto 0px auto;padding: 30px 0% 0px 0%;}
.flex-container2 {max-width: 980px;width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between; }

.flex-item2 {padding: 0 0 100px 0;flex-basis: 32%;box-sizing: border-box;}
.flex-item3 {padding: 0 0 100px 0;flex-basis: 40%;box-sizing: border-box;}



.yoyaku > a{
    display: block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center; 
    text-decoration: none; 
    font-weight: 500; 
    color: #fff; 
}

.taisaku2 {width:100%;max-width: 1400px;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;font-weight: 700;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', sans-serif;letter-spacing: 1px;font-size:18px;text-align:center}
.taisaku2:after {content: "";clear: both;display: block;}
.taisaku2 a {display: block;text-decoration: none;background-color: #fff ;color: #ef6413;padding: 10px 0px 10px 0px;border: 2px solid #ffebd0 }

.taisaku-fade2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  background-color: #ef6413;
  color: #ffebd0;
  padding: 10px 0px 10px 0px;

}

.taisaku-fade2:hover, .taisaku-fade:focus
.taisaku-fade2:active {
  background-color: #ef6413;
  color: #ffebd0;
}

.taisaku-fade2:active {
  background-color:#ffebd0 ;
  color: #ef6413;
}

.pict { max-width: 1400px;width:100%;
  margin: 10px auto 0px auto;
  padding: 0px 0px 10px 0px;
  height:auto;display: flex;
  -webkit-justify-content: space-between;
    justify-content: space-between;
}

.pict ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}　


.topcam2{text-align:center;margin: 30px 0px 0px 0px;background-color:#f5d54f;padding:0px 0px 5px 0px;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;font-size:90%;}


.waku {
  width:1025px;
  margin: 0px auto 0px auto;
  padding: 30px 0px 20px 0px;
  height:auto;
}

.waku ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.waku li {float: left;list-style: none;width: 530px;text-align: center; margin: 0px 10px 0px 0px;}


.waku2 {
  width:984px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  height:auto;

}



.workation {
  width:862px;
  margin: 0px auto 0px auto;
  padding: 50px 0px 0px 0px;
  text-align:center;
  height:auto;
  font-size:16px;
  line-height: 180%;
}

.workation_left {
 float:left;
  width:360px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  text-align:left;
  height:auto;
  font-size:16px;
  line-height: 180%;
}

.workation_right {
	float:right;
  width:435px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  text-align:left;
  height:auto;
}


.workation_font1 {
  font-size:400%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;font-weight: 700;
  line-height: 130%;
  color:#0075C2
}

.workation_font2 {
  font-size:170%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;font-weight: 700;
  line-height: 170%;
  color:#0075C2
}

.workation_font3 {
  font-size:170%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;font-weight: 700;
  line-height: 170%;
  color:#0075C2;
  text-align:center;
}

.workation_font4 {
 font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;color:#000;letter-spacing: 0px;font-weight: 700;
  line-height: 170%;
  text-align:center;
  font-size:24px;
}

.workation_font5{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;color:#000;letter-spacing: 0px;font-weight: 700;
  line-height: 170%;
  text-align:center;
  font-size:24px;
}

.workation_font6{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;color:#948049;letter-spacing: -1px;font-weight:900;
  line-height: 200%;
  font-size:26px;
}
.workation_font7{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;color:#000;letter-spacing: -1px;font-weight:900;
  line-height: 80%;
  font-size:14px;
}

.workation2 {
  width:822px;
  margin: 30px auto 30px auto;
  background-color:#DFF2FC;
  padding: 30px 20px 30px 20px;
  text-align:left;
  height:auto;
  line-height: 180%;
   font-size:140%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;color:#000;letter-spacing: 0px;font-weight: 700;
}


.workation3 {
  clear:both;
  width:900px;
  margin: 0px auto 0px auto;
  padding: 10px 0px 30px 0px;
  text-align:center;
  height:auto;
}


.workation3_left {
 float:left;
  width:450px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 40px 0px;

}

.workation3_right {
	float:right;
  width:450px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 40px 0px;

}


.workation_blue {color:#0075C2;}




#point{
	clear: both;
	width: 980px;
	height: 390px;
	margin: 5px auto 0px auto;
	text-align:left;
	position: relative;
	padding: 20px 0px 5px 0px;
}
.point1-1{
	z-index: 2;
	position: absolute;
	width: 700px;
	height: auto;
	margin: 10px auto 0px 0px;
	left: 1px;
	top: 270px;

 }

.point {
  width:1140px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 50px 0px;
  height:auto;
  font-size:17px;
  line-height: 170%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
}

.point1 {
  width:980px;
  margin: 0px auto 0px auto;
  padding: 20px 0px 0px 0px;
  height:auto;
  font-size:17px;
  line-height: 170%;
  text-align:left
}
.point2 {
  width:980px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  height:auto;
  font-size:17px;
  line-height: 170%;
}

.point_left {float: left;width: 485px;text-align:left;}
.point_right {float: right;width: 480px;text-align:left;}

.point_left1 {float: left;width: 765px;text-align:left;}
.point_right1 {float: right;width: 205px;text-align:left;}

.point_left2 {float: left;width: 720px;text-align:left;}
.point_right2 {float: right;width: 252px;text-align:left;}


.yell{
  background: linear-gradient(#ffffff 50%, #FFF352 50%);
  font-size:110%;font-weight:900;
}

.yell2{
  background: linear-gradient(#ffffff 50%, #FFF352 50%);
}

.hikaku2 {
  width:1000px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  text-align:center;
  height:auto;
  font-size:16px;
  line-height: 170%;
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}

.switch {
  width:1000px;
  background-image:url(../img/switch/bg1.gif);
  background-repeat: repeat-x;
  margin: 0px auto 0px auto;
  padding: 60px 0px 0px 0px;
  height:auto;
  font-size:16px;
  line-height: 170%;
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}

.switch1 {
  width:1000px;
  margin: 70px auto 0px auto;
  padding: 0px 0px 50px 0px;
  background-image:url(../img/switch/bg2.gif);
  background-repeat: repeat-x;
  background-color:#E5E0E4;
  height:auto;
  font-size:16px;
  line-height: 170%;
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}

.switch2 {
  width:1000px;
  margin: 70px auto 0px auto;
  padding: 0px 0px 70px 0px;
  height:auto;
  font-size:16px;
  line-height: 170%;
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.switchfont1 {
font-size:20px;line-height: 210%;letter-spacing: 0px;font-weight:900;
}
.switchtext { margin: 0px auto 0px auto;width:606px;
font-size:14px;line-height: 150%;letter-spacing: 0px;font-weight:400;text-align:left;
}

.report {
  width:1000px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  height:auto;
  font-size:16px;
  line-height: 170%;
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.report2 { width:1000px;text-align:left;}
.report_left {float: left;width: 470px;text-align:left;}
.report_right {float: right;width: 490px;text-align:left;}
.report2_left {float: left;width: 475px;text-align:left;}
.report2_right {float: right;width: 475px;text-align:left;}

.report3_left {float: left;width: 394px;text-align:left;}
.report3_right {float: right;width: 554px;text-align:left;}
.report4_left {float: left;width: 490px;text-align:left;}
.report4_right {float: right;width: 470px;text-align:left;}

.report5_left {float: left;width: 301px;text-align:left;margin: 0px 48px 0px auto;}
.report5_right {float: right;width: 301px;text-align:left;}

.report6_left {float: left;width: 394px;text-align:left;margin: 0px 48px 0px auto;}
.report6_right {float: right;width: 555px;text-align:left;}


.report7_left {float: left;width: 345px;text-align:left;margin: 0px 0px 0px auto;}
.report7_right {float: right;width: 305px;text-align:left;}


.report8_left {float: left;width: 395px;text-align:left;margin: 0px 48px 0px auto;}
.report8_right {float: right;width: 556px;text-align:left;}

.hikaku2 {
  width:1000px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  text-align:center;
  height:auto;
  font-size:16px;
  line-height: 170%;
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.hikaku2 img{vertical-align: bottom;}

.quality_title{font-size:125%;line-height: 150%;letter-spacing: 5px;color:#FFF;padding: 50px 0px 5px 0px;}
.subnavi1 {width:780px;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;letter-spacing: 0px;font-weight: 500;}
.subnavi1:after {content: "";clear: both;display: block;}
.subnavi1 ul{padding: 5px auto 0px auto;}
.subnavi1 li {float: left;width: 250px;text-align: center;color: #fff;margin: 0px 5px 0px auto;}
.subnavi1 a {text-decoration: none;color: #fff;}
.subnavi1 li:nth-child(4) {margin: 0px auto 0px auto;}
.blue{color:#0E6EB8;font-weight:700;}
.blue2{
	clear: both;
	width:100%;
	margin: 0px auto 0px auto;
	text-align:left !important;
	padding: 0px 0px 0px 0px;
	font-size:11px;
	line-height: 100%;
	color:#0E6EB8
}	

.red{color:#ff0000}

.font{font-size:100%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 130%;color:#000;letter-spacing: 0px;font-weight: 500;}

.font1{font-size:150%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 140%;color:#000;letter-spacing: 0px;font-weight: 500;}

.font2{font-size:180%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 140%;color:#0E6EB8;letter-spacing: 0px;font-weight: 500;
text-align:center}

.font23{font-size:150%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 140%;color:#fff ;letter-spacing: 0px;font-weight: 500;
text-align:center}

.font24{font-size:110%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 160%;color:#fff ;letter-spacing: 0px;font-weight: 500;
text-align:center}

.font4{font-size:140%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 130%;color:#0E6EB8 ;letter-spacing: 0px;font-weight: 500;
padding-top:13px}

.font3{font-size:100%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 130%;color:#000 !important;letter-spacing: 0px;font-weight: 500;
text-align:left}

.font55{font-size:210%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 130%;color:#CCAD5C ;letter-spacing: 0px;font-weight: 500;
}

.font555{font-size:300%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 130%;color:#CCAD5C ;letter-spacing: 0px;font-weight: 500;
}

.font5{font-size:190%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 130%;color:#0E6EB8 ;letter-spacing: 0px;font-weight: 700;
}

.font6{font-size:120%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 120%;color:#0E6EB8 ;letter-spacing: 0px;font-weight: 300;
}
.font8{font-size:100%; font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;line-height: 100%;color:#FB0004;letter-spacing: 0px;font-weight: 700;
}
.infotext{font-size:90%;line-height: 160%;color:#000 ;letter-spacing: 0px;font-weight: 400;text-align:left;padding: 0px 0px 0px 0px;}

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;font-size:10px;padding: 0px 0px 0px 0px;text-align:right;color:#444;font-weight : normal;}
h2{margin: 0 auto;}
h3{margin: 50px auto 0px auto;padding: 0px 0px 0px 0px;font-weight:inherit;font-style:inherit;font-size:100%;}
h4{margin: 0 auto;}
/* 画像*/

img { max-width: 100%;height: auto;}
img{ -webkit-backface-visibility: hidden; backface-visibility:hidden;}


/* ヘッダー*/

.headertop{margin: 1px auto 5px;width:1150px;height: auto;text-align:center;}
.hdrleft{float: left;width: 360px;height: auto;padding: 10px 0px 0px 0px;font-size:12px;text-align:left;line-height: 100%;}

.hdrright {float: right;width:auto;margin: 0px auto 0px auto;}
.hdrright:after {content: "";clear: both;display: block;}
.hdrright a {display: block;text-decoration: none;color: #fff;}
.hdrright ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.hdrright li {float: right;list-style: none;width: 140px;text-align: center;line-height: 32px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:90%;  margin: 5px 0px 0px 2px;}

.hdrright1 {float: right;width:auto;margin: 0px auto 0px auto;}
.hdrright1:after {content: "";clear: both;display: block;}
.hdrright1 a {display: block;text-decoration: none;color: #fff;}
.hdrright1 ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.hdrright1 li {float: right;list-style: none;width: 84px;height:auto;text-align: center;line-height: 0px;-webkit-box-sizing: border-box;;-moz-box-sizing: border-box;box-sizing: border-box;font-size:90%;  margin: 5px 0px 0px 1px;}

.hdrright2 {float: right;width:auto;margin: 0px auto 0px auto;}
.hdrright2:after {content: "";clear: both;display: block;}
.hdrright2 a {display: block;text-decoration: none;color: #fff;}
.hdrright2 ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.hdrright2 li {float: right;list-style: none;width: 133px;height: 34px;text-align: center;line-height: 32px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:90%;  margin: 5px 0px 0px 1px;}
/* .hdrright2 li:nth-child(1) {width: 170px;}*/
/* 
.hdrright{float: right;width: 580px;height: auto;padding: 0px 0px 10px 0px;text-align: right;}
.hdrright ul{text-align: right;list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.hdrright ul li{float: right;display: inline; list-style: none;padding: 5px 3px 0px 0px;margin: 0px; }
*/

/* グローバルナビ*/
.gnavi2 {width:984px;margin: 15px auto 0px auto;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
.gnavi2_bg {width:100%;margin: 0px auto 0px auto;background-color:#1FB6C4;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; transition:all 0.5s ease;}

.gnavi2:after {content: "";clear: both;display: block;background-color:#80EDFF;}
.gnavi2 li {float: left;width: 164px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 32px;font-size:90%; color: #fff;margin: 0px 0px 0px auto;color: #fff;border-left: 1px solid #fff;border-bottom: 1px solid #fff;}
.gnavi2 a {display: block;text-decoration: none;color: #fff;}

.gnavi2 li:nth-child(6) { border-right: 1px solid #fff;}
.gnavi2 li:nth-child(12) { border-right: 1px solid #fff;}
/* グローバルナビ*/
/* ホーバー*/
.hvr-fade11 {
  display: inline-block;
   height: 32px;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  transition-duration: 0.4s;
  transition-property: color, background-color;
  background: #1FB6C4;
}
.hvr-fade11:hover, .hvr-fade:focus, .hvr-fade:active {
color: #fff;
background: #80EDFF;}
/* ホーバー*/


.gnavibg {width:100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px; height:60px;background: url(../navi/navibg.jpg) ;background-color: #00041F;background-repeat: no-repeat;background-position: center center;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
.gnavi ul{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px; }
.gnavi li{float:left;text-align: center;margin: 0px 0px 0px auto;padding: 0px 0px 0px 0px; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}

img { max-width: 100%;margin: 0px auto 0px;padding: 0px 0px 0px 0px;vertical-align: bottom;}


.gnavi1 {width:984px;margin: 15px auto 15px auto;}
.gnavi1_bg {width:100%;margin: 0px auto 0px auto;background-image:url(../navi/navibg.jpg);}

.gnavi1:after {content: "";clear: both;display: block;}
.gnavi1 li {float: left;width: 196px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 32px;font-size:90%; color: #fff;margin: 0px 0px 0px auto;}
.gnavi1 a {display: block;text-decoration: none;color: #000;}
.gnavi1 li:nth-child(8) {font-size: 13px;}


/* グローバルナビ*/
.gnavi {width:984px;margin: 15px auto 0px auto;}
.gnavi_bg {width:100%;margin: 0px auto 0px auto;background-image:url(../navi/navibg.jpg);}

.gnavi:after {content: "";clear: both;display: block;}
.gnavi li {float: left;width: 164px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 32px;font-size:90%; color: #fff;margin: 0px 0px 0px auto;background:#000}
.gnavi a {display: block;text-decoration: none;color: #000;}
.gnavi li:nth-child(8) {font-size: 13px;}


.gnavi1 {width:984px;margin: 15px auto 15px auto;}
.gnavi1_bg {width:100%;margin: 0px auto 0px auto;background-image:url(../navi/navibg.jpg);}

.gnavi1:after {content: "";clear: both;display: block;}
.gnavi1 li {float: left;width: 196px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 32px;font-size:90%; color: #fff;margin: 0px 0px 0px auto;background:#000}
.gnavi1 a {display: block;text-decoration: none;color: #000;}
.gnavi1 li:nth-child(8) {font-size: 13px;}


.gw{
	clear:both;
    width: 980px;
	height: auto;
	margin: 0px auto 40px auto;
	padding: 20px 0px 30px 0px;
	text-align:center;
 }
 

/* 文字間*/
.moji {letter-spacing:-0.2em;}


/* banner*/

.topbanner{margin: 0px auto ;height:auto;text-align:center;padding: 5px 0px 10px 0px; }


/* コンテンツ*/

.topcontent{clear:both ;margin: 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px; width:100%;}

.content{clear:both ;margin: 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px; border-top: 2px solid #35ADBE;}


#topcontent11{
	clear: both;
    width: 970px;
	height: 850px;
	margin:0px auto 0px auto;
	text-align:center;
	position: relative;
	padding: 0px 0px 0px 0px;
	background-image:url(../img/top/2018cambg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.topcontent11-1{
	z-index: 2;
	position: absolute;
	width: 458px;
	height: 357px;
	margin: 0px auto 0px 0px;
	left: 15px;
	top: 470px;
 }
.topcontent11-2{
	z-index: 2;
	position: absolute;
	width: 458px;
	height: 357px;
	margin: 0px auto 0px 0px;
	left: 500px;
	top: 470px;
 }
#topcontent1{
	clear: both;
    width: 100%;
	height: 186px;
	margin:0px auto 0px auto;
	text-align:center;
	position: relative;
	padding: 0px 0px 0px 0px;
	background-image:url(../img/common/bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#park1{
	clear: both;
    width: 100%;
	height: 186px;
	margin:0px auto 0px auto;
	text-align:center;
	position: relative;
	padding: 0px 0px 0px 0px;
	background-image:url(../img/park/title.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#topcontent2{
    width: 980px;
	height: 186px;
	margin:0px auto 0px auto;
	text-align:center;
	position: relative;
	padding: 0px 0px 0px 0px;
	background-image:url(../img/common/mainbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.topcontent2-1{
	z-index: 2;
	position: absolute;
	width: 310px;
	height: auto;
	margin: 5px auto 0px 0px;
	left: 1px;
	top: 1px;
 }
.topcontent2-2{
	z-index: 2;
	position: absolute;
	width: 253px;
	height: 53px;
	margin: 70px auto 0px 0px;
	left: 361px;
	top: 5px;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
 }

.contentmain{
    width: 980px;
	height: auto;
	margin: 40px auto 20px auto;
	color:#000
 }

#topbg{
	clear: both;
    width: 100%;
	height: auto;
	margin:0px auto 10px auto;
	padding: 0px 0px 10px 0px;
	background-image:url(../img/top/newbg.jpg);background-repeat:repeat-y; background-position:50%;


}

.anjindai{
	clear:both;
    width: 980px;
	height: auto;
	margin: 10px auto 0px auto;
	padding: 0px 0px 10px 0px;
	text-align:left;
	color:#000000;
	font-size:14px;
 }


.anjindai1{
	clear:both;
    width: 980px;
	height: auto;
	margin: 10px auto 0px auto;
	padding: 0px 0px 30px 0px;
	text-align:left;
	color:#000000;
	font-size:14px;
 }
 

.anjindai2{
	clear:both;
    width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 30px 0px 10px 0px;
	text-align:center;
	background-image:url(../img/top/topbg2.jpg);
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
 }
 
.anjindai3{
	clear:both;
    width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 30px 0px 30px 0px;
	text-align:center;
background-image:url(../img/top/topbg.jpg);
 }
 
.anjindai4{
	clear:both;
    width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 30px 0px 30px 0px;
	text-align:center;

	background-image:url(../img/top/topbg.jpg);
	
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
 }


.anjindai5{margin: 10px auto 30px auto; width:980px; text-align:center; padding: 5px 0px 5px 0px; }
.anjindai5:after {content: "";clear: both;display: block;}
.anjindai5 a {display: block;text-decoration: none;color: #CCAD5C;}
.anjindai5 ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.anjindai5 li {float: left;list-style: none;width: 100%;text-align: center;line-height: 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:110%;  margin: 0px 0px 0px 0px;padding: 10px 0px 10px 0px}


#movie1{
	clear: both;
    width: 100%;
	height: 186px;
	margin:0px auto 0px auto;
	text-align:center;
	position: relative;
	padding: 0px 0px 0px 0px;
	background-image:url(../img/movie/title.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.movie{
	clear:both;
    width: 980px;
	height: auto;
	margin: 20px auto 0px auto;
	padding: 20px 0px 30px 0px;
 }
 
.movie ul{
	list-style: none;
    width: 980px;
	height: auto;
	margin: 20px auto 0px auto;
	padding: 5px 0px 0px 0px;
 }
 
 
.movie ul li{
    width: 314px;
	list-style: none;
	height: auto;
	margin: 10px 10px 10px auto;float: left;
 }

.topbanner ul {
margin: 0px 0px 0px 5px;float: left;
 }
 


.topbanner ul li{
    width:209px;
	list-style: none;
	height: auto;
	margin: 10px 6px 10px auto;float: left;
 }
 
a.overwhite {
    background-color:#fff; 
    display:block; 
	width:209px;
	height:152px;
    }
a.overwhite img{
    transition:all 0.5s ease;
    }
a:hover.overwhite img{
    opacity: 0.7;
    filter: alpha(opacity=70);
    }

a.overwhite2 {
    background-color:#fff; 
    display:block; 
	width:986px;
	height:200px;
    }
a.overwhite2 img{
    transition:all 0.5s ease;
    }
a:hover.overwhite2 img{
    opacity: 0.7;
    filter: alpha(opacity=70);
    }

 
/* ------------------------------
 パンクズ
------------------------------ */

#pan{
	margin: 0px auto 0px auto;
	width: 980px;
	height: 14px;
	text-align:left;
	padding: 5px 0px 5px 0px;
	font-size:10px;
	color: #5D3819;
	z-index:99
}


#pan li{display: inline;	
}

#pan a{/*リンクされた文字*/
    color:#999;
    text-decoration:none;
}

#pan a:link {/*未訪問のリンク*/
    color:#999;
    text-decoration:none;
}

#pan a:visited {/*訪問後のリンク*/
    color:#999;
    text-decoration:none;
}
#main1{
	margin: 0px auto ;
	width: 100%;
	height: auto;
	background-color:#fff;
	text-align:center;
}


.plan{
    width: 970px;
	height: auto;
	margin: 20px auto 0px auto;
	padding: 20px 0px 30px 0px;
	text-align:left;
 }


/* ＴＯＰスライド*/


#slider{margin:0 auto 0 auto; padding:0;max-width: 1400px;width:100%;}

.bx-wrapper{margin:0 auto 0 auto;  padding:0; height:auto;width:100%;max-width: 1400px;}

.anime{width: 100%; margin:0 auto 0 auto; display: block; -webkit-animation: out 7s; animation: out 7s;}


@-webkit-keyframes out { 0%   { -webkit-transform: scale(1.1); }100% { -webkit-transform: scale(1.0);}}

@keyframes out { 0%   { transform: scale(1.1); }100% { transform: scale(1.0); }}


.ex-motion {transform: translate3d(0,0,0);}

/**/

.info{margin: 0px auto 0px auto;width:100%;;text-align:center;padding:0px 0px 0px 0px; }

.info2{margin: 5px auto 0px auto;width:100%;;text-align:center;padding:1px 0px 1px 0px; background-color:#fff; }

.content2{margin: 0px auto 0px auto;width:100%;text-align:center;padding:0px 0px 0px 0px; }

.content6{margin: 10px auto 0px;width:100%;text-align:center;padding:15px 0px 10px 0px; }

.pict { max-width: 2000px;width:100%;
  margin: 30px auto 20px auto;
  padding: 0px 0px 10px 0px;
  height:auto;display: flex;
  -webkit-justify-content: space-between;
    justify-content: space-between;
}

.pict ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}　
/*タイトル*/
.title{
	clear: both;
	width:100%;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 20px 0px 20px 0px;
}	

.title2{
	clear: both;
	width:100%;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 25px 0px 10px 0px;
}

/*キャプション*/

#cap{
	clear: both;
	width:980px;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 25px 0px 20px 0px;
	font-size:12px;
	line-height: 150%;
	color:#000
}	


.cap{
	clear: both;
	width:100%;
	margin: 0px auto 0px auto;
	text-align:left !important;
	padding: 20px 0px 20px 0px;
	font-size:12px;
	line-height: 150%;
}	
.cap2{
	width:100%;
	margin: 20px auto 20px auto;
	font-size:12px;
	line-height: 150%;
}


.cap3{

	margin: 20px auto 10px auto;
	font-size:14px;
	line-height: 150%;
}

#cap3{

	margin: 40px auto 10px auto;
	font-size:11px;
	line-height: 150%;
	color:#ccc;
	text-align: left;
}



.table2 {
width:95%;margin:0px auto;padding:15px;
border-collapse:separate;
border-spacing:1px;
font-size:14px;
text-align: left;
}
.table2 th {
width:30%;padding:6px 0px 6px 10px;
text-align:left;vertical-align:top;color:#fff;
background-color:#0E6EB8 ;
border:1px solid #BBBBBB;
}
.table2 td {
padding:6px 0px 6px 10px;
border:1px solid #999999;
background-color:#FFF;
}


.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; }
.l55 { margin-left:55px; }

.text{
	clear: both;
	width:100%;
	margin: 0px auto 0px auto;
	text-align:center;
	position: relative;
	padding: 0px 0px 0px 0px;
}	


.text-1{
	z-index: 100;
    left:50%;
	position: absolute;
	width:486px;
	height:164px;
	margin: 0px auto 0px auto;
	margin-left:-243px; /*widthの半分にする*/
	top: 10%;

 }

.top_info{
	clear:both;
	width: 984px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	

.top_left{
	float:left;
	width: 50%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	

.top_right{
	float:right;
	width: 48%;
	height: auto;
	margin: 0px auto 30px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	


.commongills_left{
	float:left;
	width: 470px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 50px 0px;
}	

.commongills_right{
	float:right;
	width: 470px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 50px 0px;
}	


#concept{margin: 0px auto 30px auto;width:100%;text-align:center;padding:70px 0px 30px 0px;
background-color:#142b67;
background-image:url(../img/concept/bg.jpg);background-repeat: no-repeat;
background-position: top center;}


.content6{margin: 20px auto 20px auto;width:250px;text-align:center;padding:15px 0px 15px 0px; }
.content6:after {content: "";clear: both;display: block;}
.content6 a {display: block;text-decoration: none;color: #fff;}
.content6 ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.content6 li {float: left;list-style: none;width: 48%;text-align: center;line-height: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:110%;  margin: 0px 0px 0px 0px;}



.content5{margin: 10px auto 0px auto; width:300px; text-align:center; padding: 15px 0px 15px 0px; }
.content5:after {content: "";clear: both;display: block;}
.content5 a {display: block;text-decoration: none;color: #fff;}
.content5 ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.content5 li {float: left;list-style: none;width: 100%;text-align: center;line-height: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:110%;  margin: 0px 0px 0px 0px;}


.content4{margin: 30px auto 0px auto; width:852px; text-align:center; padding: 15px 0px 15px 0px; }
.content4:after {content: "";clear: both;display: block;}
.content4 a {display: block;text-decoration: none;color: #fff;}
.content4 ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.content4 li {float: left;list-style: none;width: 100%;text-align: center;line-height: 50px;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:110%;  margin: 0px 0px 0px 0px;}


.content3{margin: 0px auto 0px auto;width:800px;text-align:center;padding:15px 0px 15px 0px; }
.content3:after {content: "";clear: both;display: block;}
.content3 a {display: block;text-decoration: none;color: #fff;}
.content3 ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.content3 li {float: left;list-style: none;width: 48%;text-align: center;line-height: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:110%;  margin: 0px 0px 0px 8px;}



.line{margin: 0px auto ;height:auto;text-align:center;padding: 10px 0px 10px 0px;
background-image:url(../img/common/line.gif) }

.footer{clear:both ;width:980px;margin: 0px auto ;height:auto;text-align:left;padding: 10px 0px 90px 0px; 
}

.l20 { margin-left:20px; }


#box{
	color:#000;
	width:100%;
	height:170px;
	overflow:auto;
	font-size:16px;
	text-align:left;
	border-top: 1px solid #0E6EB8;
	border-bottom: 1px solid #0E6EB8;
	margin: 10px auto 5px auto;
	padding: 10px 0px 15px 0px;
	
}

#box dl {
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	text-align:left;
	color:#000;
	
}
#box dl dt {
	float: left;
	width: 5em;
	padding: 6px 0px ;
	font-weight: bold;
	line-height: 100%;
	color:#000;
}
#box dl dd {
	padding: 6px 0px 0px 5em;
	line-height: 120%;
	text-align:left;
	color:#000;
}

/*ギャラリーサムネイル*/

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;}

.bx-pager a img {  opacity: 0.5;  filter: alpha(opacity=50);  }  
.bx-pager a img {  width: 100%;height: auto;  }  
.bx-pager a.active img { opacity: 1;  filter: alpha(opacity=80);  }  

.bx-pager  {width:100%;position: relative;top:5px;left:0px;z-index:100;}  
.bx-pager a {width:16.4%;display: inline-block;top:5px;left:0px;margin: 0px;padding: 0px;background-color:#000; }

.bx-pager a img.opacity:hover{opacity:0;}
.bx-pager a img {  opacity: 0.4;  filter: alpha(opacity=50);  }  
.bx-pager a.active img { opacity: 1;  filter: alpha(opacity=80);  }  


/*フッターナビ*/
#submenu{
	clear: both;
	width: 980px;
	height: 25px;
	padding: 30px 0px 30px 0px;
	text-align:center;
	font-size:12px;
	margin: 0px auto;
	line-height: 170%;
}

#lifeinfo{
	clear:both;
	width: 100%;
	margin: 0px auto 0px auto;
	height: auto;
	text-align:left;
	padding: 0px 0px 10px 0px;
}

#lifeinfo_left{
	float:left;
	width: 49%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	

#lifeinfo_right{
	float:right;
	width: 49%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	

.table {
width:100%;
margin:0px auto;
padding:0px;
border-collapse:separate;
border-spacing:1px;
font-size:12px;
text-align: left;
}

.table th {
width:50%;
padding:10px 2px 10px 10px;
text-align:left;
vertical-align:top;
font-size:16px;
color:#fff;
background-color:#0E6EB8;
}

.table td {
padding:5px 2px 5px 10px;
font-size:14px;
color:#333
}


/*リノベーション*/

.renova{
	clear:both;
	width: 100%;
	padding: 20px 0px 20px 0px;
	
	}


.renova_left{
	float:left;
	width: 486px;
	height: auto;
	margin: 0px 0px 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	

.renova_right{
	float:right;
	width: 460px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	


.renova1_left{
	float:left;
	width: 520px;
	height: auto;
	margin: 0px 0px 0px 20px;
	text-align:right;
	padding: 0px 0px 0px 0px;
}	

.renova1_right{
	float:right;
	width: 358px;
	height: auto;
	margin: 0px 40px 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	

.renova2_left{
	float:left;
	width: 520px;
	height: auto;
	margin: 0px 0px 0px 20px;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	

.renova2_right{
	float:right;
	width: 358px;
	height: auto;
	margin: 0px 40px 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	


.renova_title{
	width: 98%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 10px 0px 10px 2%;
	background-color:#0E6EB8;
	color:#fff;
}	


.renova3_left{
	float:left;
	width: 625px;
	height: auto;
	margin: 0px 0px 0px 20px;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	

.renova3_right{
	float:right;
	width: 287px;
	height: auto;
	margin: 0px 40px 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	


/*コンセプト*/
.concept_left{
	float:left;
	width: 377px;
	height: auto;
	margin: 0px 0px 0px auto;
	text-align:left;
	padding: 0px 0px 50px 0px;
}	

.concept1_left{
	float:left;
	width: 220px;
	height: auto;
	margin: 150px 0px 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	


.concept_right{
	float:right;
	width: 377px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 50px 0px;
}	

/*ロケーション・設備仕様*/

.qualitytop{
	clear:both;
	width: 100%;
	padding: 0px 0px 0px 0px;
	background-image:url(../img/quality/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	
	}
	
.qualitytop_right{
	float:right;
	width: 289px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:right;
	padding: 0px 0px 0px 0px;
	font-size:90%;
}	

.location{
	clear:both;
	width: 100%;
	padding: 20px 0px 20px 0px;
	
	}
	
.location2{
	clear:both;
	width: 100%;
	padding: 20px 0px 20px 0px;
	text-align:left;
	}
	
.location_left{
	float:left;
	width: 229px;
	height: auto;
	margin: 0px 20px 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-size:90%;
	line-height: 130%;
}	

.location_left2{
	float:left;
	width: 229px;
	height: auto;
	margin: 0px 0px 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-size:90%;
	line-height: 130%;
}	

.location_right{
	float:right;
	width: 25%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-size:90%;
}

.location1_left{
	float:left;
	width: 368px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-size:90%;
}	

.location2_left{
	float:left;
	width: 181px;
	height: auto;
	margin: 0px 10px 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-size:90%;
}

.location1_right{
	float:right;
	width: 581px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-size:90%;
}	

.location3_left{
	float:left;
	width: 665px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-size:90%;
}	

.location3_right{
	float:right;
	width: 289px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:right;
	padding: 0px 10px 0px 0px;
	font-size:90%;
}	

.circle1 {
color: #fff;
background-color:#E60012;
padding: 0;
margin: 0 0 5px 0;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
display: inline-block;
border-radius: 50%;
}

#submenu li{display: inline;	
}

/* scroll */
#page-top {clear:both;position: fixed;bottom: 20px;right: 20px;font-size: 70%;z-index:99}
#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;}


/* ホーバー*/

.hvr-fade {
  display: inline-block;
   height: 32px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  background: #fff;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
color: #000;
background: #dcdddd;}


.hvr-fade2 {
  display: inline-block;
   height: 38px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  background: #101E3B;
}

.hvr-fade2:hover, .hvr-fade:focus, .hvr-fade:active {
color: #CCAD5C;
background: #0C6293;}


/*
background: -moz-linear-gradient(to bottom,#93E1EA,#25AAB9 30%,#93E1EA); 
background: -webkit-linear-gradient(to bottom,#93E1EA, #25AAB9 30%,#93E1EA); 
background: linear-gradient(to bottom,#93E1EA,#25AAB9 30%,#93E1EA);
*/


.hvr-shutter {
  display: inline-block;
  height: 36px;
  padding-top:4px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #85DDE7;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #25AAB9;
  -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.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter:hover, .hvr-shutter:focus, .hvr-shutter:active {
  color: #000;
}
.hvr-shutter:hover:before, .hvr-shutter:focus:before, .hvr-shutter:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}


.hvr-shutter1 {
  display: inline-block;
  height: 36px;
  padding-top:4px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #E994B6;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter1:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
    background: #D8427E;
  -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.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter1:hover, .hvr-shutter1:focus, .hvr-shutter1:active {
  color: #000;
}
.hvr-shutter1:hover:before, .hvr-shutter1:focus:before, .hvr-shutter1:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}


.hvr-shutter2 {
  display: inline-block;
  height: 32px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #dcdddd;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.hvr-shutter2: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.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter2:hover, .hvr-shutter2:focus, .hvr-shutter2:active {
  color: #000;
  background: #dcdddd;
}
.hvr-shutter2:hover:before, .hvr-shutter2:focus:before, .hvr-shutter2:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}


.hvr-shutter11 {
  display: inline-block;
  height: 50px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #25AAB9;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter11:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
    background: #D8427E;
  -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.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter11:hover, .hvr-shutter11:focus, .hvr-shutter11:active {
  color: white;
}
.hvr-shutter11:hover:before, .hvr-shutter11:focus:before, .hvr-shutter11:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}


.hvr-shutter0 {
  display: inline-block;
  height: 50px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
   background: #D8427E;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter0:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
   
	background: #25AAB9;
  -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.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter0:hover, .hvr-shutter0:focus, .hvr-shutter0:active {
  color: white;
}
.hvr-shutter0:hover:before, .hvr-shutter0:focus:before, .hvr-shutter0:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}


.hvr-shutter3 {
  display: inline-block;
  height: 50px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
   background: #D8427E;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter3:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
   
	background: #0E6EB8;
  -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.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter3:hover, .hvr-shutter0:focus, .hvr-shutter0:active {
  color: white;
}
.hvr-shutter3:hover:before, .hvr-shutter0:focus:before, .hvr-shutter0:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}


section {
    margin: 5px;
}

.content2 a {
    display: inline-block;
    color: #3498db;
    text-decoration: none;
}

.button {
    border: 1px solid #eee;
    padding: 10px 10px 4px 10px ;
    position: relative;
	margin: 0px 5px 0px 5px;
}


/* Effect1
 *************************************** */
.change-border01::after,
.change-border01::before,
.change-border01__inner::after,
.change-border01__inner::before {
    background-color: #3498db;
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.change-border01::after {
    height: 1px;
    left: -1px;
    top: -1px;
    width: 1px;
}

.change-border01::before {
    bottom: -1px;
    height: 1px;
    right: -1px;
    width: 0px;
}

.change-border01__inner::after {
    bottom: -1px;
    height: 0px;
    left: -1px;
    width: 1px;
}

.change-border01__inner::before {
    height: 0px;
    right: -1px;
    top: -1px;
    width: 1px;
}

/* hover */
.change-border01:hover::after,
.change-border01:hover::before {
    width: 100%;
    width: calc(100% + 1px);
}

.change-border01:hover .change-border01__inner::after,
.change-border01:hover .change-border01__inner::before {
    height: 100%;
    height: calc(100% + 1px);
}


/* ------------------------------
 フッター
------------------------------ */

#footer1{
	z-index:2;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	background-color:#fff;   
	bottom: 0px; 
	padding: 0px 0px 5px 0px;

}
	
#footer{
	clear: both;
	width: 980px;
	height: auto;
	margin: 0px auto;
	text-align: center;
    padding: 5px 0px 5px 0px;
    z-index:2;
}

#footerleft{
	width: 390px;
	height: auto;
	float: left;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#footerright{
	width: 520px;
	height: auto;
	float: right;
	margin-top: 0px;
	text-align: right;
	padding: 0px 0px 0px 0px;
}


.htright {float: right;width:420px;margin: 15px auto 0px auto;}
.htright:after {content: "";clear: both;display: block;}
.htright a {display: block;text-decoration: none;color: #fff;}
.htright ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.htright li {float: right;list-style: none;width: 49%;text-align: center;line-height: 32px;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:90%;  margin: 0px 0px 0px 3px;}


.htright1 {float: right;width:95px;margin: 5px auto 0px auto;}
.htright1:after {content: "";clear: both;display: block;}
.htright1 a {display: block;text-decoration: none;color: #fff;}
.htright1 ul{list-style: none;padding: 10px 0px 0px 0px;margin: 0px; }
.htright1 li {float: right;list-style: none;width: 100%;text-align: center;line-height: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:90%;  margin: 0px 0px 0px 0px;}


#banner{
	clear: both;
	width: 980px;
	height: auto;
	padding: 10px 0px 30px 0px;
	text-align:left;
	font-size:12px;
	margin: 0px auto;
	line-height: 170%;
}

.fadeIn_up {
  opacity: 0;
  transform: translate(0, 50%);
  transition: 2s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.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;}


@keyframes fadeUpAnime2{
from {opacity: 0;transform: translateY(100px);}
to {opacity: 1;transform: translateY(0);}}


@keyframes img-opacity2 {
100% {opacity: 1;}}

@keyframes img-animation2 {100% {
transform: translateX(100%);}}
    
    
@keyframes fadeUpAnime{
from {opacity: 0;transform: translateY(100px);}
to {opacity: 1;transform: translateY(0);}}


@keyframes img-opacity {
100% {opacity: 1;}}

@keyframes img-animation {100% {
transform: translateX(100%);}}

@keyframes snavitop { 
    0%{background-position:0% 50%}
    100%{background-position:100% 50%}
}

@media print, screen and (max-width:1400){
.video1{margin:0 auto 0 auto; padding:0;width:100%;}
#slider{margin:0 auto 0 auto; padding:0;width:100%;}
.bx-wrapper{margin:0 auto 0 auto;  padding:0; width:100%;}
}
