/* あなたはどんな人ですか？ */
.first__introduction {
	margin-bottom: 0;
}
.first__introduction--title {
	font-size: 0;
	margin: 0;
}
.first__introduction--title-img {
	width: 100%;
	height: auto;
}
.first__introduction--bnr {
	font-size: 0;
	margin: 0 auto 1rem;
	padding: 0 1rem;
	max-width: 40rem;
}
.first__introduction--bnr-img {
	width: 100%;
	height: auto;
}
.first__introduction--start {
	background-image: url('/assets/images/first/first_lp_background_icon_pattern.gif');
	background-size: 100%;
	background-position: top;
	background-repeat: no-repeat-y;
	padding: 1rem;
}
.first__introduction--start-frame {
	margin: 0;
	text-align: center;
}
.first__introduction--start-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}

.re-campaign {
	background-color: #fff7f1;
}

.first__introduction-input {
	background-color: #fcb1d1;
	border-radius: .4rem;
	margin: 0 0 1rem;
	filter: drop-shadow(0 .2rem .2rem rgba(0,0,0,0.2));
}
.first__introduction-input--title {
	font-size: 0;
	margin: 0;
}
.first__introduction-input--title-img {
	padding: .6rem;
	width: 100%;
	height: auto;
}
.first__introduction-input--block {
	margin: 0 1rem;
}
.first__introduction-input--wrapper {
	margin: 0 auto;
	position: relative;
	width: 100%;
	max-width: 40rem;
}
.first__introduction-input--block-input {
	display: inline-block;
	margin: 0;
	text-align: center;
	width: 70%;
}
.first__introduction-input--block-input-text {
	border: 1px solid transparent;
	border-radius: .4rem;
	width: 100%;
	max-width: 30rem;
	padding: 0.4rem 0 0.4rem 0.4rem;
	vertical-align: middle;
}
.first__introduction-input--block-input-btn {
	background-color: #e4007f;
	color: #ffffff;
    display: inline-block;
	margin: 0 auto;
	position: relative;
	width: 28%;
	max-width: 20rem;
}
.first__introduction-input--block-input-btn-a {
	color: #ffffff;
	appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
}
.first__introduction-input--block-input-btn-a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.first__introduction-input--block-caution {
	font-size: 80%;
	text-align: left;
	margin: 0;
	padding: 0 0 .6rem;
}


.first__introduction-input--accordion {
	margin: 0 0 1rem;
}
.first__introduction-input--accordion-block {
	background-color: #ffffff;
	border: 2px solid #e4007f;
	border-radius: 0.4rem;
	margin: 0 auto 1rem;
	padding: .375rem .75rem;
	user-select: none;
	width: 100%;
	max-width: 40rem;
}
.first__introduction-input--accordion-position {
	position: relative;
}
.first__introduction-input--accordion-title {
	color: #e4007f;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__introduction-input--accordion-btn-color {
	background-color: #e4007f;
}
.first__introduction-input--accordion-btn-color {
	background: #ffffff;
	border: 2px solid #e4007f;
}
.first__introduction-input--accordion-btn-color::after {
	background: #e4007f;
}
.first__introduction-input--accordion-btn-color::before {
	background: #e4007f;
}
/* アコーディオンの十字ボタン(〈showなし〉非表示 > 表示〈showあり〉表示 > 非表示)*/
.first__introduction-input--accordion-btn, .first__introduction-input--accordion-btn-show {
	user-select: none;
	outline: none !important;
	width: 100%;
    max-width: 3.375rem;
    height: 100%;
    max-height: 3.375rem;
	transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
	white-space: nowrap;
	z-index: 10;
	border: none;
	outline: none;
	padding: 0;
	appearance: none;
	background-color: transparent;
}
.first__introduction-input--accordion-btn::after, .first__introduction-input--accordion-btn-show::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
.first__introduction-input--accordion-btn::after {
	background-image: url('/assets/images/first/first_lp_accordion_plus.png');
}
.first__introduction-input--accordion-btn-show::after {
	background-image: url('/assets/images/first/first_lp_accordion_minus.png');
}
.first__introduction-input--accordion-btn.clicked, .first__introduction-input--accordion-btn-show.clicked {
	transform: translate(0, -50%) rotate(0deg);
	box-shadow: none;
}
.first__introduction-input--accordion-btn.clicked::after, .first__introduction-input--accordion-btn-show.clicked::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: inline-block;
	background-size: contain;
}
.first__introduction-input--accordion-btn.clicked::after {
	background-image: url('/assets/images/first/first_lp_accordion_minus.png');
}
.first__introduction-input--accordion-btn-show.clicked::after {
	background-image: url('/assets/images/first/first_lp_accordion_plus.png');
}
.first__introduction-input--profile {
	padding-top: 1rem;
	margin-bottom: 2rem;
}
.first__introduction-input--profile-figure {
	margin: 0 auto 1rem;
	text-align: center;
	width: 100%;
	max-width: 26.25rem;
}
.first__introduction-input--profile-figure-img {
	width: 100%;
	height: auto;
}
.first__introduction-input--profile-ul, .first__introduction-input--profile-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first__introduction-input--profile-ul {
	margin-bottom: 1rem;
}
.first__introduction-input--profile-li {
	position: relative;
	padding-left: 5.0rem;
}
.first__introduction-input--profile-li::before {
	position: absolute;
	top: 0;
	left: 0;
}
.first__introduction-input--profile-li:nth-of-type(1)::before {
	content: '出身地：';
}
.first__introduction-input--profile-li:nth-of-type(2)::before {
	content: '生年月日：';
}
.first__introduction-input--profile-li:nth-of-type(3)::before {
	content: '星人：';
}
.first__introduction-input--profile-li:nth-of-type(4)::before {
	content: '血液型：';
}
.first__introduction-input--profile-explain {
	margin: 0;
}
.first__introduction-input--float-img {
	width: 50%;
	min-width: 200px;
	padding: 0 1rem 0.6rem 0;
}


.first__introduction-input--pr-link {
	margin: 0;
	width: 100%;
}
.first__introduction-input--pr-link-img {
	width: 100%;
	height: auto;
}
/*
.first__input {
	background-color: #faebd7;
	padding-bottom: 1rem;
}
.first__input--title {
	font-size: 0;
	margin: 0;
}
.first__input--title-img {
	width: 100%;
	height: auto;
    margin-top: -1.2rem;
}
.first__input--block {
	margin: 0 1rem;
	padding: 1rem;
}
.first__input--wrapper {
	background-color: #ffc000;
	border-radius: 1rem;
	margin: 0 auto;
	padding: 1rem;
	position: relative;
	width: 100%;
	max-width: 40rem;
}
.first__input--block-input {
	margin: 0;
	text-align: center;
}
.first__input--block-input-text {
	width: 100%;
	max-width: 24rem;
	padding-left: 0.4rem;
}
.first__input--block-caution {
	font-size: 80%;
	text-align: center;
}
.first__input--whats {
	margin: 0 1rem 1rem;
}
.first__input--whats-block {
	background-color: #ffffff;
	border: 2px solid #fd7c13;
	border-radius: 0.4rem;
	margin: 0 auto;
	padding: .375rem .75rem;
	user-select: none;
	width: 100%;
	max-width: 40rem;
}
.first__input--whats-accordion {
	position: relative;
}
.first__input--whats-accordion-title {
	color: #fd7c13;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__input--whats-accordion-btn-color {
	background-color: #fd7c13;
}

.first__fortune {
	background-image: url('/assets/images/first/first_lp_background_dot.png');
	background-size: cover;
	background-position: center center;
	padding: 1rem 1rem 2rem;
}
.first__fortune--frame {
	margin: 0;
	text-align: center;
}
.first__fortune--frame-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}
*/

/* 会員になると何が出来るの？ */
.first__contents {
	background-color: #def8fd;
	padding-bottom: 2rem;
}
.first__contents--title {
	font-size: 0;
	margin: 0;
}
.first__contents--title-img {
	width: 100%;
	height: auto;
}
.first__contents--block {
	margin: 1rem;
}
.first__contents--ol, .first__contents--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first__contents--li {
	margin-bottom: 1.6rem;
}
.first__contents--frame {
	background-color: #ffffff;
	border: 1px solid #b5a272;
	margin: 1rem auto;
	padding: 1rem;
	width: 100%;
	max-width: 30rem;
}
.first__contents--frame1 {
	margin: 0;
	text-align: center;
}
.first__contents--frame-title {
	width: 100%;
	margin: 0 auto 1rem;
	text-align: center;
}
/*
.first__contents--frame-title-img {
	width: auto;
	height: 1.2rem;
}
*/
.first__contents--frame-title-img {
	width: 100%;
	height: auto;
}
.first__contents--frame-block > p {
	margin: 0;
}
.first__contents--frame-block-title {
	font-weight: bold;
}
.first__contents--btn {
	margin: 1rem auto 0;
	width: 50%;
	max-width: 10rem;
}
.first__contents--btn-img {
	width: 100%;
	height: auto;
}
.first__contents--frame-caution {
	color: #e51087;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__contents--frame-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}


/* あの人との相性が知りたい！ */
.first__affinity {
	background-image: url('/assets/images/first/first_lp_background_dot.png');
	background-size: cover;
	background-position: center center;
	padding: 0 0 2rem;
}
.first__affinity--title {
	font-size: 0;
	margin: 0;
}
.first__affinity--title-img {
	width: 100%;
	height: auto;
}
.first__affinity--wrapper {
	margin: 1rem auto 1rem;
	max-width: 30rem;
	padding: 0 1rem;
}
.first__affinity--introduction {
	color: #fd7c13;
	font-weight: bold;
	margin: 0;
}
.first__affinity--frame {
	margin: 0;
	text-align: center;
}
.first__affinity--frame-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}


/* この悩み解決できる！？ */
.first__premium {
	background-color: #fef4e1;
	padding-bottom: 1rem;
}
.first__premium--title {
	background-color: #ffffff;
	font-size: 0;
	margin: 0;
	padding: 0 0 2rem;
}
.first__premium--title-img {
	width: 100%;
	height: auto;
}
.first__premium--introduction {
	color: #fd7c13;
	font-weight: bold;
	margin: 1rem 0;
	text-align: center;
}
.first__premium--ul, .first__premium--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first__premium--li {
	position: relative;
	background-color: #ffffff;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem 1.0rem 0.4rem 0.4rem;
}
.first__premium--li:first-child {
	border-top: 1px solid #9c9c9c;
}
.first__premium--li::after {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first__premium--a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}
.first__premium--tag {
	border-radius: 0.2rem;
	color: #2a2a2a;
	display: block;
	font-size: 0.7rem;
	letter-spacing: 0.6rem;
	padding: 0;
	text-align: center;
	text-indent:0.6rem;
	user-select: none;
	width: 6rem;
}
.first__premium-btn {
	margin: 1rem auto 0;
	width: 90%;
}
.first__premium-btn-image {
	width: 100%;
	height: auto;
}


