@charset "UTF-8";

.txt77 {
	font-size: 77%;
}

.txt78 {
	font-size: 78%;
}

.txt83 {
	font-size: 83%;
}

.txt86 {
	font-size: 86%;
}

.txt89 {
	font-size: 89%;
}

.txt111 {
	font-size: 111%;
}

.txt123 {
	font-size: 123%;
}

.txt141 {
	font-size: 141%;
}

.txt143 {
	font-size: 143%;
}

.txt160 {
	font-size: 160%;
}

.txt200 {
	font-size: 200%;
}

.kv {
	margin-bottom: 2.571%;
	position: relative;
}

.kv>img {
	aspect-ratio: 2800/1178;
}

.kv .kv_txt {
	position: absolute;
	width: 30.357%;
	padding: 2.857% 0 0;
}

.kv .kv_add {
	margin: 0 0 max(1.286vw, 16.714px) max(2.429vw, 31.571px);
	font-size: max(1.459vw, 18.971px);
	line-height: 1.29em;
	font-weight: 500;
}

.kv .kv_tel {
	margin: 0 0 max(2vw, 26px) max(2.429vw, 31.571px);
	background: url(../images/top/kv_tel_icon.png)no-repeat left center/max(1.786vw, 23.214px);
	font-size: max(2.9vw, 37.7px);
	line-height: 1em;
	font-family: Century Gothic, sans-serif;
	font-weight: bold;
	padding-left: max(2.357vw, 30.643px);
}

.kv_catch {
	width: max(28.643vw, 372.357px);
	margin-bottom: max(1.286vw, 16.714px);
}

.kv_catch img {
	aspect-ratio: 803/287;
}

.kv .kv_price {
	margin: 0 0 max(2vw, 26px) max(1.53vw, 20px);
	text-align: center;
}

.kv .kv_price img {
	width: max(16.21vw, 210.78px);
	aspect-ratio: 454/142;
}

.kv .kv_price>span {
	display: inline-block;
	margin-left: 1em;
	font-size: max(1.1416vw, 14.85px);
	color: #480c0d;
}

.kv .kv_check {
	margin-left: max(2.429vw, 31.571px);
}

.kv .kv_check li {
	font-size: max(2.197vw, 28.563px);
	line-height: 1em;
	background: url(../images/top/kv_check.png)no-repeat left center/max(2.286vw, 29.714px);
	padding-left: max(2.714vw, 35.286px);
	color: #480c0d;
	letter-spacing: 2px;
}

.kv .kv_check li .marker {
	background: linear-gradient(transparent 70%, #fffb80 70%);
}

.kv .kv_check li+li {
	margin-top: max(1.429vw, 18.571px);
}

.kv .kv_txt .kv_img {
	display: block;
	width: max(28.643vw, 372.357px);
	height: auto;
}

.gnav {
	margin-bottom: 2.571%;
}

.info {
	padding: 1% 1.286% 1.286%;
	background: url(../images/top/info_bg.png)repeat top left/3px;
	margin-bottom: 4.5%;
}

.info .inner {
	display: flex;
	align-items: center;
	background: #FFFFFF;
}

.info figure {
	width: max(50.714vw, 659.285px);
	position: relative;
	margin-right: max(3.929vw, 51.071px);
}

.info figure img {
	position: relative;
	z-index: 2;
	aspect-ratio: 1420/812;
}

.info figure:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/top/info_fig_bg.png)no-repeat top left/100%;
	position: absolute;
	top: max(0.786vw, 10.214px);
	left: max(0.786vw, 10.214px);
	mix-blend-mode: multiply;
}

