@charset "utf-8";

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

#main-image:before{content: "";display: block;position: absolute;top: 15px;right: 15px;bottom: 15px;width: 985px;max-width: 100%;}

.slider{position:relative;overflow: hidden;display:block;height: 780px;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: 360px;}}

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



.main-text{
	color:#FFF;
	padding: 30px;
	white-space: nowrap;
	display: flex;justify-content:flex-start;align-items:center;
	position: absolute;top: 90px;left: 0;right: 0;bottom: 0;z-index: 9;
	}
	@media only screen and (max-width:991px)	 {.main-text{top: 50px;}}
	@media only screen and (max-width:767px)	 {.main-text{padding: 15px;}}

.main-text h2{margin-bottom: 30px;font-size: 90px;line-height: 1;font-family: 'poppins',sans-serif;}
	@media only screen and (max-width:1199px)	 {.main-text h2{font-size: 75px;}}
	@media only screen and (max-width:991px)	 {.main-text h2{font-size: 60px;margin-bottom: 30px;}}
	@media only screen and (max-width:767px)	 {.main-text h2{font-size: 45px;margin-bottom: 15px;}}
	@media only screen and (max-width:575px)	 {.main-text h2{font-size: 36px;}}

.main-text h2 small{display: block;margin-top: 30px;font-size: .33em;}
	@media only screen and (max-width:1199px)	 {.main-text h2 small{margin-top: 25px;}}
	@media only screen and (max-width:991px)	 {.main-text h2 small{margin-top: 20px;}}
	@media only screen and (max-width:767px)	 {.main-text h2 small{margin-top: 15px;}}
	@media only screen and (max-width:575px)	 {.main-text h2 small{margin-top: 10px;}}

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

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