@charset "utf-8";
/* CSS Document */

body{
	background-image: url(../../img/bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.hamburger{display: none!important;}

.enter{
	height: 100vh;
	display: flex;
	justify-content:center;
	align-items: center;
	text-align: center;
	min-width: 1050px;
}
.enter h1 img{
	height: 110px;
	width: auto;
}

.group ul{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap:0 20px;
}
.group ul li span{
	font-weight: 500;
	font-size: 1.6rem;
}
.group ul li a{text-decoration: underline;}

.e-panel {
	margin: 50px auto 80px;
	max-width: 1100px;
}
.e-panel article{
	width: 32%;
	aspect-ratio: 1 / 1; 
	overflow: hidden;
	border-radius: 15px;
}
.e-panel article img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	border-radius: 15px;
}
.e-panel article .ltr{
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 0 0 15px 15px;
	z-index: 2;
	text-align: left;
	pointer-events: none;
	padding: 80px 25px 20px;
	color: #fff;
}

.bg-sw{
  background: linear-gradient(
    to bottom,
    rgba(50, 144, 213, 0),
    rgba(44, 79, 145, 0.5)
  );
}
.bg-mhsw{
  background: linear-gradient(
    to bottom,
    rgba(113, 193, 32, 0),
    rgba(19, 121, 42, 0.5)
  );
}
.bg-cw{
  background: linear-gradient(
    to bottom,
    rgba(224, 138, 148, 0),
    rgba(208, 104, 116, 0.5)
  );
}

.e-panel article .ltr p{
	font-size: 2.2rem;
	font-weight: 500;
	text-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
}
.e-panel article .ltr p span{
	display: inline-block;
	font-size: 1.5rem;
}
.e-panel article .ltr .arrow{
	position: absolute;
	right: 20px;
	bottom: 20px;
	pointer-events: none;
}

@media screen and (max-width: 1320px) {

.group ul {
    gap: 0 15px;
}

.group ul li span {
    font-size: 1.5rem;
}

/*---------------------------------------------------------------------------------------------------------------------------------------- 1320px */
}

@media screen and (max-width: 1220px) {

.group ul {
    gap: 0 10px;
}

.group ul li span {
    font-size: 1.4rem;
}
.e-panel article .ltr {
    padding: 80px 20px 15px;
}
.e-panel article .ltr p {
    font-size: 1.8rem;
}
/*---------------------------------------------------------------------------------------------------------------------------------------- 1220px */
}

@media screen and (max-width: 800px) {

body{
 font-size: 1.3rem;
 min-width: 100%;
 background-image: url(../../img/bg-sp.jpg);
}
.enter {
	height: auto;
	display: block;
    min-width: 100%;
    padding: 0!important
}
.enter .block{
	padding:  55px 20px!important;
}
.enter h1 img {
    height: auto;
    width: 300px;
}
.e-panel {
    margin: 30px auto 20px;
    max-width: 100%;
}
.e-panel article {
    width: 100%;
    aspect-ratio: 2.692 / 1;
    margin: 7px 0;
}
.e-panel article .ltr p {
        font-size: 2.2rem;
        line-height: 120%;
}
.e-panel article .ltr p span {
    font-size: 1.8rem;
}
.arrow span {
    width: 50px;
    height: 24px;
}
.arrow span img {
    height: 6px !important;
}
.group ul{
	display: block;
}
.group ul li{
	margin: 5px 0;
}
.group ul li span {
    font-size: 1.5rem;
}


/*---------------------------------------------------------------------------------------------------------------------------------------- 800px */
}