@charset "UTF-8";

/*
--------------------------------------------------------------
    index
        root
        base
        reset
        layout
        component
        project
        utility
--------------------------------------------------------------
*/
/*---------------------------------------------------------------------------------------
--
-- :root
--
----------------------------------------------------------------------------------------*/
:root {
  --gothic: 游ゴシック medium, yu gothic medium, 游ゴシック, yu gothic, メイリオ, meiryo, ヒラギノ角ゴ pro, hiragino kaku gothic pro, sans-serif;
  --serif: YuMincho, "Yu Mincho", 游明朝, "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  --color-blue: #0086d3;
  --color-aqua-1: #e7ebf3;
  --color-aqua-2: #5ad4eb;
  --color-navy: #0272b2;
  --color-yellow: #fff100;
  --color-yellow2: #fcff00;
  --color-yellow3: #e4ba56;
  --color-red: #ff4e00;
  --color-black-1: #4c4c4c;
  --color-black-2: #453f41;
  --color-black-3: #252525;
  --color-cv-tel: #7eb6ff;
  --color-cv-web: #e67bbb;
  --color-cv-line: #48cb5e;
  --color-ocher: #a98945;
  --color-white: #ffffff;
}

/*---------------------------------------------------------------------------------------
--
-- reset
--
----------------------------------------------------------------------------------------*/
/*共通*/
a {
  cursor: pointer;
}

body a:hover {
  color: unset;
}

dl {
  margin: 0;
}

dd {
  margin: 0;
}

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

/*---------------------------------------------------------------------------------------
--
-- base
--
----------------------------------------------------------------------------------------*/
body {
  background: var(--color-aqua-1);
  font-family: var(--gothic);
  color: var(--color-black-1);
}

main,
header {
  width: min(100%, 750px) !important;
  margin: 0 auto !important;
}

main {
  background-color: var(--color-white);
}

/* spアコーディオン */
dl.accordion {
  overflow: hidden;
}

dl.accordion > dt::before {
  color: var(--color-white);
  position: absolute;
  top: 0.5em;
  left: 0.5em;
}

dl.accordion > dd {
  background: var(--color-white);
  padding: 0.5em 0.5em 0.5em 2em;
  position: relative;
  display: none;
}

dl.accordion > dd:before {
  position: absolute;
  top: 0.5em;
  left: 0.5em;
}

/*---------------------------------------------------------------------------------------
--
-- layout
--
----------------------------------------------------------------------------------------*/
/* header */

/* footer */
footer {
  padding: min(40px, calc(calc(40/750) * 100vw)) 0 min(160px, calc(calc(160/750) * 100vw)) !important;
}

footer small {
  font-size: min(20px, calc(calc(20/750) * 100vw)) !important;
}

.l-foot-subnav {
  background: var(--color-white) !important;
  padding: 0 0 min(40px, calc(calc(40/750) * 100vw)) !important;
}

/* section */
.l-section {
  /*padding: vw(100) 0 vw(90);*/
}

.l-section--worry01 {
  background: #fff0fb;
  padding-bottom: min(100px, calc(calc(100/750) * 100vw));
}

.l-section--worry02 {
  background-color: #ede9ff;
  padding-bottom: min(90px, calc(calc(90/750) * 100vw));
}

.l-section--attention {
  padding-bottom: min(80px, calc(calc(80/750) * 100vw));
}

.l-section--reason {
  background: #fef4fa;
  padding: min(80px, calc(calc(80/750) * 100vw)) 0 min(50px, calc(calc(50/750) * 100vw));
}

.l-section--doctor {
  padding: min(50px, calc(calc(50/750) * 100vw)) 0 min(60px, calc(calc(60/750) * 100vw));
}

.l-section--flow {
  padding: min(80px, calc(calc(80/750) * 100vw)) 0;
  background: #f9f9f9;
}

.l-section--clinic {
  padding: min(80px, calc(calc(80/750) * 100vw)) 0 min(100px, calc(calc(100/750) * 100vw));
  background: #fef4fa;
}

/*---------------------------------------------------------------------------------------
--
-- component
--
----------------------------------------------------------------------------------------*/
/* ttl */
.c-ttl03 {
  text-align: center;
  margin: 0 0 min(75px, calc(calc(75/750) * 100vw));
}

/* worry-nav */
.c-worry-nav {
  margin-bottom: min(55px, calc(calc(55/750) * 100vw));
}

.c-worry-nav__fv {
  box-shadow: 0 0 min(3vw, 15px) rgba(113, 46, 86, 0.2);
}

.c-worry-nav__list {
  display: flex;
  justify-content: center;
  margin-top: max(-250px, calc( -1 * (calc(250/750) * 100vw)));
}

/* worry-inner */
.c-worry-inner {
  box-sizing: border-box;
  padding: 0 min(30px, calc(calc(30/750) * 100vw)) min(60px, calc(calc(60/750) * 100vw));
  width: calc(100% - min(20px, calc(calc(20/750) * 100vw)));
  margin: 0 auto;
  background: #ffffff;
  box-shadow: 0 0 min(3vw, 15px) rgba(113, 46, 86, 0.2);
  position: relative;
}

.c-worry-inner:after {
  content: "";
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  height: min(15px, calc(calc(15/750) * 100vw));
  position: absolute;
  z-index: 1;
}

.c-worry-inner--pink {
  background: #fff6fd;
}

.c-worry-inner--pink::after {
  background: #fff6fd;
}

.c-worry-inner--gray {
  background: #f9f9f9;
}

.c-worry-inner--gray::after {
  background: #f9f9f9;
}

.c-worry-inner--purple {
  background: #f8f6ff;
}

.c-worry-inner--purple::after {
  background: #f8f6ff;
}

/* worry-robbon */
.c-worry-ribbon {
  position: relative;
  margin-bottom: max(-12px, calc( -1 * (calc(12/750) * 100vw)));
  width: min(700px, calc(calc(700/750) * 100vw));
}

.c-worry-ribbon--inside {
  margin-left: max(-40px, calc( -1 * (calc(40/750) * 100vw)));
  margin-bottom: min(40px, calc(calc(40/750) * 100vw));
}

/* case-list */
.c-case-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: min(50px, calc(calc(50/750) * 100vw)) 0;
}

.c-case-list__item {
  width: calc(50% - min(10px, calc(calc(10/750) * 100vw)));
}

.c-case-list:after {
  content: "";
  display: block;
  width: calc(50% - min(10px, calc(calc(10/750) * 100vw)));
}

/* case-summary */
.c-case-summary {
  background: #ffffff;
  padding: 0 min(25px, calc(calc(25/750) * 100vw));
}

.c-case-summary__toggle {
  font-size: min(28px, calc(calc(28/750) * 100vw));
  color: #e06b8b;
  text-align: center;
  font-weight: bold;
  line-height: 1.25;
  padding: 0.7em 0;
  display: block;
  position: relative;
}

