@charset "utf-8";
/* CSS Document */

/* MV */
.loh_kvWrap{
  padding-bottom: 0;
  background-color: #FBF9FC;
}
.loh_kvBlock{position: relative;overflow: hidden;}
.loh_kvImg{
  height: clamp(15.625rem, 6.899rem + 32.47vw, 31.25rem);/*250-500 430-1200*/
  text-align: center;
  background-color: #FFF;
}
.loh_kvImg img{
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.loh_kvLogo{
  position: absolute;
  top: 20px;
  right: 49vw;
  max-width: clamp(150px, 20vw, 280px);
}
/* メニュー */
.loh_topmenuFlx{
  position: relative;
  left: calc(50% - 480px);
  display: flex;
  align-items: end;
  gap: 0 clamp(16px, 1.7vw, 32px);
  width: fit-content;
  margin-top: clamp(-270px, calc((100vw - 960px) * -270 / 798), 0px);/*0- -270 960-1758*/
  padding: 8px;
}
.loh_topmenuFlx::before{
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 1;
  bottom: -16px;
  left: -150px;
  width: 210px;
  height: 418px;
  background: url(../img/deco_kvflower01.svg) no-repeat center / contain;
}
.loh_topmenuFlx::after{
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 1;
  bottom: -16px;
  right: -150px;
  width: 210px;
  height: 418px;
  background: url(../img/deco_kvflower02.svg) no-repeat center / contain;
}
.loh_topmenuList{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.loh_topmenuList >*{
  display: flex;
  gap: clamp(8px,1.5vw,16px);
  align-items: center;
  padding-top: 10px;
}
.loh_topmenuList >*:not(:first-child){border-top: 1px solid #C8C8C8;}
.loh_topmenuList >*:nth-child(1){position: relative;}
.loh_topmenuList >*:nth-child(1)::after{
  content: '';
  display: block;
  position: absolute;
  inset: -12px clamp(-20px, calc((100vw - 690px) * -20 / 270), 0px) auto auto;/*0- -20 690-960*/
  width: clamp(28px,6vw,54px);
  aspect-ratio: 54/64;
  background: url(../img/deco_topmenu.webp) no-repeat center / contain;
  z-index: -1;
}
.loh_topmenuList >*:nth-child(3){padding-right: 65px;}
.loh_deco_topnewList{
  max-width: clamp(50px,13vw,100px);
}
.loh_topmenuList >* p{
  margin-top: 12px;
  font-size: clamp(0.875rem, 0.668rem + 0.77vw, 1rem);/*14-16 430-690*/
  color: #515151;
  font-weight: bold;
  line-height: calc(24/16);
}

/* New Plan */
.loh_topmenuNew{
  position: relative;
  z-index: 1;
  max-width: 626px;
  padding: 0 clamp(8px,2vw,24px) clamp(16px,2vw,26px);
  background-image: linear-gradient(180deg, rgba(247, 166, 12, 0), rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 30%);
}
.loh_topmenuNew_head{max-width: clamp(66px,12vw,126px);}
.loh_topmenuNew_ttl{
  max-width: clamp(286px,56vw,560px);
  margin-top: 22px;
}
.loh_topmenuNew_txt{
  max-width: clamp(286px,56vw,536px);
  margin-top: clamp(16px,2.5vw,24px);
}
.loh_supImg01{
  position: absolute;
  top: -112px;
  left: clamp(-130px,calc(-116px - (100vw - 1180px) * 14 / 740),-116px);/*1180-1920 -116- -130*/
  max-width: clamp(80px,12vw,156px);
}
.loh_topmenuList_new{margin-top: 24px;}

.loh_secNewMenu_noteImg{
  max-width:700px;
  width:96%;
  margin:48px auto 0;
}

/* loh_topmenuOld */
.loh_topmenuOld{
  max-width: clamp(350px,28vw,396px);
  width: 100%;
  position: relative;
}
.loh_BtnEllipse.loh_btnOldPlan{
  width: 300px;
  padding: 0 16px;
  height: clamp(60px,10vw,70px);
  background-color: #43A2A8;
}
.loh_topmenuOld_commentBlock{
  position: relative;
  top: 0;
  margin-top: clamp(1rem, -1.481rem + 9.23vw, 2.5rem);/*18-40 430-690*/
}
/* loh_slideshow */
.loh_slideshow{
  position: relative;
  left: -31.6%;
  width: 230px;
  aspect-ratio: 230/270;
}
.loh_slideshow::after{
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  inset: 0 -32px 0 0;
  background: url(../img/bg_comment_oldplan.svg) no-repeat center / contain;
}
.loh_slideshow img{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: fadeAnimation 20s infinite;
}
.loh_slideshow img:nth-child(1) { animation-delay: -1s; }
.loh_slideshow img:nth-child(2) { animation-delay: 4s; }
.loh_slideshow img:nth-child(3) { animation-delay: 9s; }
.loh_slideshow img:nth-child(4) { animation-delay: 14s; }
/* 1枚5秒（フェード1秒）。次の画像のフェードインと同時にフェードアウト */
@keyframes fadeAnimation {
  0%   { opacity: 0; }
  5%   { opacity: 1; }
  25%  { opacity: 1; }
  30%  { opacity: 0; }
  100% { opacity: 0; }
}

/* loh_topmenuOld_comment */
.loh_topmenuOld_comment{
  position: absolute;
  isolation: isolate;
  inset: 0 auto auto 80px;
}
.loh_decoMiniDot::after{
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  inset: -12px auto auto -16px;
  width: 32px;
  aspect-ratio: 1/1;
  background-color: #FFE3EA;
  border-radius: 99%;
}
.loh_topmenuOld_commentEx{
  position: absolute;
  isolation: isolate;
  top: 50%;
  transform: translateY(calc(-50% + 16px));
  right: 0;
}
.loh_topmenuOld_commentDl{
  font-size: clamp(0.75rem, 0.543rem + 0.77vw, 0.875rem);/*12-14 430-690*/
  color: #515151;
  font-weight: bold;
  line-height: calc(22/14);
}
.loh_topmenuOld_commentDl > dd{margin-top: clamp(0rem, -0.827rem + 3.08vw, 0.5rem);/*0-8 430-690*/}


/* 従来プランも販売中！独立ボタン */
.loh_btnOldPlan.spblock{display: none;}


/* お花を定期購入するボタン */
.loh_BtnEllipse.loh_application{
  position: relative;
  bottom: -45px;
  max-width: 430px;
  width: 80%;
  padding: 0 16px;
  height: clamp(68px,10vw,90px);
  margin-inline: auto;
  background-color: #FB5888;
}
.loh_BtnEllipse.loh_application img{width: 80%;}
/* お花を定期購入するボタン float */
.loh_BtnEllipse.loh_application.float{
  opacity: 0;
  transition: opacity 0.5s;
}
.loh_BtnEllipse.loh_application.float.is-fixed{
  position: fixed;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  opacity: 1;
  pointer-events: auto;
}



/* loh_secAboutWrap */
.loh_secAboutWrap{
  margin-top: 120px;
  padding-inline: 8px;
}
.loh_secAboutWrapTtl_block{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.loh_secAboutWrapLogo{
  max-width: 202px;
}
.loh_secAboutWrapTtl{
  max-width: 754px;
}
.loh_aboutBlock{
  max-width: 630px;
  margin-inline: auto;
  margin-top: 24px;
}
.loh_aboutBlockTtl{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  padding: 12px 8px;
  font-size: clamp(1.125rem, 0.8494rem + 1.0256vw, 1.375rem);/*430-820 18-22*/
  color: #FFF;
  text-align: center;
  background-color: #FF7C43;
}
.loh_aboutBlockTtl .loh_ye{color: #F7FF00;}
.loh_aboutBlockTxt{
  padding: 12px 4px;
  font-size: clamp(0.875rem, 0.7372rem + 0.5128vw, 1rem);/*430-820 14-16*/
  font-weight: bold;
  line-height: calc(26/16);
  border-inline: 1px solid #959595;
  border-bottom: 1px solid #959595;
  text-align: center;
}


/* loh_secNewMenuWrap */
.loh_secNewMenuWrap{
  margin-top: 48px;
}
.loh_secNewMenu_ttlWrap{
  position: relative;
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
}
.loh_secNewMenu_ttlWrap::before{
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  bottom: -16px;
  left: 0;
  width: clamp(62px,2vw,82px);
  height: 100%;
  aspect-ratio: 82/100;
  background-image: url(../img/deco_secnewmenuttl01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
.loh_secNewMenu_ttlWrap::after{
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  bottom: -16px;
  right: 0;
  width: clamp(40px,2vw,50px);
  height: 100%;
  aspect-ratio: 50/110;
  background-image: url(../img/deco_secnewmenuttl02.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
.loh_secNewMenu_ttl{
  position: relative;
  max-width: 580px;
  margin-inline: auto;
  padding-inline: clamp(56px,6vw,110px);
  padding-top: 56px;
  text-align: center;
}
.loh_secNewMenu_ttl::after{
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 248px;
  background-image: radial-gradient(closest-side, rgba(255, 211, 222, 1) 66%, rgba(255, 255, 255, 1));
  border-radius: 50%;
}
.loh_secNewMenuBlock{
  position: relative;
  overflow: hidden;
  padding-top: 32px;
  padding-inline: 8px;
  background-image: linear-gradient(180deg, rgba(255, 210, 222, 1), rgba(255, 255, 255, 1) 74%);
}
.loh_secNewMenu_expFlx{
  display: flex;
  align-items: stretch;
  max-width: 798px;
  margin-inline: auto;
  padding: 2px;
  background-color: #FFF;
}
.loh_secNewMenu_head{
  align-content: center;
  padding: clamp(8px,2vw,16px);
  line-height: normal;
  background-color: #FFF;
}
.loh_secNewMenu_txt{
  flex: 1 1 auto;
  padding: clamp(8px,2vw,16px);
  font-size: clamp(0.875rem, 0.324rem + 2.05vw, 1.375rem);/*430-820 14-22*/
  color: #FFF;
  font-weight: bold;
  line-height: 1.4;
  background-color: #E63983;
}
/* メニューリスト */
.loh_secNewMenu_list{
  position: relative;
  display: flex;
  gap: clamp(8px,1.2vw,40px);
  max-width: 1280px;
  margin-inline: auto;
  margin-top: 24px;
}
.loh_secNewMenu_list::before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -490px;
  width: 588px;
  height: 440px;
  background-image: url(../img/deco_secnewmenu01.svg);
  background-repeat: no-repeat;
}
.loh_secNewMenu_list::after{
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  right: -490px;
  width: 588px;
  height: 440px;
  background-image: url(../img/deco_secnewmenu01.svg);
  transform: scaleX(-1);
  background-repeat: no-repeat;
}
.loh_secNewMenu_list>*{
  flex: 1;
  position: relative;
  z-index: 1;
  padding: clamp(8px,1.2vw,16px);
  padding-bottom: 24px;
  background-color: #FFFFFF;
  border-radius: 10px;
}
.loh_secNewMenu_list figure{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.loh_secNewMenu_img{max-width: 366px;}
.loh_secNewMenu_img img{border-radius: 20px;}
.loh_secNewMenu_list figcaption{width: 100%;}
/* メニューの説明 */
.loh_secNewMenu_nameFlx{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(6px,1.2vw,12px);
}
.loh_secNewMenu_tag{
  max-width: clamp(40px,10vw,72px);
  width: 100%;
  max-height: 30px;
  padding: clamp(4px,1.2vw,8px);
  font-size: clamp(0.75rem,2vw,1rem);
  color: #FFF;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  background-color: #E63983;
  border-radius: 9px;
}
.loh_secNewMenu_name{
  font-size: clamp(1rem,2vw,1.375rem);
  color: #3C797D;
  font-weight: bold;
}
.loh_secNewMenu_price{
  margin-top: clamp(12px,1.2vw,16px);
  font-size: clamp(1.25rem,4vw,2.5rem);/*430-820 18-40*/
  color: #3C797D;
  font-weight: bold;
  text-align: center;
}
.loh_secNewMenu_unit{
  font-size: clamp(0.875rem, 0.4615rem + 1.5385vw, 1.25rem);/*430-820 14-20*/
  color: #3C797D;
  font-weight: bold;
}
.loh_secNewMenu_month{
  margin-top: 16px;
  font-size: clamp(1rem,3vw,1.5rem);/*430-820 14-24*/
  color: #FB5888;
  font-weight: bold;
  text-align: center;
}
.loh_secNewMenu_exp{
  display: flex;
  justify-content: center;
  margin-top: clamp(8px,1.2vw,12px);
  font-size: clamp(0.75rem,2vw,1rem);
  color: #355664;
  font-weight: bold;
  line-height: 1.3;
}
.loh_secNewMenu_note{
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  padding-block: 12px;
  font-size: 0.875rem;
  color: #355664;
  font-weight: bold;
  border-block: 1px solid #707070;
}

.loh_spice_mov{
  width:80%;
  max-width:640px;
  margin:40px auto 0;
}

/* 安心してご利用いただくために */
.loh_secNewaddBlock{
  margin-top: 32px;
  padding-inline: 16px;
}
.loh_secNewaddTtl{
  font-size: clamp(1.125rem,2vw,1.25rem);
  color: #9E4450;
  font-weight: bold;
  text-align: center;
}
.loh_secNewaddList{
  display: flex;
  gap: 20px;
  max-width: 1132px;
  margin-inline: auto;
  margin-top: 16px;
}
.loh_secNewaddList>*{
  position: relative;
  flex: 1;
  padding: clamp(8px,2vw,18px);
  padding-left: clamp(32px,4vw,40px);
  background-color: #FFF9F9;
  border: 1px solid #AE798F;
  border-radius: 8px;
  box-shadow: inset 6px 0px 0px 0px #D4858F;
}
.loh_secNewaddList>*::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -12px;
  width: clamp(24px,5vw,48px);
  height: 100%;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
}
.loh_secNewaddList>*:nth-child(1)::after{background-image: url(../img/il_newaddlist01.svg);}
.loh_secNewaddList>*:nth-child(2)::after{background-image: url(../img/il_newaddlist02.svg);}
.loh_secNewaddList>*:nth-child(3)::after{background-image: url(../img/il_newaddlist03.svg);}
.loh_secNewaddList_ttl{
  color: #9E4450;
  font-size: clamp(0.875rem,2vw,1rem);
  font-weight: bold;
}
.loh_secNewaddList_txt{
  margin-top: 16px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: calc(21/14);
}


/* loh_secOldMenuWrap */
.loh_secOldMenuWrap{
  margin-top: 40px;
  padding-top: 16px;
  background-image: linear-gradient(150deg, rgba(195, 242, 242, 1), rgba(255, 255, 255, 1));
}
.loh_secOldMenu_ttl{
  position: relative;
  max-width: 580px;
  margin-inline: auto;
  padding-top: 56px;
  text-align: center;
}
.loh_secOldMenu_ttl::after{
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 248px;
  background-image: radial-gradient(closest-side, rgba(255, 211, 222, 1) 66%, rgba(255, 255, 255, 1));
  border-radius: 50%;
}
.loh_secOldMenuBlock{
  margin-top: 24px;
  padding-inline: 8px;
}
.loh_secOldMenu_expFlx{
  display: flex;
  align-items: stretch;
  max-width: 798px;
  margin-inline: auto;
  padding: 2px;
  background-color: #FFF;
}
.loh_secOldMenu_head{
  align-content: center;
  padding: clamp(8px,2vw,16px);
  background-color: #5BB9BF;
}
.loh_secOldMenu_txt{
  flex: 1 1 auto;
  padding: clamp(8px,2vw,16px);
  font-size: clamp(1rem, 0.5865rem + 1.5385vw, 1.375rem);/*430-820 16-22*/
  font-weight: bold;
  line-height: 1.4;
  background-color: #E2FDFF;
}
/* loh_calendar */
.loh_calendar{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(8px,1.2vw,24px);
  margin-top: 24px;
  padding-inline: 8px;
}
.loh_calendarImg{
  max-width: 350px;
}
.loh_calendar p{
  font-size: clamp(1rem, 2vw, 1.625rem);/*430-820 18-26*/
  color: #3C797D;
  font-weight: bold;
  line-height: calc(30/26);
  white-space: nowrap;
}
/* メニューリスト */
.loh_secOldMenu_list{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto max-content;
  gap: 8px clamp(8px,1.2vw,20px);
  max-width: 1280px;
  margin-inline: auto;
}
.loh_secOldMenu_list_sp{display: contents;}
.loh_secOldMenu_listItem{
  padding: clamp(8px,1.2vw,16px);
  padding-bottom: 24px;
  background-color: #FFFFFF;
  border-radius: 10px;
}
.loh_secOldMenu_listItem05{
  grid-column: 2/-1;
  grid-row: 2/-1;
}
.loh_secOldMenu_listItem01{
  position: relative;
  grid-row: 1/-1;
  min-width: 270px;
  padding: 6px;
  border: 5px solid #66C9D0;
}
.loh_secOldMenu_listItem01::after{
  content: '';
  display: block;
  position: absolute;
  top: -64px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(
  ../img/tag_oldmenu_listitem01.webp);
  background-size: contain;
  width: clamp(7.5rem, 5.433rem + 7.69vw, 8.75rem);/*120-140 430-690*/
  aspect-ratio: 140/80;
}
.loh_secOldMenu_list figure{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(8px,2vw,32px);
}
.loh_secOldMenu_img{max-width: clamp(180px,47vw,366px);}
.loh_secOldMenu_img img{border-radius: 20px;}
/* メニューの説明 */
.loh_secOldMenu_nameFlx{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(6px,1.2vw,12px);
}
.loh_secOldMenu_tag{
  max-width: clamp(40px,10vw,72px);
  width: 100%;
  max-height: 30px;
  padding: clamp(4px,1.2vw,8px);
  font-size: clamp(0.75rem,2vw,1rem);
  color: #FFF;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  border-radius: 9px;
}
.loh_secOldMenu_name{
  font-size: clamp(1rem,2vw,1.375rem);
  font-weight: bold;
}
.loh_secOldMenu_price{
  margin-top: clamp(12px,1.2vw,16px);
  font-size: clamp(1.25rem,4vw,2.5rem);/*430-820 18-40*/
  font-weight: bold;
  text-align: center;
}
.loh_secOldMenu_unit{
  font-size: clamp(0.875rem, 0.4615rem + 1.5385vw, 1.25rem);/*430-820 14-20*/
  font-weight: bold;
}
.loh_secOldMenu_month{
  margin-top: 16px;
  font-size: clamp(1rem,3vw,1.5rem);/*430-820 14-24*/
  font-weight: bold;
  text-align: center;
}
.loh_secOldMenu_exp{
  display: flex;
  justify-content: center;
  margin-top: clamp(8px,1.2vw,12px);
  font-size: clamp(0.75rem,2vw,1rem);
  color: #355664;
  font-weight: bold;
  line-height: 1.3;
}
.loh_secOldMenu_note{
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  padding-block: 12px;
  font-size: 0.875rem;
  color: #355664;
  font-weight: bold;
  border-block: 1px solid #707070;
}
/* loh_secOldMenu_kinen */
.loh_secOldMenu_kinen{
  padding: 19px clamp(8px,1vw,16px);
  background-color: #66C9D0;
  border-radius: 18px;
}
.loh_secOldMenu_kinenTtl{
  font-size: clamp(1rem,2.1vw,1.125rem);/*430-820 16-19*/
  color: #FAFF6D;
  font-weight: bold;
}
.loh_secOldMenu_kinenTxt{
  margin-top: 12px;
  font-size: clamp(0.875rem, 0.7372rem + 0.5128vw, 1rem);/*430-820 14-16*/
  color: #FFF;
  font-weight: bold;
  line-height: calc(22/15);
}
.loh_secOldMenu_kinenFlx{
  display: flex;
  align-items: flex-start;
  margin-top: 16px;
}
.loh_secOldMenu_kinenFlx p{
  font-size: 0.875rem;
  color: #FFF;
  line-height: calc(22/14);
}
/* 注意書き */
.loh_secOldaddTtl{
  font-size: 20px;
  color: #9E4450;
  font-weight: bold;
  text-align: center;
}
.loh_secOldaddList{
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 18px clamp(18px,2vw,32px);
  background-color: #F5F5F5;
  border: 1px solid #C6C6C6;
}
.loh_secOldaddList>*{
  font-size: 0.875rem;
  font-weight: bold;
  line-height: calc(25 / 14);
}
.loh_secOldaddList>*::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -12px;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
}


/* 利用ガイドはこちらから */
.loh_linkGuide{
  display: block;
  font-size: clamp(1rem, 0.5865rem + 1.5385vw, 1.375rem);/*430-820 16-22*/
  color: #4D4D4D;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  transition: text-decoration-color .2s;
}


/* loh_secFlow */
.loh_secFlow{
  margin-top: 24px;
  padding-bottom: 24px;
  padding-inline: 8px;
  overflow: hidden;
}
.loh_flowBlock{
  position: relative;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  margin-top: 72px;
}
.loh_flowBlock::before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -36%;
  width: 364px;
  height: 100%;
  aspect-ratio: 364/366;
  background-image: url(../img/il_flow01.webp);
  background-repeat: no-repeat;
}
.loh_flowBlock::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: -36%;
  width: 364px;
  height: 100%;
  aspect-ratio: 364/366;
  background-image: url(../img/il_flow02.webp);
  background-repeat: no-repeat;
}
.loh_flowList{
  display: flex;
  justify-content: center;
  gap: clamp(16px,2vw,48px);
  margin-top: 32px;
  z-index: 1;
}
.loh_flowListItem{
  flex: 1;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: clamp(12px,2vw,24px);
  width: 300px;
  padding: clamp(12px,2vw,32px);
  padding-top: clamp(32px,2vw,58px);
  background-color: #FFF;
  box-shadow: 0px 3px 15px 0px rgba(0, 212, 255, 0.45);
}
.loh_flowListItem::after{
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(24px,5vw,50px);
  height: clamp(24px,5vw,50px);
  top: -16px;
  font-size: clamp(1rem,3vw,2rem);
  color: #FFF;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  align-content: center;
  background-color: #F05989;
  border-radius: 50%;
}
.loh_flowListItem01::after{content: '1';}
.loh_flowListItem02::after{content: '2';}
.loh_flowListTtl{
  font-size: clamp(1.125rem, 0.7115rem + 1.5385vw, 1.5rem);/*430-820 18-24*/
  font-weight: bold;
  line-height: calc(36/24);
}
.loh_btnStorelist{
  display: block;
  max-width: 274px;
  width: 100%;
  max-height: clamp(40px, 5vw, 52px);
  padding-block: 12px;
  font-size: clamp(0.875rem, 2.2vw, 1.25rem);/*430-820 14-20*/
  color: #F05989;
  font-weight: bold;
  text-align: center;
  text-decoration: unset;
  background-color: #FFFFFF;
  border-radius: 9999px;
  border: 1px solid #F05989;
  box-shadow: 0px 3px 0px 0px #F05989;
  transition: transform .2s, filter .2s;
}
.loh_flowListTxt{
  font-size: 0.875rem;
  font-weight: bold;
  line-height: calc(22/14);
}


/* loh_secInfo */
.loh_secInfo{
  margin-top: clamp(48px,7vw,116px);
  padding-inline: 8px;
}
.loh_infoList{
  display: flex;
  justify-content: center;
  gap: clamp(16px,2vw,40px);
  max-width: 1000px;
  margin-inline: auto;
}
.loh_infoList>*{
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: clamp(24px,5vw,64px) 16px clamp(24px,5vw,32px);
  border: 10px solid #F5F5F5;
}
.loh_infoListTtl{
  font-size: clamp(1rem, 2.1vw, 1.25rem);/*16-20*/
  font-weight: bold;
}
.loh_infoListTxt{
  font-size: 0.875rem;
  line-height: calc(28/14);
}


/* loh_secContact */
.loh_secContact{
  margin-top: 56px;
  padding-inline: 8px;
}





@media (hover: hover) and (pointer: fine) {
  /* 利用ガイドはこちらから */
  .loh_linkGuide:hover{text-decoration-color: transparent;}
  /* loh_secFlow */
  .loh_btnStorelist:hover{
    transform: translateY(4px);
    filter: brightness(1.2);
  }
}

@media screen and (max-width:1180px){
  /* New Plan */
  .loh_supImg01{
    left: unset;
    right: -96px;
  }
}

@media screen and (max-width:960px){
  /* メニュー */
  .loh_topmenuFlx{
    left: unset;
    flex-direction: column;
    background-image: linear-gradient(180deg, rgba(247, 166, 12, 0), rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 30%);
    box-shadow: inset -1px -1px 0px 0px rgba(220, 148, 165, 1), 0px 3px 20px 0px rgb(251 88 136 / 8%);
  }
  .loh_topmenuNew{
    max-width: 100%;
    width: 100%;
  }
  .loh_topmenuList >*:nth-child(3){padding-right: 0px;}
  .loh_topmenuFlx::before,
  .loh_topmenuFlx::after{display: none;}
  /* New Plan */
  .loh_topmenuNew{
    background-image: unset;
    box-shadow: unset;
  }
  .loh_supImg01{
    top: clamp(-150px, calc(-130px - (100vw - 690px) * 20 / 270), -130px);/*-130 - -150 690-960*/
    right: unset;
    left: clamp(72px,14vw,140px);
  }
  /* loh_topmenuOld */
  .loh_topmenuOld{
    max-width: 450px;
    margin-inline: auto;
  }
  .loh_btnOldPlan.pcblock{display: none;}
  /* 従来プランも販売中！独立ボタン */
  .loh_btnOldPlan.spblock{
    display: block;
    margin: 32px auto -24px;
    width: auto;
    max-width: 400px;
    width: 70%;
  }
  .loh_btnOldPlan.spblock img{max-width: 80%;}
  /* 安心してご利用いただくために */
  .loh_secNewaddList{flex-direction: column;}
  /* loh_secOldMenuWrap */
  .loh_secOldMenu_list{
    display: unset;
  }
  .loh_secOldMenu_list_sp{
    display: flex;
    gap: 8px;
    overflow-x: auto;
    width: 100%;
    padding-top: 64px;
  }
  .loh_secOldMenu_list_sp > * {
    flex: 0 0 auto;
  }
  .loh_secOldMenu_listItem05{
    margin-top: 16px;
  }
}




@media screen and (max-width:800px){
  /* お花を定期購入するボタン float */
  .loh_BtnEllipse.loh_application.float.is-fixed{
    bottom: calc(17.5vw + 40px);
  }
}



@media screen and (max-width:690px){
  /* MV */
  .loh_kvLogo{
    right: unset;
    left: clamp(2rem, -13.298rem + 56.92vw, 11.25rem);/*32-180 430-690*/
    max-width: clamp(188px, 20vw, 200px);
  }
  .loh_kvImg{padding-top: 72px;}
  /* メニュー */
  .loh_topmenuList >*:nth-child(1) h2 img{padding-right: clamp(28px, 6vw, 54px);}
  /* loh_topmenuOld */
  .loh_slideshow{
    width: clamp(133px, 29vw, 230px);
    left: 0;
  }
  .loh_topmenuOld_comment{inset: 0 auto auto clamp(9.25rem, 4.082rem + 19.23vw, 12.375rem);/*148-198 430-690*/}
  .loh_topmenuOld_commentEx{
    bottom: 0;
    transform: unset;
  }
  /* loh_secAboutWrap */
  .loh_secAboutWrapTtl_block{flex-direction: column;}
  /* loh_secFlow */
  .loh_flowList{flex-direction: column;}
  .loh_flowBlock::before,
  .loh_flowBlock::after{display: none;}
  /* loh_secInfo */
  .loh_infoList{flex-direction: column;}
}




@media screen and (max-width:430px){
  /* loh_secNewMenuWrap */
  .loh_secNewMenuBlock{background-image: linear-gradient(180deg, rgba(255, 210, 222, 1), rgba(255, 255, 255, 1) 107%);}
  .loh_secNewMenu_list{flex-direction: column;}
  .loh_secNewMenu_list figure{flex-direction: row;gap: 0;}
  .loh_secNewMenu_img{max-width: 140px;}
  .loh_secNewMenu_note{margin-top: 24px;}
}