@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
* {
				font-family: inherit;
				font-size: inherit;
				line-height: inherit;
}

*, *::before, *::after {
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
				margin: 0;
				padding: 0;
				border: 0;
				outline: 0;
				font-size: 100%;
				vertical-align: baseline;
				background: transparent;
}

body {
				line-height: 1;
}

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

ul, ol {
				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;
}

a,
a:visited {
				color: inherit;
}

ins {
				background-color: #ff9;
				color: #000;
				text-decoration: none;
}

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

table {
				border-collapse: collapse;
				border-spacing: 0;
}

hr {
				display: block;
				height: 1px;
				border: 0;
				border-top: 1px solid #cccccc;
				margin: 1em 0;
				padding: 0;
}

input, select {
				vertical-align: middle;
}

.wrap {
				max-width: 600px;
				margin: auto;
				color: #333;
				font-family: "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
				-webkit-font-feature-settings: "palt";
				        font-feature-settings: "palt";
				-webkit-font-kerning: normal;
				        font-kerning: normal;
				line-height: 1.5;
}
.wrap img {
				max-width: 100%;
				height: auto;
}

.lp-fv {
				padding: 0 min(calc(30 / 750 * 100vw), 24px);
}
.lp-fv__title {
				leading-trim: both;
				text-edge: cap;
				font-size: min(2.2rem, 5.8666666667vw);
				font-style: normal;
				font-weight: 600;
}
.lp-fv__title span {
				color: #63B2B6;
}
.lp-fv__lead-txt {
				color: #4F4B49;
				font-size: min(0.9rem, 2.4vw);
				line-height: 1.5;
				letter-spacing: 1.8px;
				text-align: right;
}

.lp-footer {
				margin-top: min(calc(60 / 750 * 100vw), 48px);
				padding: min(calc(80 / 750 * 100vw), 64px) 0 min(calc(20 / 750 * 100vw), 16px) 0;
				background-color: #FFEAEA;
				text-align: center;
				font-size: min(1rem, 2.6666666667vw);
				line-height: 1.5;
}

.lp-content {
				margin-top: min(calc(41 / 750 * 100vw), 32.8px);
}
.lp-content__section {
				padding: 0 min(calc(30 / 750 * 100vw), 24px);
}
.lp-content__section > * + * {
				margin-top: min(calc(30 / 750 * 100vw), 24px);
}
.lp-content__section h2 {
				display: block;
				margin: min(calc(60 / 750 * 100vw), 48px) auto;
				font-size: min(2.5rem, 6.6666666667vw);
				font-weight: bold;
				text-align: center;
				line-height: 1.6;
}
.lp-content__section h2 .fsb {
				font-size: 165%;
}
.lp-content__section img {
				display: block;
				margin: auto;
}
.lp-content__section .note {
				font-size: min(1rem, 2.6666666667vw);
}
.lp-content__section .note li {
				list-style: none;
}
.lp-content__section .w100 {
				margin-left: min(calc(-30 / 750 * 100vw), -24px);
				margin-right: min(calc(-30 / 750 * 100vw), -24px);
}
.lp-content__section .typo01 {
				font-size: min(1.8rem, 4.8vw);
				line-height: 1.9;
				letter-spacing: 0.72px;
				text-align: center;
}
.lp-content__section .typo02 {
				padding: 1em 0;
				background-color: #FCEFE7;
				font-size: min(2.3rem, 6.1333333333vw);
				font-weight: bold;
				line-height: 1.8;
				text-align: center;
}
.lp-content__section .typo02 .fsb {
				font-size: min(3.4rem, 9.0666666667vw);
}
.lp-content__section .typo03 {
				font-size: min(2rem, 5.3333333333vw);
				font-weight: bold;
				line-height: 1.8;
				letter-spacing: 0.72px;
				text-align: center;
}
.lp-content__section .typo03 .fsb {
				font-size: 120%;
}
.lp-content__section .typo04 {
				margin: min(calc(60 / 750 * 100vw), 48px) 0;
				font-size: min(1.4rem, 3.7333333333vw);
				line-height: 2.1;
				text-align: center;
}
.lp-content__section .typo05 {
				font-size: min(1.6rem, 4.2666666667vw);
				text-align: center;
}

