.first__introduction--background {
	background-image: url('/assets/images/netflix/header_backgroud.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.first__introduction--band {
	background-image: url(/assets/images/netflix/band.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
}

.statement__text-md1 {
	font-size: clamp(1.2rem, 4vw, 2.4rem);
	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__text-md2 {
	font-size: 4.16667vw;
	line-height: 1.2;
	color: #e4b627;
	text-shadow: 2px 2px 4px rgba(170, 114, 114, 0.95);
}

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

.statement__text-band {
	font-size: clamp(1.2rem, 4vw, 2rem);
	line-height: 1.2;
	color: #e6d78a;
	text-shadow: 2px 2px 4px rgba(170, 114, 114, 0.95);
}

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

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

.solution__point-desc2 {
	font-size: 4.16667vw;
	line-height: 1.7;
	letter-spacing: 0.03em;
	text-align: left;
}

.block {
	display: block;
}

.target--background {
	background-image: url('/assets/images/netflix/target_backgroud.png');
	background-position: left top;
	background-repeat: repeat;
	background-size: 100% auto;
}

.jinsei--background {
	background-image: url('/assets/images/netflix/jinsei_backgroud.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.premium2--background {
	background-image: url('/assets/images/netflix/premium2.png');
	background-position: left top;
	background-repeat: repeat;
	background-size: 100% auto;
	padding: 1rem
}

.noto-bold {
	font-weight: 700;
	font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}

.noto-bold2 {
	font-style: oblique;
	font-weight: 700;
	font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}

.hosokikazuko--background {
	background-image: url('/assets/images/netflix/hosokikazuko_backgroud.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.hosokikazuko--wrapper {
	padding: 1rem 1.4rem;
}
.hosokikazuko__text-md {
	font-size: 4.16667vw;
	line-height: 1.5;
	color: #FFFFFF;
	text-shadow: 2px 2px 4px rgba(170, 114, 114, 0.95);
}
@media screen and (min-width: 769px) {
	.hosokikazuko__text-md {
		font-size: 32px;
	}
}

.hosokikazuko__text-md2 {
	font-size: 5.16667vw;
	line-height: 1.2;
	color: #FFFFFF;
	text-shadow: 2px 2px 4px rgba(170, 114, 114, 0.95);
}
@media screen and (min-width: 769px) {
	.hosokikazuko__text-md2 {
		font-size: 40px;
	}
}

.wrapper {
	display: flex;
	border: 1px solid;
	overflow: hidden;
	resize: horizontal;
	margin-bottom: 30px;
}

.box {
	text-align: justify;
	font-size: 20px;
}

.float {
	float: right;
	height: 100%;
	margin-left: 15px;
	display: flex;
	align-items: flex-end;
	shape-outside: inset(calc(100% - 150px) 0 0);
}

.hosokikazuko--background-kantei {
	background-image: url('/assets/images/netflix/hosokikazuko_kantei.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.believe--background {
	background-image: url('/assets/images/netflix/believe_backgroud.png');
	background-position: left top;
	background-repeat: repeat;
	background-size: 120% auto;
}

.believe--block {
	background-color: #dfd4d9;
	border-radius: .4rem;
	margin: 0;
}

.statement__text-believe {
	font-size: clamp(1.4rem, 5.2vw, 2.5rem);
	line-height: 1.2;
	color: #841986;
	text-shadow: 2px 2px 4px rgba(170, 114, 114, 0.95);
}

.marker {
	background: linear-gradient(transparent 50%, #fff100 50%);
}

.statement__text-believe-sentence {
	font-size: clamp(1.2rem, 4vw, 2rem);
	line-height: 1.2;
	color: #000000;
}

.target_background {
	background-color: #ffffff;
	border-radius: .4rem;
	margin: 0 0 1rem;
}

.jinsei--background-kantei {
	background-image: url('/assets/images/netflix/jinsei_kantei.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.understand_background {
	background-image: url('/assets/images/netflix/understand_backgroud.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 150% auto;
}

/* あなたはどんな人ですか？ */
.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 {
	padding: 1rem;
}
.first__introduction--start-frame {
	margin: 0;
	text-align: center;
}
.first__introduction--start-img {
	width: 100%;
	max-width: 30rem;
	height: auto;
}


.first__introduction-input {
	background-color: #faddeb;
	border-radius: .4rem;
	margin: 0 0 1rem;
}
.first__introduction-input--title {
	font-size: 0;
	margin: 0;
}
.first__introduction-input--title-img {
	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: 60%;
}
.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 {
    display: inline-block;
	margin: 0 auto;
	position: relative;
	width: 38%;
	max-width: 20rem;
	background-image: url('/assets/images/netflix/hosokikazuko_button.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 1rem;
}
.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 #ef90bf;
	border-radius: 0.4rem;
	margin: 0 auto 1rem;
	padding: .375rem .75rem;
	user-select: none;
	width: 100%;
	max-width: 40rem;
}
.first__introduction-input--accordion-block-qa {
	background-color: #ffffff;
	border: 2px solid #898989;
	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: #ef90bf;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__introduction-input--accordion-title-qa {
	color: #898989;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.first__introduction-input--accordion-btn-color {
	background-color: #ef90bf;
}
.first__introduction-input--accordion-btn-color {
	background: #ffffff;
	border: 2px solid #ef90bf;
}
.first__introduction-input--accordion-btn-color::after {
	background: #ef90bf;
}
.first__introduction-input--accordion-btn-color::before {
	background: #ef90bf;
}
/* アコーディオンの十字ボタン(〈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/withonline/first_lp_accordion_plus.png');
}
.first__introduction-input--accordion-btn-show::after {
	background-image: url('/assets/images/withonline/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/withonline/first_lp_accordion_minus.png');
}
.first__introduction-input--accordion-btn-show.clicked::after {
	background-image: url('/assets/images/withonline/first_lp_accordion_plus.png');
}
.first__introduction-input--profile {
	padding-top: 1rem;
}
.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--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/withonline/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: #fff;
	padding-bottom: 2rem;
}
.first__contents--title {
	font-size: 0;
	margin: 0;
}
.first__contents--title-img {
	width: 100%;
	height: auto;
}
.first__contents--block {
}
.first__contents--ol, .first__contents--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.first__contents--li {
}
.first__contents--frame {
	margin: 1rem auto;
	width: 100%;
}
.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-noimage{
    padding: 0% 5% 1% 5%;
}
.first__contents--frame-block{
    background-size: 100%;
    padding: 25% 5% 1% 5%;
}
.first__contents--frame-block-image1{
	background-image: url('/assets/images/withonline/withonline_04.png');
}
.first__contents--frame-block-image2{
	background-image: url('/assets/images/withonline/withonline_08.png');
}
.first__contents--frame-block-image3{
	background-image: url('/assets/images/withonline/withonline_11.png');
}
.first__contents--frame-block-image4{
	background-image: url('/assets/images/withonline/withonline_15.png');
}
.first__contents--frame-block > p {
    font-size: 80%;
}
.first__contents--frame-block-noimage  > p {
    font-size: 80%;
}
.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%;
	height: auto;
}
.first__contents--frame-img-right {
	width: 50%;
	height: auto;
}
.first__contents--frame-img-rightmini {
	width: 30%;
	height: auto;
}


/* あの人との相性が知りたい！ */
.first__affinity {
	background-image: url('/assets/images/withonline/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/withonline/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/withonline/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/withonline/first_detail_lp_character_body_frame.png');
	background-size: 100% auto;
	background-position: center center;
	font-size: 1rem;
	margin: 0;
	padding: 0 3rem;
}


/* 年運気グラフ */
.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/withonline/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/withonline/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/withonline/first_background_wave.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 3rem;
	margin: -3rem 0 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;
}
.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/withonline/first_background_wave.png');
	background-size: cover;
	background-position: 0 3rem;
	background-repeat: no-repeat;
	margin: -3rem 0 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;
}
.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: -3rem 0 0;
}
@media screen and (max-width:480px) {
	.first-free__premium-free {
		margin: -3.4rem 0 0;
	}
}
.first-free__premium-free--title {
	font-size: 0;
	margin: 0;
	user-select: none;
}
.first-free__premium-free--title-img {
	width: 100%;
	height: auto;
}
.first-free__premium-free--contents {
	background-color: #faebd7;
	padding: 3rem 1rem 5rem;
	margin: -2rem 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/withonline/first_background_wave.png');
	background-size: cover;
	background-position: 0 3rem;
	background-repeat: no-repeat;
	margin: -3rem 0 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;
}
.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/withonline/first_background_wave.png');
	background-size: cover;
	background-position: 0 3rem;
	background-repeat: no-repeat;
	margin: -3rem 0 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;
}
.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/withonline/first_background_wave.png');
	background-size: cover;
	background-position: 0 3rem;
	background-repeat: no-repeat;
	margin: -3rem 0 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;
}
.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 5rem;
	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/withonline/first_background_diamond.png');
	background-size: cover;
	background-position: 0 3rem;
	background-repeat: no-repeat;
	margin: -3rem 0 1rem;
	padding-bottom: 1rem;
}
@media screen and (max-width:480px) {
	.first-free__benefit {
		background-position: 0 2.4rem;
	}
}
.first-free__benefit--title {
	font-size: 0;
	margin: 0;
	user-select: none;
}
.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__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;
}

/* 無料占い リスト */
.pr-free__list {
	margin-bottom: 2rem;
}
.pr-free__list--ul, .pr-free__list--li {
	list-style: none;
	margin: 0;
	padding: 0;
    border: 1px solid #ef90bf;
}
.pr-free__list--li {
	position: relative;
	padding: 0.0rem 1.0rem 0.0rem 0.4rem;
}
.pr-free__list--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);
}
.pr-free__list--a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}
.pr-free__list--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;
}
.pr-free__list--type {
	color: #8f8f8f;
	display: inline-block;
	font-size: 0.7rem;
	padding: 0;
	text-align: left;
	user-select: none;
	width: 6.4rem;
}
.pr-free__list--detail {
	display: block;
    font-size: 80%;
}
.pr-free__list--page-number {
	align-items: center;
	display: flex;
	margin: 0 2rem;
}

