@charset "utf-8";

/* mainvisual */
#main-image{position:relative;padding:0 90px;}
	@media only screen and (max-width:991px)	 {#main-image{padding:0;}}

.slider{position:relative;overflow: hidden;display:block;padding-bottom: 37.5%;background: #000;background-position: center center;background-size:cover;background-repeat: no-repeat;display: flex;}
	@media only screen and (max-width:1199px)	 {.slider{height: 600px;}}
	@media only screen and (max-width:991px)	 {.slider{height: 480px;}}
	@media only screen and (max-width:767px)	 {.slider{height: 300px;}}
	@media only screen and (max-width:575px)	 {.slider{height: 300px;}}

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



.main-text{
	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{top: 0;}}
	@media only screen and (max-width:575px)	 {.main-text{justify-content:center;}}

.main-copy{max-width: 600px;padding:0 15px;}
	@media only screen and (max-width:1199px)	 {.main-copy{max-width: 555px;}}
	@media only screen and (max-width:991px)	 {.main-copy{max-width: 420px;}}
	@media only screen and (max-width:767px)	 {.main-copy{max-width: 420px;}}
	@media only screen and (max-width:575px)	 {.main-copy{max-width: 100%;}}

.main-copy h2{font-size: 42px;line-height: 1;display: flex;flex-flow:row wrap;font-family: 'nsans-b',sans-serif;}
	@media only screen and (max-width:1199px)	 {.main-copy h2{font-size: 36px;}}
	@media only screen and (max-width:991px)	 {.main-copy h2{font-size: 30px;}}
	@media only screen and (max-width:767px)	 {.main-copy h2{font-size: 24px;}}
	@media only screen and (max-width:575px)	 {.main-copy h2{font-size: 21px;justify-content:center;}}

.main-copy h2 span{display: block;background: #FFD200;color:#000;padding: 30px;}
	@media only screen and (max-width:1199px)	 {.main-copy h2 span{padding: 15px 30px;}}
	@media only screen and (max-width:991px)	 {.main-copy h2 span{padding: 15px;}}
	@media only screen and (max-width:767px)	 {.main-copy h2 span{margin-top: 5px;}}
	@media only screen and (max-width:575px)	 {.main-copy h2 span{}}

.main-copy h2 small{display: block;font-size: .75em;line-height: .75;padding: 30px;font-family: 'montserrat',sans-serif;background: #000;color: #FFD200;margin-top: 15px;}
	@media only screen and (max-width:991px)	 {.main-copy h2 small{padding: 15px;margin-top: 10px;}}

.main-copy h2 small img{width: auto;height: 120px;}
	@media only screen and (max-width:1199px)	 {.main-copy h2 small img{height: 75px;}}
	@media only screen and (max-width:991px)	 {.main-copy h2 small img{height: 60px;}}
	@media only screen and (max-width:767px)	 {.main-copy h2 small img{height: 45px;}}
	@media only screen and (max-width:575px)	 {.main-copy h2 small img{height: 30px;}}

.main-copy p{font-size: 30px;line-height: 1.75;}
	@media only screen and (max-width:1199px)	 {.main-copy p{font-size: 27px;}}
	@media only screen and (max-width:991px)	 {.main-copy p{font-size: 21px;}}
	@media only screen and (max-width:767px)	 {.main-copy p{font-size: 18px;}}
	@media only screen and (max-width:575px)	 {.main-copy p{font-size: 15px;}}

.main-copy p strong{font-size: 1.5em;}
	@media only screen and (max-width:575px)	 {.main-copy p strong{font-size: 1.25em;}}