/* font */
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: url(../font/Pretendard-Bold.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: url(../font/Pretendard-Regular.woff2) format('woff2');
}


* {padding: 0;margin: 0;box-sizing: border-box;font-family: 'Pretendard';}
.wrap {width: 100%;min-height: 100vh;padding: 100px 600px 100px 90px;background: #ECEDEE url(../images/bg.jpg) no-repeat 0 100% / cover;overflow-x: hidden;}
a {display: inline-block;}
.logo {display: block;}
.title_wrap {color: #1CABE2;margin-top: 106px;}
h1 {font-size: 48px;display: inline-block;background: #fff;padding: 5px 10px;}
h2 {margin-top: 47px;}
h2 > span {display: inline-block;background: #fff;padding: 5px 10px;font-size: 54px;line-height: 1.3em;}
.underline {font-weight: 400;text-decoration: underline;text-underline-offset: 7px;text-decoration-thickness: 3px;}

@media screen and (max-width: 1200px) {
  .wrap {padding: 100px 600px 100px 50px;}
  .logo {width: 45vw;}
  h1 {font-size: 4vw;}
  h2 > span {font-size: 4.5vw;}
}
@media screen and (max-width: 1023px) {
  .wrap {padding: 24px;background: #E5E6E6 url(../images/bg_m@2x.jpg) no-repeat 100% 0 / cover;}
  .logo {max-width: 300px;width: 100%;} 
  .title_wrap {margin-top: 54vw;}
  h1 {font-size: 28px;}
  h2 {background: #fff;display: inline-block;margin-top: 0;}
  h2 br {display: none;}
  h2 > span {font-size: 24px;}
  .underline {text-decoration-thickness: 1px;text-underline-offset: 4px;}
}
@media screen and (max-width: 375px) {
  h1 {font-size: 7.46vw;}
  h2 > span {font-size: 6.4vw;}
  h2 > span:last-child {padding-left: 0;}
}