.text-pink{
    color: #ef90bf;
}

.nav-link{
    color: #626262;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    color: #626262;
    background-color: #fcd7e8;
}
.nav-justified .nav-item{
    border: 1px solid #626262;
    background-color: #ffffff;
}
.nav-pills .nav-link{
    border-radius: .10rem;
}
.background-lightyellow{
    background-color: #fffcec;
}
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active{
	background-image: url('/assets/images/netflix/hosokikazuko_button.png');
}
/* アコーディオンの十字ボタン(〈showなし〉非表示 > 表示〈showあり〉表示 > 非表示)*/
.first__introduction-input--accordion-btn-qa, .first__introduction-input--accordion-btn-qa-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-qa::after, .first__introduction-input--accordion-btn-qa-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-qa::after {
	background-image: url('/assets/images/withonline/first_lp_accordion_plus_gray.png');
}
.first__introduction-input--accordion-btn-qa-show::after {
	background-image: url('/assets/images/withonline/first_lp_accordion_minus_gray.png');
}
.first__introduction-input--accordion-btn-qa.clicked, .first__introduction-input--accordion-btn-qa-show.clicked {
	transform: translate(0, -50%) rotate(0deg);
	box-shadow: none;
}
.first__introduction-input--accordion-btn-qa.clicked::after, .first__introduction-input--accordion-btn-qa-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-qa.clicked::after {
	background-image: url('/assets/images/withonline/first_lp_accordion_minus_gray.png');
}
.first__introduction-input--accordion-btn-qa-show.clicked::after {
	background-image: url('/assets/images/withonline/first_lp_accordion_plus_gray.png');
}
/* カルーセル */
.slide {
	margin-bottom: 2rem; /* カルーセルポインタ分 + 0rem */
}