.c-case-summary__toggle:before,
.c-case-summary__toggle:after {
  content: "";
  display: block;
  background: #e06b8b;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 2px;
  transform: translateY(-50%);
  transition: all 0.4s;
}

.c-case-summary__toggle:before {
  right: 5px;
  transform: translate(-50%, -50%) rotate(90deg);
}

.c-case-summary__toggle.--02 {
  color: #7063af;
}

.c-case-summary__toggle.--02:before,
.c-case-summary__toggle.--02:after {
  background: #7063af;
}

.c-case-summary__content {
  border-top: 1px solid #e06b8b;
  padding: min(35px, calc(calc(35/750) * 100vw)) 0 min(45px, calc(calc(45/750) * 100vw));
  display: none;
}

.c-case-summary__content.--02 {
  border-top-color: #7063af;
}

/* special-coupon */
.c-special-coupon__bnr {
  max-width: unset;
  width: min(674px, calc(calc(674/750) * 100vw));
  display: block;
  margin-left: max(-26px, calc( -1 * (calc(26/750) * 100vw)));
  margin-bottom: min(50px, calc(calc(50/750) * 100vw));
}

/* reserve-button */
.c-reserve-button {
  width: min(680px, calc(calc(680/750) * 100vw));
  margin-left: max(-30px, calc( -1 * (calc(30/750) * 100vw)));
}

/* monitor */
.c-monitor {
  position: relative;
  margin-bottom: min(80px, calc(calc(80/750) * 100vw));
  padding: min(35px, calc(calc(35/750) * 100vw)) 0 0;
}

.c-monitor__btn {
  position: absolute;
  bottom: min(50px, calc(calc(50/750) * 100vw));
  left: 0;
  right: 0;
  margin: auto;
  width: min(630px, calc(calc(630/750) * 100vw));
}

/* aside-group */
.c-aside-group {
  background: #ffffff;
  width: calc(100% - min(20px, calc(calc(20/750) * 100vw)));
  margin: min(100px, calc(calc(100/750) * 100vw)) auto 0;
  padding: min(40px, calc(calc(40/750) * 100vw)) 0;
}

/*---------------------------------------------------------------------------------------
--
-- project
--
----------------------------------------------------------------------------------------*/
/* oppinion */
.p-opinion {
  background: #453f41;
  padding: min(40px, calc(calc(40/750) * 100vw)) 0 min(70px, calc(calc(70/750) * 100vw));
}

/* intro */

.l-section--introduction {
  padding-top: min(80px, calc(calc(80/750) * 100vw));
}

.p-intro__inner {
  position: relative;
  border: #3c4897 solid 2px;
  width: 92%;
  max-width: 690px;
  margin: 0 auto;
  box-shadow: 5px 5px 20px rgba(137, 137, 137, 0.2);
}

.w86 {
  width: 86% !important;
  margin: 0 auto;
}

.p-intro__inner .p-intro__inner__ttl {
  display: inline-block;
  position: absolute;
  top: min(-40px, calc(calc(40/750) * 100vw));
  left: 0;
  right: 0;
}

.p-intro__inner .p-intro__inner__ttl .img01 {
  width: 84%;
  max-width: 580px;
}

.p-intro__inner .p-intro__inner__ttl .img02 {
  width: 58%;
  max-width: 400px;
}

.p-intro__slider {
  position: absolute;
  bottom: min(80px, calc(calc(80/750) * 100vw));
  left: 0;
  right: 0;
  margin: auto;
}

@media screen and (max-width:767px) {
  .p-intro__inner .p-intro__inner__ttl {
    top: min(-25px, calc(calc(25/750) * 100vw));
  }
}

/* twentytwenty */
.twentytwenty-overlay {
  display: none;
}

/* op-top */
.p-op-top {
  padding: min(80px, calc(calc(80/750) * 100vw)) 0 min(75px, calc(calc(75/750) * 100vw));
}

.p-op-top__fv {
  position: relative;
  margin-bottom: min(40px, calc(calc(40/750) * 100vw));
}

.p-op-top__fv__link {
  position: absolute;
  display: block;
  width: min(254px, calc(calc(254/750) * 100vw));
}

.p-op-top__fv__link--01 {
  top: min(587px, calc(calc(587/750) * 100vw));
  left: min(30px, calc(calc(30/750) * 100vw));
}

.p-op-top__fv__link--02 {
  top: min(631px, calc(calc(631/750) * 100vw));
  right: min(30px, calc(calc(30/750) * 100vw));
}

.p-op-top__nav {
  display: flex;
  justify-content: center;
}

.p-op-top__nav__item {
  max-width: 49%;
}

/* attention */
.p-attention {
  box-shadow: 0 0 min(15px, calc(calc(15/750) * 100vw)) rgba(0, 0, 0, 0.1);
  background: #f9f9f9;
  padding-bottom: min(60px, calc(calc(60/750) * 100vw));
}

.p-attention .attention__ttl {
  background: unset;
  padding: 1px 0 0;
  /* 子要素にネガティブマージン適用させるために1pxだけ付与 */
}

.p-attention .attention__ttl h2 {
  text-align: center;
  margin: max(-30px, calc( -1 * (calc(30/750) * 100vw))) 0 min(40px, calc(calc(40/750) * 100vw));
}

.p-attention .attention__panel--txt {
  margin-bottom: 1em;
  font-size: min(24px, calc(calc(24/750) * 100vw));
}

.p-attention .attention__detail {
  border: none;
  background: unset;
  padding: 0 min(30px, calc(calc(30/750) * 100vw));
}

.p-attention .js__attention__unit {
  border-radius: min(8px, calc(calc(8/750) * 100vw));
  margin-bottom: min(30px, calc(calc(30/750) * 100vw));
}

.p-attention .js__attention__unit:last-child {
  margin-bottom: 0;
}

.p-attention .js__unit__header {
  border-radius: 10px;
  font-size: min(26px, calc(calc(26/750) * 100vw));
  padding: min(20px, calc(calc(20/750) * 100vw)) min(60px, calc(calc(60/750) * 100vw)) min(20px, calc(calc(20/750) * 100vw)) min(30px, calc(calc(30/750) * 100vw));
}

.p-attention .js__unit__header.open {
  border-radius: 10px 10px 0 0;
}

.p-attention .js__unit__inner {
  border-radius: 0 0 min(8px, calc(calc(8/750) * 100vw)) min(8px, calc(calc(8/750) * 100vw));
}

.p-attention .sp__open__box {
  right: 3%;
}

/* box-countdown yycountdown-box */
.box_countdown {
  background: #ffffff;
  border: min(3px, calc(calc(3/750) * 100vw)) solid #c62e57;
  border-radius: 1000px;
  color: #333333;
  font-size: min(26px, calc(calc(26/750) * 100vw));
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.25em;
  padding: 0.4em 0;
  max-width: 83%;
  margin: 0 auto max(-45px, calc( -1 * (calc(45/750) * 100vw)));
  position: relative;
}

