@font-face {
	font-family: 'calibri-b';
	src: url('../fonts/calibri-bold.ttf');
}

/* -------------------------------------------------------------------------- */
/*	CSS Reset
/* -------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {border: none;font-size: inherit;line-height: inherit;margin: 0;padding: 0;text-align: inherit;}blockquote::before, blockquote::after {content: "";}a {text-decoration: none;color: #0c0c0c;}* {margin: 0;padding: 0;}


/* -------------------------------------------------------------------------- */
/*	color
/* -------------------------------------------------------------------------- */

:root {
	--text: #1f1f1f;
	--blue: #00bafb;
	--blue-light: #e6f8ff;
	--green-light: #edfcd7;
	--green: #39d300;
	--orange: #f3981e;
	--pink: #f05787;
	--pink-light: #fff4f6;
	--yellow: #fcfc3d;
	--yellow-light: #fff9e8;
}
.bg_orange {
	background-color: var(--orange);
}
.bg_blue_light {
	background-color: var(--blue-light);
}
.bg_green_light {
	background-color: var(--green-light);
}
.bg_pink {
	background-color: var(--pink);
}
.bg_pink_light {
	background-color: var(--pink-light);
}
.bg_yellow_light {
	background-color: var(--yellow-light);
}
.bg_white {
	background-color: white;
}
.text_blue {
	color: var(--blue);
}
.text_green {
	color: var(--green);
}
.text_blue_light {
	color: var(--blue-light);
}
.text_green_light {
	color: var(--green-light);
}
.text_yellow_light {
	color: var(--yellow-light);
}
.text_orange {
	color: var(--orange);
}
.text_pink {
	color: var(--pink);
}
.text_white {
	color: white;
}
.text_underline {
	background-image: linear-gradient(var(--yellow), var(--yellow));
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 100% .4em;
	font-weight: bold;
}


/* -------------------------------------------------------------------------- */
/*	cmn
/* -------------------------------------------------------------------------- */

html,
body {
	border: none;
	margin: 0;
	padding: 0;
  font-family: sans-serif;
}
ul {
  list-style: none;
}
a:hover {
  opacity: .8;
}

@media screen and (min-width: 761px) {
	.sp-only {
		display: none !important;
	}
}
@media screen and (max-width: 740px) {
  .pc-only {
		display: none !important;
	}
}

@media (max-width: 1200px) {
	body {
		overflow-x: hidden;
	}
}

.main_container {
  position: relative;
}
.main_container img {
  width: 100%;
}
.main_container,
footer {
  max-width: 560px;
  margin: 0 auto;
}
@media screen and (max-width: 740px) {
  .main_container,
  footer {
		max-width: 100%;
	}
}

.main_container .mv_btn {
  position: fixed;
  z-index: 2;
  width: 94%;
  bottom: 10px;
  right: inherit;
  left: 50%;
  transform: translateX(-50%);
}
.main_container .mv_btn a {
  color: #fff;
  background: #cd9c12;
  text-align: center;
  padding: 4vw 4vw;
  font-size: 5.8vw;
  font-weight: bold;
  font-family: sans-serif;
  border-radius: 14px;
  display: block;
}
.mv_btn_catch {
  color: #fff147;
  font-size: 22px;
  margin-bottom: 6px;
}
.main_container .mv_btn a::after {
  background-color: transparent;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  content: " ";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 4vw;
  transform: translateY(-50%) rotate(-45deg);
  z-index: 1;
}
@media screen and (min-width: 761px) {
  .main_container .mv_btn {
    max-width: 540px;
    margin: 0 auto;
  }
  .main_container .mv_btn a {
    padding: 30px 20px;
    font-size: 28px;
  }
}
@media screen and (max-width: 740px) {
  .mv_btn_catch {
    font-size: 4.6vw;
  }
}


/* -------------------------------------------------------------------------- */
/*	footer
/* -------------------------------------------------------------------------- */

footer {
  margin-top: 50px;
	background-color: #606060;
}
@media (min-width: 1200px) {
	footer {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		color: white;
    margin-top: 60px;
	}
	footer .footer {
		width: 90%;
		padding: 30px 0;
	}
	footer .footer .logo {
		width: 115px;
	}
	footer .footer .link {
		display: flex;
		padding-top: 20px;
	}
	footer .footer .link a {
		color: white !important;
		padding-right: 20px;
	}
	footer .footer .right {
		line-height: 26px;
    text-align: center;
    margin-top: 40px;
	}
	footer .footer .right a {
		color: white !important;
	}
	footer .copyright {
		font-size: 12px;
		padding: 30px 0;
	}
}
@media (max-width: 1200px) {
	footer {
		color: white;
	}
	footer .footer {
		padding: 30px 20px;
	}
	footer .footer .logo {
		width: 115px;
	}
	footer .footer .link {
		display: flex;
		padding-top: 20px;
		flex-direction: column;
		margin-bottom: 24px;
		color: white;
	}
	footer .footer .link a {
		color: white !important;
		padding-right: 20px;
    margin-bottom: 10px;
	}
	footer .footer .right {
    font-size: 13px;
		line-height: 1.8;
    text-align: center;
	}
	footer .footer .right a {
		color: white !important;
	}
	footer .copyright {
		font-size: 12px;
		padding: 30px 0 120px;
		text-align: center;
	}
}

.logo_title {
  font-size: 20px;
}


/* -------------------------------------------------------------------------- */
/*	flow btn
/* -------------------------------------------------------------------------- */

@media (max-width: 1200px) {
	.apply-btn-group {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 40px 0;
	}
	.apply-btn-group .title {
		font-size: 22px;
		color: #606060;
		margin-bottom: 20px;
	}
	.apply-btn-group .bottom-btn {
		width: 80vw;
		cursor: pointer;
		z-index: 99;
	}
	.apply-btn-group .bottom-btn:hover {
		opacity: 0.9;
	}
}


/* -------------------------------------------------------------------------- */
/*	main_container
/* -------------------------------------------------------------------------- */

.cv_btn {
  width: 460px;
  margin: 40px auto 0;
}
@media screen and (max-width: 740px) {
  .cv_btn {
    width: 80%;
    margin-top: 8vw;
  }
}