@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: #333;
  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.8em;
  font-weight: 500;
	scroll-behavior: smooth;
  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;
}
@media only screen and (max-width:896px) {
	body {
		line-height: 1.6em;
	}
	}
/*- wrapper/inner -*/
#wrapper,
.inner {
/*  position: relative;*/
  width: 100%;
	max-width: 1200px;
  margin-left: auto;
  margin-right: 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%;
  }
}

/*- ページで必ず存在･使用する要素 -*/
.OrangeColor{ color:#b66d0d;}
.BlueColor{ color:#0075c4;}
.GreenColor{ color:#bafb3c;}
.floatLeft{ float:left; }
.floatRight{ float:right; }
.tc{ text-align:center;}
.w100{ width:100%;}
.fiz12{ font-size:1.2rem; line-height:1.4em;}
.fiz14{ font-size:1.4rem; line-height:1.5em;}
.fiz16{ font-size:1.6rem; line-height:1.5em;}
.fiz18{ font-size:1.8rem;}
.fiz20{ font-size:2rem;}
.fiz24{ font-size:2.4rem;}
.fiz32{ font-size:3.2rem;}
.inlineB{ display:inline-block !important;}
.block{ display:block !important;}
/*- margin/padding -*/
.space64{padding: 64px 0;}
.space80{padding: 80px 0;}
.mB0{ margin-bottom:0 !important;}
.mT8{ margin-top:8px;}
.mB8{ margin-bottom:8px;}
.mT16{ margin-top:16px;}
.mB16{ margin-bottom:16px;}
.mT24{ margin-top:24px;}
.mB24{ margin-bottom:24px;}
.mT32{ margin-top:32px;}
.mT40{ margin-top:40px;}
.mT48{ margin-top:48px;}
.mT56{ margin-top:56px;}
.mT64{ margin-top:64px;}
.mT80{ margin-top:80px;}
@media only screen and (max-width:896px) {
.space64{padding: 56px 0;}
.space80{padding: 64px 0;}
.mT16{ margin-top:12px;}
.mB16{ margin-bottom:12px;}
.mT24{ margin-top:20px;}
.mB24{ margin-bottom:20px;}
.mT32{ margin-top:28px;}
.mT40{ margin-top:36px;}
.mT48{ margin-top:44px;}
.mT56{ margin-top:52px;}
.mT64{ margin-top:60px;}
.mT80{ margin-top:76px;}
}
@media only screen and (max-width:480px) {
.space64{padding: 40px 0;}
.space80{padding: 48px 0;}
.mT16{ margin-top:12px;}
.mB16{ margin-bottom:8px;}
.mT24{ margin-top:16px;}
.mB24{ margin-bottom:16px;}
.mT32{ margin-top:24px;}
.mT40{ margin-top:32px;}
.mT48{ margin-top:40px;}
.mT56{ margin-top:48px;}
.mT64{ margin-top:56px;}
.mT80{ margin-top:72px;}
}
/*- 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: #333;
	}
	a:hover {
  	opacity: 0.8;
  	filter: alpha(opacity=80);
	}
/*- Google Map -*/
.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  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;
		}
}
/*- アコーディオン -*/
/*
<div class="accordion">
  <p class="accordionTitle">タイトル<span><img src="../js/accordion/btn_open.png" class="accordionBtn"></span></p>
  <div class="accordionDetail">内容</div>
</div>
*/
.accordion{}
.accordionTitle{ cursor:pointer;}
/*.accordionTitle span{float:right;}*/
.accordionBtn{}
.accordionDetail {display:none;}

@media only screen and (max-width: 480px){
	.accordionBtn{}
	.accordionDetail{}
}
/*- 切り替え -*/
.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;}
}
/*- 画像 アスペクトフィット -*/
.aspectFit {
	position: relative;
	width: 100%;
	background-color:#edf8ff;
	overflow:hidden;
	}
	.aspectFit:before {
		content:"";
		display: block;
		}
		.aspectFit-43:before { padding-top: 75%; } /* 4:3 */
		.aspectFit-32:before { padding-top: 66.6666667%; } /* 3:2 */
		.aspectFit-169:before { padding-top: 56.25%;} /* 16:9 */
		.aspectFit > img {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translateY(-50%) translateX(-50%);
					-ms-transform: translateY(-50%) translateX(-50%);
							transform: translateY(-50%) translateX(-50%);
			-webkit- transform: translateY(-50%) translateX(-50%);
			display:inline;
			max-width:100%;
			max-height:100%;
			width: auto;
			height: auto;
			}
@media only screen and (max-width:896px) {
}
@media only screen and (max-width:480px) {
}

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

 レイアウトパターン

--------------------------------------------------------------------*/
/* --- flex */
.flexGrid{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	}
.flexGrid-reverse{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-flow: row-reverse;
	        flex-flow: row-reverse;
	}
	
/*- inline-block -*/
.inline3 {
  margin: 0 auto;
  text-align: center;
  letter-spacing: 0;
  font-size: 0;
}
.inline3__col {
  display: inline-block;
  width: 32%;
  margin-right: 2%;
	margin-bottom:16px;
	vertical-align:top;
}
.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%;
  }
}

/*- table -*/
.tbl{
	table-layout:fixed;
	width:100%;
	display:table;
	}
.tblCell{
	display:table-cell;
	width:50%;
	vertical-align:middle;
	}
.tblCell:nth-child(2) {
	padding-left:40px;
	}
@media screen and (max-width:896px) {
.tblCell:nth-child(2) {
	padding-left:24px;
	}
}
@media screen and (max-width:480px) {
.tbl,
.tblCell{
	display:block;
	width:100%;
	}
.tblCell:nth-child(2) {
	margin-top:16px;
	padding-left:0;
	}
}

/*- float -*/
.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%;}
/* grid5 col */
.grid5 > .col{width:18.4%; margin-left:2%;}
/* grid4 col */
.grid4 > .col{width:23.5%; margin-left:2%;}
/* grid3 col */
.grid3 > .col {width:32%; margin-left:2%;}
/* 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-bottom:16px;}
.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:16px;}
.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:16px;}
.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-896-1 > .col {width:49%;}
.grid3-896-1 > .col:nth-of-type(3n+1) {margin-left:2%; clear: none;}
.grid3-896-1 > .col:nth-of-type(2n+1) {margin-left: 0; clear: left;}

/* change grid3 to 2-column */
.grid2-896-1 > .col {width:100%; margin-left:0; clear: none; margin-bottom:16px;}

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

/* change grid3 to 2-column */
.grid2-480-1 .col {width:100%; margin-left:0; clear: none; margin-bottom:8px;}

/*.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
}*/
}