/* サービス比較一覧 */
.first__service {
	background-color: #fef4e1;
	padding-bottom: 2rem;
}
.first__service--title {
	font-size: 0;
	margin: 0;
	padding: 0 0 2rem;
}
.first__service--title-img {
	width: 100%;
	height: auto;
}
.first__service--table-contents {
	margin: 0 auto;
	padding: 0 1rem;
	width: 100%;
	max-width: 30rem;
}
.first__service--table {
	border: 1px solid #000000;
	margin: 0;
	width: 100%;
}
.first__service--table-thead {
	background-color: #dbdcdc;
	border: 1px solid #000000;
}
.first__service--table-thead-tr {
	width: 100%;
}
.first__service--table-thead-tr th {
	border-right: 1px solid #000000;
	text-align: center;
}
.first__service--table-thead-tr th:first-of-type {
	max-width: 4rem;
}
.first__service--table-thead-tr th:last-of-type {
	border-right: none;
}
.first__service--table-tbody {
	background-color: #ffffff;
}
.first__service--table-tbody-tr {
	border-bottom: 1px solid #000000;
}
.first__service--table-tbody-tr:last-of-type {
	border-bottom: none;
}
.first__service--table-tbody-tr td {
	border-right: 1px solid #000000;
	text-align: center;
}
.first__service--table-tbody-tr td:first-of-type {
	max-width: 8rem;
	text-align: left;
	font-weight: bold;
	padding: 0.6rem;
}
.first__service--table-tbody-tr td:nth-of-type(3) {
	background-color: #fed9e9;
}
.first__service--table-tbody-tr td:last-of-type {
	border-right: none;
}
.first__service--table-tbody-tr-td-rowspan {
	border-right: 1px solid #000000 !important;
}
.first__service--table-mark-batsu {
	font-size: 1.6rem;
}


/* その他 */
.first__info {
	padding: 2rem 0;
}
.first__info--point-present {
	font-size: 0;
	margin: 0 auto;
	text-align: center;
	width: 90%;
}
.first__info--point-present-img {
	width: 100%;
	max-width: 28rem;
	height: auto;
}
.first__info--point-present-caution {
	color: #ab8c4f;
	margin: 0 auto;
	padding: 0 0 0 1.2rem;
	position: relative;
	width: 90%;
}
.first__info--point-present-caution::before {
	content: '※';
	position: absolute;
	top: 0;
	left: .2rem;
	font-size: 1.2rem;
	line-height: 1.2;
}
.first__info--what-premium {
	border: 2px solid #55c6fb;
	margin: 1rem auto 2rem;
	padding: 1rem;
	width: 90%;
}
.first__info--what-premium-text, .first__info--what-premium-text-caution {
	color: #e82290;
	font-weight: bold;
	margin: 0;
}
.first__info--what-premium-text-caution {
	padding: 0 0 0 1.2rem;
	position: relative;
}
.first__info--what-premium-text-caution::before {
	content: '※';
	position: absolute;
	top: 0;
	left: .2rem;
	font-size: 1.2rem;
	line-height: 1.2;
}


/* 他にも占えることが盛りだくさん！！ */
.first__other {
	background-image: url('/assets/images/first/first_lp_background_checked.png');
	background-size: cover;
	background-position: center center;
	padding: 0 0 1rem;
}
.first__other--title {
	font-size: 0;
	margin: 0;
}
.first__other--title-img {
	width: 100%;
	height: auto;
}
.first__other--introduction {
	color: #fd7c13;
	font-weight: bold;
	margin: 1rem 0;
	text-align: center;
}
.first__other--ul, .first__other--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first__other--frame {
	text-align: center;
}
.first__other--frame-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}
.first__other--last {
	margin: 1rem 1rem 2rem;
}
.first__other--last-wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 20rem;
}
.first__other--last-subject {
	color: #fd7c13;
	font-weight: bold;
}


/* その他 会員登録・解約～お知らせ */
.first__footer {
	margin-bottom: 1rem;
}
.first__footer--title {
	background-color: #eeeeee;
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
}
.first__footer--ul, .first__footer--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first__footer--li {
	align-items: center;
	display: flex;
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem;
}

.first__footer--li::after {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first__footer--a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}


/* ランディングページ、診断ボタン */
.first__lp--check-btn {
	background-color: #f66076;
	color: #ffffff;
    display: block;
	margin: 0 auto;
	position: relative;
	width: 90%;
	max-width: 20rem;
}
.first__lp--check-btn::before {
	border: 0.06rem solid;
	border-color: #ffffff #ffffff transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first__lp--check-btn-a {
	color: #ffffff;
	appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
}
.first__lp--check-btn-a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ランディングページ、会員登録 */
.first__lp--member-btn {
	background-color: #f66076;
	color: #ffffff;
    display: block;
	margin: 0 auto;
	position: relative;
	width: 60%;
	max-width: 20rem;
}
.first__lp--member-btn::before {
	border: 0.06rem solid;
	border-color: #ffffff #ffffff transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first__lp--member-btn-a {
	color: #ffffff;
}
.first__lp--member-btn-a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ==============================================================*/
/* ランディングページ 生年月日入力後 (first/detail) */
.first__detail-introduction {
	margin-bottom: 0;
}
.first__detail-introduction--title {
	font-size: 0;
	margin: 0;
}
.first__detail-introduction--title-img {
	width: 100%;
	height: auto;
}
.first__detail-introduction--start {
	background-image: url('/assets/images/first/first_lp_background_stripe.png');
	background-size: contain;
	background-position: center center;
	padding: 1rem;
}
.first__detail-introduction--frame {
	background-color: #ffffff;
	border: 2px solid #fd7c13;
	border-radius: 1rem;
	font-weight: bold;
	margin: 0 auto;
	padding: 1rem;
	text-align: center;
	max-width: 40rem;
}
.first__detail-introduction--destinystar {
	color: #fd7c13;
	font-size: 1.6rem;
}


/* あなたの基本性格 */
.first__detail-character {
	margin-bottom: 0;
}
.first__detail-character--title {
	font-size: 0;
	margin: 0;
}
.first__detail-character--title-img {
	width: 100%;
	height: auto;
}
.first__detail-character--subject {
	font-size: 0;
	margin: 0 auto;
	padding: 1rem;
	max-width: 40rem;
}
.first__detail-character--frame {
	font-size: 0;
	margin: 0;
}
.first__detail-character--frame-img {
	width: 100%;
	height: auto;
}
.first__detail-character--frame-body {
	background-image: url('/assets/images/first/first_detail_lp_character_body_frame.png');
	background-size: 100% auto;
	background-position: center center;
	font-size: 1rem;
	margin: 0;
	padding: 0 1.6rem;
}


