@charset "utf-8";
html {
  scroll-behavior: smooth;
  scroll-padding-top: 81px;
}
.bizfoneWrap {
  /* color */
  --color-navy: #12297A;
  --color-orange: #F88600;
  --color-blue: #0272CD;
  --text-color: #333;
  --color-bg-skyblue: #EBF9FD;
  --color-bg-yellow: #FFFAE5;
  --color-bg-yellow-daken: #FFEA8E;
  --color-bg-gray: #EFEFEF;

  /* font */
  --font-ja: "Noto Sans JP", sans-serif;
  --font-en: "Outfit", sans-serif;
  --font-en-ja: "Outfit", "Noto Sans JP", sans-serif;

  /* font-weight */
  --font-weight-extra-bold: 800;
  --font-weight-bold: 700;
  --font-weight-medium: 500;

  /* line-height */
  --line-height-14: 1.4;
  --line-height-16: 1.6;
  --line-height-18: 1.8;

  /* transition */
  --transition-opacity: opacity .3s;

  /* opacity */
  --opacity-hover: .5;

  /* 基本設定 */
  line-height: var(--line-height-16);
  color: var(--text-color);
  font-size: 16px;
  font-family: var(--font-ja);
  font-weight: var(--font-weight-medium);
}

/*--------------------------------
  header
--------------------------------*/
.mainObi {
  display: none;
}
.bizfoneHeader {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 81px;
  padding-inline: min(40px, 2.85vw) min(20px, 1.42vw);
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);
}
.bizfoneWrap:has(.bizfoneTop) .bizfoneHeader {
  background-color: transparent;
  box-shadow: none;
  transition: background-color .3s, box-shadow .3s;
}
.bizfoneWrap:has(.bizfoneTop) .bizfoneHeader.scrolled {
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);
}
.bizfoneHeaderLogo img {
  width: min(138px, 9.85vw);
  transition: var(--transition-opacity);
}
.bizfoneHeaderLogo a:hover img {
  opacity: var(--opacity-hover);
}
.bizfoneHeaderRightMenusInnerDiv {
  display: flex;
  align-items: center;
  gap: min(36px, 2.57vw);
  font-size: min(15px, 1.07vw);
}
.bizfoneHeaderRight a {
  transition: var(--transition-opacity);
}
.bizfoneHeaderRight a:hover {
  opacity: var(--opacity-hover);
}
.bizfoneHeaderMenu {
  display: flex;
  align-items: center;
  gap: min(36px, 2.57vw);
}
.bizfoneHeaderMenuCnt a {
  display: flex;
  align-items: center;
  gap: min(8px, .57vw);
}
body.devicePC .bizfoneHeaderMenuCnt a:hover {
  color: var(--text-color);
}
.bizfoneHeaderMenuCnt a::after {
  content: '';
  display: block;
  width: min(6px, .42vw);
  height: min(6px, .42vw);
  border-right: min(2px, .14vw) solid var(--color-blue);
  border-bottom: min(2px, .14vw) solid var(--color-blue);
  transform: rotate(45deg);
}
.bizfoneHeaderCvButtons {
  display: flex;
  align-items: center;
  gap: min(8px, .57vw);
}
.bizfoneHeaderCvButtonCnt a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(138px, 9.85vw);
  height: min(49px, 3.5vw);
  border-radius: 4px;
  color: #fff;
  font-weight: var(--font-weight-bold);
  transition: color .3s, background-color .3s;
}
.bizfoneHeaderCvButtonDownload a {
  border: 2px solid var(--color-orange);
  background-color: var(--color-orange);
}
body.devicePC .bizfoneHeaderCvButtonDownload a:hover {
  opacity: 1;
  background-color: #fff;
  color: var(--color-orange);
}
.bizfoneHeaderCvButtonContact a {
  border: 2px solid var(--color-blue);
  background-color: var(--color-blue);
}
body.devicePC .bizfoneHeaderCvButtonContact a:hover {
  opacity: 1;
  color: var(--color-blue);
  background-color: #fff;
}


/*--------------------------------
  footer
--------------------------------*/
footer.disnone {
  display: none;
}
.bizfoneFooterAttention {
  font-size: 12px;
  text-align: right;
}
.bizfoneFooterAttentionWrap {
  padding-bottom: 10px;
}
.bizfoneWrap:has(.bizfoneTop) .bizfoneFooterAttentionWrap {
  background-color: #FFEA8E;
}
.bizfoneFooter {
  padding-bottom: 0;
  background: transparent;
}
.bizfoneFooter .breadcrumb {
  padding-top: 0;
  background-color: #FFEA8E;
}
footer .breadcrumb ol li:first-child {
  padding-left: 0;
}
footer .breadcrumb ol li:first-child::before {
  display: none;
}
.bizfoneFooterMenus {
  padding-block: 48px;
  background-color: var(--color-blue);
}
.bizfoneFooterMenus .bizfoneCntInner {
  display: flex;
}
.bizfoneFooterMenus img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.bizfoneFooterMenuBizfone {
  width: 50%;
}
.bizfoneFooterMenuHismobile {
  width: 50%;
  padding-left: 56px;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.bizfoneFooterMenuBizfoneTitle {
  margin-bottom: 25px;
}
.bizfoneFooterMenuBizfoneTitle img {
  width: 135px;
  height: 43px;
}
.bizfoneFooterMenuHismobileTitle {
  margin-bottom: 34px;
}
.bizfoneFooterMenuHismobileTitle img {
  width: 193px;
  height: 33px;
}
footer .bizfoneFooterMenu {
  display: block;
  width: 100%;
  padding: 0;
}
footer .bizfoneFooterMenu > .bizfoneFooterMenuItem {
  margin: 0;
  line-height: 26px;
}
footer .bizfoneFooterMenu > .bizfoneFooterMenuItem + .bizfoneFooterMenuItem {
  margin-top: 14px;
}
footer .bizfoneFooterMenu > .bizfoneFooterMenuItem > a {
  display: inline;
  font-size: 14px;
  color: #fff;
  transition: var(--transition-opacity);
}
.devicePC .bizfoneFooterMenuItem a:hover {
  opacity: var(--opacity-hover);
  color: #fff;
}
.bizfoneFooterCopy {
  line-height: 31px;
  background-color: var(--color-bg-yellow);
  font-size: 10px;
  text-align: center;
}
.bizfoneFooterTopBtn {
  position: fixed;
  bottom: 25px;
  right: 32px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 79px;
  height: 79px;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  line-height: var(--line-height-14);
  border: 2px solid var(--color-blue);
  border-radius: 50%;
  background-color: var(--color-blue);
  color: #fff;
  font-family: var(--font-en);
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  text-align: center;
  letter-spacing: .07em;
  transition: background-color .3s, color .3s;
}
.bizfoneFooterTopBtn.isFooter {
  position: absolute;
  bottom: auto;
  top: -74px;
}
.bizfoneWrap:has(.bizfoneTop) .bizfoneFooterTopBtn.isFooter  {
  top: -48px;
}
.devicePC a.bizfoneFooterTopBtn:hover {
  background-color: #fff;
  color: var(--color-blue);
}
.bizfoneFooterTopBtn::before {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(-45deg);
  transition: border-color .3s;
}
.bizfoneFooterTopBtn:hover::before {
  border-top-color: var(--color-blue);
  border-right-color: var(--color-blue);
}
.bizfoneWrap footer .subNavi li a.newWindow::after {
  filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(112deg) brightness(109%) contrast(100%);
}


/*--------------------------------
  common
--------------------------------*/
/* ヘッダー分のpadding */
#cntsWrap:not(:has(.bizfoneTop)) {
  padding-top: 81px;
}
/* 上付き文字 */
.bizfoneWrap sup {
  vertical-align: super;
}
/* 背景色 */
.bizfoneTopBgYellow {
  background-color: var(--color-bg-yellow);
}
.bizfoneTopBgSkyblue {
  background-color: var(--color-bg-skyblue);
}
/* 紺色ボックスシャドウ */
.bizfoneBoxshadow {
  border: 1px solid var(--color-navy);
  box-shadow: 3px 3px 0 var(--color-navy);
}
#bizfone .bizfoneBoxshadow + .bizfoneBoxshadow {
  margin-top: 0;
}
/* コンテンツ幅設定 */
.bizfoneCntInner {
  width: 1003px;
  max-width: calc(100% - 58px);
  margin-inline: auto;
}
/* button */
button {
  padding: 0;
  border: none;
  background-color: transparent;
  font-family: var(--font-ja);
  font-weight: 500;
}
button:hover {
  cursor: pointer;
}
/* ポップオーバー */
.bizfonePopoverTxt {
  color: var(--color-orange);
  font-weight: var(--font-weight-bold);
  transition: var(--transition-opacity);
}
.bizfonePopoverTxt::after {
  content: '？';
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 16px;
  margin-inline: 3px;
  border-radius: 50%;
  background-color: var(--color-orange);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}
