@charset "UTF-8";
/*   BASE   */
@font-face {
				font-family: "Butler";
				src: url("../fonts/Butler-Light.woff2") format("woff2"), url("../fonts/Butler-Light.woff") format("woff");
				font-weight: 300;
				font-style: normal;
}
:root {
				--color-red: #FF3052;
				--color-text: #271d18;
				--color-1: #BA86FF;
				--color-2: #F0E7FF;
				--color-3: #7308FE;
				--color-4: #271D18;
				--color-5: #D4C6FF;
				--color-6: #CFABFE;
				--color-7: #ECC6FF;
				--font-family-default: Hiragino Kaku Gothic Pro ", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3 ", "游ゴシック体 ", YuGothic, "游ゴシック ", "Yu Gothic ", "メイリオ ", Meiryo, ""ＭＳ Ｐゴシック",verdana, sans-serif;
				--font-family-alata: "Alata",sans-serif;
				--font-family-afacad: "Afacad",sans-serif;
				--font-family-butler: "Butler",	sans-serif;
				--font-family-hedvig: "Hedvig Letters Serif",serif;
				--font-family-grapenuts: "Grape Nuts",cursive;
				--font-family-marugo: "Zen Maru Gothic",serif;
				--max-width-inner: inherit;
				--width-inner: 950px;
}
@media (width <= 959px) {
				:root {
								--width-inner: 100%;
				}
}

/*   COMMON   */
.c-red {
				color: var(--color-red);
}
.c-color1 {
				color: var(--color-1);
}
.c-color2 {
				color: var(--color-2);
}
.c-color3 {
				color: var(--color-3);
}
.c-color4 {
				color: var(--color-4);
}
.c-color5 {
				color: var(--color-5);
}
.c-color6 {
				color: var(--color-6);
}
.c-color7 {
				color: var(--color-7);
}
.c-color-local {
				color: #49ADFF;
}
.c-color-intravenous {
				color: #826FFF;
}
.c-fs80 {
				font-size: 80%;
}
.c-fs133 {
				font-size: 133%;
}
.c-fs150 {
				font-size: 150%;
}
.c-fs200 {
				font-size: 200%;
}
.c-bold {
				font-weight: 700;
}
.c-mb15 {
				margin-bottom: 1.5em;
}
.c-highlight {
				font-weight: 700;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #F3DCFF));
				background: linear-gradient(transparent 60%, #F3DCFF 60%);
}
.c-dots {
				background-image: radial-gradient(circle at center, var(--color-green) 20%, transparent 20%);
				background-position: top -1px right;
				background-repeat: repeat-x;
				background-size: 1em 0.3em;
}
.c-link {
				-webkit-transition: 0.2s ease-in-out;
				transition: 0.2s ease-in-out;
				color: var(--color-blue);
				text-decoration: underline;
}
@media (width <= 599px) {
				.c-link:hover {
								opacity: 0.7;
								-webkit-transition: 0.2s ease-in-out;
								transition: 0.2s ease-in-out;
				}
}
.c-unit {
				font-size: 14px;
				font-weight: 400;
}
@media (width <= 959px) {
				.c-unit {
								font-size: 10px;
				}
}
.c-price {
				font-size: 20px;
				font-weight: 700;
}
@media (width <= 959px) {
				.c-price {
								font-size: 16px;
				}
}

.grid-1 {
				-ms-grid-column: 1;
				-ms-grid-column-span: 1;
				grid-column: 1/2;
				-ms-grid-row: 1;
				-ms-grid-row-span: 1;
				grid-row: 1/2;
}
.grid-2 {
				-ms-grid-column: 2;
				-ms-grid-column-span: 2;
				grid-column: 2/4;
				-ms-grid-row: 1;
				-ms-grid-row-span: 1;
				grid-row: 1/2;
}
.grid-3 {
				-ms-grid-column: 1;
				-ms-grid-column-span: 1;
				grid-column: 1/2;
				-ms-grid-row: 2;
				-ms-grid-row-span: 1;
				grid-row: 2/3;
}
.grid-4 {
				-ms-grid-column: 2;
				-ms-grid-column-span: 1;
				grid-column: 2/3;
				-ms-grid-row: 2;
				-ms-grid-row-span: 1;
				grid-row: 2/3;
}
.grid-5 {
				-ms-grid-column: 3;
				-ms-grid-column-span: 1;
				grid-column: 3/4;
				-ms-grid-row: 2;
				-ms-grid-row-span: 1;
				grid-row: 2/3;
}

.pc-only {
				display: none;
}
@media (width >= 960px) {
				.pc-only {
								display: block !important;
				}
}

.tb-only {
				display: none;
}
@media (width <= 959px) {
				.tb-only {
								display: block !important;
				}
}
@media (width <= 599px) {
				.tb-only {
								display: none !important;
				}
}

.sp-only {
				display: none;
}
@media (width <= 599px) {
				.sp-only {
								display: block !important;
				}
}

/*   CONTENTS   */
#content {
				max-width: inherit;
				padding: 0;
				width: 100%;
}
@media (width <= 599px) {
				#content {
								font-size: 1rem;
				}
}

.eye-main {
				color: var(--color-text);
				font-family: var(--font-family-default);
				font-size: clamp(0.875rem, 0.666rem + 0.56vw, 1rem);
				font-weight: 400;
				width: 100%;
}
@media (width >= 960px) {
				.eye-main {
								font-size: 16px;
				}
}
.eye-main img {
				image-rendering: -webkit-optimize-contrast;
}

.eye-mainvisual-image {
				display: block;
				height: auto;
				width: 100%;
}

.section {
				position: relative;
}
@media (width <= 599px) {
				.section {
								font-size: 1rem;
				}
}
.section-inner {
				margin: auto;
				max-width: var(--max-width-inner);
				padding: 40px 0 20px;
				width: var(--width-inner);
}
@media (width <= 959px) {
				.section-inner {
								max-width: 100%;
								width: 100%;
								padding: 6% 2%;
				}
}
@media (width <= 599px) {
				.section-inner {
								padding: 5%;
				}
}
.section-header {
				margin-bottom: 1.5em;
				text-align: center;
}
@media (width >= 960px) {
				.section-header {
								margin-bottom: 40px;
				}
}
.section-header-box {
				border: 1px solid #ceb384;
				margin: auto;
				max-width: 100%;
				padding: 6px;
				width: 297px;
}
.section-header-box-inner {
				background-color: #fff;
				padding: 20px 10px;
}
.section-title-en {
				font-family: "Hedvig Letters Serif", serif;
				font-size: 46px;
				line-height: 1;
}
.section-title1 {
				font-size: 20px;
				font-weight: 400;
				margin-top: 0.25em;
}
.section-title2 {
				border-left: 1px solid #000;
				border-right: 1px solid #000;
				margin: 0.25em auto 0;
				max-width: 100%;
				padding: 4px;
				width: 441px;
				border-top: 1px solid #000;
				border-bottom: 1px solid #000;
				color: #fff;
				font-size: 20px;
				font-weight: 400;
				margin-top: 0.25em;
				padding: 4px 0;
}
@media (width <= 599px) {
				.section-title2 {
								width: 100%;
				}
}
.section-title2-inner {
				background-color: #000;
				display: block;
}
.section-subtitle1 {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				font-family: "Zen Maru Gothic", serif;
				font-size: 16px;
				font-weight: 700;
}
.section-subtitle1::before {
				content: url(../images/eye/icon_slash_left.svg);
				margin-right: 0.5em;
}
@media (width <= 599px) {
				.section-subtitle1::before {
								margin-right: 5px;
				}
}
.section-subtitle1::after {
				content: url(../images/eye/icon_slash_right.svg);
				margin-left: 0.5em;
}
@media (width <= 599px) {
				.section-subtitle1::after {
								margin-left: 5px;
				}
}
.section-subtitle2 {
				font-size: 24px;
				font-weight: 700;
				margin-bottom: 1em;
}
@media (width <= 599px) {
				.section-subtitle2 {
								margin-bottom: 0.5em;
				}
}
.section-subtitle2-inner {
				display: inline-block;
				line-height: 1;
				position: relative;
}
.section-subtitle2-inner::before {
				content: "";
				background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, transparent), color-stop(10%, #fff)) no-repeat bottom -0.25em left;
				background: linear-gradient(transparent 10%, #fff 10%) no-repeat bottom -0.25em left;
				height: 1.25em;
				position: absolute;
				bottom: -1px;
				left: -5px;
				width: calc(100% + 10px);
				z-index: 2;
}
.section-subtitle2-inner::after {
				content: "";
				background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, transparent), color-stop(10%, #d66c7d)) no-repeat bottom -0.25em left;
				background: linear-gradient(transparent 10%, #d66c7d 10%) no-repeat bottom -0.25em left;
				height: 1.25em;
				position: absolute;
				bottom: -6px;
				left: -1px;
				width: calc(100% + 10px);
				z-index: 1;
}
.section-subtitle2-inner2 {
				position: relative;
				z-index: 3;
}
.section-content {
				padding: 0 10px;
}
@media (width <= 599px) {
				.section-content {
								padding: 0;
				}
}
.section-text {
				text-align: center;
				font-size: 16px;
}
@media (width <= 599px) {
				.section-text {
								text-align: left;
				}
}

.cta {
				padding: 35px 0;
				text-align: center;
}
@media (width <= 959px) {
				.cta {
								padding: 3% 0;
				}
}
.cta-title {
				font-size: 20px;
				font-weight: 700;
}
.cta-button {
				background: linear-gradient(120deg, #ff3052, #76031e);
				border-radius: 100vh;
				-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
				        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
				color: #fff;
				display: inline-block;
				font-size: 24px;
				font-weight: 700;
				overflow: hidden;
				position: relative;
				max-width: 100%;
				width: 392px;
}
@media (width <= 959px) {
				.cta-button {
								width: 50%;
								margin-inline: auto;
								font-size: 1.5rem;
				}
}
@media (width <= 599px) {
				.cta-button {
								width: 90%;
								font-size: 1.4rem;
				}
}
.cta-button:hover {
				opacity: 0.7;
				-webkit-transition: 0.2s ease-in-out;
				transition: 0.2s ease-in-out;
}
.cta-button::before {
				content: "";
				background: -webkit-gradient(linear, left top, left bottom, from(#ff7a90), color-stop(50%, #d60032), color-stop(50%, transparent));
				background: linear-gradient(to bottom, #ff7a90, #d60032 50%, transparent 50%);
				border-radius: 100vh;
				display: block;
				height: 76.4px;
				position: absolute;
				top: 5px;
				left: 5px;
				width: calc(100% - 10px);
}
.cta-button-inner {
				background: url(../images/eye/icon_triangle_right.svg) no-repeat center right 26px;
				display: block;
				padding: 21px 56px 21px 21px;
				position: relative;
				z-index: 2;
}
.cta-note {
				font-size: 14px;
}
.cta-phone {
				margin: 10px 0;
				text-align: center;
				font-size: 18px;
				font-weight: 700;
				display: -webkit-inline-box;
				display: -ms-inline-flexbox;
				display: inline-flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				gap: 8px;
}
.cta-phone a {
				text-decoration: none;
				color: #000;
				display: -webkit-inline-box;
				display: -ms-inline-flexbox;
				display: inline-flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				gap: 8px;
}
.cta-phone-icon {
				width: 24px;
				/* アイコンの幅 */
				height: 24px;
				/* アイコンの高さ */
}
.cta-phone-time {
				font-size: 14px;
				font-weight: 400;
				color: #666;
}

.slick-dotted .slick-slider {
				margin-bottom: 45px;
}

.slick-dots {
				bottom: -35px;
}
.slick-dots li {
				margin: 0 3px;
}
.slick-dots li button::before {
				color: #cbcbcb;
				font-size: 12px;
				opacity: 1;
}
.slick-dots li.slick-active button::before {
				color: #fe6a82;
				opacity: 1;
}

.twentytwenty-handle {
				border-color: black;
				border-width: 1px;
				height: 28px;
				margin-left: -16.5px;
				top: 75%;
				width: 28px;
}

.twentytwenty-horizontal .twentytwenty-handle::before,
.twentytwenty-horizontal .twentytwenty-handle::after {
				width: 2px;
				left: calc(50% + 2px);
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
				border: 0;
				margin-top: 0;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
}

.twentytwenty-left-arrow {
				background: url(../images/eye/icon_handle_left_black.svg) no-repeat no-repeat center center;
				height: 16px;
				margin-left: -11px;
				width: 7px;
}

.twentytwenty-right-arrow {
				background: url(../images/eye/icon_handle_right_black.svg) no-repeat no-repeat center center;
				height: 16px;
				margin-right: -11px;
				width: 7px;
}

.twentytwenty-horizontal .twentytwenty-handle::before {
				margin-bottom: 17px;
}

.twentytwenty-horizontal .twentytwenty-handle::after {
				margin-top: 17px;
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
				background: black;
				width: 1px;
}

#eye-nav .section-inner {
				width: 900px;
				padding: 0;
}
@media (width <= 599px) {
				#eye-nav .section-inner {
								width: 100%;
				}
}

.eye-nav-list {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
}
.eye-nav-list-item {
				border-bottom: 1px solid #98a1b5;
				border-right: 1px solid #98a1b5;
				font-size: clamp(15px, 4vw, 20px);
				font-weight: 700;
				width: 25%;
				height: 70px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
}
@media (width <= 959px) {
				.eye-nav-list-item {
								font-size: 4vw;
				}
}
@media (width <= 599px) {
				.eye-nav-list-item {
								width: 50%;
				}
}
.eye-nav-list-item a {
				background: url(../images/eye/icon_arrow_down.svg) no-repeat center right min(10px, 2.4vw);
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				padding: 15px 40px 15px 15px;
				font-size: 16px;
				height: 100%;
				width: 100%;
}
@media (width <= 959px) {
				.eye-nav-list-item a {
								font-size: 2vw;
				}
}
@media (width <= 599px) {
				.eye-nav-list-item a {
								font-size: 1rem;
				}
}
.eye-nav-list-item a:hover {
				background-color: var(--swl-color_hov_gray);
}
@media (width >= 960px) {
				.eye-nav-list-item:nth-of-type(5), .eye-nav-list-item:nth-of-type(6), .eye-nav-list-item:nth-of-type(7), .eye-nav-list-item:nth-of-type(8) {
								border-bottom: 0;
				}
}
.eye-nav-list-item:nth-of-type(4), .eye-nav-list-item:nth-of-type(8) {
				border-right: 0;
}
@media (width <= 599px) {
				.eye-nav-list-item:nth-of-type(7), .eye-nav-list-item:nth-of-type(8) {
								border-bottom: 0 !important;
				}
}
.eye-nav-list-item:nth-of-type(4n) {
				border-right: 0;
}
.eye-nav-list-item:nth-of-type(n+5) {
				border-bottom: 0;
}
@media (width <= 599px) {
				.eye-nav-list-item:nth-of-type(n+5) {
								border-bottom: 1px solid #98a1b5;
				}
}
@media (width <= 599px) {
				.eye-nav-list-item:nth-of-type(even) {
								border-right: 0;
				}
}

.eye-box {
				margin-top: 16px;
				padding: 15px;
				border: 2px solid #fff;
				border-radius: 24px;
}
@media (width <= 599px) {
				.eye-box {
								margin-top: 40px;
								padding: 6px;
				}
}
.eye-box-inner {
				padding: 42px 26px 40px;
				background-color: #fff;
				border-radius: 18px;
				position: relative;
}
@media (width <= 599px) {
				.eye-box-inner {
								padding: 42px 20px 24px;
				}
}
.eye-box-num {
				background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #d66c7d), to(#6c333c));
				background: linear-gradient(to bottom, #d66c7d 35%, #6c333c);
				-webkit-background-clip: text;
				        background-clip: text;
				left: 30px;
				font-family: "Butler", serif;
				font-size: 100px;
				line-height: 1;
				position: absolute;
				top: -0.55em;
}
@media (width <= 599px) {
				.eye-box-num {
								left: 10px;
				}
}
.eye-box-name {
				background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #d66c7d), to(#6c333c));
				background: linear-gradient(to bottom, #d66c7d 35%, #6c333c);
				-webkit-background-clip: text;
				        background-clip: text;
				font-size: 40px;
				font-family: "Hedvig Letters Serif", serif;
				line-height: 1.3;
				position: absolute;
				top: -0.8em;
				right: 30px;
}
@media (width <= 599px) {
				.eye-box-name {
								font-size: 32px;
				}
}
.eye-box-header {
				margin-bottom: 1em;
				text-align: center;
}
.eye-box-type {
				background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #d66c7d), to(#6c333c));
				background: linear-gradient(to bottom, #d66c7d 35%, #6c333c);
				-webkit-background-clip: text;
				        background-clip: text;
				font-family: "Hedvig Letters Serif", serif;
				font-size: 24px;
				line-height: 1;
				margin: auto;
				position: absolute;
				top: -0.5em;
				left: 0;
				right: 0;
				text-align: center;
}
@media (width <= 959px) {
				.eye-box-type {
								top: -0.6em;
				}
}
.eye-box-subtitle {
				margin: 0 auto 0.5em;
				max-width: 100%;
				width: 350px;
				border-bottom: 2px solid #ceb384;
				color: #000;
				font-size: 16px;
				padding-bottom: 0.25em;
}
@media (width <= 599px) {
				.eye-box-subtitle {
								width: 100%;
								margin-bottom: 0 auto 0.5em;
				}
}
@media (width >= 960px) {
				.eye-box-container {
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
								-webkit-column-gap: 0.5em;
								   -moz-column-gap: 0.5em;
								        column-gap: 0.5em;
								-webkit-box-pack: justify;
								    -ms-flex-pack: justify;
								        justify-content: space-between;
				}
}
@media (width <= 959px) {
				.eye-box-container {
								-webkit-box-align: start;
								    -ms-flex-align: start;
								        align-items: flex-start;
				}
}
@media (width >= 960px) {
				.eye-box-textarea {
								-webkit-box-flex: 1;
								    -ms-flex: 1;
								        flex: 1;
				}
}
.eye-box-title {
				font-size: 32px;
				font-weight: 400;
				line-height: 1.2;
}
.eye-box-title .c-highlight {
				font-weight: 400;
}
.eye-box-image {
				margin: 0;
}
@media (width <= 599px) {
				.eye-box-image {
								margin: 1em 0;
				}
}
.eye-box-text {
				font-size: 16px;
				line-height: 1.5;
				margin: 0 0 1.5em;
}
@media (width <= 599px) {
				.eye-box-text {
								font-size: 14px;
								line-height: 1.3;
								margin: 1em 0;
				}
}

.simplebar-track {
				background: #ededed;
				border: 1px solid transparent;
				border-radius: 0;
				height: 15px !important;
				bottom: 0;
}
.simplebar-track .simplebar-scrollbar::before {
				background-color: var(--color-green);
				border: 0;
				border-radius: 0;
				height: 11px !important;
				margin-left: 0;
				margin-top: 0;
				top: 1px;
				left: 1px;
}
.simplebar-track .simplebar-scrollbar.simplebar-visible::before {
				opacity: 1;
}

#eye-menu .eye-box-inner {
				padding: 36px 23px;
}
@media (width <= 959px) {
				#eye-menu .eye-box-inner {
								padding: 28px 20px 24px;
				}
}
#eye-menu .eye-box-header {
				margin-bottom: 1.5em;
}
#eye-menu .eye-box-subtitle {
				font-size: 20px;
}
#eye-menu .eye-box-text {
				line-height: 1.5;
}
#eye-menu-list .section-inner {
				padding: 0 0 80px;
				width: 900px;
}
@media (width <= 599px) {
				#eye-menu-list .section-inner {
								padding: 0 0 40px;
								width: 100%;
				}
}