/* 年運気グラフ */
.first__detail-graph {
	margin-bottom: 2rem;
}
.first__detail-graph--title {
	background-color: #eb6d9a;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first__detail-graph--contents {
	font-size: 0;
}
.first__detail-graph--contents-year {
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	display: inline-block;
	font-size: 1rem;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__detail-graph--contents-month {
	background-color: #5fc3d8;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	color: #ffffff;
	display: inline-block;
	font-size: 1rem;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__detail-graph--contents-parts {
	display: inline-block;
	width: calc((100% / 7) - .01px);
}
.first__detail-graph--contents-parts-ymd {
	border: 1px solid #c0c0c0;
	display: block;
	font-size: 1rem;
	padding: 1rem 0;
	text-align: center;
}
.first__detail-graph--contents-parts-img {
	width: 100%;
	height: auto;
}


/*  結婚・恋愛・才能・適職 */
.first__detail-foundation {
	margin-bottom: 2rem;
}
.first__detail-foundation--title {
	background-color: #eb6d9a;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first__detail-foundation--subject {
	padding: 1rem;
}


/*  用語集・六星占術 */
.first__detail--rokusei {
	background-color: #fcf9d6;
	padding: 1rem;
}
.first__detail--rokusei-word {
	background-color: #ffffff;
	border: 2px solid #fd7c13;
	border-radius: 0.4rem;
	margin: 0 auto 1rem;
	padding: .375rem .75rem;
	position: relative;
	user-select: none;
	width: 100%;
	max-width: 40rem;
}
.first__detail--rokusei-word::before {
	border: 0.06rem solid;
	border-color: #fd7c13 #fd7c13 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first__detail--rokusei-word-a {
	color: #fd7c13;
}
.first__detail--rokusei-word-a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}
.first__detail--rokusei-word-title {
	color: #fd7c13;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__detail--rokusei-block {
	background-color: #ffffff;
	border: 2px solid #fd7c13;
	border-radius: 0.4rem;
	margin: 0 auto;
	padding: .375rem .75rem;
	user-select: none;
	width: 100%;
	max-width: 40rem;
}
.first__detail--rokusei-accordion {
	position: relative;
}
.first__detail--rokusei-accordion-title {
	color: #fd7c13;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__detail--rokusei-accordion-btn-color {
	background-color: #fd7c13;
}


/* 占いは統計学～運命は変えることができる・プロフィール */
.first__detail--profile-fortune {
	background-image: url('/assets/images/first/first_lp_background_stripe.png');
	background-size: contain;
	background-position: center center;
	padding: 1rem;
}
.first__detail--profile-fortune-ul, .first__detail--profile-fortune-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first__detail--profile-fortune-frame {
	margin: 0 auto 1rem;
	width: 100%;
	max-width: 30rem;
}
.first__detail--profile-fortune-img {
	width: 100%;
	height: auto;
}
.first__detail--profile-block {
	background-color: #ffffff;
	border: 2px solid #fd7c13;
	border-radius: 0.4rem;
	margin: 0 auto;
	padding: .375rem .75rem;
	user-select: none;
	width: 100%;
	max-width: 40rem;
}
.first__detail--profile-accordion {
	position: relative;
}
.first__detail--profile-accordion-title {
	color: #fd7c13;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__detail--profile-accordion-btn-color {
	background-color: #fd7c13;
}
.first__detail--profile--detail {
	margin-bottom: 0;
	padding: 1rem;
}
.first__detail--profile--detail-figure {
	margin: 0 auto 1rem;
	text-align: center;
	width: 100%;
	max-width: 26.25rem;
}
.first__detail--profile--detail-figure-img {
	width: 100%;
	height: auto;
}
.first__detail--profile--detail-ul, .first__detail--profile--detail-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first__detail--profile--detail-li {
	position: relative;
	padding-left: 6.0rem;
}
.first__detail--profile--detail-li::before {
	position: absolute;
	top: 0;
	left: 1.0rem;
}
.first__detail--profile--detail-li:nth-of-type(1)::before {
	content: '出身地：';
}
.first__detail--profile--detail-li:nth-of-type(2)::before {
	content: '生年月日：';
}
.first__detail--profile--detail-li:nth-of-type(3)::before {
	content: '星人：';
}
.first__detail--profile--detail-li:nth-of-type(4)::before {
	content: '血液型：';
}
.first__detail--profile--detail-subject {
	margin: 0;
	padding: 1rem;
}



/* ==============================================================*/
/* はじめての方へ */
.first-free__introduction {
	padding-bottom: 3rem;
}
.first-free__introduction--title {
	font-size: 0;
	margin: 0;
}
.first-free__introduction--title-img {
	width: 100%;
	height: auto;
}
.first-free__introduction--pre {
	background-image: url('/assets/images/first/first_background_star.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: 1rem;
	padding: 1rem;
}
.first-free__introduction--pre-text {
	color: #7f2e06;
	font-weight: bold;
	margin: 0;
	text-align: center;
}


/* 自分のことを占いたい！ */
.first-free__fortune {
	background-image: url('/assets/images/first/first_background_wave.png');
	background-size: contain;
	background-repeat: repeat;
	background-position: 0 3rem;
	margin: 0;
	padding-bottom: 5rem;
}
@media screen and (max-width:480px) {
	.first-free__fortune {
		background-position: 0 3.4rem;
	}
}
.first-free__fortune--title {
	font-size: 0;
	margin: 0;
	user-select: none;
	position: relative;
	top: -2rem;
}
.first-free__fortune--title-img {
	width: 100%;
	height: auto;
}
.first-free__fortune--contents {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__fortune--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__fortune--contents-title::before {
	color: #7f2e06;
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.first-free__fortune--capture {
	margin: 1rem;
}
.first-free__fortune--capture-frame {
	margin: 0;
	text-align: center;
}
.first-free__fortune--capture-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}
.first-free__fortune--notice {
	background-color: #fcf9d6;
	padding: 0.4rem;
	margin: 1rem;
}


/* 自分とあの人の相性を占いたい！ */
.first-free__affinity {
	margin: -3rem 0 0;
}
@media screen and (max-width:480px) {
	.first-free__affinity {
		margin: -3.4rem 0 0;
	}
}
.first-free__affinity--title {
	font-size: 0;
	margin: 0;
	user-select: none;
}
.first-free__affinity--title-img {
	width: 100%;
	height: auto;
}
.first-free__affinity--contents {
	background-color: #faebd7;
	padding: 3rem 1rem 5rem;
	margin: -2rem 0 0;
}
.first-free__affinity--contents-frame {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__affinity--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__affinity--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1;
}
.first-free__affinity--capture {
	margin: 1rem;
}
.first-free__affinity--capture-frame {
	margin: 0;
	text-align: center;
}
.first-free__affinity--capture-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}


/* ママと子どものことを占いたい！ */
.first-free__child {
	background-image: url('/assets/images/first/first_background_wave.png');
	background-size: contain;
	background-position: 0 3rem;
	background-repeat: repeat;
	margin: 0;
	padding-bottom: 5rem;
}
@media screen and (max-width:480px) {
	.first-free__child {
		background-position: 0 3.4rem;
	}
}
.first-free__child--title {
	font-size: 0;
	margin: 0;
	user-select: none;
	position: relative;
	top: -2rem;
}
.first-free__child--title-img {
	width: 100%;
	height: auto;
}
.first-free__child--contents {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__child--media {
	margin: 0 auto 1rem;
}
.first-free__child--media-body {
	padding-right: 0.6rem;
}
.first-free__child--media-frame {
	margin: 0;
	text-align: center;
	width: 30%;
}
.first-free__child---media-img {
	width: 100%;
	max-width: 10rem;
	height: auto;
}
.first-free__child--media-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__child--media-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.first-free__child--contents-ul, .first-free__child--contents-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first-free__child--contents-li {
	border-bottom: 2px dotted #fd7c13;
	padding: 0.4rem 0;
}
.first-free__child--contents-li:first-of-type {
	border-top: 2px dotted #fd7c13;
}
.first-free__child--contents-li-word {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__child--contents-li-word::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}


/* 無料で色々な事を占いたい！ */
.first-free__premium-free {
	margin: -2rem 0 0;
}
@media screen and (max-width:480px) {
	.first-free__premium-free {
		margin: -2.4rem 0 0;
	}
}
.first-free__premium-free--title {
	font-size: 0;
	margin: 0;
	user-select: none;
	position: relative;
	top: -2rem;
}
.first-free__premium-free--title-img {
	width: 100%;
	height: auto;
}
.first-free__premium-free--contents {
	background-color: #faebd7;
	padding: 3rem 1rem 5rem;
	margin: -4rem 0 0;
}
.first-free__premium-free--contents-frame {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem
}
.first-free__premium-free--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__premium-free--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}


/* プレミアム鑑定 */
.first-free__premium {
	background-image: url('/assets/images/first/first_background_wave.png');
	background-size: contain;
	background-position: 0 3rem;
	background-repeat: repeat;
	margin: 0;
	padding-bottom: 3rem;
}
@media screen and (max-width:480px) {
	.first-free__premium {
		background-position: 0 3.4rem;
	}
}
.first-free__premium--title {
	font-size: 0;
	margin: 0;
	user-select: none;
	position: relative;
	top: -2rem;
}
.first-free__premium--title-img {
	width: 100%;
	height: auto;
}
.first-free__premium--contents {
	margin: 0 auto 1rem;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__premium--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__premium--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.first-free__premium--notice {
	background-color: #fad667;
	padding: 1rem;
	margin: 1rem 0 0;
}
.first-free__premium--notice-mark, .first-free__premium--notice-to {
	margin: 0;
	padding-left: 1.2rem;
	position: relative;
}
.first-free__premium--notice-mark::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}
.first-free__premium--notice-to::before {
	content: '⇒';
	position: absolute;
	top: 0;
	left: 0;
}
.first-free__premium--notice-to-a {
	text-decoration: underline;
}


/* あの日の運気を知りたい！ */
.first-free__unki {
	margin: -3rem 0 0;
}
@media screen and (max-width:480px) {
	.first-free__unki {
		margin: -3.4rem 0 0;
	}
}
.first-free__unki--title {
	font-size: 0;
	margin: 0;
	user-select: none;
}
.first-free__unki--title-img {
	width: 100%;
	height: auto;
}
.first-free__unki--contents {
	background-color: #faebd7;
	padding: 3rem 1rem 5rem;
	margin: -2rem 0 0;
}
.first-free__unki--contents-frame {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__unki--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__unki--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.first-free__unki--contents-ul, .first-free__unki--contents-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first-free__unki--contents-li {
	padding-left: 1.2rem;
	position: relative;
}
.first-free__unki--contents-li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}

/* 有名人の占い結果が見たい！ */
.first-free__famous {
	background-image: url('/assets/images/first/first_background_wave.png');
	background-size: contain;
	background-position: 0 3rem;
	background-repeat: repeat;
	margin: 0;
	padding-bottom: 3rem;
}
@media screen and (max-width:480px) {
	.first-free__famous {
		background-position: 0 3.4rem;
	}
}
.first-free__famous--title {
	font-size: 0;
	margin: 0;
	user-select: none;
	position: relative;
	top: -2rem;
}
.first-free__famous--title-img {
	width: 100%;
	height: auto;
}
.first-free__famous--contents {
	margin: 0 auto 1rem;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__famous--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__famous--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}

/* 悩みを相談したい！ */
.first-free__judgment {
	margin: -3rem 0 0;
}
@media screen and (max-width:480px) {
	.first-free__judgment {
		margin: -3.4rem 0 0;
	}
}
.first-free__judgment--title {
	font-size: 0;
	margin: 0;
	user-select: none;
}
.first-free__judgment--title-img {
	width: 100%;
	height: auto;
}
.first-free__judgment--contents {
	background-color: #faebd7;
	padding: 3rem 1rem 5rem;
	margin: -2rem 0 0;
}
.first-free__judgment--contents-frame {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem
}
.first-free__judgment--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__judgment--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}

/* 六星占術の基本的なことが知りたい！ */
.first-free__whats {
	background-image: url('/assets/images/first/first_background_wave.png');
	background-size: contain;
	background-position: 0 3rem;
	background-repeat: repeat;
	margin: 0;
	padding-bottom: 3rem;
}
@media screen and (max-width:480px) {
	.first-free__whats {
		background-position: 0 3.4rem;
	}
}
.first-free__whats--title {
	font-size: 0;
	margin: 0;
	user-select: none;
	position: relative;
	top: -2rem;
}
.first-free__whats--title-img {
	width: 100%;
	height: auto;
}
.first-free__whats--contents {
	margin: 0 auto 1rem;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__whats--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__whats--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}

/* その他のコーナーについて */
.first-free__other {
	margin: -3rem 0 0;
}
@media screen and (max-width:480px) {
	.first-free__other {
		margin: -3.4rem 0 0;
	}
}
.first-free__other--title {
	font-size: 0;
	margin: 0;
	user-select: none;
}
.first-free__other--title-img {
	width: 100%;
	height: auto;
}
.first-free__other--contents {
	background-color: #faebd7;
	padding: 3rem 1rem 3rem;
	margin: -2rem 0 0;
}
.first-free__other--contents-frame {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__other--contents-title {
	color: #7f2e06;
	font-size: 1.0rem;
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
	margin: 0;
}
.first-free__other--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}

/* 自分のことを占いたい！ */
.first-free__benefit {
	background-image: url('/assets/images/first/first_background_diamond.png');
	background-size: contain;
	background-position: 0;
	background-repeat: repeat;
	margin: 0 0 1rem;
	padding-bottom: 1rem;
}
@media screen and (max-width:480px) {
	.first-free__benefit {
		background-position: 0;
	}
}
.first-free__benefit--title {
	font-size: 0;
	margin: 0;
	user-select: none;
	position: relative;
	top: -2rem;
}
.first-free__benefit--title-img {
	width: 100%;
	height: auto;
}
.first-free__benefit--contents {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem;
}
.first-free__benefit--image-block {
	margin: 1rem;
}
.first-free__benefit--image-frame {
	margin: 0;
	text-align: center;
}
.first-free__benefit--image-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}

/* アロー付 フッター リンク */
.first-free__footer--ul, .first-free__footer--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first-free__footer--li {
	align-items: center;
	display: flex;
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem;
}
.first-free__footer--li:first-child {
	border-top: 1px solid #9c9c9c;
}
.first-free__footer--li::after {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first-free__footer--a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}

/* 非会員、初めての方共通ボタン(会員登録) */
.first-free__member-regist--btn {
	background-color: #f66076;
	color: #ffffff;
	margin: 0;
	position: relative;
	width: 60%;
	max-width: 20rem;
}
.first-free__member-regist--btn::before {
	border: 0.06rem solid;
	border-color: #ffffff #ffffff transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first-free__member-regist--btn-a {
	color: #ffffff;
}
.first-free__member-regist--btn-a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* 非会員、初めての方共通ボタン(青) */
.first-free__blue--btn, .first-free__blue--btn-back {
	background-color: #5fc3d8;
	color: #ffffff;
	margin: 0;
	position: relative;
	width: 60%;
	max-width: 20rem;
}
.first-free__blue--btn::before {
	border: 0.06rem solid;
	border-color: #ffffff #ffffff transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first-free__blue--btn-back::before {
	border: 0.06rem solid;
	border-color: #ffffff #ffffff transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	left: 1rem;
	transform: translate(0, -50%) rotate(225deg);
}
.first-free__blue--btn-a {
	color: #ffffff;
}
.first-free__blue--btn-a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ==============================================================*/
/* はじめての方へ */
.first-member__introduction {
	margin-bottom: 2rem;
}
.first-member__introduction--title {
	margin: 0;
}
.first-member__introduction--title-img {
	width: 100%;
	height: auto;
}
.first-member__introduction--pre {
	padding: 1rem 0 0 0.4rem;
	margin: 0;
}

