@charset "UTF-8";
*,
*::before,
*::after {box-sizing: border-box;}
html {font-size: 62.5%;}
html,body {width: 100%; height: 100%;}
body {font-family:'Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo,sans-serif; color:#FFF; margin: 0px; padding: 0px; background: #FFFFFF;}
a {text-decoration: none; cursor: pointer;}
img {width: 100%; height: auto; display: block; border: none;}
h1 {margin: 0px; padding: 0px; font-weight: normal;}


/*-------- Contents　--------*/
.conteiner {position: relative; overflow: hidden;}
.header {width: 100%; height: 600px; background: #000000;}

.main-bg {width: 100%; position: relative; background: linear-gradient(180deg,white 0%,white 340px,black 340px,black 100%);}
.main-img {width: 80%; height: 100%; z-index: 1; float: right;}


/*-------- enter btn　--------*/




.clear:after {display: block; content: ''; clear: both;}

/*-------- 間隔の指定　--------*/
.mt-05 {margin-top: 0.5% !important}
.mt-1 {margin-top: 1% !important}
.mt-2 {margin-top: 2% !important}

.mb-1 {margin-bottom: 1% !important}

/*-------- フォントの指定　--------*/
.f12 {font-size: 1.2rem !important}
.f14 {font-size: 1.4rem !important}
.f16 {font-size: 1.6rem !important}
.f18 {font-size: 1.8rem !important}
.f20 {font-size: 2rem !important}
.f22 {font-size: 2.2rem !important}
.f24 {font-size: 2.4rem !important}
.f28 {font-size: 2.8rem !important}
.f30 {font-size: 3rem !important}

/*-------- 色指定　--------*/
.gold {color: #c7a65c;}
.gray {color: #71675B;}

/*-------- フォントスタイル　--------*/
.rich {font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}

/*-------- テキスト指定　--------*/
.t-center {text-align: center;}