.eye-menu-subtitle {
				top: -1em;
				background-color: #271d18;
				border-radius: 100vh;
				color: #fff;
				font-size: 20px;
				font-weight: 700;
				margin: auto;
				max-width: 100%;
				padding: 5px 15px;
				position: absolute;
				left: 0;
				right: 0;
				text-align: center;
				width: 344px;
}
@media (width <= 959px) {
				.eye-menu-subtitle {
								top: -1.25em;
				}
}
.eye-menu-subtitle::before {
				content: "";
				border: 12px solid transparent;
				border-top: 12px solid #271d18;
				margin-left: -12px;
				position: absolute;
				top: 100%;
				left: 50%;
}
.eye-menu-title {
				padding: 12px 0;
				line-height: 0;
				text-align: center;
}
@media (width <= 959px) {
				.eye-menu-title {
								padding: 20px 5%;
				}
}
@media (width <= 599px) {
				.eye-menu-title {
								padding: 0;
				}
}
.eye-menu-title img {
				max-width: 100%;
				width: 778px;
				height: auto;
}
@media (width <= 959px) {
				.eye-menu-title img {
								width: 100%;
				}
}

.eye-tips {
				background: linear-gradient(125deg, #faeded, #ebbcbc);
				border: 4px solid #fff;
				-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
				        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
				overflow: hidden;
				position: relative;
				padding: 20px;
}
@media (width <= 959px) {
				.eye-tips {
								border-width: 3px;
								padding: 8px;
				}
}
.eye-tips-inner {
				padding: 35px 45px;
				border: 2px solid #fff;
				overflow: hidden;
}
@media (width <= 959px) {
				.eye-tips-inner {
								padding: 15px 20px;
								border-width: 3px;
				}
}
@media (width <= 599px) {
				.eye-tips-inner {
								padding: 8px;
				}
}
.eye-tips-title {
				color: #ff3052;
				font-family: "Zen Maru Gothic", serif;
				font-weight: 700;
				line-height: 1.4;
				position: relative;
				z-index: 2;
				font-size: 32px;
				margin-bottom: 0.35em;
				width: 100%;
}
@media (width <= 959px) {
				.eye-tips-title {
								font-size: 20px;
								margin-bottom: 0.25em;
								width: 55%;
				}
}
.eye-tips-text {
				font-size: 16px;
				line-height: 1.5;
				width: 100%;
				position: relative;
				z-index: 2;
}
@media (width <= 959px) {
				.eye-tips-text {
								font-size: clamp(11px, 3.1vw, 14px);
								line-height: 1.4;
								width: 55%;
				}
}
.eye-tips-image {
				height: 100%;
				position: absolute;
				bottom: 0;
}
.eye-tips-image img {
				height: 100%;
				width: auto;
}

.icon-underline {
				position: relative;
}
.icon-underline::after {
				content: url(../images/eye/icon_underline_double.svg);
				position: absolute;
				bottom: -35px;
				left: 16px;
				-webkit-transform: scale(1.2);
				        transform: scale(1.2);
				z-index: 1;
}
@media (width <= 959px) {
				.icon-underline::after {
								-webkit-transform: scale(1);
								        transform: scale(1);
								bottom: -30px;
								left: -10px;
				}
}
.icon-marker {
				position: relative;
}
.icon-marker::after {
				content: url(../images/eye/icon_underline_marker.svg);
				position: absolute;
				bottom: -25px;
				left: -2px;
				z-index: 1;
				-webkit-transform: scale(1.3);
				        transform: scale(1.3);
}
@media (width <= 959px) {
				.icon-marker::after {
								bottom: -20px;
								left: -20px;
								-webkit-transform: scale(1);
								        transform: scale(1);
				}
}

#eye-is {
				background: url(../images/eye/logo_vertical@2x.webp) no-repeat top -100px left -106px/229px 918px, url(../images/eye/bg_effect_sp.webp) no-repeat top left/cover;
}
@media (width >= 960px) {
				#eye-is {
								background: url(../images/liposuction/logo_vertical@2x.webp) no-repeat top -100px left calc((100vw - 980px) / 2 - 150px)/229px 918px, url(../images/liposuction/bg_effect_pc.webp) no-repeat top left/cover;
				}
}
#eye-is .eye-box {
				margin-top: 20px;
}
#eye-is .eye-box-inner {
				padding: 15px;
}

@media (width >= 960px) {
				.modal-video-close-btn {
								top: -45px;
				}
}

/* ********************** */
/* ********************** */
/* 以下、編集・追加箇所 */
/* ********************** */
/* ********************** */
.ttl-bg {
				border: 1px solid black;
				padding: 0.1em 0.2em;
				background: white;
				-webkit-box-shadow: 5px 5px 0 var(--color-green);
				        box-shadow: 5px 5px 0 var(--color-green);
				margin-right: 0.5em;
}
@media (width <= 959px) {
				.ttl-bg {
								font-size: 2rem;
								-webkit-box-shadow: 7px 7px 0 var(--color-green);
								        box-shadow: 7px 7px 0 var(--color-green);
				}
}
@media (width <= 599px) {
				.ttl-bg {
								font-size: 1.4rem;
								-webkit-box-shadow: 4px 4px 0 var(--color-green);
								        box-shadow: 4px 4px 0 var(--color-green);
				}
}

.ttl-script {
				font-family: "Grape Nuts", serif;
}

.eye-logo {
				position: absolute;
				z-index: 0;
}

/* CTA */
.eye-cta-1 {
				background: #F0E7FF;
				background: -webkit-gradient(linear, left bottom, left top, from(rgb(240, 231, 255)), to(rgb(255, 255, 255)));
				background: linear-gradient(0deg, rgb(240, 231, 255) 0%, rgb(255, 255, 255) 100%);
}
@media (width <= 599px) {
				.eye-cta-1 {
								margin-top: 4%;
				}
}
.eye-cta-2 {
				background: #F0E7FF;
				background: -webkit-gradient(linear, left bottom, left top, from(rgb(240, 231, 255)), to(rgb(255, 255, 255)));
				background: linear-gradient(0deg, rgb(240, 231, 255) 0%, rgb(255, 255, 255) 100%);
}
@media (width <= 599px) {
				.eye-cta-4 {
								margin-top: 5%;
				}
}
@media (width <= 599px) {
				.eye-cta-8 {
								margin-top: 2%;
				}
}
.eye-cta-8 .cta {
				padding-top: 0;
}

/* ******************************************************** */
/* このようなお悩みありませんか？ / problem */
/* ******************************************************** */
.eye-problem .section-inner {
				width: 100%;
				padding: 0;
}
.eye-problem-wrapper {
				background-image: url(../images/eye/problem_bg_pc.webp);
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				padding-top: 40px;
}
@media (width <= 599px) {
				.eye-problem-wrapper {
								padding: 15% 5% 0;
				}
}
.eye-problem-container {
				margin: auto;
				max-width: var(--max-width-inner);
				width: 484px;
				padding-bottom: 0;
}
.eye-problem-header {
				margin-bottom: 1.5em;
				padding: 0 10px;
				position: relative;
				z-index: 2;
}
@media (width <= 599px) {
				.eye-problem-header {
								padding: 0;
				}
}
.eye-problem-title {
				font-size: 24px;
				font-weight: 700;
}
.eye-problem-title .highlight {
				display: inline-block;
				line-height: 1.3;
				position: relative;
				color: var(--color-1);
}
.eye-problem-title .highlight::after {
				content: "";
				background: #D9BCFF;
				background: linear-gradient(45deg, rgb(217, 188, 255) 0%, rgb(243, 220, 255) 100%);
				display: block;
				height: 100%;
				position: absolute;
				top: 5px;
				left: 5px;
				width: 100%;
				z-index: 1;
}
.eye-problem-title .highlight-in {
				background: #fff;
				border: 1px solid #271D18;
				display: inline-block;
				padding: 0 5px;
				position: relative;
				z-index: 2;
}
.eye-problem-title .highlight-in-in {
				background: linear-gradient(106deg, #BA86FF 0%, #7308FE 100%);
				background-clip: text;
				-webkit-background-clip: text;
				display: inline-block;
				-webkit-text-fill-color: transparent;
}
.eye-problem .section-content {
				position: relative;
				padding: 0 10px 87px 0;
}
@media (width <= 599px) {
				.eye-problem .section-content {
								padding: 0 10px 27px 0;
				}
}
.eye-problem-list {
				position: relative;
				z-index: 2;
}
.eye-problem-list-item {
				font-size: 14px;
				margin-bottom: 0.5em;
				margin-left: 30px;
				text-indent: -30px;
}
.eye-problem-list-item:last-of-type {
				margin-bottom: 0;
}
.eye-problem-list-item::before {
				content: "";
				background: url(../images/eye/icon_check.svg) no-repeat center center/18px 18px;
				display: inline-block;
				height: 18px;
				margin-right: 12px;
				vertical-align: middle;
				width: 18px;
}
.eye-problem-list-item .highlight {
				background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, var(--color-2)));
				background: linear-gradient(transparent 60%, var(--color-2) 60%);
				color: var(--color-1);
				font-size: 16px;
				font-weight: 700;
				padding-bottom: 0.2em;
}
.eye-problem-figure {
				position: absolute;
				bottom: 0;
				right: 5px;
				z-index: 1;
				width: 188px;
}
@media (width <= 959px) {
				.eye-problem-figure {
								width: 37%;
				}
}
@media (width <= 599px) {
				.eye-problem-figure {
								width: 37%;
								right: 120px;
				}
}
.eye-problem-figure img {
				vertical-align: bottom;
}
.eye-problem-after {
				position: relative;
}
.eye-problem-after-bg img {
				height: auto;
				width: 100%;
}
.eye-problem-after-text {
				font-size: 20px;
				font-weight: 700;
				position: absolute;
				top: 50%;
				left: 0;
				text-align: center;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
				width: 100%;
}
.eye-problem-after-text span {
				font-size: 24px;
}
.eye-problem-postscript {
				width: 800px;
				margin: 20px auto;
}
@media (width <= 959px) {
				.eye-problem-postscript {
								width: 100%;
								padding: 0 5%;
				}
}
.eye-problem-postscript-text {
				font-size: 16px;
}
.eye-problem-postscript-text .c-highlight {
				background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, var(--color-2)));
				background: linear-gradient(transparent 60%, var(--color-2) 60%);
}