.info .cont {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.info .cont .logo {
	display: block;
	width: 220px;
	height: auto;
	margin-bottom: 10px;
}

.info h2 {
	width: max(35.643vw, 463.356px);
	margin-bottom: max(1.429vw, 18.571px);
}

.info h2+img {
	aspect-ratio: 997/105;
}

.info ul {
	padding-left: max(0.929vw, 12.071px);
}

.info li {
	font-size: max(1.49vw, 19.37px);
	line-height: 2.8em;
	padding-left: max(3.143vw, 40.857px);
}

.info li:nth-child(1) {
	background: url(../images/top/info_icon01.png)no-repeat left center/2.286vw, 29.714px;
}

.info li:nth-child(2) {
	background: url(../images/top/info_icon02.png)no-repeat left center/2.286vw, 29.714px;
}

.info li:nth-child(3) {
	background: url(../images/top/info_icon03.png)no-repeat left center/2.286vw, 29.714px;
	text-indent: -0.6em;
}

.info li .tsume {
	margin: 0 -0.5em;
	display: inline-block;
}

.info li .color {
	color: #e2849c;
}

.info li .marker {
	background: linear-gradient(transparent 60%, #fffb80 60%);
}

.rslt {
	background: url(../images/top/rslt_bg.png)no-repeat bottom left/max(34.357vw, 446.642px), #d2e6ef;
	padding: max(2.429vw, 31.571px) 0;
}

.rslt .ttl {
	display: flex;
	background: #FFFFFF;
	margin: 0 max(2.857vw, 37.143px);
}

.rslt .ttl .txt {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.rslt .ttl h2:before {
	content: "";
	display: block;
	width: max(7.286vw, 94.714px);
	height: max(7.286vw, 94.714px);
	background: url(../images/top/rslt_logo.png)no-repeat center/100%;
	margin: 0 auto max(1.143vw, 14.857px);
}

.rslt .ttl h2 {
	width: max(30.571vw, 397.428px);
	display: flex;
	flex-direction: column;
	margin: 0 auto max(0.714vw, 9.286px) auto;
}

.rslt .ttl h2>span {
	display: block;
	font-size: max(2.199vw, 28.591px);
	line-height: max(3.429vw, 44.571px);
	background: #0c59a7;
	color: #FFFFFF;
	letter-spacing: 2px;
	box-sizing: border-box;
	padding-top: 0.125em;
}

.rslt .ttl h2>span:nth-of-type(1) {
	align-self: flex-start;
	padding: 0.125em 0.25em 0;
}

.rslt .ttl h2>span:nth-of-type(2) {
	margin-top: max(0.357vw, 4.643px);
	align-self: flex-end;
}

.rslt .ttl h2 .color {
	color: #fff88d;
}

.rslt .ttl ul {
	margin-left: 20px;
}

.rslt .ttl li {
	font-size: max(1.826vw, 23.734px);
	line-height: max(4.857vw, 63.143px);
	height: max(4.857vw, 63.143px);
	background: url(../images/top/rslt_check.png)no-repeat left max(1.071vw, 13.929px) bottom max(0.786vw, 10.214px)/max(2.143vw, 27.857px), linear-gradient(to right, #818181 4px, transparent 3px)repeat-x left bottom/7px 1px;
	padding: 0 0 0 max(3.643vw, 47.357px);
	display: inline-flex;
	align-items: baseline;
	box-sizing: border-box;
	width: 100%;
	white-space: nowrap;
}

.rslt .ttl li .color {
	color: #8f650b;
	font-size: max(2.535vw, 32.955px);
	display: inline-flex;
	align-items: baseline;
}

.rslt .ttl li .num {
	margin: 0 max(0.5vw, 6.5px);
	font-style: italic;
	font-size: max(4.12vw, 53.56px);
}

.rslt .ttl figure {
	width: max(53.571vw, 696.428px);
	margin: 0 0 0 auto;
}

.rslt .ttl figure img {
	aspect-ratio: 1500/954;
}

.rslt .cont {
	padding: max(1.857vw, 24.143px) max(2.857vw, 37.143px) max(2.071vw, 26.929px);
	display: flex;
	justify-content: space-between;
	position: relative;
}

.rslt .cont:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #effaff;
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
}

.rslt .cont:after {
	content: "";
	display: block;
	width: max(2.857vw, 37.143px);
	height: max(2.857vw, 37.143px);
	background: url(../images/top/rslt_plus.png)no-repeat center/100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.rslt .cont>div {
	width: max(44.286vw, 575.713px);
	height: max(19.714vw, 256.285px);
	border-left: max(0.714vw, 9.286px) solid #0c59a7;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.rslt .cont_l {
	background: url(../images/top/rslt_fig01.jpg)no-repeat right max(1.643vw, 21.357px) center/max(19.071vw, 247.928px), #FFFFFF;
	padding-left: max(2.214vw, 28.786px);
}

.rslt .cont_r {
	background: url(../images/top/rslt_fig02.jpg)no-repeat right center/auto 100%, #FFFFFF;
	padding-left: max(2.5vw, 32.5px);
}

.rslt .cont h3 {
	font-size: max(1.786vw, 23.214px);
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0.75em;
}

.rslt .cont .point {
	font-size: max(1.786vw, 23.214px);
	line-height: 1.17em;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
}

.rslt .cont_l .point {
	background: url(../images/top/rslt_txt_bg01.png) no-repeat top left/100%;
	width: max(18.357vw, 238.642px);
	height: max(6.214vw, 80.786px);
	padding-left: max(1.643vw, 21.357px);
	margin-bottom: max(0.929vw, 12.071px);
}

.rslt .cont_r .point {
	background: url(../images/top/rslt_txt_bg02.png) no-repeat top left/100%;
	width: max(20vw, 260px);
	height: max(6.214vw, 80.786px);
	padding-left: max(1.929vw, 25.071px);
	margin-bottom: max(1.429vw, 18.571px);
}

.rslt .cont .point .color {
	color: #ea7996;
}

.rslt .cont_l>p,
.rslt .cont_r>p {
	font-size: max(1.191vw, 15.479px);
	line-height: 1.37em;
}

.rslt .cont_l>p .color,
.rslt .cont_r>p .color {
	color: #ea7996;
}



.expert::before {
	content: "";
	display: block;
	width: max(12.071vw, 156.928px);
	height: max(2.929vw, 38.071px);
	background: url(../images/top/elm.png)no-repeat center/100%;
	margin: 3% auto;
}

.expert .bg-wrapper {
	background-color: #f9f2e6;
	padding: 2.643% 0;
}

.expert .bg-wrapper .container {
	margin: 0 max(2.857vw, 37.143px);
}

.expert .bg-wrapper .container h2 {
	width: max(70.429vw, 915.57px);
	background: url(../images/top/expert_ttl_bg.png)no-repeat top center/100%;
	margin: 0 auto 3.571%;
	position: relative;
	font-size: max(2.975vw, 38.675px);
	line-height: 1.5;
	box-sizing: border-box;
	padding: 0 0 0 max(8.429vw, 109.571px);
	letter-spacing: 2px;
}

.expert .bg-wrapper .container h2 .color {
	color: #87654c;
}

.expert .bg-wrapper .container .box {
	border-radius: 20px;
	padding: 48px 64px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 74%;
	margin: auto;
	background: url(../images/top/rank_dr_txt_bg.png)repeat top left/24px;
}

.expert .bg-wrapper .container .box .logo {
	font-size: 150%;
	padding-bottom: 10px;
	border-bottom: 4px dotted #87654c;
}

.expert .bg-wrapper .container .box .logo img {
	display: inline-block;
	width: 240px;
	height: auto;
	margin-right: 1em;
}

.expert .bg-wrapper .container .box p {
	margin: 36px 0 24px;
}

.expert .bg-wrapper .container .box table {
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.15);
}

.expert .bg-wrapper .container .box table thead tr th {
	border-bottom: 3px double #7c7c7c;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	padding: 12px;
}

.expert .bg-wrapper .container .box table tbody tr th,
.expert .bg-wrapper .container .box table tbody tr td {
	border-bottom: 1px solid #7c7c7c;
	width: 33.333%;
	vertical-align: middle;
	padding: 6px;
}

.expert .bg-wrapper .container .box table tbody tr td {
	text-align: center;
	font-size: 200%;
}
.expert .bg-wrapper .container .box table tbody tr td .sub {
	font-size: 12px;
}

.expert .bg-wrapper .container .box table tbody tr td .color {
	color: #87654c;
}

.expert .bg-wrapper .container .box table thead tr th:last-child,
.expert .bg-wrapper .container .box table tbody tr td:last-child {
	background-color: #f9f2e6;
}

.expert .bg-wrapper .container .box table thead tr th:nth-child(2),
.expert .bg-wrapper .container .box table tbody tr td:not(:last-child) {
	background-color: #f7f7f7;
}

.expert .bg-wrapper .container .box table thead tr th:not(:first-child),
.expert .bg-wrapper .container .box table tbody tr td {
	border-left: 1px solid #7c7c7c;
}

.expert .bg-wrapper .container .box table tbody tr:last-child th,
.expert .bg-wrapper .container .box table tbody tr:last-child td {
	border-bottom: none;
}

.expert .bg-wrapper .container .compare-box h3 {
	text-align: center;
	font-weight: bold;
	font-size: 130%;
	margin: 36px 0;
}

.expert .bg-wrapper .container .compare-box .columns {
	display: flex;
	margin: -1rem;
}

.expert .bg-wrapper .container .compare-box .columns .column {
	width: 33.333%;
	padding: 1rem;
}

.expert .bg-wrapper .container .compare-box .columns .column .card {
	background-color: #fff;
	border-radius: 20px;
	padding: 24px;
}

.expert .bg-wrapper .container .compare-box .columns .column .card h4 {
	color: #87654c;
	font-weight: bold;
	border-bottom: 2px solid #87654c;
	font-size: 150%;
	text-align: center;
}

.expert .bg-wrapper .container .compare-box .columns .column .card img {
	display: block;
	width: 100%;
	height: auto;
	margin: 8px auto;
}

.expert .bg-wrapper .container .compare-box .columns .column .card table {
	width: 100%;
}

.expert .bg-wrapper .container .compare-box .columns .column .card table thead tr th {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	padding: 16px 0 8px;
}

.expert .bg-wrapper .container .compare-box .columns .column .card table tbody tr th,
.expert .bg-wrapper .container .compare-box .columns .column .card table tbody tr td {
	width: 50%;
}

.expert .bg-wrapper .container .compare-box .columns .column .card table tbody tr td {
	text-align: center;
	font-size: 200%;
	line-height: 1;
}
.expert .bg-wrapper .container .compare-box .columns .column .card table tbody tr td .sub {
	font-size: 10px;
}

.expert .bg-wrapper .container .compare-box .columns .column .card table tbody tr td .color {
	color: #87654c;
}

.expert .bg-wrapper .container .compare-box .columns .column .card table thead tr th:last-child,
.expert .bg-wrapper .container .compare-box .columns .column .card table tbody tr td:last-child {
	background-color: #2763a1;
	color: #fff;
}

.expert .bg-wrapper .container .compare-box > p {
	text-align: right;
	margin-top: 24px;
}

.special:before,
.special:after {
	content: "";
	display: block;
	width: max(12.071vw, 156.928px);
	height: max(2.929vw, 38.071px);
	background: url(../images/top/elm.png)no-repeat center/100%;
	margin: 3% auto;
}

.special01 {
	background: url(../images/top/special01_bg.png)no-repeat top right/60.786%, #f9efc9;
	padding: max(3.071vw, 39.929px) 0 max(2.357vw, 30.643px);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3.571%;
}

.special01 .txt {
	width: max(46.714vw, 607.285px);
	background: #FFFFFF;
	box-shadow: 0px 3px 6px 0px rgba(127, 162, 177, 0.3);
	position: relative;
	padding: max(4.286vw, 55.714px) max(2.357vw, 30.643px) max(3.357vw, 43.643px);
	box-sizing: border-box;
	margin-right: max(3.786vw, 49.214px);
}

.special01 .point {
	width: max(46.214vw, 600.785px);
	display: block;
	position: absolute;
	top: max(-2.571vw, -33.429px);
	left: 50%;
	transform: translate(-50%, 0);
}

.special01 h2 {
	text-align: center;
	font-size: max(2.084vw, 27.086px);
	font-weight: 400;
	border-bottom: 2px solid #ee7a2d;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}

.special01 h2 .img {
	font-size: max(2.589vw, 33.661px);
	height: 1.71em;
	display: inline-flex;
	position: relative;
	box-sizing: border-box;
	text-align: center;
	align-items: flex-end;
	letter-spacing: -2px;
}

.special01 h2 .img img {
	margin-left: 0.4em;
	width: max(8.14vw, 105.85px);
}

.special01 h2 .img span {
	line-height: 1em;
	font-weight: 400;
}

.special01 ul {
	padding-left: max(1.643vw, 21.357px);
}

.special01 li {
	font-size: max(1.786vw, 23.214px);
	line-height: 1em;
	background: url(../images/top/special01_check.png)no-repeat left center/max(2vw, 26px);
	padding-left: max(2.714vw, 35.286px);
	white-space: nowrap;
}

.special01 li:nth-child(n+2) {
	display: inline-block;
	margin-top: max(2.071vw, 26.929px);
}

.special01 li:nth-child(3) {
	margin-left: max(2.071vw, 26.929px);
}

.special01 li .indent {
	margin-left: -0.5em;
}

.special01 .cont {
	width: max(42.571vw, 553.428px);
	display: flex;
	justify-content: space-between;
}

.special01 .cont>div:nth-of-type(1) {
	width: max(26vw, 337.999px);
}

.special01 .cont>div:nth-of-type(2) {
	width: max(14.429vw, 187.571px);
}

.special01 .cont>div>div:nth-of-type(1) {
	margin-bottom: max(1.214vw, 15.786px);
}

.special01 .cont p {
	text-align: center;
	font-size: max(1.191vw, 15.479px);
	line-height: 1em;
	margin-top: 0.75em;
}

.special01 .mv img {
	max-width: none;
	width: 100%;
}

.special02 {
	padding: 2.643% 5.143% 2.643% 2.857%;
	background: #f7f2ed;
}

.special02 .cont {
	background: url(../images/top/special02_bg.jpg)no-repeat top left/max(57.143vw, 742.856px);
	padding: max(4.143vw, 53.857px) 0 max(0.714vw, 9.286px);
}

.special02 .txt {
	width: max(40vw, 519.999px);
	background: #FFFFFF;
	margin: 0 0 0 auto;
	position: relative;
	padding: max(3.714vw, 48.286px) max(4.643vw, 60.357px) max(3.143vw, 40.857px);
	box-sizing: border-box;
	box-shadow: 0px 3px 6px 0px rgba(127, 162, 177, 0.3);
}

.special02 .point {
	width: max(46.214vw, 600.785px);
	position: absolute;
	top: max(-3.714vw, -48.286px);
	left: 50%;
	transform: translate(-50%, 0);
}

.special02 li {
	font-size: max(1.786vw, 23.214px);
	line-height: 1.33em;
	background: url(../images/top/special02_check.png)no-repeat left max(0.786vw, 10.214px) top max(2.143vw, 27.857px)/max(2vw, 26px);
	padding-left: max(3.714vw, 48.286px);
	white-space: nowrap;
}

.special02 li:nth-child(2) {
	background-position: left max(0.786vw, 10.214px) top max(2.286vw, 29.714px);
}

.special02 li:nth-child(3) {
	background-position: left max(0.786vw, 10.214px) top max(1.571vw, 20.429px);
}

.special02 li+li {
	border-top: 1px solid #7c7c7c;
}

.special02 li:nth-child(-n+3) {
	margin-bottom: 0.5em;
}

.special02 li:nth-child(n+2) {
	padding-top: 0.5em;
}

.special02 li .img {
	position: relative;
	box-sizing: border-box;
	margin: 0 0.25em;
	display: inline-block;
}

.special02 li:nth-child(1) .img {
	width: max(11.929vw, 155.071px);
}

.special02 li:nth-child(2) .img {
	width: max(2.357vw, 30.643px);
}

.special02 li:nth-child(3)>.img {
	width: max(8.286vw, 107.714px);
}

.special02 li:nth-child(3) .alignR .img {
	width: max(4.786vw, 62.214px);
	margin: 0;
}

.special02 li .caution {
	font-size: max(1.041vw, 13.539px);
	color: #919191;
}

.special02 li .alignR {
	display: block;
}

.qa {
	background: url(../images/top/qa_bg.jpg)no-repeat top center/cover;
	padding: 3.643% 0 0.714%;
}

.qa h2 {
	width: max(70.429vw, 915.57px);
	background: url(../images/top/qa_ttl_bg.png)no-repeat top center/100%;
	margin: 0 auto 3.571%;
	position: relative;
	font-size: max(2.975vw, 38.675px);
	line-height: 1.5;
	box-sizing: border-box;
	padding: 0 0 0 max(8.429vw, 109.571px);
	letter-spacing: 2px;
}

.qa h2 .color {
	color: #5cc4df;
}

.qa h2 img {
	width: max(3.286vw, 42.714px);
	display: inline-block;
	margin: 0 0 max(1.357vw, 17.643px) max(1.286vw, 16.714px);
}

.qa .cont {
	display: flex;
	justify-content: center;
	margin-bottom: 1.214%
}

.qa .q,
.qa .a {
	display: flex;
	align-items: flex-end;
}

.qa .cont .txt {
	height: max(21vw, 273px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	padding-left: max(4.143vw, 53.857px);
}

.qa .q .txt {
	width: max(36.286vw, 471.714px);
	background: url(../images/top/qa_txt_bg01.png) no-repeat top left/100%;
	margin-right: max(-2.5vw, -32.5px);
}

.qa .a .txt {
	width: max(35.643vw, 463.356px);
	background: url(../images/top/qa_txt_bg02.png) no-repeat top left/100%;
	margin-right: max(-3.286vw, -42.714px);
}

.qa .txt h3 {
	margin-bottom: max(1.786vw, 23.214px);
}

.qa .q h3 {
	width: max(17.929vw, 233.071px);
}

.qa .a h3 {
	width: max(16.286vw, 211.714px);
}

.qa .txt li,
.qa .txt p {
	font-size: max(1.339vw, 17.411px);
	line-height: 1.78em;
}

.qa .txt p {
	padding-right: 4em;
}

.qa .txt li:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #e37374;
	border-radius: 8px;
	margin: 0 0.5em 0 0;
	transform: translate(0, -75%);
}

.qa .txt li .color {
	color: #e37374;
}

.qa .txt p .color {
	color: #31b7da;
}

.qa .txt li .underline,
.qa .txt p .underline {
	text-decoration: none;
	border-bottom: 1px solid #ffe779;
}

.qa .txt figure {
	margin-bottom: max(1.071vw, 13.929px)
}

.qa .q figure {
	width: max(11.643vw, 151.357px);
}

.qa .a figure {
	width: max(14.214vw, 184.785px);
}

.qa .qa_case {
	padding: max(1.071vw, 13.929px) 0;
	background: rgba(255, 255, 255, 0.55);
}

.qa .qa_case ul {
	display: flex;
	justify-content: center;
}

.qa .qa_case li {
	width: max(13.214vw, 171.785px);
}

.qa .qa_case li+li {
	margin-left: max(1.929vw, 25.071px);
}

.qa .qa_case li p {
	margin-top: max(1.071vw, 13.929px);
	font-size: max(1.434vw, 18.646px);
	line-height: 1.35em;
	text-align: center;
}

.beauty:before,
.beauty:after {
	content: "";
	display: block;
	width: max(12.071vw, 156.928px);
	height: max(2.929vw, 38.071px);
	background: url(../images/top/elm.png)no-repeat center/100%;
	margin: 3% auto;
}

.beauty .ttl {
	background: url(../images/top/beauty_ttl.jpg)no-repeat top center/cover;
	position: relative;
	height: max(29.286vw, 380.714px);
	margin-bottom: 2.786%;
}

.beauty .ttl h2 {
	width: max(39.143vw, 508.856px);
	height: max(12.429vw, 161.571px);
	font-size: max(2.688vw, 34.942px);
	line-height: 1.44em;
	background: url(../images/top/beauty_ttl_bg01.png)no-repeat top center/100%;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	padding-top: max(1.429vw, 18.571px);
	position: absolute;
	bottom: -9.024%;
	left: 2.143%;
	box-sizing: border-box;
}

.beauty .ttl h2 .color {
	color: #fff08b;
}

.beauty .ttl h2 .dot {
	position: relative;
}

.beauty .ttl h2 .dot:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background: #FFFFFF;
	position: absolute;
	top: -0.125em;
	left: 40%;
	transform: translate(0, -50%);
}

.beauty .ttl .txt {
	position: absolute;
	font-size: max(2.084vw, 27.086px);
	line-height: 1.29em;
	display: flex;
	justify-content: center;
	align-items: center;
}

.beauty .ttl .txt1 {
	width: max(26.214vw, 340.785px);
	height: max(7.357vw, 95.643px);
	padding-bottom: max(2.429vw, 31.571px);
	left: 15.357%;
	top: 20%;
	background: url(../images/top/beauty_ttl_bg02.png)no-repeat top center/100%;
}

.beauty .ttl .txt2 {
	width: max(26.214vw, 340.785px);
	height: max(7.357vw, 95.643px);
	padding-bottom: max(2.357vw, 30.643px);
	left: 69%;
	top: 13.902%;
	background: url(../images/top/beauty_ttl_bg03.png)no-repeat top center/100%;
}

.beauty .ttl .txt3 {
	width: max(31.071vw, 403.928px);
	height: max(6.5vw, 84.5px);
	padding-bottom: max(2.214vw, 28.786px);
	left: 64.286%;
	top: 50.976%;
	background: url(../images/top/beauty_ttl_bg04.png)no-repeat top center/100%;
}

.beauty .point {
	width: 94.286%;
	margin: 0 auto 2.857%;
	background: url(../images/top/beauty_txt_bg.png)repeat top left/16px;
	padding: 0.571% 0 4.143%;
}

.beauty .point h3 {
	font-size: max(2.976vw, 38.694px);
	width: max(38.071vw, 494.928px);
	height: max(5.571vw, 72.428px);
	line-height: max(5.571vw, 72.428px);
	background: url(../images/top/beauty_txt_elm.png)no-repeat top center/100%;
	text-align: center;
	color: #a27826;
	margin: 0 auto 0.429%;
}

.beauty .point p {
	font-size: max(2.084vw, 27.086px);
	line-height: 1em;
	text-align: center;
}

.beauty .point p span {
	display: inline-block;
	background: #ea7996;
	color: #FFFFFF;
	padding: 0.25em;
}

.beauty .cont+.cont {
	margin-top: 3.429%;
}

.beauty .cont .flex {
	justify-content: center;
	align-items: center;
	margin-bottom: 3.214%;
}

.beauty .cont2 .flex {
	flex-direction: row-reverse;
	justify-content: center;
}

.beauty .cont .txt {
	width: max(43.571vw, 566.428px)
}

.beauty .cont1 figure {
	width: max(29.643vw, 385.357px);
	margin-right: max(8.071vw, 104.928px);
}

.beauty .cont2 figure {
	width: max(30.143vw, 391.857px);
	margin-left: max(8.071vw, 104.928px);
}

.beauty .cont3 figure {
	width: max(27.286vw, 354.714px);
	margin-right: max(8.071vw, 104.928px);
}

.beauty .cont h3 {
	font-size: max(2.232vw, 29.018px);
	line-height: 1.61em;
	height: max(10.5vw, 136.5px);
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../images/top/beauty_ttl_bg.png)no-repeat center/100%;
	margin-bottom: max(3.214vw, 41.786px);
}

.beauty .cont h3 .bg {
	display: inline-block;
	background: #ea7996;
	color: #FFFFFF;
	padding: 0 0.25em;
	margin: 0 0.125em;
}

.beauty .cont p {
	font-size: max(1.488vw, 19.342px);
	line-height: 1.73em;
}

.beauty .cont p .color {
	color: #ea7996;
}

.beauty .cont p .caution {
	display: block;
	margin: -1.73em 0 0 auto;
	text-align: right;
	color: #1b61ff;
}

.beauty .b_a {
	width: 94.286%;
	margin: 0 auto;
	border-radius: 9px;
	background: url(../images/top/beauty_case_bg.png)repeat left top/16px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: max(5.5vw, 71.5px) 3.571% max(4.286vw, 55.714px);
}

.beauty .cont3 .b_a {
	justify-content: center;
}

.beauty .b_a .b_a_box {
	width: max(40.714vw, 529.285px);
}
.beauty .b_a .b_a_box.is-single {
	display: flex;
	align-items: center;
	width: auto;
}

.beauty .b_a .b_a_box>ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	background: url(../images/top/beauty_case_arrow.png)no-repeat center/max(2vw, 26px);
}

.beauty .b_a .b_a_box>ul li {
	width: 44.386%;
	position: relative;
}

.beauty .b_a .before:before,
.beauty .b_a .after:before {
	content: "";
	display: block;
	width: max(5.714vw, 74.286px);
	height: max(5.714vw, 74.286px);
	position: absolute;
	top: max(-1.714vw, -22.286px);
	left: max(-1.714vw, -22.286px);
	z-index: 1;
}

.beauty .b_a .before:before {
	background: url(../images/top/beauty_case_before.png)no-repeat center/100%;
}

.beauty .b_a .after:before {
	background: url(../images/top/beauty_case_after.png)no-repeat center/100%;
}

.beauty .b_a .txt {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background: #FFFFFF;
	padding: max(1.5vw,21px) max(2vw,26px);
	box-sizing: border-box;
	width: 100%;
	margin-top: max(2.5vw, 32.5px);
}

.beauty .b_a .b_a_box.is-single .txt {
	margin-top: 0;
	margin-left: 40px;
}


.beauty .b_a .txt h4 {
	font-size: max(1.285vw, 16.71px);
	line-height: 2.16em;
	height: 2.16em;
	color: #FFFFFF;
	background: #5cc4df;
	padding: 0 0.5em;
	margin-right: 1em;
	margin-bottom: 0.75em;
}

.beauty .b_a .txt ul {
	display: flex;
	flex-direction: column;
}

.beauty .b_a .txt ul li {
	font-size: max(1.285vw, 16.71px);
	line-height: 1.35;
	padding-left: 1em;
    text-indent: -0.4em;
}

.beauty .b_a .txt ul li:before {
	content: "■";
	display: inline-block;
	color: #5cc4df;
	margin-right: 0.25em;
}

.beauty .b_a .txt ul li+li {
	margin-top: 0.3em;
}

.re_co:after {
	content: "";
	display: block;
	width: max(4.929vw, 64.071px);
	height: max(4.929vw, 64.071px);
	/*background: url(../images/top/logo.png)no-repeat center/100%;*/
	margin: 2.143% auto 2.571%;
}

.re_co .ttl {
	background: url(../images/top/re_co_ttl.jpg)no-repeat top center/cover;
	position: relative;
	height: max(29.286vw, 380.714px);
	margin-bottom: 3.643%;
}

.re_co .ttl h2 {
	width: max(34.357vw, 446.642px);
	height: max(12.429vw, 161.571px);
	font-size: max(2.688vw, 34.942px);
	line-height: 1.44em;
	background: url(../images/top/re_co_ttl_bg01.png)no-repeat top center/100%;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	padding-top: max(1.429vw, 18.571px);
	position: absolute;
	bottom: -9.024%;
	left: 2.143%;
	box-sizing: border-box;
}

.re_co .ttl h2 .color {
	color: #fff08b;
}

.re_co .ttl h2 .dot {
	position: relative;
}

.re_co .ttl h2 .dot:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background: #FFFFFF;
	position: absolute;
	top: -0.125em;
	left: 40%;
	transform: translate(0, -50%);
}