/* 困ったらマイページへ */
.first-member__mypage {
}
.first-member__mypage--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__mypage--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__mypage--contents-ul, .first-member__mypage--contents-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first-member__mypage--contents-li {
	position: relative;
	padding-left: 1.2rem;
}
.first-member__mypage--contents-li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}

/* 自分のことを占いたい！ */
.first-member__fortune {
}
.first-member__fortune--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__fortune--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__fortune--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__fortune--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.first-member__fortune--notice {
	background-color: #fcf9d6;
	padding: 0.4rem;
	margin: 1rem;
}

/* 自分とあの人の相性を占いたい！ */
.first-member__affinity {
}
.first-member__affinity--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__affinity--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__affinity--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__affinity--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}

/* 自分とあの人の相性を占いたい！ */
.first-member__family {
}
.first-member__family--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__family--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__family--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__family--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}

/* 自分とあの人の相性を占いたい！ */
.first-member__child {
}
.first-member__child--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__child--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__child--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__child--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.first-member__child--contents-ul, .first-member__child--contents-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first-member__child--contents-subtitle {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0;
}
.first-member__child--contents-subtitle::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}

/* 無料で色々な事を占いたい！ */
.first-member__premium-free {
}
.first-member__premium-free--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__premium-free--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__premium-free--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__premium-free--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}

/* プレミアム鑑定 */
.first-member__premium {
}
.first-member__premium--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__premium--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__premium--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__premium--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.first-member__premium--notice {
	background-color: #fcf9d6;
	padding: 0.4rem;
	margin: 1rem;
}

/* あの日の運気を知りたい！ */
.first-member__unki {
}
.first-member__unki--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__unki--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__unki--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__unki--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.first-member__unki--contents-ul, .first-member__unki--contents-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first-member__unki--contents-li {
	padding-left: 1.2rem;
	position: relative;
}
.first-member__unki--contents-li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}

/* 有名人の占い結果が見たい！ */
.first-member__famous {
}
.first-member__famous--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__famous--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__famous--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__famous--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}

/* 悩みを相談したい！ */
.first-member__judgment {
}
.first-member__judgment--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__judgment--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__judgment--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__judgment--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}

/* プレゼントに応募したい！ */
.first-member__present {
}
.first-member__present--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__present--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__present--ul, .first-member__present--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first-member__present--li {
	padding-left: 4.8rem;
	position: relative;
}
.first-member__present--li::before {
	position: absolute;
	top: 0;
	left: 0;
}
.first-member__present--li:nth-of-type(1)::before {
	content: '「逸」･･･';
}
.first-member__present--li:nth-of-type(2)::before {
	content: '「贅」･･･';
}
.first-member__present--li:nth-of-type(3)::before {
	content: '「心」･･･';
}

/* 六星占術の基本的なことが知りたい！ */
.first-member__whats {
}
.first-member__whats--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__whats--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__whats--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__whats--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}

/* 今日の運命をメールでお届け！ */
.first-member__mail-magazine {
}
.first-member__mail-magazine--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.first-member__mail-magazine--contents {
	padding: 0.4rem;
	margin-bottom: 1rem;
}
.first-member__mail-magazine--contents-title {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0 0 0 1.2rem;
	position: relative;
	margin: 0 0 1rem;
}
.first-member__mail-magazine--contents-title::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}

/* アロー付 フッター リンク */
.first-member__footer--ul, .first-member__footer--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first-member__footer--li {
	align-items: center;
	display: flex;
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem;
}
.first-member__footer--li:first-child {
	border-top: 1px solid #9c9c9c;
}
.first-member__footer--li::after {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}
.first-member__footer--a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}

/* ==============================================================*/
/* 基本性格 */
.appraisal__character {
	margin-bottom: 2rem;
}
.appraisal__character--title {
	margin: 0;
}
.appraisal__character--title-img {
	width: 100%;
	height: auto;
}
.appraisal__character--ul, .appraisal__character--li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* 基本性格 登録リストから選ぶ 生年月日入力 */
.appraisal__partner {
	padding-bottom: 2rem;
}

/* ==============================================================*/
/* リニューアルフッター */
.footer-renewal {
	background-color: #fef4e1;
	margin: 0;
	padding: 1rem 0;
}
.footer-renewal-20220216 {
	background-color: #fef4e1;
	margin: 0;
	padding: 1rem 0 5.4rem;
}


/* ==============================================================*/
/* 2021年の運命 */
.cp21-index__header--head {
	font-size: 0;
	margin: 0;
}
.cp21-index__header--head-img {
	width: 100%;
	height: auto;
}
.cp21-bg1 {
	background-image: url('/assets/images/campaign2021/cp21_index_bg1.gif');
	background-position: center;
	background-repeat: repeat-y;
	background-size: 100% auto;
}
.cp21-index__sp {
	padding-bottom: 1rem;
}
.cp21-index__sp--title {
	font-size: 0;
	margin: 0;
}
.cp21-index__sp--title-img {
	width: 100%;
	height: auto;
}
.cp21-index__sp--try {
	margin: 0;
}
.cp21-index__sp--try-form {
	margin: 1rem 0;
}
.cp21-index__sp--try-form-contents {
	color: #ffffff;
	background-image: url('/assets/images/campaign2021/cp21_index_try_middle.png');
	background-position: center;
	background-repeat: repeat-y;
	background-size: contain;
	padding: 0 2rem;
}
.cp21-index__sp--try-form-contents-input {
	background-color: #fae2d8;
	border: 1px solid transparent;
	border-radius: .2rem;
	vertical-align: middle;
	width: 100%;
}
.cp21-index__sp--try-form-contents-example {
	font-size: small;
	margin: 0;
}
.cp21-index__sp--try-form-contents-ul, .cp21-index__sp--try-form-contents-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.cp21-index__sp--try-form-contents-ul {
	margin-bottom: 1rem;
}
.cp21-index__sp--try-form-contents-li {
	font-size: small;
	padding-left: 1rem;
	position: relative;
}
.cp21-index__sp--try-form-contents-li::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}
.cp21-index__sp--try-form-contents-btn-position {
	margin: 0;
	text-align: center;
	width: 100%;
}
.cp21-index__sp--try-form-contents-btn {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	appearance: none;
	padding: 0;
}
.cp21-index__sp--try-form-contents-btn-img {
	width: 90%;
	max-width: 20rem;
	height: auto;
}
.cp21-index__purchasehistory {
	margin: 0;
}
.cp21-index__purchasehistory--button {
	width: 100%;
	margin: 0;
}
.cp21-index__regist--top-btn {
	width: 80%;
	max-width: 30rem;
}

/* ==============================================================*/
/* FIRST リニューアル */
.f-re__intro {
	background-image: url('/assets/images/first/re/first_re_bg2.jpg');
	background-position: top;
	margin-bottom: 0;
	position: relative;
}
.f-re__intro--title {
	font-size: 0;
	margin: 0;
}
.f-re__intro--contents {
	padding: 0 1rem 1rem;
}
.f-re__intro--form {
	background-color: #ec91a2;
	background-image: url('/assets/images/first/re/first_re_free_form_bg.png');
	background-position: center;
	background-size: 100%;
	border: 1px solid #ec91a2;
	border-radius: 0.5rem;
	margin: -38% 0 1rem;
	filter: drop-shadow(0 .2rem .2rem rgba(0,0,0,0.2));
}
.f-re__intro--form-title {
	font-size: 0;
	margin: 0 0 1rem;
}
.f-re__intro--form-block {
	margin: 0 1rem;
}
.f-re__intro--form-wrapper {
	margin: 0 auto;
	position: relative;
	width: 100%;
	max-width: 40rem;
}
.f-re__intro--form-input {
	display: inline-block;
	margin: 0;
	text-align: center;
	width: 55%;
}
.f-re__intro--form-input-text {
	border: 1px solid transparent;
	border-radius: .4rem;
	width: 100%;
	max-width: 30rem;
	padding: 0.6rem 0 0.6rem 0.4rem;
	vertical-align: middle;
}
.f-re__intro--form-btn-pos {
	display: inline-block;
	margin: 0 auto;
	position: relative;
	padding: 0;
	width: 42%;
	max-width: 20rem;
}
.f-re__intro--form-btn {
	appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
}
.f-re__intro--form-ex {
	color: #ffffff;
	text-align: left;
	margin: 0.4rem 0 0;
	padding: 0 0 .6rem;
}
.f-re__intro--news {
	background-color: #f8e3e8;
	border: 1px solid #ec91a2;
	padding: 1rem;
	margin-bottom: 1rem;
}
.f-re__intro--news-title {
	color: #ec91a2;
	font-size: 1.2rem;
	letter-spacing: 0.4rem;
	text-align: center;
}
.f-re__intro--news-title-border {
	border-bottom: 1px solid #ec91a2;
	padding-left: 0.4rem;
}
.f-re__intro--news-contents {
	color: #333333;
	margin: 0;
	word-break: break-all;
}
.f-re__intro--accordion {
	margin: 0 0 1rem;
}
.f-re__intro--accordion-block {
	background-color: #ffffff;
	border: 2px solid #c19797;
	border-radius: 0.4rem;
	margin: 0 auto 1rem;
	padding: .375rem .75rem;
	user-select: none;
	width: 100%;
}
.f-re__intro--accordion-pos {
	position: relative;
}
.f-re__intro--accordion-title {
	color: #c19797;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
/* アコーディオンの十字ボタン(〈showなし〉非表示 > 表示〈showあり〉表示 > 非表示)*/
.f-re__intro--accordion-btn, .f-re__intro--accordion-btn-show {
	user-select: none;
	outline: none !important;
	width: 100%;
	max-width: 3.375rem;
	height: 100%;
	max-height: 3.375rem;
	transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
	white-space: nowrap;
	z-index: 10;
	border: none;
	outline: none;
	padding: 0;
	appearance: none;
	background-color: transparent;
}
.f-re__intro--accordion-btn::after, .f-re__intro--accordion-btn-show::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
.f-re__intro--accordion-btn::after {
	background-image: url('/assets/images/first/re/first_re_accordion_plus.png');
}
.f-re__intro--accordion-btn-show::after {
	background-image: url('/assets/images/first/re/first_re_accordion_minus.png');
}
.f-re__intro--accordion-btn.clicked, .f-re__intro--accordion-btn-show.clicked {
	transform: translate(0, -50%) rotate(0deg);
	box-shadow: none;
}
.f-re__intro--accordion-btn.clicked::after, .f-re__intro--accordion-btn-show.clicked::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: inline-block;
	background-size: contain;
}
.f-re__intro--accordion-btn.clicked::after {
	background-image: url('/assets/images/first/re/first_re_accordion_minus.png');
}
.f-re__intro--accordion-btn-show.clicked::after {
	background-image: url('/assets/images/first/re/first_re_accordion_plus.png');
}
.f-re__intro--bnr {
	filter: drop-shadow(0 .2rem .2rem rgba(0,0,0,0.2));
}
.f-re__intro--img-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