/* ******************************************************** */
/* 目頭切開とは / about */
/* ******************************************************** */
.eye-about {
				margin-top: 0;
				overflow: hidden;
				position: relative;
				background-image: url(../images/eye/bg_1_pc.webp);
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
}
@media (width <= 599px) {
				.eye-about {
								background-image: url(../images/eye/bg_1_sp.webp);
				}
}
.eye-about .eye-logo {
				position: relative;
				top: -34px;
				z-index: 0;
				width: 727px;
				margin-inline: auto;
}
@media (width <= 599px) {
				.eye-about .eye-logo {
								width: 300%;
								left: -5%;
				}
}
.eye-about .section-header {
				margin-bottom: 0;
}
.eye-about .section-header h2 {
				position: absolute;
				top: 50px;
				left: 50%;
				-webkit-transform: translateX(-50%);
				        transform: translateX(-50%);
				font-size: 24px;
				font-weight: 700;
				line-height: 1;
}
.eye-about .section-header h2 span {
				border: 1px solid #271D18;
				background: white;
				display: inline-block;
				padding: 6px 3px;
}
.eye-about-head {
				background: #A797FF;
				background: -webkit-gradient(linear, left top, right top, from(rgb(167, 151, 255)), to(rgb(225, 170, 252)));
				background: linear-gradient(90deg, rgb(167, 151, 255) 0%, rgb(225, 170, 252) 100%);
				color: white;
				font-size: 32px;
				font-weight: bold;
				line-height: 1.3;
				padding-block: 0.8em;
				-webkit-transform: rotate(-2deg);
				        transform: rotate(-2deg);
				width: 105%;
				margin: -40px 0 0 -2%;
				overflow: hidden;
}
@media (width <= 959px) {
				.eye-about-head {
								font-size: clamp(1.5rem, 0.875rem + 2.67vw, 1.875rem);
				}
}
@media (width <= 599px) {
				.eye-about-head {
								margin-top: -70px;
								font-size: 1.45rem;
				}
}
.eye-about-head .section-inner {
				padding: 0 0 0 2em;
}
@media (width <= 959px) {
				.eye-about-head .section-inner {
								padding: 0 0 0 7%;
				}
}
@media (width <= 599px) {
				.eye-about-head .section-inner {
								padding: 0 0 0 5%;
				}
}
.eye-about-head p {
				background: url(../images/eye/about_icon_1.svg) no-repeat left center/76px;
				padding-left: 2.5em;
				display: inline-block;
				text-align: left;
}
@media (width <= 959px) {
				.eye-about-head p {
								padding-left: 2em;
								background: url(../images/eye/about_icon_1.svg) no-repeat left center/50px;
				}
}
@media (width <= 599px) {
				.eye-about-head p {
								padding-left: 10%;
								background: url(../images/eye/about_icon_1.svg) no-repeat left center/35px;
				}
}
.eye-about-inner {
				padding: 0 0 60px;
				width: 1176px;
}
@media (961px < width < 1025px) {
				.eye-about-inner {
								width: 98%;
								padding-inline: 1%;
				}
}
@media (width <= 959px) {
				.eye-about-inner {
								padding: 0;
								width: 100%;
								margin: 0;
				}
}
@media (width <= 599px) {
				.eye-about-inner .section-content {
								width: 92%;
								margin-inline: auto;
				}
}
.eye-about .eye-about-block {
				width: 800px;
				margin: 23px auto 0;
				background: white;
				padding: 4em 2em 2em;
}
@media (width <= 959px) {
				.eye-about .eye-about-block {
								width: 100%;
								padding: 1em;
				}
}
@media (width <= 599px) {
				.eye-about .eye-about-block {
								padding: 5%;
				}
}
.eye-about .eye-about-block-head {
				position: relative;
}
.eye-about .eye-about-block-head-text-1 {
				width: 57%;
				color: var(--color-1);
				font-size: 20px;
				font-weight: 700;
				padding-left: 45px;
}
@media (width <= 959px) {
				.eye-about .eye-about-block-head-text-1 {
								width: 55%;
								padding-left: 4%;
				}
}
@media (width <= 599px) {
				.eye-about .eye-about-block-head-text-1 {
								padding: 0;
								font-size: 1.1rem;
								position: relative;
								z-index: 2;
				}
}
.eye-about .eye-about-block-head-text-2 {
				margin-top: 1.8em;
				width: 57%;
				padding-left: 45px;
}
@media (width <= 959px) {
				.eye-about .eye-about-block-head-text-2 {
								width: 55%;
								padding-left: 4%;
				}
}
@media (width <= 599px) {
				.eye-about .eye-about-block-head-text-2 {
								padding: 0;
								margin-top: 5%;
								position: relative;
								z-index: 2;
				}
}
.eye-about .eye-about-block-head-text-3 {
				margin-top: 1.8em;
				padding-inline: 45px;
}
@media (width <= 959px) {
				.eye-about .eye-about-block-head-text-3 {
								width: 100%;
								padding-left: 4%;
				}
}
@media (width <= 599px) {
				.eye-about .eye-about-block-head-text-3 {
								padding: 0;
								width: 100%;
								margin-top: 5%;
				}
}
.eye-about .eye-about-block-head-obj {
				position: absolute;
				bottom: -80px;
				right: -90px;
				width: 55%;
				z-index: 1;
}
@media (width <= 959px) {
				.eye-about .eye-about-block-head-obj {
								width: 45%;
				}
}
@media (width <= 599px) {
				.eye-about .eye-about-block-head-obj {
								width: 70%;
								right: -10%;
								bottom: -50px;
				}
}
.eye-about .eye-about-block-head-obj img {
				width: 100%;
				vertical-align: bottom;
}
.eye-about-box {
				border: 2px solid var(--color-5);
				background: #FFF3F3;
				background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 243, 243)), to(rgb(255, 255, 255)));
				background: linear-gradient(0deg, rgb(255, 243, 243) 0%, rgb(255, 255, 255) 100%);
				padding: 2em;
				position: relative;
				z-index: 2;
				margin-top: 1.3em;
				-webkit-box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25);
				        box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25);
}
@media (width <= 599px) {
				.eye-about-box {
								padding: 4% 2%;
								width: 96vw;
								margin-left: -7vw;
				}
}
.eye-about-step {
				margin-top: 30px;
}
@media (width <= 599px) {
				.eye-about-step {
								margin-top: 5%;
								padding: 0 2% 8%;
				}
}
.eye-about-step h3 {
				background: var(--color-2);
				color: var(--color-1);
				font-size: 32px;
				font-weight: 700;
				display: inline-block;
				line-height: 1;
				padding: 0.3em 0;
				text-align: center;
				width: 100%;
}
@media (width <= 959px) {
				.eye-about-step h3 {
								width: 70%;
								margin-inline: auto;
								display: block;
				}
}
@media (width <= 599px) {
				.eye-about-step h3 {
								font-size: 1.8rem;
								width: 100%;
								padding: 2%;
				}
}
.eye-about-step-block {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				margin-top: 22px;
}
@media (width <= 959px) {
				.eye-about-step-block {
								display: block;
				}
}
.eye-about-step-block-item {
				width: 34%;
}
@media (width <= 959px) {
				.eye-about-step-block-item {
								width: 70%;
								margin: 0 auto;
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-pack: center;
								    -ms-flex-pack: center;
								        justify-content: center;
				}
}
@media (width <= 599px) {
				.eye-about-step-block-item {
								width: 100%;
				}
}
.eye-about-step-block-head {
				font-size: 16px;
				font-family: var(--font-family-alata);
				font-weight: 400;
				color: white;
				line-height: 1;
				height: 50px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				margin-bottom: 18px;
}
@media (width <= 959px) {
				.eye-about-step-block-head {
								height: auto;
								-webkit-box-pack: center;
								    -ms-flex-pack: center;
								        justify-content: center;
								-webkit-box-align: start;
								    -ms-flex-align: start;
								        align-items: flex-start;
								margin-bottom: 0;
								width: 13%;
				}
}
.eye-about-step-block-head div span {
				font-size: 24px;
				font-family: var(--font-family-afacad);
				display: block;
}
@media (960px < width < 1025px) {
				.eye-about-step-block-head div span {
								display: inline-block;
								margin-left: 5px;
				}
}
.eye-about-step-box {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
}
@media (width <= 959px) {
				.eye-about-step-box {
								-webkit-box-flex: 1;
								    -ms-flex: 1;
								        flex: 1;
								padding-left: 10px;
				}
}
.eye-about-step-box dl {
				width: 200px;
}
@media (width <= 959px) {
				.eye-about-step-box dl {
								width: 70%;
				}
}
@media (width <= 599px) {
				.eye-about-step-box dl {
								width: 60%;
				}
}
.eye-about-step-box dl dt {
				font-family: var(--font-family-marugo);
				font-size: 24px;
				font-weight: 400;
				line-height: 1;
				display: inline-block;
				padding: 4px;
				border: 1px solid var(--color-3);
				margin-bottom: 1em;
				-webkit-box-shadow: 7px 10px var(--color-6);
				        box-shadow: 7px 10px var(--color-6);
				background: white;
}
@media (961px < width < 1025px) {
				.eye-about-step-box dl dt {
								font-size: 21px;
				}
}
@media (width <= 959px) {
				.eye-about-step-box dl dt {
								font-size: 1.2em;
								-webkit-box-shadow: 3px 4px var(--color-6);
								        box-shadow: 3px 4px var(--color-6);
								margin-bottom: 4%;
				}
}
@media (width <= 599px) {
				.eye-about-step-box dl dt {
								font-size: 1.4rem;
				}
}
.eye-about-step-box dl dd {
				font-size: 14px;
}
.eye-about-step-box-pct {
				width: 150px;
				margin-left: 25px;
}
@media (width <= 959px) {
				.eye-about-step-box-pct {
								width: auto;
								-webkit-box-flex: 1;
								    -ms-flex: 1;
								        flex: 1;
								padding-left: 10px;
								margin-left: 0;
				}
}
.eye-about .eye-about-step-block-item-1 .eye-about-step-block-head {
				padding-left: 20px;
				background-image: url(../images/eye/about_step_item_1_bg_pc.svg);
				background-repeat: no-repeat;
				background-size: 100%;
				background-position: left top;
}
@media (width <= 959px) {
				.eye-about .eye-about-step-block-item-1 .eye-about-step-block-head {
								background-image: url(../images/eye/about_step_item_1_bg_sp.svg);
								aspect-ratio: 47/133;
								padding-left: 0;
								padding-top: 5%;
				}
}
.eye-about .eye-about-step-block-item-2 {
				margin-left: -1%;
}
@media (width <= 959px) {
				.eye-about .eye-about-step-block-item-2 {
								margin-left: auto;
								margin-top: -10px;
				}
}
.eye-about .eye-about-step-block-item-2 .eye-about-step-block-head {
				padding-left: 35px;
				background-image: url(../images/eye/about_step_item_2_bg_pc.svg);
				background-repeat: no-repeat;
				background-size: 100%;
				background-position: left top;
}
@media (width <= 959px) {
				.eye-about .eye-about-step-block-item-2 .eye-about-step-block-head {
								background-image: url(../images/eye/about_step_item_2_bg_sp.svg);
								padding-left: 0;
								padding-top: 8%;
								aspect-ratio: 47/148;
				}
}
.eye-about .eye-about-step-block-item-2 dl {
				padding-left: 20px;
}
@media (width <= 959px) {
				.eye-about .eye-about-step-block-item-2 dl {
								padding-left: 0;
				}
}
.eye-about .eye-about-step-block-item-3 {
				margin-left: -1%;
}
@media (width <= 959px) {
				.eye-about .eye-about-step-block-item-3 {
								margin-left: auto;
								margin-top: -10px;
				}
}
.eye-about .eye-about-step-block-item-3 .eye-about-step-block-head {
				padding-left: 35px;
				background-image: url(../images/eye/about_step_item_3_bg_pc.svg);
				background-repeat: no-repeat;
				background-size: 100%;
				background-position: left top;
}
@media (width <= 959px) {
				.eye-about .eye-about-step-block-item-3 .eye-about-step-block-head {
								background-image: url(../images/eye/about_step_item_3_bg_sp.svg);
								aspect-ratio: 47/149;
								padding-left: 0;
								padding-top: 8%;
				}
}
.eye-about .eye-about-step-block-item-3 .eye-about-step-box {
				-webkit-box-pack: end;
				    -ms-flex-pack: end;
				        justify-content: flex-end;
}
.eye-about .eye-about-step-block-item-3 dl {
				padding-left: 20px;
				width: 230px;
}
@media (width <= 959px) {
				.eye-about .eye-about-step-block-item-3 dl {
								width: 70%;
								padding-left: 0;
				}
}
@media (width <= 599px) {
				.eye-about .eye-about-step-block-item-3 dl {
								width: 60%;
				}
}

