@charset "UTF-8";
/*--------------------------------------
    IMPORT
--------------------------------------*/
@import url('/shop/common/webfont/font.css');
/*--------------------------------------
    RESET
--------------------------------------*/
* {
  box-sizing: border-box;
}
html, body, div, ul, ol, li, dl, dt, dd, h1, p, figure, blockquote {
  margin: 0;
  padding: 0;
}
ul, li {
  list-style: none;
}
em {
  font-weight: bold;
  font-style: normal;
}
img {
  max-width: 100%;
  height: auto;
}

/*--------------------------------------
    全体共通
--------------------------------------*/
body {
  width: 100%;
  height: 100%;
  line-height: 1.75;
  text-align: justify;
  color: #333;
  font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
@media screen and (max-width: 767px) {
  body {
    min-width: initial;
  }
}
@media screen and (max-width: 375px) {
	body {
		overflow-x: hidden;
		max-width: 375px;
	}
}

.l-container__inner {
  margin: auto;
  padding: 0 20px;
	max-width: 1020px;
}
@media screen and (max-width: 767px) {
	.l-container__inner {
		padding: 0 15px;
		max-width: 100%;
	}
}
.c-more-button {
  padding: 0 40px 0 48px;
  position: relative;
  display: flex;
  align-items: center;
  height: 86px;
  line-height: 1;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  background-color: #fff;
  border: 2px solid #333;
  border-radius: 100vh;
  transition: background 0.4s ease-out;
}
@media screen and (min-width: 768px) and (max-width: 980px) {
  .c-more-button {
    padding: 0 28px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .c-more-button {
    padding: 0 28px;
    height: 60px;
    font-size: 1.6rem;
  }
}
.c-more-button::after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  right: 35px;
  bottom: 0;
  width: 12px;
  height: 12px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(-45deg);
}
@media screen and (min-width: 768px) and (max-width: 980px) {
  .c-more-button::after {
    right: 22px;
  }
}
@media screen and (max-width: 767px) {
  .c-more-button::after {
    right: 22px;
    width: 10px;
    height: 10px;
  }
}
.c-more-button__icon {
	margin-top: 5px;
  margin-right: 18px;
  width: 53px;
}
@media screen and (min-width: 768px) and (max-width: 980px) {
  .c-more-button__icon {
    margin-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .c-more-button__icon {
    margin-right: 15px;
    width: 37px;
  }
}
.c-more-button:hover {
  text-decoration: none;
  background-color: #EFEDE0;
}
@media screen and (max-width: 767px) {
  .c-more-button:hover {
    background-color: #fff;
  }
}

.c-application-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 100vw;
  background-color: #E4007F;
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .c-application-button {
    font-size: 1.3rem;
  }
}
.c-application-button::after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  right: 18px;
  bottom: 0;
  width: 9px;
  height: 9px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
  .c-application-button::after {
    right: 16px;
    width: 8px;
    height: 8px;
  }
}
.c-application-button--large {
  font-size: 2.2rem;
	line-height: 1;
}
@media screen and (max-width: 767px) {
  .c-application-button--large {
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}
.c-application-button--large::after {
  top: 50%;
  right: 2.2rem;
  transform: rotate(0) translateY(-50%);
  width: auto;
  height: auto;
  border: 0;
  font-weight: 300;
  font-size: 2.2rem;
  font-family: "Material Icons";
  content: "";
}
@media screen and (max-width: 767px) {
  .c-application-button--large::after {
    right: 1.7rem;
    font-size: 1.8rem;
  }
}
.c-tooltip-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.1);
	transition: visibility 0.1s ease-out,
		opacity 0.1s ease-out;
}
.c-tooltip-overlay.is-show {
	visibility: visible;
	opacity: 1;
}
.c-link-button {
	max-width: 460px;
	margin: auto;
}
.c-link-button__link {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 80px;
	padding-right: 1em;
	border-radius: 100vh;
	background-color: #e4007f;
	color: #fff;
	font-weight: 500;
	font-size: 2.2rem;
	line-height: 1.4545;
	text-align: center;
}
.c-link-button__link::after {
	position: absolute;
	right: 40px;
	width: 22px;
	height: 22px;
	background: url("../img/aupay_link-icon01.svg") no-repeat 0 0 / contain;
	content: "";
}
.c-link-button__link:hover {
	text-decoration: none !important;
}
@media screen and (max-width: 767px) {
	.c-link-button {
		max-width: 100%;
	}
	.c-link-button__link {
		height: 56px;
		font-size: 1.4rem;
		line-height: 1.375;
	}
	.c-link-button__link::after {
		right: 19px;
		width: 15px;
		height: 15px;
	}
}

/*--------------------------------------
    追従バナー
--------------------------------------*/
.c-scroll-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
	padding-right: 1em;
  line-height: 1.2;
  color: #e4007f;
  font-weight: 700;
	font-size: 1.5rem;
  letter-spacing: 0.02em;
  border-radius: 6px;
	/*box-shadow: 0px 0px 7.5px 3.5px rgba(255, 248, 0, 0.6);*/
  background-color: #fff;
}
.c-scroll-button::after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  width: 8px;
  height: 8px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(-45deg);
}
.c-scroll-button--anchor::after {
	transform: rotate(45deg);
}

/*--------------------------------------
    ヘッダー
--------------------------------------*/
.c-header {
  height: 60px;
}
@media screen and (max-width: 767px) {
  .c-header {
    height: 52px;
  }
}
.c-header__link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .c-header__link {
    position: relative;
    padding: 0 1.8rem;
  }
}
.c-header__logo {
  margin-top: 3px;
}
.c-header__text {
  margin-left: 23px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .c-header__text {
    margin-left: 1.4rem;
    letter-spacing: 0.02em;
  }
}