.re_co .ttl .txt {
	position: absolute;
	font-size: max(2.084vw, 27.086px);
	line-height: 1.29em;
	display: flex;
	justify-content: center;
	align-items: center;
}

.re_co .ttl .txt1 {
	width: max(21.929vw, 285.071px);
	height: max(7.357vw, 95.643px);
	padding-bottom: max(2.429vw, 31.571px);
	left: 23.286%;
	top: 28.71%;
	background: url(../images/top/re_co_ttl_bg02.png)no-repeat top center/100%;
}

.re_co .ttl .txt2 {
	width: max(25.357vw, 329.642px);
	height: max(6.5vw, 84.5px);
	padding-bottom: max(2.214vw, 28.786px);
	left: 71.071%;
	top: 19.221%;
	background: url(../images/top/re_co_ttl_bg04.png)no-repeat top center/100%;
}

.re_co>.point {
	width: 94.286%;
	margin: 0 auto 2.857%;
	background: url(../images/top/re_co_txt_bg.png)repeat top left/16px;
	padding: 1% 0 3%;
}

.re_co>.point h3 {
	font-size: max(2.976vw, 38.694px);
	width: max(38.071vw, 494.928px);
	height: max(5.571vw, 72.428px);
	line-height: max(5.571vw, 72.428px);
	background: url(../images/top/re_co_txt_elm.png)no-repeat top center/100%;
	text-align: center;
	color: #a27826;
	margin: 0 auto 0.429%;
}