.box_countdown * {
  font-weight: bold;
}

.box_countdown .yyc-day,
.box_countdown .yyc-hou,
.box_countdown .yyc-min,
.box_countdown .yyc-sec {
  color: #ffffff;
  font-size: min(28px, calc(calc(28/750) * 100vw));
  padding: 0.1em 0.2em;
  background: #c62e57;
  border-radius: 0.2em;
  margin: 0 0.15em;
}

/* faq */
.faq {
  background: #f9f9f9;
  box-shadow: 0 0 min(15px, calc(calc(15/750) * 100vw)) rgba(0, 0, 0, 0.05);
}

.faq__list {
  position: relative;
  z-index: 10;
}

.faq__question,
.faq__answer {
  z-index: 1;
  cursor: pointer;
  font-size: min(28px, 3.7333333333vw);
  position: relative;
  line-height: 1.5;
  padding: 0.68em 2.2em 0.68em 0.68em;
}

.faq__question,
.faq__answer_txt {
  display: flex;
  align-items: center;
}

.faq__question {
  background: #fff;
  border-bottom: none;
  transition: all 0.4s;
}

.faq__question:hover {
  background: #ffd2f3;
}

.faq__answer {
  background: #fff0fb;
  border-bottom: none;
  color: #1e171b;
  display: none;
}

.faq__question::before,
.faq__question::after,
.flow__ttl::before,
.flow__ttl::after {
  display: inline-block;
  content: "";
  position: absolute;
  width: min(24px, 3.2vw);
  height: min(2px, 0.2666666667vw);
  top: 50%;
  right: min(60px, 8vw);
  background-color: #d1007e;
  transition: 0.2s;
  width: min(26px, 3.4666666667vw);
  height: min(2px, 0.2666666667vw);
  right: min(15px, 2vw);
  top: 45%;
}

.faq__question::after {
  content: "";
  transform: rotate(90deg);
}

.faq__question.js--accordion-open::after {
  transform: rotate(0deg);
}

.flow__ttl.js--accordion-open::after {
  transform: rotate(90deg);
}

.faq__question span,
.faq__answer span {
  margin-left: min(55px, 7.3333333333vw);
  display: block;
}

.faq__item {
  margin: 0 auto min(30px, calc(calc(30/750) * 100vw));
}

.faq__item:last-child {
  margin-bottom: 0;
}

.question_icon {
  position: absolute;
  top: min(24px, 3.2vw);
}

.faq__question_txt,
.faq__answer_txt {
  position: relative;
}

.faq__question_txt::before,
.faq__answer_txt::before {
  content: "";
  display: block;
  width: min(38px, 5.0666666667vw);
  height: min(46px, 6.1333333333vw);
  position: absolute;
  top: 0;
  left: 0;
}

.faq__question_txt {
  font-weight: bold;
}

.faq__question_txt::before {
  background: url("../img/facelift_tarumi_03/question.png") no-repeat;
  background-size: 100%;
}

.faq__answer_txt::before {
  background: url("../img/facelift_tarumi_03/answer.png") no-repeat;
  background-size: 100%;
}

/* doctor */
.p-doctor .slick-prev {
  left: 0;
  background: url("../img/facelift_tarumi_03/slick-arrow_prev.png") no-repeat;
  background-size: 100%;
}

.p-doctor .slick-next {
  right: 0;
  background: url("../img/facelift_tarumi_03/slick-arrow_next.png") no-repeat;
  background-size: 100%;
}

.p-doctor .doctor_profile-achive {
  position: relative;
}

     {
  content: "";
  display: block;
  position: absolute;
  background: #ce197d;
  mix-blend-mode: overlay;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}

.p-doctor .doctor_profile-name {
  color: #ce197d;
}

.p-doctor .doctor_profile-name span:before {
  border-color: #ce197d;
}

.p-doctor .doctor_profile-name small {
  color: inherit;
}

.p-doctor .slick-dotted.slick-slider.doctor-slick .item {
  border-color: #ce197d;
  padding-left: min(50px, calc(calc(50/750) * 100vw));
  padding-right: min(50px, calc(calc(50/750) * 100vw));
}

.p-doctor .ad-head {
  background: #ce197d;
  border-color: #ce197d;
}

.p-doctor .ttl02 {
  color: #ce197d;
}

.p-doctor .ttl02:before {
  border-color: #ce197d;
}

.p-doctor .ad-head.js--accordion-open {
  color: #ce197d;
}

.p-doctor .js--accordion-open.white_icon::before,
.p-doctor .js--accordion-open.white_icon::after {
  background: #ce197d;
}

.p-doctor .doctor_about {
  background: #ffeffb;
}

/* clinic */
.l-section--clinic #clinic h2 {
  display: none;
}

.l-section--clinic #clinic dl.accordion > dt {
  background: #d1007e;
}

.p-doctor .doctor_profile-achive:before {
  content: "";
  display: block;
  position: absolute;
  background: #ce197d;
  mix-blend-mode: overlay;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}

/*---------------------------------------------------------------------------------------
--
-- utility
--
----------------------------------------------------------------------------------------*/
/* .u-inner */
.u-inner {
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: calc(100% - min(60px, calc(calc(60/750) * 100vw))) !important;
}

.u-inner--700 {
  max-width: calc(100% - min(50px, calc(calc(50/750) * 100vw))) !important;
}

.u-inner--2n {
  max-width: calc(100% - min(120px, calc(calc(120/750) * 100vw))) !important;
}

/* text系 */
.u-txt--center {
  text-align: center !important;
}

.u-txt--right {
  text-align: right !important;
}

.u-txt--left {
  text-align: left !important;
}

/* .u-hover */
.u-hover {
  transition: ease opacity 0.3s !important;
  cursor: pointer;
}

.u-hover:hover {
  opacity: 0.8 !important;
}

/* u-bg */
.u-bg--gray {
  background: #f9f9f9 !important;
}

.u-bg--white {
  background: #ffffff !important;
}

.u-bg--purple {
  background: #f8f6ff !important;
}

/* .mb○○-flex */
.mb0-flex {
  margin-bottom: min(0px, calc(calc(0/750) * 100vw)) !important;
}

.mb5-flex {
  margin-bottom: min(5px, calc(calc(5/750) * 100vw)) !important;
}

.mb10-flex {
  margin-bottom: min(10px, calc(calc(10/750) * 100vw)) !important;
}

.mb15-flex {
  margin-bottom: min(15px, calc(calc(15/750) * 100vw)) !important;
}

.mb20-flex {
  margin-bottom: min(20px, calc(calc(20/750) * 100vw)) !important;
}

.mb25-flex {
  margin-bottom: min(25px, calc(calc(25/750) * 100vw)) !important;
}

