html{
	font-size: clamp(16px, 0.9rem + 0.5vw, 20px);
	line-height: 1.6;
}
body{
	margin:0;
	padding:0;
	font-family:sans-serif;
}
p,table,dl,ul,ol,hr,
h1,h2,h3,h4,h5,h6{margin-top:1rem;margin-bottom:1rem;}
img{max-width:100%;height:auto;vertical-align:bottom;border:none;}

.inner{max-width:780px;margin:auto;box-sizing:border-box;position:relative;}

.ime_j{ime-mode:active;}
.ime_e{ime-mode:inactive;}
.center{
	text-align:center;
}



.mes_box{
	padding:10px;
	color:#fff;
}



.attn18{
	-webkit-text-stroke:4px #fff;
	paint-order:stroke fill;
	font-size:14px;
	line-height:20px;
	margin-top:-12px;
	margin-bottom:0;
}



.wrp_btn{
	width:100%;
	margin:0;
	text-align:center;
	box-sizing:border-box;
}
.wrp_btn .line{
	padding:0 5%;
}
.wrp_btn .qr_line{
	padding:0 28%;
}
.wrp_btn .form{
	padding:0 15%;
}

#top_vm .wrp_btn{
	position:absolute;
	bottom:1%;
}



#header_wrapper{
	position:fixed;
	z-index:2;
	top:0;
	left:0;
	width:100%;
}
body{
	margin-top:70px;
}
#header{
	height:70px;
	display:flex;
	background:#f96b8b;
	padding:0 10px;
	flex-flow:column;
	justify-content:center;
	box-shadow:0 2px 2px rgba(0,0,0,0.3);
}
#header .hdr a{
	text-decoration:none;
	color:#fff;
}
#gnav{
	display:none;
	position:absolute;
	width:100%;
	box-sizing:border-box;
	background:#fff;
	top:70px;
	left:0;
	margin:0;
	padding:0;
	list-style:none;
	max-height:calc(100vh - 70px - 10px);
	overflow:auto;
}
#gnav.opened{
	display:block;
}
#gnav a{
	display:block;
	border-bottom:1px solid rgba(0,0,0,0.3);
	padding:10px;
	text-decoration:none;
	color:#f96b8b;
	text-align:center;
}



#top_apply .wrp_btn.line{
	margin-top:-80px;
}



#top_inq .inner{
	background:#f96b8a;
	min-height:calc(100vh - 70px);
}
#top_inq form{
	padding:2% 5%;
}
#top_inq .dl_form dt,
#top_inq .dl_form dd{
	margin:20px 0;
	padding:0;
}
#top_inq .dl_form dt{
	color:#fff;
	font-size:18px;
	font-weight:bold;
}
#top_inq .dl_form textarea,
#top_inq .dl_form input{
	font-size:20px;
	line-height:40px;
	border-radius:20px;
	width:100%;
	padding:0 30px;
	box-sizing:border-box;
	border:none;
}
#top_inq .dl_form textarea{
	padding:20px;
}
#top_inq .btn_submit{
	display:table;
	margin:auto;
	width:60%;
	background:#ff4070;
	font-size:30px;
	line-height:70px;
	border-radius:35px;
	border:1px solid #fff;
	font-weight:bold;
	color:#fff;
	text-align:center;
	cursor:pointer;
}





/***** drawer *****/
.drawer{
	position:absolute;
	right:10px;
	top:10px;
}

.drawer_open {
  display: flex;
  height: 50px;
  width: 50px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;
  cursor: pointer;
}
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 50px;
  background: #fff;
  transition: 0.2s;
  position: absolute;
}

.drawer_open span:before {
  bottom: 15px;
}
.drawer_open span:after {
  top: 15px;
}

#header .drawer_open.opened span {
  background: rgba(255, 255, 255, 0);
}

#header .drawer_open.opened span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#header .drawer_open.opened span::after {
  top: 0;
  transform: rotate(-45deg);
}