.introduction {
				margin: min(calc(60 / 750 * 100vw), 48px) 0;
}

.introduction__card {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				width: min(calc(680 / 750 * 100vw), 544px);
				margin: auto;
				padding: min(calc(30 / 750 * 100vw), 24px);
				border-radius: 10px;
				border: 2px solid #363636;
}
.introduction__card + .introduction__card {
				margin-top: min(calc(25 / 750 * 100vw), 20px);
}
.introduction__card__img {
				width: min(calc(150 / 750 * 100vw), 120px);
				height: auto;
}
.introduction__card__lead-txt {
				width: min(calc(450 / 750 * 100vw), 360px);
				font-size: min(1.6rem, 4.2666666667vw);
}
.introduction__card__lead-txt span {
				display: block;
				margin-bottom: 0.5em;
				font-weight: bold;
				font-size: min(1.7rem, 4.5333333333vw);
}

.bg-red {
				color: #ffffff;
				background-color: #EA597A;
				padding: 0 0.5em;
}

.bg-redd {
				color: #FFEB55;
				background-color: #E52E2E;
				padding: 0 0.5em;
}

.bg-yellow {
				color: #E30000;
				background-color: #FFFF00;
				padding: 0 0.5em;
}

.font-red {
				color: #EA597A;
}

.font--redd {
				color: #E52E2E;
}

.font-green {
				color: #499745;
}

.font-greenn {
				color: #286140;
}

.font-blue {
				color: #415290;
}

.font--yellow {
				color: #FED65D;
}

