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

/* index */

#pc_top{
	text-align: center;
    display: flex;
    justify-content: center;
	align-items: center;
    height: 100svh;
	margin-top: -15px
}
#pc_menu{
	display: flex;
	justify-content: space-around;
	column-gap: 10px;
	max-width:600px;
	margin: 0 auto
}
#pc_menu img{
	width: 90%
}
#pc_layout{
	display: flex;
	align-items: center;
	flex-direction: column
}
#pc_banner{
		display: flex;
	justify-content: center;
		gap:10px;
		margin: 25px auto 0 auto;
	}
#pc_bg{
	background: url(https://www.sunlemon-wing.net/wp-content/themes/sunlemon/img/top/pc02.jpg);
	background-repeat: no-repeat;
  background-position: center; /* 中央に配置 */
  background-size: contain;
	width: 100%;
	aspect-ratio: 1910 / 374;
}
@media screen and (max-width: 1280px) {
#pc_bg{
	background:transparent
}
}

#pc_title{
	max-width: 600px;
	width: 100%;
	margin: 0 auto
}

#pc_copy img{
	max-width: 350px;
	margin:15px auto 0 auto
}



#sm_top{
	display: none
}

@media screen and (max-width: 768px) {
#pc_top{
		display: none
}
#sm_top{
		text-align: center;
    display: flex;
    justify-content: center;
	        height: 100svh;
        align-items: center;
}
#sm_top img{
	width: 100%;
	height: auto;
}
	
	#sm_menu{
		display: flex;
        gap: 3%;
        justify-content: space-around;
        margin: 10px auto;
        width: 95%;
	}
	#sp_copy{
		width: 80%;
		margin: 0 auto
	}
	#sp_banner img{
		width: 70%;
		max-width: 280px;
		margin: 0 auto
		
	}
	#sp_banner{
		display: flex;
		gap:10px;
		margin: 15px 0;
		        flex-direction: column;
	}
}

h1{
	margin:20px 0 30px 0;
	}

#top_bg{
	background-image: url(../img/index/index_bg.png);
	background-repeat:repeat-x;
	background-color:#f8f8fa

	}

#nav{
	text-align:center;
	margin:0 0 0 30px;
	width:900px
	}
		
#nav li{
	float:left;
	}
#top_nav{
	text-align:center;
	margin:0 auto;
	}