.re_co>.point p {
	font-size: max(2.084vw, 27.086px);
	line-height: 1em;
	text-align: center;
}

.re_co>.point p img {
	display: inline-block;
	width: max(30.286vw, 393.714px);
	padding: 0 0.25em;
}

.re_co .seo {
	font-size: max(1.191vw, 15.479px);
	text-align: center;
	margin: 0 auto 2.857%;
}

.re_co .cont {
	padding: 2.786% 9.571% 2.786% 9.214%;
	background: url(../images/top/re_co_bg_t.png)no-repeat top center/90.429%, url(../images/top/re_co_bg_b.png)no-repeat bottom center/90.429%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.re_co .cont figure {
	width: max(23.5vw, 305.5px);
}

.re_co .cont>div {
	width: max(56.429vw, 733.57px);
}

.re_co .cont .txt {
	padding: 0 0 0 max(2.357vw, 30.643px);
	font-size: max(1.786vw, 23.214px);
	line-height: 1.92em;
	margin-bottom: max(2.143vw, 27.857px);
}

.re_co .cont .txt ul {
	width: max(27.857vw, 362.142px);
	background: linear-gradient(to right, #bcbcbc 5px, transparent 4px)repeat-x left top/9px 1px, linear-gradient(to right, #bcbcbc 5px, transparent 4px)repeat-x left bottom/9px 1px;
}

.re_co .cont .txt li {
	white-space: nowrap;
	background: url(../images/top/re_co_check.png)no-repeat left 1px center/max(2.071vw, 26.929px);
	padding-left: max(2.929vw, 38.071px)
}

.re_co .cont .txt li .marker {
	background: linear-gradient(transparent 60%, #fff08b 60%);
}

.re_co .cont .point {
	background: #fffbe3;
}

.re_co .cont .point p {
	font-size: max(1.488vw, 19.342px);
	line-height: 1.6em;
	padding: 0.5em 1.25em;
	letter-spacing: -0.5px;
}

.re_co .cont .point p .color {
	color: #cd1f1f;
}

.dr {
	background: url(../images/top/rank_dr_bg.png)no-repeat top center/100%, #ede4d2;
	padding-bottom: max(2.643vw, 34.357px);
}

.dr h2 {
	width: max(60.5vw, 786.499px);
	margin: 0 auto max(1.786vw, 23.214px);
}

.dr .cont {
	display: flex;
	justify-content: center;
	margin: 0 max(5.357vw, 69.643px);
	padding-bottom: max(2.071vw, 26.929px);
	background: linear-gradient(#ede4d2 36%, transparent 36%), url(../images/top/rank_dr_txt_bg.png)repeat top left/24px;
	align-items: center;
}

.dr .fig {
	width: max(40.714vw, 529.285px);
	position: relative;
	padding-bottom: max(2.643vw, 34.357px);
	margin-right: max(3.357vw, 43.643px)
}

.dr .fig figure {
	width: max(33.714vw, 438.285px);
	margin: 0 auto;
}

.dr .fig .name {
	width: 100%;
	height: max(8.214vw, 106.786px);
	background: url(../images/top/rank_dr_name_bg.png)no-repeat center/100%;
	display: flex;
	flex-direction: column;
	position: absolute;
	bottom: 0;
}

.dr .fig .name .jp {
	display: block;
	width: max(22.643vw, 294.357px);
	text-align: center;
	font-size: max(2.912vw, 37.858px);
	line-height: 1.55em;
	color: #FFFFFF;
}

.dr .fig .name .en {
	display: block;
	width: max(30.214vw, 392.785px);
	text-align: center;
	font-size: max(2.508vw, 32.602px);
	line-height: 1.79em;
	font-style: italic;
	color: #FFFFFF;
	align-self: flex-end;
	margin-top: max(-0.571vw, -7.429px);
}

.dr .txt p {
	font-size: max(2.143vw, 27.857px);
	line-height: 1.99em;
	text-align: center;
	margin-bottom: max(5vw, 65px);
}

.dr .txt p img {
	width: max(39.286vw, 510.714px);
}

.dr .txt li {
	font-size: max(1.786vw, 23.214px);
	line-height: 1.67em;
}

.dr .txt li .color {
	color: #c49130;
}

.dr .txt li .marker {
	background: linear-gradient(transparent 70%, #fff08b 70%);
}

.rank {
	padding: max(3.214vw, 41.786px) max(5.357vw, 69.643px);
	background: #f9f2e6;
}

.rank .cont {
	display: flex;
	background: url(../images/top/rank_bg.jpg)no-repeat center/100%;
}

.rank .txt {
	width: max(47vw, 610.999px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: max(3.571vw, 46.429px) 0 max(2.714vw, 35.286px);
}

.rank h2 {
	font-size: max(1.764vw, 22.926px);
	line-height: 1.97em;
	background: url(../images/top/rank_txt_bg.png)no-repeat center/100%;
	width: max(40vw, 519.999px);
	margin: 0 auto max(3.571vw, 46.429px);
	text-align: center;
}

.rank h2 .color {
	color: #87654c;
}

.rank h2 .underline {
	text-decoration: none;
	border-bottom: 2px solid #c3a367;
}

.rank h2 .dot {
	position: relative;
}

.rank h2 .dot:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background: #c09e5e;
	position: absolute;
	top: 0;
	left: 40%;
	transform: translate(0, -50%);
}

.rank figure {
	width: max(40.357vw, 524.642px);
	margin-left: max(2.714vw, 35.286px);
}

.needs .ttl {
	background: url(../images/top/needs_ttl.jpg)no-repeat top center/100%;
	width: 100%;
	height: max(39.071vw, 507.928px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	box-sizing: border-box;
	padding-bottom: max(3.929vw, 51.071px);
	margin-bottom: 1.786%;
}

.needs .ttl h2 {
	font-size: max(3.143vw, 40.857px);
	line-height: 1.67em;
	text-align: center;
	width: max(46.714vw, 607.285px);
	margin: 0 auto max(1.786vw, 23.214px);
	border-bottom: 1px solid #000;
	white-space: nowrap;
	padding-bottom: 0.125em;
}

.needs .ttl h2 .color {
	color: #4db3ce;
}

.needs .ttl h2 .tsume {
	margin: 0 -0.5em;
}

.needs .ttl p {
	font-size: max(1.28vw, 16.64px);
	line-height: 1.63em;
	width: max(46.714vw, 607.285px);
}

.needs ul {
	display: flex;
	flex-wrap: wrap;
}

.needs li {
	width: 50%;
	background: #fbf3f3;
}

.needs li:nth-of-type(4n),
.needs li:nth-of-type(4n+1) {
	background: #f3f8fa;
}

.needs li a {
	display: flex;
	align-items: center;
	padding: max(2.143vw, 27.857px) max(2.857vw, 37.143px) max(2.143vw, 27.857px) max(2vw, 26px);
	background: url(../images/top/needs_arrow.png)no-repeat bottom max(2vw, 26px) right max(3vw, 39px)/max(6.714vw, 87.286px);
}

.needs li figure {
	width: max(23.571vw, 306.428px);
	margin-right: max(1.286vw, 16.714px);
}

.needs li .txt {
	flex: 1;
}

.needs li h3 {
	font-size: max(1.786vw, 23.214px);
	line-height: 1.32em;
	color: #de7e7f;
	border-left: max(0.357vw, 4.643px) solid;
	padding-left: 0.64em;
	text-indent: -0.5em;
	white-space: nowrap;
}

.needs li:nth-child(-n+2) h3 {
	text-indent: 0;
}

.needs li:nth-of-type(4n) h3,
.needs li:nth-of-type(4n+1) h3 {
	color: #4db3ce;
}

.needs li h3 .tsume {
	margin: 0 -0.4em;
}

.needs li p {
	border-top: 1px solid #de7e7f;
	font-size: max(1.488vw, 19.342px);
	line-height: 1.46em;
	padding-top: 0.25em;
	margin-top: 0.5em;
}

.needs li:nth-of-type(4n) p,
.needs li:nth-of-type(4n+1) p {
	border-color: #4db3ce;
}

.rsrv:before,
.rsrv:after {
	content: "";
	display: block;
	width: max(12.071vw, 156.928px);
	height: max(2.929vw, 38.071px);
	background: url(../images/top/elm.png)no-repeat center/100%;
	margin: 3% auto;
}

.rsrv .cont {
	width: max(86.571vw, 1125.427px);
	height: max(29.857vw, 388.142px);
	margin: 0 auto;
	background: url(../images/top/rsrv_bg.jpg)no-repeat center/cover;
	position: relative;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 0 0 0 max(9.786vw, 127.214px);
}

.rsrv .cont:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #000;
	position: absolute;
	top: max(0.857vw, 11.143px);
	left: max(0.857vw, 11.143px);
}

.rsrv .en {
	position: absolute;
	top: max(-1.786vw, -23.214px);
	left: max(3.857vw, 50.143px);
	width: max(4.071vw, 52.928px);
	z-index: 1;
}

.rsrv .txt {
	width: max(30.571vw, 397.428px);
	position: relative;
	z-index: 1;
}

.rsrv .txt a {
	display: block;
	background: url(../images/top/rsrv_arrow.png)no-repeat bottom right/max(13.214vw, 171.785px);
	width: 100%;
	height: 100%;
	padding-bottom: max(2.286vw, 29.714px);
}

.rsrv h2 {
	font-size: max(2.297vw, 29.863px);
	font-weight: 500;
	border-bottom: 1px solid;
	letter-spacing: 2px;
	white-space: nowrap;
	text-align: center;
	margin-bottom: 0.5em;
}

.rsrv h2 span {
	font-weight: 500;
}

.rsrv h2 .dot {
	position: relative;
}

.rsrv h2 .dot:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background: #ffac53;
	position: absolute;
	top: 0;
	left: 40%;
	transform: translate(0, -50%);
}

.rsrv p {
	font-size: max(1.191vw, 15.479px);
	line-height: 1.75em;
	margin-bottom: 1em;
}

.rsrv h3 {
	font-size: max(1.489vw, 19.351px);
	line-height: 1.82em;
	height: 1.82em;
	color: #2e2e2e;
	background: #ffac53;
	text-align: center;
	font-weight: 500;
}

.rsrv h3 .color {
	color: #cd1f1f;
	font-weight: 500;
}

.step {
	background: url(../images/top/step_bg.jpg)no-repeat center/cover;
	padding: 0 0 0 4.429%;
}

.step .cont {
	box-sizing: border-box;
	width: max(43.643vw, 567.356px);
	background: rgba(255, 255, 255, 0.4);
	padding: max(2.929vw, 38.071px) max(2.571vw, 33.429px) max(3vw, 39px) max(2.643vw, 34.357px);
}

.step h2 {
	width: max(32.643vw, 424.356px);
	margin-bottom: max(1.429vw, 18.571px);
}

.step .step_lst {
	position: relative;
}

.step li {
	display: flex;
	align-items: center;
	background: #FFFFFF;
	border: 2px solid #87654c;
	position: relative;
	font-size: max(1.636vw, 21.274px);
	padding-right: max(9.214vw, 119.786px);
}

.step li:nth-child(1) {
	background: url(../images/top/step_icon01.png)no-repeat right max(5.786vw, 75.214px) center/max(2.929vw, 38.071px), #FFFFFF;
}

.step li:nth-child(2) {
	background: url(../images/top/step_icon02.png)no-repeat right max(5.786vw, 75.214px) center/max(2.929vw, 38.071px), #FFFFFF;
}

.step li:nth-child(3) {
	background: url(../images/top/step_icon03.png)no-repeat right max(5.786vw, 75.214px) center/max(2.929vw, 38.071px), #FFFFFF;
}

.step li:nth-child(4) {
	background: url(../images/top/step_icon04.png)no-repeat right max(5.786vw, 75.214px) center/max(2.929vw, 38.071px), #FFFFFF;
}

.step li:nth-child(5) {
	background: url(../images/top/step_icon05.png)no-repeat right max(5.786vw, 75.214px) center/max(2.929vw, 38.071px), #FFFFFF;
}

.step li+li {
	margin-top: max(2.714vw, 35.286px);
}

.step li:after {
	position: absolute;
	bottom: max(-2.571vw, -33.429px);
	left: 50%;
	content: "";
	display: block;
	width: max(1.929vw, 25.071px);
	height: max(1.5vw, 19.5px);
	margin: 0 auto;
	background: url(../images/top/step_arrow.png)no-repeat center/100%;
}

.step li .num {
	display: inline-block;
	width: max(11.5vw, 149.5px);
}

.step li p {
	flex: 1;
	text-align: center;
	color: #87654c;
}

.step .time {
	position: absolute;
	width: max(3.857vw, 50.143px);
	top: max(-4.143vw, -53.857px);
	right: max(0.714vw, 9.286px);
}

.step .step_lst>p {
	text-align: right;
	margin-top: max(3.571vw, 46.429px);
	line-height: 1em;
	font-size: max(1.19vw, 15.47px);
	padding-right: max(5vw, 65px);
}

.movie {
	padding: max(3.571vw, 46.429px) max(4.643vw, 60.357px);
	margin-bottom: 3.571%;
}

.movie .cont {
	display: flex;
	justify-content: center;
	background: #000;
	padding: max(1.071vw, 13.929px) 0;
}

.movie .txt {
	position: relative;
	width: max(46.429vw, 603.571px);
	background: #FFFFFF;
	text-align: center;
	margin-right: max(1.429vw, 18.571px);
	display: flex;
	align-items: center;
	justify-content: center;
}

.movie .txt:after {
	content: "";
	display: block;
	width: max(2.714vw, 35.286px);
	height: max(7vw, 91px);
	background: url(../images/top/mv_arrow.png)no-repeat center/100%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(50%, -50%);
}

.movie .txt p {
	font-size: max(2.381vw, 30.949px);
	line-height: 1.38em;
}

.movie .txt p .marker {
	background: linear-gradient(transparent 70%, #fff5ae 70%);
}

.movie figure {
	width: max(40.143vw, 521.856px);
}

.movie figure img {
	width: 100%;
}

.case {
	background: #f8f5ef;
	padding: 2.429% 0 3.571%;
	margin-bottom: 3.929%;
}

.case h2 {
	width: max(40.571vw, 527.428px);
	height: max(2.214vw, 28.786px);
	line-height: 1.06em;
	text-align: center;
	font-size: max(2.084vw, 27.086px);
	color: #69390f;
	background: url(../images/top/case_ttl_elm.png)no-repeat center/100%;
	margin: 0 auto max(2.429vw, 31.571px);
}

.case .b_a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.case .b_a .flex {
	width: max(42vw, 545.999px);
	flex-direction: column;
}

.case .b_a .flex p {
	margin-top: 1em;
	font-size: max(0.9285vw, 14.85px);
	text-align: center;
}

.case .b_a .flex>ul {
	display: flex;
	justify-content: space-between;
	background: url(../images/top/case_arrow.png)no-repeat center/max(0.786vw, 10.214px)
}

.case .b_a .flex:nth-of-type(odd) {
	margin-right: max(2.571vw, 33.429px);
}

.case .b_a .flex:nth-of-type(n+3) {
	margin-top: max(2.571vw, 33.429px);
}

.case .b_a li {
	width: max(20.143vw, 261.857px);
}

.case .b_a li span {
	text-align: center;
	display: inline-block;
	width: 100%;
	font-size: max(1.154vw, 14.996px);
	line-height: 1.73em;
	height: 1.73em;
	color: #FFFFFF;
	margin-bottom: max(0.571vw, 7.429px);
}

.case .b_a .before span {
	background: #666666;
}

.case .b_a .after span {
	background: #b53939;
}

.msg {
	background: #f7f7f7;
	padding: 2.214% 0 3.286%;
	margin-bottom: 5%;
}

.msg h2 {
	width: max(14.786vw, 192.214px);
	margin: 0 auto 2%;
}

.msg .cont {
	width: max(92.143vw, 1197.855px);
	height: max(39.643vw, 515.356px);
	margin: 0 auto 2.357%;
	background: url(../images/top/msg_bg.png)no-repeat top right/auto 100%, #FFFFFF;
	box-sizing: border-box;
	padding-left: max(11.143vw, 144.857px);
	display: flex;
	align-items: center;
}

.msg .txt {
	display: flex;
	flex-direction: column;
}

.msg h3 {
	font-size: max(2.084vw, 27.086px);
	line-height: 1.29em;
	margin-bottom: 1em;
	letter-spacing: 1px;
}

.msg p {
	font-size: max(1.339vw, 17.411px);
	line-height: 1.6em;
}

.msg p+p {
	margin-top: 1em;
}

.msg h3 .color,
.msg p .color {
	color: #d04e45;
}

.msg h3 .tsume {
	margin: 0 -0.5em;
}

.menu {
	width: max(92.143vw, 1197.855px);
	background: url(../images/top/menu_bg.png)repeat top left/3px;
	margin: 0 auto;
	padding: max(2vw, 26px) 0 max(2.571vw, 33.429px);
}

.menu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.menu li:not(:nth-child(3n+1)) {
	margin-left: max(2.5vw, 32.5px);
}

.menu li:nth-child(n+4) {
	margin-top: max(0.643vw, 8.357px);
}

.menu li a {
	display: flex;
	align-items: center;
	width: max(27.143vw, 352.857px);
	box-sizing: border-box;
	border: 1px solid #a6a6a6;
	background: url(../images/top/menu_arrow.png)no-repeat left max(1.571vw, 20.429px) center/max(0.643vw, 8.357px), #FFFFFF;
	box-shadow: 0px 1px 1px 0px rgba(46, 46, 46, 0.4);
	height: max(4.429vw, 57.571px);
	padding-left: max(2.857vw, 37.143px);
	font-size: max(1.28vw, 16.64px);
	line-height: 1em;
}

.gallery {
	background: #f3f0e8;
	padding: 4.071% 0 4.571%;
	margin-bottom: 7.143%;
}

.gallery h2 {
	width: max(27.643vw, 359.357px);
	position: absolute;
	top: max(1.714vw, 22.286px);
	left: max(0.214vw, 2.786px);
}

.gallery .cont {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: max(79.714vw, 1036.284px);
	margin: 0 auto;
	padding-bottom: max(2vw, 26px);
	background: linear-gradient(transparent 31.613%, rgba(255, 255, 255, 0.5) 31.613%);
	position: relative;
}

.gallery .cont:before {
	content: "";
	display: block;
	width: max(1.143vw, 14.857px);
	height: max(38.143vw, 495.856px);
	background: url(../images/top/gallery_elm.png)repeat top left/2px;
	position: absolute;
	top: max(-5vw, -65px);
	left: max(-3.429vw, -44.571px);
}

.gallery .cont>.gallery_thumb {
	width: max(25.714vw, 334.285px);
	margin-right: max(4.643vw, 60.357px);
}

.gallery .cont>.gallery_thumb ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.gallery .cont>.gallery_thumb li {
	width: max(12.429vw, 161.571px);
	background: #8b8b8b;
}

.gallery .cont>.gallery_thumb li a {
	opacity: 0.4;
	transition: .3s ease-in-out;
}

.gallery .cont>.gallery_thumb li a:hover,
.gallery .cont>.gallery_thumb li a.active {
	opacity: 1;
}

.gallery .cont>.gallery_thumb li:nth-child(n+3) {
	margin-top: max(0.857vw, 11.143px);
}

.gallery .wrap_gallery_img {
	position: relative;
}

.gallery .gallery_img {
	width: max(43.143vw, 560.856px);
	height: max(31.214vw, 405.785px);
	background: url(../images/top/gallery_img_bg.jpg)no-repeat right bottom/max(43.143vw, 560.856px) auto;
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
	position: relative;
}

.gallery .gallery_img .bx-wrapper {
	position: absolute;
	top: max(-1.357vw, -17.643px);
	left: max(-0.714vw, -9.286px);
	max-width: none !important;
	width: max(43.429vw, 564.571px);
	height: max(33.071vw, 429.928px);
}

.gallery .wrap_gallery_img .gallery_thumb {
	position: absolute;
	bottom: max(-4.071vw, -52.928px);
	right: 0;
}

.gallery .wrap_gallery_img .gallery_thumb ul {
	display: flex;
}

.gallery .wrap_gallery_img .gallery_thumb li+li {
	margin-left: max(0.857vw, 11.143px);
}

.gallery .wrap_gallery_img .gallery_thumb li a {
	display: block;
	width: max(1vw, 13px);
	height: max(1vw, 13px);
	border-radius: 50%;
	background: #afafaf;
}

.gallery .wrap_gallery_img .gallery_thumb li a.active {
	background: #b2937c;
}

.blog_sche {
	display: flex;
	justify-content: center;
	margin-bottom: 7.5%;
}

.blog,
.sche {
	width: max(39.857vw, 518.142px);
	display: flex;
	flex-direction: column;
}

.blog {
	margin-right: max(5.429vw, 70.571px);
}

.blog h2,
.sche h2 {
	margin-bottom: max(2.143vw, 27.857px);
}

.blog .post ul {
	padding-left: max(1.286vw, 16.714px);
	margin-bottom: max(3.857vw, 50.143px);
}

.blog .post li {
	display: flex;
	align-items: center;
}

.blog .post li+li {
	margin-top: max(1.429vw, 18.571px);
}

.blog .post figure {
	margin-right: max(1.929vw, 25.071px);
}

.blog .post figure img {
	width: max(7.286vw, 94.714px);
	height: max(7.286vw, 94.714px);
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.blog .post .date {
	display: inline-block;
	font-size: max(0.956vw, 12.434px);
	line-height: 1em;
	margin-bottom: 1em;
}

.blog .post p {
	font-size: max(1.116vw, 14.504px);
	line-height: 1em;
	margin-bottom: 1em;
}

.blog .post .link {
	display: block;
	width: max(6.857vw, 89.143px);
	margin: 0 0 0 auto;
}

.blog .post .btn {
	width: max(14.071vw, 182.928px);
	margin: 0 auto;
}

.sche iframe {
	flex: 1;
	display: block;
	line-height: 0;
	min-height: max(31.714vw, 412.285px);
}

.bnr {
	width: max(85.143vw, 1106.855px);
	margin: 0 auto max(7.286vw, 94.714px);
}

/* 2024.04.25 updata */
.ttl-blue-light{
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
}
.ttl-blue-light span{
	background: url(../images/common/ttl-low4-2_bg.png) repeat;
	background-size: 6px 6px;
	font-size: max(1.786vw, 23.214px);
    line-height: 2.16em;
    height: 2.16em;
    color: #FFFFFF;
    padding: 0 0.5em;
    margin-right: 1em;
    margin-bottom: 0.75em;
}
.dr .cont .lp-txt{
	margin-top: max(20vw, 200px);
}
.needs .lp-needs__lists{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.needs .lp-needs__lists .item{
	width: auto;
	display: flex;
    align-items: center;
    padding: max(2.143vw, 27.857px) max(2.857vw, 37.143px) max(2.143vw, 27.857px) max(2vw, 26px);
}
/* price */
.lp-price .cont{
	width: max(60vw, 1000px);
	margin: 0 auto;
}
.lp-price .lp-price_ttl{
    font-size: max(2.297vw, 29.863px);
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center;
	border-bottom: 1px solid;
    margin-bottom: 1em;
}
.lp-price_txt{
	margin-bottom: 1em;
	font-size: max(1.191vw, 15.479px);
}
.lp-price h2{
	font-size: max(1.4vw, 18px);
}
.lp-price th, .lp-price td {
	font-size: max(1.191vw, 15.479px);
}
.lp-price td img{ 
	/* width: 100%; */
}
/* risk */
.lp-risk{
	background: #f7f7f7;
    padding: 2.214% 0 3.286%;
}
.lp-risk .cont{
	width: max(50vw, 800px);
	margin: 0 auto;
}
.lp-risk h2{
    font-size: max(2.297vw, 29.863px);
    font-weight: 500;
    border-bottom: 1px solid;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 1em;
}
.lp-risk .lp-risk_list{
	list-style: auto;
	padding-left: 1em;
}
.lp-risk .lp-risk_list li{
	font-size: max(1.191vw, 15.479px);
}

/* 2025.06.20 LP2 */
.lp-counseling {
  width: max(86.571vw, 1125.427px);
  margin: 0 auto;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lp-counseling .c-title {
  font-size: max(2vw, 50px);
  background-color: #4db3ce;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 1.5vw 4vw 1.1vw;
  position: relative;
}
.lp-counseling .c-title::before, .lp-counseling .c-title::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.8rem 2vw 3.8rem 0;
  border-color: transparent #4db3ce transparent transparent;
  position: absolute;
  top: 50%;
  left: -2vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.lp-counseling .c-title::after {
  left: auto;
  right: -2vw;
  -webkit-transform: translateY(-50%) scale(-1, 1);
          transform: translateY(-50%) scale(-1, 1);
}
.lp-counseling .c-title span {
  font-size: 0.8em;
}
.lp-counseling .c-about {
  display: grid;
  grid-template-columns: 1fr 60%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3vw;
}
.lp-counseling .c-about__catch {
  width: 130%;
  position: relative;
  z-index: 1;
}
.lp-counseling .c-about__txt {
  width: 110%;
  position: relative;
  z-index: 1;
  font-size: 1.2vw;
  margin-top: 1.5vw;
}
.lp-counseling .c-about__txt p:not(:last-child) {
  margin-bottom: 1em;
}
.lp-counseling .c-reco {
  position: relative;
  margin-top: 5vw;
}
.lp-counseling .c-reco__title {
  padding: 1.3vw 3.5vw;
  display: inline-block;
  position: relative;
  font-size: 2.4vw;
  color: #FFF;
  z-index: 10;
  margin-left: -2vw;
}
.lp-counseling .c-reco__title span {
  font-size: 1.8rem;
}
.lp-counseling .c-reco__title::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: #EA7996;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) skew(-20deg);
          transform: translate(-50%, -50%) skew(-20deg);
  z-index: -1;
  -webkit-box-shadow: 8px 8px 0px rgba(234, 121, 149, 0.4951);
          box-shadow: 8px 8px 0px rgba(234, 121, 149, 0.4951);
}
.lp-counseling .c-reco__title::after {
  content: "";
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  display: block;
  border: 1px solid #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) skew(-20deg);
          transform: translate(-50%, -50%) skew(-20deg);
  z-index: -1;
}
.lp-counseling .c-reco__img {
  width: 60%;
  border-radius: 0 40px 40px 0;
  overflow: hidden;
  margin-top: -2vw;
}
.lp-counseling .c-reco__box {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 40px;
  background-color: #FFF;
  padding: 3vw;
  margin-left: auto;
  margin-right: 0;
  margin-top: -35%;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 8px 8px 0px #fdf7b8;
          box-shadow: 8px 8px 0px #fdf7b8;
}
.lp-counseling .c-reco__list li {
  font-size: 1.2vw;
  background: url(../images/top/special02_check.png) no-repeat left top 0.5em/2em;
  padding: 0.5em 0;
  padding-left: max(3.714vw, 48.286px);
}
.lp-counseling .c-reco__note {
  margin-top: 1.5vw;
  color: #87664c;
}
.lp-counseling .c-reco__note p:not(:last-child) {
  margin-bottom: 1em;
}
.lp-counseling .c-step {
  margin-top: 5vw;
}
.lp-counseling .c-step__title {
  margin-bottom: 5vw;
  position: relative;
  text-align: center;
}
.lp-counseling .c-step__title::before {
  content: "";
  width: 100%;
  height: 0.5vw;
  display: block;
  border-top: 1px solid #87664c;
  border-bottom: 1px solid #87664c;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.lp-counseling .c-step__title span {
  font-size: 2.8vw;
  color: #87664c;
  background-color: #FFF;
  padding: 0 2vw;
  position: relative;
  z-index: 1;
  letter-spacing: 0.05em;
}
.lp-counseling .c-step__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2vw;
}
.lp-counseling .c-step__box:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.lp-counseling .c-step__box:not(:last-child) {
  margin-bottom: 6vw;
}
.lp-counseling .c-step__label {
  margin-top: 2vw;
  min-width: 20vw;
  position: relative;
  margin-left: 3vw;
  padding: 1.5vw 1.5vw 1.5vw 10vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 16px;
  background: #f7f2ed;
  font-size: 2.2vw;
}
.lp-counseling .c-step__label span {
  font-size: 0.8em;
}
.lp-counseling .c-step__label__icon {
  width: 10vw;
  position: absolute;
  top: -5vw;
  left: -3vw;
}
.lp-counseling .c-step__txt {
  width: 55%;
}
.lp-counseling .c-step__txt p {
  padding-left: 13vw;
  font-size: 1.5vw;
  margin-top: 2vw;
}
.lp-counseling .c-step__img {
  width: 45%;
}
.lp-counseling .c-merit {
  width: 100vw;
  margin-left: calc((100vw - 100%) / -2);
  background: url(../images/lp2/c-merit_bg-pc.jpg) no-repeat left top/cover;
  margin-top: 12vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 6vw 5vw;
}
.lp-counseling .c-merit__head {
  text-align: center;
  -webkit-transform: translateY(-7.5vw);
          transform: translateY(-7.5vw);
}
.lp-counseling .c-merit__head h2 {
  width: 60%;
  margin: 0 auto;
}
.lp-counseling .c-merit__head p {
  margin-top: 1.5vw;
  font-size: 1.2vw;
}
.lp-counseling .c-merit__list {
  margin-top: -6vw;
}
.lp-counseling .c-merit__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.lp-counseling .c-merit__list li:not(:last-child) {
  margin-bottom: 1vw;
}
.lp-counseling .c-merit__list li .num {
  width: 5vw;
  height: 5vw;
  border-radius: 100px;
  border: 1px solid #4db3ce;
  font-size: 3vw;
  color: #4db3ce;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lp-counseling .c-merit__list li p {
  padding: 0.2vw 1vw;
  margin-left: -1.5vw;
  margin-bottom: -1.5vw;
  background-color: #F5F6F5;
  font-size: 1.5vw;
  font-weight: bold;
}
.lp-counseling .c-faq {
  padding: 5vw 10vw;
}
.lp-counseling .c-faq__title {
  text-align: center;
  margin-bottom: 3vw;
}
.lp-counseling .c-faq__title span {
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 3vw;
  color: #EA7996;
  position: relative;
}
.lp-counseling .c-faq__title span::before, .lp-counseling .c-faq__title span::after {
  content: "";
  width: 1vw;
  height: 1vw;
  display: block;
  background: #EA7996;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.lp-counseling .c-faq__title span::before {
  left: -3vw;
}
.lp-counseling .c-faq__title span::after {
  right: -3vw;
}
.lp-counseling .c-faq__list li:not(:last-child) {
  margin-bottom: 1em;
}
.lp-counseling .c-faq__q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2em;
  color: #FFF;
  background-color: #EA7996;
  padding: 0.3vw 2vw;
  border-radius: 0 40px 0 0;
}
.lp-counseling .c-faq__q span {
  font-size: 3.25vw;
}
.lp-counseling .c-faq__q p {
  font-size: 1.7vw;
}
.lp-counseling .c-faq__a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2em;
  background-color: #F7F2ED;
  padding: 1.2vw 2vw;
}
.lp-counseling .c-faq__a span {
  font-size: 3.25vw;
  color: #EA7996;
}
.lp-counseling .c-faq__a p {
  font-size: 1.5vw;
  line-height: 1.5;
}