/*--------------------------------------
    アコーディオン
--------------------------------------*/
.p-accordion {
  position: relative;
  cursor: pointer;
}
.p-accordion__icon {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 5rem;
  height: 5rem;
  margin: auto;
  border-radius: 50%;
  background-color: #008ed4;
}
@media screen and (max-width: 767px) {
  .p-accordion__icon {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.p-accordion__icon::before, .p-accordion__icon::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 2.4rem;
  height: 0.5rem;
  margin: auto;
  background-color: #fff;
  content: "";
}
@media screen and (max-width: 767px) {
  .p-accordion__icon::before, .p-accordion__icon::after {
    width: 1.2rem;
    height: 0.25rem;
  }
}
.p-accordion__icon::after {
  transform: rotate(90deg);
}
.is-open .p-accordion__icon::after {
  content: none;
}
.p-accordion__icon--r50 {
  right: 5rem;
}
@media screen and (max-width: 767px) {
  .p-accordion__icon--r50 {
    right: 2rem;
  }
  .p-step .p-accordion__icon--r50 {
    right: 1.2rem;
  }
}

/*--------------------------------------
    共通見出し
--------------------------------------*/
.c-seo-heading {
  display: none;
}
.c-section-title03 {
	margin: 0;
	color: #fff;
	font-weight: 700;
	font-size: 4.2rem;
	line-height: 1;
	text-align: center;
}
.c-section-title02 {
  margin: 0;
  text-align: center;
  font-size: 4rem;
  font-weight: 900;
  letter-spacing: 0.16em;
}
.c-section-title02__emphasis {
  padding-top: 0.5em;
  background: radial-gradient(circle, #E4007F 0.1em, transparent 0.1em) repeat-x top left/1em 0.5em;
}
.c-content-heading {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
  margin: 0;
	background-color: #e4007f;
}
.c-content-heading__text {
	margin-left: -1em;
	color: #fff;
	font-weight: 700;
	font-size: 4.1rem;
	line-height: 1.3;
	text-align: center;
}
.c-section-heading__text {
	margin: 0;
	font-weight: 900;
	font-size: 5.4rem;
	line-height: 1.25;
	text-align: center;
	letter-spacing: 0.05em;
}
.c-section-heading__text--large {
	font-size: 5.8rem;
}
.c-section-heading__row {
	color: #E4007F;
}
.c-section-heading__icon {
	position: absolute;
	top: -36px;
	right: 0;
	left: 0;
	max-width: 160px;
	height: 60px;
	margin: auto;
	line-height: 1;
}
.c-frame-heading {
	display: flex;
	align-items: flex-end;
	padding-bottom: 12px;
	border-bottom: 2px solid #E4007F;
}
.c-frame-heading__text {
	margin: 0;
	font-weight: 700;
	font-size: 22px;
	line-height: 1;
}
@media screen and (max-width: 767px) {
	.c-section-title03 {
		font-size: 2.8rem;
	}
	.c-section-title02 {
    line-height: 1.5368;
    font-size: 5.87vw;
    letter-spacing: 0.02em;
  }
	.c-content-heading {
		height: 88px;
	}
	.c-content-heading__text {
		font-size: 2.6rem;
	}	
	.c-section-heading__text {
		font-size: 3.1rem;
		line-height: 1.15;
		letter-spacing: 0;
	}	
	.c-section-heading__text--large {
		font-size: 3.3rem;
	}
	.c-section-heading__icon {
		top: -28px;
		max-width: 134px;
		height: 48px;
	}
	.c-frame-heading {
		display: block;
	}
	.c-frame-heading__text {
		font-size: 20px;
	}	
}

/*--------------------------------------
    テキスト
--------------------------------------*/
.p-frame-text {
	font-weight: 500;
	font-size: 1.7rem;
	line-height: 1.75;
	text-align: justify;
}
.p-frame-text a {
	color: #0091d7;
}
.p-frame-text__sup {
	font-size: 60%;
}
.p-frame-text-bg {
	margin-top: 10px;
	padding: 5px 1em;
	background-color: #F5F5F5;
}
@media screen and (max-width: 767px) {
	.p-frame-text {
		font-size: 1.6rem;
	}
	.p-frame-text-bg {
		margin-top: 6px;
		padding: 2px 0.5em;
	}
}

/*--------------------------------------
    注釈
--------------------------------------*/
.p-content-note__text {
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.75;
}
.p-content-note__text--strong {
  color: #f00;
  font-weight: 300;
}
.p-content-note__text--point3 {
  line-height: 1;
  text-align: right;
}
@media screen and (max-width: 767px) {
	.p-content-note__text {
		font-size: 1.05rem;
		line-height: 1.6;
	}
	.p-content-note__text--point3 {
		text-align: left;
	}
}

/*--------------------------------------
    個別コンテンツ
--------------------------------------*/
/* = [ ファーストビュー ] ===========================================*/
.p-first-view {
	margin: auto;
	background: rgb(0,0,0);
	/*background-color: #398FD5;/*通常*/
	background: linear-gradient(0deg, rgba(0,145,215,1) 0%, rgba(86,174,215,1) 100%);/*ブルー系*/
	/*background: linear-gradient(0deg, rgba(194, 0, 100, 1) 0%, rgba(255, 59, 137, 1) 100%);/*ピンク系*/
	/*background: linear-gradient(0deg, rgba(250, 239, 230, 1) 0%, rgba(248, 232, 244, 1) 100%);桜*/
	text-align: center;
}
@media screen and (max-width: 767px) {
}

/* = [ ナビゲーション ] ===========================================*/
.p-page-nav {
	max-width: 1020px;
	margin: auto;
	padding: 0 20px;
}
.p-page-nav__list {
	display: flex;
	justify-content: space-between;
}
.p-page-nav__item {
	width: calc(50% - 60px / 2);
}
@media screen and (max-width: 767px) {
	.p-page-nav {
		max-width: 100%;
		text-align: center;
	}
	.p-page-nav__list {
		flex-direction: column;
	}
	.p-page-nav__item {
		width: 100%;
	}
	.p-page-nav__item:not(:first-child) {
		margin-top: 10px;
	}
}

/* = [ フレーム ] ===========================================*/
.p-aupay-frame {
	position: relative;
	margin-top: 110px;
	padding: 55px 34px 34px;
	border-radius: 12px;
	background-color: #fff;
}
.p-frame-container {
	margin-top: 45px;
}
.p-frame-container__inner {
	margin-top: 20px;
}
.p-frame-notes {
	font-size: 1.2rem;
}
.p-frame-notes::before {
	content: "※";
}
.p-frame-notes a {
	color: #0091d7;
	text-decoration: underline;
}
.p-frame-notes a:hover {
	text-decoration: none;
}
.p-frame-period {
	font-weight: 700;
	font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
	.p-aupay-frame {
		margin-top: 60px;
		padding: 35px 13px 13px;
	}
	.p-frame-container {
		margin-top: 30px;
	}	
	.p-frame-container__inner {
		margin-top: 10px;
	}
	.p-frame-period {
		font-size: 2rem;
	}
}

/* = [ 特典内容 ] ===========================================*/
.p-frame-option {
	display: flex;
	justify-content: space-between;
}
.p-frame-option__container {
	overflow: hidden;
	width: calc(50% - 20px / 2);
	border: 2px solid #000;
	border-radius: 8px;
}
.p-frame-option__title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 120px;
	background-color: #000;
	text-align: center;
}
.p-frame-option__title-main {
	color: #fff;
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1;
}
.p-frame-option__title-main sup {
	font-size: 50%;
	vertical-align: top;
}
.p-frame-option__title-sub {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 140px;
	height: 30px;
	margin-top: 15px;
	border-radius: 100vh;
	background-color: #fff;
	color: #2D2D2D;
	font-weight: 700;
	font-size: 1.9rem;
}
.p-frame-option__content {
	height: 120px;
	padding-top: 16px;
	color: #000;
	line-height: 1;
	text-align: center;
}
.p-frame-option__content strong {
	color: #E4007F;
	font-weight: 700;
	font-size: 8rem;
	font-family: "Oswald", sans-serif;
}
.p-frame-option__content-small {
	position: relative;
	font-weight: 500;
	font-size: 2.9rem;
}
.p-frame-option__content-en {
	position: absolute;
	top: -1.25em;
	left: 0;
	width: 100%;
	font-weight: 400;
	font-size: 1.7rem;
}
.p-frame-option__notes {
	margin-top: 12px;
	font-size: 1.6rem;
}
.p-frame-option--one,
.p-frame-option--new {
	justify-content: center;
}
.p-frame-option--new .p-frame-option__title {
	height: 90px;
}
@media screen and (max-width: 767px) {
	.p-frame-option {
		flex-direction: column;
	}
	.p-frame-option__container {
		width: 100%;
	}
	.p-frame-option__container:not(:first-child) {
		margin-top: 10px;
	}
	.p-frame-option__title {
		height: 84px;
	}
	.p-frame-option__title-main {
		font-size: 2rem;
	}
	.p-frame-option__title-main sup {
		font-size: 60%;
	}
	.p-frame-option__title-sub {
		width: 98px;
		height: 21px;
		margin-top: 12px;
		font-size: 1.3rem;
	}
	.p-frame-option__content {
		height: 84px;
		padding-top: 10px;
	}
	.p-frame-option__content strong {
		font-size: 5.9rem;
	}
	.p-frame-option__content-small {
		font-size: 2.2rem;
	}
	.p-frame-option__content-en {
		font-size: 1.3rem;
	}
	.p-frame-option__notes {
		margin-top: 10px;
		font-size: 1.4rem;
	}
	.p-frame-option--new .p-frame-option__title {
		height: 64px;
	}
}

/* アコーディオン */
.p-frame-accordion01 {
	margin-top: 25px;
}
.p-frame-accordion01__container {
	border: 2px solid #000;
}
.p-frame-accordion01__title {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	background-color: #000;
	color: #fff;
	font-weight: 700;
	font-size: 3rem;
	line-height: 1.4;
	text-align: center;
	cursor: pointer;
}
.p-frame-accordion01__title--01 {
	font-size: 2.5rem;
}
.p-frame-accordion01__title::after,
.c-content-heading::after {
	position: absolute;
	margin: auto;
	right: 25px;
	content: "\e147";
	font-family: "Material Icons";
	font-size: 5rem;
}
.p-frame-accordion01__title.is-open::after,
.c-content-heading.is-open::after {
	content: "\e15c";
}
.c-content-heading::after {
	color: #000;
}
.p-frame-accordion01__content {
	padding: 20px 28px 33px;
}
.p-frame-accordion01__text {
	font-size: 1.6rem;
	font-feature-settings: normal;
}
.p-frame-accordion01__text a {
	color: #0091d7;
	text-decoration: underline;
}
.p-frame-accordion01__text a:hover {
	text-decoration: none;
}
.p-frame-accordion01__external-link::after {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 0.15em;
	background: url("../img/aupay_link-icon02.svg") no-repeat 0 0;
	vertical-align: -1px;
	content: "";
}
.p-frame-accordion01__text sup {
	font-size: 60%;
}
.p-frame-accordion01__notes {
	font-size: 1.4rem;
	line-height: 1.75;
	font-feature-settings: normal;
}
.p-frame-accordion01__notes strong {
	color: #e60012;
	font-weight: 400;
}
@media screen and (max-width: 767px) {
	.p-frame-accordion01 {
		margin-top: 20px;
	}
	.p-frame-accordion01__title {
		justify-content: flex-start;
		height: 70px;
		padding: 0 0.75em;
		font-size: 1.9rem;
		text-align: left;
	}
	.p-frame-accordion01__title--01 {
		font-size: 1.8rem;
	}
	.p-frame-accordion01__title::after,
	.c-content-heading::after {
		right: 7px;
		font-size: 3.4rem;
	}
	.p-frame-accordion01__content {
		padding: 15px 10px 18px;
	}
	.p-frame-accordion01__text {
		font-size: 1.4rem;
	}
	.p-frame-accordion01__text a:hover {
		text-decoration: underline;
	}
	.p-frame-accordion01__notes {
		font-size: 1.2rem;
	}
}
@media screen and (max-width: 960px) {
	.p-frame-accordion01__title--01 {
		height: auto;
		padding: 12px 0.75em;
	}
	.p-frame-accordion01__title--01 .u-sp_display {
		display: block!important;
	}
}

/* 特典受け取りまでの流れ */
.p-frame-flow {
	overflow: hidden;
	margin-top: 25px;
}
.p-frame-flow__container {
	position: relative;
	margin-left: 82px;
}
.p-frame-flow__container::before {
	position: absolute;
	top: 25px;
	left: -52px;
	height: 100%;
	border-left: 4px solid #000;
	content: "";
}
.p-frame-flow__title {
	position: relative;
	color: #000;
	font-weight: 900;
	font-size: 2.6rem;
}
.p-frame-flow__title::before {
	position: absolute;
	top: 5px;
	left: -70px;
	width: 40px;
	height: 40px;
	background: #fff no-repeat 50% 0 / contain;
	content: "";
}
.p-frame-flow__title:not(:first-child) {
	margin-top: 35px;
}
.p-frame-flow__title--icon01::before {
	background-image: url("../img/aupay_icon01.svg");
}
.p-frame-flow__title--icon02::before {
	background-image: url("../img/aupay_icon02.svg");
}
.p-frame-flow__title--icon03::before {
	background-image: url("../img/aupay_icon03.svg");
}
.p-frame-flow__title--icon04::before {
	top: -26px;
	height: 220px;
	box-sizing: content-box;
	background-image: url("../img/aupay_icon04.svg");
	background-position: 50% 20px;
}
.p-frame-flow__content {
	margin-top: 20px;
}
.p-frame-flow__inner {
	padding: 20px 30px;
	border-radius: 12px;
	background-color: #F5F5F5;
}
@media screen and (max-width: 767px) {
	.p-frame-flow {
		margin-top: 5px;
	}
	.p-frame-flow__container {
		margin-left: 57px;
	}
	.p-frame-flow__container::before {
		top: 25px;
		left: -37px;
		border-left: 3px solid #000;
	}
	.p-frame-flow__title {
		font-size: 1.8rem;
	}
	.p-frame-flow__title::before {
		top: 2px;
		left: -50px;
		width: 30px;
		height: 30px;
	}
	.p-frame-flow__title:not(:first-child) {
		margin-top: 30px;
	}
	.p-frame-flow__title--icon04::before {
		top: -16px;
		height: 220px;
		background-position: 50% 10px;
	}
	.p-frame-flow__content {
		margin-top: 12px;
	}
	.p-frame-flow__inner {
		padding: 13px 11px;
		border-radius: 12px;
	}
}

.p-frame-table {
	margin-top: 17px;
	width: 100%;
	border: 4px solid #000;
}
@media screen and (max-width: 767px) {
	.p-frame-table {
		border: 2px solid #000;
	}
}

.p-frame-table__body {
	border-bottom: 2px solid #000;
}
@media screen and (max-width: 767px) {
	.p-frame-table__body {
		border-bottom: 1px solid #000;
	}
}

.p-frame-table__title {
	padding: 16px 0;
	font-weight: 700;
	font-size: 3.2rem;
	line-height: 1.3129;
	text-align: center;
	background-color: #000;
	color: #fff;
}
@media screen and (max-width: 767px) {
	.p-frame-table__title {
		padding: 8px 0 0;
		font-size: 1.6rem;
		line-height: 1.25;
	}
}

.p-frame-table__title:first-child {
	width: 58.8%;
	border-right: 2px solid #fff;
}
@media screen and (max-width: 767px) {
	.p-frame-table__title:first-child {
		width: 66.8%;
		border-right: 1px solid #fff;
	}
}

.p-frame-table__title-small {
	font-weight: 400;
	font-size: 2rem;
}
@media screen and (max-width: 767px) {
	.p-frame-table__title-small {
		position: relative;
		bottom: 6px;
		font-size: 0.7rem;
	}
}

.p-frame-table__text {
	text-align: center;
	font-family: "Oswald", sans-serif;
	font-weight: 600;
	font-size: 7rem;
}
.p-frame-table__text strong {
	color: #E4007F;
}
@media screen and (max-width: 767px) {
	.p-frame-table__text {
		font-size: 2.8rem;
	}
}

.p-frame-table__text:first-child {
	border-right: 2px solid #000;
}
@media screen and (max-width: 767px) {
	.p-frame-table__text:first-child {
		border-right: 1px solid #000;
	}
}

.p-frame-table__text--two p {
	margin: 0;
	display: inline-block;
}
.p-frame-table__text--two p:first-child {
	position: relative;
	left: 5px;
}
@media screen and (max-width: 767px) {
	.p-frame-table__text--two p:first-child {
		left: 3px;
	}
}

.p-frame-table__text--two p:last-child {
	position: relative;
	right: 8px;
}
@media screen and (max-width: 767px) {
	.p-frame-table__text--two p:last-child {
		right: 3px;
	}
}

.p-frame-table__text-small {
	font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 500;
	font-size: 2.88rem;
	position: relative;
	left: 5px;
}
@media screen and (max-width: 767px) {
	.p-frame-table__text-small {
		font-size: 1.159rem;
		left: 1px;
	}
}

/* = [ au PAY 残高支払い利用期間 ] ===========================================*/
.p-frame-period-notes {
	margin-left: 1.25em;
	color: #E60012;
	font-weight: 500;
	font-size: 1.7rem;
	line-height: 1;
}
@media screen and (max-width: 767px) {
	.p-frame-period-notes {
		margin: 10px 0 0 0;
		font-size: 1.2rem;
	}
}
.p-frame-period-text {
	margin-top: 8px;
	font-weight: 400;
	font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
	.p-frame-period-text {
		margin-top: 2px;
		font-size: 1.4rem;
	}
	.p-frame-text--period {
		font-size: 1.2rem;
	}
}

/* = [ 対象店舗 ] ===========================================*/
.p-frame-notice {
	margin-top: 30px;
	padding: 13px 18px 18px;
	border: 2px solid #e60012;
}
.p-frame-notice--black {
	margin-top: 20px;
	padding: 13px 20px 15px;
	border: 0;
	background-color: #fff;
}
.p-frame-notice__text {
	color: #e60012;
	font-size: 1.6rem;
	line-height: 1.75;
	font-feature-settings: normal;
}
.p-frame-notice__text--black {
	color: #333;
}
@media screen and (max-width: 767px) {
	.p-frame-notice {
		margin-top: 11px;
		padding: 8px;
		border: 1px solid #e60012;
	}
	.p-frame-notice--black {
		border: 0;
	}	
	.p-frame-notice__text {
		font-size: 1.4rem;
		line-height: 1.57;
	}
	
}

/* = [ キャンペーンバナー ] ===========================================*/
@media screen and (max-width: 767px) {
	.p-frame-campaign .c-section-heading__text {
		font-size: 3rem;
	}
}

.p-frame-campaign .p-frame-container {
	border: 2px solid #000;
	padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.p-frame-campaign .p-frame-container {
		padding-bottom: 10px;
	}
}

.p-frame-campaign .c-frame-heading {
	margin: 35px 50px 0;
	padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.p-frame-campaign .c-frame-heading {
		margin: 17px 8px 0;
		padding-bottom: 5px;
		border-bottom: 1px solid #bf9c46;
	}
}

.p-frame-campaign .c-frame-heading__text {
	font-size: 3rem;
}
@media screen and (max-width: 767px) {
	.p-frame-campaign .c-frame-heading__text {
		font-size: 1.6rem;
		line-height: 1.438;
	}
}

.p-frame-campaign .p-frame-container__inner {
	margin: 17px 50px 0;
}
@media screen and (max-width: 767px) {
	.p-frame-campaign .p-frame-container__inner {
		margin: 7px 8px 0;
	}
}

.p-frame-campaign__text {
	font-weight: 400;
	font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
	.p-frame-campaign__text {
		font-size: 1.4rem;
	}
}

.p-frame-campaign__period {
	display: flex;
	margin-top: 10px;
	font-weight: 400;
	font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
	.p-frame-campaign__period {
		margin-top: 5px;
		font-size: 1.2rem;
	}
}

.p-frame-campaign__period-title span {
	position: relative;
	left: 5px;
}
@media screen and (max-width: 767px) {
	.p-frame-campaign__period-title span {
		left: 3px;
	}
}

.p-frame-campaign__period-title {
	position: relative;
	padding-left: 17px;
}
@media screen and (max-width: 767px) {
	.p-frame-campaign__period-title {
		padding-left: 12px;
	}
}

.p-frame-campaign__period-title::before {
	content: "";
	position: absolute;
	background-color: #BF9C46;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	height: 20px;
	width: 7px;
}
@media screen and (max-width: 767px) {
	.p-frame-campaign__period-title::before {
		height: 13px;
		width: 5px;
	}
}

.p-frame-campaign__period-text {
	margin-left: 10px;
}
@media screen and (max-width: 767px) {
	.p-frame-campaign__period-text {
		margin-left: 6px;
	}
}

.p-frame-campaign__period-link {
	margin-top: 10px;
}
@media screen and (max-width: 767px) {
	.p-frame-campaign__period-link {
		margin-top: 0;
	}
}

.p-frame-campaign__period-link a {
	font-weight: 400;
	font-size: 1.6rem;
	color: #0091d7;
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	.p-frame-campaign__period-link a {
		font-size: 1.2rem;
	}
}

.p-frame-campaign__period-link a:hover {
	text-decoration: none;
}

/* = [ 過去のキャンペーン] ===========================================*/
.p-bg-color02 {
	padding: 45px 0 23px;
	background-color: #464646;
}
.p-past {
	max-width: 900px;
	margin: auto;
	font-feature-settings: normal;
}
.p-past__title {
	margin: 50px 0 0 0;
	padding-bottom: 20px;
	border-bottom: 2px solid #bf9c46;
	color: #fff;
	font-weight: 500;
	font-size: 2.8rem;
	line-height: 1;
}
.p-past-link__link {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.p-past-link__link--center {
	justify-content: center;
}
.p-past-link__item {
	width: calc(50% - 20px / 2);
	height: 60px;
	margin-top: 30px;
}
.p-past-link__item a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	padding-right: 1em;
	border-radius: 100vh;
	background-color: #fff;
	font-size: 2rem;
	text-align: center;
}
.p-past-link__item a::after {
	position: absolute;
	top: 0;
	right: 30px;
	bottom: 0;
	transform: rotate(45deg);
	width: 12.5px;
	height: 12.5px;
	margin: auto;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	content: "";
}
.p-past-link__notes {
	margin-top: 30px;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.75;
	text-align: center;
}
@media screen and (max-width: 900px) {
	.p-bg-color02 {
		padding: 30px 0 13px;
	}
	.p-past {
		max-width: 100%;
	}
	.p-past__title {
		margin: 30px 0 0 0;
		padding-bottom: 14px;
		font-size: 1.9rem;
	}
	.p-past-link__link {
		display: block;
	}
	.p-past-link__item {
		width: 100%;
		margin-top: 20px;
	}
	.p-past-link__item a {
		font-size: 1.6rem;
	}
	.p-past-link__item a::after {
		top: 0;
		right: 20px;
		width: 10px;
		height: 10px;
	}
	.p-past-link__notes {
		margin-top: 16px;
		font-size: 1.4rem;
		text-align: justify;
	}
}

/* = [ もっと知りたい ] ===========================================*/
.p-bg-color03 {
  padding: 85px 0;
  background-color: #EFEDE0;
}
@media screen and (max-width: 767px) {
  .p-bg-color03 {
    padding: 40px 0 35px;
  }
}

.p-more-link {
  margin-top: 4px;
}
@media screen and (max-width: 767px) {
  .p-more-link {
    margin-top: 0;
  }
}
.p-more-link__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-more-link__list {
    flex-direction: column;
  }
}
.p-more-link__item {
  width: calc(50% - 30px);
}
@media screen and (max-width: 767px) {
  .p-more-link__item {
    margin: auto;
    width: 90%;
  }
}
.p-more-link__lead {
  line-height: 1;
  text-align: center;
}
.p-more-link__lead-inner {
  margin-top: 40px;
  padding: 0 1em;
  position: relative;
  display: inline-block;
  font-size: 1.9rem;
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) and (max-width: 980px) {
  .p-more-link__lead-inner {
    font-size: 1.95vw;
  }
}
@media screen and (max-width: 767px) {
  .p-more-link__lead-inner {
    margin-top: 20px;
    font-size: 1.4rem;
  }
}
.p-more-link__lead-inner::before, .p-more-link__lead-inner::after {
  content: "";
  position: relative;
  top: 7px;
  display: inline-block;
  width: 2px;
  height: 28px;
  background-color: #333;
}
@media screen and (max-width: 767px) {
  .p-more-link__lead-inner::before, .p-more-link__lead-inner::after {
    top: 5px;
    width: 1px;
    height: 20px;
  }
}
.p-more-link__lead-inner::before {
  margin-right: 1em;
  transform: rotate(-19deg);
}
.p-more-link__lead-inner::after {
  margin-left: 1em;
  transform: rotate(19deg);
}
.p-more-link__link {
  margin-top: 17px;
}