/* ******************************************************** */
/* 目頭切開で期待される変化 / change */
/* ******************************************************** */
.eye-change {
				background-image: url(../images/eye/change_bg_pc.webp);
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
}
.eye-change .section-inner {
				padding-top: 70px;
				width: 1134px;
}
@media (width < 1134px) {
				.eye-change .section-inner {
								width: 100%;
				}
}
@media (960px < width <= 1024px) {
				.eye-change .section-inner {
								width: 100%;
				}
}
@media (width <= 959px) {
				.eye-change .section-inner {
								width: 100%;
				}
}
@media (width <= 599px) {
				.eye-change .section-inner {
								padding-top: 10%;
				}
}
.eye-change .section-header {
				position: relative;
}
.eye-change .section-header h2 {
				font-size: 24px;
				font-weight: 700;
				line-height: 1;
}
.eye-change .section-header h2 span {
				border: 1px solid #271D18;
				background: white;
				display: inline-block;
				padding: 6px 3px;
				color: var(--color-1);
				-webkit-box-shadow: 7px 7px 0 var(--color-2);
				        box-shadow: 7px 7px 0 var(--color-2);
}
.eye-change .section-header p {
				font-family: var(--font-family-grapenuts);
				font-size: 48px;
				background: -webkit-gradient(linear, left bottom, left top, from(#dbc8f0), to(#f2ebfa));
				background: linear-gradient(0deg, #dbc8f0 0%, #f2ebfa 100%);
				color: transparent;
				-webkit-background-clip: text;
				        background-clip: text;
				text-fill-color: transparent;
				margin-top: -15px;
}
.eye-change-list {
				width: 1130px;
				margin: 0 auto;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
}
@media (width < 1134px) {
				.eye-change-list {
								width: 100%;
				}
}
@media (960px < width <= 1024px) {
				.eye-change-list {
								width: 100%;
								padding-inline: 0;
								margin-inline: 0;
				}
}
@media (width <= 959px) {
				.eye-change-list {
								width: 100%;
								display: block;
				}
}
.eye-change-item {
				width: 32%;
}
@media (width <= 959px) {
				.eye-change-item {
								width: 70%;
								margin: 5% auto 0;
				}
}
@media (width <= 599px) {
				.eye-change-item {
								width: 100%;
								margin: 9% auto 0;
				}
}
.eye-change-item dl {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
}
.eye-change-item dl dt {
				line-height: 1;
				font-family: var(--font-family-butler);
				font-size: 80px;
				background: -webkit-gradient(linear, left bottom, left top, from(#7308fe), to(#e6d6ff));
				background: linear-gradient(0deg, #7308fe 0%, #e6d6ff 100%);
				color: transparent;
				-webkit-background-clip: text;
				        background-clip: text;
				text-fill-color: transparent;
				vertical-align: middle;
}
@media (width <= 959px) {
				.eye-change-item dl dt {
								font-size: 4rem;
				}
}
@media (width <= 599px) {
				.eye-change-item dl dt {
								font-size: 4.5rem;
				}
}
.eye-change-item dl dd {
				line-height: 1.1;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				font-size: 20px;
				font-weight: 700;
				padding-left: 10px;
				margin-top: -15px;
}
@media (width <= 959px) {
				.eye-change-item dl dd {
								font-size: 1.1rem;
				}
}
@media (width <= 599px) {
				.eye-change-item dl dd {
								font-size: 1.4rem;
				}
}
.eye-change-item-pct img {
				width: 100%;
}
.eye-change-item-text {
				margin-top: 0.7em;
}
.eye-change-item-2 {
				width: 30%;
}
@media (width <= 959px) {
				.eye-change-item-2 {
								width: 70%;
								margin: 5% auto 0;
				}
}
@media (width <= 599px) {
				.eye-change-item-2 {
								width: 100%;
								margin: 10% auto 0;
				}
}
.eye-change-item-3 .eye-change-item-box {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
}
.eye-change-item-3 .eye-change-item-box .eye-change-item-pct {
				width: 45%;
}
@media (width <= 959px) {
				.eye-change-item-3 .eye-change-item-box .eye-change-item-pct {
								width: auto;
								-webkit-box-flex: 1;
								    -ms-flex: 1;
								        flex: 1;
								padding-right: 15px;
				}
}
.eye-change-item-3 .eye-change-item-box .eye-change-item-pct img {
				width: 100%;
}
.eye-change-item-3 .eye-change-item-box p {
				width: 55%;
}
@media (width >= 960px) {
				.eye-change-item-3 .eye-change-item-box p {
								padding-left: 1em;
				}
}

/* ******************************************************** */
/* 蒙古ひだと目頭切開の関係性とは？ / correlation */
/* ******************************************************** */
.eye-correlation {
				background-image: url(../images/eye/bg_1_pc.webp);
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
}
@media (width <= 599px) {
				.eye-correlation {
								background-image: url(../images/eye/bg_1_sp.webp);
				}
}
.eye-correlation .section-inner {
				padding-block: 80px 60px;
				width: 800px;
}
@media (width <= 959px) {
				.eye-correlation .section-inner {
								width: 100%;
								padding-block: 10% 7%;
				}
}
.eye-correlation .section-inner .section-header h2 {
				font-size: 24px;
}
.eye-correlation .section-inner .section-header h2 span {
				padding: 6px 3px;
				border: 1px solid var(--color-4);
				-webkit-box-shadow: 7px 7px 0 var(--color-2);
				        box-shadow: 7px 7px 0 var(--color-2);
}
.eye-correlation-text-1 {
				font-weight: 700;
				font-size: 20px;
}
.eye-correlation-text-2 {
				margin-top: 1em;
}
.eye-correlation-text-3 {
				margin-top: 1em;
}
.eye-correlation-text-4 {
				margin-top: 1em;
}
.eye-correlation-block {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				margin-top: 50px;
}
@media (width <= 599px) {
				.eye-correlation-block {
								display: block;
								margin-top: 10%;
				}
}
.eye-correlation-box {
				width: 47%;
				background: #FFF3F5;
				background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 243, 245)), to(rgb(255, 255, 255)));
				background: linear-gradient(0deg, rgb(255, 243, 245) 0%, rgb(255, 255, 255) 100%);
}
@media (width <= 599px) {
				.eye-correlation-box {
								width: 100%;
								margin-top: 5%;
				}
}
.eye-correlation-box-head {
				background: #D5A2F0;
				background: linear-gradient(45deg, rgb(213, 162, 240) 0%, rgb(217, 188, 255) 100%);
				position: relative;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
}
.eye-correlation-box-head-text {
				color: white;
				font-size: 20px;
				font-weight: 700;
				width: 55%;
				text-align: center;
				line-height: 1.5;
}
.eye-correlation-box-head-pct {
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				line-height: 0;
}
.eye-correlation-box-head-pct img {
				line-height: 1;
}
.eye-correlation-box-head-badge {
				position: absolute;
				top: -10px;
				left: -5px;
				color: red;
				-webkit-transform: rotate(-8deg);
				        transform: rotate(-8deg);
				font-size: 14px;
				background: white;
				border: 1px solid var(--color-4);
				padding: 2px 10px;
}
.eye-correlation-box ul {
				padding: 20px 10px;
}
.eye-correlation-box ul li {
				margin-bottom: 0.5em;
				margin-left: 30px;
				text-indent: -30px;
}
.eye-correlation-box ul li:last-of-type {
				margin-bottom: 0;
}
.eye-correlation-box ul li::before {
				content: "";
				background: url(../images/eye/icon_check.svg) no-repeat center center/18px 18px;
				display: inline-block;
				height: 18px;
				margin-right: 12px;
				vertical-align: middle;
				width: 18px;
}

/* ******************************************************** */
/* 目頭切開が提案されることのある目元タイプ / type */
/* ******************************************************** */
.eye-type {
				background-image: url(../images/eye/type_bg_pc.webp);
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
}
.eye-type .section-header {
				padding-top: 80px;
}
@media (width <= 599px) {
				.eye-type .section-header {
								padding-top: 10%;
				}
}
.eye-type .section-header h2 {
				font-size: 24px;
}
.eye-type-head {
				background: #A797FF;
				background: -webkit-gradient(linear, left top, right top, from(rgb(167, 151, 255)), to(rgb(225, 170, 252)));
				background: linear-gradient(90deg, rgb(167, 151, 255) 0%, rgb(225, 170, 252) 100%);
				color: white;
				font-size: 32px;
				font-weight: bold;
				line-height: 1.3;
				padding-block: 0.8em;
				-webkit-transform: rotate(-2deg);
				        transform: rotate(-2deg);
				width: 105%;
				margin: 60px 0 0 -2%;
}
@media (width <= 959px) {
				.eye-type-head {
								font-size: 1.7rem;
				}
}
@media (width <= 599px) {
				.eye-type-head {
								font-size: 1.5rem;
								margin-top: 5%;
				}
}
.eye-type-head .section-inner {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				width: 800px;
				position: relative;
}
@media (width <= 959px) {
				.eye-type-head .section-inner {
								padding: 0 0 0 3%;
				}
}
@media (width <= 599px) {
				.eye-type-head .section-inner {
								padding: 0 0 0 5%;
				}
}
.eye-type-head .section-inner .eye-type-head-text {
				display: inline-block;
				text-align: left;
				width: 58%;
}
@media (width <= 599px) {
				.eye-type-head .section-inner .eye-type-head-text {
								width: 46%;
				}
}
.eye-type-head .section-inner .eye-type-head-pht {
				position: absolute;
				top: -36%;
				right: 0;
				-webkit-transform: rotate(2deg);
				        transform: rotate(2deg);
}
@media (width <= 959px) {
				.eye-type-head .section-inner .eye-type-head-pht {
								top: -84%;
								right: 5%;
								width: 30%;
				}
}
@media (width <= 599px) {
				.eye-type-head .section-inner .eye-type-head-pht {
								top: -30%;
								width: 45%;
				}
}
.eye-type .section-inner-2 {
				width: 800px;
				margin: 35px auto 0;
}
@media (width <= 959px) {
				.eye-type .section-inner-2 {
								width: 100%;
								padding-inline: 5%;
				}
}
@media (width <= 599px) {
				.eye-type .section-inner-2 {
								padding-inline: 0;
				}
}
.eye-type .section-inner-2 .section-content {
				padding-inline: 0;
}
@media (width <= 959px) {
				.eye-type .section-inner-2 .section-content {
								padding-inline: 5%;
				}
}
@media (width <= 599px) {
				.eye-type .section-inner-2 .section-content {
								padding-inline: 0;
				}
}
@media (width <= 599px) {
				.eye-type-text-1 {
								padding-inline: 5%;
				}
}
.eye-type-text-2 {
				margin-top: 1em;
}
.eye-type-block {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				margin-top: 15px;
}
@media (width <= 599px) {
				.eye-type-block {
								display: block;
				}
}
.eye-type-box {
				width: 47%;
				padding: 25px 20px;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
}
@media (width <= 599px) {
				.eye-type-box {
								width: 100%;
				}
}
.eye-type-box p {
				font-size: 20px;
				color: white;
				background: -webkit-gradient(linear, left top, right top, from(rgba(149, 106, 250, 0.6)), to(rgba(217, 188, 255, 0.6)));
				background: linear-gradient(to right, rgba(149, 106, 250, 0.6), rgba(217, 188, 255, 0.6));
				padding: 0.7em;
				display: inline-block;
}
.eye-type-box ul {
				margin-top: 1em;
}
.eye-type-box ul li {
				margin-bottom: 0.5em;
				margin-left: 30px;
				text-indent: -30px;
}
.eye-type-box ul li:last-of-type {
				margin-bottom: 0;
}
.eye-type-box ul li::before {
				content: "";
				background: url(../images/eye/icon_check2.svg) no-repeat center center/18px 18px;
				display: inline-block;
				height: 18px;
				margin-right: 12px;
				vertical-align: middle;
				width: 18px;
}
.eye-type-box-1 {
				background-image: url(../images/eye/type_pht_2_pc.webp);
}
@media (width <= 959px) {
				.eye-type-box-1 {
								background-image: url(../images/eye/type_pht_2_sp.webp);
				}
}
.eye-type-box-2 {
				background-image: url(../images/eye/type_pht_3_pc.webp);
}
@media (width <= 959px) {
				.eye-type-box-2 {
								background-image: url(../images/eye/type_pht_3_sp.webp);
				}
}
.eye-type-text-2 {
				margin-top: 45px;
				text-align: center;
}
@media (width <= 599px) {
				.eye-type-text-2 {
								margin-top: 10%;
				}
}
.eye-type-text-2 span {
				-webkit-transform: rotate(90deg);
				        transform: rotate(90deg);
				display: block;
}
.eye-type-text-3 {
				width: 330px;
				margin: 15px auto 0;
				background: white;
				border-radius: 10px;
				padding: 0.7em;
				text-align: center;
				font-weight: 700;
				position: relative;
}
.eye-type-text-3::after {
				position: absolute;
				top: 100%;
				left: 50%;
				-webkit-transform: translateX(-50%);
				        transform: translateX(-50%);
				content: "";
				display: inline-block;
				width: 0;
				height: 0;
				border-left: 8px solid transparent;
				border-right: 8px solid transparent;
				border-top: 16px solid white;
				/* ←下向きの三角 */
}

/* ******************************************************** */
/* 目と目のバランスが変わると、顔の印象にも変化が生まれることが / balance */
/* ******************************************************** */
.eye-balance {
				background-image: url(../images/eye/balance_bg_pc.webp);
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
}
@media (width <= 599px) {
				.eye-balance {
								background-image: url(../images/eye/balance_bg_sp.webp);
				}
}
.eye-balance .section-inner {
				padding-top: 80px;
}
@media (width <= 599px) {
				.eye-balance .section-inner {
								padding-top: 10%;
				}
}
.eye-balance .section-header h2 {
				font-size: 24px;
}
.eye-balance .section-header h2 .highlight {
				display: inline-block;
				line-height: 1.3;
				position: relative;
				color: var(--color-1);
}
.eye-balance .section-header h2 .highlight::after {
				content: "";
				background: #D9BCFF;
				background: linear-gradient(45deg, rgb(217, 188, 255) 0%, rgb(243, 220, 255) 100%);
				display: block;
				height: 100%;
				position: absolute;
				top: 5px;
				left: 5px;
				width: 100%;
				z-index: 1;
}
.eye-balance .section-header h2 .highlight-in {
				background: #fff;
				border: 1px solid #271D18;
				display: inline-block;
				padding: 0 5px;
				position: relative;
				z-index: 2;
}
.eye-balance .section-header h2 .highlight-in-in {
				display: inline-block;
				padding: 3px 1px;
}
.eye-balance .section-header .eye-balance-text-6 {
				font-size: 20px;
				margin-top: 30px;
				font-weight: 700;
}
.eye-balance .section-header .eye-balance-text-6 span {
				background: rgba(186, 134, 255, 0.5);
				color: white;
				padding: 5px;
}
.eye-balance-block {
				width: 730px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				margin: 70px auto 0;
}
@media (width <= 959px) {
				.eye-balance-block {
								width: 100%;
								margin-top: 8%;
				}
}
@media (width <= 599px) {
				.eye-balance-block {
								display: block;
				}
}
.eye-balance-pct {
				width: 46%;
}
@media (width <= 599px) {
				.eye-balance-pct {
								width: 100%;
				}
}
.eye-balance-box {
				width: 46%;
}
@media (width <= 599px) {
				.eye-balance-box {
								width: 100%;
								margin-top: 4%;
				}
}
.eye-balance-box-inner {
				border-radius: 24px;
				border: 2px solid white;
				padding: 10px;
}
.eye-balance-text-1 {
				background: white;
				border-radius: 18px;
				padding: 15px;
}
.eye-balance-text-2 {
				margin-top: 1em;
}
@media (width <= 599px) {
				.eye-balance-text-2 {
								display: none;
				}
}
.eye-balance-text-3 {
				margin-top: 1em;
}
.eye-balance-text-4 {
				display: none;
}
@media (width <= 599px) {
				.eye-balance-text-4 {
								display: block;
								margin-top: 6%;
								border-radius: 24px;
								border: 2px solid white;
								padding: 10px;
				}
}
.eye-balance-text-4 p {
				background: white;
				border-radius: 18px;
				padding: 15px;
}
.eye-balance-text-5 {
				display: none;
}
@media (width <= 599px) {
				.eye-balance-text-5 {
								font-size: 1rem !important;
								font-weight: normal !important;
								display: block;
								margin-top: 5%;
				}
}

/* ******************************************************** */
/* 目頭切開の特徴 / feature */
/* ******************************************************** */
.eye-feature {
				background-image: url(../images/eye/bg_1_pc.webp);
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
}
.eye-feature .section-inner {
				padding-top: 70px;
				width: 800px;
				margin: 0 auto;
}
@media (width <= 959px) {
				.eye-feature .section-inner {
								padding-top: 10%;
								width: 100%;
				}
}
.eye-feature .section-header h2 {
				font-size: 24px;
}
.eye-feature .section-header h2 .highlight {
				display: inline-block;
				line-height: 1.3;
				position: relative;
				color: var(--color-1);
}
.eye-feature .section-header h2 .highlight::after {
				content: "";
				background: #D9BCFF;
				background: linear-gradient(45deg, rgb(217, 188, 255) 0%, rgb(243, 220, 255) 100%);
				display: block;
				height: 100%;
				position: absolute;
				top: 5px;
				left: 5px;
				width: 100%;
				z-index: 1;
}
.eye-feature .section-header h2 .highlight-in {
				background: #fff;
				border: 1px solid #271D18;
				display: inline-block;
				padding: 0 5px;
				position: relative;
				z-index: 2;
}
.eye-feature .section-header h2 .highlight-in-in {
				display: inline-block;
				padding: 3px 1px;
}
.eye-feature .section-header p {
				font-size: 20px;
				margin-top: 30px;
				font-weight: 700;
}
.eye-feature .section-header p span {
				background: rgba(186, 134, 255, 0.5);
				color: white;
}
.eye-feature .section-content h3 {
				color: white;
				font-size: 20px;
				margin-top: 60px;
				background: #D9BCFF;
				background: -webkit-gradient(linear, left top, left bottom, from(rgb(217, 188, 255)), to(rgb(213, 162, 240)));
				background: linear-gradient(180deg, rgb(217, 188, 255) 0%, rgb(213, 162, 240) 100%);
				text-align: center;
				padding: 0.4em;
}
@media (width <= 599px) {
				.eye-feature .section-content h3 {
								margin-top: 10%;
				}
}
.eye-feature-block-1 {
				margin-top: 30px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
}
@media (width <= 599px) {
				.eye-feature-block-1 {
								display: block;
								margin-top: 2%;
				}
}
.eye-feature-block-1 .eye-feature-pct {
				width: 53%;
}
@media (width <= 599px) {
				.eye-feature-block-1 .eye-feature-pct {
								width: 100%;
				}
}
.eye-feature-block-1 .eye-feature-box {
				width: 42%;
}
@media (width <= 599px) {
				.eye-feature-block-1 .eye-feature-box {
								width: 100%;
								margin-top: 5%;
				}
}
.eye-feature-block-1 .eye-feature-box p + p {
				margin-top: 1em;
}
.eye-feature-text-1 {
				margin-top: 1.5em;
}
.eye-feature-block-2 ul {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
}
@media (width <= 599px) {
				.eye-feature-block-2 ul {
								display: block;
				}
}
.eye-feature-item {
				width: 43%;
				margin-top: 40px;
}
@media (width <= 959px) {
				.eye-feature-item {
								width: 48%;
				}
}
@media (width <= 599px) {
				.eye-feature-item {
								width: 100%;
								margin-top: 8%;
				}
}
.eye-feature-item-box {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
}
.eye-feature-item-box h4 {
				padding-left: 10px;
}
.eye-feature-item-box h4 span {
				-webkit-box-shadow: 5px 5px 0 var(--color-7);
				        box-shadow: 5px 5px 0 var(--color-7);
				border: 1px solid var(--color-1);
				padding: 1px 5px;
				font-size: 20px;
				font-weight: 700;
				background: #FFFFFF;
				background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(239, 230, 243)));
				background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(239, 230, 243) 100%);
				display: inline-block;
				margin-bottom: 5px;
}
.eye-feature-item p {
				margin-top: 0.2em;
}
@media (width <= 599px) {
				.eye-feature-item p {
								margin-top: -10px;
				}
}
.eye-feature-num {
				font-family: var(--font-family-butler);
				font-size: 100px;
				background: -webkit-gradient(linear, left bottom, left top, from(#ff6b6b), to(#ecc6ff));
				background: linear-gradient(0deg, #ff6b6b 0%, #ecc6ff 100%);
				color: transparent;
				-webkit-background-clip: text;
				        background-clip: text;
				text-fill-color: transparent;
				line-height: 1;
}

/* ******************************************************** */
/* 目頭切開が選ばれる理由 / reason */
/* ******************************************************** */
.eye-reason {
				background: #F9F2FF;
}
.eye-reason .section-inner {
				padding-top: 70px;
				width: 800px;
				margin: 0 auto;
}
@media (width <= 599px) {
				.eye-reason .section-inner {
								padding: 10% 3% 5%;
								width: 100%;
				}
}
.eye-reason .section-header {
				z-index: 1;
				position: relative;
}
@media (width <= 599px) {
				.eye-reason .section-header {
								margin-bottom: 0;
				}
}
.eye-reason .section-header h2 {
				font-size: 24px;
}
@media (width <= 599px) {
				.eye-reason .section-header h2 {
								font-size: 1.6rem;
				}
}
.eye-reason .section-header h2 .highlight {
				display: inline-block;
				line-height: 1.3;
				position: relative;
				color: var(--color-1);
}
.eye-reason .section-header h2 .highlight::after {
				content: "";
				background: #D9BCFF;
				background: linear-gradient(45deg, rgb(217, 188, 255) 0%, rgb(243, 220, 255) 100%);
				display: block;
				height: 100%;
				position: absolute;
				top: 8px;
				left: 8px;
				width: 100%;
				z-index: 1;
}
.eye-reason .section-header h2 .highlight-in {
				background: #fff;
				border: 1px solid #271D18;
				display: inline-block;
				padding: 0 5px;
				position: relative;
				z-index: 2;
}
.eye-reason .section-header h2 .highlight-in-in {
				display: inline-block;
				padding: 3px 1px;
}
.eye-reason .section-header p {
				font-family: var(--font-family-grapenuts);
				font-size: 36px;
				background: -webkit-gradient(linear, left bottom, left top, from(#dbc8f0), to(#f2ebfa));
				background: linear-gradient(0deg, #dbc8f0 0%, #f2ebfa 100%);
				color: transparent;
				-webkit-background-clip: text;
				        background-clip: text;
				text-fill-color: transparent;
				margin-top: 0;
}
.eye-reason .section-content {
				padding: 0;
}
.eye-reason-block ul {
				width: 680px;
				margin: 60px auto 0;
}
@media (width <= 959px) {
				.eye-reason-block ul {
								width: 100%;
				}
}
@media (width <= 599px) {
				.eye-reason-block ul {
								margin-top: 10%;
				}
}
.eye-reason-block ul li {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
}
.eye-reason-num {
				font-size: clamp(1rem, 0.791rem + 0.56vw, 1.125rem);
				font-family: "Afacad", serif;
				text-align: center;
				color: var(--color-1);
				line-height: 1;
				border-right: 1px solid var(--color-1);
				padding-right: 1em;
				position: relative;
}
@media (width <= 959px) {
				.eye-reason-num {
								padding: 0 2%;
								width: 15%;
				}
}
@media (width <= 599px) {
				.eye-reason-num {
								padding: 0 2% 0 0;
				}
}
.eye-reason-num:before {
				position: absolute;
				top: 0;
				right: -9px;
				content: "";
				border-radius: 50px;
				background: var(--color-1);
				width: 18px;
				height: 18px;
}
@media (width <= 959px) {
				.eye-reason-num:before {
								width: 12px;
								height: 12px;
								right: -6px;
				}
}
.eye-reason-num span {
				font-size: clamp(2.125rem, 1.497rem + 1.67vw, 2.5rem);
				display: block;
}
.eye-reason-num-last {
				border-right: none;
}
.eye-reason-box {
				padding: 0 0 3em 2em;
				margin-top: -1em;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
}
@media (width <= 959px) {
				.eye-reason-box {
								padding: 0 3% 2em 5%;
				}
}
@media (width <= 599px) {
				.eye-reason-box {
								padding: 0 0 2em 3%;
				}
}
.eye-reason-box h3 {
				font-size: 21px;
}
@media (width <= 959px) {
				.eye-reason-box h3 {
								font-size: 1.2rem;
				}
}
@media (width <= 599px) {
				.eye-reason-box h3 {
								font-size: 1.5rem;
				}
}
.eye-reason-box h3 span {
				background: white;
				padding: 0.2em;
				border: 1px solid var(--color-1);
}
.eye-reason-box-inner {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				margin-top: 1em;
}
@media (width <= 599px) {
				.eye-reason-box-inner {
								display: block;
				}
}
.eye-reason-box-text {
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				padding-left: 1.5em;
				font-size: 14px;
}
@media (width <= 599px) {
				.eye-reason-box-text {
								-webkit-box-flex: 1;
								    -ms-flex: auto;
								        flex: auto;
								width: 100%;
								margin-top: 4%;
								padding-left: 0;
				}
}
.eye-reason-pht {
				width: 50%;
}
@media (width <= 599px) {
				.eye-reason-pht {
								width: 100%;
				}
}
.eye-reason-pht img {
				width: 100%;
}
.eye-reason-text-1 {
				font-size: 20px;
				font-weight: 700;
				margin-top: 40px;
				text-align: center;
}
@media (width <= 599px) {
				.eye-reason-text-1 {
								margin-top: 1%;
				}
}
.eye-reason-text-2 {
				margin-top: 50px;
}
@media (width <= 599px) {
				.eye-reason-text-2 {
								margin-top: 7%;
				}
}
.eye-reason-text-3 {
				margin-top: 1.5em;
}

/* ******************************************************** */
/* 痛みへの配慮 × 医師の技術力で安心して受けられる二重整形を / anesthesia */
/* ******************************************************** */
.eye-anesthesia {
				position: relative;
				background-position: top -15px left calc((100vw - 980px) / 2 - 25px), top 5px center, top left;
				background: url(../images/common/logo_vertical.webp) no-repeat top -18px left -81px/auto 708px, url(../images/eye/img_anesthesia_iconic@2x.webp) no-repeat top 5px center/227px 186px, -webkit-gradient(linear, left top, right top, from(#DEF2FF), to(#F8EAFF));
				background: url(../images/common/logo_vertical.webp) no-repeat top -18px left -81px/auto 708px, url(../images/eye/img_anesthesia_iconic@2x.webp) no-repeat top 5px center/227px 186px, linear-gradient(90deg, #DEF2FF 0%, #F8EAFF 100%);
}
.eye-anesthesia .section-inner {
				padding: 60px 0 30px;
				width: 720px;
				margin-inline: auto;
}
@media (width <= 959px) {
				.eye-anesthesia .section-inner {
								width: 100%;
								padding: 10% 0 5%;
				}
}
.eye-anesthesia .section-header {
				margin-bottom: 60px;
				text-align: center;
}
.eye-anesthesia .section-header h2 {
				font-size: 24px;
				font-weight: 700;
}
.eye-anesthesia .section-header h2 .eye-anesthesia-subtitle {
				font-size: 20px;
}
.eye-anesthesia .section-header h2 .highlight {
				display: inline-block;
				line-height: 1.2;
				position: relative;
}
.eye-anesthesia .section-header h2 .highlight::after {
				content: "";
				display: block;
				height: 100%;
				position: absolute;
				top: 5px;
				left: 5px;
				width: 100%;
				z-index: 1;
}
.eye-anesthesia .section-header h2 .highlight.local ::after {
				background: linear-gradient(100deg, #49ADFF 0%, #AADDFF 100%);
}
.eye-anesthesia .section-header h2 .highlight.intravenous ::after {
				background: linear-gradient(100deg, #826FFF 0%, #CAB3FF 100%);
}
.eye-anesthesia .section-header h2 .highlight-in {
				background-color: #fff;
				border: 1px solid #271D18;
				display: inline-block;
				padding: 0 2px;
				position: relative;
				z-index: 2;
}
.eye-anesthesia .section-content {
				padding: 0;
}
@media (width <= 599px) {
				.eye-anesthesia .section-content {
								padding-inline: 4%;
				}
}
.eye-anesthesia-container {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
}
@media (width <= 599px) {
				.eye-anesthesia-container {
								display: block;
				}
}
.eye-anesthesia-box {
				width: 49%;
				border: 2px solid #fff;
				border-radius: 24px;
				margin-bottom: 12px;
				padding: 8px;
				position: relative;
				z-index: 3;
}
@media (width <= 599px) {
				.eye-anesthesia-box {
								width: 100%;
								margin-top: 5%;
				}
}
.eye-anesthesia-box-inner {
				background-color: #fff;
				border-radius: 20px;
				overflow: hidden;
}
.eye-anesthesia-box-header {
				position: relative;
}
.eye-anesthesia-box-header img {
				display: block;
				height: auto;
				width: 100%;
}
.eye-anesthesia-box-title {
				color: #fff;
				font-size: 24px;
				font-weight: 700;
				line-height: 1;
				position: absolute;
				top: 50%;
				left: 16px;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
}
.eye-anesthesia-box-content {
				padding: 14px;
}
.eye-anesthesia-box-text {
				font-size: 16px;
}
.eye-anesthesia-note {
				font-size: 12px;
				margin-bottom: 1.5em;
				padding-left: 22px;
}
.eye-anesthesia-cta-balloon {
				position: relative;
				background-color: #fff;
				color: #271D18;
				font-size: 16px;
				font-weight: 500;
				max-width: 663px;
				border-radius: 10px;
				margin: 15px auto 21px;
				padding: 20px 28px;
				text-align: left;
}
@media (width <= 599px) {
				.eye-anesthesia-cta-balloon {
								width: 330px;
				}
}
.eye-anesthesia-cta-balloon::after {
				position: absolute;
				top: 100%;
				left: 50%;
				-webkit-transform: translateX(-50%);
				        transform: translateX(-50%);
				content: "";
				display: inline-block;
				width: 0;
				height: 0;
				border-left: 8px solid transparent;
				border-right: 8px solid transparent;
				border-top: 16px solid white;
}

#eye-anesthesia {
				background-position: top -15px left calc((100vw - 980px) / 2 - 25px), top 5px center, top left;
}

/* ******************************************************** */
/* 症例 / case */
/* ******************************************************** */
#eye-case {
				background-color: #FCF7FF;
}

.eye-case .section-inner {
				width: 375px;
				margin-inline: auto;
}
@media (width <= 599px) {
				.eye-case .section-inner {
								width: 100%;
								padding: 10% 0 5%;
				}
}
.eye-case-header {
				margin-bottom: 1em;
				text-align: center;
}
@media (width <= 599px) {
				.eye-case-header {
								margin-bottom: 0;
				}
}
.eye-case-title {
				font-size: 24px;
				font-weight: 700;
				line-height: 1.35;
}
.eye-case-title .highlight {
				display: inline-block;
				line-height: 1.2;
				margin-right: 5px;
				position: relative;
}
.eye-case-title .highlight::after {
				content: "";
				background: #D9BCFF;
				background: linear-gradient(45deg, rgb(217, 188, 255) 0%, rgb(243, 220, 255) 100%);
				display: block;
				height: 100%;
				position: absolute;
				top: 5px;
				left: 5px;
				width: 100%;
				z-index: 1;
}
.eye-case-title .highlight-in {
				background-color: #fff;
				border: 1px solid #271D18;
				color: var(--color-1);
				display: inline-block;
				padding: 1px 2px;
				position: relative;
				z-index: 2;
}
.eye-case-title-en {
				margin-top: -15px;
				position: relative;
				z-index: 1;
}
@media (width <= 599px) {
				.eye-case-title-en {
								width: 80%;
								margin-inline: auto;
				}
}
.eye-case .section-content {
				padding-left: 0;
				padding-right: 0;
}
.eye-case-box {
				background: -webkit-gradient(linear, left top, left bottom, from(#F9F2FF), color-stop(49.3%, #F9F2FF), color-stop(49.3%, #fff), to(#fff));
				background: linear-gradient(180deg, #F9F2FF 0%, #F9F2FF 49.3%, #fff 49.3%, #fff 100%);
				border-radius: 20px;
				padding: 60px 0 25px;
				position: relative;
}
.eye-case-box-title-en {
				color: #fff;
				font-family: var(--font-family-grapenuts);
				font-size: 48px;
				line-height: 1;
				position: absolute;
				top: 0;
				left: 0;
				-webkit-transform: rotate(-10deg);
				        transform: rotate(-10deg);
				-webkit-transform-origin: right;
				        transform-origin: right;
}
.eye-case-box-header {
				margin-bottom: 25px;
				text-align: center;
				position: relative;
				z-index: 2;
}
.eye-case-box-subtitle {
				font-family: var(--font-family-marugo);
				font-size: 20px;
				font-weight: 700;
}
.eye-case-box-subtitle .highlight {
				background: var(--color-1);
				color: #fff;
				padding: 1px 2px;
}
.eye-case-box-title {
				font-size: 24px;
				font-weight: 700;
}
.eye-case-box-title .dots {
				background-image: radial-gradient(circle at center, #BA86FF 20%, transparent 20%);
				background-position: top -1px right;
				background-repeat: repeat-x;
				background-size: 1em 0.3em;
				display: inline-block;
				line-height: 2;
}
.eye-case-box-title .marker {
				position: relative;
}
.eye-case-box-title .marker::after {
				content: "";
				background: url(../images/doubleburial/icon_underline_marker.svg) no-repeat bottom center/100% auto;
				display: block;
				height: 16px;
				position: absolute;
				bottom: -6px;
				left: -12px;
				width: 167px;
				z-index: 1;
}
.eye-case-box-title .marker-in {
				position: relative;
				z-index: 2;
}
.eye-case-box-slider-item {
				border: 1px solid #271D18;
				margin: 0 27.5px;
				padding: 9px;
				position: relative;
}
.eye-case-box-slider-item-caption {
				font-family: var(--font-family-grapenuts);
				font-size: 40px;
				height: 50px;
				line-height: 1;
				position: absolute;
				-webkit-transform: rotate(-7deg);
				        transform: rotate(-7deg);
				z-index: 1;
}
.eye-case-box-slider-item-caption.before {
				background-color: #F9F2FF;
				color: #8E89A0;
				top: -32px;
				left: -14px;
}
.eye-case-box-slider-item-caption.after {
				background-color: #fff;
				color: var(--color-1);
				bottom: -37px;
				right: -7px;
}
.eye-case-box-slider-item img {
				display: block;
				height: auto;
				position: relative;
				width: 100%;
				z-index: 2;
}
.eye-case-box-content {
				color: #271D18;
				font-size: 12px;
				margin: 35px auto 0;
				max-width: 100%;
				position: relative;
				width: 320px;
				z-index: 2;
}

/* ******************************************************** */
/* 目頭切開と組み合わせるオススメの施術 / set */
/* ******************************************************** */
#eye-set {
				background: url(../images/eye/set_bg_pc.webp) no-repeat top center/cover;
}
@media (width <= 599px) {
				#eye-set {
								background: url(../images/eye/set_bg_sp.webp) no-repeat top center/cover;
				}
}
#eye-set .section-inner {
				width: 730px;
				margin-inline: auto;
				padding-block: 90px 120px;
}
@media (width <= 599px) {
				#eye-set .section-inner {
								width: 100%;
								padding-block: 10%;
				}
}
#eye-set .section-content {
				padding-inline: 0;
}
.eye-set-title {
				font-size: 24px;
				font-weight: 700;
}
.eye-set-title .highlight {
				display: inline-block;
				line-height: 1.3;
				position: relative;
				color: var(--color-1);
}
.eye-set-title .highlight::after {
				content: "";
				background: linear-gradient(106deg, #FFA1B3 0%, #FFD8C6 100%);
				display: block;
				height: 100%;
				position: absolute;
				top: 5px;
				left: 5px;
				width: 100%;
				z-index: 1;
}
.eye-set-title .highlight-in {
				background: #fff;
				border: 1px solid #271D18;
				display: inline-block;
				padding: 0 5px;
				position: relative;
				z-index: 2;
}
.eye-set-title .highlight-in-in {
				background: linear-gradient(106deg, #FF53DA 0%, #FF6B6B 100%);
				background-clip: text;
				-webkit-background-clip: text;
				display: inline-block;
				-webkit-text-fill-color: transparent;
}
.eye-set-subtitle {
				font-size: 20px;
}
.eye-set-section {
				margin-top: 0;
				max-width: 47%;
				overflow: hidden;
				width: 340px;
}
@media (width <= 599px) {
				.eye-set-section {
								width: 100%;
								max-width: initial;
				}
}
.eye-set .eye-set-container {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				row-gap: 40px;
}
@media (width <= 599px) {
				.eye-set .eye-set-container {
								display: block;
				}
}
.eye-set-box {
				background-color: #fff;
				height: 100%;
}
@media (width <= 599px) {
				.eye-set-box {
								height: auto;
				}
}
.eye-set-box-title {
				font-size: 24px;
				font-weight: 700;
				padding: 6px;
				text-align: center;
}
.eye-set-box-title-subtitle {
				font-size: 16px;
				font-weight: 700;
				margin-bottom: 0.25em;
				text-align: center;
}
.eye-set-box-content {
				padding: 18px;
}
@media (width <= 599px) {
				.eye-set-box-content {
								padding: 5% 5% 7%;
				}
}
.eye-set-box-figure {
				margin-bottom: 10px;
				text-align: center;
}
.eye-set-box-textarea {
				font-size: 16px;
				margin-bottom: 10px;
}
.eye-set-box-btnarea {
				text-align: center;
}
.eye-set-balloon {
				border-radius: 10px;
				font-size: 16px;
				margin: 15px auto 21px;
				max-width: 330px;
				padding: 15px 10px;
				position: relative;
				text-align: center;
}
.eye-set-balloon::before {
				content: "";
				border-style: solid;
				border-width: 16px 8px 0 8px;
				position: absolute;
				bottom: 0;
				left: 50%;
				translate: -50% 100%;
}
.eye-set-balloon .highlight {
				font-weight: 700;
}
.eye-set-btn {
				border: 0;
				border-radius: 8px;
				-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
				        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
				color: #fff;
				display: block;
				font-size: 20px;
				font-weight: 700;
				line-height: 1.2;
				margin: auto;
				padding: 6px 6px 3px;
				position: relative;
				text-align: center;
				width: 280px;
}
@media (width <= 959px) {
				.eye-set-btn {
								width: 100%;
				}
}
.eye-set-btn::before {
				content: "";
				border-radius: 6px;
				display: block;
				height: calc(100% - 6px);
				position: absolute;
				top: 3px;
				left: 3px;
				width: calc(100% - 6px);
				z-index: 1;
}
.eye-set-btn span {
				border-radius: 3px;
				display: block;
				padding: 12px 22px 15px;
				position: relative;
				z-index: 2;
}
.eye-set-btn::after {
				content: "";
				background: url(../images/doubleburial/icon_arrow_r_wh.svg) no-repeat center center/13px 18px;
				height: 18px;
				position: absolute;
				top: 50%;
				right: 15px;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
				width: 13px;
				z-index: 3;
}

#eye-set-double .eye-set-balloon {
				background-color: #FBF4FF;
}
#eye-set-double .eye-set-balloon::before {
				border-color: #FBF4FF transparent transparent;
}
#eye-set-double .eye-set-balloon .highlight {
				color: #FF53DA;
}
#eye-set-double .eye-set-box {
				background-color: #FBF4FF;
}
#eye-set-double .eye-set-box-title {
				background-color: #F6DEF5;
				color: #FF53DA;
}
#eye-set-double .eye-set-btn {
				background: -webkit-gradient(linear, left top, left bottom, from(#FE64DE), to(#F7DEFF));
				background: linear-gradient(180deg, #FE64DE 0%, #F7DEFF 100%);
}
#eye-set-double .eye-set-btn::before {
				background: -webkit-gradient(linear, left top, left bottom, from(#FFECE1), color-stop(47%, #F4D4C1), to(transparent));
				background: linear-gradient(180deg, #FFECE1 0%, #F4D4C1 47%, transparent 100%);
}
#eye-set-double .eye-set-btn span {
				background: -webkit-gradient(linear, left top, left bottom, from(#FE64DE), to(#F7DEFF));
				background: linear-gradient(180deg, #FE64DE 0%, #F7DEFF 100%);
}

#eye-set-darkcircles .eye-set-balloon {
				background-color: #FFF3EC;
}
#eye-set-darkcircles .eye-set-balloon::before {
				border-color: #FFF3EC transparent transparent;
}
#eye-set-darkcircles .eye-set-balloon .highlight {
				color: #FF6B6B;
}
#eye-set-darkcircles .eye-set-box {
				background-color: #FFF1EC;
}
#eye-set-darkcircles .eye-set-box-title {
				background-color: #FFD8C6;
				color: #FF6B6B;
}
#eye-set-darkcircles .eye-set-btn {
				background: -webkit-gradient(linear, left top, left bottom, from(#FE9F7F), to(#FCC9AA));
				background: linear-gradient(180deg, #FE9F7F 0%, #FCC9AA 100%);
}
#eye-set-darkcircles .eye-set-btn::before {
				background: -webkit-gradient(linear, left top, left bottom, from(#FFECE1), color-stop(47%, #F4D4C1), to(transparent));
				background: linear-gradient(180deg, #FFECE1 0%, #F4D4C1 47%, transparent 100%);
}
#eye-set-darkcircles .eye-set-btn span {
				background: -webkit-gradient(linear, left top, left bottom, from(#FE9F7F), to(#FCC9AA));
				background: linear-gradient(180deg, #FE9F7F 0%, #FCC9AA 100%);
}

/* ******************************************************** */
/* モニター募集 / RECRUIT */
/* ******************************************************** */
#p-member {
				background-color: #FFEEF1;
}

#p-member .section-inner {
				padding-bottom: 60px;
}
@media (width >= 960px) {
				#p-member .section-inner {
								padding-bottom: 30px;
								width: 600px;
				}
}

.p-member-subtitle {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				font-family: var(--font-family-marugo);
				font-size: 16px;
				font-weight: 700;
				line-height: 2;
}
@media (width >= 960px) {
				.p-member-subtitle {
								font-size: 32px;
				}
}

.p-member-subtitle::before {
				content: url(../images/lipfillers/icon_slash_left.svg);
				margin-right: 5px;
}

.p-member-subtitle::after {
				content: url(../images/lipfillers/icon_slash_right.svg);
				margin-left: 5px;
}

.p-member-title {
				color: #D66C7D;
				font-size: 28px;
				font-weight: 700;
				line-height: 1.2;
				text-align: center;
}
@media (width >= 960px) {
				.p-member-title {
								font-size: 48px;
								position: relative;
								z-index: 2;
				}
}

.p-member-title-en {
				color: transparent;
				font-family: var(--font-family-grapenuts);
				font-size: 48px;
				margin-top: -20px;
				text-align: center;
				-webkit-text-stroke: 1px #D799A3;
}
@media (width >= 960px) {
				.p-member-title-en {
								font-size: 96px;
								margin-top: -55px;
								position: relative;
								z-index: 1;
				}
}

.p-member-banner {
				margin-bottom: 25px;
				text-align: center;
}
@media (width >= 960px) {
				.p-member-banner {
								margin-bottom: 40px;
								width: -webkit-fit-content;
								width: -moz-fit-content;
								width: fit-content;
				}
}
@media (width <= 959px) {
				.p-member-banner {
								width: 70%;
								margin-inline: auto;
				}
}
@media (width <= 599px) {
				.p-member-banner {
								width: 100%;
				}
}
@media (width >= 960px) {
				.p-member-banner a {
								-webkit-transition: 0.2s ease-in-out;
								transition: 0.2s ease-in-out;
				}
}
@media (width >= 960px) {
				.p-member-banner a:hover {
								opacity: 0.8;
								-webkit-transition: 0.2s ease-in-out;
								transition: 0.2s ease-in-out;
				}
}
.p-member-banner img {
				width: 100%;
}
@media (width >= 960px) {
				.p-member-banner img {
								display: block;
				}
}

.p-member-banner-btn {
				background: -webkit-gradient(linear, left top, left bottom, from(#C63052), color-stop(50%, #E53251), to(#AF132E));
				background: linear-gradient(180deg, #C63052 0%, #E53251 50%, #AF132E 100%);
				color: #fff;
				font-size: 20px;
				font-weight: 700;
				margin-top: -10px;
				padding: 5px;
				position: relative;
				text-align: center;
}
@media (width >= 960px) {
				.p-member-banner-btn {
								font-size: 24px;
								margin-top: 0;
				}
}

.p-member-tagline {
				font-size: 14px;
				margin-bottom: 1.5em;
				text-align: center;
}

.p-member-tagline .emphasis {
				font-size: 16px;
				font-weight: 700;
}

.p-member-tagline .highlight {
				background-color: #fff;
				border: 1px solid var(--color-red);
				color: var(--color-red);
				font-size: 19px;
				font-weight: 700;
}

.p-member-text {
				font-size: 14px;
				margin-bottom: 1em;
}
@media (width >= 960px) {
				.p-member-text {
								margin: 0 auto 1.5em;
				}
}
.p-member-text strong {
				border-bottom: 2px solid #ff3052;
				font-weight: 700;
}

.p-member-tips {
				background-color: #fff;
				padding: 10px;
}
@media (width >= 960px) {
				.p-member-tips {
								padding: 10px 15px;
				}
}

.p-member-tips-list-item {
				font-size: 12px;
				margin-left: 1em;
				text-indent: -1em;
}
@media (width >= 960px) {
				.p-member-tips-list-item {
								font-size: 16px;
				}
}

.p-member-tips-list-item.noindent {
				margin-left: 0;
				text-indent: 0;
}

/* ******************************************************** */
/* 料金 / PRICE */
/* ******************************************************** */
.eye-price {
				background: #F0E7FF;
				background: -webkit-gradient(linear, left bottom, left top, from(rgb(240, 231, 255)), to(rgb(255, 255, 255)));
				background: linear-gradient(0deg, rgb(240, 231, 255) 0%, rgb(255, 255, 255) 100%);
}
.eye-price .section-inner {
				width: 950px;
}
@media (width <= 959px) {
				.eye-price .section-inner {
								width: 100%;
				}
}

@media (width <= 599px) {
				.eye-price .section-content {
								padding: 0;
				}
}

.eye-price-payment-box-item {
				text-align: center;
}

.eye-price-payment-box-name {
				border-bottom: 1px solid #000;
				font-size: clamp(13px, 3.5vw, 16px);
				line-height: 1.2;
				margin-bottom: 0.5em;
				padding-bottom: 5px;
}
@media (width <= 599px) {
				.eye-price-payment-box-name {
								font-size: 0.9rem;
				}
}

.eye-price-payment-box-item.grid-2 .eye-price-payment-box-name {
				margin-bottom: 0.5em;
}
@media (width <= 959px) {
				.eye-price-payment-box-item.grid-2 .eye-price-payment-box-name {
								margin-bottom: 1.25em;
				}
}

.eye-price-payment-box-item.grid-5 .eye-price-payment-box-name {
				margin-bottom: 0.5em;
}
@media (width <= 959px) {
				.eye-price-payment-box-item.grid-5 .eye-price-payment-box-name {
								margin-bottom: 1.25em;
				}
}

.eye-price-table .recommended {
				position: relative;
}

.eye-price-table .recommended .badge {
				position: absolute;
				top: 5px;
				/* デフォルトの縦位置 */
				left: -20px;
				/* 横位置 */
				background-color: #d66c7d;
				color: #ffffff;
				font-size: 12px;
				font-weight: bold;
				padding: 6px 14px;
				-webkit-transform: rotate(-15deg);
				        transform: rotate(-15deg);
				z-index: 10;
				-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
				        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
				white-space: nowrap;
				border-radius: 4px;
}

@media (width <= 599px) {
				.eye-price-table .recommended .badge {
								top: -3px !important;
								font-size: 10px !important;
				}
}

#eye-price {
				background-image: url(../images/liposuction/bg_price_pc.webp);
}
@media (width <= 599px) {
				#eye-price {
								background-image: none !important;
				}
}

.eye-price-box {
				padding: 24px;
}
@media (width <= 959px) {
				.eye-price-box {
								padding: 0;
				}
}

.eye-price-table {
				table-layout: fixed;
				width: 100%;
				border-collapse: separate;
				border-spacing: 5px;
}

.eye-price-table th,
.eye-price-table td {
				text-align: center;
				vertical-align: middle;
				line-height: 1.4;
}
@media (width <= 959px) {
				.eye-price-table th,
				.eye-price-table td {
								line-height: 1.1;
				}
}

.eye-price-table th {
				font-size: 20px;
				padding: 16px 6px;
				font-weight: 700;
}
@media (width <= 959px) {
				.eye-price-table th {
								padding: 8px 2px;
								font-size: 16px;
				}
}

.eye-price-table td {
				font-size: clamp(12px, 3vw, 14px);
				font-weight: 700;
				padding: 12px 2px;
}
@media (width <= 959px) {
				.eye-price-table td {
								padding: 12px 1em;
				}
}

.eye-price-table thead th {
				color: #fff;
				font-size: clamp(1.25rem, 0.831rem + 1.11vw, 1.5rem);
				padding: 1em;
}
@media (width <= 599px) {
				.eye-price-table thead th {
								font-size: 0.9rem;
								padding: 1em 0.2em;
				}
}

.eye-price-table thead tr th:nth-of-type(1) {
				background-color: #8E89A0;
				color: white;
}
@media (width >= 960px) {
				.eye-price-table thead tr th:nth-of-type(1) {
								width: 45%;
				}
}

.eye-price-table thead tr th:nth-of-type(2) {
				background-color: #F9F2FF;
				color: #BA86FF;
}

.eye-price-table thead tr th:nth-of-type(3) {
				background-color: #F3ECE2;
				color: #CEB384;
}

.eye-price-table tbody tr td {
				background: white;
				padding: 1em 0.2em;
				font-size: 1.5rem;
}
@media (width <= 599px) {
				.eye-price-table tbody tr td {
								padding: 1em 0.2em;
								font-size: 0.85rem;
				}
}
.eye-price-table tbody tr td em {
				font-style: normal;
}
@media (width <= 599px) {
				.eye-price-table tbody tr td em {
								font-size: 0.75rem;
								font-style: normal;
				}
}

.eye-price-table tbody tr td:nth-of-type(1) {
				font-weight: normal;
				font-size: clamp(1.25rem, 0.831rem + 1.11vw, 1.5rem);
}
@media (width <= 599px) {
				.eye-price-table tbody tr td:nth-of-type(1) {
								font-size: 0.85rem;
				}
}

.eye-price-table tbody tr td:nth-of-type(1) span {
				font-size: clamp(0.875rem, 0.666rem + 0.56vw, 1rem);
				display: block;
				line-height: 1.5;
}
@media (width <= 599px) {
				.eye-price-table tbody tr td:nth-of-type(1) span {
								font-size: 0.6rem;
				}
}

.eye-price-table tbody tr td:nth-of-type(2) {
				color: #271d18;
				font-weight: normal;
}

.eye-price-table tbody tr td:nth-of-type(2) .c-price {
				font-size: clamp(1.625rem, 0.997rem + 1.67vw, 2rem);
}
@media (width <= 599px) {
				.eye-price-table tbody tr td:nth-of-type(2) .c-price {
								font-size: 1rem;
				}
}

.eye-price-table tbody tr td:nth-of-type(2) .c-unit {
				font-size: clamp(0.875rem, 0.666rem + 0.56vw, 1rem);
}
@media (width <= 599px) {
				.eye-price-table tbody tr td:nth-of-type(2) .c-unit {
								font-size: 0.6rem;
				}
}

.eye-price-table tbody tr td:nth-of-type(3) .c-price {
				font-size: clamp(1.625rem, 0.997rem + 1.67vw, 2rem);
				color: var(--color-gold);
}
@media (width <= 599px) {
				.eye-price-table tbody tr td:nth-of-type(3) .c-price {
								font-size: 0.85rem;
				}
}

.eye-price-table tbody tr td:nth-of-type(3) .c-unit {
				font-size: clamp(0.875rem, 0.666rem + 0.56vw, 1rem);
				color: var(--color-gold);
}
@media (width <= 599px) {
				.eye-price-table tbody tr td:nth-of-type(3) .c-unit {
								font-size: 0.6rem;
				}
}

.eye-price-table tbody tr td:nth-of-type(4) .c-price {
				color: #CEB384;
				font-size: clamp(1.625rem, 0.997rem + 1.67vw, 2rem);
}
@media (width <= 599px) {
				.eye-price-table tbody tr td:nth-of-type(4) .c-price {
								font-size: 0.85rem;
				}
}

.eye-price-table tbody tr td:nth-of-type(4) .c-unit {
				font-size: clamp(0.875rem, 0.666rem + 0.56vw, 1rem);
				color: #CEB384;
}
@media (width <= 599px) {
				.eye-price-table tbody tr td:nth-of-type(4) .c-unit {
								font-size: 0.6rem;
				}
}

.eye-price-table-campaign {
				background-color: #ffebee;
				padding: 6px 0;
				margin-top: 5px;
				text-align: center;
}

.eye-price-table-campaign-name {
				color: var(--color-red);
				display: block;
				font-weight: 700;
				letter-spacing: -0.05em;
				margin-bottom: 0;
}
@media (width <= 959px) {
				.eye-price-table-campaign-name {
								display: block;
								margin-bottom: 3px;
				}
}
@media (width <= 599px) {
				.eye-price-table-campaign-name {
								font-size: clamp(9px, 2.7vw, 11px);
				}
}

.eye-price-table-campaign-desc {
				display: inline-block;
				font-size: 12px;
				letter-spacing: -0.05em;
}
@media (width <= 959px) {
				.eye-price-table-campaign-desc {
								display: block;
								font-size: clamp(9px, 2.4vw, 10px);
				}
}

.eye-price-table-campaign-price {
				color: var(--color-red);
				margin-top: 4px;
}

.eye-price-tips {
				background-color: #eeeeee;
				font-size: 16px;
				font-weight: 500;
				padding: 15px 20px;
				margin-top: 1em;
}
@media (width <= 959px) {
				.eye-price-tips {
								font-size: 15px;
								padding: 20px;
				}
}
@media (width <= 599px) {
				.eye-price-tips {
								font-size: 0.9rem;
				}
}

.eye-price-tips p {
				margin-left: 1em;
				text-indent: -1em;
}

.eye-price-payment {
				margin-top: 60px;
				padding-bottom: 25px;
}
@media (width <= 959px) {
				.eye-price-payment {
								margin-top: 40px;
				}
}

.eye-price-payment-title {
				font-size: 24px;
				margin-bottom: 1em;
				text-align: center;
}
@media (width <= 959px) {
				.eye-price-payment-title {
								font-size: clamp(1.063rem, 0.749rem + 0.84vw, 1.25rem);
				}
}

.eye-price-payment-box {
				border: 2px solid #fff;
				padding: 10px;
}

@media (width >= 960px) {
				.eye-price-payment-box-image {
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
								-webkit-box-pack: center;
								    -ms-flex-pack: center;
								        justify-content: center;
								height: 70px;
				}
}
@media (width >= 960px) {
				.eye-price-payment-box-image img {
								display: block;
				}
}

.eye-price-payment-box-inner {
				background-color: #fff;
				padding: 25px 15px;
}

.eye-price-payment-box-container {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				-webkit-column-gap: 20px;
				   -moz-column-gap: 20px;
				        column-gap: 20px;
}
@media (width <= 959px) {
				.eye-price-payment-box-container {
								display: -ms-grid;
								display: grid;
								-webkit-column-gap: 10px;
								   -moz-column-gap: 10px;
								        column-gap: 10px;
								-ms-grid-columns: 1fr 10px 1fr 10px 1fr;
								grid-template-columns: 1fr 1fr 1fr;
								-ms-grid-rows: 1fr 1fr;
								grid-template-rows: 1fr 1fr;
				}
				.eye-price-payment-box-container > *:nth-child(1) {
								-ms-grid-row: 1;
								-ms-grid-column: 1;
				}
				.eye-price-payment-box-container > *:nth-child(2) {
								-ms-grid-row: 1;
								-ms-grid-column: 3;
				}
				.eye-price-payment-box-container > *:nth-child(3) {
								-ms-grid-row: 1;
								-ms-grid-column: 5;
				}
				.eye-price-payment-box-container > *:nth-child(4) {
								-ms-grid-row: 2;
								-ms-grid-column: 1;
				}
				.eye-price-payment-box-container > *:nth-child(5) {
								-ms-grid-row: 2;
								-ms-grid-column: 3;
				}
				.eye-price-payment-box-container > *:nth-child(6) {
								-ms-grid-row: 2;
								-ms-grid-column: 5;
				}
}

/* ******************************************************** */
/* ドクター紹介 / INTRODUCTION */
/* ******************************************************** */
#thread-introduction {
				background-image: url(../images/common/bg_introduction_pc.webp);
}
@media (width <= 959px) {
				#thread-introduction {
								background-image: url(../images/common/bg_introduction_sp.webp);
				}
}
#thread-introduction .section-inner {
				margin: auto;
				max-width: var(--max-width-inner);
				padding: 40px 0;
				width: 950px;
}
@media (width <= 959px) {
				#thread-introduction .section-inner {
								width: 100%;
				}
}
@media (width <= 599px) {
				#thread-introduction .section-inner {
								padding: 5%;
								max-width: initial;
				}
}

.thread-introduction-container {
				-webkit-column-gap: 20px;
				   -moz-column-gap: 20px;
				        column-gap: 20px;
				margin-bottom: 30px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
}
@media (width <= 959px) {
				.thread-introduction-container {
								-webkit-column-gap: 10px;
								   -moz-column-gap: 10px;
								        column-gap: 10px;
								margin-bottom: 10px;
				}
}

.thread-introduction-portrait {
				max-width: inherit;
				padding-left: 25px;
				width: 404px;
				line-height: 0;
}
@media (width <= 959px) {
				.thread-introduction-portrait {
								max-width: 50%;
								width: 30%;
								padding-left: 0;
				}
}
@media (width <= 599px) {
				.thread-introduction-portrait {
								width: 50%;
				}
}

.thread-introduction-info {
				padding-bottom: 20px;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
}
@media (width <= 959px) {
				.thread-introduction-info {
								padding-bottom: 0;
				}
}

.thread-introduction-name-en {
				color: #545454;
				font-size: 16px;
				line-height: 1.5;
				font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
}
@media (width <= 959px) {
				.thread-introduction-name-en {
								font-size: 14px;
								line-height: 1.2;
				}
}

.thread-introduction-name {
				font-size: 32px;
				margin-bottom: 6px;
				border-bottom: 1px solid #ceb384;
				color: #545454;
				font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
				font-weight: 700;
}
@media (width <= 959px) {
				.thread-introduction-name {
								font-size: 24px;
								margin-bottom: 3px;
				}
}

.thread-introduction-position {
				font-size: 16px;
				margin-bottom: 2em;
				color: #ceb384;
}
@media (width <= 959px) {
				.thread-introduction-position {
								font-size: 14px;
								margin-bottom: 1.25em;
				}
}

.thread-introduction-box {
				background-color: #fff;
				padding: 18px 50px;
}
@media (width <= 959px) {
				.thread-introduction-box {
								padding: 10px;
				}
}

.thread-introduction-box-title {
				font-size: 24px;
				margin-bottom: 0.5em;
				border-left: 7px solid #ceb384;
				color: #808080;
				padding-left: 10px;
}
@media (width <= 959px) {
				.thread-introduction-box-title {
								font-size: 20px;
								margin-bottom: 0.25em;
				}
}

.thread-introduction-box-list-item {
				padding-left: 7px;
}

@media (width >= 960px) {
				.thread-introduction-info .thread-introduction-box {
								padding: 18px;
				}
}

.thread-introduction-info .thread-introduction-box-list-item {
				font-size: 16px;
				line-height: 1.5;
				padding-left: 7px;
}
@media (width <= 959px) {
				.thread-introduction-info .thread-introduction-box-list-item {
								font-size: clamp(12px, 3.5vw, 14px);
								line-height: 1.2;
								padding-left: 0;
				}
}

.thread-introduction-text {
				padding: 0 2em;
}
@media (width <= 959px) {
				.thread-introduction-text {
								padding: 0;
				}
}

/* ******************************************************** */
/* コラム / COLUMN */
/* ******************************************************** */
#eye-column {
				background-image: url(../images/liposuction/bg_column_pc.webp);
				margin-top: 5em;
}
@media (width <= 599px) {
				#eye-column {
								background: url(../images/eye/bg_column_sp.webp) no-repeat top center/cover;
								margin-top: 3em;
				}
}
#eye-column .section-inner {
				padding-bottom: 40px;
				width: 875px;
}
@media (width <= 959px) {
				#eye-column .section-inner {
								width: 100%;
				}
}
#eye-column .section-header {
				margin-bottom: 3em;
}