.withonline__campaign {
	border: 2px solid #f090bf;
	border-radius: 1rem;
	margin: 0 0 1rem;
	padding: 1rem;
}

.withonline__bear {
	background-image: url('/assets/images/withonline/withonline_32.png');
	background-size: 100% auto;
	background-position: center center;
	font-size: 1rem;
	margin: 0;
	padding: 0 3rem 1rem;
}
.withonline__bear--img {
	text-align: center;
	margin: 0 auto 1rem;
	width: 35%;
	min-width: 6rem;
}
.withonline__bear--ul, .withonline__bear--ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
@font-face {
	font-family: "Noto Serif CJK JP";
	font-style: normal;
	font-weight: 100;
	src: url("/assets/fonts/first/outside2/NotoSerifCJKjp-ExtraLight.woff") format("woff"), url("/assets/fonts/first/outside2/NotoSerifCJKjp-ExtraLight.otf") format("opentype");
}

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

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

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

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

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

@font-face {
	font-family: "Noto Serif CJK JP";
	font-style: normal;
	font-weight: 900;
	src: url("/assets/fonts/first/outside22/NotoSerifCJKjp-Black.woff") format("woff"), url("/assets/fonts/first/outside22/NotoSerifCJKjp-Black.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";
}

body {
	line-height: 1.4;
	letter-spacing: 0.04em;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

body * {
	box-sizing: border-box;
}

img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}

/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input,
select {
	vertical-align: middle;
}

main {
	display: block;
}

ol,
li {
	list-style-type: none;
}

.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% 8.33333%;
	background-image: url(/assets/images/first/outside2/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% 8.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/outside2/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: 4.16667vw;
	color: #333333;
}

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

.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: url(/assets/images/first/outside2/result_bg05.png) no-repeat left top/100% 100%;
}

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

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

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