.mb30-flex {
  margin-bottom: min(30px, calc(calc(30/750) * 100vw)) !important;
}

.mb35-flex {
  margin-bottom: min(35px, calc(calc(35/750) * 100vw)) !important;
}

.mb40-flex {
  margin-bottom: min(40px, calc(calc(40/750) * 100vw)) !important;
}

.mb45-flex {
  margin-bottom: min(45px, calc(calc(45/750) * 100vw)) !important;
}

.mb50-flex {
  margin-bottom: min(50px, calc(calc(50/750) * 100vw)) !important;
}

.mb55-flex {
  margin-bottom: min(55px, calc(calc(55/750) * 100vw)) !important;
}

.mb60-flex {
  margin-bottom: min(60px, calc(calc(60/750) * 100vw)) !important;
}

.mb65-flex {
  margin-bottom: min(65px, calc(calc(65/750) * 100vw)) !important;
}

.mb70-flex {
  margin-bottom: min(70px, calc(calc(70/750) * 100vw)) !important;
}

.mb75-flex {
  margin-bottom: min(75px, calc(calc(75/750) * 100vw)) !important;
}

.mb80-flex {
  margin-bottom: min(80px, calc(calc(80/750) * 100vw)) !important;
}

.mb85-flex {
  margin-bottom: min(85px, calc(calc(85/750) * 100vw)) !important;
}

.mb90-flex {
  margin-bottom: min(90px, calc(calc(90/750) * 100vw)) !important;
}

.mb95-flex {
  margin-bottom: min(95px, calc(calc(95/750) * 100vw)) !important;
}

.mb100-flex {
  margin-bottom: min(100px, calc(calc(100/750) * 100vw)) !important;
}

.mb105-flex {
  margin-bottom: min(105px, calc(calc(105/750) * 100vw)) !important;
}

.mb110-flex {
  margin-bottom: min(110px, calc(calc(110/750) * 100vw)) !important;
}

.mb115-flex {
  margin-bottom: min(115px, calc(calc(115/750) * 100vw)) !important;
}

.mb120-flex {
  margin-bottom: min(120px, calc(calc(120/750) * 100vw)) !important;
}

.mb125-flex {
  margin-bottom: min(125px, calc(calc(125/750) * 100vw)) !important;
}

.mb130-flex {
  margin-bottom: min(130px, calc(calc(130/750) * 100vw)) !important;
}

.mb135-flex {
  margin-bottom: min(135px, calc(calc(135/750) * 100vw)) !important;
}

.mb140-flex {
  margin-bottom: min(140px, calc(calc(140/750) * 100vw)) !important;
}

.mb145-flex {
  margin-bottom: min(145px, calc(calc(145/750) * 100vw)) !important;
}

.mb150-flex {
  margin-bottom: min(150px, calc(calc(150/750) * 100vw)) !important;
}

/* .mt○○-flex */
.mt0-flex {
  margin-top: min(0px, calc(calc(0/750) * 100vw)) !important;
}

.mt5-flex {
  margin-top: min(5px, calc(calc(5/750) * 100vw)) !important;
}

.mt10-flex {
  margin-top: min(10px, calc(calc(10/750) * 100vw)) !important;
}

.mt15-flex {
  margin-top: min(15px, calc(calc(15/750) * 100vw)) !important;
}

.mt20-flex {
  margin-top: min(20px, calc(calc(20/750) * 100vw)) !important;
}

.mt25-flex {
  margin-top: min(25px, calc(calc(25/750) * 100vw)) !important;
}

.mt30-flex {
  margin-top: min(30px, calc(calc(30/750) * 100vw)) !important;
}

.mt35-flex {
  margin-top: min(35px, calc(calc(35/750) * 100vw)) !important;
}

.mt40-flex {
  margin-top: min(40px, calc(calc(40/750) * 100vw)) !important;
}

.mt45-flex {
  margin-top: min(45px, calc(calc(45/750) * 100vw)) !important;
}

.mt50-flex {
  margin-top: min(50px, calc(calc(50/750) * 100vw)) !important;
}

.mt55-flex {
  margin-top: min(55px, calc(calc(55/750) * 100vw)) !important;
}

.mt60-flex {
  margin-top: min(60px, calc(calc(60/750) * 100vw)) !important;
}

.mt65-flex {
  margin-top: min(65px, calc(calc(65/750) * 100vw)) !important;
}

.mt70-flex {
  margin-top: min(70px, calc(calc(70/750) * 100vw)) !important;
}

.mt75-flex {
  margin-top: min(75px, calc(calc(75/750) * 100vw)) !important;
}

.mt80-flex {
  margin-top: min(80px, calc(calc(80/750) * 100vw)) !important;
}

.mt85-flex {
  margin-top: min(85px, calc(calc(85/750) * 100vw)) !important;
}

.mt90-flex {
  margin-top: min(90px, calc(calc(90/750) * 100vw)) !important;
}

.mt95-flex {
  margin-top: min(95px, calc(calc(95/750) * 100vw)) !important;
}

.mt100-flex {
  margin-top: min(100px, calc(calc(100/750) * 100vw)) !important;
}

.mt105-flex {
  margin-top: min(105px, calc(calc(105/750) * 100vw)) !important;
}

.mt110-flex {
  margin-top: min(110px, calc(calc(110/750) * 100vw)) !important;
}

.mt115-flex {
  margin-top: min(115px, calc(calc(115/750) * 100vw)) !important;
}

.mt120-flex {
  margin-top: min(120px, calc(calc(120/750) * 100vw)) !important;
}

.mt125-flex {
  margin-top: min(125px, calc(calc(125/750) * 100vw)) !important;
}

.mt130-flex {
  margin-top: min(130px, calc(calc(130/750) * 100vw)) !important;
}

.mt135-flex {
  margin-top: min(135px, calc(calc(135/750) * 100vw)) !important;
}

.mt140-flex {
  margin-top: min(140px, calc(calc(140/750) * 100vw)) !important;
}

.mt145-flex {
  margin-top: min(145px, calc(calc(145/750) * 100vw)) !important;
}

.mt150-flex {
  margin-top: min(150px, calc(calc(150/750) * 100vw)) !important;
}

/* .ml○○-flex */
.ml0-flex {
  margin-left: min(0px, calc(calc(0/750) * 100vw)) !important;
}

.ml5-flex {
  margin-left: min(5px, calc(calc(5/750) * 100vw)) !important;
}

.ml10-flex {
  margin-left: min(10px, calc(calc(10/750) * 100vw)) !important;
}

.ml15-flex {
  margin-left: min(15px, calc(calc(15/750) * 100vw)) !important;
}

.ml20-flex {
  margin-left: min(20px, calc(calc(20/750) * 100vw)) !important;
}

.ml25-flex {
  margin-left: min(25px, calc(calc(25/750) * 100vw)) !important;
}