.marker--gray {
				background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #D9D9D9));
				background: linear-gradient(transparent 60%, #D9D9D9 40%);
}

.marker--yellow {
				background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #FFFFCD));
				background: linear-gradient(transparent 60%, #FFFFCD 40%);
}

.marker--blue {
				background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #BCDAFC));
				background: linear-gradient(transparent 60%, #BCDAFC 40%);
}

.fwb {
				font-weight: bold;
}

.comment {
				width: 100%;
				margin: min(calc(60 / 750 * 100vw), 48px) 0;
}
.comment__title {
				margin: 0 auto min(calc(80 / 750 * 100vw), 64px) auto;
				font-size: min(2.8rem, 7.4666666667vw);
				font-weight: bold;
				text-align: center;
}
.comment__lead-txt {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				margin-top: min(calc(30 / 750 * 100vw), 24px);
				font-size: min(1.6rem, 4.2666666667vw);
}
.comment__lead-txt > *:nth-child(1) {
				width: min(calc(150 / 750 * 100vw), 120px);
				padding: 3% 0 0 0;
				font-weight: bold;
				text-align: center;
}
.comment__lead-txt > *:nth-child(1) img {
				display: block;
				width: min(calc(150 / 750 * 100vw), 120px);
				height: auto;
}
.comment__lead-txt > *:nth-child(2) {
				position: relative;
				width: min(calc(500 / 750 * 100vw), 400px);
				height: -webkit-fit-content;
				height: -moz-fit-content;
				height: fit-content;
				padding: 1em 1.5em;
				background-color: #F8F7F6;
				border-radius: 20px;
}
.comment__lead-txt > *:nth-child(2) .fsb {
				font-size: 120%;
}
.comment__lead-txt > *:nth-child(2)::before {
				content: "▼";
				position: absolute;
				top: 20%;
				color: #F8F7F6;
				font-size: min(3rem, 8vw);
}
.comment__lead-txt--left > *:nth-child(2)::before {
				left: -5%;
				-webkit-transform: rotate(90deg);
				        transform: rotate(90deg);
}
.comment__lead-txt--right > *:nth-child(1) {
				-webkit-box-ordinal-group: 3;
				    -ms-flex-order: 2;
				        order: 2;
}
.comment__lead-txt--right > *:nth-child(2) {
				-webkit-box-ordinal-group: 2;
				    -ms-flex-order: 1;
				        order: 1;
}
.comment__lead-txt--right > *:nth-child(2)::before {
				right: -5%;
				-webkit-transform: rotate(-90deg);
				        transform: rotate(-90deg);
}
.comment__lead-txt--blue-bg > *:nth-child(2) {
				background-color: #6A8EB1;
				color: #ffffff;
}
.comment__lead-txt--blue-bg > *:nth-child(2)::before {
				color: #6A8EB1;
}
.comment__lead-txt--red-bg > *:nth-child(2) {
				background-color: #FFF1F4;
}

.attention {
				position: relative;
				padding: min(calc(30 / 750 * 100vw), 24px) 0 0 0;
}
.attention::before {
				content: "";
				position: absolute;
				z-index: -1;
				top: 0;
				left: 50%;
				-webkit-transform: translateX(-50%);
				        transform: translateX(-50%);
				width: min(calc(750 / 750 * 100vw), 600px);
				height: 100%;
				background-image: url(https://d2w53g1q050m78.cloudfront.net/kinuitokyo/uploads/LP/pen-meta_kpos-kiji-bihadakin01/bg01.png);
				background-size: 100% auto;
				background-repeat: no-repeat;
}
.attention > * + * {
				margin-top: min(calc(30 / 750 * 100vw), 24px);
}
.attention h3 {
				font-size: min(3.5rem, 9.3333333333vw);
				font-weight: bold;
				text-align: center;
}
.attention .icon {
				width: min(calc(274 / 750 * 100vw), 219.2px);
				margin: auto;
}
.attention .txt {
				font-size: min(2.3rem, 6.1333333333vw);
				line-height: 1.8;
				letter-spacing: 0.92px;
				text-align: center;
}
.attention .txt .fss {
				font-size: 80%;
}

.voice {
				position: relative;
				padding: min(calc(30 / 750 * 100vw), 24px) 0;
}
.voice::before {
				content: "";
				position: absolute;
				z-index: -2;
				top: 0;
				left: 50%;
				-webkit-transform: translateX(-50%);
				        transform: translateX(-50%);
				width: min(calc(750 / 750 * 100vw), 600px);
				height: 100%;
				background-color: #E6EFEA;
}
.voice__card {
				position: relative;
				padding: 5%;
				border-radius: 20px;
				background-color: #ffffff;
				font-family: "Noto Serif JP", serif;
				font-size: min(1.7rem, 4.5333333333vw);
}
.voice__card + .voice__card {
				margin-top: min(calc(30 / 750 * 100vw), 24px);
}
.voice__card[data-star="5"]::before {
				content: "";
				display: block;
				width: 36%;
				height: 1em;
				margin: 0 0 0.5em 0;
				background-image: url(https://d2w53g1q050m78.cloudfront.net/kinuitokyo/uploads/LP/pen-meta_kpos-kiji-bihadakin01/img28.png);
				background-size: auto 100%;
}
.voice__card[data-star="4"]::before {
				content: "";
				display: block;
				width: 28%;
				height: 1em;
				margin: 0 0 0.5em 0;
				background-image: url(https://d2w53g1q050m78.cloudfront.net/kinuitokyo/uploads/LP/pen-meta_kpos-kiji-bihadakin01/img28.png);
				background-size: auto 100%;
}
.voice__card::after {
				content: "";
				position: absolute;
				z-index: -1;
				top: 5px;
				left: 5px;
				width: 100%;
				height: 100%;
				border-radius: 20px;
				background: rgba(139, 161, 151, 0.2);
}
/*# sourceMappingURL=style.css.map */