.p-link--w318 {
  width: 100%;
  max-width: 31.8rem;
  height: 8.6rem;
  margin: auto;
}
.p-link--w428 {
  width: 100%;
  max-width: 460px;
  height: 80px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .p-link--w318,
	.p-link--w428 {
    max-width: 29rem;
    height: 6rem;
  }
}


.page-top {
  z-index: 200;
}

.p-point-2column {
  display: flex;
}
@media screen and (max-width: 900px) {
  .p-point-2column {
    flex-direction: column;
  }
}
.p-point-2column__heading {
  font-weight: 700;
  font-size: 3.1rem;
}
@media screen and (max-width: 900px) {
  .p-point-2column__heading {
    font-size: 1.9rem;
  }
}
.p-point-2column__lead {
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 1;
  letter-spacing: 0.075em;
}

.p-point-content {
  position: relative;
}
.p-point-content__content {
  padding: 0 4.5rem 5rem;
}
@media screen and (max-width: 900px) {
  .p-point-content__content {
		margin-top: 15px;
    padding: 0 0 3.5rem;
  }
}

.p-content-text01 {
	font-weight: 700;
	font-size: 2rem;
}
.p-content-text03 {
	margin: 0;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.5;
	letter-spacing: 0.07em;
}
@media screen and (max-width: 900px) {
	.p-content-text01 {
		font-size: 1.6rem;
	}	
	.p-content-text03 {
		font-size: 1.3rem;
	}
}

/* = [ 追従バナー ] ===========================================*/
.p-scroll-banner {
	padding: 10px 14px;
	position: fixed;
	left: 0;
	bottom: -200px;
	z-index: 200;
	width: 100%;
	background: linear-gradient(0deg, rgba(194,0,100,1) 0%, rgba(255,59,137,1) 100%);
	text-align: center;
	transition: bottom 0.5s ease-out;
}
.p-scroll-banner.is-active {
  bottom: 0;
}
.p-scroll-banner__lead {
	display: inline-block;
	position: relative;
	padding: 0 1em;
	color: #fff;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.02em;
}
.p-scroll-banner__lead-link {
	color: #fff;
 	border-bottom: 1px solid #fff;
}
.p-scroll-banner__lead-link:hover {
	text-decoration: none !important;
}
/*****
.p-scroll-banner__lead::before,
.p-scroll-banner__lead::after {
	position: absolute;
	width: 19px;
	height: 19px;
	bottom: -2px;
	background: url("../img/aupay_floating_icon_sp.svg") no-repeat 0 0 / contain;
	content: "";
}
.p-scroll-banner__lead::before {
	left: 0;
}
.p-scroll-banner__lead::after {
	right: 0;
	transform: scaleX(-1);
}
*****/
.p-scroll-banner__list {
	margin: 5px auto 0;
  display: flex;
  justify-content: space-between;
  max-width: 980px;
}
.p-scroll-banner__item {
	width: calc(100% / 2 - 10px / 2);
	height: 42px;
}