.ml30-flex {
  margin-left: min(30px, calc(calc(30/750) * 100vw)) !important;
}

.ml35-flex {
  margin-left: min(35px, calc(calc(35/750) * 100vw)) !important;
}

.ml40-flex {
  margin-left: min(40px, calc(calc(40/750) * 100vw)) !important;
}

.ml45-flex {
  margin-left: min(45px, calc(calc(45/750) * 100vw)) !important;
}

.ml50-flex {
  margin-left: min(50px, calc(calc(50/750) * 100vw)) !important;
}

/* .mr○○-flex */
.mr0-flex {
  margin-right: min(0px, calc(calc(0/750) * 100vw)) !important;
}

.mr5-flex {
  margin-right: min(5px, calc(calc(5/750) * 100vw)) !important;
}

.mr10-flex {
  margin-right: min(10px, calc(calc(10/750) * 100vw)) !important;
}

.mr15-flex {
  margin-right: min(15px, calc(calc(15/750) * 100vw)) !important;
}

.mr20-flex {
  margin-right: min(20px, calc(calc(20/750) * 100vw)) !important;
}

.mr25-flex {
  margin-right: min(25px, calc(calc(25/750) * 100vw)) !important;
}

.mr30-flex {
  margin-right: min(30px, calc(calc(30/750) * 100vw)) !important;
}

.mr35-flex {
  margin-right: min(35px, calc(calc(35/750) * 100vw)) !important;
}

.mr40-flex {
  margin-right: min(40px, calc(calc(40/750) * 100vw)) !important;
}

.mr45-flex {
  margin-right: min(45px, calc(calc(45/750) * 100vw)) !important;
}

.mr50-flex {
  margin-right: min(50px, calc(calc(50/750) * 100vw)) !important;
}

/* .pt○○-flex */
.pt0-flex {
  padding-top: min(0px, calc(calc(0/750) * 100vw)) !important;
}

.pt5-flex {
  padding-top: min(5px, calc(calc(5/750) * 100vw)) !important;
}

.pt10-flex {
  padding-top: min(10px, calc(calc(10/750) * 100vw)) !important;
}

.pt15-flex {
  padding-top: min(15px, calc(calc(15/750) * 100vw)) !important;
}

.pt20-flex {
  padding-top: min(20px, calc(calc(20/750) * 100vw)) !important;
}

.pt25-flex {
  padding-top: min(25px, calc(calc(25/750) * 100vw)) !important;
}

.pt30-flex {
  padding-top: min(30px, calc(calc(30/750) * 100vw)) !important;
}

.pt35-flex {
  padding-top: min(35px, calc(calc(35/750) * 100vw)) !important;
}

.pt40-flex {
  padding-top: min(40px, calc(calc(40/750) * 100vw)) !important;
}

.pt45-flex {
  padding-top: min(45px, calc(calc(45/750) * 100vw)) !important;
}

.pt50-flex {
  padding-top: min(50px, calc(calc(50/750) * 100vw)) !important;
}

.pt55-flex {
  padding-top: min(55px, calc(calc(55/750) * 100vw)) !important;
}

.pt60-flex {
  padding-top: min(60px, calc(calc(60/750) * 100vw)) !important;
}

.pt65-flex {
  padding-top: min(65px, calc(calc(65/750) * 100vw)) !important;
}

.pt70-flex {
  padding-top: min(70px, calc(calc(70/750) * 100vw)) !important;
}

.pt75-flex {
  padding-top: min(75px, calc(calc(75/750) * 100vw)) !important;
}

.pt80-flex {
  padding-top: min(80px, calc(calc(80/750) * 100vw)) !important;
}

.pt85-flex {
  padding-top: min(85px, calc(calc(85/750) * 100vw)) !important;
}

.pt90-flex {
  padding-top: min(90px, calc(calc(90/750) * 100vw)) !important;
}

.pt95-flex {
  padding-top: min(95px, calc(calc(95/750) * 100vw)) !important;
}

.pt100-flex {
  padding-top: min(100px, calc(calc(100/750) * 100vw)) !important;
}

.pt105-flex {
  padding-top: min(105px, calc(calc(105/750) * 100vw)) !important;
}

.pt110-flex {
  padding-top: min(110px, calc(calc(110/750) * 100vw)) !important;
}

.pt115-flex {
  padding-top: min(115px, calc(calc(115/750) * 100vw)) !important;
}

.pt120-flex {
  padding-top: min(120px, calc(calc(120/750) * 100vw)) !important;
}

.pt125-flex {
  padding-top: min(125px, calc(calc(125/750) * 100vw)) !important;
}

.pt130-flex {
  padding-top: min(130px, calc(calc(130/750) * 100vw)) !important;
}

.pt135-flex {
  padding-top: min(135px, calc(calc(135/750) * 100vw)) !important;
}

.pt140-flex {
  padding-top: min(140px, calc(calc(140/750) * 100vw)) !important;
}

.pt145-flex {
  padding-top: min(145px, calc(calc(145/750) * 100vw)) !important;
}

.pt150-flex {
  padding-top: min(150px, calc(calc(150/750) * 100vw)) !important;
}

/* .pb○○-flex */
.pb0-flex {
  padding-bottom: min(0px, calc(calc(0/750) * 100vw)) !important;
}

.pb5-flex {
  padding-bottom: min(5px, calc(calc(5/750) * 100vw)) !important;
}

.pb10-flex {
  padding-bottom: min(10px, calc(calc(10/750) * 100vw)) !important;
}

.pb15-flex {
  padding-bottom: min(15px, calc(calc(15/750) * 100vw)) !important;
}

.pb20-flex {
  padding-bottom: min(20px, calc(calc(20/750) * 100vw)) !important;
}

.pb25-flex {
  padding-bottom: min(25px, calc(calc(25/750) * 100vw)) !important;
}

.pb30-flex {
  padding-bottom: min(30px, calc(calc(30/750) * 100vw)) !important;
}

.pb35-flex {
  padding-bottom: min(35px, calc(calc(35/750) * 100vw)) !important;
}

.pb40-flex {
  padding-bottom: min(40px, calc(calc(40/750) * 100vw)) !important;
}

.pb45-flex {
  padding-bottom: min(45px, calc(calc(45/750) * 100vw)) !important;
}

.pb50-flex {
  padding-bottom: min(50px, calc(calc(50/750) * 100vw)) !important;
}

.pb55-flex {
  padding-bottom: min(55px, calc(calc(55/750) * 100vw)) !important;
}

.pb60-flex {
  padding-bottom: min(60px, calc(calc(60/750) * 100vw)) !important;
}

.pb65-flex {
  padding-bottom: min(65px, calc(calc(65/750) * 100vw)) !important;
}

.pb70-flex {
  padding-bottom: min(70px, calc(calc(70/750) * 100vw)) !important;
}

.pb75-flex {
  padding-bottom: min(75px, calc(calc(75/750) * 100vw)) !important;
}