.result__title-extralg2 {
	color: #FFFFFF;
	position: absolute;
	left: 13%;
	font-weight: bold;
	font-size: 4.16667vw;
	letter-spacing: 0.03em;
	padding: 1.43229% 5.94792% 1.82292%;
	background: url(/assets/images/first/outside2/result_bg05.png) no-repeat left top/100% 100%;
}

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

.result__title-extralg2.top {
	top: -22%;
}

.result__title-extralg2.bottom {
	top: -2%;
}

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

.result__desc {
	background-color: #fff;
	padding: 10.33333% 4.81771% 10.29375% 6.21771%;
	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/outside2/result_bg03.png);
	background-size: 97% 99%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.result__desc.bottom {
	background-image: url(/assets/images/first/outside2/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: 4.16667vw;
	line-height: 1.7;
	text-align: left;
	color: #000000;
}

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

.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%;
}

.result__btn {
	width: 100%;
	margin: 7.8125% auto 0;
}

.cv {
	position: relative;
}

.cv__title {
	font-weight: bold;
	position: absolute;
}

.cv__title.title01 {
	color: #fff;
	top: 6%;
	left: 10%;
}

.cv__title.title02 {
	color: #641C3F;
	top: 55.7%;
	left: 29%;
}

.cv__text {
	position: absolute;
}

.cv__text.text01 {
	color: #FFFFFF;
	line-height: 1.7;
	letter-spacing: 0.08em;
	font-feature-settings: 'palt'on;
	font-weight: 400;
	top: 12.1%;
	left: 13%;
	width: 78%;
}

.cv__text.text02 {
	position: absolute;
	top: 63.9%;
	left: 22.7%;
	color: #333333;
}

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

.cv__title-lg {
	font-size: 4.6875vw;
}

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

.cv__text-md {
	font-size: 4.16667vw;
}

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

.cv__text-md-re {
	font-size: 4.05067vw;
}

@media screen and (max-width: 450px) {
	.cv__text-md-re {
		font-size: 3.35067vw;
	}
}

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

.cv__text-md+.cv__text-md {
	margin-top: 5.06458%;
}

.cv__btn {
	position: absolute;
	bottom: 5%;
	left: 9%;
	width: 82.64583%;
}

.media {
	position: relative;
}

.media__title {
	position: absolute;
	top: 7.4%;
	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: 15.28125%;
	left: 7.94%;
	text-align: left;
}

