/*========================================

●　各要素の初期設定
●　横幅・マージン定義
●　文字装飾等の定義
●　clearfixハック
--
●　その他追加１

色メモ

基本の青： #1f4e79
黄色　　： #837637 （黄土色）

========================================*/


/*========================================
　●　各要素の初期設定
========================================*/
*{
 margin: 0; padding: 0;
 font-weight: normal;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


/*------------------------------ 文字サイズの定義・基本文字色等 */
html,body{ width: 100%;}
html{overflow-y:scroll; font-size: 62.5%; color: #333; overflow-x:hidden;
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

body{}

/*------------------------------ 画像枠 */
img {
 border-style: none;
}

.vam{vertical-align: middle;}

/*------------------------------ position: relative; */
.relative{position: relative;}

/*------------------------------ table */
table{
 margin: 0 auto;
/*
 border-collapse: collapse;
 border-spacing: 0;
*/
}

/*------------------------------ a要素transition */
a{transition: 0.3s linear;}

/*------------------------------ テスト */
.test{border: 1px #666 solid;}


/*========================================
　●　横幅・マージン定義
========================================*/



/*========================================
　●　文字装飾等の定義
========================================*/
/*------------------------------ 明朝 */
.mincho{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}



@media screen and (-webkit-min-device-pixel-ratio:0){
  .gc{
      text-shadow: 0px 0px 0px #402f0e;
  }
}


/*------------------------------ ゴシック */
.gothic{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}

.gothic2{font-family: -apple-system, BlinkMacSystemFont, "メイリオ", Meiryo,"Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, gothic;}


/*------------------------------ 等幅 */
.monospace{
font-family: "ＭＳ ゴシック", "Osaka－等幅",monospace;
}

/*------------------------------ 強調 */

/*------------------------------ 文字色 */

.blue{color: #1f4e79;}
.green{color: #588918;}
.yellow{color: #837637;}


/*------------------------------ 文字サイズ */

.f15{font-size: 1.5rem;}
.f16{font-size: 1.6rem;}
.f18{font-size: 1.8rem;}
.f20{font-size: 2.0rem;}
.f21{font-size: 2.1rem;}
.f24{font-size: 2.4rem;}
.f26{font-size: 2.6rem;}
.f30{font-size: 3.0rem;}


/*------------------------------ 文字揃え */
.center{text-align: center;}
.right{text-align: right;}


/*========================================
　●　clearfixハック
========================================*/
.clearfix:before,
.clearfix:after {
 display: table;
 content: " ";
}
.clearfix:after {
 clear: both;
}


.fLeft{float: left;}
.fRight{float: right;}



/*========================================
　●　その他追加１
========================================*/


/*============================== topVision */
#index #topVision{
 line-height: 0;
 height: 800px;
	overflow: hidden;
}
#index #topVision video{
	position: absolute;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}