.p-content-block--point3 .p-point-content__content { 
	position: relative;
}
.p-tooltip02__notes {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
	top: 130px;
	left: 0;
  width: 8.3rem;
  height: 3.1rem;
  padding: 0 0.7rem;
  border-radius: 4px;
  background-color: #EBEBEB;
	cursor: pointer;
}
@media screen and (max-width: 900px) {
  .p-tooltip02__notes {
		top: 85px;
		left: 0;
    width: 6.25rem;
    height: 2.35rem;
    padding: 0 0.35rem;
    border-radius: 2px;
  }
}
.p-tooltip02__notes-text {
	display: flex;
	align-items: center;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.04em;
}
.p-tooltip02__notes-text::after {
	position: relative;
	top: -1px;
	width: 2.4rem;
	height: 2.4rem;
	margin-left: 0.5rem;
	background: url("../img/ols_icon11.svg") no-repeat 0 0;
	content: "";
}
@media screen and (max-width: 900px) {
  .p-tooltip02__notes-text {
    font-size: 1.35rem;
  }
	.p-tooltip02__notes-text::after {
		top: 0;
		width: 1.8rem;
		height: 1.8rem;
	}
}
.p-tooltip02__content {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 175px;
  left: -72px;
	z-index: 10;
  visibility: hidden;
  opacity: 0;
  width: 42rem;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 5.2rem 1.5rem;
  border: 2px solid #E4007F;
  background-color: #fff;
  transition: top 0.2s ease-out, opacity 0.2s ease-out, visibility 0.2s ease-out;
}
@media screen and (max-width: 900px) {
  .p-tooltip02__content {
    top: 13rem;
		right: 0;
		left: 0;
    width: calc(100% - 4rem);
    padding: 1rem 1.5rem 4rem 1.5rem;
  }
}
.p-tooltip02__content::before, .p-tooltip02__content::after {
  position: absolute;
  top: -2rem;
	left: 12.2rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 20px 10px;
  content: "";
}
@media screen and (max-width: 900px) {
  .p-tooltip02__content::before, .p-tooltip02__content::after {
		left: 4.4rem;
  }
}
.p-tooltip02__content::before {
  border-color: transparent transparent #E4007F transparent;
}
.p-tooltip02__content::after {
  top: -1.6rem;
  border-color: transparent transparent #fff transparent;
}
.p-tooltip02__content.is-show {
  top: 185px;
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 900px) {
  .p-tooltip02__content.is-show {
    top: 130px;
		left: -57px;
  }
}
.p-tooltip02__content-inner {
  display: inline-flex;
  flex-direction: column;
  line-height: 2;
}
.p-tooltip02__text {
  font-weight: 500;
  font-size: 1.4rem;
}
@media screen and (max-width: 900px) {
  .p-tooltip02__text {
    font-size: 1rem;
  }
}
.p-tooltip02__text:not(:first-child) {
  margin-top: 1.75rem;
}
.p-tooltip02__close {
  position: absolute;
  bottom: 1.3rem;
  right: 0;
  left: 0;
  width: 3rem;
  margin: auto;
  color: #E4007F;
  font-size: 3rem;
  cursor: pointer;
}
@media screen and (max-width: 900px) {
  .p-tooltip02__close {
    bottom: 1rem;
    font-size: 2.6rem;
  }
}

/*--------------------------------------
    au PAY残高の条件等
--------------------------------------*/
.p-aupay-condition {
	margin: 8rem 0;
}
.p-aupay-condition__title {
	display: flex;
	align-items: center;
	position: relative;
	margin: auto;
	padding-left: 12rem;
	height: 10rem;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1;
	background-color: #F0F0F0;
	cursor: pointer;
}
.p-aupay-condition__title-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 5rem;
	bottom: 0;
	width: 5rem;
	height: 5rem;
	margin: auto;
	border-radius: 50%;
	background-color: #505050;
}
.p-aupay-condition__title-icon::before,
.p-aupay-condition__title-icon::after {
	display: block;
	position: absolute;
	width: 2.4rem;
	height: 0.48rem;
	background-color: #fff;
	content: "";
}
.p-aupay-condition__title-icon::after {
	transform: rotate(90deg);
}
.is-open .p-aupay-condition__title-icon::after {
	display: none;
}
.p-aupay-condition__content {
	margin-top: 8rem;
}
.p-aupay-condition-seciton {
	margin-top: 8rem;
}
.p-aupay-condition-seciton__inner {
	margin-top: 2.5rem;
}
.p-aupay-condition-seciton__title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 5rem;
	margin: 4rem 0 1.5rem 0;
	background-color: #F0F0F0;
	font-weight: 700;
	font-size: 1.8rem;
	text-align: center;
}
.p-aupay-condition-seciton__text {
	font-feature-settings: normal;
}
.p-aupay-condition-seciton__text--color01 {
	color: #f00;
}
.p-aupay-condition-seciton__text--indent01 {
	padding-left: 3.75rem;
	text-indent: -3.75rem;
}
.p-aupay-condition-seciton__text--indent02 {
	padding-left: 1em;
}
.p-aupay-condition-seciton__text a {
	color: #008dd3;
	text-decoration: underline;
}
.p-aupay-condition-seciton__text a:hover {
	text-decoration: none;
}
.p-aupay-condition__option {
	margin: 3rem 0;
	padding: 2.5rem 3rem;
	border: 2px solid #f00;
}
@media screen and (max-width: 767px) {
	.p-aupay-condition {
		margin: 3.5rem 0;
	}
	.p-aupay-condition__title {
		padding-left: 1.25rem;
		height: 5rem;
		font-size: 1.45rem;
	}
	.p-aupay-condition__title-icon {
		right: 1.5rem;
		width: 2.5rem;
		height: 2.5rem;
	}
	.p-aupay-condition__title-icon::before,
	.p-aupay-condition__title-icon::after {
		width: 1.2rem;
		height: 0.24rem;
	}
	.p-aupay-condition__content {
		margin-top: 3rem;
	}
	.p-aupay-condition-seciton {
		margin-top: 4rem;
	}
	.p-aupay-condition-seciton__title {
		height: auto;
		padding: 10px;
		margin: 3.5rem 0 1.5rem 0;
		font-size: 1.65rem;
	}
	.p-aupay-condition-seciton__text--indent01 {
		padding-left: 0;
		text-indent: 0;
	}
	.p-aupay-condition-seciton__text a {
		color: #008dd3;
		text-decoration: underline;
	}
	.p-aupay-condition-seciton__text a:hover {
		text-decoration: underline;
	}
	.p-aupay-condition__option {
		margin: 2.5rem 0;
		padding: 1.5rem 2rem;
	}
}
.p-aupay-notab-title {
	font-weight: 900;
	font-size: 3.5rem;
	line-height: 1.1;
	text-align: center;
	color: #0087CD;
}
.p-aupay-notab-title span {
	font-size: 2.7rem;
}
@media screen and (max-width: 767px) {
	.p-aupay-notab-title {
		font-size: 1.8rem;
	}
	.p-aupay-notab-title span {
		font-size: 1.6rem;
	}
}

/*--------------------------------------
    FONT COLOR
--------------------------------------*/
.u-f_color01 {
  color: #333;
}

.u-f_color02 {
  color: #E4007F;
}

/*--------------------------------------
    LAYOUT VARIATION
--------------------------------------*/
/* margin variation */
.u-mt00 {
  margin-top: 0 !important;
}

.u-mt01 {
  margin-top: 1px !important;
}

.u-mt02 {
  margin-top: 2px !important;
}

.u-mt03 {
  margin-top: 3px !important;
}

.u-mt04 {
  margin-top: 4px !important;
}

.u-mt05 {
  margin-top: 5px !important;
}

.u-mt06 {
  margin-top: 6px !important;
}

.u-mt07 {
  margin-top: 7px !important;
}

.u-mt08 {
  margin-top: 8px !important;
}

.u-mt09 {
  margin-top: 9px !important;
}

.u-mt10 {
  margin-top: 10px !important;
}

.u-mt11 {
  margin-top: 11px !important;
}

.u-mt12 {
  margin-top: 12px !important;
}

.u-mt13 {
  margin-top: 13px !important;
}

.u-mt14 {
  margin-top: 14px !important;
}

.u-mt15 {
  margin-top: 15px !important;
}

.u-mt16 {
  margin-top: 16px !important;
}

.u-mt17 {
  margin-top: 17px !important;
}

.u-mt18 {
  margin-top: 18px !important;
}

.u-mt19 {
  margin-top: 19px !important;
}

.u-mt20 {
  margin-top: 20px !important;
}

.u-mt21 {
  margin-top: 21px !important;
}

.u-mt22 {
  margin-top: 22px !important;
}

.u-mt23 {
  margin-top: 23px !important;
}

.u-mt24 {
  margin-top: 24px !important;
}

.u-mt25 {
  margin-top: 25px !important;
}

.u-mt26 {
  margin-top: 26px !important;
}

.u-mt27 {
  margin-top: 27px !important;
}

.u-mt28 {
  margin-top: 28px !important;
}

.u-mt29 {
  margin-top: 29px !important;
}

.u-mt30 {
  margin-top: 30px !important;
}

.u-mt31 {
  margin-top: 31px !important;
}

.u-mt32 {
  margin-top: 32px !important;
}

.u-mt33 {
  margin-top: 33px !important;
}

.u-mt34 {
  margin-top: 34px !important;
}

.u-mt35 {
  margin-top: 35px !important;
}

.u-mt36 {
  margin-top: 36px !important;
}

.u-mt37 {
  margin-top: 37px !important;
}

.u-mt38 {
  margin-top: 38px !important;
}

.u-mt39 {
  margin-top: 39px !important;
}

.u-mt40 {
  margin-top: 40px !important;
}

.u-mt41 {
  margin-top: 41px !important;
}

.u-mt42 {
  margin-top: 42px !important;
}

.u-mt43 {
  margin-top: 43px !important;
}

.u-mt44 {
  margin-top: 44px !important;
}

.u-mt45 {
  margin-top: 45px !important;
}

.u-mt46 {
  margin-top: 46px !important;
}

.u-mt47 {
  margin-top: 47px !important;
}

.u-mt48 {
  margin-top: 48px !important;
}

.u-mt49 {
  margin-top: 49px !important;
}

.u-mt50 {
  margin-top: 50px !important;
}

.u-mt51 {
  margin-top: 51px !important;
}

.u-mt52 {
  margin-top: 52px !important;
}

.u-mt53 {
  margin-top: 53px !important;
}

