@import url('https://fonts.googleapis.com/css2?family=Grandstander:wght@800&family=Sofia+Sans:wght@800');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@font-face {
    font-family: 'Giants-Regular';
    src:url('/fonts/Giants-Regular.woff2') format('woff2'),
		url('/fonts/Giants-Regular.ttf') format('ttf'),
		url('/fonts/Giants-Regular.otf') format('otf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Giants-Bold';
    src:url('/fonts/Giants-Bold.woff2') format('woff2'), 
		url('/fonts/Giants-Bold.ttf') format('ttf'),
		url('/fonts/Giants-Bold.otf') format('otf');
    font-weight: 400;
    font-style: normal;
}
.font_giants { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }
.font_giantsB { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }
.font_stander { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }
.font_sofia { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }
.font_pretendard { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }



input, textarea, select { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust:none; }


body { width:100%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; overflow-wrap: break-word; }





.first_guide .section_1 h2 { font-size:8.5vw; }
.first_guide .section_1 .desc { font-size:3.9vw; }
.first_guide .section_2 .balloon_2 span { font-size:4.0vw; }
.first_guide .section_2 .balloon_3 span { font-size:3.6vw; }
.first_guide .section_7 .others_balloon .balloon span { font-size:3.0vw; }
.first_guide .others_balloon .balloon span { font-size:3.0vw; }

.first_guide .step_article .each .box { padding:7% 4.6%; }

@media (min-width: 769px) {
	.first_guide .section_1 h2 { font-size:90px; }
	.first_guide .section_1 .desc { font-size:30px; }
	.first_guide .section_2 .balloon_2 span { font-size:28px; }
	.first_guide .section_2 .balloon_3 span { font-size:26px; }
	.first_guide .section_7 .others_balloon .balloon span { font-size:24px; }
	.first_guide .others_balloon .balloon span { font-size:26px; }

	.first_guide .step_article .each .box { padding:30px 50px 40px 50px; }
}