@charset "utf-8";



/*------------------------------------------------------------
	画質
------------------------------------------------------------*/

img.high {
 -ms-interpolation-mode:bicubic;   /* IE 7+ */
 image-rendering: optimizeQuality; /* Fx, (Gecko 1.9.2) */
}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


/*------------------------------------------------------------
	common
------------------------------------------------------------*/
@-webkit-keyframes b {
0% {
	transform: translateY(0);
	-webkit-transform: translateY(0);
}
100% {
	transform: translateY(15px);
	-webkit-transform: translateY(15px);
}
}
@keyframes b {
0% {
	transform: translateY(0);
	-webkit-transform: translateY(0);
}
100% {
	transform: translateY(15px);
	-webkit-transform: translateY(15px);
}
}
.ttlBox .link {
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation: b 0.5s infinite alternate ease-in-out;
	-webkit-animation: b 0.5s infinite alternate ease-in-out;
}


/*------------------------------------------------------------
	common
------------------------------------------------------------*/

body {
  -webkit-font-smoothing: antialiased;
  font-family: "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3,"游ゴシック Medium", "Yu Gothic Medium", YuGothic,  "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

.border {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #d2d2d2;
}

.border {
	opacity: 1;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
@media all and (min-width: 768px) {
	.border:hover {
		border-color: #000;
	}
}
	
@media all and (min-width: 0) and (max-width: 767px) {
	.border.hover,
	a.hover .border,
	a.border.hover {
		border-color: #000;
	}

}


.heading01 {
	margin-bottom: 34px;
	font-size: 40px;
	font-weight: 100;
	color: #848484;
	line-height: 1.5;
	text-align: center;
	letter-spacing: 2px;
}


@media all and (min-width: 0) and (max-width: 767px) {
	
	.heading01 {
		margin-bottom: 8px;
		font-size: 26px;
		letter-spacing: 0.055em;
	}
}
/*------------------------------------------------------------
	youtube
------------------------------------------------------------*/
.youtube {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
}
 
.youtube iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/*------------------------------------------------------------
	animate
------------------------------------------------------------*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}