.eye-column-slider {
				margin: 0;
}
@media (width <= 959px) {
				.eye-column-slider {
								margin: 0 20px;
				}
}
.eye-column-slider-item {
				background-color: #fff;
				margin: 0 5px;
				padding: 12px;
}
@media (width <= 959px) {
				.eye-column-slider-item {
								margin: 0 10px;
				}
}
@media (width >= 960px) {
				.eye-column-slider-item a {
								-webkit-transition: 0.25s;
								transition: 0.25s;
				}
}
@media (width >= 960px) {
				.eye-column-slider-item a:hover {
								opacity: 0.8;
								-webkit-transition: 0.25s;
								transition: 0.25s;
				}
}

@media (width >= 960px) {
				.eye-column-slider-item a:hover .column-thumbnail img {
								opacity: 0.8;
								-webkit-transform: scale(1.06);
								        transform: scale(1.06);
								-webkit-transition: 0.25s;
								transition: 0.25s;
				}
}

.column-thumbnail {
				aspect-ratio: 16/10;
				background: linear-gradient(45deg, var(--color_gradient1), var(--color_gradient2));
				overflow: hidden;
				width: 100%;
}
.column-thumbnail img {
				height: 100%;
				-o-object-fit: cover;
				   object-fit: cover;
				width: 100%;
}
@media (width >= 960px) {
				.column-thumbnail img {
								-webkit-transition: 0.25s;
								transition: 0.25s;
				}
}
.column-content {
				margin-top: 1em;
}
.column-title {
				font-size: 14px;
				font-weight: 700;
				margin-bottom: 0.5em;
}
.column-date {
				color: #333;
				font-size: 10px;
}
.column-date::before {
				content: "\e931";
				font-family: icomoon !important;
				font-style: normal;
				font-variant: normal;
				font-weight: 400;
				line-height: 1;
				margin-right: 0.25em;
				text-transform: none;
				vertical-align: middle;
}