.pb80-flex {
  padding-bottom: min(80px, calc(calc(80/750) * 100vw)) !important;
}

.pb85-flex {
  padding-bottom: min(85px, calc(calc(85/750) * 100vw)) !important;
}

.pb90-flex {
  padding-bottom: min(90px, calc(calc(90/750) * 100vw)) !important;
}

.pb95-flex {
  padding-bottom: min(95px, calc(calc(95/750) * 100vw)) !important;
}

.pb100-flex {
  padding-bottom: min(100px, calc(calc(100/750) * 100vw)) !important;
}

.pb105-flex {
  padding-bottom: min(105px, calc(calc(105/750) * 100vw)) !important;
}

.pb110-flex {
  padding-bottom: min(110px, calc(calc(110/750) * 100vw)) !important;
}

.pb115-flex {
  padding-bottom: min(115px, calc(calc(115/750) * 100vw)) !important;
}

.pb120-flex {
  padding-bottom: min(120px, calc(calc(120/750) * 100vw)) !important;
}

.pb125-flex {
  padding-bottom: min(125px, calc(calc(125/750) * 100vw)) !important;
}

.pb130-flex {
  padding-bottom: min(130px, calc(calc(130/750) * 100vw)) !important;
}

.pb135-flex {
  padding-bottom: min(135px, calc(calc(135/750) * 100vw)) !important;
}

.pb140-flex {
  padding-bottom: min(140px, calc(calc(140/750) * 100vw)) !important;
}

.pb145-flex {
  padding-bottom: min(145px, calc(calc(145/750) * 100vw)) !important;
}

.pb150-flex {
  padding-bottom: min(150px, calc(calc(150/750) * 100vw)) !important;
}

/* .pl○○-flex */
.pl0-flex {
  padding-left: min(0px, calc(calc(0/750) * 100vw)) !important;
}

.pl5-flex {
  padding-left: min(5px, calc(calc(5/750) * 100vw)) !important;
}

.pl10-flex {
  padding-left: min(10px, calc(calc(10/750) * 100vw)) !important;
}

.pl15-flex {
  padding-left: min(15px, calc(calc(15/750) * 100vw)) !important;
}

.pl20-flex {
  padding-left: min(20px, calc(calc(20/750) * 100vw)) !important;
}

.pl25-flex {
  padding-left: min(25px, calc(calc(25/750) * 100vw)) !important;
}

.pl30-flex {
  padding-left: min(30px, calc(calc(30/750) * 100vw)) !important;
}

.pl35-flex {
  padding-left: min(35px, calc(calc(35/750) * 100vw)) !important;
}

.pl40-flex {
  padding-left: min(40px, calc(calc(40/750) * 100vw)) !important;
}

.pl45-flex {
  padding-left: min(45px, calc(calc(45/750) * 100vw)) !important;
}

.pl50-flex {
  padding-left: min(50px, calc(calc(50/750) * 100vw)) !important;
}

/* .pr○○-flex */
.pr0-flex {
  padding-right: min(0px, calc(calc(0/750) * 100vw)) !important;
}

.pr5-flex {
  padding-right: min(5px, calc(calc(5/750) * 100vw)) !important;
}

.pr10-flex {
  padding-right: min(10px, calc(calc(10/750) * 100vw)) !important;
}

.pr15-flex {
  padding-right: min(15px, calc(calc(15/750) * 100vw)) !important;
}

.pr20-flex {
  padding-right: min(20px, calc(calc(20/750) * 100vw)) !important;
}

.pr25-flex {
  padding-right: min(25px, calc(calc(25/750) * 100vw)) !important;
}

.pr30-flex {
  padding-right: min(30px, calc(calc(30/750) * 100vw)) !important;
}

.pr35-flex {
  padding-right: min(35px, calc(calc(35/750) * 100vw)) !important;
}

.pr40-flex {
  padding-right: min(40px, calc(calc(40/750) * 100vw)) !important;
}

.pr45-flex {
  padding-right: min(45px, calc(calc(45/750) * 100vw)) !important;
}

.pr50-flex {
  padding-right: min(50px, calc(calc(50/750) * 100vw)) !important;
}

/* .u-fsz--○○ */
.u-fsz--15 {
  font-size: min(15px, calc(calc(15/750) * 100vw)) !important;
}

.u-fsz--16 {
  font-size: min(16px, calc(calc(16/750) * 100vw)) !important;
}

.u-fsz--17 {
  font-size: min(17px, calc(calc(17/750) * 100vw)) !important;
}

.u-fsz--18 {
  font-size: min(18px, calc(calc(18/750) * 100vw)) !important;
}

.u-fsz--19 {
  font-size: min(19px, calc(calc(19/750) * 100vw)) !important;
}

.u-fsz--20 {
  font-size: min(20px, calc(calc(20/750) * 100vw)) !important;
}

.u-fsz--21 {
  font-size: min(21px, calc(calc(21/750) * 100vw)) !important;
}

.u-fsz--22 {
  font-size: min(22px, calc(calc(22/750) * 100vw)) !important;
}

.u-fsz--23 {
  font-size: min(23px, calc(calc(23/750) * 100vw)) !important;
}

.u-fsz--24 {
  font-size: min(24px, calc(calc(24/750) * 100vw)) !important;
}

.u-fsz--25 {
  font-size: min(25px, calc(calc(25/750) * 100vw)) !important;
}

.u-fsz--26 {
  font-size: min(26px, calc(calc(26/750) * 100vw)) !important;
}

.u-fsz--27 {
  font-size: min(27px, calc(calc(27/750) * 100vw)) !important;
}

.u-fsz--28 {
  font-size: min(28px, calc(calc(28/750) * 100vw)) !important;
}

.u-fsz--29 {
  font-size: min(29px, calc(calc(29/750) * 100vw)) !important;
}

.u-fsz--30 {
  font-size: min(30px, calc(calc(30/750) * 100vw)) !important;
}

.u-fsz--31 {
  font-size: min(31px, calc(calc(31/750) * 100vw)) !important;
}

.u-fsz--32 {
  font-size: min(32px, calc(calc(32/750) * 100vw)) !important;
}

.u-fsz--33 {
  font-size: min(33px, calc(calc(33/750) * 100vw)) !important;
}

.u-fsz--34 {
  font-size: min(34px, calc(calc(34/750) * 100vw)) !important;
}

.u-fsz--35 {
  font-size: min(35px, calc(calc(35/750) * 100vw)) !important;
}

.u-fsz--36 {
  font-size: min(36px, calc(calc(36/750) * 100vw)) !important;
}

.u-fsz--37 {
  font-size: min(37px, calc(calc(37/750) * 100vw)) !important;
}

.u-fsz--38 {
  font-size: min(38px, calc(calc(38/750) * 100vw)) !important;
}

.u-fsz--39 {
  font-size: min(39px, calc(calc(39/750) * 100vw)) !important;
}

