@charset "utf-8";

/* mainvisual */
#main-image{position:relative;padding-left: 15vw;max-width: 125rem;margin: 0 auto;}

.main{position:relative;overflow:hidden;display:block;top:0;left:0;right:0;bottom:0;background: #000;height: 45vw;max-height: 900px;}
	@media only screen and (max-width:1199px)	 {.main{height: 600px;}}
	@media only screen and (max-width:991px)	 {.main{height: 50vw;}}
	@media only screen and (max-width:767px)	 {.main{height: 50vw;}}
	@media only screen and (max-width:575px)	 {.main{height: 100vw;}}

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

.main-text{
	color:#FFF;
	font-family: 'Shippori Mincho B1',serif;
	white-space: nowrap;
	display: flex;justify-content:center;align-items:flex-end;
	position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 9;
	}

.main-copy{width: 100%;padding:8vw 5vw;display: flex;flex-flow:column wrap;align-items:flex-start;}


.main-copy h2{font-size: 1rem;margin-bottom: 1em;}

.main-copy h2 img{width: 36.6vw;height: auto;max-width: 731px;}
	@media only screen and (max-width:1199px)	 {.main-copy h2 img{height: auto;}}
	@media only screen and (max-width:991px)	 {.main-copy h2 img{height: auto;}}
	@media only screen and (max-width:767px)	 {.main-copy h2 img{height: auto;}}
	@media only screen and (max-width:575px)	 {.main-copy h2 img{width: 73.2vw;height: auto;}}

.main-copy p{font-size: 2.4vw;line-height: 1.66;position: relative;padding: 0 1.25em 0 .4166666666em;letter-spacing:.125em;}
	@media only screen and (max-width:1199px)	 {.main-copy p{}}
	@media only screen and (max-width:991px)	 {.main-copy p{}}
	@media only screen and (max-width:767px)	 {.main-copy p{}}
	@media only screen and (max-width:575px)	 {.main-copy p{font-size: 4.8vw;}}

.main-copy p:before{content: '';background-color: rgba(0,184,238,.8);width: 100vw;position: absolute;top: 0;right: 0;bottom: 0;}

.main-copy p span{display: inline-block;position: relative;z-index: 1;}


.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);}