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

 囲み

--------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------- ★ Swiper */
/*- html -*/
html {
  font-size: 62.5%;
}
@media only screen and (max-width:896px) {
  html {
    font-size: 56.7%;
  }
	}
/*- body -*/
body {
  font-size: 1.6em;
  color: #111;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  -webkit-font-feature-settings: 'palt' 1;
  font-feature-settings: 'palt' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 1pt;
  line-height: 1.6em;
  font-weight: 500;
	background-color:#fff;
}
_:lang(x)::-ms-backdrop,
body {
  font-family: "メイリオ", Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  letter-spacing: normal;
  font-size: 1.5em;
}
/*- wrapper/inner -*/
#wrapper,
.inner {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#wrapper {
  max-width: 1200px;
}
/*- inner -*/
.inner {
  max-width: 1040px;
  margin: 0 auto;
}
@media only screen and (max-width:1200px) {
  .inner {
    width: 94%;
  }
}
@media only screen and (max-width:896px) {
  .inner {
    width: 92%;
  }
}
@media only screen and (max-width:480px) {
  .inner {
    width: 90%;
  }
}

.pege_link{
	display: block;
	margin-top: -95px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 95px; /* 打ち消し用のパディング */
}



/*--------------------------------------------------------------------

 ページで必ず存在･使用する要素

--------------------------------------------------------------------*/
/*- 要素 -*/
.inlineB{display:inline-block !important;}
.block{display:block !important;}
/*- img -*/
img {
  display: block;
  line-height: 0;
  vertical-align: bottom;
  border: none;
  max-width: 100%;
  width: auto;
  height: auto;
}
/*- clearfix -*/
.cf:after {
  content: " ";
  display: block;
  clear: both;
}
/*-  リンク設定 -*/
a {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  text-decoration: none;
  color: #111;
}
a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
/*- グーグルマップ -*/
.ggmap {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width:896px) {
	}
@media screen and (max-width:480px) {
	}
/*- page-top -*/
.page-top {
	/*position:fixed;*/
	right: 0;
	left:0;
	width:100%;
	bottom: 0;
	z-index: 99;
	background:#ff6b35;
	text-align:center;
	height:64px;
	line-height:64px;
	color:#FFF;
	display:block;
	font-size:1.6rem;
}
@media screen and (max-width:896px) {
	}
@media screen and (max-width:480px) {
.page-top {
	height:40px;
	line-height:40px;
}
}
/*- switch -*/
.dispPC480 {
  display: block !important;
}
.dispSP480 {
  display: none !important;
}
.dispPC869 {
  display: block !important;
}
.dispSP869 {
  display: none !important;
}
@media screen and (max-width:896px) {
  .dispPC869 {
    display: none !important;
  }
  .dispSP869 {
    display: block !important;
  }
}
@media screen and (max-width:480px) {
  .dispPC480 {
    display: none !important;
  }
  .dispSP480 {
    display: block !important;
  }
}

/* --- テーブル */
.basicTbl {
	width: 100%;
	}
	.basicTbl th, .basicTbl td {
		padding: 24px;
		border: 1px solid #ddd;
		vertical-align: middle;
		}
		.basicTbl th {
			background-color: #f5f5f5;
			text-align: left;
			width: 20%;
			}
			.basicTbl td {
				background-color: #fff;
				}
@media screen and (max-width:896px) {
	.basicTbl th, .basicTbl td {
		width: 100%;
		display: block;
		padding: 16px;
		margin-bottom: -1px;
	}
}
@media screen and (max-width:480px) {
}


/*--------------------------------------------------------------------

 レイアウトパターン

--------------------------------------------------------------------*/
/*- inline-block -*/
.inline3 {
  margin: 0 auto;
  text-align: center;
  letter-spacing: 0;
  font-size: 0;
}
.inline3_col {
  display: inline-block;
	vertical-align:top;
  width: 32%;
  margin-right: 2%;
	letter-spacing: 1pt;
	font-size:1.6rem;
	margin-bottom:8px;
}
.inline3_col:last-child {
  margin-right: 0%;
}

@media screen and (max-width:896px) {
  .inline3_col {
    display: inline-block;
    width: 49%;
    margin-right: 2%;
  }
  .inline3_col:nth-child(2) {
    margin-right: 0;
  }
}
@media screen and (max-width:480px) {
  .inline3_col {
    display: inline-block;
    width: 100%;
    margin-right: 0%;
  }
}
/*- float -*/
.grid3-Gutter .col:nth-of-type(3n+1),
.grid6 .col:nth-of-type(6n+1),
.grid5 .col:nth-of-type(5n+1),
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1){margin-left: 0; clear: left;}
/* col */
.col {float: left;}
/* grid6 col */
.grid6 .col{width:15%; margin-left:2%; margin-bottom:8px;}
/* grid5 col */
.grid5 .col{width:18.666666666666668%; margin-left:1.6666666666666667%;}
/* grid4 col */
.grid4 .col{width:23.5%; margin-left:2%;}
/* grid3 col */
.grid3 .col {width:32%; margin-left:2%;}
.grid3-Gutter .col {width:30.8%; margin-left:3.8%;}

/* grid2 col */
.grid2 .col {width:49%; margin-left:2%;}
.grid2-nom .col {width:50%;}

@media screen and (max-width:896px) {
/* change grid6 to 3-column */
.grid6 .col{width:32%; margin-left:2%;}
.grid6 .col:nth-of-type(4n+1) {margin-left:2%; clear: none;}
.grid6 .col:nth-of-type(3n+1) {margin-left: 0; clear: left;}
/* change grid5 to 4-column */
.grid5 .col {width:32%; margin-bottom:2%;}
.grid5 .col:nth-of-type(4n+1) {margin-left:2%; clear: none;}
.grid5 .col:nth-of-type(3n+1) {margin-left: 0; clear: left;}
/* change grid4 to 3-column */
.grid4 .col {width:48%; margin-bottom:2%;}
.grid4 .col:nth-of-type(4n+1) {margin-left:2%; clear: none;}
.grid4 .col:nth-of-type(2n+1) {margin-left: 0; clear: left;}
/* change grid3 to 2-column */
.grid3 .col {width:49%;}
.grid3 .col:nth-of-type(3n+1) {margin-left:2%; clear: none;}
.grid3 .col:nth-of-type(2n+1) {margin-left: 0; clear: left;}

.grid3-Gutter .col {width:46.2%;}
.grid3-Gutter .col:nth-of-type(3n+1) {margin-left:3.8%; clear: none;}
.grid3-Gutter .col:nth-of-type(2n+1) {margin-left: 0; clear: left;}
/* change grid3 to 2-column 
.grid2 .col {width:100%; margin-left:0; clear: none; margin-bottom:24px;}
.grid2-nom .col {width:100%; margin:0;}*/
}
@media screen and (max-width:480px) {
/* change grid3 to 2-column */
.grid2 .col {width:100%; margin-left:0; clear: none; margin-bottom:16px;}
/*
.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
}
*/
}