.u-fsz--40 {
  font-size: min(40px, calc(calc(40/750) * 100vw)) !important;
}

.u-fsz--41 {
  font-size: min(41px, calc(calc(41/750) * 100vw)) !important;
}

.u-fsz--42 {
  font-size: min(42px, calc(calc(42/750) * 100vw)) !important;
}

.u-fsz--43 {
  font-size: min(43px, calc(calc(43/750) * 100vw)) !important;
}

.u-fsz--44 {
  font-size: min(44px, calc(calc(44/750) * 100vw)) !important;
}

.u-fsz--45 {
  font-size: min(45px, calc(calc(45/750) * 100vw)) !important;
}

.u-fsz--46 {
  font-size: min(46px, calc(calc(46/750) * 100vw)) !important;
}

.u-fsz--47 {
  font-size: min(47px, calc(calc(47/750) * 100vw)) !important;
}

.u-fsz--48 {
  font-size: min(48px, calc(calc(48/750) * 100vw)) !important;
}

.u-fsz--49 {
  font-size: min(49px, calc(calc(49/750) * 100vw)) !important;
}

.u-fsz--50 {
  font-size: min(50px, calc(calc(50/750) * 100vw)) !important;
}

.u-fsz--51 {
  font-size: min(51px, calc(calc(51/750) * 100vw)) !important;
}

.u-fsz--52 {
  font-size: min(52px, calc(calc(52/750) * 100vw)) !important;
}

.u-fsz--53 {
  font-size: min(53px, calc(calc(53/750) * 100vw)) !important;
}

.u-fsz--54 {
  font-size: min(54px, calc(calc(54/750) * 100vw)) !important;
}

.u-fsz--55 {
  font-size: min(55px, calc(calc(55/750) * 100vw)) !important;
}

.u-fsz--56 {
  font-size: min(56px, calc(calc(56/750) * 100vw)) !important;
}

.u-fsz--57 {
  font-size: min(57px, calc(calc(57/750) * 100vw)) !important;
}

.u-fsz--58 {
  font-size: min(58px, calc(calc(58/750) * 100vw)) !important;
}

.u-fsz--59 {
  font-size: min(59px, calc(calc(59/750) * 100vw)) !important;
}

.u-fsz--60 {
  font-size: min(60px, calc(calc(60/750) * 100vw)) !important;
}

/* line-height */
.u-lh--100 {
  line-height: 1 !important;
}

.u-lh--105 {
  line-height: 1.05 !important;
}

.u-lh--110 {
  line-height: 1.1 !important;
}

.u-lh--115 {
  line-height: 1.15 !important;
}

.u-lh--120 {
  line-height: 1.2 !important;
}

.u-lh--125 {
  line-height: 1.25 !important;
}

.u-lh--130 {
  line-height: 1.3 !important;
}

.u-lh--135 {
  line-height: 1.35 !important;
}

.u-lh--140 {
  line-height: 1.4 !important;
}

.u-lh--145 {
  line-height: 1.45 !important;
}

.u-lh--150 {
  line-height: 1.5 !important;
}

.u-lh--155 {
  line-height: 1.55 !important;
}

.u-lh--160 {
  line-height: 1.6 !important;
}

.u-lh--165 {
  line-height: 1.65 !important;
}

.u-lh--170 {
  line-height: 1.7 !important;
}

.u-lh--175 {
  line-height: 1.75 !important;
}

.u-lh--180 {
  line-height: 1.8 !important;
}

.u-lh--185 {
  line-height: 1.85 !important;
}

.u-lh--190 {
  line-height: 1.9 !important;
}

.u-lh--195 {
  line-height: 1.95 !important;
}

.u-lh--200 {
  line-height: 2 !important;
}

/* fonts */
.u-bold {
  font-weight: bold !important;
}

.u-color--blue {
  color: #0086d3 !important;
}

.u-color--aqua-1 {
  color: #e7ebf3 !important;
}

.u-color--aqua-2 {
  color: #5ad4eb !important;
}

.u-color--navy {
  color: #0272b2 !important;
}

.u-color--yellow {
  color: #fff100 !important;
}

.u-color--yellow2 {
  color: #fcff00 !important;
}

.u-color--yellow3 {
  color: #e4ba56 !important;
}

.u-color--red {
  color: #ff4e00 !important;
}

.u-color--black-1 {
  color: #4c4c4c !important;
}

.u-color--black-2 {
  color: #453f41 !important;
}

.u-color--black-3 {
  color: #252525 !important;
}

.u-color--cv-tel {
  color: #7eb6ff !important;
}

.u-color--cv-web {
  color: #e67bbb !important;
}

.u-color--cv-line {
  color: #48cb5e !important;
}

.u-color--ocher {
  color: #a98945 !important;
}

.u-color--white {
  color: #ffffff !important;
}

/* none */
@media screen and (min-width:641px) {
  .pc_none {
    display: none !important;
  }
}

@media screen and (max-width:640px) {
  .sp_none {
    display: none !important;
  }
}

/* フローリストスライダー */
.slick-list {
  width: min(800px, 100%);
  margin: 0 auto;
}

.flow_list {
  position: relative;
}

.flow_list .slick-prev {
  left: 0;
  background: url("../img/facelift_tarumi_03/slick-arrow_prev.png") no-repeat;
  background-size: 100%;
}

.flow_list .slick-next {
  right: 0;
  background: url("../img/facelift_tarumi_03/slick-arrow_next.png") no-repeat;
  background-size: 100%;
}

.flow_list .slick-dots {
  margin-top: min(30px, calc(calc(30/750) * 100vw));
}

.flow_list-item {
  margin-top: min(80px, calc(calc(80/750) * 100vw));
  box-shadow: 0 10px 20px 0 rgba(244, 58, 105, 0.2);
  position: relative;
  z-index: 1;
}

.flow_list-ttl {
  padding: min(25px, calc(calc(25/750) * 100vw)) min(20px, calc(calc(20/750) * 100vw)) min(25px, calc(calc(25/750) * 100vw)) min(30px, calc(calc(30/750) * 100vw));
  background: #ce197d;
  text-align: center;
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;
}

.flow_list-ttl .flow_list-step {
  margin-right: min(35px, calc(calc(35/750) * 100vw));
  width: min(110px, calc(calc(110/750) * 100vw));
}

.flow_list-ttl .flow_list-title {
  font-weight: 500;
  text-align: left;
  line-height: 1.28;
  font-size: min(36px, calc(calc(36/750) * 100vw));
}

.flow_list-ttl .flow_list-title span {
  display: block;
}

.flow_list-detail {
  padding: min(40px, calc(calc(40/750) * 100vw)) min(50px, calc(calc(50/750) * 100vw));
  background: #fff;
  border: #ce197d 2px solid;
  border-top: none;
}

