img { max-width: 100%; }
.pc-main-container { height: var(--view-height); overflow: hidden; background: #F7F7F7; }
.pc-main-inner { position: relative; display: flex; justify-content: flex-end; align-items: center; height: 100%; max-width: 930px; padding: 0 12px; margin: 0 auto; }
.pc-main-content { position: absolute; display: flex; justify-content: center; align-items: stretch; flex-direction: column; width: 384px; height: 100%; left: 0; top: 0; padding: 12px; }
.pc-main-logo { margin-bottom: 22px; }
.pc-main-visual { position: relative; height: 467px; }
.pc-main-visual img { width: 100%; height: 100%; object-position: center; object-fit: cover; }
.visual-text { position: absolute; top: 0; left: 0; color: #fff; padding: 48px 24px; font-size: 28px; font-weight: 300; line-height: 1.3; }
.pc-app-download {  }
.pc-app-download a { display: block; margin-top: 16px; }
.pc-app-download img { width: 100%; }
.mobile-view-iframe { position: relative; width: 428px; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.mobile-view-iframe iframe { width: 100%; height: 100%; border: 0; }
.mobile-view-iframe .intro_wrap { padding: 61px 10px; }
.mobile-view-iframe .intro_header { display: inline-block; }

@media(max-width: 820px){
	.pc-main-content { display: none; }
	.pc-main-inner { padding: 0; justify-content: center; }
}