@charset "utf-8";

/* mainvisual */
#main-image{position:relative;padding: 6rem 5rem 5rem 0;}
	@media only screen and (max-width:1919px)	 {#main-image{padding: 6rem 4vw 4vw 0;}}
	@media only screen and (max-width:991px)	 {#main-image{padding: 9vw 4vw 4vw 0;}}
	@media only screen and (max-width:767px)	 {#main-image{padding: 7.5vw 5vw 5vw 0;}}
	@media only screen and (max-width:575px)	 {#main-image{padding: 15vw 5vw 5vw 0;}}

#main-image:before{content: '';position: absolute;right: 0;top: 0;border-width: 30rem 34rem;border-style: solid;border-color: #8e0000 #8e0000 transparent transparent;z-index: 1;}
	@media only screen and (max-width:1919px)	 {#main-image:before{border-width: 24vw 27.2vw;}}

#main-image:after{content: '';position: absolute;left: 0;bottom: 0;border-width: 27rem 31rem;border-style: solid;border-color: transparent transparent #000 #000;z-index: 1;opacity:.66;}
	@media only screen and (max-width:1919px)	 {#main-image:after{border-width: 21.6vw 24.8vw;}}

#slider-bg{box-shadow: 0 1vw .9vw .09vw rgba(0,0,0,.33);}

.slider{position:relative;overflow: hidden;display:block;height: 49rem;background: #000;background-position: center center;background-size:cover;background-repeat: no-repeat;display: flex;}
	@media only screen and (max-width:1919px)	 {.slider{height: 39.2vw;}}
	@media only screen and (max-width:575px)	 {.slider{height: 100vw;}}

.slider img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:inherit;max-height:inherit;width:100%;height:100%;margin:auto;font-family:'object-fit:cover;';object-fit:cover;opacity:.8;}


.main-text{
	color:#FFF;text-align: center;
	white-space: nowrap;
	display: flex;justify-content:flex-start;align-items:flex-end;
	position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 9;
	}

.main-copy{width: 100%;max-width: 67.5rem;padding:0 5rem 12rem;}
	@media only screen and (max-width:1919px)	 {.main-copy{width: 52vw;padding:0 4vw 9.6vw;}}
	@media only screen and (max-width:575px)	 {.main-copy{width: 90vw;padding:0 4vw 9.6vw;}}

.main-copy h2{}

.main-copy img{width: 100%;height: auto;}

.main-text-trade{display: flex;justify-content:space-between;align-items:center;}

.main-text-buy{width: 28.125rem;}
	@media only screen and (max-width:1919px)	 {.main-text-buy{width: 22.5vw;}}
	@media only screen and (max-width:575px)	 {.main-text-buy{width: 40vw;}}


.main-text-sell{width: 28.125rem;}
	@media only screen and (max-width:1919px)	 {.main-text-sell{width: 22.5vw;}}
	@media only screen and (max-width:575px)	 {.main-text-sell{width: 40vw;}}

.main-text-ys{margin-top: 2rem;}
	@media only screen and (max-width:1919px)	 {.main-text-ys{margin-top: 1.6vw;}}
	@media only screen and (max-width:575px)	 {.main-text-ys{margin-top: 1vw;}}



.scroll{position: absolute;right: 30px;bottom: 30px;z-index: 99;font-family: 'lato',sans-serif;font-weight: bold;}
	@media only screen and (max-width:991px)	 {.scroll{right: 15px;bottom: 15px;}}
	@media only screen and (max-width:991px)	 {.scroll{display: none;}}

.scroll img{width: auto;height: auto;}
	@media only screen and (max-width:991px)	 {.scroll img{width: 48px;}}
	@media only screen and (max-width:767px)	 {.scroll img{width: 24px;}}

.scroll a{transform:translate(0,0);display: block;}

.scroll a:hover{transform:translate(0,15px);}

h2.main-exclusive{
	width: 40vw;
	padding: 0 6vw 15.5vw 0;
}
h2.main-exclusive img{
	width: 100%;
	height: auto;
}
@media only screen and (max-width:1919px)	 {
	h2.main-exclusive{
		width: 44vw;
		padding: 0 4vw 13vw 0;
	}
}