.bizfonePopoverTxt:hover {
  opacity: var(--opacity-hover);
}
.bizfonePopoverWrap {
  position: relative;
}
.bizfonePopover {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transform: translateY(calc(100% + 10px));
  width: 312px;
  margin-top: 5px;
  padding: 12px 16px;
  border-radius: 6px;
  background-color: var(--color-bg-yellow-daken);
  font-size: 14px;
  overflow: visible;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.06));
}
.bizfonePopover.is-active {
  display: block;
}
.bizfonePopover::after {
  content: '';
  position: absolute;
  top: -8px;
  left: 15px;
  width: 12px;
  height: 9px;
  background-color: var(--color-bg-yellow-daken);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.bizfonePopoverLabel {
  font-size: 14px;
  font-weight: var(--font-weight-extra-bold);
}
.bizfonePopoverLabel::before {
  content: '？';
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-right: 4px;
  border-radius: 50%;
  background-color: var(--color-orange);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}
.bizfonePopoverContent {
  display: block;
  line-height: var(--line-height-14);
  margin-top: 4px;
  font-size: 12px;
}
/* アコーディオン */
summary {
  position: relative;
  display: block;
}
summary::-webkit-details-marker {
  display: none;
}
summary::before,
summary::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 20px;
  background-color: #B5B5B5;
  pointer-events: none;
  user-select: none;
}
summary::before {
  right: 0;
  width: 20px;
  height: 3px;
}
summary::after {
  right: 8.5px;
  width: 3px;
  height: 20px;
  transition: transform .3s, right .3s;
}
summary:hover {
  cursor: pointer;
}
.is-opened summary::after {
  right: 0;
  transform: rotate(90deg) translate(-10px, 9px);
}
/* 料金プラン */
.bizfonePricePlans {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 19px;
}
.bizfonePricePlan {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
  border-radius: 8px;
  background-color: #fff;
}
.bizfonePricePlanTitle {
  padding: 16px;
  border-radius: 7px 7px 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
}
.bizfonePricePlanStarter .bizfonePricePlanTitle {
  background-color: #36A4FD;
}
.bizfonePricePlanStanderd .bizfonePricePlanTitle {
  position: relative;
  background-color: var(--color-blue);
}
.bizfonePricePlanTitleBalloon {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 15px;
  background-color: #FEDB3C;
  width: 110px;
  line-height: 29px;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  color: #12297A;
  font-size: 16px;
}
.bizfonePricePlanTitleBalloon::before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 14px;
  height: 6px;
  background-color: #FEDB3C;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  pointer-events: none;
  user-select: none;
}
.bizfonePricePlanPrime .bizfonePricePlanTitle {
  background-color: #888;
}
.bizfonePricePlanOverview {
  line-height: var(--line-height-14);
  margin-top: 12px;
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
}
.bizfonePricePlanOverview + .bizfonePricePlanOverview {
  margin-top: 5px;
}
.bizfonePricePlanOverview span {
  color: var(--color-blue);
}
.bizfonePricePlanPrice {
  line-height: 1;
  margin-top: 20px;
  color: var(--color-blue);
  font-size: 18px;
  font-family: var(--font-en);
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
}
.bizfonePricePlanPriceNum {
  font-size: 50px;
  font-weight: var(--font-weight-bold);
}
.bizfonePricePlanPriceNumComma {
  font-size: 40px;
}
.bizfonePricePlanNoPrice {
  font-size: 24px;
  margin-top: 12px;
  padding-bottom: 12px;
  color: var(--color-blue);
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
}
.bizfonePricePlanPriceNote {
  font-size: 14px;
  text-align: center;
}
.bizfonePricePlanPointWrap {
  display: flex;
  align-items: center;
  height: 96px;
  line-height: var(--line-height-14);
  margin: auto 16px 0;
  padding: 12px 16px;
  border-radius: 3px;
  background-color: var(--color-bg-skyblue);
  font-size: min(14px, 1.4vw);
}
.bizfonePricePlanPoint {
  display: grid;
  grid-template-columns: 18px 1fr;
}
.bizfonePricePlanPoint::before {
  content: '';
  display: block;
  width: 13px;
  height: 9px;
  margin-top: 6px;
  background-image: url(/img/bizfone/icon_check_blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left;
}
.bizfonePricePlanPoint + .bizfonePricePlanPoint {
  margin-top: 6px;
}
/* パンくず */
.bizfone .breadcrumb {
  padding-top: 10px;
}
.bizfone .breadcrumb ol {
	overflow: hidden;
}
.bizfone .breadcrumb ol li {
	float: left;
	font-size: 12px;
}
.bizfone .breadcrumb ol li:first-child {
	position: relative;
}
.bizfone .breadcrumb ol li:not(:last-child) {
	padding-right: 5px;
}
.bizfone .breadcrumb ol li:not(:last-child)::after {
	content: ">";
	margin-left: 5px;
}
.bizfoneWrap .breadcrumb a {
  transition: var(--transition-opacity);
}
.devicePC .bizfoneWrap .breadcrumb a:hover {
  color: var(--text-color);
  opacity: var(--opacity-hover);
}
.bizfoneWrap .breadcrumb ol li:last-child {
  opacity: var(--opacity-hover);
}
/* 子ページh1 */
.bizfoneChildTitleWrap {
  display: flex;
  align-items: center;
  height: 242px;
  background-color: var(--color-bg-yellow);
  background-image: url(/img/bizfone/bg_child_title.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center right;
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneChildTitleEn {
  color: var(--color-blue);
  font-family: var(--font-en);
  font-size: 14px;
  letter-spacing: .07em;
}
.bizfoneChildTitle {
  line-height: 1;
  font-size: 42px;
}
/* 子ページh2 */
.bizfoneChildTitleMedium {
  margin-top: 80px;
  padding: 12px;
  border-left: 4px solid var(--color-orange);
  background-color: var(--color-bg-gray);
  font-size: 22px;
  font-weight: var(--font-weight-extra-bold);
}
/* 子ページh3 */
.bizfoneChildTitleSmall {
  line-height: var(--line-height-14);
  padding-left: 8px;
  border-left: 3px solid var(--color-blue);
  font-size: 20px;
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneChildTitleMedium + .bizfoneChildTitleSmall {
  margin-top: 16px;
}
/* 子ページCTA */
.bizfoneChildCta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 80px;
  padding: 9px 36px 0 20px;
  border-radius: 8px;
  background-color: var(--color-bg-skyblue);
}
.bizfoneChildCtaLeft {
  display: flex;
  gap: 6px;
}
.bizfoneChildCtaImg {
  align-self: flex-end;
  width: 122px;
}
.bizfoneChildCtaTxt {
  align-self: center;
  color: var(--color-blue);
  font-size: 24px;
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneChildCtaButton {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  width: 282px;
  height: 66px;
  border: 2px solid var(--color-blue);
  border-radius: 4px;
  background-color: var(--color-blue);
  color: #fff;
  font-weight: var(--font-weight-extra-bold);
  font-size: 18px;
  text-align: center;
  transition: background-color .3s, color .3s;
}
.bizfoneChildCtaButton svg {
  width: 19px;
}
.bizfoneChildCtaButton svg path {
  transition: fill .3s;
}
.devicePC a.bizfoneChildCtaButton:hover {
  background-color: #fff;
  color: var(--color-blue);
}
.bizfoneChildCtaButton:hover svg path {
  fill: var(--color-blue);
}


/* --------------------------------
  TOP
-------------------------------- */
/* TOP - タイトル */
.bizfoneTitleWrap {
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
}
.bizfoneTitleEn {
  color: var(--color-orange);
  font-family: var(--font-en-ja);
  font-size: 12px;
  letter-spacing: .07em;
}
.bizfoneTitle {
  line-height: 1.3;
  color: var(--color-navy);
  font-size: 38px;
}
.bizfoneTopLead {
  margin-top: 32px;
  text-align: center;
}
/* TOP - クロージングテキスト */
.bizfoneTopClosingTxt {
  line-height: var(--line-height-14);
  margin-top: 56px;
  color: var(--color-navy);
  font-weight: var(--font-weight-extra-bold);
  font-size: 24px;
  text-align: center;
}
/* TOP - 青いCVボタン */
.bizfoneTopCvBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  margin: 24px auto 0;
  border: 2px solid var(--color-blue);
  border-radius: 4px;
  background-color: var(--color-blue);
  color: #fff;
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
  transition: background-color .3s, color .3s;
}
.devicePC a.bizfoneTopCvBtn:hover {
  background-color: #fff;
  color: var(--color-blue);
}
.bizfoneTopCvBtnArrow {
  gap: 8px;
}
.bizfoneTopCvBtnArrow::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  transition: border-color .3s;
  pointer-events: none;
  user-select: none;
}
.bizfoneTopCvBtnArrow:hover::after {
  border-right-color: var(--color-blue);
  border-bottom-color: var(--color-blue);
}
/* mv */
.bizfoneTopMv {
  position: relative;
  height: 790px;
  background-color: #FFFDED;
}
.bizfoneTopMv::before,
.bizfoneTopMv::after {
  content: '';
  position: absolute;
  pointer-events: none;
  user-select: none;
  background-size: contain;
  background-repeat: no-repeat;
}
.bizfoneTopMv::before {
  top: 0;
  right: 0;
  width: 501px;
  height: 456px;
  background-image: url(/img/bizfone/bg_mv_right.png);
  background-position: top right;
}
.bizfoneTopMv::after {
  bottom: 0;
  left: 0;
  width: 736px;
  height: 515.5px;
  background-image: url(/img/bizfone/bg_mv_left.png);
  background-position: bottom left;
}
@media screen and (max-width:1439px) {
  .bizfoneTopMv::before,
  .bizfoneTopMv::after {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 1440px;
  }
}
.bizfoneTopMvInner {
  position: relative;
  z-index: 1;
  width: 1003px;
  max-width: calc(100% - 58px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-inline: auto;
  padding-bottom: 43px;
  text-align: center;
}
.bizfoneTopMvTop {
  width: fit-content;
}
.bizfoneTopMvBalloon {
  position: relative;
  width: fit-content;
  box-sizing: content-box;
  margin-inline: auto;
  padding-inline: 13px;
  line-height: 37px;
  border-radius: 19px;
  background-color: var(--color-bg-yellow-daken);
  color: var(--color-navy);
  font-size: 20px;
  font-weight: var(--font-weight-bold);
}
.bizfoneTopMvBalloon::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 43px;
  width: 16px;
  height: 11px;
  background-color: var(--color-bg-yellow-daken);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  pointer-events: none;
  user-select: none;
}
.bizfoneTopMvBalloon span {
  padding-inline: 3px 2px;
  color: #FF6C00;
  font-family: var(--font-en);
  font-size: 32px;
  vertical-align: -2px;
}
.bizfoneTopMvCatch01 {
  margin-top: 7px;
  color: var(--color-navy);
  font-size: 31px;
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneTopMvCatch01 sup {
  font-size: 16px;
}
.bizfoneTopMvCatch02 {
  line-height: 1;
  color: var(--color-navy);
  font-size: 47px;
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneTopMvCatch02Letterspacing {
  margin-left: -15px;
}
.bizfoneTopMvCatch03 {
  line-height: 1.54;
  margin-top: 40px;
  color: #FF6C00;
  font-size: 20px;
  font-weight: var(--font-weight-extra-bold);
  letter-spacing: .042em;
}
.bizfoneTopMvLogo {
  margin-top: 9px;
}
.bizfoneTopMvLogo img {
  width: 334px;
  height: 107px;
}
.bizfoneTopMvImg {
  position: absolute;
  bottom: 147px;
  right: -103px;
  width: 433px;
}
.bizfoneTopMvImg img {
  aspect-ratio: 433 / 470;
}
@media screen and (max-width:1250px) {
  .bizfoneTopMvImg {
    right: 0;
    width: 30.06vw;
  }
}
@media screen and (max-width:910px) {
  .bizfoneTopMvImg {
    width: 20vw;
  }
}
.bizfoneCvButtons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 36px;
}
.bizfoneCvButton a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 210px;
  height: 66px;
  border-radius: 4px;
  color: #fff;
  font-weight: var(--font-weight-bold);
  transition: background-color .3s, color .3s;
}
.bizfoneCvButtonDownload a {
  border: 2px solid var(--color-orange);
  background-color: var(--color-orange);
}
.bizfoneCvButton svg path {
  transition: fill .3s;
}
body.devicePC .bizfoneCvButton.bizfoneCvButtonDownload a:hover {
  background-color: #fff;
  color: var(--color-orange);
}
.bizfoneCvButtonDownload svg {
  width: 16px;
}
.bizfoneCvButton.bizfoneCvButtonDownload a:hover svg path {
  fill: var(--color-orange);
}
.bizfoneCvButtonContact a {
  border: 2px solid var(--color-blue);
  background-color: var(--color-blue);
}
.bizfoneCvButtonContact svg {
  width: 19px;
}
body.devicePC .bizfoneCvButton.bizfoneCvButtonContact a:hover {
  background-color: #fff;
  color: var(--color-blue);
}
.bizfoneCvButton.bizfoneCvButtonContact a:hover svg path {
  fill: var(--color-blue);
}
.bizfoneTopMvNote {
  margin-top: 10px;
  font-size: 14px;
  letter-spacing: .04em;
}
.bizfoneTopMvNews {
  margin-top: 70px;
}
.bizfoneTopMvNews a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 61px;
  padding: 15px 20px 15px 64px;
  border-radius: 8px;
  background-color: #fff;
}
.bizfoneTopMvNews a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 32px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-right: 2px solid #B5B5B5;
  border-bottom: 2px solid #B5B5B5;
  transform: rotate(315deg);
  pointer-events: none;
  user-select: none;
  transition: var(--transition-opacity);
}
body.devicePC .bizfoneTopMvNews a:hover {
  color: var(--text-color);
}
.bizfoneTopMvNews a:hover::after {
  opacity: var(--opacity-hover);
}
.bizfoneTopMvNewsLabel {
  color: var(--color-navy);
  font-weight: var(--font-weight-bold);
}
.bizfoneTopMvNewsTime {
  margin-left: 64px;
  font-family: var(--font-en);
  transition: var(--transition-opacity);
  white-space: nowrap;
}
.bizfoneTopMvNewsTitle {
  margin-left: 32px;
  font-size: 15px;
  transition: var(--transition-opacity);
}
.bizfoneTopMvNews a:hover .bizfoneTopMvNewsTime,
.bizfoneTopMvNews a:hover .bizfoneTopMvNewsTitle {
  opacity: var(--opacity-hover);
}