.eye-column-slider-arrow {
				cursor: pointer;
				line-height: 0;
				position: absolute;
				top: 50%;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
				z-index: 2;
}

.eye-column-slider-arrow-prev {
				left: -45px;
}
@media (width <= 959px) {
				.eye-column-slider-arrow-prev {
								left: -35px;
				}
}

.eye-column-slider-arrow-next {
				right: -45px;
}
@media (width <= 959px) {
				.eye-column-slider-arrow-next {
								right: -35px;
				}
}

/* ******************************************************** */
/* よくある質問 / FAQ */
/* ******************************************************** */
#eye-faq .section-inner {
				width: 950px;
}
@media (width <= 959px) {
				#eye-faq .section-inner {
								width: 100%;
				}
}
#eye-faq .section-header {
				margin-bottom: 3em;
}
#eye-faq .section-header-box-inner {
				background-color: #f9e8eb;
}

.eye-faq-list dt {
				background: url(../images/eye/icon_faq_question.svg) no-repeat top 17px left 20px;
				cursor: pointer;
				font-size: 16px;
				font-weight: 700;
				padding: 15px 50px 15px 60px;
				position: relative;
}
.eye-faq-list dt::before {
				content: "";
				border-top: solid 2px #ff3052;
				height: 0;
				position: absolute;
				top: 50%;
				right: 8px;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
				width: 24px;
}
.eye-faq-list dt::after {
				content: "";
				border-right: solid 2px #ff3052;
				height: 24px;
				position: absolute;
				top: 50%;
				right: 19px;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
				width: 0;
}
.eye-faq-list dt.is-open::after {
				content: none;
}
.eye-faq-list dd {
				background: url(../images/eye/icon_faq_answer.svg) no-repeat top 17px left 20px, #ffeef1;
				display: none;
				font-size: 16px;
				padding: 15px 20px 15px 60px;
}
.eye-faq-list dd ul {
				list-style: disc;
				margin-block: 0.5em;
}

