@charset "utf-8";

/* mainvisual */
#main-image{position:fixed;top: 0;left: 0;right: 0;height: calc(100vh - 6rem);}
	@media only screen and (max-width:991px)	 {#main-image{height: calc(100vh - 9vw);}}
	@media only screen and (max-width:767px)	 {#main-image{height: calc(100vh - 7.5vw);}}
	@media only screen and (max-width:575px)	 {#main-image{height: calc(100vh - 15vw);}}


.main{overflow:hidden;display:block;background: #EFEFEF;width: 100%;max-width: 125rem;margin: 0 auto;height: calc(100vh - 6rem);}
	@media only screen and (max-width:991px)	 {.main{height: calc(75vw);}}
	@media only screen and (max-width:767px)	 {.main{height: calc(100vh - 7.5vw);}}
	@media only screen and (max-width:575px)	 {.main{height: calc(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-position:center center;';object-fit:cover;object-position:center center;opacity:1;}

#main-image .logo{padding: 0.5rem 3rem;}
	@media only screen and (max-width:1199px)	 {#main-image .logo{padding: 0.5rem 2rem;}}
	@media only screen and (max-width:991px)	 {#main-image .logo{padding: 0.5rem 1.5rem;}}
	@media only screen and (max-width:767px)	 {#main-image .logo{padding: 0.5rem 3rem;}}
	@media only screen and (max-width:575px)	 {#main-image .logo{padding: 0.5rem 1rem;}}

#main-image .logo img{width: auto;height: auto;}
	@media only screen and (max-width:991px)	{#main-image .logo img{width: auto;height: 6vw;}}

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

.main-copy{}

.main-copy h2{font-size: 3rem;line-height: 1.5;text-align: center;font-weight: normal;text-shadow:0 0 .25em rgba(0,0,0,.5);font-family: 'Kosugi Maru',sans-serif;}
	@media only screen and (max-width:767px)	 {.main-copy h2{font-size: 2rem;}}
	@media only screen and (max-width:575px)	 {.main-copy h2{font-size: 1.5rem;}}


.main-copy h2 img{width: auto;height: auto;}
	@media only screen and (max-width:1199px)	 {.main-copy h2 img{height: 8rem;}}
	@media only screen and (max-width:991px)	 {.main-copy h2 img{height: 6rem;}}
	@media only screen and (max-width:767px)	 {.main-copy h2 img{height: 4rem;}}