/* 会員になると何が出来るの？ */
.f-re__contents {
	background-image: url('/assets/images/first/re/first_re_bg1.jpg');
	background-position: top;
	padding: 1rem;
}
.f-re__contents--title {
	font-size: 0;
	margin: 0;
}
.f-re__contents--blk {
	background-color: #fde1e7;
}
.f-re__contents--ol, .f-re__contents--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.f-re__contents--li {
	padding: 1rem;
}
.f-re__contents--frame {
	background-color: #fff9fa;
	border: 1px solid #b5a272;
	margin: 0 auto;
	padding: 1rem;
	width: 100%;
}
.f-re__contents--frame-title {
	font-size: 0;
	margin: 0;
}
.f-re__contents--frame-title-str {
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0 0 1rem;
	text-align: center;
}
.bloom_frame {
	margin: 0 -1rem 0;
}
.title_pos {
	margin-top: -5%;
}
.f-re__contents--btn {
	margin: 1rem auto 0;
	width: 80%;
	max-width: 30rem;
}
.f-re__contents-worry-ul, .f-re__contents-worry-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.f-re__contents-worry-li {
	border-bottom: 1px solid #f5c5ce;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
.f-re__contents-worry-icon-img {
	min-width: 2.625rem;
	max-width: 3.625rem;
}
.f-re__contents--check-ul, .f-re__contents--check-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.f-re__contents--check-li {
	border-bottom: 1px solid #dec7c7;
	margin: 0 0 1rem;
}
.f-re__contents--check-li:last-child {
	border-bottom: none;
}
.f-re__contents--check-title {
	color: #c19797;
	font-weight: bold;
	margin: 0;
}
.f-re__contents--check-illust {
	display: flex;
	align-items: center;
	justify-content: center;
}
.f-re__contents--check-illust-img {
	width: 100%;
	max-width: 16rem;
	padding: 0 1rem;
}
.f-re__contents--movie {
	position: relative;
	text-align: center;
	width: 100%;
}
.f-re__contents--movie::before {
	content: '';
	display: block;
	padding-top: 56.25%;
}
.f-re__contents--movie > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.f-re__contents-movie-title {
	color: #c19797;
	font-weight: bold;
	margin: 0;
}
.f-re__contents--other-ul, .f-re__contents--other-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.f-re__contents--other-li {
	margin: 0 0 1rem;
}
.f-re__contents--other-title {
	color: #c19797;
	font-weight: bold;
	margin: 0;
}
.f-re__contents--other-detail-ul, .f-re__contents--other-detail-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.f-re__contents--other-detail-ul {
	margin-bottom: 1rem;
}
.f-re__contents--other-detail-li {
	font-weight: bold;
	padding-left: 1.2rem;
	position: relative;
}
.f-re__contents--other-detail-li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}


/* プレミアム鑑定 */
.f-re__premium {
	background-image: url('/assets/images/first/re/first_re_bg2.jpg');
	background-position: top;
}
.f-re__premium--title {
	font-size: 0;
	margin: 0;
}
.f-re__premium--contents {
	padding: 1rem;
}
.nav-justified {
	border-radius: .10rem;
}
.nav-link {
	color: #cd85b2;
	font-weight: bold;
}
.f-re__premium--item {
	border: 2px solid #cd85b2;
	background-color: #ffffff;
}
.f-re__premium--item:first-child {
	border-top-left-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;
	border-right: none;
}
.f-re__premium--item:last-child {
	border-top-right-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem;
}
.f-re__premium--item .nav-link.active, .f-re__premium--item .show>.nav-link {
	color: #cd85b2;
	background-color: #f8e3e8;
}
.f-re__premium--item:first-child .nav-link.active, .f-re__premium--item:first-child .show>.nav-link:first-child {
	border-top-left-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;
}
.f-re__premium--item:last-child .nav-link.active, .f-re__premium--item:last-child .show>.nav-link {
	border-top-right-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem;
}
.f-re__premium--ul, .f-re__premium--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.f-re__premium--li {
	position: relative;
	background-color: #ffffff;
	border-bottom: 1px solid #f5e7f0;
	padding: 0.4rem 3.0rem 0.4rem 0.4rem;
}
.f-re__premium--li:last-child {
	border-bottom: none;
}
.f-re__premium--li::after {
	background-image: url("/assets/images/first/re/first_re_premium_list_arrow.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: 50%;
	right: 0rem;
	transform: translate(0, -50%);
}
.f-re__premium--a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}
.f-re__premium--tag {
	border-radius: 0.2rem;
	color: #2a2a2a;
	display: inline-block;
	font-size: 0.7rem;
	letter-spacing: 0.6rem;
	padding: 0;
	text-align: center;
	text-indent:0.6rem;
	user-select: none;
	width: 6rem;
}
.f-re__premium--type {
	color: #8f8f8f;
	display: inline-block;
	font-size: 0.7rem;
	padding: 0;
	text-align: left;
	user-select: none;
	width: 6.4rem;
}
.f-re__premium--detail {
	color: #ea68a2;
	display: block;
	text-decoration: underline;
}
.f-re__question {
	background-image: url('/assets/images/first/re/first_re_bg2.jpg');
	background-position: top;
}
.f-re__question--accordion {
	margin: 0;
}
.f-re__question--accordion-block {
	background-color: #ffffff;
	border: 2px solid #ef90bf;
	border-radius: 0.4rem;
	margin: 0 auto 1rem;
	padding: .375rem .75rem;
	user-select: none;
	width: 100%;
	max-width: 40rem;
}
.f-re__question--accordion-pos {
	position: relative;
}
.f-re__question--accordion-title {
	color: #ef90bf;
	font-weight: bold;
	margin: 0;
	text-align: center;
	padding: 0 2rem;
}
/* アコーディオンの十字ボタン(〈showなし〉非表示 > 表示〈showあり〉表示 > 非表示)*/
.f-re__question--accordion-btn, .f-re__question--accordion-btn-show {
	user-select: none;
	outline: none !important;
	width: 100%;
	max-width: 1.375rem;
	height: 100%;
	max-height: 1.375rem;
	transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
	white-space: nowrap;
	z-index: 10;
	border: none;
	outline: none;
	padding: 0;
	appearance: none;
	background-color: transparent;
}
.f-re__question--accordion-btn::after, .f-re__question--accordion-btn-show::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
.f-re__question--accordion-btn::after {
	background-image: url('/assets/images/first/re/first_re_question_plus_icon.png');
}
.f-re__question--accordion-btn-show::after {
	background-image: url('/assets/images/first/re/first_re_question_minus_icon.png');
}
.f-re__question--accordion-btn.clicked, .f-re__question--accordion-btn-show.clicked {
	transform: translate(0, -50%) rotate(0deg);
	box-shadow: none;
}
.f-re__question--accordion-btn.clicked::after, .f-re__question--accordion-btn-show.clicked::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: inline-block;
	background-size: contain;
}
.f-re__question--accordion-btn.clicked::after {
	background-image: url('/assets/images/first/re/first_re_question_minus_icon.png');
}
.f-re__question--accordion-btn-show.clicked::after {
	background-image: url('/assets/images/first/re/first_re_question_plus_icon.png');
}
.f-re__question--accordion-ul-dot, .f-re__question--accordion-ul-dot > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.f-re__question--accordion-ul-dot > li {
	padding-left: 1.2rem;
	position: relative;
}
.f-re__question--accordion-ul-dot > li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}
.f-re__question--caution {
	margin: 0 auto;
	padding: 0 0 0 1.4rem;
	position: relative;
}
.f-re__question--caution::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2rem;
	line-height: 1.2;
}

/* アプリでも六星占術 */
.f-re__appli {
	margin: 0;
}
.f-re__appli--title {
	font-size: 0;
	margin: -40% 0 0;
}
.f-re__appli--bg {
	background-image: url('/assets/images/first/re/first_re_appli_bg.png');
	background-position: top;
	margin-top: -1%;
	padding: 1rem;
}
.f-re__appli--detail {
	margin-bottom: 1rem;
}
.f-re__appli--detail-logo {
	min-width: 4rem;
	width: 75%;
}

/* re footer */
.f-re__footer {
	background-image: url('/assets/images/first/re/first_re_bg1.jpg');
	background-position: top;
	margin: 0;
}
.footer-renewal-re {
	background-color: #f8e3e8;
	padding: 1rem 0;
}


.f-re__intro--detail {
	margin: -36% 0 0;
	padding: 0 0 1rem;
	position: relative;
	z-index: 2;
}
.f-re__intro--detail-frame {
	background-image: url("/assets/images/first/re/first_re_detail_ds_bg.png");
	background-position: center right;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #ec91a2;
	border-radius: 0.4rem;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 0.2rem;
	margin: 0 auto;
	padding: 1rem;
	text-align: center;
}
@media (min-width: 576px) {
	.f-re__intro--detail-frame {
		font-size: 1.6rem;
	}
}
.f-re__basic {
	background-color: #ffffff;
	border: 1px solid #ec91a2;
	padding: 1rem;
}
.f-re__basic--char {
	padding: 1rem 0;
}
.f-re__basic--char-title {
	color: #ec91a2;
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.2rem;
	margin: 0 0 2rem;
	position: relative;
	text-align: center;
}
.f-re__basic--char-title:before {
	content: '';
	position: absolute;
	bottom: -1rem;
	display: inline-block;
	width: 2rem;
	height: 4px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #f8e3e8;
	border-radius: 2px;
}
.f-re__basic--char-contents {
	margin: 0;
}
.f-re__basic--continue-btn {
	display: block;
	margin: 0 auto;
	width: 90%;
	max-width: 20rem;
}