.u-mt54 {
  margin-top: 54px !important;
}

.u-mt55 {
  margin-top: 55px !important;
}

.u-mt56 {
  margin-top: 56px !important;
}

.u-mt57 {
  margin-top: 57px !important;
}

.u-mt58 {
  margin-top: 58px !important;
}

.u-mt59 {
  margin-top: 59px !important;
}

.u-mt60 {
  margin-top: 60px !important;
}

.u-mt61 {
  margin-top: 61px !important;
}

.u-mt62 {
  margin-top: 62px !important;
}

.u-mt63 {
  margin-top: 63px !important;
}

.u-mt64 {
  margin-top: 64px !important;
}

.u-mt65 {
  margin-top: 65px !important;
}

.u-mt66 {
  margin-top: 66px !important;
}

.u-mt67 {
  margin-top: 67px !important;
}

.u-mt68 {
  margin-top: 68px !important;
}

.u-mt69 {
  margin-top: 69px !important;
}

.u-mt70 {
  margin-top: 70px !important;
}

.u-mt71 {
  margin-top: 71px !important;
}

.u-mt72 {
  margin-top: 72px !important;
}

.u-mt73 {
  margin-top: 73px !important;
}

.u-mt74 {
  margin-top: 74px !important;
}

.u-mt75 {
  margin-top: 75px !important;
}

.u-mt76 {
  margin-top: 76px !important;
}

.u-mt77 {
  margin-top: 77px !important;
}

.u-mt78 {
  margin-top: 78px !important;
}

.u-mt79 {
  margin-top: 79px !important;
}

.u-mt80 {
  margin-top: 80px !important;
}

.u-mt85 {
  margin-top: 85px !important;
}

.u-mt90 {
  margin-top: 90px !important;
}

.u-mt95 {
  margin-top: 95px !important;
}

.u-mt100 {
  margin-top: 100px !important;
}

.u-mr00 {
  margin-right: 0 !important;
}

.u-mr05 {
  margin-right: 5px !important;
}

.u-mr10 {
  margin-right: 10px !important;
}

.u-mr15 {
  margin-right: 15px !important;
}

.u-mr18 {
  margin-right: 18px !important;
}

.u-mr20 {
  margin-right: 20px !important;
}

.u-mr25 {
  margin-right: 25px !important;
}

.u-mr30 {
  margin-right: 30px !important;
}

.u-mr35 {
  margin-right: 35px !important;
}

.u-mr40 {
  margin-right: 40px !important;
}

.u-mr45 {
  margin-right: 45px !important;
}

.u-mr50 {
  margin-right: 50px !important;
}

.u-mr55 {
  margin-right: 55px !important;
}

.u-mr60 {
  margin-right: 60px !important;
}

.u-mr65 {
  margin-right: 65px !important;
}

.u-mr70 {
  margin-right: 70px !important;
}

.u-mr75 {
  margin-right: 75px !important;
}

.u-mr80 {
  margin-right: 80px !important;
}

.u-mr85 {
  margin-right: 85px !important;
}

.u-mr90 {
  margin-right: 90px !important;
}

.u-mr95 {
  margin-right: 95px !important;
}

.u-mr100 {
  margin-right: 100px !important;
}

.u-mb00 {
  margin-bottom: 0 !important;
}

.u-mb05 {
  margin-bottom: 5px !important;
}

.u-mb10 {
  margin-bottom: 10px !important;
}

.u-mb15 {
  margin-bottom: 15px !important;
}

