@charset "utf-8";

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

.main{position:relative;overflow: hidden;display:block;height: 760px;}
    @media only screen and (max-width:1199px)   {.main{height: 660px;}}
    @media only screen and (max-width:991px)    {.main{height: 540px;}}
    @media only screen and (max-width:767px)    {.main{height: 240px;}}
    @media only screen and (max-width:575px)    {.main{height: 330px;}}

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

.main-text{position: absolute;top: 0;left: 0;right: 0;bottom: 105px;z-index: 1;display: flex;justify-content:center;align-items:flex-end;}
	@media only screen and (max-width:1199px)	{.main-text{bottom: 60px;}}
    @media only screen and (max-width:991px)    {.main-text{top: 50px;}}
    @media only screen and (max-width:767px)    {.main-text{bottom: 15px;}}
    @media only screen and (max-width:575px)    {.main-text{bottom: 15px;}}

.main-text-inner{padding:0 0 20px;position: relative;width: 1050px;}
	@media only screen and (max-width:1199px)	{.main-text-inner{width: 940px;}}
	@media only screen and (max-width:991px)	{.main-text-inner{width: 720px;}}
	@media only screen and (max-width:767px)	{.main-text-inner{width: 546px;}}
	@media only screen and (max-width:575px)	{.main-text-inner{width: 290px;}}



.main-text-inner:before,
.main-text-inner:after{content: "";position: absolute;bottom: 0;}

.main-text-inner:before{top: 0;left: 30px;border-left: 1px solid #fff;}
	@media only screen and (max-width:767px)	{.main-text-inner:before{left: 15px;}}

.main-text-inner:after{top: 165px;right: 60px;border-right: 1px solid #fff;}
	@media only screen and (max-width:991px)	{.main-text-inner:after{top: 150px;right: 30px;}}
	@media only screen and (max-width:767px)	{.main-text-inner:after{top: 120px;right: 15px;}}


.main-text-inner h2{font-size: 30px;color:#63b0df;padding: 45px 0 15px 61px;margin-bottom: 15px;border-bottom: 1px solid #fff;width: 315px;}
	@media only screen and (max-width:991px)	{.main-text-inner h2{font-size: 21px;padding: 30px 0 15px 61px;}}
	@media only screen and (max-width:767px)	{.main-text-inner h2{font-size: 18px;padding: 15px 0 15px 31px;width: 180px;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}}
	@media only screen and (max-width:575px)	{.main-text-inner h2{font-size: 16px;width: 165px;}}

.main-text-inner p{color:#fff;font-size: 30px;line-height: 1.75;border-bottom: 1px solid #fff;padding:0 91px 15px 61px;}
	@media only screen and (max-width:991px)	{.main-text-inner p{font-size: 21px;padding:0 61px 15px 61px;}}
	@media only screen and (max-width:767px)	{.main-text-inner p{font-size: 18px;padding:0 31px 15px 31px;line-height: 1.5;text-shadow:0 0 3px #000;}}
	@media only screen and (max-width:575px)	{.main-text-inner p{font-size: 16px;}}

.main-text-inner p strong{color:#bbe6ff;font-family: 'nsans-b',sans-serif;}