.eye-faq-list-item {
				border-bottom: 1px solid #000;
}

/* ******************************************************** */
/* アクセス / ACCESS */
/* ******************************************************** */
#thread-access .section-inner {
				width: 950px;
}
@media (width <= 959px) {
				#thread-access .section-inner {
								width: 100%;
				}
}

#thread-access .section-header-box-inner {
				background-color: #f9e8eb;
}

.thread-access-table {
				width: 100%;
}

.thread-access-table th,
.thread-access-table td {
				padding: 10px;
				vertical-align: middle;
}

.thread-access-table th {
				border-bottom: 1px solid #ceb384;
				font-weight: 500;
}
@media (width >= 960px) {
				.thread-access-table th {
								width: 25%;
				}
}

.thread-access-table td {
				border-bottom: 1px solid #dadada;
}
@media (width >= 960px) {
				.thread-access-table td {
								width: 75%;
				}
}

.thread-access-note {
				background-color: #f7f7f7;
				font-size: 12px;
				margin-top: 0.75em;
				padding: 5px 15px;
}
@media (width <= 959px) {
				.thread-access-note {
								margin: 0.75em auto 0;
								max-width: 100%;
								text-align: center;
								width: 330px;
				}
}

.thread-access-map {
				aspect-ratio: 4/3;
				margin-top: 1.25em;
}
@media (width <= 959px) {
				.thread-access-map {
								aspect-ratio: 3/2;
								margin: 2em auto 0;
								max-width: 100%;
								width: 524px;
				}
}