.u-mb18 {
  margin-bottom: 18px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

.u-mb25 {
  margin-bottom: 25px !important;
}

.u-mb30 {
  margin-bottom: 30px !important;
}

.u-mb32 {
  margin-bottom: 32px !important;
}

.u-mb35 {
  margin-bottom: 35px !important;
}

.u-mb40 {
  margin-bottom: 40px !important;
}

.u-mb45 {
  margin-bottom: 45px !important;
}

.u-mb50 {
  margin-bottom: 50px !important;
}

.u-mb55 {
  margin-bottom: 55px !important;
}

.u-mb60 {
  margin-bottom: 60px !important;
}

.u-mb65 {
  margin-bottom: 65px !important;
}

.u-mb70 {
  margin-bottom: 70px !important;
}

.u-mb75 {
  margin-bottom: 75px !important;
}

.u-mb80 {
  margin-bottom: 80px !important;
}

.u-mb85 {
  margin-bottom: 85px !important;
}

.u-mb90 {
  margin-bottom: 90px !important;
}

.u-mb95 {
  margin-bottom: 95px !important;
}

.u-mb100 {
  margin-bottom: 100px !important;
}

.u-ml00 {
  margin-left: 0 !important;
}

.u-ml05 {
  margin-left: 5px !important;
}

.u-ml10 {
  margin-left: 10px !important;
}

.u-ml15 {
  margin-left: 15px !important;
}

.u-ml18 {
  margin-left: 18px !important;
}

.u-ml20 {
  margin-left: 20px !important;
}

.u-ml25 {
  margin-left: 25px !important;
}

.u-ml30 {
  margin-left: 30px !important;
}

.u-ml35 {
  margin-left: 35px !important;
}

.u-ml40 {
  margin-left: 40px !important;
}

.u-ml45 {
  margin-left: 45px !important;
}

.u-ml50 {
  margin-left: 50px !important;
}

.u-ml55 {
  margin-left: 55px !important;
}

.u-ml60 {
  margin-left: 60px !important;
}

.u-ml65 {
  margin-left: 65px !important;
}

.u-ml70 {
  margin-left: 70px !important;
}

.u-ml75 {
  margin-left: 75px !important;
}

.u-ml80 {
  margin-left: 80px !important;
}

.u-ml85 {
  margin-left: 85px !important;
}

.u-ml90 {
  margin-left: 90px !important;
}

.u-ml95 {
  margin-left: 95px !important;
}

.u-ml100 {
  margin-left: 100px !important;
}

.u-minus_mt01 {
  margin-top: -1px !important;
}

.u-minus_mt02 {
  margin-top: -2px !important;
}

.u-minus_mt03 {
  margin-top: -3px !important;
}

.u-minus_mt04 {
  margin-top: -4px !important;
}

.u-minus_mt05 {
  margin-top: -5px !important;
}

.u-minus_mt06 {
  margin-top: -6px !important;
}

.u-minus_mt07 {
  margin-top: -7px !important;
}

.u-minus_mt08 {
  margin-top: -8px !important;
}

.u-minus_mt09 {
  margin-top: -9px !important;
}

.u-minus_mt10 {
  margin-top: -10px !important;
}

.u-minus_mt11 {
  margin-top: -11px !important;
}

.u-minus_mt12 {
  margin-top: -12px !important;
}

.u-minus_mt13 {
  margin-top: -13px !important;
}

.u-minus_mt14 {
  margin-top: -14px !important;
}

.u-minus_mt15 {
  margin-top: -15px !important;
}

.u-minus_mt16 {
  margin-top: -16px !important;
}

.u-minus_mt17 {
  margin-top: -17px !important;
}

.u-minus_mt18 {
  margin-top: -18px !important;
}

.u-minus_mt19 {
  margin-top: -19px !important;
}

.u-minus_mt20 {
  margin-top: -20px !important;
}

.u-minus_mt21 {
  margin-top: -21px !important;
}

.u-minus_mt22 {
  margin-top: -22px !important;
}

.u-minus_mt23 {
  margin-top: -23px !important;
}

.u-minus_mt24 {
  margin-top: -24px !important;
}

.u-minus_mt25 {
  margin-top: -25px !important;
}

.u-minus_mt26 {
  margin-top: -26px !important;
}

.u-minus_mt27 {
  margin-top: -27px !important;
}

.u-minus_mt28 {
  margin-top: -28px !important;
}

.u-minus_mt29 {
  margin-top: -29px !important;
}

.u-minus_mt30 {
  margin-top: -30px !important;
}

.u-minus_mt31 {
  margin-top: -31px !important;
}

.u-minus_mt32 {
  margin-top: -32px !important;
}

.u-minus_mt33 {
  margin-top: -33px !important;
}

.u-minus_mt34 {
  margin-top: -34px !important;
}

.u-minus_mt35 {
  margin-top: -35px !important;
}

.u-minus_mt36 {
  margin-top: -36px !important;
}

.u-minus_mt37 {
  margin-top: -37px !important;
}

.u-minus_mt38 {
  margin-top: -38px !important;
}

.u-minus_mt39 {
  margin-top: -39px !important;
}

.u-minus_mt40 {
  margin-top: -40px !important;
}

/* width variation */
.u-wid200 {
  width: 200px !important;
}

.u-wid250 {
  width: 250px !important;
}

.u-wid300 {
  width: 300px !important;
}

.u-wid350 {
  width: 350px !important;
}

.u-wid400 {
  width: 400px !important;
}

.u-wid450 {
  width: 450px !important;
}

.u-wid500 {
  width: 500px !important;
}

.u-wid550 {
  width: 550px !important;
}

.u-wid600 {
  width: 600px !important;
}

.u-wid650 {
  width: 650px !important;
}

.u-wid700 {
  width: 700px !important;
}

.u-wid750 {
  width: 750px !important;
}

.u-wid800 {
  width: 800px !important;
}

.u-wid850 {
  width: 850px !important;
}

.u-wid900 {
  width: 900px !important;
}

.u-wid950 {
  width: 950px !important;
}

.u-wid1000 {
  width: 1000px !important;
}

.u-wid1050 {
  width: 1050px !important;
}

.u-wid1100 {
  width: 1100px !important;
}

.u-wid1150 {
  width: 1150px !important;
}

.u-wid1200 {
  width: 1200px !important;
}

/* font variation */
.u-f10 {
  font-size: 0.625rem !important;
}

.u-f11 {
  font-size: 0.6875rem !important;
}

.u-f12 {
  font-size: 0.75rem !important;
}

.u-f13 {
  font-size: 0.8125rem !important;
}

.u-f14 {
  font-size: 0.875rem !important;
}

.u-f15 {
  font-size: 0.9375rem !important;
}

.u-f16 {
  font-size: 1rem !important;
}

.u-f17 {
  font-size: 1.0625rem !important;
}

.u-f18 {
  font-size: 1.125rem !important;
}

.u-f19 {
  font-size: 1.1875rem !important;
}

.u-f20 {
  font-size: 1.25rem !important;
}

.u-f21 {
  font-size: 1.3125rem !important;
}

.u-f22 {
  font-size: 1.375rem !important;
}

.u-f23 {
  font-size: 1.4375rem !important;
}

.u-f24 {
  font-size: 1.5rem !important;
}

.u-f25 {
  font-size: 1.5625rem !important;
}

.u-f26 {
  font-size: 1.625rem !important;
}

.u-f27 {
  font-size: 1.6875rem !important;
}

.u-f28 {
  font-size: 1.75rem !important;
}

.u-f29 {
  font-size: 1.8125rem !important;
}

.u-f30 {
  font-size: 1.875rem !important;
}

/* line option */
.u-new_line {
  display: inline-block;
}

/* box option */
.u-m_center {
  margin: 0 auto;
}

/* font-weight option */
.u-fw_bold {
  font-weight: bold !important;
}

.u-fw_normal {
  font-weight: normal !important;
}

/* display option */
.u-display_none {
  display: none !important;
}

.u-sp_display {
  display: none !important;
}

.u-pc_display {
  display: block !important;
}

.u-sp_display_ib {
  display: none !important;
}

.u-pc_display_ib {
  display: inline-block !important;
}

/* text option */
.u-ta_left {
  text-align: left !important;
}

.u-ta_right {
  text-align: right !important;
}

.u-ta_center {
  text-align: center !important;
}

.u-ta_justify {
  text-align: justify !important;
}

.u-lh_flat {
  line-height: 1 !important;
}

/* float option */
.u-fl_left {
  float: left !important;
}

.u-fl_right {
  float: right !important;
}

.u-fl_none {
  float: none !important;
}

/* border opiton */
.u-bd_t_none {
  border-top: none !important;
}

.u-bd_r_none {
  border-right: none !important;
}

.u-bd_b_none {
  border-bottom: none !important;
}

.u-bd_l_none {
  border-left: none !important;
}

/* flexbox opiton */
.u-content_flex {
  display: flex;
}

.u-content_flex_spbw {
  display: flex;
  justify-content: space-between;
}

.u-content_flex_wrap {
  display: flex;
  flex-wrap: wrap;
}

.u-content_flex_wrap_spbw {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.u-content_flex_column {
  display: flex;
  flex-direction: column;
}

.u-align_items_center {
  align-items: center;
}

.u-flex_order_m1 {
  order: -1;
}

.u-flex_order_p1 {
  order: 1;
}

@media screen and (max-width: 767px) {
  /*--------------------------------------
  		LAYOUT VARIATION
  --------------------------------------*/
  /* margin variation */
  .u-sp_mt00 {
    margin-top: 0 !important;
  }

  .u-sp_mt01 {
    margin-top: 1px !important;
  }

  .u-sp_mt02 {
    margin-top: 2px !important;
  }

  .u-sp_mt03 {
    margin-top: 3px !important;
  }

  .u-sp_mt04 {
    margin-top: 4px !important;
  }

  .u-sp_mt05 {
    margin-top: 5px !important;
  }

  .u-sp_mt06 {
    margin-top: 6px !important;
  }

  .u-sp_mt07 {
    margin-top: 7px !important;
  }

  .u-sp_mt08 {
    margin-top: 8px !important;
  }

  .u-sp_mt09 {
    margin-top: 9px !important;
  }

  .u-sp_mt10 {
    margin-top: 10px !important;
  }

  .u-sp_mt11 {
    margin-top: 11px !important;
  }

  .u-sp_mt12 {
    margin-top: 12px !important;
  }

  .u-sp_mt13 {
    margin-top: 13px !important;
  }

  .u-sp_mt14 {
    margin-top: 14px !important;
  }

  .u-sp_mt15 {
    margin-top: 15px !important;
  }

  .u-sp_mt16 {
    margin-top: 16px !important;
  }

  .u-sp_mt17 {
    margin-top: 17px !important;
  }

  .u-sp_mt18 {
    margin-top: 18px !important;
  }

  .u-sp_mt19 {
    margin-top: 19px !important;
  }

  .u-sp_mt20 {
    margin-top: 20px !important;
  }

  .u-sp_mt21 {
    margin-top: 21px !important;
  }

  .u-sp_mt22 {
    margin-top: 22px !important;
  }

  .u-sp_mt23 {
    margin-top: 23px !important;
  }

  .u-sp_mt24 {
    margin-top: 24px !important;
  }

  .u-sp_mt25 {
    margin-top: 25px !important;
  }

  .u-sp_mt26 {
    margin-top: 26px !important;
  }

  .u-sp_mt27 {
    margin-top: 27px !important;
  }

  .u-sp_mt28 {
    margin-top: 28px !important;
  }

  .u-sp_mt29 {
    margin-top: 29px !important;
  }

  .u-sp_mt30 {
    margin-top: 30px !important;
  }

  .u-sp_mt31 {
    margin-top: 31px !important;
  }

  .u-sp_mt32 {
    margin-top: 32px !important;
  }

  .u-sp_mt33 {
    margin-top: 33px !important;
  }

  .u-sp_mt34 {
    margin-top: 34px !important;
  }

  .u-sp_mt35 {
    margin-top: 35px !important;
  }

  .u-sp_mt36 {
    margin-top: 36px !important;
  }

  .u-sp_mt37 {
    margin-top: 37px !important;
  }

  .u-sp_mt38 {
    margin-top: 38px !important;
  }

  .u-sp_mt39 {
    margin-top: 39px !important;
  }

  .u-sp_mt40 {
    margin-top: 40px !important;
  }

  .u-sp_mt41 {
    margin-top: 41px !important;
  }

  .u-sp_mt42 {
    margin-top: 42px !important;
  }

  .u-sp_mt43 {
    margin-top: 43px !important;
  }

  .u-sp_mt44 {
    margin-top: 44px !important;
  }

  .u-sp_mt45 {
    margin-top: 45px !important;
  }

  .u-sp_mt46 {
    margin-top: 46px !important;
  }

  .u-sp_mt47 {
    margin-top: 47px !important;
  }

  .u-sp_mt48 {
    margin-top: 48px !important;
  }

  .u-sp_mt49 {
    margin-top: 49px !important;
  }

  .u-sp_mt50 {
    margin-top: 50px !important;
  }

  .u-sp_mt51 {
    margin-top: 51px !important;
  }

  .u-sp_mt52 {
    margin-top: 52px !important;
  }

  .u-sp_mt53 {
    margin-top: 53px !important;
  }

  .u-sp_mt54 {
    margin-top: 54px !important;
  }

  .u-sp_mt55 {
    margin-top: 55px !important;
  }

  .u-sp_mt60 {
    margin-top: 60px !important;
  }

  .u-sp_mt61 {
    margin-top: 61px !important;
  }

  .u-sp_mt62 {
    margin-top: 62px !important;
  }

  .u-sp_mt63 {
    margin-top: 63px !important;
  }

  .u-sp_mt64 {
    margin-top: 64px !important;
  }

  .u-sp_mt65 {
    margin-top: 65px !important;
  }

  .u-sp_mt66 {
    margin-top: 66px !important;
  }

  .u-sp_mt67 {
    margin-top: 67px !important;
  }

  .u-sp_mt68 {
    margin-top: 68px !important;
  }

  .u-sp_mt69 {
    margin-top: 69px !important;
  }

  .u-sp_mt70 {
    margin-top: 70px !important;
  }

  .u-sp_mt71 {
    margin-top: 71px !important;
  }

  .u-sp_mt72 {
    margin-top: 72px !important;
  }

  .u-sp_mt73 {
    margin-top: 73px !important;
  }

  .u-sp_mt74 {
    margin-top: 74px !important;
  }

  .u-sp_mt75 {
    margin-top: 75px !important;
  }

  .u-sp_mt76 {
    margin-top: 76px !important;
  }

  .u-sp_mt77 {
    margin-top: 77px !important;
  }

  .u-sp_mt78 {
    margin-top: 78px !important;
  }

  .u-sp_mt79 {
    margin-top: 79px !important;
  }

  .u-sp_mt80 {
    margin-top: 80px !important;
  }

  .u-sp_mt85 {
    margin-top: 85px !important;
  }

  .u-sp_mt90 {
    margin-top: 90px !important;
  }

  .u-sp_mt95 {
    margin-top: 95px !important;
  }

  .u-sp_mt100 {
    margin-top: 100px !important;
  }

  .u-sp_mr00 {
    margin-right: 0 !important;
  }

  .u-sp_mr05 {
    margin-right: 5px !important;
  }

  .u-sp_mr10 {
    margin-right: 10px !important;
  }

  .u-sp_mr15 {
    margin-right: 15px !important;
  }

  .u-sp_mr18 {
    margin-right: 18px !important;
  }

  .u-sp_mr20 {
    margin-right: 20px !important;
  }

  .u-sp_mr25 {
    margin-right: 25px !important;
  }

  .u-sp_mr30 {
    margin-right: 30px !important;
  }

  .u-sp_mr35 {
    margin-right: 35px !important;
  }

  .u-sp_mr40 {
    margin-right: 40px !important;
  }

  .u-sp_mr45 {
    margin-right: 45px !important;
  }

  .u-sp_mr50 {
    margin-right: 50px !important;
  }

  .u-sp_mr55 {
    margin-right: 55px !important;
  }

  .u-sp_mr60 {
    margin-right: 60px !important;
  }

  .u-sp_mr65 {
    margin-right: 65px !important;
  }

  .u-sp_mr70 {
    margin-right: 70px !important;
  }

  .u-sp_mr75 {
    margin-right: 75px !important;
  }

  .u-sp_mr80 {
    margin-right: 80px !important;
  }

  .u-sp_mr85 {
    margin-right: 85px !important;
  }

  .u-sp_mr90 {
    margin-right: 90px !important;
  }

  .u-sp_mr95 {
    margin-right: 95px !important;
  }

  .u-sp_mr100 {
    margin-right: 100px !important;
  }

  .u-sp_mb00 {
    margin-bottom: 0 !important;
  }

  .u-sp_mb05 {
    margin-bottom: 5px !important;
  }

  .u-sp_mb10 {
    margin-bottom: 10px !important;
  }

  .u-sp_mb15 {
    margin-bottom: 15px !important;
  }

  .u-sp_mb18 {
    margin-bottom: 18px !important;
  }

  .u-sp_mb20 {
    margin-bottom: 20px !important;
  }

  .u-sp_mb25 {
    margin-bottom: 25px !important;
  }

  .u-sp_mb30 {
    margin-bottom: 30px !important;
  }

  .u-sp_mb32 {
    margin-bottom: 32px !important;
  }

  .u-sp_mb35 {
    margin-bottom: 35px !important;
  }

  .u-sp_mb40 {
    margin-bottom: 40px !important;
  }

  .u-sp_mb45 {
    margin-bottom: 45px !important;
  }

  .u-sp_mb50 {
    margin-bottom: 50px !important;
  }

  .u-sp_mb55 {
    margin-bottom: 55px !important;
  }

  .u-sp_mb60 {
    margin-bottom: 60px !important;
  }

  .u-sp_mb65 {
    margin-bottom: 65px !important;
  }

  .u-sp_mb70 {
    margin-bottom: 70px !important;
  }

  .u-sp_mb75 {
    margin-bottom: 75px !important;
  }

  .u-sp_mb80 {
    margin-bottom: 80px !important;
  }

  .u-sp_mb85 {
    margin-bottom: 85px !important;
  }

  .u-sp_mb90 {
    margin-bottom: 90px !important;
  }

  .u-sp_mb95 {
    margin-bottom: 95px !important;
  }

  .u-sp_mb100 {
    margin-bottom: 100px !important;
  }

  .u-sp_ml00 {
    margin-left: 0 !important;
  }

  .u-sp_ml05 {
    margin-left: 5px !important;
  }

  .u-sp_ml10 {
    margin-left: 10px !important;
  }

  .u-sp_ml15 {
    margin-left: 15px !important;
  }

  .u-sp_ml18 {
    margin-left: 18px !important;
  }

  .u-sp_ml20 {
    margin-left: 20px !important;
  }

  .u-sp_ml25 {
    margin-left: 25px !important;
  }

  .u-sp_ml30 {
    margin-left: 30px !important;
  }

  .u-sp_ml35 {
    margin-left: 35px !important;
  }

  .u-sp_ml40 {
    margin-left: 40px !important;
  }

  .u-sp_ml45 {
    margin-left: 45px !important;
  }

  .u-sp_ml50 {
    margin-left: 50px !important;
  }

  .u-sp_ml55 {
    margin-left: 55px !important;
  }

  .u-sp_ml60 {
    margin-left: 60px !important;
  }

  .u-sp_ml65 {
    margin-left: 65px !important;
  }

  .u-sp_ml70 {
    margin-left: 70px !important;
  }

  .u-sp_ml75 {
    margin-left: 75px !important;
  }

  .u-sp_ml80 {
    margin-left: 80px !important;
  }

  .u-sp_ml85 {
    margin-left: 85px !important;
  }

  .u-sp_ml90 {
    margin-left: 90px !important;
  }

  .u-sp_ml95 {
    margin-left: 95px !important;
  }

  .u-sp_ml100 {
    margin-left: 100px !important;
  }

  .u-sp_minus_mt01 {
    margin-top: -1px !important;
  }

  .u-sp_minus_mt02 {
    margin-top: -2px !important;
  }

  .u-sp_minus_mt03 {
    margin-top: -3px !important;
  }

  .u-sp_minus_mt04 {
    margin-top: -4px !important;
  }

  .u-sp_minus_mt05 {
    margin-top: -5px !important;
  }

  .u-sp_minus_mt06 {
    margin-top: -6px !important;
  }

  .u-sp_minus_mt07 {
    margin-top: -7px !important;
  }

  .u-sp_minus_mt08 {
    margin-top: -8px !important;
  }

  .u-sp_minus_mt09 {
    margin-top: -9px !important;
  }

  .u-sp_minus_mt10 {
    margin-top: -10px !important;
  }

  .u-sp_minus_mt11 {
    margin-top: -11px !important;
  }

  .u-sp_minus_mt12 {
    margin-top: -12px !important;
  }

  .u-sp_minus_mt13 {
    margin-top: -13px !important;
  }

  .u-sp_minus_mt14 {
    margin-top: -14px !important;
  }

  .u-sp_minus_mt15 {
    margin-top: -15px !important;
  }

  .u-sp_minus_mt16 {
    margin-top: -16px !important;
  }

  .u-sp_minus_mt17 {
    margin-top: -17px !important;
  }

  .u-sp_minus_mt18 {
    margin-top: -18px !important;
  }

  .u-sp_minus_mt19 {
    margin-top: -19px !important;
  }

  .u-sp_minus_mt20 {
    margin-top: -20px !important;
  }

  .u-sp_minus_mt21 {
    margin-top: -21px !important;
  }

  .u-sp_minus_mt22 {
    margin-top: -22px !important;
  }

  .u-sp_minus_mt23 {
    margin-top: -23px !important;
  }

  .u-sp_minus_mt24 {
    margin-top: -24px !important;
  }

  .u-sp_minus_mt25 {
    margin-top: -25px !important;
  }

  .u-sp_minus_mt26 {
    margin-top: -26px !important;
  }

  .u-sp_minus_mt27 {
    margin-top: -27px !important;
  }

  .u-sp_minus_mt28 {
    margin-top: -28px !important;
  }

  .u-sp_minus_mt29 {
    margin-top: -29px !important;
  }

  .u-sp_minus_mt30 {
    margin-top: -30px !important;
  }

  .u-sp_minus_mt31 {
    margin-top: -31px !important;
  }

  .u-sp_minus_mt32 {
    margin-top: -32px !important;
  }

  .u-sp_minus_mt33 {
    margin-top: -33px !important;
  }

  .u-sp_minus_mt34 {
    margin-top: -34px !important;
  }

  .u-sp_minus_mt35 {
    margin-top: -35px !important;
  }

  .u-sp_minus_mt36 {
    margin-top: -36px !important;
  }

  .u-sp_minus_mt37 {
    margin-top: -37px !important;
  }

  .u-sp_minus_mt38 {
    margin-top: -38px !important;
  }

  .u-sp_minus_mt39 {
    margin-top: -39px !important;
  }

  .u-sp_minus_mt40 {
    margin-top: -40px !important;
  }

  /* width variation */
  .u-sp_wid200,
.u-sp_wid250,
.u-sp_wid300,
.u-sp_wid350,
.u-sp_wid400,
.u-sp_wid450,
.u-sp_wid500,
.u-sp_wid550,
.u-sp_wid600,
.u-sp_wid650,
.u-sp_wid700,
.u-sp_wid750,
.u-sp_wid800,
.u-sp_wid850,
.u-sp_wid900,
.u-sp_wid950,
.u-sp_wid1000,
.u-sp_wid1050,
.u-sp_wid1100,
.u-sp_wid1150,
.u-sp_wid1200 {
    width: auto !important;
  }

  /* font variation */
  .u-sp_f10 {
    font-size: 0.625rem !important;
  }

  .u-sp_f11 {
    font-size: 0.6875rem !important;
  }

  .u-sp_f12 {
    font-size: 0.75rem !important;
  }

  .u-sp_f13 {
    font-size: 0.8125rem !important;
  }

  .u-sp_f14 {
    font-size: 0.875rem !important;
  }

  .u-sp_f15 {
    font-size: 0.9375rem !important;
  }

  .u-sp_f16 {
    font-size: 1rem !important;
  }

  .u-sp_f17 {
    font-size: 1.0625rem !important;
  }

  .u-sp_f18 {
    font-size: 1.125rem !important;
  }

  .u-sp_f19 {
    font-size: 1.1875rem !important;
  }

  .u-sp_f20 {
    font-size: 1.25rem !important;
  }

  .u-sp_f21 {
    font-size: 1.3125rem !important;
  }

  .u-sp_f22 {
    font-size: 1.375rem !important;
  }

  .u-sp_f23 {
    font-size: 1.4375rem !important;
  }

  .u-sp_f24 {
    font-size: 1.5rem !important;
  }

  .u-sp_f25 {
    font-size: 1.5625rem !important;
  }

  .u-sp_f26 {
    font-size: 1.625rem !important;
  }

  .u-sp_f27 {
    font-size: 1.6875rem !important;
  }

  .u-sp_f28 {
    font-size: 1.75rem !important;
  }

  .u-sp_f29 {
    font-size: 1.8125rem !important;
  }

  .u-sp_f30 {
    font-size: 1.875rem !important;
  }

  /* box option */
  .u-sp_m_center {
    margin: 0 auto;
  }

  /* font-weight option */
  .u-sp_fw_bold {
    font-weight: bold !important;
  }

  .u-sp_fw_normal {
    font-weight: normal !important;
  }

  /* display option */
  .u-sp_display {
    display: block !important;
  }

  .u-pc_display {
    display: none !important;
  }

  .u-sp_display_ib {
    display: inline-block !important;
  }

  .u-pc_display_ib {
    display: none !important;
  }

  /* text option */
  .u-sp_ta_left {
    text-align: left !important;
  }

  .u-sp_ta_right {
    text-align: right !important;
  }

  .u-sp_ta_center {
    text-align: center !important;
  }

  .u-sp_ta_justify {
    text-align: justify !important;
  }

  .u-sp_lh_flat {
    line-height: 1 !important;
  }

  /* float option */
  .u-sp_fl_left {
    float: left !important;
  }

  .u-sp_fl_right {
    float: right !important;
  }

  .u-sp_fl_none {
    float: none !important;
  }

  /* border opiton */
  .u-sp_bd_t_none {
    border-top: none !important;
  }

  .u-sp_bd_r_none {
    border-right: none !important;
  }

  .u-sp_bd_b_none {
    border-bottom: none !important;
  }

  .u-sp_bd_l_none {
    border-left: none !important;
  }

  /* flexbox opiton */
  .u-sp_content_flex {
    display: flex;
  }

  .u-sp_content_flex_spbw {
    display: flex;
    justify-content: space-between;
  }

  .u-sp_content_flex_wrap {
    display: flex;
    flex-wrap: wrap;
  }

  .u-sp_content_flex_wrap_spbw {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .u-sp_content_flex_column {
    display: flex;
    flex-direction: column;
  }

  .u-sp_align_items_center {
    align-items: center;
  }

  .u-sp_flex_order_m1 {
    order: -1;
  }

  .u-sp_flex_order_p1 {
    order: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* display option */
  .u-tb_display {
    display: block !important;
  }
}

/* = [ タブ ] ===========================================*/
.p-tab-nav {
	padding-top: 20px;
	background-color: #fff;
	/*background: rgb(133,88,28);
	background: linear-gradient(0deg, rgba(133,88,28,1) 0%, rgba(186,141,63,1) 50%, rgba(255,215,127,1) 100%);*/
}
.p-tab-nav__list {
  margin: auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  max-width: 1020px;
}
@media screen and (max-width: 767px) {
  .p-tab-nav__list {
    max-width: 100%;
  }
}
.p-tab-nav__item {
  width: calc(50% - 18px / 2);
	height: 110px;
	padding-top: 28px;
  background-color: #EFEFEF;
  border-radius: 20px 20px 0 0;
	color: #000;
	font-weight: 900;
	font-size: 3.5rem;
	line-height: 1.1;
	text-align: center;
  cursor: pointer;
}
.p-tab-nav__text--small {
	font-size: 2.7rem;
}
.p-tab-nav__item.is-active {
	position: relative;
	background-color: #D9EDF7;
	border-top: 4px solid #0087CD;
	border-right: 4px solid #0087CD;
	border-left: 4px solid #0087CD;
	color: #0087CD;/*ブルー系*/
	/*background-color: #FAD1E8;
	border-top: 4px solid #E4007F;
	border-right: 4px solid #E4007F;
	border-left: 4px solid #E4007F;
	color: #E4007F;/*ピンク系*/
}
.p-tab-nav__item.is-active::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #D9EDF7;/*ブルー系*/
	/*background-color: #FAD1E8;/*ピンク系*/
	content: "";
}
@media screen and (max-width: 767px) {
	.p-tab-nav__item {
		width: calc(50% - 5px / 2);
		height: 70px;
		padding-top: 17px;
		font-size: 1.8rem;
		line-height: 1.3;
	}
	.p-tab-nav__text--small {
		font-size: 1.6rem;
	}
	.p-tab-nav__item.is-active {
		border-top: 2px solid #0087CD;
		border-right: 2px solid #0087CD;
		border-left: 2px solid #0087CD;/*ブルー系*/
		/*border-top: 2px solid #E4007F;
		border-right: 2px solid #E4007F;
		border-left: 2px solid #E4007F;/*ピンク系*/
	}
	.p-tab-nav__item.is-active::after {
		bottom: -2px;
		height: 2px;
	}
}

/* = [ 背景 ] ===========================================*/
.p-aupay-content-bg {
	padding: 32px 0 116px;
	border-top: 4px solid #0087CD;
	background-image: repeating-linear-gradient(-45deg, rgba(204, 231, 245, 1), rgba(204, 231, 245, 1) 27px, rgba(217, 237, 247, 1) 0, rgba(217, 237, 247, 1) 54px);/*ブルー系*/
	/*border-top: 4px solid #E4007F;
	background-image: repeating-linear-gradient(-45deg, rgba(249, 201, 228, 1), rgba(249, 201, 228, 1) 27px, rgba(250, 209, 232, 1) 0, rgba(250, 209, 232, 1) 54px);/*ピンク系*/
}
@media screen and (max-width: 767px) {
	.p-aupay-content-bg {
		padding: 14px 0 54px;
		border-top: 2px solid #0087CD;
		background-image: repeating-linear-gradient(-45deg, rgba(204, 231, 245, 1), rgba(204, 231, 245, 1) 16px, rgba(217, 237, 247, 1) 0, rgba(217, 237, 247, 1) 32px);/*ブルー系*/
		/*border-top: 2px solid #E4007F;
		background-image: repeating-linear-gradient(-45deg, rgba(249, 201, 228, 1), rgba(249, 201, 228, 1) 16px, rgba(250, 209, 232, 1) 0, rgba(250, 209, 232, 1) 32px);/*ピンク系*/
	}
}

.p-content-block--point3 .p-content-note {
	max-width: 324px;
	margin-top: 10px;
	font-size: 1.5rem;
}
@media screen and (max-width: 900px) {
	.p-content-block--point3 .p-content-note {
		margin-top: 0;
		font-size: 1.1rem;
	}
}


.p-content-link {
	color: #0091d7;
	text-decoration: underline!important;
}
.p-content-block--point3 .p-point-2column {
	align-items: center;
	margin: 0 29px;
}
.p-content-block--point3 .p-point-2column__content {
	flex: 1 0 auto;
	position: relative;
}
@media screen and (max-width: 900px) {
	.p-content-block--point3 .p-point-2column {
		margin: 0;
	}
	.p-content-block--point3 .p-point-2column__content {
		margin-top: 0;
		margin-left: 0;
	}
	.p-content-block--point3 .p-point-2column__img {
		margin-top: 10px;
	}
}

.p-content-block--point3 .p-point-lead {
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1.464;
	text-align: left;
}
@media screen and (max-width: 900px) {
	.p-content-block--point3 .p-point-lead {
		font-size: 2.1rem;
	}
}

/* = [ プラン カルーセル ] ===========================================*/
.plan-carousel__item {
	width: calc(100vw - 60px);
	margin: 0 15px;
}
.plan-carousel__inner {
	position: relative;
	margin-top: 8px;
	padding-bottom: 50px;
	background-color: #fff;
}
.plan-carousel__heading {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 75px;
	margin: 0;
	color: #fff;
	font-weight: 900;
	font-size: 2.2rem;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.1em;
}
.plan-carousel__heading--color01 {
	background-color: #e4007f;
}
.plan-carousel__heading--color02 {
	background-color: #d8232a;
}
.plan-carousel__heading--color03 {
	background-color: #008ec4;
}
.plan-carousel__heading-small {
	display: block;
	margin-bottom: 6px;
	font-weight: 500;
	font-size: 1.4rem;
}
.plan-carousel-content__lead {
	margin-top: 10px;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.5;
	text-align: center;
}
.plan-carousel-content__img {
	max-width: 304px;
	margin: 10px auto 0;
}
.plan-carousel-content__table {
	margin-top: 20px;
	padding: 0 48px;
}
.plan-carousel-table {
	display: flex;
	border: 1px solid #3f3b39;
}
.plan-carousel-table__thead,
.plan-carousel-table__tbody {
	display: block;
	width: 100%;
}
.plan-carousel-table__thead tr,
.plan-carousel-table__tbody tr {
	display: block;
}
.plan-carousel-table__th,
.plan-carousel-table__td {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center;
}
.plan-carousel-table__th:not(:last-child),
.plan-carousel-table__td:not(:last-child) {
	border-bottom: 1px solid #3f3b39;
}
.plan-carousel-table__th:nth-child(odd),
.plan-carousel-table__td:nth-child(odd) {
	height: 50px;
}
.plan-carousel-table__th:nth-child(even),
.plan-carousel-table__td:nth-child(even) {
	height: 30px;
}
.plan-carousel-table__th--large:nth-child(odd),
.plan-carousel-table__td--large:nth-child(odd) {
	height: 60px;
}
.plan-carousel-table__th--large:nth-child(even),
.plan-carousel-table__td--large:nth-child(even) {
	height: 40px;
}
.plan-carousel-table__th {
	border-right: 1px solid #3f3b39;
	background-color: #e5e5e5;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.2;
}
.plan-carousel-table__th span {
	position: relative;
	top: -3px;
	color: #e4007f;
	font-size: 60%;
}
.plan-carousel-table__th--color {
	background-color: #fce0f0;
	color: #e4007f;
}
.plan-carousel-table__td {
	font-weight: 500;
	font-size: 1.4rem;
}
.plan-carousel-table__td strong {
	font-weight: 700;
	font-size: 2rem;
}
.plan-carousel-table__td--color {
	color: #e4007f;
}
.plan-carousel-notes {
	padding: 0 10px;
}
.plan-carousel-notes__inner {
	display: inline-block;
}
.plan-carousel-notes__text {
	font-size: 1.05rem;
	line-height: 1.75;
	text-align: left;
}
.plan-carousel-notes__text strong {
	color: red;
	font-weight: 400;
}
.plan-carousel-notes__text-link {
	color: #0091d7;
	text-decoration: underline !important;
}
.plan-carousel-content__text-link {
	margin-top: 30px;
	text-align: center;
}
.plan-carousel-content__text-link a {
	color: #0091d7;
	font-weight: 700;
	font-size: 1.4rem;
	text-decoration: underline !important;
}
@media screen and (min-width: 900px) {
	.plan-carousel__list {
		margin: auto;
	}
	.plan-carousel__item {
		width: 900px;
		margin: 0 30px;
		
	}
	.plan-carousel__inner {
		margin-top: 0;
	}
	.plan-carousel__heading {
		height: 120px;
		font-size: 4.5rem;
	}
	.plan-carousel__heading-small {
		margin-bottom: 15px;
		font-size: 2.2rem;
	}
	.plan-carousel-content__lead {
		margin-top: 25px;
		font-size: 2.7rem;
		line-height: 1;
	}
	.plan-carousel-content__img {
		max-width: 100%;
		margin: 22px auto 0;
	}
	.plan-carousel-content__table {
		margin-top: 20px;
		padding: 0 75px;
	}
	.plan-carousel-table {
		display: table;
		width: 100%;
		border: 0;
	}
	.plan-carousel-table__thead {
		display: table-header-group;
	}
	.plan-carousel-table__tbody {
		display: table-row-group;
	}
	.plan-carousel-table__thead tr,
	.plan-carousel-table__tbody tr {
		display: table-row;
	}
	.plan-carousel-table__th:nth-child(odd),
	.plan-carousel-table__td:nth-child(odd) {
		height: 60px;
	}
	.plan-carousel-table__th:nth-child(even),
	.plan-carousel-table__td:nth-child(even) {
		height: 60px;
	}
	.plan-carousel-table__th--large:nth-child(odd),
	.plan-carousel-table__td--large:nth-child(odd) {
		height: 60px;
	}
	.plan-carousel-table__th--large:nth-child(even),
	.plan-carousel-table__td--large:nth-child(even) {
		height: 60px;
	}
	.plan-carousel-table__th,
	.plan-carousel-table__td {
		display: table-cell;
		width: auto;
		border: 1px solid #3f3b39;
	}
	.plan-carousel-table__th {
		font-size: 2.2rem;
	}
	.plan-carousel-table__th span {
		top: -8px;
	}
	.plan-carousel-table__td {
		font-size: 1.8rem;
	}
	.plan-carousel-table__td strong {
		font-size: 2.6rem;
	}
	.plan-carousel-notes {
		width: 740px;
		margin: auto;
		padding: 0;
	}
	.plan-carousel-notes__text {
		font-size: 1.2rem;
		font-feature-settings: normal;
	}
	.plan-carousel-content__text-link {
		bottom: 30px;
	}
	.plan-carousel-content__text-link a {
		font-size: 1.8rem;
	}
	.plan-carousel-content__text-link a:hover {
		text-decoration: none !important;
	}
}

/* slick */
.plan-carousel .slick-dotted.slick-slider {
	margin-bottom: 17.5px;
}
@media screen and (min-width: 900px) {
	.plan-carousel .slick-dotted.slick-slider {
		margin-bottom: 23px;
	}
}
.plan-carousel__list .slick-dots li button:before {
	color: #b2b1b0;
	font-size: 1.4rem;
}
.plan-carousel__list .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #e4007f;
}
.plan-carousel__list .slick-dots {
	bottom: 0;
}
.plan-carousel__list .slick-arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	top: 320px;
	z-index: 1;
	transform: translate(0);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #000;
}
.plan-carousel__list .slick-arrow::before {
	opacity: 1;
	width: 15px;
	height: 15px;
	font-family: "";
	content: "";
}
.plan-carousel__list .slick-prev:before {
	transform: rotate(-45deg);
	margin-left: 5px;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
}
.plan-carousel__list .slick-next:before {
	transform: rotate(45deg);
	margin-left: -5px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
}
.plan-carousel__list .slick-arrow:hover,
.plan-carousel__list .slick-arrow:focus {
	color: #fff;
	background-color: #000;
}
@media screen and (max-width: 900px) {
	.plan-carousel__list .slick-prev {
		left: 0;
	}
	.plan-carousel__list .slick-next {
		right: 0;
	}
}
@media screen and (max-width: 900px) {
	.plan-carousel__list .slick-dots li button:before {
		font-size: 1.4rem;
	}
	.plan-carousel__list .slick-arrow {
		top: 396px;
		width: 37px;
		height: 37px;
	}
	.plan-carousel__list .slick-arrow::before {
		width: 10px;
		height: 10px;
	}
	.plan-carousel__list .slick-prev:before {
		transform: rotate(-45deg);
		margin-left: 5px;
		border-top: 3px solid #fff;
		border-left: 3px solid #fff;
	}
}

.plan-carousel .slick-dots li button::before {
	display: none;
}

/* = [ ヘッダー下お知らせ ] ===========================================*/
.campaign-notice-box {
	margin: 20px auto 10px;
	padding: 10px 20px;
	background-color: whitesmoke; /* #EFEFEF */
}
.campaign-notice-box em {
	display: block;
	text-align: left;
}
@media screen and (min-width: 767px) {
	.campaign-notice-box {
		margin: 20px auto;
		text-align: left;
	}
}
.campaign-notice-box a {
	text-decoration: underline;
}
.campaign-notice-box a:hover {
	text-decoration: none;
}
.campaign-notice-box-date {
	display: block;
	text-align: right;
}
/*-----------------------------------------------------------
*** [style.css] ***
------------------------------------------------------------*/