/* 現場の電話の不自由、放置していませんか？ */
.bizfoneTopProblem {
  position: relative;
  padding-block: 56px;
  background-color: #E0F4FF;
}
.bizfoneTopProblem::before {
  content: '';
  position: absolute;
  bottom: -47px;
  left: 50%;
  transform: translateX(-50%);
  width: 141px;
  height: 48px;
  background-color: #E0F4FF;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  user-select: none;
  pointer-events: none;
}
.bizfoneTopProblemTitle {
  color: var(--color-navy);
  font-size: 32px;
  text-align: center;
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneTopProblemMain {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 19px;
  margin-top: 32px;
}
.bizfoneTopProblemMainCnt {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 19px 0;
}
.bizfoneTopProblemMainBalloon {
  position: relative;
  padding: 22px;
  border-radius: 8px;
  background-color: #fff;
}
.bizfoneTopProblemMainBalloon::after {
  content: '';
  position: absolute;
  bottom: -18px;
  left: 35.8%;
  width: 25px;
  height: 18px;
  background-image: url(/img/bizfone/balloon_tail.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  user-select: none;
}
.bizfoneTopProblemMainTitleWrap {
  font-weight: var(--font-weight-extra-bold);
  font-size: 24px;
  text-align: center;
}
.bizfoneTopProblemMainTitleNum {
  line-height: 1;
  color: var(--color-orange);
  font-family: var(--font-en);
}
.bizfoneTopProblemMainTitle {
  margin-top: -3px;
  color: var(--color-navy);
}
.bizfoneTopProblemMainTxt {
  margin-top: 8px;
}
.bizfoneTopProblemMainImg {
  text-align: center;
}
.bizfoneTopProblemMainImg img {
  width: 100%;
  max-width: 204px;
}

/* そのお悩み、Bizfone（ビズホン）ならスマホ1台でラクラク解決！ */
.bizfoneTopSolution {
  position: relative;
  padding-block: 80px;
}
.bizfoneTopSolution::before,
.bizfoneTopSolution::after {
  content: '';
  position: absolute;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  width: min(1474px, 100%);
  height: 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  user-select: none;
}
.bizfoneTopSolution::before {
  top: 0;
  background-image: url(/img/bizfone/bg_solution_left.png);
  background-size: min(483.5px, 32.8vw) auto;
  background-position: left top;
}
.bizfoneTopSolution::after {
  bottom: 0;
  background-image: url(/img/bizfone/bg_solution_right.png);
  background-size: min(486px, 32.97vw) auto;
  background-position: right bottom;
}
.bizfoneTopSolutionTitleWrap {
  color: var(--color-navy);
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
}
.bizfoneTopSolutionTitleSub {
  font-size: 24px;
}
.bizfoneTopSolutionTitleSub img {
  width: 154px;
  margin-inline: -6px 5px;
  vertical-align: middle;
}
.bizfoneTopSolutionTitle {
  line-height: 1.3;
  font-size: 42px;
}
.bizfoneTopSolutionTitle span {
  position: relative;
}
.bizfoneTopSolutionTitle span::before {
  content: '';
  position: absolute;
  bottom: 4px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 14px;
  border-radius: 7px;
  background-color: #FEDB3C;
  pointer-events: none;
  user-select: none;
}
.bizfoneTopSolutionMain {
  display: grid;
  grid-template-columns: 1fr 150px;
  align-items: center;
  gap: min(64px, 4.45vw);
  width: calc(100% - min(126px, 8.75vw));
  margin: 20px auto 0;
  padding: min(40px, 2.77vw) min(64px, 4.45vw) min(40px, 2.77vw) min(40px, 2.77vw);
  border-radius: 8px;
  background-color: #fff;
}
.bizfoneTopSolutionMainTitle {
  line-height: 40px;
  border-radius: 20px;
  background: var(--color-navy);
  color: #fff;
  font-size: 24px;
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
}
.bizfoneTopSolutionMainTitleSub {
  margin-top: 20px;
  color: var(--color-navy);
  font-size: 22px;
  font-weight: var(--font-weight-bold);
  text-align: center;
}
.bizfoneTopSolutionMainTxt {
  line-height: 1.8;
  margin-top: 12px;
  font-size: 17px;
}
.bizfoneTopSolutionMainTxt .bizfonePopoverTxt {
  font-size: 20px;
}
.bizfoneTopSolutionMainTxt .bizfonePopoverTxt::after {
  vertical-align: 5px;
}
.bizfoneTopSolutionMainPoint {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  border-radius: 3px;
  background-color: var(--color-bg-yellow);
  text-align: center;
}

/* Bizfone（ビズホン）の特徴 */
.bizfoneTopFeature {
  padding-block: 80px;
  background-color: var(--color-bg-yellow-daken);
}
.bizfoneTopFeatureOverviews {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 19px;
  margin-top: 32px;
}
.bizfoneTopFeatureOverview {
  padding: 24px 18px;
  border-radius: 8px;
  background-color: #fff;
  text-align: center;
}
.bizfoneTopFeatureOverviewTitleWrap {
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneTopFeatureOverviewTitleNum {
  line-height: 1;
  color: var(--color-orange);
  font-family: var(--font-en);
  font-size: 42px;
}
.bizfoneTopFeatureOverviewTitle {
  color: var(--color-navy);
  font-size: 24px;
}
.bizfoneTopFeatureOverviewImg {
  margin-top: 12px;
  text-align: center;
}
.bizfoneTopFeatureOverviewImg img {
  width: 100%;
  max-width: 98px;
}
.bizfoneTopFeatureOverviewCatch {
  margin-top: 16px;
  font-weight: var(--font-weight-extra-bold);
  font-size: 18px;
}
.bizfoneTopFeatureOverviewTxt {
  margin-top: 8px;
}
.bizfoneTopFeatureMain {
  margin-top: 40px;
  padding: 32px;
  border-radius: 8px;
  background-color: #fff;
}
#bizfone .bizfoneTopFeatureMain + .bizfoneTopFeatureMain {
  margin-top: 19px;
}
.bizfoneTopFeatureMainTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  height: 43px;
  border-radius: 22px;
  background: var(--color-navy);
  color: #fff;
  font-size: 24px;
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneTopFeatureMainTitle span {
  color: var(--color-orange);
  font-family: var(--font-en);
  font-size: 31px;
}
.bizfoneTopFeatureMainLead {
  margin-top: 20px;
  font-weight: var(--font-weight-extra-bold);
  font-size: 18px;
  text-align: center;
  text-decoration: underline dotted var(--color-orange);
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}
.bizfoneTopFeatureMainLead .bizfonePopoverTxt {
  font-size: 18px;
  text-decoration: underline dotted var(--color-orange);
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}
.bizfoneTopFeatureMainLead .bizfonePopoverTxt::after {
  text-decoration: underline dotted var(--color-orange);
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}
.bizfoneTopFeatureMainLead .bizfonePopover {
  text-align: left;
}
.bizfoneTopFeatureMainLead .bizfonePopoverContent {
  font-weight: 500;
}
.bizfoneTopFeatureMainCnt01_01 {
  display: grid;
  grid-template-columns: 270px 1fr;
  gap: 24px;
  margin: 21px 0 0 59px;
}
.bizfoneTopFeatureMainCnt01_01Points {
  padding: 24px;
  border-radius: 8px;
  background-color: var(--color-bg-yellow);
}
.bizfoneTopFeatureMainCnt01_01Point {
  padding-left: 23px;
  background-image: url(/img/bizfone/icon_check_orange.svg);
  background-repeat: no-repeat;
  background-size: 19px auto;
  background-position: left top 3px;
}
.bizfoneTopFeatureMainCnt01_01Point + .bizfoneTopFeatureMainCnt01_01Point {
  margin-top: 12px;
}
.bizfoneTopFeatureMainCnt01_01PointTitle {
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneTopFeatureMainCnt01_01PointTxt {
  line-height: var(--line-height-14);
  margin-top: 2px;
}
.bizfoneTopFeatureMainCnt01_02 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) min(308px, 29.02vw);
  gap: min(40px, 3.77vw);
  margin-top: 23px;
  padding: 40px min(53px, 4.99vw) 0 min(40px, 3.77vw);
  background-color: var(--color-bg-yellow);
  border-radius: 8px;
  background-color: var(--color-bg-yellow);
}
.bizfoneTopFeatureMainCnt01_02Img {
  align-self: flex-end;
}
.bizfoneTopFeatureMainCnt01_02TxtWrap {
  padding-bottom: 40px;
}
.bizfoneTopFeatureMainCnt01_02TxtTitle {
  color: var(--color-blue);
  font-weight: var(--font-weight-extra-bold);
  font-size: 22px;
  text-align: center;
}
.bizfoneTopFeatureMainCnt01_02TxtTxt {
  margin-top: 16px;
}
.bizfoneTopFeatureMainCnt01_02TxtBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 292px;
  max-width: 100%;
  height: 56px;
  margin: 24px auto 0;
  border: 2px solid var(--color-blue);
  border-radius: 4px;
  background: var(--color-bg-yellow-daken);
  color: var(--color-blue);
  font-weight: var(--font-weight-bold);
  text-align: center;
  transition: color .3s, background-color .3s, border-color .3s;
}
.bizfoneTopFeatureMainCnt01_02TxtBtn::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--color-blue);
  border-bottom: 2px solid var(--color-blue);
  transform: rotate(-45deg);
  pointer-events: none;
  user-select: none;
  transition: border-color .3s;
}
body.devicePC .bizfoneTopFeatureMainCnt01_02TxtBtn:hover {
  border-color: #FEDB3C;
  background-color: var(--color-blue);
  color: #FEDB3C;
}
.bizfoneTopFeatureMainCnt01_02TxtBtn:hover::after {
  border-right-color: #FEDB3C;
  border-bottom-color: #FEDB3C;
}
.bizfoneTopFeatureMainCnt02Balloon {
  width: min(636px, 100%);
  margin: 20px auto 0;
  padding: 8px 12px;
  border-radius: 40px;
  background-color: var(--color-bg-yellow-daken);
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
}
.bizfoneTopFeatureMainCnt02Table {
  width: 100%;
  margin-top: 17px;
}
.bizfoneTopFeatureMainCnt02Table th,
.bizfoneTopFeatureMainCnt02Table td {
  vertical-align: middle;
  text-align: center;
}
.bizfoneTopFeatureMainCnt02Table thead th:not(.bizfoneTopFeatureMainCnt02TableThBizfone) {
  line-height: 1.25;
  padding-block: 8px;
  background-color: #888;
  color: #fff;
  font-weight: var(--font-weight-medium);
}
.bizfoneTopFeatureMainCnt02Table thead th:empty {
  background-color: transparent;
}
.bizfoneTopFeatureMainCnt02Table thead th span {
  font-size: 14px;
}
.bizfoneTopFeatureMainCnt02TableThBizfone {
  position: relative;
  border-left: 8px solid var(--color-orange);
  border-right: 8px solid var(--color-orange);
  background-color: var(--color-orange);
}
.bizfoneTopFeatureMainCnt02TableThBizfone img {
  width: 96px;
  height: 32px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.bizfoneTopFeatureMainCnt02TableThBizfoneInner::after {
  content: '';
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  width: 18px;
  height: 8px;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  background-color: var(--color-bg-yellow-daken);
}
.bizfoneTopFeatureMainCnt02Table tbody th {
  background-color: var(--color-bg-gray);
  font-weight: 500;
}
.bizfoneTopFeatureMainCnt02Table tbody tr + tr th {
  position: relative;
}
.bizfoneTopFeatureMainCnt02Table tbody tr + tr th::before {
  content: '';
  position: absolute;
  top: 0;
  left: 10px;
  width: calc(100% - 20px);
  height: 1px;
  background-color: #D0D0D0;
  pointer-events: none;
  user-select: none;
}
.bizfoneTopFeatureMainCnt02Table tbody tr:last-child th::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--color-bg-gray);
  pointer-events: none;
  user-select: none;
}
.bizfoneTopFeatureMainCnt02Table th + td {
  border-left: 8px solid var(--color-orange);
  border-right: 8px solid var(--color-orange);
}
.bizfoneTopFeatureMainCnt02Table tr:last-child th + td {
  border-bottom: 8px solid var(--color-orange);
}
.bizfoneTopFeatureMainCnt02Table tr + tr td {
  position: relative;
}
.bizfoneTopFeatureMainCnt02Table tr + tr td::before {
  content: '';
  position: absolute;
  top: 0;
  left: 10px;
  width: calc(100% - 20px);
  height: 1px;
  background-color: var(--color-orange);
  opacity: .35;
  pointer-events: none;
  user-select: none;
}
.bizfoneTopFeatureMainCnt02Table td {
  padding: 16px 10px;
}
.bizfoneTopFeatureMainCnt02TableTd {
  background-color: var(--color-bg-yellow);
}
.bizfoneTopFeatureMainCnt02TableTdInner {
  line-height: 1;
}
.bizfoneTopFeatureMainCnt02TableSymbol img {
  width: 22px;
}
.bizfoneTopFeatureMainCnt02TableNumWrap {
  margin-top: 5px;
  font-weight: var(--font-weight-extra-bold);
  font-size: 14px;
  white-space: nowrap;
}
.bizfoneTopFeatureMainCnt02TableNumWrapBizfone {
  font-size: 16px;
}
.bizfoneTopFeatureMainCnt02TableNum {
  margin-right: 3px;
  font-family: var(--font-en);
  font-weight: var(--font-weight-bold);
  font-size: 32px;
}
.bizfoneTopFeatureMainCnt02TableNumBizfone {
  font-size: 40px;
}
.bizfoneTopFeatureMainCnt02TableNumBizfoneColor {
  color: var(--color-orange);
}
.bizfoneTopFeatureMainCnt02TableNumComma {
  font-size: 28px;
}
.bizfoneTopFeatureMainCnt02TableNumBizfoneComma {
  font-size: 32px;
}
.bizfoneTopFeatureMainCnt02TableNote {
  margin-top: 5px;
  font-size: 14px;
}
.bizfoneTopFeatureMainCnt02TableTxt {
  margin-top: 7px;
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneTopFeatureMainCnt02TableNumWrap sup {
  vertical-align: 19px;
  font-size: 14px;
}
.bizfoneTopFeatureMainCnt02Note {
  margin-top: 8px;
  font-size: 14px;
}
.bizfoneTopFeatureMainCnt02Note .bizfonePopoverTxt {
  font-size: 14px;
}
.bizfoneTopFeatureMainCnt03 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 20px;
  padding: 26px;
  border-radius: 8px;
  background-color: var(--color-bg-yellow);
}
.bizfoneTopFeatureMainCnt03TxtWrap {
  width: min(382px, 36vw);
}
.bizfoneTopFeatureMainCnt03TxtTitle {
  color: var(--color-orange);
  font-weight: var(--font-weight-extra-bold);
  font-size: 22px;
  text-align: center;
}
.bizfoneTopFeatureMainCnt03Txt {
  margin-top: 16px;
}
.bizfoneTopFeatureMainCnt03Legends {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(24px, 2.26vw);
  margin-top: min(64px, 6.03vw);
  font-size: min(14px, 1.31vw);
}
.bizfoneTopFeatureMainCnt03Legend {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.bizfoneTopFeatureMainCnt03Legend::before {
  content: '';
  display: block;
  width: min(21px, 1.97vw);
  height: min(21px, 1.97vw);
  border-radius: 50%;
}
.bizfoneTopFeatureMainCnt03Legend:first-child::before {
  background-color: #197FC4;
}
.bizfoneTopFeatureMainCnt03Legend:last-child::before {
  background-color: #A6A6A6;
}
.bizfoneTopFeatureMainCnt03Img {
  position: relative;
}
.bizfoneTopFeatureMainCnt03Img img {
  width: min(324px, 30.53vw);
}
.bizfoneTopFeatureMainCnt03ImgBalloon {
  position: absolute;
  top: min(35px, 3.29vw);
  left: min(35px, 3.29vw);
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(137px, 12.91vw);
  height: min(137px, 12.91vw);
  border-radius: 50%;
  background-color: #FEDB3C;
  font-size: min(14px, 1.31vw);
  font-weight: var(--font-weight-bold);
  text-align: center;
}
.bizfoneTopFeatureMainCnt03ImgBalloon::before {
  content: '';
  position: absolute;
  right: min(9px, .84vw);
  bottom: min(13px, 1.22vw);
  width: min(18px, 1.69vw);
  height: min(14px, 1.31vw);
  background-color: #FEDB3C;
  clip-path: polygon(60% 0, 0 90%, 100% 100%);
  pointer-events: none;
  user-select: none;
}

/* CTA */
.bizfoneTopFeatureCv {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 240px;
  background-color: #36A4FD;
  background-image: url(/img/bizfone/bg_cta.png);
  background-repeat: no-repeat;
  background-size: 1920px auto;
  background-position: center center;
  text-align: center;
  font-weight: var(--font-weight-extra-bold);
}
@media screen and (max-width:1439px) {
  .bizfoneTopFeatureCv {
    background-size: 130% auto;
    background-position: center bottom;
  }
}
.bizfoneTopFeatureCvTitle {
  font-size: 32px;
  color: #fff;
}
.bizfoneTopFeatureCvCatch {
  color: #fff;
}
.bizfoneTopFeatureCvButtons {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 24px;
  margin-top: 16px;
}
.bizfoneTopFeatureCvButton a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 210px;
  height: 66px;
  border-radius: 4px;
  transition: background-color .3s, color .3s, border-color .3s;
  font-size: 18px;
}
.bizfoneTopFeatureCvButton svg path {
  transition: fill .3s;
}
.bizfoneTopFeatureCvButtonDownload a {
  border: 2px solid var(--color-orange);
  background-color: var(--color-orange);
  color: #fff;
}
body.devicePC .bizfoneTopFeatureCvButtonDownload a:hover {
  background-color: #fff;
  color: var(--color-orange);
}
.bizfoneTopFeatureCvButtonDownload svg {
  width: 16px;
}
body.devicePC .bizfoneTopFeatureCvButtonDownload a:hover svg path {
  fill: var(--color-orange);
}
.bizfoneTopFeatureCvButtonTrial a {
  border: 2px solid var(--color-bg-yellow-daken);
  background-color: var(--color-bg-yellow-daken);
  color: var(--color-blue);
}
body.devicePC .bizfoneTopFeatureCvButtonTrial a:hover {
  background-color: #fff;
  border-color: #FEDB3C;
  color: #FEDB3C;
}
.bizfoneTopFeatureCvButtonTrial svg {
  width: 16px;
}
.bizfoneTopFeatureCvButtonTrial svg path {
  fill: var(--color-blue);
}
body.devicePC .bizfoneTopFeatureCvButtonTrial a:hover svg path {
  fill: #FEDB3C;
}
.bizfoneTopFeatureCvButtonContact a {
  border: 2px solid var(--color-blue);
  background-color: var(--color-blue);
  color: #fff;
}
body.devicePC .bizfoneTopFeatureCvButtonContact a:hover {
  background-color: #fff;
  color: var(--color-blue);
}
.bizfoneTopFeatureCvButtonContact svg {
  width: 19px;
}
body.devicePC .bizfoneTopFeatureCvButtonContact a:hover svg path {
  fill: var(--color-blue);
}

/* 活用シーン */
.bizfoneTopUsecase {
  padding-block: 80px;
}
.bizfoneTopUsecaseMain {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 27px;
  margin-top: 20px;
}
.bizfoneTopUsecaseMainCnt {
  padding: 20px 33px 30px;
  border-radius: 8px;
  background-color: #fff;
}
.bizfoneTopUsecaseMainTitleWrap {
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
}
.bizfoneTopUsecaseMainTitleNum {
  line-height: 1.15;
  color: var(--color-orange);
  font-family: var(--font-en);
  font-size: 42px;
}
.bizfoneTopUsecaseMainTitle {
  color: var(--color-navy);
  font-size: 24px;
}
.bizfoneTopUsecaseMainImg {
  margin-top: 16px;
}
.bizfoneTopUsecaseMainTxt {
  margin-top: 16px;
}
.bizfoneTopUsecaseMainNote {
  margin-top: 8px;
  font-size: 14px;
}
.bizfoneTopUsecaseMainNote a {
  color: var(--color-blue);
  text-decoration: underline;
}
body.devicePC .bizfoneTopUsecaseMainNote a:hover {
  color: var(--color-blue);
  text-decoration: none;
}

