@charset "UTF-8";
img, .image {
	width: 100%;
	height: auto;
	display: block;
	max-width: 100%;
}
.bg, .float-bottom-nav {
	display: none;
}
.kv-area__wrapper {
	background: url(../img/bg-kv.png) no-repeat top center / 100% auto;
  padding-bottom: 44vw;
}
.kv-area .cv-button {
	padding-bottom: 50px;
}
.header_logo_anchor .sp_appear {
	width: 120px;
}
.float-bottom-conversion {
	display: none;
	height: auto;
	z-index: 999;
}
/*
.float-bottom-conversion{background:linear-gradient(180deg,rgba(234,18,19,1) 0%,rgba(162,11,11,1) 100%);height:21.33vw}
*/

.cv-button {
	max-width: 90%;
	margin: 0 auto;
}
.cv-button__txt {
	font-size: 4.27vw;
	color: #fff;
	text-align: center;
	line-height: 1;
  margin-top: 3.2vw;
}
.cv-button__terms {
	text-align: center;
	margin-top: 3.2vw;
}
.cv-button__terms-anchor {
	font-size: 3.2vw;
	font-weight: 500;
	color: #fff;
	letter-spacing: .0133vw;
}
.header {
	position: relative;
	z-index: 2;
}
.anchor {
	box-shadow: 0 1.33vw 0 #8e0022;
}
.campaign {
	background-color: #EDEDED;
  overflow: hidden;
}
.pagetop {
	bottom: 5.10vw;
}
.section__inner {
	max-width: 94%;
	margin: 0 auto;
}
/*
.float-bottom-conversion img{padding:2.667vw;max-width:228.8vw}

.float-banner__anchor{display:block}
*/

.flow {
	position: relative;
	margin-top: -48vw;
	z-index: 0;
}
.flow__items {
  position: relative;
  z-index: 0;
}
.flow__items:nth-child(1) {
  padding-bottom: 10vw;
}
.flow__items:nth-child(2),
.flow__items:nth-child(3) {
  padding: 10vw 0;
}
.flow__items:nth-child(1)::after,
.flow__items:nth-child(2)::after {
  content: '';
  position: absolute;
  top: 48vw;
  left: 50%;
  translate: -50% 0;
	width: 100vw;
  height: calc(100% - 48vw);
	background: #C3012E;
	z-index: -1;
}
.flow__items:nth-child(2)::after {
  top: 0;
  height: 100%;
	background: #FCE61A;
}
.flow__title {
	margin-bottom: 5.333vw;
}
.flow__box {
	background: #fff;
	border: 0.8vw solid #000;
	border-radius: 5.333vw;
	overflow: hidden;
}
.flow__img {
	padding: 5.333vw;
}
.flow__btn {
	background: #000;
	padding: 5.333vw;
}
.flow__link {
	display: block;
	width: 58.667vw;
	margin-left: auto;
}
.modal-terms {
	padding: 16vw 4vw 10.667vw;
	margin: 2.667vw;
	width: calc(100% - 5.333vw);
}
.present-notes {
	text-align: left;
}
.present-notes__title {
	font-size: 4vw;
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 5.333vw;
}
.present-notes__heading {
	margin: 8vw 0;
	text-align: center;
	position: relative;
}
.present-notes__heading:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: .267vw;
	background: #000;
	z-index: 1;
}
.present-notes__heading-text {
	display: inline-block;
	font-size: 4.267vw;
	font-weight: 700;
	padding: 0 4vw;
	margin: 0 5.333vw;
	background: #fff;
	position: relative;
	z-index: 2;
}
.present-notes__subtitle {
	margin: 5.333vw 0 1.333vw;
	font-size: 3.733vw;
	font-weight: 700;
	text-align: center;
}
.present-notes__text {
	font-size: 3.2vw;
	margin-bottom: 5.333vw;
	line-height: 1.5;
}
.present-notes__dt {
	margin: 5.333vw 0 1.333vw;
	font-size: 3.733vw;
	font-weight: 700;
	line-height: 1.5;
}
.present-notes__dd {
	font-size: 3.2vw;
	margin-bottom: 5.333vw;
	line-height: 1.5;
}
.present-notes__anchor {
	color: #1897e0;
	transition: .3s cubic-bezier(.13, .78, .38, .98);
}
.present-notes__close, .present-notes__return-anchor {
	width: 13.333vw;
	height: 13.333vw;
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -1000px;
	background: url(../img/btn-modal_close.png) no-repeat center center;
	background-size: 16vw 16vw;
	cursor: pointer;
	overflow: hidden;
	transition: .3s cubic-bezier(.13, .78, .38, .98);
}
.present-notes__return {
	display: none;
}
.present-notes .o-indent {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}
.present-notes .o-indent-big {
	display: inline-block;
	padding-left: 1.25em;
	text-indent: -1.25em;
}
.present-notes .o-bold {
	font-weight: 700;
}
.present-notes .o-red {
	color: #c3092f;
}
.last-cv{
	background: #C3012E;
	padding: 50px 0;
}
.modal-content .cv-button__terms{
	margin-top: 5px;
}
@media (max-width: 768px) {
	.footer {
		margin-bottom: var(--conversion-height);
	}
	.pagetop {
		bottom: calc(var(--conversion-height) + 60px);
	}
}
@media (min-width: 769px) and (max-width: 979px) {
	.footer {
		margin-bottom: var(--conversion-height);
	}
	.pagetop {
		bottom: calc(var(--conversion-height) + 60px);
	}
}