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



@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);
}	}	

.plannavi {
  position: relative; /* static以外を指定 */
  z-index: 0; /* グラデーションよりも上に配置 */
  display: inline-block; /* inline以外にする */
  width: 800px; /* 横幅 */
  height: 80px; /* 縦幅 */
  line-height: 80px; /* 行の高さ(heightと同じにする) */
  margin: 30px 0 10px 0;
    padding: 10px 10px 10px 10px;
  background: transparent; /* 背景を透明にする */
  border-radius: 5px; /* 角の丸み */
  overflow: hidden; /* はみ出した部分を非表示(角丸を付ける場合は必須) */
  cursor: pointer; /* カーソルをポインターにする */
  /* 以下ボタンのテキスト装飾(自由にカスタマイズしてください) */
  color: #fff;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
text-decoration: none;outline: none;-webkit-transition: all .3s;transition: all .3s;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;outline: 1px solid #fff; 
outline-offset: -5px;cursor:pointer;background-image: linear-gradient(to bottom, #82c1ea, #254d82);
}

.plannavi a{text-decoration: none;color: #fff;}
.plannavi:hover {color: #fff;background-color: #5077a0; color: #fff}
.plannavi ul{text-align: right;}
.plannavi li { display:inline-block;}

.plannavi::before,
.plannavi::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* グラデーション1 */
.plannavi::before {
  transition: all 0.6s; /* アニメーション実行時間 */
  z-index: -1;
  background: linear-gradient(135deg, #82c1ea 0%, #254d82 100%);
}

/* グラデーション2 */
.plannavi::after {
  z-index: -2;
  background: linear-gradient(135deg, #FBD786 0%, #f7797d 100%);
}

/* ホバー時にグラデーション1を透明にする */
.plannavi:hover::before {
  opacity: 0;
}
.cl{
position: absolute;
right: 20px;
bottom: -15px;  font-size: 1rem;
font-weight: 400;}

.plannavi2 {
  position: relative; /* static以外を指定 */
  z-index: 0; /* グラデーションよりも上に配置 */
  display: inline-block; /* inline以外にする */
  width: 800px; /* 横幅 */
  height: 80px; /* 縦幅 */
  line-height:140%; /* 行の高さ(heightと同じにする) */
  margin: 30px 0 10px 0;
    padding: 30px 10px 40px 10px;
  background: transparent; /* 背景を透明にする */
  border-radius: 5px; /* 角の丸み */
  overflow: hidden; /* はみ出した部分を非表示(角丸を付ける場合は必須) */
  cursor: pointer; /* カーソルをポインターにする */
  /* 以下ボタンのテキスト装飾(自由にカスタマイズしてください) */
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
text-decoration: none;outline: none;-webkit-transition: all .3s;transition: all .3s;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 2px;outline: 1px solid #fff; 
outline-offset: -5px;cursor:pointer;background-image: linear-gradient(to bottom, #82c1ea, #254d82);
}

.plannavi2 a{text-decoration: none;color: #fff;}
.plannavi2:hover {color: #fff;background-color: #5077a0; color: #fff}
.plannavi2 ul{text-align: right;}
.plannavi2 li { display:inline-block;}

.plannavi2::before,
.plannavi2::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* グラデーション1 */
.plannavi2::before {
  transition: all 0.6s; /* アニメーション実行時間 */
  z-index: -1;
  background: linear-gradient(135deg, #82c1ea 0%, #254d82 100%);
}

/* グラデーション2 */
.plannavi2::after {
  z-index: -2;
  background: linear-gradient(135deg, #FBD786 0%, #f7797d 100%);
}

/* ホバー時にグラデーション1を透明にする */
.plannavi2:hover::before {
  opacity: 0;
}




.cl2{
position: absolute;
right: 20px;
bottom: 0px;  font-size: 1rem;
font-weight: 400;}



.qcap{
	clear: both;
	width:90%;
	margin: 0px auto 0px auto;
	text-align:left ;
	padding: 20px 0px 20px 0px;
	font-size:11px;
	line-height: 100% !important;
}	





.btn1 {width: 1200px;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;}


.rightfont {float:right;text-align:right;font-size: 80%;}
.best5{width:100%;margin:0px auto 0px auto;text-align:center;padding: 20px 0% 35px 0%;background-repeat:repeat-x;background-image: url(../img/best5/bg.gif);}
.best5 h1{text-align:center;}

.best52{width:750px;margin:0px auto 0px auto;padding: 20px 0% 0px 0%;}
.best52_left{float:left;width:400px;}
.best52_right{float:right;width:350px;}
.best5_cap{;margin:0px auto 0px auto;width:750px;text-align:left;padding: 20px 0% 50px 0%;line-height: 160%;font-size: 80%;}

.price {width:864px;margin: 0px auto 20px auto;padding: 50px 0px 20px 0px;height:auto;font-size:17px;line-height: 170%;text-align:left}

.pricefont {text-align:center;margin: 15px auto 35px auto;bpadding:0px 0px 0px 0px; 
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
font-size: 260%; border-bottom:3px solid;width: 70%;padding-bottom:15px;}

.pricecap {;margin: 0px auto 20px auto;padding: 0px 0px 70px 0px;height:auto;font-size:11px;line-height: 160%;text-align:left}


.hobby_pink{background: linear-gradient(#ffffff 50%, #fbe5e4 50%);}
.hobby {font-size:110%;background-color:#fbe5e4;background: linear-gradient(180deg, #fbe5e4 0%, #fbe5e4 50%, #fff 50%, #fff 100%)}
.hobby1 {width:900px;margin: 0px auto 0px auto;text-align:center;padding:20px 0px 20px 0px;font-size:130%;line-height: 170%;}

.hobby2 {width:100%;margin: 15px auto 35px auto;text-align:center;padding:40px 0px 0px 0px;font-size:130%;line-height: 150%;background-repeat: repeat-x;background-image: url("../img/hobby/hobbybg1.jpg");}
.hobby3 {width:850px;margin: 15px auto 0px auto;text-align:center;padding:0px 0px 0px 0px;line-height: 150%;}
.hobby_title1 {font-weight:500;width:850px;margin: 35px auto 35px auto;text-align:center;padding:20px 0px 20px 0px;font-size:110%;line-height: 150%;border-top:2px solid #e06b63;border-bottom:2px solid #e06b63;}
.hobby_title2 {font-weight:700;line-height: 170%;font-size:20px;color:#e06b63;}
.hobby_font1 {line-height: 150%;font-size:16px;text-align:left;color:#000;}
.hobby4 {width:850px;margin: 15px auto 0px auto;text-align:center;padding:0px 0px 0px 0px;line-height: 150%;position:relative;}
.hobby4_1{width: 202px;margin: 0px auto 0px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;position: absolute;left: 638px;top: 37px;height: 333px;}
.hobby4_2{width: 310px;margin: 0px auto 0px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;position: absolute;left: 13px;top: 454px;height: 223px;}
.hobby4_3{width: 310px;margin: 0px auto 0px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;position: absolute;left: 523px;top: 756px;height: 223px;}


.hobby5bg {width:100%;margin: 70px auto 35px auto;text-align:center;padding:40px 0px 0px 0px;line-height: 150%;background-repeat: repeat-x;background-image: url("../img/hobby/hobbybg2.jpg");}
.hobby5 {width:850px;margin: 15px auto 0px auto;text-align:center;padding:0px 0px 0px 0px;line-height: 150%;}
.hobby5_title2 {width:850px;margin: 35px auto 35px auto;text-align:center;padding:20px 0px 20px 0px;font-size:110%;line-height: 150%;border-top:2px solid #48a86d;border-bottom:2px solid #48a86d;}

.hobby5_left{float:left;width:270px;margin: 0px 24px 0px 0px;height:auto;text-align:left;padding: 0px 0px 0px 0px;font-size:95%;}
.hobby5_right{float:right;width:260px;margin: 0px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px; font-size:95%}
.hobby5_title3 {margin: 10px auto 10px auto;padding:0px 0px 0px 0px;font-size:110%;line-height: 150%;color:#48a86d;font-weight:700;}
.hobby6_title6 {margin: 10px auto 10px auto;padding:0px 0px 0px 0px;font-size:20px;line-height: 150%;color:#005ab4;font-weight:700;}
.hobby6_title7 {margin: 10px auto 10px auto;padding:0px 0px 0px 0px;font-size:20px;line-height: 150%;color:#ea5504;font-weight:700;}


.hobby6 {width:850px;margin: 70px auto 0px auto;text-align:center;padding:0px 0px 0px 0px;line-height: 150%;position:relative;}
.hobby6_1{width: 266px;margin: 0px auto 0px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;position: absolute;left: 2px;top: -4px;height: 269px;}
.hobby6_2{width: 243px;margin: 0px auto 0px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;position: absolute;left: 604px;top: 352px;height: 226px;}
.hobby6_3{width: 249px;margin: 0px auto 0px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;position: absolute;left: 1px;top: 695px;height: 272px;}
.hobby6_4{width: 246px;margin: 0px auto 0px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;position: absolute;left: 601px;top: 1702px;height: 26px;}
.hobby6_5{width: 243px;margin: 0px auto 0px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;position: absolute;left: 9px;top: 1354px;height: 255px;}
.hobby6_6{width: 241px;margin: 0px auto 0px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;position: absolute;left: 604px;top: 1062px;height: 228px;}
.hobby6_7{width: 248px;margin: 0px auto 0px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;position: absolute;left: 3px;top: 2009px;height: 261px;}
.hobby6_8{width: 268px;margin: 0px auto 0px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;position: absolute;left: 567px;top: 2372px;height: 282px;}

.hobby7bg {width:100%; margin: 0px auto 35px auto;text-align:center;padding:40px 0px 0px 0px;line-height: 150%;
background-position: bottom;background-image   : url("../img/hobby/hobbybg3.jpg");background-repeat  : repeat-x;}
    

.hobby7 {width:850px;height: 200px; margin: 15px auto 0px auto;text-align:center;padding:0px 0px 100px 0px;line-height: 150%;position:relative;}
.hobby7_1{
    width: 519px;
    margin: 0px auto 0px auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
    line-height: 150%;
    position: absolute;
    left: 314px;
    top: 44px;
    height: 64px;
    line-height: 150%;
    font-size: 130%;
    color: #fff;font-weight:700;
}
.hobby7_2{
    width: 489px;
    margin: 0px auto 0px auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
    line-height: 150%;
    position: absolute;
    left: 328px;
    top: 118px;
    height: 85px;
}

.hobbycap{width:850px;
	margin: 0px auto 20px auto;
	font-size:10px;
	line-height: 150%;
    text-align: left;
}




.yoyaku{text-align:center;margin: 15px auto 35px auto;background-color:#f75666;padding:0px 0px 0px 0px; width: 1400px;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
font-size: 200%
}
 
.yoyaku > a{
    display: block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center; 
    text-decoration: none; 
    font-weight: 500; 
    color: #fff; 
}
.cen{display: block;margin-left: auto;margin-right: auto;text-align: center;}

/* 比較*/
.hikaku3_bg{clear:both ;margin: 0px auto 40px auto;height:auto;text-align:center;padding: 0px 0px 0px 0px; background-color:#ffd800}
.hikaku3_bg2{clear:both ;margin: 0px auto 10px auto;height:auto;text-align:center;padding: 90px 0px 0px 0px; ; background: linear-gradient(#fff 50%, #ffd800 50%);}
.hikaku3_left{float:left;width:200px;margin: 0px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px; background-color:#ffd800}
.hikaku3_right{float:right;;width:690px;margin: 0px auto ;height:auto;text-align:left;padding: 40px 0px 0px 0px; background-color:#ffd800;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%;font-size:20px;}

.hikaku3 {
  width:900px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  height:auto;
  font-size:17px;
  line-height: 170%;
}


.hikaku3-2 {
  clear:both;
  width:900px;
  margin: 20px auto 0px auto;
  padding: 0px 0px 20px 0px;
  height:auto;
  font-size:17px;
  
}

.line1 {font-weight:700;font-size:110%;
  background:url("../img/hikaku3/red.png") bottom repeat-x; 
  background-size: 30px;
}

.line2 {font-weight:700;font-size:110%;
  background:url("../img/hikaku3/blue.png") bottom repeat-x; 
  background-size: 30px;
}


.hikaku3-2_left {float: left;width: 412px;text-align:left;margin: 0px 0px 10px auto; padding: 0px 0px 10px 0px;line-height: 170%;font-weight:500;font-size:105%;}
.hikaku3-2_right {float: right;width: 412px;text-align:left;margin: 0px 0px 10px auto; padding: 0px 0px 10px 0px;line-height: 170%;font-weight:500;font-size:105%;}


.hikaku3cap {width:900px;margin: 0px auto 70px auto;padding: 0px 0px 0px 0px;height:auto;font-size:11px;line-height: 170%;text-align:left;}


.pet3 {
  clear:both;
  width:860px;
  margin: 0px auto 50px auto;
  padding: 2px 20px 30px 20px;
  height:auto;
  font-size:17px;
  line-height: 170%;
  background-color:#FFFFFF;
  -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  
}

.pet3_left {float: left;width: 517px;text-align:left;margin: 20px 0px 10px auto; padding: 0px 0px 10px 10px;}
.pet3_right {float: right;width: 330px;text-align:left;margin: 20px 0px 10px auto; padding: 0px 0px 10px 0px;}


.pet3_left dl {
	margin: 10px 0px 0px 0px;
	padding: 20px 20px 20px 0px;
	text-align:left;
	color:#000;
	border-top: 1px solid #666;
	
}
.pet3_left dl dt {
	float: left;
	width: 4em;
	padding: 6px 0px ;
	font-weight: bold;
	line-height: 100%;
	color:#3d62ad;
}
.pet3_left dl dd {
	padding: 6px 0px 0px 4em;
	text-align:left;
	color:#000;line-height: 170%;
}

.pet4{
  clear:both;
  width:860px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 30px 0px;
}

.pet4red{
	color:#ba0045;font-weight:700}




.green3 {background:linear-gradient(transparent 70%, #c3e580 70%);}
.verafont{font-size:150%;font-weight:700;line-height: 190%;}
.verafont2{font-size:240%;font-weight:700;line-height: 190%;}
.verafont3{font-size:150%;font-weight:500;line-height: 150%;}
.verafont4{font-size:150%;font-weight:700;line-height: 150%;color:#ffff82}

.vera{width:100%;text-align:center;}
.vera1{width:100%;}
.vera2{width:812px; height:322px; background-image: url("../img/vera/index_17.jpg");margin: 0px auto 0px auto;padding: 90px 20px 20px 20px;font-size:150%;font-weight:700;line-height: 190%;background-repeat:no-repeat;background-position:top center;}

.vera3{width:860px;margin: 60px auto 0px auto;clear:both;}
.vera3_left{float:left;width:425px;text-align:left;font-size:150%;font-weight:700;line-height: 160%;}
.vera3_right{float:right;width:425px;text-align:left;font-size:150%;font-weight:700;line-height: 160%;padding: 82px 0px 0px 0px;}

.vera4{width:100%; height:1345px; background-image: url("../img/vera/index_42.jpg");margin: 60px auto 0px auto;padding: 50px 0px 0px 0px;font-size:180%;font-weight:500;line-height: 160%;color:#fff;text-align:center;background-repeat:no-repeat;background-position:top center;}

.vera5{width:100%;clear:both;background-color:#ebf5ec;text-align:center;padding: 80px 0px 50px 0px;margin: 60px auto 70px auto;}
.vera6{width:989px; height:1795px; background-image: url("../img/vera/index_45.jpg");margin: 70px auto 0px auto;padding: 50px 0px 20px 0px;font-weight:700;line-height: 200%;text-align:center;background-repeat:no-repeat;background-position:top center;}

.vera7{width:860px;margin: 20px auto 0px auto;clear:both;text-align:left;font-size:80%;}


.balcony{clear: both; width:880px;font-size:80%;padding: 0px 0px 20px 0px;margin: 0px auto 0px auto;}
.balcony_left{float:left;width:425px;text-align:left;font-size:80%;padding: 0px 0px 20px 0px;}
.balcony_right{float:right;width:425px;text-align:left;font-size:80%;padding: 80px 10px 20px 0px;}
.balcony_right2{float:right;width:425px;text-align:left;font-size:80%;padding: 80px 10px 80px 0px;}
.balcony2{clear: both; width:100%;padding: 50px 0px 50px 0px;margin: 70px auto 0px auto;background-color:#00101d;}
.balcony3{clear: both; width:100%;padding: 50px 0px 50px 0px;margin: 0px auto 0px auto;background-color:#ebf5ec;}
.balcony4{width:880px;font-size:80%;padding: 0px 0px 20px 0px;margin: 0px auto 0px auto;text-align:left;}
.balcony5{clear: both; width:880px;font-size:80%;padding: 0px 0px 50px 0px;margin: 0px auto 50px auto;}
.balconyfont{width:100%; padding: 0px 0px 50px 0px;margin: 0px auto 0px auto; color:#000;font-size:300%;font-weight:700;line-height: 160%;letter-spacing: 5px;}
.balconyfont_g{color:#009944;}
.balconyfont_b{color:#004ea2;}
.balconyfont_bb{color:#000;font-size:250%;font-weight:700;line-height: 130%;}
.balconyfont_bbb{color:#000000;font-size:180%;font-weight:500;line-height: 130%;}
.balconyfont_y{color:#ffff82;font-size:250%;font-weight:700;line-height: 130%;}
.balconyfont_w{color:#fff;font-size:170%;font-weight:500;line-height: 140%;}

 .loca3 {width:980px;height:auto;margin: 50px auto 70px auto;text-align:left;font-size:110%;}

 .loca3_font {margin: 0px auto 20px auto;text-align:left;color:#A50036;font-size:150%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;font-weight: 700;}

.red{color:#CA0915;font-weight: 700;}


.pet_left{float:left;width:210px;text-align:left;font-size:80%;padding: 0px 0px 20px 0px;}
.pet_right{float:right;width:206px;text-align:left;font-size:80%;padding: 0px 10px 20px 0px;}

 .onlinebg {width:920px;height:275px;background-image:url("../assets/img/kengakubg.jpg"); background-repeat:no-repeat; background-position: bottom;  margin: 0px auto 70px auto;}
 .st150 { margin-top:150px; }
.sl35 { margin-left:35px; }
 .sl25 { margin-left:25px; }

.waku {
  width:1025px;
  margin: 0px auto 0px auto;
  padding: 0px 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;

}


/* ------------------------------
テレワーク
------------------------------ */


.telwork{clear:both ;width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 620px 0px 0px 0px;background-image:url(../img/telwork/telwork_03.jpg);background-repeat:no-repeat; background-position:top center;}

.telwork2{clear:both ;width:1265px;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 50px 0px;}


.aeon{
  width:1020px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  text-align:center;
  height:auto;
  font-size:20px;
  line-height: 180%;
}

.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;}

.sumikae {
  width:1162px;
  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;
  text-align:center;
}


.ldk {
  width:1147px;
  height:auto;
  margin: 0px auto 0px auto;
  padding: 0px 0px 50px 0px;
  font-size:22px;
  line-height: 170%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
  background-color:#EBF5F6;
   text-align:center
}

.ldk_text {
  width:1000px;
  height:auto;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  font-size:21px;
  line-height: 170%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
  text-align:left
  
}


.ldk_text2 {
  width:1000px;
  height:auto;
  margin: 0px auto 0px auto;
  padding: 10px 0px 40px 0px;
  font-size:11px;
  line-height: 130%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
  text-align:left
  
}


#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:1000px;
  margin: 0px auto 20px auto;
  padding: 10px 0px 20px 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;margin: 0px 0px 20px auto; padding: 0px 0px 10px 0px;}
.point_right {float: right;width: 490px;text-align:right;margin: 0px 0px 20px auto; padding: 0px 0px 10px 0px;}

.point_left1 {float: left;width: 765px;text-align:left;}
.point_right1 {float: right;width: 205px;text-align:left;}

.point_left2 {float: left;width: 730px;text-align:left;}
.point_right2 {float: right;width: 255px;text-align:left;}


.point_left3 {float: left;width: 325px;text-align:left; margin: 0px 11px 0px auto; padding: 0px 0px 10px 0px;line-height: 150%; font-size:14px;}
.point_right3 {float: right;width: 325px;text-align:left; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;line-height: 150%;font-size:14px}


.singfont{color:#736357; font-size:20px;line-height: 170%;font-weight:700}



.yell{
  background: linear-gradient(#ffffff 50%, #FFF352 50%);
  font-size:110%;font-weight:900;
}

.yell2{
  background: linear-gradient(#ffffff 50%, #FFF352 50%);
}

.oreng{color:#ea7700;font-weight:700}

.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;

}


.online{
	width: 1050px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	




/* ペット*/


.pet_content{clear:both ;margin: 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px; border-top: 2px solid #35ADBE;background-image:url(../img/pet/bg.gif)}

.pettitle {
  clear:both;
  width:820px;
  margin: 0px auto 20px auto;
  padding: 10px 0px 10px 0px;
  height:auto;
  font-size:17px;
  background-color:#f5f3f2
}


.pet {
  width:900px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  height:auto;
  font-size:17px;
  line-height: 170%;
   font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
}


.pet2 {
  clear:both;
  width:900px;
  margin: 20px auto 0px auto;
  padding: 0px 0px 20px 0px;
  height:auto;
  font-size:17px;
  
}

.pet2_left {float: left;width: 433px;text-align:left;margin: 0px 0px 10px auto; padding: 0px 0px 10px 0px;line-height: 130%;  font-size:90%;}
.pet2_right {float: right;width: 433px;text-align:left;margin: 0px 0px 10px auto; padding: 0px 0px 10px 0px;line-height: 130%;  font-size:90%;}


.pet3 {
  clear:both;
  width:860px;
  margin: 0px auto 50px auto;
  padding: 2px 20px 30px 20px;
  height:auto;
  font-size:17px;
  line-height: 170%;
  background-color:#FFFFFF;
  -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  
}

.pet3_left {float: left;width: 517px;text-align:left;margin: 20px 0px 10px auto; padding: 0px 0px 10px 10px;}
.pet3_right {float: right;width: 330px;text-align:left;margin: 20px 0px 10px auto; padding: 0px 0px 10px 0px;}


.pet3_left dl {
	margin: 10px 0px 0px 0px;
	padding: 20px 20px 20px 0px;
	text-align:left;
	color:#000;
	border-top: 1px solid #666;
	
}
.pet3_left dl dt {
	float: left;
	width: 4em;
	padding: 6px 0px ;
	font-weight: bold;
	line-height: 100%;
	color:#3d62ad;
}
.pet3_left dl dd {
	padding: 6px 0px 0px 4em;
	text-align:left;
	color:#000;line-height: 170%;
}

.pet4{
  clear:both;
  width:860px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 30px 0px;
}

.pet4red{
	color:#ba0045;font-weight:700}



.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;}

.subnavi17 {width:1040px;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;letter-spacing: 0px;font-weight: 500;}
.subnavi17:after {content: "";clear: both;display: block;}
.subnavi17 ul{padding: 5px auto 0px auto;}
.subnavi17 li {float: left;width: 250px;text-align: center;color: #fff;margin: 0px 5px 0px auto;}
.subnavi17 a {text-decoration: none;color: #fff;}
.subnavi17 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%;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}

.font22{font-size:190%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 140%;color:#002063;letter-spacing: 0px;font-weight: 700;
text-align:center}


.font222{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:left}

.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;
}

.font7{font-size:130%; font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;line-height: 120%;color:#ff4800 ;letter-spacing: 0px;font-weight: 700;
}

.font77{font-size:100%; font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;line-height: 120%;color:#ff4800 ;letter-spacing: 0px;font-weight: 700;margin: 20px auto 0px auto;
}

.viewfont{font-size:120%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 140%;color:#000 ;letter-spacing: 0px;font-weight: 500;
}


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; }
.hdrright1 li {float: right;list-style: none;width: 86px;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;}


.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;}*/


/* ヘッダー

.headertop{margin: 1px auto 5px;width: 984px;height: auto;text-align:center;}
.hdrleft{float: left;width: 450px;height: auto;padding: 18px 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;ist-style: none;width: 91px;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 2px;}
*/

/* 
.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; }
*/


/* グローバルナビ*/


img { max-width: 100%;margin: 0px auto 0px;padding: 0px 0px 0px 0px;vertical-align: bottom;}

/* グローバルナビ*/
.gnavi {width:984px;margin: 15px auto 0px auto;background-color:#fff;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
.gnavi_bg {width:100%;margin: 0px auto 0px auto;background-color:#fff;}

.gnavi:after {content: "";clear: both;display: block;background-color:#1FB6C4;color:#fff;}
.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: #ccc;margin: 0px 0px 0px auto;background:#fff; }
.gnavi a {display: block;text-decoration: none;color: #000;}
.gnavi li:nth-child(8) {font-size: 13px;}
.hgnavi li a:hover{color:#fff;}


/* グローバルナビ*/
.gnavi2 {width:984px;margin: 15px auto 0px auto;}
.gnavi2_bg {width:100%;margin: 0px auto 0px auto;background-color:#1FB6C4;}


/* グローバルナビ*/
.gnavi2 {width:984px;margin: 15px auto 0px auto;background-color:#1FB6C4;}
.gnavi2_bg {width:100%;margin: 0px auto 0px auto;background-color:#1FB6C4;}

.gnavi2:after {content: "";clear: both;display: block;}
.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;border-left:1px solid #fff}
.gnavi2 a {display: block;text-decoration: none;}

.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: 40px 0px 40px 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;
}

.plan22{margin: 0px auto 0px auto;max-width: 1300px;width:96%;height: auto;text-align:center;padding: 10px 0px 10px 0px; }
.plan{
    width: 970px;
	height: auto;
	margin: 30px auto 30px auto;
	padding: 0px 0px 30px 0px;
	text-align:center;
 }


/* ＴＯＰスライド*/


#slider{margin:0 auto 0 auto; padding:0;width: 1400px;}

.bx-wrapper{margin:0 auto 0 auto;  padding:0;height:auto;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; }


/*タイトル*/
.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: 100%;
}

.cap1{
	clear: both;
	width:100%;
	margin: 0px auto 0px auto;
	text-align:center !important;
	padding: 15px 0px 20px 0px;
	font-size:11px;
	line-height: 100%;
}
.cap2{
	width:100%;
	margin: 20px auto 20px auto;
	font-size:12px;
	line-height: 130%;
}


.cap3{

	margin: 20px auto 10px auto;
	font-size:14px;
	line-height: 150%;
}

.cap4{

	margin: 0px auto 10px auto;
	font-size:12px;
	line-height: 150%;
}

#cap3{

	margin: 40px auto 10px auto;
	font-size:11px;
	line-height: 150%;
	color:#ccc;
	text-align: left;
}

.title2{
	clear: both;
	width:83%;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 25px 0px 10px 0px;
}

.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; }
.b45 { margin-bottom:45px; }

.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 0px auto;
	text-align:left;
	padding: 70px 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;
}	


.view{
	width: 1000px;
	height: auto;
	margin: 50px auto 0px auto;
	text-align:center;
	padding: 0px 0px 50px 0px;
}	


.view_left{
	float:left;
	width: 581px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
}	

.view_right{
	float:right;
	width: 401px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 30px 0px 0px 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: 0px 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: #fff;
background: #1FB6C4;}


/* ホーバー*/

/* ホーバー*/

.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%;

}
.loan2{
	clear: both;
	width: 1000px;
	height: auto;
	padding: 10px 0px 30px 0px;
	text-align:center;
	font-size:12px;
	margin: 0px auto;
	line-height: 170%;

}