/* 初回限定 */
.only_bg {
	background-color: #fef5e6;
}
.only__top {
	margin-bottom: 1rem;
}
.only__top--name {
	color: #c00000;
	font-size: 1.4rem;
	margin: 1rem 0;
	text-align: center;
}
.only__top--contents-middle {
	background-image: url('/assets/images/first/only/first_premium_01_middle.png');
	background-position: top;
	background-repeat: repeat-y;
	background-size: 100%;
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
}
.only__top--point-middle {
	background-image: url('/assets/images/first/only/first_premium_02_middle.png');
	background-position: top;
	background-repeat: repeat-y;
	background-size: 100%;
	margin: 0;
	padding: 0.4rem 0;
}
.only__top--point-detail {
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0 1rem 0.6rem;
	text-align: center;
}
.only__top--point-notice {
	padding: 0 2.4rem 0 3.6rem !important;
	position: relative;
}
.only__top--point-notice::before {
	content: '*';
	position: absolute;
	top: 0;
	left: 2.6rem;
	font-size: 1.6rem;
	line-height: 1.2;
}
.only__premium {
	margin-bottom: 1rem;
}
.only__premium--title {
	font-size: 0;
	margin: 0;
}
.only__premium--ul, .only__premium--ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.only__premium--ul > li {
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem 1.0rem 0.4rem 1rem;
}
.only__premium--ul > li::after {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	display: inline-block;
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}
.only__premium--a {
	color: #000000;
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}
.only__premium--tag {
	border-radius: 0.2rem;
	color: #2a2a2a;
	display: inline-block;
	font-size: 0.7rem;
	letter-spacing: 0.6rem;
	padding: 0;
	text-align: center;
	text-indent:0.6rem;
	user-select: none;
	width: 6rem;
}
.only__premium--half {
	color: #c00000;
	display: block;
}
.only__premium--btn {
	background-color: #f66076;
	color: #ffffff;
	font-weight: bold;
	margin: 0 1rem;
	white-space: normal;
}
.only__premium--p-caution {
	padding: 0 0 0 1.2rem;
	position: relative;
}
.only__premium--p-caution::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2rem;
	line-height: 1.2;
}
.only__premium--ul-notice, .only__premium--ul-notice > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.only__premium--p-notice {
	padding: 0 0 0 1.2rem !important;
	position: relative;
}
.only__premium--p-notice::before {
	content: '*';
	position: absolute;
	top: 0;
	left: 2px;
	font-size: 1.6rem;
	line-height: 1.2;
}

.only__footer--list {
	margin-bottom: 1rem;
}
.only__footer--list-ul, .only__footer--list-ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.only__footer--list-ul > li {
	align-items: center;
	display: flex;
	position: relative;
	padding: 0.4rem 0.4rem 0.4rem 1.0rem;
}
.only__footer--list-ul > li:first-child {
	border-top: 2px solid #dae3f3;
}
.only__footer--list-ul > li:nth-child(even) {
	background-color: #dae3f3;
}
.only__footer--list-icon {
	width: 100%;
	max-width: 3rem;
	height: auto;
	padding-right: 0.6rem;
}
.only__footer--list-a {
	color:#000000;
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}

