@charset "utf-8";

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

.slider{position:relative;overflow: hidden;display:block;height: 720px;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:flex-end;
	position: absolute;top: 0;left: 0;right: 0;bottom: 30px;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 30px;}
	@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: 72px;line-height: .75;display: flex;flex-flow:row wrap;font-family: 'poppins',sans-serif;}
	@media only screen and (max-width:1199px)	 {.main-copy h2{font-size: 60px;}}
	@media only screen and (max-width:991px)	 {.main-copy h2{font-size: 48px;}}
	@media only screen and (max-width:767px)	 {.main-copy h2{font-size: 36px;}}
	@media only screen and (max-width:575px)	 {.main-copy h2{font-size: 24px;justify-content:center;}}

.main-copy h2 span{display: block;background: #FFF;color:#006BA8;padding: 30px;box-shadow:0 0 12px rgba(0,0,0,.1);}
	@media only screen and (max-width:991px)	 {.main-copy h2 span{padding: 25px;}}
	@media only screen and (max-width:767px)	 {.main-copy h2 span{padding: 20px;}}
	@media only screen and (max-width:575px)	 {.main-copy h2 span{}}

.main-copy h2 small{display: block;font-size: .5em;line-height: 1;padding: 30px;font-family: 'nsans-b',sans-serif;background: #006BA8;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;}
	@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: 24px;padding: 25px;}}
	@media only screen and (max-width:767px)	 {.main-copy p{font-size: 21px;padding: 20px;}}
	@media only screen and (max-width:575px)	 {.main-copy p{font-size: 18px;}}

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