.media__container {
	position: absolute;
	bottom: 7%;
	right: 8%;
	width: 38%;
}

.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: 4.42708vw;
}

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

.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: 22.98125%;
	left: 13.67188%;
	text-align: left;
	width: 72.05%;
	line-height: 1.2rem;
}

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

.media__desc-md {
	font-size: 4.16667vw;
	line-height: 1.7;
	color: #23241E;
	font-feature-settings: 'palt'on;
}

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

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

@media screen and (min-width: 769px) {
	.media__desc-md.sub {
		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: 7.51875%;
	left: 18.7125%;
	text-align: center;
	line-height: 1.6;
}

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

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

.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: 13.88333%;
	left: 16.25%;
}

.solution__point.center {
	top: 40.98333%;
	left: 14.95%;
}

.solution__point.bottom {
	top: 68.58333%;
	left: 16.95%;
}

.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: 4.16667vw;
	line-height: 1.7;
	letter-spacing: 0.03em;
	text-align: left;
	margin-top: 75.08854%;
}

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

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

.statement__inner {
	position: relative;
}

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

.statement__text.top {
	top: 8.51562%;
	left: 11.2%;
}

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

.statement__text-md {
	font-size: 5.46875vw;
	font-weight: bold;
	line-height: 1.8;
	color: #641C3F;
}

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

.statement__title {
	position: absolute;
	top: 8.75104%;
	left: 8.70312%;
	text-align: center;
}

.statement__title-lg {
	font-size: 6.77083vw;
	color: #FF8C01;
	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) {
	.statement__title-lg {
		font-size: 52px;
	}
}

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

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

.statement__desc {
	position: absolute;
	top: 20.11458%;
	left: 8.20312%;
	font-feature-settings: 'palt'on;
	width: 82%;
	line-height: 1.58;
}

.statement__desc-md {
	font-size: 4.16667vw;
	letter-spacing: 0.035em;
	color: #333333;
}