/* 提供エリア */
.bizfoneTopArea {
  padding-block: 80px;
}
.bizfoneTopAreaSearch {
  margin-top: 20px;
  padding: 20px 33px;
  border-radius: 8px;
  background-color: #fff;
}
.bizfoneTopAreaSearchInputWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#bizfone *[class*="Area"] + *[class*="Area"] {
  margin-top: 0;
}
.bizfoneTopAreaSearchInputMain {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.bizfoneTopAreaSearchInputMain input {
  width: min(350px, 32.98vw);
  height: 56px;
  padding: 0 16px;
  border-radius: 4px;
  border: 1px solid #B5B5B5;
  font-size: 16px;
}
.bizfoneTopAreaSearchInputButton {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: min(203px, 19.13vw);
  height: 56px;
  border: 2px solid var(--color-blue);
  border-radius: 4px;
  background-color: var(--color-blue);
  color: #fff;
  transition: background-color .3s, color .3s;
  font-size: 16px;
}
.bizfoneTopAreaSearchInputButton:hover {
  background-color: #fff;
  color: var(--color-blue);
}
.bizfoneTopAreaSearchInputButton svg path {
  transition: fill .3s;
}
.bizfoneTopAreaSearchInputButton:hover svg path {
  fill: var(--color-blue);
}
.bizfoneTopAreaSearchResultDetail {
  margin-top: 20px;
  padding: 12px 32px 20px;
  border-radius: 4px;
  background-color: var(--color-bg-yellow);
}
.bizfoneTopAreaDetailList {
  overflow: hidden;
}
#bizfone *[class*="Area"] + .bizfoneTopAreaDetailList {
  margin-top: 0;
}
.bizfoneTopAreaDetailListCnt {
  display: grid;
  grid-template-columns: 90px 1fr;
  border-top: 1px solid #B5B5B5;
  margin-top: 16px;
  padding-top: 16px;
}
#bizfone *[class*="Area"] + .bizfoneTopAreaDetailListCnt {
  margin-top: 16px;
}
.bizfoneTopAreaDetailNum {
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneTopAreaDetailNum span {
  display: block;
  font-size: 14px;
}
.bizfoneTopAreaDetailTxt {
  font-size: 14px;
}
.bizfoneTopAreaSearchResultDetail:empty,
.bizfoneTopAreaNosupported.disnone {
  display: none;
}
#bizfone *[class*="Area"] + .bizfoneTopAreaNosupported {
  position: relative;
  margin-top: 56px;
  padding: 32px 242px 32px 40px;
  border-radius: 8px;
  background-color: var(--color-bg-yellow-daken);
}
.bizfoneTopAreaNosupported::before {
  content: '';
  position: absolute;
  right: 43px;
  bottom: 0;
  width: 166px;
  height: 176px;
  background-image: url(/img/bizfone/illust_out_of_area.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.bizfoneTopAreaNosupportedTitle {
  color: var(--color-orange);
  font-size: 19px;
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneTopAreaNosupportedTitleWithicon {
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  gap: 8px;
}
.bizfoneTopAreaNosupportedTitleWithicon svg {
  width: 100%;
}
.bizfoneTopAreaNosupportedTitleWithicon svg polygon {
  fill: none;
  stroke: #64bf8c;
  stroke-width: 15px;
}
.bizfoneTopAreaNosupportedTxt {
  padding-top: 12px;
}
.bizfoneTopAreaTitle {
  padding-block: 53px 16px;
  color: var(--color-blue);
  font-size: 24px;
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
}
.bizfoneTopAreaDetail {
  padding: 20px 32px 23px;
  border-radius: 8px;
  background-color: #fff;
}
#bizfone *[class*="Area"] + .bizfoneTopAreaDetail + .bizfoneTopAreaDetail {
  margin-top: 12px;
}

/* 機能・オプション */
.bizfoneTopFunction {
  padding-block: 80px;
}
.bizfoneTopFunctionSec {
  margin-top: 32px;
}
.bizfoneTopFunctionSec + .bizfoneTopFunctionSec {
  margin-top: 56px;
}
.bizfoneTopFunctionSecTitle {
  color: var(--color-blue);
  font-size: 24px;
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
}
.bizfoneTopFunctionFuntions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 19px;
  margin-top: 20px;
}
.bizfoneTopFunctionFuntion {
  position: relative;
  padding: 20px 24px 20px 115px;
  border-radius: 8px;
  background-color: #fff;
}
.bizfoneTopFunctionFuntionTitle {
  font-size: 18px;
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneTopFunctionFuntionTitle::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 24px;
  transform: translateY(-50%);
  width: 80px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  pointer-events: none;
  user-select: none;
}
.bizfoneTopFunctionFuntionTitle01::before {
  background-image: url(/img/bizfone/icon_option01.png);
}
.bizfoneTopFunctionFuntionTitle02::before {
  background-image: url(/img/bizfone/icon_option02.png);
}
.bizfoneTopFunctionFuntionTitle03::before {
  background-image: url(/img/bizfone/icon_option03.png);
}
.bizfoneTopFunctionFuntionTitle04::before {
  background-image: url(/img/bizfone/icon_option04.png);
}
.bizfoneTopFunctionFuntionTitle05::before {
  background-image: url(/img/bizfone/icon_option05.png);
}
.bizfoneTopFunctionFuntionTitle06::before {
  background-image: url(/img/bizfone/icon_option06.png);
}
.bizfoneTopFunctionFuntionTxt {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 3px dotted var(--color-blue);
}
.bizfoneBoxshadow.bizfoneTopFunctionOption {
  margin-top: 20px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
#bizfone .bizfoneBoxshadow + .bizfoneBoxshadow.bizfoneTopFunctionOption {
  margin-top: 20px;
}
.bizfoneTopFunctionOptionTitle {
  line-height: 45px;
  border-radius: 23px;
  background-color: #36A4FD;
  color: #fff;
  font-size: 20px;
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
}
.bizfoneTopFunctionOptionSubTitle {
  margin-top: 18px;
  color: #36A4FD;
  font-size: 18px;
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
}
.bizfoneTopFunctionOptionTxt {
  margin-top: 12px;
  padding-inline: 28px;
}
.bizfoneTopFunctionOptionFigure {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 19px;
}
.bizfoneTopFunctionOptionFigureCustomer img {
  width: 82px;
  height: 82px;
}
.bizfoneTopFunctionOptionFigureCustomerTxt {
  margin-top: 4px;
  font-size: 14px;
  text-align: center;
}
.bizfoneTopFunctionOptionFigureLogo {
  position: relative;
  margin-left: 86px;
}
.bizfoneTopFunctionOptionFigureLogo::before,
.bizfoneTopFunctionOptionFigureAutofunction::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -62px;
  transform: translateY(-50%);
  width: 40px;
  height: 38px;
  background-image: url(/img/bizfone/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  pointer-events: none;
  user-select: none;
}
.bizfoneTopFunctionOptionFigureLogo img {
  width: min(175px, 17.5vw);
  height: min(56px, 5.6vw);
}
.bizfoneTopFunctionOptionFigureAutofunction {
  position: relative;
  display: grid;
  grid-template-columns: 55px 1fr;
  align-items: center;
  gap: 8px;
  margin-left: 86px;
}
.bizfoneTopFunctionOptionFigureAutofunction + .bizfoneTopFunctionOptionFigureAutofunction {
  margin-top: 12px;
}
.bizfoneTopFunctionOptionFigureAutofunction:first-child::before {
  transform: rotate(-30deg);
  margin-top: -5px;
}
.bizfoneTopFunctionOptionFigureAutofunction:last-child::before {
  transform: rotate(30deg);
  margin-top: -35px;
}
.bizfoneTopFunctionOptionFigureAutofunctionTitle {
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneTopFunctionOptionFigureAutofunctionTxt {
  margin-top: 2px;
  font-size: 14px;
}
.bizfoneTopFunctionOptionMirai {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-top: 16px;
}
.bizfoneTopFunctionOptionMiraiChara {
  text-align: center;
}
.bizfoneTopFunctionOptionMiraiChara img {
  width: 136px;
  height: 169px;
}
.bizfoneTopFunctionOptionMiraiCharaTxt {
  margin-top: 14px;
  font-size: 14px;
}
.bizfoneTopFunctionOptionMiraiFunctionWrap {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
}
.bizfoneTopFunctionOptionMiraiFunctionAdd {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-right: 24px;
  border: 2px solid var(--color-bg-yellow-daken);
  border-radius: 6px;
  overflow: hidden;
}
.bizfoneTopFunctionOptionMiraiFunctionAddTitle {
  line-height: 29px;
  padding-inline: 4px;
  background-color: var(--color-bg-yellow-daken);
  writing-mode: vertical-rl;
  font-size: 13px;
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneTopFunctionOptionMiraiFunction {
  display: grid;
  grid-template-columns: 19px 1fr;
  gap: 6px;
  line-height: 19px;
  font-size: min(16px, 1.4vw);
}
.bizfoneTopFunctionOptionMiraiFunction + .bizfoneTopFunctionOptionMiraiFunction {
  margin-top: 18px;
}
.bizfoneTopFunctionOptionMiraiFunction::before {
  content: '';
  display: block;
  width: 19px;
  height: 19px;
  background-image: url(/img/bizfone/icon_check.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  pointer-events: none;
  user-select: none;
}
/* 料金プラン */
.bizfoneTopPrice {
  padding-block: 80px 86px;
}
.bizfoneTopPriceTitle {
  margin-top: 32px;
  color: var(--color-blue);
  font-size: 24px;
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
}
.bizfoneTopPriceLead {
  margin-top: 8px;
  text-align: center;
}
.bizfoneTopPriceDetail {
  margin-top: 40px;
  padding: 16px 12px 12px;
  border-radius: 6px;
  background-color: var(--color-bg-skyblue);
}
.bizfoneTopPriceDetail + .bizfoneTopPriceDetail {
  margin-top: 24px;
}
.bizfoneTopPriceDetailTitle {
  font-size: 20px;
  font-weight: var(--font-weight-extra-bold);
  color: var(--color-blue);
  text-align: center;
}
.bizfoneTopPriceDetailMain {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-top: 16px;
}
.bizfoneTopPriceDetailMainItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 28px 14px 24px;
  border-radius: 3px;
  background-color: #fff;
  font-size: min(16px, 1.6vw);
}
.bizfoneTopPriceDetailMainTxt {
  position: relative;
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneTopPriceDetailMainTxtBalloon {
  position: absolute;
  top: -35px;
  right: -28px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 244px;
  height: 35px;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  background-color: #FEDB3C;
  border-radius: 18px;
  color: var(--color-navy);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
.bizfoneTopPriceDetailMainTxtBalloon::before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 31px;
  width: 14px;
  height: 6px;
  background-color: #FEDB3C;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  pointer-events: none;
  user-select: none;
}
.bizfoneTopPriceDetailMainTxtBalloon span {
  margin-inline: 2px;
  font-family: var(--font-en);
  font-size: 24px;
  font-weight: var(--font-weight-bold);
}
.bizfoneTopPriceDetailMainTxtNum {
  font-family: var(--font-en);
  font-size: min(28px, 2.8vw);
  font-weight: var(--font-weight-bold);
}
.bizfoneTopPriceDetailMainTxtNumComma {
  font-size: min(24px, 2.4vw);
}
.bizfoneTopPrice .bizfoneTopCvBtn {
  width: 210px;
}

/* ワンストップソリューション */
.bizfoneTopOnestop {
  padding-block: 80px;
}
.bizfoneTopOnestop .bizfoneTitleEn {
  font-size: 20px;
}
.bizfoneTopOnestopCnt {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  margin-top: 32px;
  padding: 25px;
  border-radius: 8px;
  background-color: #fff;
}
.bizfoneTopOnestopCntTitle {
  color: var(--color-blue);
  font-size: 28px;
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
}
.bizfoneTopOnestopCntTxt {
  margin-top: 15px;
}
.bizfoneTopOnestopCntTxt span {
  border-bottom: 3px dotted var(--color-orange);
  font-weight: var(--font-weight-bold);
}
.bizfoneTopOnestopCnt img {
  width: min(308px, 30.8vw);
  height: min(209px, 20.9vw);
}
.bizfoneTopOnestop .bizfoneTopCvBtn {
  width: 292px;
}

/* サービスご利用開始までの流れ */
.bizfoneTopFlow {
  padding-block: 80px;
}
.bizfoneTopFlowMain {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-top: 32px;
}
.bizfoneTopFlowMainItem {
  padding: 26px 16px 24px;
  border-radius: 8px;
  background-color: #fff;
  text-align: center;
}
.bizfoneTopFlowMainNum {
  line-height: 1;
  color: var(--color-blue);
  font-family: var(--font-en);
  font-size: 40px;
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneTopFlowMainIcon {
  margin-top: 3px;
}
.bizfoneTopFlowMainIcon img {
  width: 76px;
  height: 76px;
}
.bizfoneTopFlowMainTitle {
  line-height: var(--line-height-14);
  margin-top: 2px;
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneTopFlowMainTxt {
  margin-top: 8px;
  text-align: left;
}
.bizfoneTopFlow .bizfoneTopCvBtn {
  width: 292px;
  margin-top: 53px;
}

/* よくあるご質問 */
.bizfoneTopFaq {
  padding-block: 80px;
}
.bizfoneTopFaqMain {
  margin-top: 32px;
}
.bizfoneTopFaqMainItem {
  padding: 20px 32px;
  border-radius: 8px;
  background-color: #fff;
}
#bizfone .bizfoneTopFaqMainItem + .bizfoneTopFaqMainItem {
  margin-top: 15px;
}
.bizfoneTopFaqMainItemTitle {
  display: grid;
  grid-template-columns: 28px 1fr;
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneTopFaqMainItemTitle span {
  display: block;
  line-height: 1;
  padding-top: 2px;
  color: var(--color-blue);
  font-family: var(--font-en);
  font-size: 22px;
  font-weight: var(--font-weight-bold);
}
.bizfoneTopFaqMainItemContent {
  overflow: hidden;
}
.bizfoneTopFaqMainItemContentTxt {
  padding-top: 10px;
}
.bizfoneTopFaqSec + .bizfoneTopFaqSec {
  margin-top: 80px;
}
.bizfoneTopFaqMovieTxt {
  margin-top: 32px;
  text-align: center;
}
.bizfoneTopFaqMovieMain {
  margin-top: 24px;
  text-align: center;
}
.bizfoneTopFaqMovieMain iframe {
  width: 636px;
  height: auto;
  aspect-ratio: 16 / 9;
}
.bizfoneTopFaqAppWrap {
  position: relative;
  margin-top: 80px;
  padding-block: 32px;
  border-radius: 8px;
  background-color: var(--color-bg-yellow-daken);
}
.bizfoneTopFaqAppCnt {
  width: min(595px, 58.4vw);
  padding-left: min(118px, 11.8vw);
}
.bizfoneTopFaqAppCntTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(10px, 1vw);
  font-weight: var(--font-weight-extra-bold);
  font-size: min(24px, 2.4vw);
}
.bizfoneTopFaqAppCntTitle img {
  width: min(50px, 5vw);
  height: min(50px, 5vw);
}
.bizfoneTopFaqApps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(20px, 2vw);
  margin-top: 16px;
}
.bizfoneTopFaqApp img {
  width: auto;
  height: min(71px, 7.1vw);
  transition: var(--transition-opacity);
}
.bizfoneTopFaqApp a:hover img {
  opacity: var(--opacity-hover);
}
.bizfoneTopFaqAppImg {
  position: absolute;
  right: min(73px, 7.3vw);
  bottom: 0;
  height: auto;
}
.bizfoneTopFaqAppImg img {
  width: min(256px, 23.27vw);
  height: min(258px, 23.45vw);
}

/* お知らせ */
.bizfoneTopNews {
  padding-block: 80px;
  background-color: #FFEA8E;
}
.bizfoneTopNewsMain {
  margin-top: 32px;
  padding-inline: 16px;
  border-radius: 8px;
  background-color: #fff;
}
.bizfoneTopNewsMainItem + .bizfoneTopNewsMainItem {
  border-top: 1px solid #B5B5B5;
}
.bizfoneTopNewsMainItem a {
  position: relative;
  display: flex;
  padding: 20px 35px 20px 16px;
}
.bizfoneTopNewsMainItem a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 18px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-right: 2px solid #B5B5B5;
  border-bottom: 2px solid #B5B5B5;
  transform: rotate(315deg);
  pointer-events: none;
  user-select: none;
  transition: var(--transition-opacity);
}
body.devicePC .bizfoneTopNewsMainItem a:hover {
  color: var(--text-color);
}
.bizfoneTopNewsMainItem a:hover::after {
  opacity: var(--opacity-hover);
}
.bizfoneTopNewsMainTime {
  flex-shrink: 0;
  width: 127px;
  line-height: 24px;
  font-family: var(--font-en);
  transition: var(--transition-opacity);
  white-space: nowrap;
}
.bizfoneTopNewsMainTitle {
  font-size: 15px;
  transition: var(--transition-opacity);
}
.bizfoneTopNewsMainItem a:hover .bizfoneTopNewsMainTime,
.bizfoneTopNewsMainItem a:hover .bizfoneTopNewsMainTitle {
  opacity: var(--opacity-hover);
}
.bizfoneTopNews .bizfoneTopCvBtn {
  width: 210px;
  margin-top: 53px;
}

/* --------------------------------
  料金詳細
-------------------------------- */
.bizfonePricedetail {
  padding-bottom: 88px;
}
.bizfonePricedetailStructure .bizfonePricePlanNoPrice {
  line-height: var(--line-height-14);
  font-size: 20px;
}
.bizfonePricedetailStructure .bizfonePricePlanStanderd .bizfonePricePlanPrice {
  margin-top: 11px;
}
.bizfonePricePlanIntialCost {
  line-height: 1.2;
  color: #36A4FD;
  font-size: 14px;
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
}
.bizfonePricePlanIntialCostNum {
  font-family: var(--font-en);
  font-size: 24px;
  font-weight: var(--font-weight-bold);
}
.bizfonePricedetailStructure .bizfoneChildTitleSmall {
  margin-top: 59px;
}
.bizfonePricedetailStructureFigure {
  margin-top: 16px;
  padding: 35px;
  border-radius: 8px;
  background-color: #fff;
  text-align: center;
}
.bizfonePricedetailStructureFigure img {
  width: 100%;
  max-width: 772px;
  height: auto;
}
.bizfonePricedetailTableWrap {
  margin-block: 12px 32px;
}
.bizfonePricedetailTableTitle {
  margin-block: 32px -4px;
  font-size: 18px;
  font-weight: var(--font-weight-extra-bold);
  text-align: left;
}
.bizfonePricedetailTableWrap table {
  width: 100%;
}
.bizfonePricedetailTableWrap table.bizfonePricedetailTablefixed {
  table-layout: fixed;
}
.bizfonePricedetailTableWrapHalf table {
  width: 50%;
}
.bizfonePricedetailTableWrap table th,
.bizfonePricedetailTableWrap table td {
  padding: 12px 20px;
  border: 1px solid #B5B5B5;
  vertical-align: middle;
  font-weight: 500;
  white-space: nowrap;
}
.bizfonePricedetailTableWrap table thead th {
  border-left-color: #fff;
  border-right-color: #fff;
}
.bizfonePricedetailTableWrap table thead th:first-child {
  border-left-color: #B5B5B5;
}
.bizfonePricedetailTableWrap table thead th:last-child {
  border-right-color: #B5B5B5;
}
.bizfonePricedetailTableWrap table .bizfonePricedetailTableThThin {
  line-height: var(--line-height-14);
  padding-block: 2px;
}
.bizfonePricedetailTableWrap table .bizfonePricedetailTableName {
  background-color: var(--color-bg-gray);
}
.bizfonePricedetailTableWrap table thead .bizfonePricedetailTableName,
.bizfonePricedetailTableWrap table .bizfonePricedetailTableThBasic {
  background-color: var(--color-blue);
  color: #fff;
}
.bizfonePricedetailTableWrap table .bizfonePricedetailTableThBasicThin {
  padding-block: 2px;
}
.bizfonePricedetailTableWrap table td {
  text-align: right;
}
.bizfonePricedetailTableWrap table td.bizfonePricedetailTableTal {
  text-align: left;
  white-space: normal;
}
.bizfonePricedetailTableWrap table .bizfonePricedetailTableSum {
  border-right: none;
}
.bizfonePricedetailTableWrap table td.bizfonePricedetailTableFootempty {
  border-left: none;
}
.bizfonePricedetailTableWrap table.bizfonePricedetailCallcostTable td {
  text-align: center;
}
.bizfonePricedetailTablePostion {
  position: relative;
}
.bizfonePricedetailTablePostion sup {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(100%, -10%);
}
.bizfonePricedetailTableWrap sup {
  font-size: 14px;
}
.bizfonePricedetailTableWrap wbr {
  display: none;
}
@media screen and (max-width:1118px) {
  .bizfonePricedetailTableWrap wbr {
    display: block;
  }
}
.bizfonePricedetailNote {
  margin-top: -22px;
}
.bizfonePricedetailNoteItem {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: 4px;
}
.bizfonePricedetailNoteItem + .bizfonePricedetailNoteItem {
  margin-top: 2px;
}
.bizfonePricedetailNoteButton {
  color: var(--color-blue);
  font-family: var(--font-ja);
  font-weight: var(--font-weight-medium);
  font-size: 16px;
  text-decoration: underline;
}
.bizfonePricedetailNoteButton:hover {
  text-decoration: none;
}
.bizfoneChildTitleMedium + p {
  margin-top: 16px;
}
.bizfoneChildTitleSmall + p {
  margin-top: 8px;
}
.bizfonePricedetailModal {
  width: 1000px;
  max-width: calc(100% - 58px);
  height: 100%;
  max-height: calc(100% - min(264px, 26.4vh));
  padding: 0;
  border: none;
  border-radius: 0 0 8px 8px;
  background-color: transparent;
}
.bizfonePricedetailModal::backdrop {
  background-color: rgba(0, 0, 0, .3);
}
.bizfonePricedetailModalContent {
  height: 100%;
}
.bizfonePricedetailModalClose {
  position: sticky;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  margin: 0 0 12px auto;
  padding-bottom: 3px;
  border: none;
  border-radius: 50%;
  background-color: var(--color-blue);
  color: #fff;
  font-family: var(--font-en);
  font-weight: 100;
  font-size: 42px;
  transition: var(--transition-opacity);
}
.bizfonePricedetailModalClose:hover {
  opacity: var(--opacity-hover);
}
.bizfonePricedetailModalMain {
  height: calc(100% - 57px);
  overflow-y: auto;
  overscroll-behavior-y: none;
  padding: 40px;
  border-radius: 8px;
  background-color: #fff;
}
.bizfonePricedetailModalMainTxt + .bizfonePricedetailModalMainTxt {
  margin-top: 4px;
}
.bizfonePricedetailModalMainTxtIndent {
  padding-left: 1em;
  text-indent: -1em;
}
.bizfonePricedetailModalTableWrap {
  width: 100%;
  border: 1px solid #B5B5B5;
  border-top: none;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 16px;
}
.bizfonePricedetailModalTableWrap table {
  table-layout: fixed;
  width: calc(100% + 2px);
  margin: -1px 0 0 -1px;
}
.bizfonePricedetailModalTableWrap th {
  padding: 12px 20px;
  background-color: var(--color-blue);
  color: #fff;
  font-weight: var(--font-weight-medium);
}
.bizfonePricedetailModalTableWrap th:not(:first-child) {
  border-left: 1px solid #fff;
}
.bizfonePricedetailModalTableWrap td {
  padding: 12px 20px;
  border: 1px solid #B5B5B5;
}
.bizfonePricedetailModalTableWrap tr:last-child td {
  border-bottom: none;
}

/* --------------------------------
  ワンストップ導入ガイド
-------------------------------- */
.bizfoneOnestop {
  padding-bottom: 120px;
}
.bizfoneOnestopLead {
  margin-top: 80px;
  font-size: 18px;
  text-align: center;
}
.bizfoneOnestopRecommend .bizfoneChildTitleMedium {
  margin-top: 56px;
}
.bizfoneOnestopRecommend .bizfonePricePlanOverview {
  font-size: 14px;
}
.bizfoneOnestopRecommend .bizfonePricePlanPrice {
  margin-top: 5px;
  font-size: 24px;
}
.bizfoneOnestopRecommend .bizfonePricePlanPriceNum {
  margin-inline: 4px;
  font-size: 64px;
}
.bizfoneOnestopRecommend .bizfonePricePlanPointWrap {
  height: 67px;
  margin-top: 15px;
}
.bizfoneOnestopRecommend .bizfonePricePlanPointTxt + .bizfonePricePlanPointTxt {
  margin-top: 6px;
}
.bizfoneOnestopLineupItems {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 11px;
  margin-top: 32px;
}
.bizfoneOnestopLineupItem {
  padding: 24px 20px 15px;
  border-radius: 8px;
  background-color: #fff;
  text-align: center;
}
.bizfoneOnestopLineupItemImg img {
  width: 100%;
  max-width: 176px;
  aspect-ratio: 1 / 1;
}
.bizfoneOnestopLineupItemImg figcaption {
  font-size: 18px;
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneOnestopLineupItemPrice {
  line-height: 1.3;
  color: var(--color-blue);
  font-size: 16px;
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneOnestopLineupItemPriceNum {
  font-family: var(--font-en);
  font-weight: var(--font-weight-bold);
  font-size: 40px;
}
.bizfoneOnestopLineupItemPriceNumComma {
  font-size: 32px;
}
.bizfoneOnestopLineupNote {
  margin-top: 24px;
  font-size: 18px;
  text-align: center;
}

/* --------------------------------
  利用規約
-------------------------------- */
.bizfoneTerms {
  padding-bottom: 120px;
}
.bizfoneTermsMainLead span {
  font-weight: var(--font-weight-extra-bold);
}
.bizfoneTermsMainLead + .bizfoneChildTitleMedium {
  margin-top: 40px;
}
.bizfoneTerms .bizfoneChildTitleSmall {
  margin-top: 32px;
}
.bizfoneTermsList {
  margin-top: 8px;
}
.bizfoneTerms *[class*="List"] + .bizfoneTermsListItem {
  margin-top: 8px;
}
.bizfoneTerms *[class*="List"] + .bizfoneTermsListChild {
  margin-top: 0;
}
.bizfoneTerms *[class*="List"] + .bizfoneTermsListChild li {
  margin-top: 4px;
}
.bizfoneTermsListChild li {
  line-height: var(--line-height-14);
}
.bizfoneTermsListColumn {
  display: flex;
  gap: 2px;
}
.bizfoneTermsListColumn span {
  white-space: nowrap;
}

/* --------------------------------
  注意事項
-------------------------------- */
.bizfoneAttention {
  padding-bottom: 120px;
}
.bizfoneAttention .bizfoneChildTitleSmall {
  margin-top: 32px;
}
.bizfoneAttention .bizfoneChildTitleSmall span {
  margin-right: 4px;
}
.bizfoneAttentionTxtIndent {
  margin-top: 32px;
  padding-left: 1em;
  text-indent: -1em;
}


/*SP設定*/
@media screen and (max-width:784px) {
  html {
    scroll-padding-top: 56px;
  }

  #cntsWrap:has(.bizfoneTop) {
    padding-top: 0;
  }
  #cntsWrap:not(:has(.bizfoneTop)) {
      padding-top: 56px;
  }
  .bizfoneWrap {
    font-size: 14px;
  }
  

  /*--------------------------------
    header
  --------------------------------*/
  .bizfoneHeader {
    height: 56px;
    padding-inline: 16px 0;
  }
  .bizfoneWrap:has(.bizfoneTop) .bizfoneHeader.open {
    background-color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);
  }
  .bizfoneHeaderLogo img {
    width: 103px;
  }
  .bizfoneHeaderRightMenus {
    position: fixed;
    top: 56px;
    left: 0;
    display: block;
    width: 100%;
    height: calc(100vh - 56px);
    overflow-y: auto;
    overscroll-behavior-y: none;
    background-color: var(--color-bg-yellow);
    background-image: url(/img/bizfone/bg_hamburger_left.png), url(/img/bizfone/bg_hamburger_right.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, right top -56px;
    background-size: 100% auto;
    transform: translateX(100%);
    transition: transform .3s;
    mix-blend-mode: color;
  }
  .bizfoneHeaderRightMenusInnerDiv {
    display: block;
    padding-top: 40px;
  }
  .open .bizfoneHeaderRightMenus {
    transform: none;
  }
  .bizfoneHeaderRightMenu {
    display: block;
    text-align: center;
  }
  .bizfoneHeaderMenu {
    display: block;
    text-align: center;
  }
  .bizfoneHeaderMenuCnt + .bizfoneHeaderMenuCnt {
    margin-top: 36px;
  }
  .bizfoneHeaderMenuCnt a {
    display: block;
    color: var(--color-navy);
    font-size: 18px;
    font-weight: var(--font-weight-extra-bold);
  }
  .bizfoneHeaderMenuCnt a::after {
    display: none;
  }
  .bizfoneHeaderCvButtons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    margin: 48px auto 0;
    width: calc(100% - 32px);
  }
  .bizfoneHeaderCvButtonCnt a {
    gap: 6px;
    width: 100%;
    height: 53px;
    font-size: 15px;
  }
  .bizfoneHeaderChildLinksWrap {
    background-color: var(--color-blue);
    margin-top: 30px;
    padding: 30px 32px 50px;
  }
  .bizfoneHeaderChildLinksBizfoneTitle img {
    width: 135px;
    height: 43px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
  }
  .bizfoneHeaderChildLinks {
    margin-top: 25px;
  }
  .bizfoneHeaderChildLinksItem {
    line-height: 26px;
  }
  .bizfoneHeaderChildLinksItem + .bizfoneHeaderChildLinksItem {
    margin-top: 14px;
  }
  .bizfoneHeaderChildLinksItem a {
    color: #fff;
    font-size: 14px;
  }
  .bizfoneHeaderHamburger {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 56px;
    height: 56px;
    background-color: var(--color-blue);
  }
  .bizfoneHeaderHamburgerLineWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 24px;
  }
  .bizfoneHeaderHamburgerLine {
    width: 24px;
    height: 2px;
    border-radius: 2px;
    background-color: #fff;
  }
  .bizfoneHeaderHamburgerLineTop {
    transform: translateY(-8px);
    transition: transform .3s;
  }
  .bizfoneHeaderHamburgerLineMiddle {
    transition: opacity .3s;
  }
  .bizfoneHeaderHamburgerLineBottom {
    transform: translateY(8px);
    transition: transform .3s;
  }
  .open .bizfoneHeaderHamburgerLineTop {
    transform: translateY(2px) rotate(-45deg);
  }
  .open .bizfoneHeaderHamburgerLineMiddle {
    opacity: 0;
  }
  .open .bizfoneHeaderHamburgerLineBottom {
    transform: translateY(-2px) rotate(45deg);
  }
  .bizfoneHeaderHamburgerText {
    font-size: 10px;
    font-weight: var(--font-weight-bold);
    color: #fff;
  }


  /*--------------------------------
    footer
  --------------------------------*/
  .bizfoneFooter {
    padding-bottom: 45px;
  }
  .bizfoneFooterAttention {
    font-size: 11px;
  }
  .bizfoneWrap:has(.bizfoneTop) .bizfoneFooterAttentionWrap {
    padding-bottom: 30px;
  }
  .bizfoneFooterMenus {
    position: relative;
    padding: 40px 16px;
  }
  .bizfoneFooterMenus .bizfoneCntInner {
    display: block;
  }
  .bizfoneFooterMenuBizfone {
    width: 100%;
  }
  .bizfoneFooterMenuHismobile {
    width: 100%;
    margin: 40px 0 0 0;
    padding: 40px 0 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 0;
  }
  footer .bizfoneFooterMenu {
    border: none;
  }
  footer .bizfoneFooterMenu > .bizfoneFooterMenuItem > a {
    padding: 0;
    border: none;
  }
  footer .subNavi li a::after {
    display: none;
  }
  .bizfoneFooterTopBtn,
  .bizfoneFooterTopBtn.isFooter,
  .bizfoneWrap:has(.bizfoneTop) .bizfoneFooterTopBtn.isFooter {
    position: absolute;
    top: -46px;
    right: 16px;
    display: block;
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 0;
    background-color: transparent;
    letter-spacing: 0;
  }
  .bizfoneWrap:not(:has(.bizfoneTop)) .bizfoneFooterTopBtn {
    top: -70px;
  }
  .bizfoneFooterTopBtn::before {
    display: none;
  }
  .bizfoneFooterTopBtn img {
    filter: none;
  }
  .bizfoneCtaSp {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
  }
  .bizfoneCtaSpItem a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    height: 45px;
    color: #fff;
    font-size: 15px;
    font-weight: var(--font-weight-bold);
  }
  .bizfoneCtaSpItemDownload a {
    background-color: var(--color-orange);
  }
  .bizfoneCtaSpItemDownload img {
    width: 13px;
    height: 17px;
  }
  .bizfoneCtaSpItemContact a {
    background-color: var(--color-blue);
  }
  .bizfoneCtaSpItemContact img {
    width: 15px;
    height: 15px;
  }


  /*--------------------------------
    common
  --------------------------------*/
  /* コンテンツ幅設定 */
  .bizfoneCntInner {
    max-width: calc(100% - 32px);
  }
  /* ポップオーバー */
  .bizfonePopover {
    width: calc(100vw - 75px);
    transform: translateY(calc(100% + 6px));
  }
  .bizfonePopover[data-target="solution01"]::after,
  .bizfonePopover[data-target="solution02"]::after {
    display: none;
  }
  .bizfonePopover[data-target="feature02Note"]::after {
    left: 30px;
  }
  .bizfonePopoverWrap:has(.is-active) .bizfonePopoverTxt[data-target="solution01"]::before,
  .bizfonePopoverWrap:has(.is-active) .bizfonePopoverTxt[data-target="solution02"]::before {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 9px;
    background-color: var(--color-bg-yellow-daken);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  }
  .bizfonePopoverTxt:hover {
    opacity: 1;
  }
  /* アコーディオン */
  summary::before {
    right: 0;
    width: 12px;
    height: 2px;
  }
  summary::after {
    right: 5px;
    width: 2px;
    height: 12px;
  }
  .is-opened summary::after {
    transform: rotate(90deg) translate(-6px, 5px);
  }
  /* 料金プラン */
  .bizfonePricePlans {
    width: 100%;
    max-width: 271px;
    margin: 16px auto 0;
    grid-template-columns: 1fr;
    gap: 19px;
  }
  .bizfonePricePlanTitle {
    padding: 12px;
    font-size: 16px;
  }
  .bizfonePricePlanTitleBalloon {
    left: -23px;
    transform: translateY(-50%);
    width: 94px;
    line-height: 28px;
    font-size: 14px;
  }
  .bizfonePricePlanTitleBalloon::before {
    right: 25px;
    left: auto;
    transform: none;
    width: 15px;
    height: 7px;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
  }
  .bizfonePricePlanPrice {
    margin-top: 10px;
    font-size: 16px;
  }
  .bizfonePricePlanPriceNum {
    font-size: 40px;
  }
  .bizfonePricePlanPriceNumComma {
    font-size: 32px;
  }
  .bizfonePricePlanNoPrice {
    margin-top: 8px;
    padding-bottom: 5px;
  }
  .bizfonePricePlanPriceNote {
    font-size: 12px;
  }
  .bizfonePricePlanPointWrap {
    display: block;
    height: auto;
    margin-top: 14px;
    padding: 12px;
    font-size: 12px;
  }
  .bizfonePricePlanPoint {
    grid-template-columns: 15px 1fr;
  }
  .bizfonePricePlanPoint::before {
    width: 12px;
    height: 8px;
    margin-top: 4px;
  }
  /* 子ページh1 */
  .bizfoneChildTitleWrap {
    height: 208px;
    background-image: url(/img/bizfone/bg_child_title_sp.png);
    background-size: 187.5px auto;
    background-position: top right;
  }
  .bizfoneChildTitleEn {
    font-size: 12px;
  }
  .bizfoneChildTitle {
    font-size: 28px;
  }
  /* 子ページh2 */
  .bizfoneChildTitleMedium {
    margin-top: 40px;
    font-size: 18px;
  }
  /* 子ページh3 */
  .bizfoneChildTitleSmall {
    padding-left: 4px;
    font-size: 16px;
  }
  .bizfoneChildTitleMedium + .bizfoneChildTitleSmall {
    margin-top: 12px;
  }
  /* 子ページCTA */
  .bizfoneChildCta {
    display: block;
    margin-top: 36px;
    padding: 27px 36px 24px;
  }
  .bizfoneChildCtaLeft {
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 7px;
    padding-right: 10px;
  }
  .bizfoneChildCtaImg {
    width: 74px;
  }
  .bizfoneChildCtaTxt {
    line-height: var(--line-height-14);
    padding-bottom: 4px;
    font-size: 18px;
  }
  .bizfoneChildCtaButton {
    width: 100%;
    height: 66px;
    font-size: 16px;
  }


  /* --------------------------------
    TOP
  -------------------------------- */
  /* TOP - タイトル */
  .bizfoneTitle {
    line-height: var(--line-height-14);
    font-size: 28px;
  }
  /* TOP - 導入コンセプト */
  .bizfoneTopLead {
    margin-top: 20px;
  }
  /* TOP - 青いCVボタン */
  .bizfoneTopCvBtn {
    font-size: 16px;
  }
  /* TOP - クロージングテキスト */
  .bizfoneTopClosingTxt {
    line-height: var(--line-height-16);
    margin-top: 32px;
    font-size: 18px;
  }
  /* mv */
  .bizfoneTopMv {
    height: auto;
  }
  .bizfoneTopMv::before {
    width: 100vw;
    height: 50.8vw;
    background-image: url(/img/bizfone/bg_mv_right_sp.png);
  }
  .bizfoneTopMv::after {
    width: 100vw;
    height: 68.26vw;
    background-image: url(/img/bizfone/bg_mv_left_sp.png);
  }
  .bizfoneTopMvInner {
    display: block;
    max-width: 91.46vw;
    padding-block: 20.26vw 7.46vw;
    text-align: left;
  }
  .bizfoneTopMvTop {
    width: 100%;
    text-align: center;
  }
  .bizfoneTopMvBalloon {
    width: 79.6vw;
    box-sizing: border-box;
    padding: 1.6vw 0;
    line-height: 1;
    border-radius: 7.73vw;
    font-size: 3.73vw;
    text-align: center;
  }
  .bizfoneTopMvBalloon::after {
    bottom: 0;
    left: 10.4vw;
    width: 3.46vw;
    height: 2.13vw;
    transform: translateY(100%);
  }
  .bizfoneTopMvBalloon span {
    padding-inline: 0;
    font-size: 6.13vw;
    vertical-align: 0;
  }
  .bizfoneTopMvCatch01 {
    margin-top: 1.33vw;
    font-size: 5.06vw;
  }
  .bizfoneTopMvCatch01 sup {
    font-size: 3.2vw;
  }
  .bizfoneTopMvCatch02 {
    line-height: 1.3;
    font-size: 8.53vw;
  }
  .bizfoneTopMvCatch02Letterspacing {
    margin-left: 0;
  }
  .bizfoneTopMvCatch03 {
    line-height: 1.62;
    margin-top: 4.8vw;
    font-size: 4.26vw;
    letter-spacing: 0;
  }
  .bizfoneTopMvLogo {
    margin-top: 1.49vw;
    text-align: center;
  }
  .bizfoneTopMvLogo img {
    width: 54.17vw;
    height: 17.27vw;
  }
  .bizfoneTopMvImg {
    position: static;
    width: 51.2vw;
    margin: 3.51vw auto 0;
  }
  .bizfoneCvButtons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6vw;
    margin-top: 6.47vw;
  }
  .bizfoneCvButton a {
    gap: 1.6vw;
    width: 100%;
    height: 14.13vw;
    border-radius: 1.06vw;
  }
  .bizfoneCvButtonDownload svg {
    width: 3.55vw;
  }
  .bizfoneCvButtonContact svg {
    width: 4.05vw;
  }
  .bizfoneTopMvNote {
    margin-top: 3.46vw;
    font-size: 3.2vw;
    text-align: center;
  }
  .bizfoneTopMvNews {
    margin-top: 6.4vw;
  }
  .bizfoneTopMvNews a {
    display: grid;
    grid-template-columns: 21vw 1fr;
    gap: .8vw 0;
    min-height: auto;
    padding: 5.06vw 10.93vw 4.26vw 4.26vw;
    border-radius: 2.13vw;
  }
  .bizfoneTopMvNews a::after {
    right: 4.26vw;
    width: 2.66vw;
    height: 2.66vw;
    margin-top: -1.33vw;
    border-right: 0.53vw solid #B5B5B5;
    border-bottom: 0.53vw solid #B5B5B5;
  }
  .bizfoneTopMvNewsLabel {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    font-size: 4.26vw;
  }
  .bizfoneTopMvNewsTime {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    margin-left: 0;
    font-size: 3.73vw;
  }
  .bizfoneTopMvNewsTitle {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    margin-left: 0;
    font-size: 3.73vw;
  }

  /* 現場の電話の不自由、放置していませんか？ */
  .bizfoneTopProblem {
    padding-block: 45px 40px;
  }
  .bizfoneTopProblem::before {
    bottom: -21px;
    width: 63px;
    height: 22px;
  }
  .bizfoneTopProblemTitle {
    font-size: 24px;
  }
  .bizfoneTopProblemMain {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 24px;
  }
  .bizfoneTopProblemMainCnt {
    display: block;
    width: 100%;
    max-width: 271px;
    margin-inline: auto;
  }
  .bizfoneTopProblemMainBalloon {
    padding: 16px;
  }
  .bizfoneTopProblemMainBalloon::after {
    left: 30%;
  }
  .bizfoneTopProblemMainTitleWrap {
    display: grid;
    grid-template-columns: 30px 1fr;
    align-items: center;
    gap: 5px;
    font-size: 20px;
    text-align: left;
  }
  .bizfoneTopProblemMainTitleNum {
    font-size: 24px;
  }
  .bizfoneTopProblemMainTitle {
    margin-top: 0;
  }
  .bizfoneTopProblemMainTxt {
    margin-top: 4px;
  }
  .bizfoneTopProblemMainImg {
    margin-top: 12px;
  }
  .bizfoneTopProblemMainImg img {
    max-width: 159px;
  }

  /* そのお悩み、Bizfone（ビズホン）ならスマホ1台でラクラク解決！ */
  .bizfoneTopSolution {
    padding-block: 42px 53px;
  }
  .bizfoneTopSolution::before,
  .bizfoneTopSolution::after {
    display: none;
  }
  .bizfoneTopSolutionTitleSub {
    font-size: 20px;
  }
  .bizfoneTopSolutionTitleSub img {
    width: 132px;
    height: 42px;
    margin-inline: -7px 5px;
  }
  .bizfoneTopSolutionTitle {
    line-height: 1.3;
    margin-inline: -5px;
    font-size: 28px;
  }
  .bizfoneTopSolutionTitle span::before {
    bottom: 2px;
    height: 8px;
  }
  .bizfoneTopSolutionMain {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
    width: 100%;
    padding: 32px 20px 20px;
  }
  .bizfoneTopSolutionMainTitle {
    position: relative;
    z-index: 1;
    line-height: 1.25;
    padding: 4px 20px;
    border-radius: 40px;
    font-size: 20px;
  }
  .bizfoneTopSolutionMainTitleSub {
    line-height: var(--line-height-14);
    margin-top: 12px;
    font-size: 18px;
  }
  .bizfoneTopSolutionMainTxt {
    margin-top: 8px;
    font-size: 14px;
  }
  .bizfoneTopSolutionMainTxt .bizfonePopoverTxt {
    font-size: 16px;
  }
  .bizfoneTopSolutionMainTxt .bizfonePopoverTxt::after {
    vertical-align: 1px;
  }
  .bizfoneTopSolutionMainPoint {
    padding: 12px;
  }
  .bizfoneTopSolutionMainImg {
    position: relative;
    width: 100%;
    text-align: center;
  }
  .bizfoneTopSolutionMainImg img {
    width: 74px;
    height: 144px;
  }
  .bizfoneTopSolutionMainImg::before,
  .bizfoneTopSolutionMainImg::after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    user-select: none;
  }
  .bizfoneTopSolutionMainImg::before {
    top: 55px;
    right: -20px;
    width: 146px;
    height: 160px;
    background-image: url(/img/bizfone/bg_solution_right_sp.png);
    background-position: right bottom;
  }
  .bizfoneTopSolutionMainImg::after {
    top: -32px;
    left: -20px;
    width: 124px;
    height: 138px;
    background-image: url(/img/bizfone/bg_solution_left_sp.png);
    background-position: left top;
  }


  /* Bizfone（ビズホン）の特徴 */
  .bizfoneTopFeature {
    padding-block: 56px;
  }
  .bizfoneTopFeatureOverviews {
    grid-template-columns: 1fr;
    gap: 15px;
    width: 100%;
    max-width: 271px;
    margin: 20px auto 0;
  }
  .bizfoneTopFeatureOverview {
    padding: 20px;
  }
  .bizfoneTopFeatureOverviewTitleNum {
    font-size: 32px;
  }
  .bizfoneTopFeatureOverviewTitle {
    font-size: 20px;
  }
  .bizfoneTopFeatureOverviewImg {
    margin-top: 8px;
  }
  .bizfoneTopFeatureOverviewImg img {
    max-width: 84px;
  }
  .bizfoneTopFeatureOverviewCatch {
    margin-top: 8px;
    font-size: 16px;
  }
  .bizfoneTopFeatureOverviewTxt {
    margin-top: 4px;
  }
  .bizfoneTopFeatureMain {
    margin-top: 27px;
    padding: 20px;
  }
  .bizfoneTopFeatureMainTitle {
    height: 38px;
    font-size: 20px;
  }
  .bizfoneTopFeatureMainTitle span {
    font-size: 24px;
  }
  .bizfoneTopFeatureMainLead {
    position: relative;
    margin-top: 12px;
    font-size: 16px;
    text-decoration: none;
  }
  .bizfoneTopFeatureMainLead .bizfonePopoverWrap {
    position: static;
  }
  .bizfoneTopFeatureMainLead .bizfonePopover {
    bottom: 55px;
  }
  .bizfoneTopFeatureMainLead .bizfonePopover::after {
    left: 50%;
  }
  .bizfoneTopFeatureMainLead .bizfonePopoverTxt {
    font-size: 16px;
    text-decoration: none;
  }
  .bizfoneTopFeatureMainLead .bizfonePopoverTxt::after {
    text-decoration: none;
  }
  .bizfoneTopFeatureMainLeadUnderline {
    display: inline-block;
    padding-bottom: 1px;
    background-image: url(/img/bizfone/dotborder_orange.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: 6px auto;
  }
  .bizfoneTopFeatureMainCnt01_01 {
    grid-template-columns: 1fr;
    gap: 16px;
    margin: 16px 0 0;
  }
  .bizfoneTopFeatureMainCnt01_01Img {
    text-align: center;
  }
  .bizfoneTopFeatureMainCnt01_01Img img {
    width: 100%;
    max-width: 224px;
  }
  .bizfoneTopFeatureMainCnt01_01Points {
    padding: 16px;
  }
  .bizfoneTopFeatureMainCnt01_01Point + .bizfoneTopFeatureMainCnt01_01Point {
    margin-top: 8px;
  }
  .bizfoneTopFeatureMainCnt01_02 {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    margin-top: 16px;
    padding: 24px 16px 16px;
  }
  .bizfoneTopFeatureMainCnt01_02Img {
    position: absolute;
    bottom: 86px;
    left: 50%;
    transform: translateX(-50%);
    width: 199px;
    max-width: 100%;
  }
  .bizfoneTopFeatureMainCnt01_02Img img {
    width: 100%;
    max-width: 199px;
    aspect-ratio: 199 / 106;
  }
  .bizfoneTopFeatureMainCnt01_02TxtWrap {
    padding-bottom: 0;
  }
  .bizfoneTopFeatureMainCnt01_02TxtTitle {
    font-size: 16px;
  }
  .bizfoneTopFeatureMainCnt01_02TxtTxt {
    margin-top: 8px;
  }
  .bizfoneTopFeatureMainCnt01_02TxtBtn {
    width: 100%;
    margin: 135px auto 0;
    font-size: 16px;
  }
  .bizfoneTopFeatureMainCnt02Balloon {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, calc(-100% - 4.5px));
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    height: 83px;
    line-height: var(--line-height-14);
    margin: 0;
    padding: 0;
    border-radius: 42px;
  }
  .bizfoneTopFeatureMainCnt02TableWrap {
    width: 100%;
    overflow-x: auto;
  }
  .bizfoneTopFeatureMainCnt02Table {
    width: fit-content;
    min-width: 100%;
    margin-top: 108px;
    white-space: nowrap;
  }
  .bizfoneTopFeatureMainCnt02Table thead th:not(.bizfoneTopFeatureMainCnt02TableThBizfone) {
    padding: 10px;
    line-height: var(--line-height-14);
  }
  .bizfoneTopFeatureMainCnt02Table thead th span {
    font-size: 12px;
  }
  .bizfoneTopFeatureMainCnt02TableThBizfoneInner::after {
    top: -5px;
    width: 24px;
    height: 11px;
  }
  .bizfoneTopFeatureMainCnt02Table tbody th {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 10px;
  }
  .bizfoneTopFeatureMainCnt02Table tbody tr + tr th {
    position: sticky;
  }
  .bizfoneTopFeatureMainCnt02Table td {
    padding: 12px 10px;
  }
  .bizfoneTopFeatureMainCnt02TableSymbol img {
    width: 18px;
  }
  .bizfoneTopFeatureMainCnt02TableNumWrapBizfone {
    font-size: 14px;
  }
  .bizfoneTopFeatureMainCnt02TableNumWrap {
    margin-top: 8px;
  }
  .bizfoneTopFeatureMainCnt02TableNum {
    font-size: 28px;
  }
  .bizfoneTopFeatureMainCnt02TableNumBizfone {
    font-size: 28px;
  }
  .bizfoneTopFeatureMainCnt02TableNumComma {
    font-size: 28px;
  }
  .bizfoneTopFeatureMainCnt02TableNumBizfoneComma {
    font-size: 20px;
  }
  .bizfoneTopFeatureMainCnt02TableNote {
    line-height: var(--line-height-14);
    margin-top: 2px;
    font-size: 12px;
  }
  .bizfoneTopFeatureMainCnt02TableTxt + .bizfoneTopFeatureMainCnt02TableNote {
    margin-top: 3px;
  }
  .bizfoneTopFeatureMainCnt02TableTxt {
    margin-top: 8px;
  }
  .bizfoneTopFeatureMainCnt02TableNumWrap sup {
    vertical-align: 11px;
    font-size: 12px;
  }
  .bizfoneTopFeatureMainCnt02Note {
    margin-top: 4px;
    font-size: 12px;
  }
  .bizfoneTopFeatureMainCnt03 {
    position: relative;
    flex-direction: column;
    gap: 14px;
    margin-top: 22px;
    padding: 24px 16px 56px;
  }
  .bizfoneTopFeatureMainCnt03TxtWrap {
    width: 100%;
  }
  .bizfoneTopFeatureMainCnt03TxtTitle {
    font-size: 16px;
  }
  .bizfoneTopFeatureMainCnt03Txt {
    margin-top: 8px;
  }
  .bizfoneTopFeatureMainCnt03Legends {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    gap: 11px;
    margin-top: 0;
    font-size: 12px;
    white-space: nowrap;
  }
  .bizfoneTopFeatureMainCnt03Legend {
    gap: 2px;
  }
  .bizfoneTopFeatureMainCnt03Legend::before {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
  }
  .bizfoneTopFeatureMainCnt03Img {
    width: 225px;
    text-align: center;
  }
  .bizfoneTopFeatureMainCnt03Img img {
    width: 100%;
    height: 248px;
  }
  .bizfoneTopFeatureMainCnt03ImgBalloon {
    top: 9px;
    left: 7px;
    width: 116px;
    height: 116px;
    font-size: 12px;
    font-weight: var(--font-weight-medium);
  }
  .bizfoneTopFeatureMainCnt03ImgBalloon::before {
    content: '';
    position: absolute;
    right: 9px;
    bottom: 13px;
    width: 18px;
    height: 14px;
  }

  /* CTA */
  .bizfoneTopFeatureCv {
    display: block;
    height: auto;
    padding-block: 40px 56px;
    background-image: url(/img/bizfone/bg_cta_sp01.png), url(/img/bizfone/bg_cta_sp02.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top, center bottom;
  }
  .bizfoneTopFeatureCvTitle {
    font-size: 24px;
  }
  .bizfoneTopFeatureCvButtons {
    display: block;
    margin-top: 24px;
  }
  .bizfoneTopFeatureCvButton a {
    gap: 14px;
    width: 268px;
    height: 56px;
    margin-inline: auto;
    font-size: 16px;
  }
  .bizfoneTopFeatureCvButtonTrial {
    margin-top: 16px;
  }
  .bizfoneTopFeatureCvButtonTrial a {
    margin-top: 4px;
  }
  .bizfoneTopFeatureCvButtonTrial svg {
    width: 19px;
  }
  .bizfoneTopFeatureCvButtonContact {
    margin-top: 24px;
  }

  /* 活用シーン */
  .bizfoneTopUsecase {
    padding-block: 56px;
  }
  .bizfoneTopUsecaseMain {
    grid-template-columns: 1fr;
    gap: 19px;
    margin-top: 16px;
  }
  .bizfoneTopUsecaseMainCnt {
    padding: 20px;
  }
  .bizfoneTopUsecaseMainTitleNum {
    font-size: 32px;
  }
  .bizfoneTopUsecaseMainTitle {
    font-size: 20px;
  }
  .bizfoneTopUsecaseMainImg {
    margin-top: 12px;
  }
  .bizfoneTopUsecaseMainTxt {
    margin-top: 12px;
  }
  .bizfoneTopUsecaseMainNote {
    margin-top: 4px;
  }

  /* 提供エリア */
  .bizfoneTopArea {
    padding-block: 56px;
  }
  .bizfoneTopAreaSearch {
    margin-top: 16px;
    padding: 20px;
  }
  .bizfoneTopAreaSearchInputWrap {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .bizfoneTopAreaSearchInputMain {
    flex-direction: column;
    width: 100%;
  }
  .bizfoneTopAreaSearchInputOrder {
    margin-bottom: 8px;
  }
  .bizfoneTopAreaSearchInputMain input {
    width: 100%;
    height: 48px;
  }
  .bizfoneTopAreaSearchInputButton {
    gap: 7px;
    width: 191px;
    height: 48px;
    margin-inline: auto;
  }
  .bizfoneTopAreaSearchResultDetail {
    margin-top: 24px;
    padding: 12px 16px 16px;
  }
  #bizfone *[class*="Area"] + .bizfoneTopAreaDetailList {
    margin-top: 0;
  }
  .bizfoneTopAreaDetailListCnt {
    grid-template-columns: 1fr;
    margin-top: 12px;
    padding-top: 12px;
  }
  #bizfone *[class*="Area"] + .bizfoneTopAreaDetailListCnt {
    margin-top: 12px;
  }
  .bizfoneTopAreaDetailNum {
    font-size: 16px;
  }
  .bizfoneTopAreaDetailNum span {
    display: inline;
    margin-left: 10px;
  }
  #bizfone *[class*="Area"] + .bizfoneTopAreaNosupported {
    margin-top: 27px;
    padding: 20px;
  }
  .bizfoneTopAreaNosupported::before {
    top: -8px;
    right: 13px;
    bottom: auto;
    width: 84px;
    height: 78px;
    background-image: url(/img/bizfone/illust_out_of_area_sp.png);
  }
  .bizfoneTopAreaNosupportedTitle {
    padding-right: 79px;
    font-size: 16px;
  }
  .bizfoneTopAreaNosupported:has(.bizfoneTopAreaNosupportedTitleWithicon)::before {
    display: none;
  }
  .bizfoneTopAreaNosupportedTitleWithicon {
    position: relative;
    grid-template-columns: 1fr;
    gap: 5px;
  }
  .bizfoneTopAreaNosupportedTitleWithicon::after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 0;
    width: 84px;
    height: 78px;
    background-image: url(https://stg.his-mobile.com/img/bizfone/illust_out_of_area_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  .bizfoneTopAreaNosupportedTitleWithicon svg {
    width: 22px;
  }
  .bizfoneTopAreaTitle {
    padding-block: 35px 16px;
    font-size: 20px;
  }
  .bizfoneTopAreaDetail {
    padding: 16px 20px;
  }
  #bizfone *[class*="Area"] + .bizfoneTopAreaDetail + .bizfoneTopAreaDetail {
    margin-top: 11px;
  }

  /* 機能・オプション */
  .bizfoneTopFunction {
    padding-block: 56px;
  }
  .bizfoneTopFunctionSec {
    margin-top: 20px;
  }
  .bizfoneTopFunctionSec + .bizfoneTopFunctionSec {
    margin-top: 30px;
  }
  .bizfoneTopFunctionSecTitle {
    font-size: 20px;
  }
  .bizfoneTopFunctionFuntions {
    grid-template-columns: 1fr;
    gap: 11px;
    margin-top: 16px;
  }
  .bizfoneTopFunctionFuntion {
    padding: 16px;
  }
  .bizfoneTopFunctionFuntionTitle {
    display: grid;
    grid-template-columns: 41px 1fr;
    align-items: center;
    font-size: 16px;
  }
  .bizfoneTopFunctionFuntionTitle::before {
    position: static;
    transform: none;
    width: 41px;
    height: 41px;
  }
  .bizfoneTopFunctionFuntionTxt {
    margin-top: 0px;
    padding-top: 8px;
    border-top: none;
    background-image: url(/img/bizfone/dotborder_blue.png);
    background-repeat: repeat-x;
    background-size: 6px auto;
    background-position: center top;
  }
  .bizfoneBoxshadow.bizfoneTopFunctionOption {
    margin-top: 20px;
    padding: 24px;
    border-radius: 8px;
    background-color: #fff;
  }
  #bizfone .bizfoneBoxshadow + .bizfoneBoxshadow.bizfoneTopFunctionOption {
    margin-top: 30px;
  }
  .bizfoneTopFunctionOptionTitle {
    line-height: 32px;
    font-size: 18px;
  }
  .bizfoneTopFunctionOptionSubTitle {
    margin-top: 12px;
    font-size: 16px;
  }
  .bizfoneTopFunctionOptionTxt {
    margin-top: 12px;
    padding-inline: 0;
  }
  .bizfoneTopFunctionOptionFigure {
    display: block;
    margin-top: 16px;
  }
  .bizfoneTopFunctionOptionFigureCustomer {
    text-align: center;
  }
  .bizfoneTopFunctionOptionFigureCustomer img {
    width: 74px;
    height: 74px;
  }
  .bizfoneTopFunctionOptionFigureLogo {
    margin: 54px 0 0;
  }
  .bizfoneTopFunctionOptionFigureLogo::before {
    top: -42px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    width: 32px;
    height: 30px;
  }
  .bizfoneTopFunctionOptionFigureLogo {
    text-align: center;
  }
  .bizfoneTopFunctionOptionFigureLogo img {
    width: 158px;
    height: 50px;
  }
  .bizfoneTopFunctionOptionFigureAutofunctions {
    position: relative;
    margin-top: 47px;
  }
  .bizfoneTopFunctionOptionFigureAutofunctions::before {
    content: '';
    position: absolute;
    top: -38px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    width: 32px;
    height: 30px;
    background-image: url(/img/bizfone/arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: none;
    user-select: none;
  }
  .bizfoneTopFunctionOptionFigureAutofunction::before {
    display: none;
  }
  .bizfoneTopFunctionOptionFigureAutofunction {
    gap: 4px;
    margin-left: 0;
  }
  .bizfoneTopFunctionOptionFigureAutofunction + .bizfoneTopFunctionOptionFigureAutofunction {
    margin-top: 8px;
  }
  .bizfoneTopFunctionOptionFigureAutofunctionTxt {
    font-size: 12px;
  }
  .bizfoneTopFunctionOptionMirai {
    display: block;
    margin-top: 19px;
  }
  .bizfoneTopFunctionOptionMiraiChara img {
    width: 141px;
    height: 173px;
  }
  .bizfoneTopFunctionOptionMiraiCharaTxt {
    margin-top: 16px;
    font-size: 12px;
  }
  .bizfoneTopFunctionOptionMiraiFunctionWrap {
    display: block;
    margin-top: 12px;
  }
  .bizfoneTopFunctionOptionMiraiFunctionAdd {
    display: block;
    padding-right: 0;
  }
  .bizfoneTopFunctionOptionMiraiFunctionAddTitle {
    line-height: 36px;
    writing-mode: horizontal-tb;
    font-size: 14px;
    text-align: center;
  }
  .bizfoneTopFunctionOptionMiraiFunctions {
    padding: 16px;
  }
  .bizfoneTopFunctionOptionMiraiFunctionAdd + .bizfoneTopFunctionOptionMiraiFunctions {
    padding-inline: 20px;
  }
  .bizfoneTopFunctionOptionMiraiFunction {
    font-size: 14px;
  }
  .bizfoneTopFunctionOptionMiraiFunction + .bizfoneTopFunctionOptionMiraiFunction {
    margin-top: 13px;
  }

  /* 料金プラン */
  .bizfoneTopPrice {
    padding-block: 56px;
  }
  .bizfoneTopPriceTitle {
    margin-top: 20px;
    font-size: 20px;
  }
  .bizfoneTopPriceDetail {
    margin-top: 27px;
    padding: 20px 16px;
  }
  .bizfoneTopPriceDetail + .bizfoneTopPriceDetail {
    margin-top: 16px;
  }
  .bizfoneTopPriceDetailTitle {
    font-size: 16px;
  }
  .bizfoneTopPriceDetailMain {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .bizfoneTopPriceDetailMainItem {
    line-height: 1;
    padding: 16px 12px 12px;
    font-size: 12px;
  }
  .bizfoneTopPriceDetailMainItem:has(.bizfoneTopPriceDetailMainTxtBalloon) {
    margin-top: 8px;
  }
  .bizfoneTopPriceDetailMainTxt {
    font-size: 14px;
  }
  .bizfoneTopPriceDetailMainTxtBalloon {
    top: -28px;
    right: -12px;
    width: 203px;
    height: 24px;
    font-weight: var(--font-weight-medium);
    font-size: 12px;
  }
  .bizfoneTopPriceDetailMainTxtBalloon::before {
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 11px;
    height: 5px;
  }
  .bizfoneTopPriceDetailMainTxtBalloon span {
    font-size: 20px;
  }
  .bizfoneTopPriceDetailMainTxtNum {
    font-size: 20px;
  }
  .bizfoneTopPriceDetailMainTxtNumComma {
    font-size: 16px;
  }

  /* ワンストップソリューション */
  .bizfoneTopOnestop {
    padding-block: 56px;
  }
  .bizfoneTopOnestop .bizfoneTitleEn {
    font-size: 18px;
  }
  .bizfoneTopOnestopCnt {
    display: block;
    margin-top: 20px;
    padding: 24px 9px;
    font-size: 18px;
  }
  .bizfoneTopOnestopTxt {
    margin-bottom: 24px;
  }
  .bizfoneTopOnestopCntTitle {
    font-size: 18px;
  }
  .bizfoneTopOnestopCntTxt {
    font-size: 14px;
  }
  .bizfoneTopOnestopCnt img {
    width: 100%;
    display: block;
    max-width: 271px;
    height: auto;
    aspect-ratio: 271 / 184;
    margin: 10px  auto 0;
  }
  .bizfoneTopOnestop .bizfoneTopCvBtn {
    width: 271px;
  }

  /* サービスご利用開始までの流れ */
  .bizfoneTopFlow {
    padding-block: 56px;
  }
  .bizfoneTopFlowMain {
    grid-template-columns: 1fr;
    gap: 61px;
    width: 100%;
    max-width: 271px;
    margin: 20px auto 0;
  }
  .bizfoneTopFlowMainItem {
    padding: 30px 20px 24px;
  }
  .bizfoneTopFlowMainItem + .bizfoneTopFlowMainItem {
    position: relative;
  }
  .bizfoneTopFlowMainItem + .bizfoneTopFlowMainItem::before {
    content: '';
    position: absolute;
    top: -46px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
    width: 34px;
    height: 34px;
    background-image: url(/img/bizfone/icon_back_to_top.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: none;
    user-select: none;
  }
  .bizfoneTopFlowMainNum {
    font-size: 32px;
  }
  .bizfoneTopFlowMainIcon {
    margin-top: 1px;
  }
  .bizfoneTopFlowMainIcon img {
    width: 70px;
    height: 70px;
  }
  .bizfoneTopFlowMainTitle {
    font-size: 16px;
  }
  .bizfoneTopFlowMainTxt {
    margin-top: 4px;
  }
  .bizfoneTopFlow .bizfoneTopCvBtn {
    width: 271px;
    margin-top: 43px;
  }

  /* よくあるご質問 */
  .bizfoneTopFaq {
    padding-block: 56px;
  }
  .bizfoneTopFaqMain {
    margin-top: 20px;
  }
  .bizfoneTopFaqMainItem {
    padding: 16px 20px;
  }
  .bizfoneTopFaqMainItemTitle {
    grid-template-columns: 24px 1fr;
    padding-right: 28px;
  }
  .bizfoneTopFaqMainItemTitle span {
    padding-top: 2px;
    font-size: 16px;
  }
  .bizfoneTopFaqMainItemContentTxt {
    padding-top: 8px;
  }
  .bizfoneTopFaqSec + .bizfoneTopFaqSec {
    margin-top: 59px;
  }
  .bizfoneTopFaqMovieTxt {
    margin-top: 20px;
  }
  .bizfoneTopFaqMovieMain {
    margin-top: 16px;
  }
  .bizfoneTopFaqMovieMain iframe {
    width: 100%;
  }
  .bizfoneTopFaqAppWrap {
    margin-top: 40px;
    padding: 24px 16px 0;
  }
  .bizfoneTopFaqAppCnt {
    width: 100%;
    padding-left: 0;
  }
  .bizfoneTopFaqAppCntTitle {
    gap: 5px;
    font-size: 15px;
  }
  .bizfoneTopFaqAppCntTitle img {
    width: 40px;
    height: 40px;
  }
  .bizfoneTopFaqApps {
    gap: 12px;
  }
  .bizfoneTopFaqApp img {
    width: auto;
    height: 49px;
  }
  .bizfoneTopFaqAppImg {
    position: static;
    margin-top: 11px;
    text-align: center;
  }
  .bizfoneTopFaqAppImg img {
    width: 162px;
    height: 128px;
  }

  /* お知らせ */
  .bizfoneTopNews {
    padding-block: 56px;
  }
  .bizfoneTopNewsMain {
    margin-top: 20px;
  }
  .bizfoneTopNewsMainItem a {
    display: block;
    padding: 16px 0;
  }
  .bizfoneTopNewsMainItem a::after {
    right: 5px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
  }
  .bizfoneTopNewsMainTime {
    width: auto;
    line-height: 1;
    font-size: 16px;
  }
  .bizfoneTopNewsMainTitle {
    margin-top: 2px;
    padding-right: 20px;
    font-size: 14px;
  }
  .bizfoneTopNews .bizfoneTopCvBtn {
    margin-top: 43px;
  }


  /* --------------------------------
    料金詳細
  -------------------------------- */
  .bizfonePricedetail {
    padding-bottom: 85px;
  }
  .bizfonePricedetailStructure .bizfonePricePlanNoPrice {
    font-size: 18px;
  }
  .bizfonePricePlanIntialCost {
    font-size: 12px;
  }
  .bizfonePricePlanIntialCostNum {
    font-size: 20px;
  }
  .bizfonePricedetailStructure .bizfoneChildTitleSmall {
    margin-top: 40px;
  }
  .bizfonePricedetailStructureFigure {
    margin-top: 20px;
    padding: 12px;
  }
  .bizfonePricedetailTableWrap {
    width: 100%;
    overflow-x: auto;
    margin-block: 8px 20px;
  }
  .bizfonePricedetailTableTitle {
    margin-block: 20px 8px;
    font-size: 16px;
  }
  .bizfonePricedetailTableWrap table {
    width: max-content;
    min-width: 100%;
  }
  .bizfonePricedetailTableWrapHalf table {
    width: 100%;
  }
  .bizfonePricedetailTableWrap table th,
  .bizfonePricedetailTableWrap table td {
    padding: 12px 16px;
  }
  .bizfonePricedetailTableWrap table .bizfonePricedetailTableThThin {
    padding-block: 4px;
  }
  .bizfonePricedetailTableWrap table.bizfonePricedetailCallcostTableSpnopadding td,
  .bizfonePricedetailTableWrap table.bizfonePricedetailCallcostTableSpnopadding th {
    padding-inline: 0;
  }
  .bizfonePricedetailTableWrap table .bizfonePricedetailTableName {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .bizfonePricedetailTableWrap sup {
    font-size: 12px;
  }
  .bizfonePricedetailNote {
    margin-top: -8px;
  }
  .bizfonePricedetailNoteItem {
    line-height: var(--line-height-14);
  }
  .bizfonePricedetailNoteItem + .bizfonePricedetailNoteItem {
    margin-top: 4px;
  }
  .bizfonePricedetailNoteButton {
    font-size: 14px;
  }
  .bizfoneChildTitleMedium + p {
    margin-top: 12px;
  }
  .bizfonePricedetailTableTal {
    max-width: 264px;
  }
  .bizfonePricedetailTableName {
    max-width: 160px;
  }
  .bizfonePricedetailModal {
    max-width: calc(100% - 32px);
    max-height: calc(100% - min(160px, 23.98vh));
  }
  .bizfonePricedetailModalClose {
    width: 36px;
    height: 36px;
    margin: 0 0 8px auto;
    padding-bottom: 2.4px;
    font-size: 33px;
  }
  .bizfonePricedetailModalMain {
    height: calc(100% - 45px);
    padding: 16px;
  }
  .bizfonePricedetailModalTableSpWrap {
    width: 100%;
    margin-top: 24px;
    border: 1px solid #B5B5B5;
    border-top: none;
    border-radius: 8px;
    overflow: hidden;
    font-size: 14px;
  }
  .bizfonePricedetailModalTableSpLabel {
    padding: 4px 8px;
    background-color: var(--color-blue);
    color: #fff;
    text-align: center;
  }
  .bizfonePricedetailModalTableSpValue {
    padding: 12px;
  }

  /* --------------------------------
    ワンストップ導入ガイド
  -------------------------------- */
  .bizfoneOnestop {
    padding-bottom: 85px;
  }
  .bizfoneOnestopLead {
    margin-top: 40px;
    font-size: 14px;
  }
  .bizfoneOnestopRecommend .bizfoneChildTitleMedium {
    margin-top: 32px;
  }
  .bizfoneOnestopRecommend .bizfonePricePlanOverview {
    font-size: 12px;
  }
  .bizfoneOnestopRecommend .bizfonePricePlanPrice {
    font-size: 16px;
  }
  .bizfoneOnestopRecommend .bizfonePricePlanPriceNum {
    font-size: 40px;
  }
  .bizfoneOnestopRecommend .bizfonePricePlanPointWrap {
    height: auto;
    margin-top: 5px;
    padding: 12px;
  }
  .bizfoneOnestopLineupItems {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 20px;
  }
  .bizfoneOnestopLineupItem {
    padding: 12px 14px 16px;
  }
  .bizfoneOnestopLineupItemImg img {
    max-width: 102px;
  }
  .bizfoneOnestopLineupItemImg figcaption {
    font-size: 12px;
  }
  .bizfoneOnestopLineupItemPrice {
    font-size: 14px;
  }
  .bizfoneOnestopLineupItemPriceNum {
    font-size: 24px;
  }
  .bizfoneOnestopLineupItemPriceNumComma {
    font-size: 18px;
  }
  .bizfoneOnestopLineupNote {
    margin-top: 20px;
    font-size: 16px;
  }

  /* --------------------------------
    利用規約
  -------------------------------- */
  .bizfoneTerms {
    padding-bottom: 85px;
  }
  .bizfoneTermsMainLead + .bizfoneChildTitleMedium {
    margin-top: 32px;
  }
  .bizfoneTerms .bizfoneChildTitleSmall {
    margin-top: 24px;
  }
  .bizfoneTerms *[class*="List"] + .bizfoneTermsListChild {
    margin-top: 8px;
  }
  .bizfoneTerms *[class*="List"] + .bizfoneTermsListChild li {
    margin-top: 4px;
  }

  /* --------------------------------
    注意事項
  -------------------------------- */
  .bizfoneAttention {
    padding-bottom: 85px;
  }
  .bizfoneAttention .bizfoneChildTitleSmall {
    margin-top: 24px;
  }
  .bizfoneAttentionTxtIndent {
    margin-top: 20px;
  }
}