/* Mobile */
@media(max-width:750px) {
	body {
	}
	
	/* wrap text manual */
	.mobile-text-wrap {
		display: block;
	}
	.title-size {
		font-size: 40px;
	}
	.text-size {
		font-size: 16px;
	}
	
	#nav-content {
		margin: 0 10px;
	}
	#nav-logo {
		content: url(../images/mobile/logo.png);
		width: auto;
		height: 42px;
	}
	.nav-link-container {
		display: none;
	}
	#nav-menu {
		content: url(../images/mobile/menu.png);
		width: auto;
		height: 32px;
	}
	#nav-social {
		flex: 1;
	}
	
	.bg1 {
		background-image: url(../images/bg01-m.jpg);
		background-size: calc(1.77 * max(245px, 25vh)) 100%;
		background-repeat: no-repeat;
		background-position: center;
		width: 100%;
		height: max(800px, 100vh);
	}
	.page1-title-size {
		font-size: 40px;
		padding: 0 15px;
	}
	.page1-title-wrap {
		display: block;
	}
	.page1-text-size {
		font-size: 16px;
		padding: 0 15px;
		max-width: 600px;
	}
	.page1-text-wrap {
	}
	
	.bg2 {
		display: flex;
		flex-direction: column;
		align-items: center;
		
		background-color: #2E3547;
	 	background-image: url(../images/mobile/bg02.png);
		background-size: 100% 232vw;
		background-repeat: no-repeat;
		background-position: bottom;
		width: 100%;
		min-height: 80vh;
	}
	.page2-title-size {
		font-size: 40px;
	}
	.page2-left-ajust {
		margin-top: 48px;
	}
	.page2-right-ajust {
		margin: -48px 15px 140px 15px;
	}
	.page2-bottom {
		padding-bottom: 142px;
	}
	.page2-text-ajust {
		line-height: 120%;
	}
	.page2-spec-ajust {
		font-size: 16px;
		line-height: 120%;
		padding-bottom: 28px;
	}
	.page2-button-margin {
		margin-top: 20px;
	}
	
	.bg3 {
		background-color: #D7C9C1;
		background-image: url(../images/mobile/bg03.png);
		background-size: 100% 196vw;
		background-repeat: no-repeat;
		background-position: top;
		width: 100%;
		min-height: 70vh;
		padding-bottom: 150px;
	}
	.page3-text-size {
		font-size: 20px;
	}
	.page3-players {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 150px;
	}
	.page3-player {
		Width: min(40vw, 160px);
		Height: min(40vw, 160px);
		background-size: contain;
	}
	.page3-players-col2 {
		margin-top: -100px;
	}
	
	.bg4 {
		background-color: #B5CADD;
	 	background-image: url(../images/mobile/bg04.png);
		background-size: 100% 187vw;
		background-repeat: no-repeat;
		background-position: top;
		min-height: 100vh;
	}
	.page4-content {
		display: flex;
		flex-direction: column;
		margin: 35px 0;
	}
	.page4-content-row {
		margin: 0 10px;
	}
	.page4-card1 {
		height: 160px;
	}
	.page4-card1-icon {
		width: 60px;
		height: 60px;
		margin: 0 10px;
	}
	.page4-content-row2-card {
		/* width: calc((100vw - 30px) / 2); */
		height: 356px;
		flex: 1;
	}
	.page4-card-text-adjust {
		margin: 20px 10px 0 10px;
	}
	.page4-card-text {
		font-size: 13px;
		line-height: 112%;
		color: rgba(0, 0, 0, 0.5);
	}
	.page4-card-gap {
		width: 10px;
		height: 10px;
	}
	
	.bg5 {
	 	background-image: url(../images/mobile/bg05.png);
		background-size: 100% 382vw;
		background-repeat: no-repeat;
		background-position: bottom;
		min-height: 80vh;
		align-items: center;
	}
	.bg5b {
	 	background-image: url(../images/mobile/bg05.png);
		background-size: 100% 382vw;
		background-repeat: no-repeat;
		background-position: bottom;
		min-height: 75vh;
		align-items: center;
	}
	.page5-top {
		margin: 0 15px;
		
	}
	.page5-table {
		margin-top: 66px;
		width: 100%;
		overflow-x: scroll;
		overflow-y: none;
		
	}
	.page5-table::after {
		content: '.';
		color: rgba(0,0,0,0);
		display: block;
		
	}
	.page5-table::-webkit-scrollbar {
		display: none; 
	}
	.page5-card-icon {
		width: 200px;
		height: 140px;
		object-fit: contain;
		object-position: center;
	}
	
	.bg6 {
		background-color: #B5CADD;
		background-image: url(../images/mobile/bg06.png);
		background-size: calc(min(100vw, 500px)) calc(1.8 * min(100vw, 500px));
		background-repeat: no-repeat;
		background-position: bottom right;
		/* width: 100vw; */
		height: 900px;
	}	
	.page6-content {
		align-items: center;
		justify-content: center;
		padding: 0 10px;
	}
	.page6-card {
		width: 100%;
		height: 140px;
		max-width: 400px;
	}
	.page6-card-logo {
		width: 130px;
		height: 130px;
	}
	.page6-button {
		width: 200px;
		height: calc(200px / 4);
		font-size: 20px;
	}
	.page6-lab-text {
		font-size: 22px;
		color: #000000;
		margin-bottom: 16px;
	}
	.page6-text-adjust {
		max-width: 400px;
		margin-top: 30px;
	}
	
	.page7-content {
		margin: 0 10px;
	}
}