@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: 27.2875%;
	border-radius: 20px;
	background-image: url(/assets/images/first/outside2/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: 64.2%;
	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 {
	font-feature-settings: 'palt';
	position: absolute;
	bottom: 36.7%;
	width: 76%;
	left: 13.03%;
}

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

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

.feature__desc02 {
	position: absolute;
	bottom: 9.6%;
	width: 73%;
	left: 13.83229%;
}

.feature__desc-extramd {
	font-size: 3.38542vw;
	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: 3.38542vw;
	margin-top: 3.125%;
}

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

.feature__link {
	position: absolute;
	bottom: 5.4%;
	left: 9.67708%;
	width: 81.64583%;
}

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

.course__title.main {
	top: 5.8%;
	left: 9.44271%;
}

@media screen and (min-width: 769px) {
	.course__title.main {
		left: 17.44271%;
	}
}

.course__title.sub01 {
	top: 11.7%;
	left: 18.94271%;
}

.course__title.sub02 {
	top: 11.6%;
	right: 14.54271%;
}

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

.course__text.left {
	top: 52.2%;
	left: 13.54271%;
}

.course__text.right {
	top: 52.3%;
	right: 16.74271%;
}

.course__rect {
	position: absolute;
	top: 72.8875%;
	right: 13.89271%;
	background-image: url(/assets/images/first/outside2/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: 4.94792vw;
	text-align: center;
	color: #722E2D;
}

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

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

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

.contents__inner {
	position: relative;
}

.contents__title {
	position: absolute;
}

.contents__title.title01 {
	top: 8.55104%;
	left: 19.20312%;
	text-align: center;
}

.contents__title.title02 {
	top: 15.75104%;
	left: 24.73958%;
	text-align: center;
}

.contents__title.title03 {
	top: 35.75104%;
	left: 11.45833%;
	text-align: center;
}

.contents__title.title04 {
	top: 54.75104%;
	left: 19.53125%;
	text-align: center;
}

.contents__title.title05 {
	top: 73.75104%;
	left: 14.84375%;
	text-align: center;
}

.contents__title.title06 {
	top: 89.75104%;
	text-align: center;
}

.contents__title.title07 {
	top: 55.75104%;
	left: 12.26771%;
	text-align: center;
}

.contents__title-lg {
	font-size: 6.77083vw;
	color: #FF8C01;
	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) {
	.contents__title-lg {
		font-size: 52px;
	}
}

.contents__title-sm {
	font-size: 3.38542vw;
	font-weight: 400;
	color: #641C3F;
}

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

.contents__title-md {
	font-size: 4.6875vw;
	font-weight: bold;
	color: #641C3F;
}

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

.contents__btn {
	position: absolute;
	bottom: 6.2%;
	left: 9.67708%;
	width: 82.64583%;
}

.result2 {
	position: relative;
}

.result2__img01 {
	position: relative;
	top: 11.6%;
	left: 17%;
	width: 66%;
}

.result2__title {
	text-align: center;
}

.result2__title.title01 {
	top: 25.3%;
	left: 19.27083%;
}

.result2__title.title02 {
	top: 44.1%;
	left: 15.02%;
}

.result2__title.title03 {
	top: 51.8%;
	left: 42.70833%;
}

.result2__title.title04 {
	top: 69.3%;
	left: 45.18229%;
}

.result2__title-md {
	font-weight: bold;
	font-size: 4.6875vw;
	color: #641C3F;
}

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

.result2__title-lg {
	font-weight: bold;
	font-size: 5.46875vw;
	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) {
	.result2__title-lg {
		font-size: 42px;
	}
}

.result2__caption {
	position: absolute;
	top: 23.2%;
	left: 16.79688%;
}

.result2__caption-md {
	font-size: 3.38542vw;
	line-height: 1.7;
	color: #333333;
}

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

.result2__text {
	position: absolute;
}

.result2__text.text01 {
	top: 29%;
	left: 12.76042%;
	width: 74.21875%;
}

.result2__text.text02 {
	top: 55%;
	left: 12.76042%;
	width: 74.21875%;
}

.result2__text.text03 {
	top: 72.5%;
	left: 12.76042%;
	width: 74.21875%;
}

.result2__text.text04 {
	bottom: 5.8%;
	left: 12.5%;
	width: 84.13%;
}

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

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

.result2__btn {
	width: 82.64583%;
}

.result2__btn.top {
	position: absolute;
	bottom: 32.5%;
	left: 9.41667%;
}

.result2__btn.bottom {
	position: absolute;
	bottom: 14.7%;
	left: 9.41667%;
}

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

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

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

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

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

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

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

.floating {
	position: fixed;
	bottom: 0;
	left: auto;
	max-width: 768px;
	width: 100%;
	text-align: center;
	z-index: 10;
	background: url("/assets/images/first/outside2/floating_bg.png") no-repeat left top/100% 100%;
}

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

.floating__btn {
	width: 78.64583%;
}

@media screen and (min-width: 769px) {
	.floating__btn {
		width: 604px;
	}
}

.statement_background {
	background-color: #f4f0f3;
}

.course_background {
	background-color: #f7f7f7;
}

.course_head {
	background-image: url('/assets/images/netflix/course_head.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.course_side {
	background-image: url('/assets/images/netflix/course_side.png');
	background-position: left top;
	background-repeat: repeat;
	background-size: 100% auto;
}

.course_getsugaku {
	background-image: url('/assets/images/netflix/course_getsugaku.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}


.solution__point-desc-netflix-img {
	padding: 1rem !important;
}
.solution__point-desc-netflix {
	font-size: 3.38542vw;
	line-height: 1.7;
	letter-spacing: 0.03em;
	text-align: left;
	padding: 0.6rem;
}

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

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

.check-position {
	display: flex;
	justify-content: center;
	align-items: center;
}

.hosokikaori__text-md {
	font-size: 4.16667vw;
	line-height: 1.2;
	text-shadow: 2px 2px 4px rgba(170, 114, 114, 0.95);
}
@media screen and (min-width: 769px) {
	.hosokikaori__text-md {
		font-size: 32px;
	}
}

.faq_background {
	background-color: #f6f6f6;
}