/*================================================================================*/
/* outside */
/*
@font-face {
	font-family: "Noto Serif CJK JP";
	font-style: normal;
	font-weight: 400;
	src: url("/assets/fonts/first/outside/NotoSerifCJKjp-Regular.woff") format("woff"), url("/assets/fonts/first/outside/NotoSerifCJKjp-Regular.otf") format("opentype");
}

@font-face {
	font-family: "Noto Serif CJK JP";
	font-style: normal;
	font-weight: 600;
	src: url("/assets/fonts/first/outside/NotoSerifCJKjp-SemiBold.woff") format("woff"), url("/assets/fonts/first/outside/NotoSerifCJKjp-SemiBold.otf") format("opentype");
}

@font-face {
	font-family: "Noto Serif CJK JP";
	font-style: normal;
	font-weight: 700;
	src: url("/assets/fonts/first/outside/NotoSerifCJKjp-Bold.woff") format("woff"), url("/assets/fonts/first/outside/NotoSerifCJKjp-Bold.otf") format("opentype");
}


.noto-extralight {
	font-weight: 100;
	font-family: "Noto Serif CJK JP";
}

.noto-light {
	font-weight: 200;
	font-family: "Noto Serif CJK JP";
}

.noto-regular {
	font-weight: 400;
	font-family: "Noto Serif CJK JP";
}

.noto-medium {
	font-weight: 500;
	font-family: "Noto Serif CJK JP";
}

.noto-semibold {
	font-weight: 600;
	font-family: "Noto Serif CJK JP";
}

.noto-bold {
	font-weight: 700;
	font-family: "Noto Serif CJK JP";
}

.noto-black {
	font-weight: 900;
	font-family: "Noto Serif CJK JP";
}

.cv__btn {
	transition: filter 0.3s;
}

.cv__btn:hover {
	filter: brightness(120%);
	transition: filter 0.3s;
}

@media screen and (min-width: 769px) {
	.pc-none:not(:root) {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.sp-none:not(:root) {
		display: none;
	}
}

.bold {
	font-weight: bold;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.wrapper {
	max-width: 768px;
	min-width: 320px;
	margin: 0 auto;
}

.result {
	padding: 17.1875% 8.07292% 12.76042%;
	background-image: url(/assets/images/first/outside/result_bg01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.result__title {
	position: relative;
	background-color: #fff;
	text-align: center;
	padding: 10.72396% 10.02604% 6.90104% 10.28646%;
	line-height: 1.7;
	border: 0.39062vw solid;
	border-image-source: linear-gradient(274deg, #FF8FF4 -11.97%, #FFA800 121.11%);
	border-image-slice: 1;
	background-image: url(/assets/images/first/outside/result_bg02.png);
	background-size: 98% 94%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	white-space: nowrap;
}

@media screen and (min-width: 769px) {
	.result__title {
		border-width: 3px;
	}
}

.result__title-md {
	font-size: 3.38542vw;
	color: #333333;
}

@media screen and (min-width: 769px) {
	.result__title-md {
		font-size: 26px;
	}
}

.result__title-lg {
	font-weight: bold;
	font-size: 4.16667vw;
	background: linear-gradient(274deg, #FF8FF4 -11.97%, #FFA800 121.11%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media screen and (min-width: 769px) {
	.result__title-lg {
		font-size: 32px;
	}
}

.result__title-extralg {
	color: #FFFFFF;
	position: absolute;
	left: 23%;
	font-weight: bold;
	font-size: 4.16667vw;
	letter-spacing: 0.03em;
	padding: 1.43229% 5.94792% 1.82292%;
	background-image: url(/assets/images/first/outside/result_bg05.png);
}

@media screen and (min-width: 769px) {
	.result__title-extralg {
		font-size: 32px;
	}
}

.result__title-extralg.top {
	top: -18%;
}

.result__title-extralg.bottom {
	top: -1.4%;
}

.result__box {
	position: relative;
	margin-top: 14.23958%;
}

.result__desc {
	background-color: #fff;
	padding: 10.33333% 4.81771% 10.29375%;
	border: 0.39062vw solid;
	border-image-source: linear-gradient(274deg, #FF8FF4 -11.97%, #FFA800 121.11%);
	border-image-slice: 1;
}

@media screen and (min-width: 769px) {
	.result__desc {
		border-width: 3px;
	}
}

.result__desc+.result__desc {
	margin-top: 7.8125%;
}

.result__desc.top {
	background-image: url(/assets/images/first/outside/result_bg03.png);
	background-size: 98% 98%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.result__desc.bottom {
	background-image: url(/assets/images/first/outside/result_bg04.png);
	background-size: 98% 98%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.result__desc-title {
	text-align: center;
}

.result__desc-title-md {
	font-size: 3.90625vw;
	color: #333333;
}

@media screen and (min-width: 769px) {
	.result__desc-title-md {
		font-size: 30px;
	}
}

.result__desc-title-lg {
	font-weight: bold;
	font-size: 4.94792vw;
	color: #EB57B0;
	margin-top: 3%;
}

@media screen and (min-width: 769px) {
	.result__desc-title-lg {
		font-size: 38px;
	}
}

.result__desc-text {
	font-size: 3.38542vw;
	line-height: 1.7;
	text-align: left;
	color: #000000;
}

@media screen and (min-width: 769px) {
	.result__desc-text {
		font-size: 26px;
	}
}

.result__desc-text+.result__desc-text {
	margin-top: 7.625%;
}

.result__desc-text.mt-sm {
	margin-top: 4%;
}

.result__img {
	margin: 10% auto 0;
	width: 89%;
}

.cv {
	background-image: url(/assets/images/first/outside/cv_bg01.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

.cv__inner {
	padding: 8.46354% 10.67708% 6.09167%;
}

.cv__inner.center {
	padding: 5.46875% 10.67708% 3.55208%;
}

.cv__text {
	font-size: 3.90625vw;
	text-align: center;
}

@media screen and (min-width: 769px) {
	.cv__text {
		font-size: 30px;
	}
}

.cv__btn {
	margin-top: 5.33854%;
}

.what {
	position: relative;
}

.what__inner {
	position: absolute;
	top: 11.94792%;
	left: 9.63542%;
	width: 80.72917%;
}

.what__title {
	font-size: 6.77083vw;
	text-align: center;
	color: #641C3F;
}

@media screen and (min-width: 769px) {
	.what__title {
		font-size: 52px;
	}
}

.what__rect {
	padding: 5% 5% 5% 6%;
	margin-top: 4.81771%;
}

.what__rect-text {
	font-size: 3.38542vw;
	line-height: 1.8;
	letter-spacing: 0.045em;
	color: #333333;
}

@media screen and (min-width: 769px) {
	.what__rect-text {
		font-size: 26px;
	}
}

.what__desc {
	position: absolute;
	top: 34.94792%;
	left: 17.01562%;
	width: 39.84375%;
	text-align: center;
	color: #641C3F;
}

.what__desc-md {
	font-size: 3.90625vw;
	line-height: 1.5;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

@media screen and (min-width: 769px) {
	.what__desc-md {
		font-size: 30px;
	}
}

.what__desc-lg {
	font-size: 6.51042vw;
	letter-spacing: 0.02em;
}

@media screen and (min-width: 769px) {
	.what__desc-lg {
		font-size: 50px;
	}
}

.what__profile {
	position: absolute;
	bottom: 18.05208%;
	right: 7.8125%;
	color: #641C3F;
	text-align: center;
	line-height: 1.6;
}

.what__profile-md {
	font-size: 3.90625vw;
	letter-spacing: 0.02em;
}

@media screen and (min-width: 769px) {
	.what__profile-md {
		font-size: 30px;
	}
}

.what__profile-lg {
	font-size: 6.51042vw;
	letter-spacing: 0.02em;
}

@media screen and (min-width: 769px) {
	.what__profile-lg {
		font-size: 50px;
	}
}

.what__text {
	position: absolute;
	bottom: 6.25208%;
	right: 12.4125%;
	text-align: center;
}

.what__text-md {
	font-size: 3.64583vw;
	line-height: 1.8;
	color: #641C3F;
}

@media screen and (min-width: 769px) {
	.what__text-md {
		font-size: 28px;
	}
}

.media {
	position: relative;
}

.media__title {
	position: absolute;
	top: 12.78125%;
	left: 31.25%;
	text-align: center;
}

.media__title-md {
	font-size: 6.77083vw;
	color: #641C3F;
	letter-spacing: -0.06em;
	text-shadow: 0px 0px 20px #FFFFFF;
}

@media screen and (min-width: 769px) {
	.media__title-md {
		font-size: 52px;
	}
}

.media__name {
	position: absolute;
	top: 28.98125%;
	left: 9.24479%;
	text-align: left;
}

.media__container {
	position: absolute;
	bottom: 7.90833%;
	right: 11.19792%;
	width: 48.56771%;
}

.media__sub-name {
	text-align: left;
}

.media__name-md {
	font-weight: 500;
	font-size: 4.6875vw;
	letter-spacing: 0.1em;
	color: #641C3F;
}

@media screen and (min-width: 769px) {
	.media__name-md {
		font-size: 36px;
	}
}

.media__name-md.sub {
	font-size: 3.90625vw;
}

@media screen and (min-width: 769px) {
	.media__name-md.sub {
		font-size: 30px;
	}
}

.media__name-sm {
	font-weight: 300;
	font-size: 3.64583vw;
	letter-spacing: 0.1em;
	color: #641C3F;
}

@media screen and (min-width: 769px) {
	.media__name-sm {
		font-size: 28px;
	}
}

.media__name-sm.sub {
	font-size: 2.86458vw;
}

@media screen and (min-width: 769px) {
	.media__name-sm.sub {
		font-size: 22px;
	}
}

.media__desc {
	position: absolute;
	top: 45.98125%;
	left: 13.67188%;
	text-align: left;
	width: 71.35417%;
}

.media__sub-desc {
	line-height: 1;
}

.media__desc-md {
	font-size: 3.125vw;
	line-height: 1.7;
	color: #23241E;
}

@media screen and (min-width: 769px) {
	.media__desc-md {
		font-size: 26px;
	}
}

.media__desc-md.sub {
	font-size: 2.60417vw;
}

@media screen and (min-width: 769px) {
	.media__desc-md.sub {
		font-size: 20px;
	}
}

.intro {
	position: relative;
}

.intro__title {
	position: absolute;
	top: 14.27083%;
	left: 21.29583%;
	text-align: center;
}

.intro__title-lg {
	font-size: 6.77083vw;
	background: linear-gradient(274deg, #FF8FF4 -11.97%, #FFA800 121.11%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media screen and (min-width: 769px) {
	.intro__title-lg {
		font-size: 52px;
	}
}

.intro__desc {
	position: absolute;
	bottom: 8.12917%;
	left: 9.375%;
	width: 79.94792%;
}

.intro__desc-md {
	font-size: 3.38542vw;
	line-height: 1.7;
	color: #23241E;
}

@media screen and (min-width: 769px) {
	.intro__desc-md {
		font-size: 26px;
	}
}

.worries {
	position: relative;
}

.worries__title {
	position: absolute;
	top: 13.28958%;
	left: 15.88542%;
	text-align: center;
}

.worries__title-lg {
	font-size: 5.98958vw;
	color: #641C3F;
	text-shadow: 0px 0px 20px #fff;
}

@media screen and (min-width: 769px) {
	.worries__title-lg {
		font-size: 46px;
	}
}

.worries__desc {
	position: absolute;
	width: 35.46875%;
	text-align: center;
}

.worries__desc.top {
	top: 32.13021%;
	right: 7.9375%;
}

.worries__desc.center {
	top: 53.38229%;
	left: 4.9375%;
}

.worries__desc.bottom {
	bottom: 16.28125%;
	right: 7.9375%;
}

.worries__desc-title {
	font-size: 5.20833vw;
	letter-spacing: 0.05em;
	color: #8F1210;
}

@media screen and (min-width: 769px) {
	.worries__desc-title {
		font-size: 40px;
	}
}

.worries__desc-lead {
	font-size: 3.38542vw;
	line-height: 1.5;
	color: #333333;
	margin-top: 8.60417%;
	white-space: nowrap;
}

@media screen and (min-width: 769px) {
	.worries__desc-lead {
		font-size: 26px;
	}
}

.solution {
	position: relative;
}

.solution__text {
	position: absolute;
	top: 2.51875%;
	left: 20.3125%;
	text-align: center;
}

.solution__text-sm {
	font-size: 3.64583vw;
	color: #641C3F;
	margin-bottom: 4.29688%;
}

@media screen and (min-width: 769px) {
	.solution__text-sm {
		font-size: 28px;
	}
}

.solution__text-md {
	font-size: 6.77083vw;
}

@media screen and (min-width: 769px) {
	.solution__text-md {
		font-size: 52px;
	}
}

.solution__text-lg {
	font-size: 7.8125vw;
	background: linear-gradient(274deg, #FF8FF4 -11.97%, #FFA800 121.11%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media screen and (min-width: 769px) {
	.solution__text-lg {
		font-size: 60px;
	}
}

.solution__title {
	position: absolute;
	top: 16.31875%;
	left: 22.3125%;
	text-align: center;
	line-height: 1.6;
}

.solution__title-sm {
	font-size: 3.64583vw;
	color: #641C3F;
}

@media screen and (min-width: 769px) {
	.solution__title-sm {
		font-size: 28px;
	}
}

.solution__title-lg {
	font-size: 5.98958vw;
	color: #641C3F;
	text-shadow: 0px 0px 20px #FFFFFF;
}

@media screen and (min-width: 769px) {
	.solution__title-lg {
		font-size: 46px;
	}
}

.solution__point {
	text-align: center;
	position: absolute;
	width: 68.625%;
}

.solution__point.top {
	top: 22.98333%;
	left: 16.25%;
}

.solution__point.center {
	top: 46.88333%;
	left: 14.35%;
}

.solution__point.bottom {
	top: 70.78333%;
	left: 16.25%;
}

.solution__point-title {
	font-size: 5.20833vw;
	line-height: 1.5;
	color: #722E2D;
	white-space: nowrap;
}

@media screen and (min-width: 769px) {
	.solution__point-title {
		font-size: 40px;
	}
}

.solution__point-desc {
	font-size: 3.38542vw;
	line-height: 1.7;
	letter-spacing: 0.03em;
	text-align: left;
	margin-top: 72.08854%;
}

.solution__point-desc.center {
	width: 103%;
}

@media screen and (min-width: 769px) {
	.solution__point-desc {
		font-size: 26px;
	}
}

.statement {
	position: relative;
}

.statement__text {
	position: absolute;
	background-image: url(/assets/images/first/outside/statement_bg.png);
}

.statement__text.top {
	width: 50.78125%;
	top: 9.11562%;
	left: 0;
	padding: 3% 1% 3% 8%;
}

.statement__text.bottom {
	width: 50.78125%;
	top: 29.11562%;
	right: 0;
	padding: 3% 1% 3% 8%;
}

.statement__text-md {
	font-size: 4.16667vw;
	line-height: 1.2;
	color: #FFFFFF;
	text-shadow: 2px 2px 4px rgba(170, 114, 114, 0.95);
}

@media screen and (min-width: 769px) {
	.statement__text-md {
		font-size: 32px;
	}
}

.statement__title {
	position: absolute;
	top: 51.15104%;
	left: 8.20312%;
}

.statement__title-lg {
	font-size: 6.51042vw;
	color: #FF8C01;
}

@media screen and (min-width: 769px) {
	.statement__title-lg {
		font-size: 50px;
	}
}

.statement__desc {
	position: absolute;
	top: 66.11458%;
	left: 8.20312%;
}

.statement__desc-md {
	font-size: 3.38542vw;
	letter-spacing: 0.035em;
	color: #333333;
	text-shadow: 1px 1px 0px #ffffff;
}

@media screen and (min-width: 769px) {
	.statement__desc-md {
		font-size: 26px;
	}
}

.statement__desc-md+.statement__desc-md {
	margin-top: 7.125%;
}

.feature {
	position: relative;
}

.feature__title {
	position: absolute;
	top: 7%;
	left: 15.3125%;
}

.feature__text-md {
	letter-spacing: -0.039em;
	font-size: 6.77083vw;
	background: linear-gradient(274deg, #FF8FF4 -11.97%, #FFA800 121.11%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media screen and (min-width: 769px) {
	.feature__text-md {
		font-size: 52px;
	}
}

.feature__text-lg {
	font-size: 9.11458vw;
	background: linear-gradient(274deg, #FF8FF4 -11.97%, #FFA800 121.11%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media screen and (min-width: 769px) {
	.feature__text-lg {
		font-size: 70px;
	}
}

.feature__caption {
	position: absolute;
	top: 25.9875%;
	right: 13.02083%;
}

.feature__caption-sm {
	font-size: 2.60417vw;
	color: #333;
}

@media screen and (min-width: 769px) {
	.feature__caption-sm {
		font-size: 20px;
	}
}

.feature__lists {
	width: 70.05208%;
	position: absolute;
	top: 12.3%;
	left: 16.53646%;
}

.feature__list-text+.feature__list-text {
	margin-top: 3%;
}

.feature__list-text {
	font-size: 3.64583vw;
	color: #641C3F;
	white-space: nowrap;
}

@media screen and (min-width: 769px) {
	.feature__list-text {
		font-size: 28px;
	}
}

.feature__list-desc {
	margin-top: 5%;
	font-size: 3.38542vw;
	line-height: 1.7;
	color: #23241E;
}

@media screen and (min-width: 769px) {
	.feature__list-desc {
		font-size: 26px;
	}
}

.feature__rect {
	position: absolute;
	top: 48.2875%;
	border-radius: 20px;
	background-image: url(/assets/images/first/outside/feature_bg01.png);
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 2% 3% 2.6% 3%;
}

.feature__rect.left {
	left: 13.53646%;
}

.feature__rect.right {
	right: 14.53646%;
}

.feature__price-lg {
	font-weight: bold;
	font-size: 7.03125vw;
	line-height: 1.3;
	color: #FFFFFF;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 769px) {
	.feature__price-lg {
		font-size: 54px;
	}
}

.feature__price-md {
	font-weight: bold;
	font-size: 4.16667vw;
	line-height: 1.3;
	color: #FFFFFF;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 769px) {
	.feature__price-md {
		font-size: 32px;
	}
}

.feature__price-sm {
	font-weight: bold;
	font-size: 2.60417vw;
	line-height: 1.3;
	color: #FFFFFF;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 769px) {
	.feature__price-sm {
		font-size: 20px;
	}
}

.feature__img {
	position: absolute;
	top: -7%;
	right: -9%;
	width: 41%;
}

.feature__notice {
	position: absolute;
	bottom: 24.6%;
	left: 27.43229%;
	text-align: center;
}

.feature__notice-sm {
	font-size: 3.90625vw;
	line-height: 1.5;
	color: #722E2D;
}

@media screen and (min-width: 769px) {
	.feature__notice-sm {
		font-size: 30px;
	}
}

.feature__notice-md {
	font-size: 5.20833vw;
	background: linear-gradient(274deg, #FF8FF4 -11.97%, #FFA800 121.11%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media screen and (min-width: 769px) {
	.feature__notice-md {
		font-size: 40px;
	}
}

.feature__notice-extralg {
	font-size: 10.41667vw;
	background: linear-gradient(274deg, #FF8FF4 -11.97%, #FFA800 121.11%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media screen and (min-width: 769px) {
	.feature__notice-extralg {
		font-size: 80px;
	}
}

.feature__notice-lg {
	font-size: 6.77083vw;
	background: linear-gradient(274deg, #FF8FF4 -11.97%, #FFA800 121.11%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media screen and (min-width: 769px) {
	.feature__notice-lg {
		font-size: 52px;
	}
}

.feature__desc {
	position: absolute;
	bottom: 16.2%;
	width: 73%;
	left: 13.43229%;
}

.feature__desc-md {
	font-size: 3.38542vw;
	line-height: 1.7;
	color: #641C3F;
}

@media screen and (min-width: 769px) {
	.feature__desc-md {
		font-size: 26px;
	}
}

.feature__desc02 {
	position: absolute;
	bottom: 8.6%;
	width: 73%;
	left: 15.83229%;
}

.feature__desc-extramd {
	font-size: 2.86458vw;
	line-height: 1.8;
	letter-spacing: 0.08em;
	color: #23241E;
}

@media screen and (min-width: 769px) {
	.feature__desc-extramd {
		font-size: 22px;
	}
}

.feature__desc-sm {
	color: #333;
	font-size: 2.60417vw;
	margin-top: 3.125%;
}

@media screen and (min-width: 769px) {
	.feature__desc-sm {
		font-size: 20px;
	}
}

.course__title {
	position: absolute;
	text-align: center;
}

.course__title.main {
	top: 43.4%;
	left: 20.44271%;
}

.course__title.sub01 {
	top: 45.8%;
	left: 18.14271%;
}

.course__title.sub02 {
	top: 45.8%;
	right: 12.84271%;
}

.course__text {
	text-align: center;
	position: absolute;
}

.course__text.left {
	top: 52.6%;
	left: 13.24271%;
}

.course__text.right {
	top: 52.6%;
	right: 15.94271%;
}

.course__rect {
	position: absolute;
	top: 56.4875%;
	right: 13.89271%;
	background-image: url(/assets/images/first/outside/course__bg01.png);
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 1% 4.4% 2% 6%;
}

.course__notice {
	font-weight: bold;
	font-size: 3.38542vw;
	line-height: 1.3;
	color: #FFFFFF;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 769px) {
	.course__notice {
		font-size: 30px;
	}
}

.course__text-md {
	font-size: 3.125vw;
	line-height: 1.8;
	letter-spacing: 0.04em;
	color: #23241E;
}

@media screen and (min-width: 769px) {
	.course__text-md {
		font-size: 24px;
	}
}

.course__title-md {
	font-weight: bold;
	font-size: 3.90625vw;
	text-align: center;
	color: #722E2D;
}

@media screen and (min-width: 769px) {
	.course__title-md {
		font-size: 30px;
	}
}

.course__title-sm {
	font-size: 3.125vw;
	line-height: 1.6;
	letter-spacing: 0.04em;
	color: #23241E;
}

@media screen and (min-width: 769px) {
	.course__title-sm {
		font-size: 24px;
	}
}

.message {
	position: relative;
}

.message__title {
	position: absolute;
	top: 12.40833%;
	left: 20.6%;
	font-size: 4.16667vw;
	line-height: 2;
	text-align: center;
	color: #333333;
}

@media screen and (min-width: 769px) {
	.message__title {
		font-size: 32px;
	}
}

.footer {
	text-align: center;
	padding: 10.23333% 0 7.42188%;
}

.footer__link {
	font-size: 2.86458vw;
	color: #333333;
}

@media screen and (min-width: 769px) {
	.footer__link {
		font-size: 22px;
	}
}

.footer__link+.footer__link {
	margin-top: 4.94792%;
}

.footer__link:last-of-type {
	margin-top: 7.55208%;
}

.footer__copy {
	font-size: 2.60417vw;
	line-height: 1.5;
	color: #333333;
	margin-top: 2%;
}

@media screen and (min-width: 769px) {
	.footer__copy {
		font-size: 20px;
	}
}

.floating {
	position: fixed;
	bottom: 0;
	left: auto;
	max-width: 768px;
	width: 100%;
	text-align: center;
	z-index: 10;
}

@media screen and (min-width: 769px) {
	.floating {
		left: calc(50% - 384px);
	}
}


@media screen and (max-width: 576px) {
	.result__title-md, .result__desc-text {
		font-size: 1rem;
	}
	.result__desc-title-md {
		font-size: 1.2rem;
	}
	.result__title-lg {
		font-size: 1.15rem;
	}
	.result__desc-title-lg {
		font-size: 1.3rem;
	}
	.result__title-extralg.bottom {
		top: -1.0%;
	}
	.result__title {
		white-space: normal;
	}
}
@media screen and (max-width: 450px) {
	.result__title-extralg.bottom {
		top: -0.5%;
	}
}
*/
/* ==============================================================*/
/* 2022年の運命 */
.cp22-index__try {
	margin: 0;
}
.cp22-index__try--form {
	margin: 0;
	padding: 1rem 0;
}
.cp22-index__try--form-contents {
	color: #ffffff;
	padding: 0 2rem;
	position: relative;
}
.cp22-index__try--form-contents::after {
	content: '';
	display: inline-block;
	background-image: url('/assets/images/campaign2022/cp22_index_try_bg.png');
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	vertical-align: middle;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.cp22-index__try--form-pos {
	position: relative;
	padding: 1rem;
	z-index: 1;
}
.cp22-index__try--form-contents-input {
	background-color: #fae2d8;
	border: 1px solid transparent;
	border-radius: .2rem;
	vertical-align: middle;
	width: 100%;
}
.cp22-index__try--form-contents-example {
	font-size: small;
	margin: 0;
}
.cp22-index__try--form-contents-ul, .cp22-index__try--form-contents-ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.cp22_form_strong1 {
	color: #f4cf35;
	font-weight: bold;
	margin-left: 1.6rem;
}
.cp22_form_strong1::before {
	content: '※';
}
.cp22-index__try--form-contents-ul > li {
	font-size: small;
	padding-left: 1rem;
	position: relative;
}
.cp22-index__try--form-contents-ul > li::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}
.cp22-index__try--form-contents-btn-pos {
	margin: 0;
	text-align: center;
	width: 100%;
}
.cp22-index__try--form-contents-btn {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	appearance: none;
	padding: 0;
}
.cp22-index__try--form-contents-btn-img {
	width: 90%;
	max-width: 20rem;
	height: auto;
}
.cp22-index__free--btn {
	font-size: 0;
	margin: 0 auto;
	width: 70%;
	max-width: 20rem;
}
.cp22__ps--text {
	color: #2f67c1;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.cp22__ps--btn {
	margin: 0 auto 1rem;
	width: 75%;
	max-width: 22rem;
}
.cp22__regist--btn {
	margin: 0 auto;
	padding: 0 0 1rem;
	width: 75%;
	max-width: 22rem;
}