.flow_list-detail .flow_list-text {
  font-size: min(24px, calc(calc(24/750) * 100vw));
  line-height: 1.75;
  margin-top: 1.4em;
}

.l-section .slick-dots li.slick-active button:before {
  background: #ce197d;
}

/* p-intro内アコーディオン */

.p-intro__ul {
  width: 86%;
  margin: min(40px, calc(calc(40/750) * 100vw)) auto;
}

.p-intro__ul .faq__question {
  background: #8181ae;
  color: #fff;
}

.p-intro__ul .faq__question_txt::before,
.p-intro__ul .faq__answer_txt::before {
  display: none;
}

.p-intro__ul .faq__question_txt::before,
.p-intro__ul .faq__answer_txt::before {
  display: none;
}

.p-intro__ul .faq__question::before,
.p-intro__ul .faq__question::after {
  background-color: #fff;
}

.p-intro__ul .faq__question span,
.p-intro__ul .faq__answer span {
  margin: 0 auto;
}

.p-intro__ul .faq__question,
.p-intro__ul .faq__answer {
  padding: 0.5em;
}

.p-intro__ul .faq__answer {
  background-color: #f8f8ff;
}

.p-intro__ul .faq__answer_txt span {
  color: #3c4897;
  font-weight: bold;
  text-decoration: underline;
  font-size: min(27px, calc(calc(27/750) * 100vw));
  line-height: 1.6;
  margin-top: .5em;
  margin-bottom: 1em;
}

.p-intro__ul .faq__answer_txt {
  display: block;
}

.p-intro__ul .faq__answer_txt p {
  font-size: min(23px, calc(calc(23/750) * 100vw));
  line-height: 1.8;
  font-weight: normal;
  margin-bottom: .5em;
}

.p-intro__ul .faq__question::before,
.p-intro__ul .faq__question::after,
.p-intro__ul .flow__ttl::before,
.p-intro__ul .flow__ttl::after {
  width: min(30px, 3vw);
  height: min(3.5px, 3.5vw);
  right: min(30px, 3vw);
}



/*
  20250115 FV～FV下の差し替え
=============================================================*/

/* ハンバーガーメニュー用 */
.head__menu-list a {
  line-height: 1.2;
}
@media screen and (max-width: 750px) {
  .head__menu-list a {
    padding: 0 20px 10px 35px;
  }
}

/*メニューボタン追加*/
.wrap750 {
  max-width: 750px;
}

.nav_menu__wrap {
  display: flex;
  flex-wrap: wrap;
  border-bottom: min(2px, calc(calc(2 / 750)* 100vw)) solid #F130A1;
}

.nav_menu__wrap li:nth-child(odd) {
  border-right: none;
}

.nav_menu__wrap li::before {
  content: "";
  width: min(7px, calc(calc(7 / 750)* 100vw));
  height: min(7px, calc(calc(7 / 750)* 100vw));
  border-top: min(3px, calc(calc(3 / 750)* 100vw)) solid #F130A1;
  border-right: min(3px, calc(calc(3 / 750)* 100vw)) solid #F130A1;
  position: absolute;
  top: 50%;
  right: min(20px, calc(calc(20 / 750)* 100vw));
  transform: translateY(-50%) rotate(135deg);
  -webkit-transform: translateY(-50%) rotate(135deg);
  -ms-transform: translateY(-50%) rotate(135deg);
}

.nav_menu__wrap li {
  width: 50%;
  background: #fff;
  border: min(2px, calc(calc(2 / 750) * 100vw)) solid #F130A1;
  border-bottom: none;
  text-align: center;
  font-size: min(28px, calc(calc(28 / 750) * 100vw));
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -0.05rem;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
}

.nav_menu__wrap li a {
  color: #F130A1;
  height: min(110px, calc(calc(110 / 750)* 100vw));
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.nav_menu__wrap li a span {
  display: inline-block;
  background: #F130A1;
  border-radius: 9999px;
  color: #fff;
  font-size: min(23px, calc(calc(23 / 750)* 100vw));
  text-align: center;
  line-height: 1.5;
  width: min(285px, calc(calc(285 / 750)* 100vw));
  margin: 0 auto min(10px, calc(calc(10 / 750)* 100vw));
}


/* BAスライダー */
.ba_slider__wrap {
  background: #ff86a9;
  padding: 55px 0 65px;
}
@media screen and (max-width: 750px) {
  .ba_slider__wrap {
      padding: 7.33vw 0 8.67vw;
  }
}


/* カウントダウンクーポン */
.coupon_countdown__wrap02 {
  background-image: linear-gradient(135deg, #b798cd, #ffa4ba);
  padding: 30px 0;
}
@media screen and (max-width: 750px) {
  .coupon_countdown__wrap02 {
      padding: 4vw 0;
  }
}
.coupon_countdown__inner02 {
  position: relative;
  margin: 0 auto;
  width: 80%;
}
.web_coupon__fv_count {
  position: absolute;
  right: 115px;
  bottom: 211px;
}
@media screen and (max-width: 750px) {
  .web_coupon__fv_count {
      right: 15.33vw;
      bottom: 28.5vw;
  }

  .coupon_countdown__inner02 {
  width: 100%;
}
}
.web_coupon__fv_count._type02 {
  right: 80px;
  bottom: 186px;
}
@media screen and (max-width: 750px) {
  .web_coupon__fv_count._type02 {
      right: 10.67vw;
      bottom: 24.8vw;
  }
}
.web_coupon--fv .box_countdown {
  background: none;
  border: 0px;
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.web_coupon--fv .box_countdown .yyc-day, .web_coupon--fv .box_countdown .yyc-hou, .web_coupon--fv .box_countdown .yyc-min, .web_coupon--fv .box_countdown .yyc-sec {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-size: 32px;
  padding: 0;
  background: none;
  color: #616161;
}
@media screen and (max-width: 750px) {
  .web_coupon--fv .box_countdown .yyc-day, .web_coupon--fv .box_countdown .yyc-hou, .web_coupon--fv .box_countdown .yyc-min, .web_coupon--fv .box_countdown .yyc-sec {
      font-size: 4.27vw;
  }
}
.web_coupon--fv .box_countdown .yyc-day-text, .web_coupon--fv .box_countdown .yyc-hou-text, .web_coupon--fv .box_countdown .yyc-min-text, .web_coupon--fv .box_countdown .yyc-sec-text {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-size: 25px;
  color: #616161;
}
@media screen and (max-width: 750px) {
  .web_coupon--fv .box_countdown .yyc-day-text, .web_coupon--fv .box_countdown .yyc-hou-text, .web_coupon--fv .box_countdown .yyc-min-text, .web_coupon--fv .box_countdown .yyc-sec-text {
      font-size: 3.33vw;
  }
}
.web_coupon__fv_btn {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 40px;
}
@media screen and (max-width: 750px) {
  .web_coupon__fv_btn {
      bottom: 5.33vw;
  }
}