/* ******************************************************** */
/* 施術概要 / OVERVIEW */
/* ******************************************************** */
#eye-overview {
				background-image: url(../images/liposuction/bg_overview_pc.webp);
}
@media (width <= 959px) {
				#eye-overview {
								background: url(../images/eye/bg_overview_sp.webp) no-repeat top center/cover;
				}
}
#eye-overview .section-inner {
				padding-bottom: 60px;
				width: 950px;
}
@media (width <= 959px) {
				#eye-overview .section-inner {
								width: 100%;
				}
}
#eye-overview .section-header {
				margin-bottom: 4em;
}

.eye-overview-table {
				line-height: 1.5;
				width: 100%;
}
@media (width <= 959px) {
				.eye-overview-table {
								line-height: 1.2;
				}
}
.eye-overview-table th,
.eye-overview-table td {
				padding: 10px;
				vertical-align: middle;
}
.eye-overview-table th {
				border-bottom: 1px solid #ceb384;
				font-weight: 500;
				width: 25%;
}
@media (width <= 959px) {
				.eye-overview-table th {
								width: 35%;
				}
}
.eye-overview-table td {
				background-color: rgba(255, 255, 255, 0.3);
				border-bottom: 1px solid #dadada;
				width: 75%;
}
@media (width <= 959px) {
				.eye-overview-table td {
								width: 65%;
				}
}
.eye-overview-note {
				color: #000;
				margin: 0.5em 0 1em;
				text-align: left;
				font-size: 14px;
}
.eye-overview-attn {
				border: 1px solid black;
				font-size: 14px;
				padding: 1em;
}
.eye-overview-attn a {
				text-decoration: underline;
}
@media (width >= 960px) {
				.eye-overview-tips-list dt {
								margin-bottom: 0.25em;
				}
}
@media (width >= 960px) {
				.eye-overview-tips-list dd {
								margin-bottom: 0.25em;
				}
}

/* ******************************************************** */
/* 施術の流れ / FLOW */
/* ******************************************************** */
.eye-flow .section-inner {
				width: 950px;
}
@media (width <= 959px) {
				.eye-flow .section-inner {
								width: 94%;
								padding-inline: 0;
				}
}
@media (width <= 599px) {
				.eye-flow .section-inner {
								width: 100%;
				}
}
@media (width <= 959px) {
				.eye-flow .section-content {
								padding: 0 10px;
				}
}

.eye-flow-tips {
				background-color: #FFEEF1;
				margin-bottom: 20px;
				padding: 25px 22px;
}

.eye-flow-nav-list {
				margin-bottom: 30px;
}

.eye-flow-nav-list-item {
				background: url(../images/lipfillers/frame_flow_type2.svg) no-repeat top center;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				height: 85px;
				margin: -3px auto 0;
				padding-bottom: 18px;
				position: relative;
				text-align: center;
				width: 322px;
}

.eye-flow-nav-list-item::before {
				content: "";
				background-color: #fff;
				display: block;
				height: 4px;
				margin: auto;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				width: 150px;
				z-index: 1;
}

.eye-flow-nav-list .eye-flow-nav-list-item:nth-of-type(1) {
				background-image: url(../images/lipfillers/frame_flow_type1.svg);
				margin-top: 0;
				z-index: 6;
}

.eye-flow-nav-list .eye-flow-nav-list-item:nth-of-type(1)::before {
				content: none;
}

.eye-flow-nav-list .eye-flow-nav-list-item:nth-of-type(2) {
				z-index: 5;
}

.eye-flow-nav-list .eye-flow-nav-list-item:nth-of-type(3) {
				z-index: 4;
}

.eye-flow-nav-list .eye-flow-nav-list-item:nth-of-type(4) {
				z-index: 3;
}

.eye-flow-nav-list .eye-flow-nav-list-item:nth-of-type(5) {
				z-index: 2;
}

.eye-flow-nav-list-item-step {
				color: #D799A3;
				font-family: "Average", serif;
				font-size: 16px;
				line-height: 1.2;
				margin-bottom: 4px;
}

.eye-flow-nav-list-item-step::after {
				content: "";
				background-color: #DADADA;
				display: block;
				height: 3px;
				margin: auto;
				width: 43px;
}

.eye-flow-nav-list-item-title {
				font-size: 16px;
				font-weight: 700;
}

.eye-flow-step {
				background-color: #FFEEF1;
				margin-bottom: 20px;
				padding: 15px 5px 25px;
				position: relative;
}

.eye-flow-step-titlearea {
				background: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 130, 148, 0.5)), to(rgba(243, 0, 0, 0.5)));
				background: linear-gradient(to bottom, rgba(240, 130, 148, 0.5), rgba(243, 0, 0, 0.5));
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				height: 200px;
				position: absolute;
				top: 30px;
				left: -10px;
				text-align: center;
				width: 200px;
}

.eye-flow-step-num {
				font-family: "Average", serif;
				font-size: 80px;
				line-height: 0.9;
				position: absolute;
				top: -40px;
				text-align: center;
}

.eye-flow-step-num img {
				display: block;
				margin-right: 12px;
}

.eye-flow-step-title {
				color: #fff;
				font-size: 24px;
				font-weight: 700;
				line-height: 1.2;
}

.eye-flow-step-image {
				margin-bottom: 30px;
				margin-right: -15px;
				text-align: right;
}

.eye-flow-step-image img {
				height: auto;
				width: 290px;
}

.eye-flow-step-text {
				font-size: 16px;
				padding: 0 2em;
}

@media screen and (min-width: 600px) {
				.eye-flow-tips {
								margin-bottom: 60px;
								text-align: center;
				}
				.eye-flow-step {
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-column-gap: 1.5em;
								   -moz-column-gap: 1.5em;
								        column-gap: 1.5em;
								margin-bottom: 40px;
								padding: 15px 50px 15px 145px;
				}
				.eye-flow-step-titlearea {
								left: -15px;
				}
				.eye-flow-step-image {
								margin-top: -30px;
								margin-bottom: 0;
								margin-right: 0;
								text-align: center;
								width: 330px;
				}
				.eye-flow-step-image img {
								width: 100%;
				}
				.eye-flow-step-content {
								-ms-flex-line-pack: center;
								    align-content: center;
								-webkit-box-flex: 1;
								    -ms-flex: 1;
								        flex: 1;
				}
				.eye-flow-step .cta {
								padding: 5px 0;
				}
				.eye-flow-step-text {
								padding: 0;
				}
}
@media screen and (min-width: 600px) and (max-width: 960px) {
				.eye-flow-tips {
								padding: 25px 20px;
				}
				.eye-flow-step {
								margin-bottom: 60px;
								padding: 0 0 0 60px;
				}
				.eye-flow-step-titlearea {
								height: 160px;
								top: 15px;
								left: -30px;
								width: 160px;
				}
				.eye-flow-step-title {
								font-size: 21px;
				}
				.eye-flow-step-image {
								margin-top: -15px;
								width: 300px;
				}
				.eye-flow-step-content {
								padding: 20px;
				}
				.eye-flow-step-content .cta-button {
								font-size: 21px;
								width: 270px;
				}
}
/*# sourceMappingURL=eye.css.map */