/* ABテスト用フッター */
.f-menu-ab {
/*	background: url('/assets/images/foot.png') center center /100% 100% no-repeat;*/
	background-color: #fdf0f7;
	bottom: 0;
	height: 3.375rem;
	max-width: 768px;
	margin: 0 auto;
	width: 100%;
	z-index: 20; /* ドロワーメニュー用 上書き */
}
.f-menu__position-ab {
	position: relative;
	height: 1.375rem;
}


.first__introduction--news-a {
	margin: 0;
	padding: 0 0 0 4.8rem;
	position: relative;
	line-height: 1.6;
}
.first__introduction--news-a::before {
	content: 'お知らせ：';
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.6;
}

.first__introduction--ab-news {
	margin: 0;
	padding: 0 0 0 4.8rem;
	position: relative;
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.first__introduction--ab-news::before {
	content: 'お知らせ：';
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.6;
}


.first__introduction--ab-rd {
	background-color: #ffffff;
	border: 3px solid #b4c7e7;
	margin: 0 0 1rem;
	padding: 1rem;
}
.first__introduction--ab-rd-ul, .first__introduction--ab-rd-ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first__introduction--ab-rd-title {
	font-weight: bold;
	font-size: 1.2rem;
	margin: 0;
	text-decoration: underline;
}
.ab-rd-position {
	margin: -4.375rem 0 1rem;
	padding-top: 4.375rem;
}
.ab-rd-caution {
	color: #e4007f;
}
.first__introduction--ab-rd-btn {
	background-color: #b4c7e7;
	border-radius: 0.2rem;
	color: #ffffff;
	padding: 0.4rem 1.6rem;
}

.ab_footer_img {
	width: 100%;
}
@media screen and (min-width: 600px) {
	.ab_footer_img {
		width: 80%;
	}
}

.cp23-index__intro {
	margin: 0;
}
.cp23-index__intro--title {
	font-size: 0;
	margin: 0;
}
.cp23-index__form {
	margin: 0 0 1rem;
}
.cp23-index__form--contents {
	color: #ffffff;
	background-position: center;
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-image: url('/assets/images/campaign2023/cp23_index_form_frame_middle.png');
}
.cp23-index__form--contents-input {
	background-color: #ffffff;
	border: 1px solid #a0a0a0;
	border-radius: .2rem;
	padding: 0.4rem 1rem;
	vertical-align: middle;
	width: 100%;
}
.cp23-index__form--contents-btn-pos {
	margin: 0 auto;
	width: 80%;
	max-width: 20rem;
}
.cp23-index__form--contents-btn {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	appearance: none;
	padding: 0;
	margin: 0 auto;
}
.cp23-index__form--contents-notes {
	color: #ffff00;
	font-size: 80%;
	text-align: center;
}
.cp23-index__form--contents-caution {
	font-size: 80%;
	margin: 0;
	text-align: center;
}
.cp23-index__form--contents-caution::before {
	content: '＊';
}
.cp23-select-block {
	display: none;
}
.cp23-index__top--btn {
	margin: 0 auto;
	width: 80%;
	max-width: 30rem;
}

.cp23-index__regist {
	margin: 1rem auto 1rem;
	max-width: 40rem;
	padding: 0;
}
.cp23-index__regist--text {
	color: #c00000;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.cp23-index__regist--pos {
	margin: 0;
	position: relative;
}
.cp23-index__regist--btn {
	position: absolute;
	bottom: 6%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 50%;
	max-width: 30rem;
}
.cp23-index__regist-caution-ul, .cp23-index__regist-caution-ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.cp23-index__regist-caution-ul > li {
	position: relative;
	padding-left: 1.2rem;
}
.cp23-index__regist-caution-ul > li::before {
	content: '※';
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
}
.bg_cp24_top {
}
.cp24-index__form--contents {
	background-position: center;
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-image: url('/assets/images/campaign2024/cp24_fortune_top_middle2.png');
}
.cp24-index__top--btn {
	margin: 0 auto;
}
.cp24-index__form--contents-notes {
	font-size: 80%;
	text-align: center;
}

.cp25-index__form--contents {
	background-position: center;
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-image: url('/assets/images/campaign2025/cp25_frame_middle.png');
}

/* 2027年の運命 フォーム */
.cp27-index__form--contents {
	background-color: #870530;
	background-image: url('/assets/images/campaign2027/cp27_index_form_frame_middle.png');
}