@charset "utf-8";

/* mainvisual */
#main-image{position:relative;}

.main{position:relative;overflow: hidden;display:block;height: 51rem;background: #000;background-position: center center;background-size:cover;background-repeat: no-repeat;display: flex;}
	@media only screen and (max-width:991px)	 {.main{height: 50vw;}}
	@media only screen and (max-width:575px)	 {.main{height: 150vw;}}

.main 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:.66;}

.main-text{
	background: url(../images/cmn/triangle-left.png) left top /50% no-repeat;color:#FFF;
	white-space: nowrap;
	display: flex;justify-content:flex-start;align-items:center;
	position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 9;
	}
	@media only screen and (max-width:991px)	 {.main-text{}}
	@media only screen and (max-width:767px)	 {.main-text{}}
	@media only screen and (max-width:575px)	 {.main-text{}}

.main-copy{padding: 0;white-space: nowrap;padding:9rem 3rem 3rem;}
	@media only screen and (max-width:1199px)	 {.main-copy{padding:2rem;}}
	@media only screen and (max-width:991px)	 {.main-copy{padding:1.5rem;}}
	@media only screen and (max-width:575px)	 {.main-copy{width: 100%;padding:1rem;}}

.main-copy h2{font-size: 5em;line-height: 1.25;font-weight: 400;margin-bottom: .33em;text-transform: uppercase;font-family: 'Oswald',sans-serif;display: flex;flex-flow:row wrap;max-width: 65rem;}
	@media only screen and (max-width:1199px)	 {.main-copy h2{font-size: 4rem;max-width: 52rem;}}
	@media only screen and (max-width:991px)	 {.main-copy h2{font-size: 3rem;max-width: 39rem;}}
	@media only screen and (max-width:767px)	 {.main-copy h2{font-size: 2rem;max-width: 26rem;}}
	@media only screen and (max-width:575px)	 {.main-copy h2{text-align: center;}}

.main-copy h2 span{border-bottom: 1px solid #FFF;display: block;}

.main-copy h2 span + span{margin-top: .5rem;}

.main-copy p{font-size: 2em;line-height: 1.5;font-weight: 700;}
	@media only screen and (max-width:1199px)	 {.main-copy p{font-size: 1.75rem;}}
	@media only screen and (max-width:991px)	 {.main-copy p{font-size: 1.5rem;}}
	@media only screen and (max-width:767px)	 {.main-copy p{font-size: 1.25rem;}}
	@media only screen and (max-width:575px)	 {.main-copy p{font-size: 1.125rem;}}



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

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

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

.scroll a:hover{transform:translate(0,1rem);}


.main-contact{background-color: rgba(13,85,70,.9);color:#FFF;position: absolute;right: 0;bottom: 0;z-index: 9;padding: 2rem 3rem;text-align: center;}
	@media only screen and (max-width:991px)	 {.main-contact{padding: 1.5rem 2.5rem;}}
	@media only screen and (max-width:767px)	 {.main-contact{padding: 1rem 2rem;}}