@charset "UTF-8";
/* カラー
*******************/
.c-white {
  color: #ffffff !important;
}
.c-black {
  color: #333333 !important;
}
.c-blue {
  color: #508ed9 !important;
}
.c-yellow {
  color: #fff582 !important;
}
.c-red {
  color: #e60012 !important;
}
.c-green {
  color: #81bd16 !important;
}
.c-green2 {
  color: #00B0AE !important;
}
.c-orange {
  color: #ff9020 !important;
}
.c-gray {
  color: #f5f5f5 !important;
}
.c-gray2 {
  color: #e9e9e9 !important;
}
.c-pink {
  color: #f88072 !important;
}
.c-cream {
  color: #fffde5 !important;
}

/* bgカラー
*******************/
.bg-white {
  background-color: #ffffff !important;
}
.bg-black {
  background-color: #333333 !important;
}
.bg-blue {
  background-color: #508ed9 !important;
}
.bg-yellow {
  background-color: #fff582 !important;
}
.bg-red {
  background-color: #e60012 !important;
}
.bg-green {
  background-color: #81bd16 !important;
}
.bg-orange {
  background-color: #ff9020 !important;
}
.bg-gray {
  background-color: #f5f5f5 !important;
}
.bg-gray2 {
  background-color: #e9e9e9 !important;
}
.bg-pink {
  background-color: #f88072 !important;
}
.bg-cream {
  background-color: #fffde5 !important;
}

/* border color
*******************/
.bc-white {
  border-color: #ffffff !important;
}
.bc-black {
  border-color: #333333 !important;
}
.bc-blue {
  border-color: #508ed9 !important;
}
.bc-yellow {
  border-color: #fff582 !important;
}
.bc-red {
  border-color: #e60012 !important;
}
.bc-green {
  border-color: #81bd16 !important;
}
.bc-orange {
  border-color: #ff9020 !important;
}
.bc-gray {
  border-color: #f5f5f5 !important;
}
.bc-gray2 {
  border-color: #e9e9e9 !important;
}
.bc-pink {
  border-color: #f88072 !important;
}
.bc-cream {
  border-color: #fffde5 !important;
}

/*豊富な機能※後でcommon.cssにマージ */
.cm-function {
  padding: 8rem 0;
  background-size: cover;
  background-position: center;
  /*ここだけユニーク*/
  background-image: url("../images/new-buy/bg_function.jpg");
  /*ここだけユニーク*/
}
.cm-function-ttl {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.24em;
  color: #ffffff;
  text-align: center;
  background-color: #79b201;
  padding: 1.5rem 0;
}
.cm-function-ttl .material-symbols-outlined {
  font-size: 3.5rem;
  margin-right: 1rem;
  vertical-align: text-bottom;
}
.cm-function .main-function {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: url("../images/new-buy/icn-circle.png") no-repeat center top 29.8rem;
  background-size: auto;
  margin: 6rem auto 8rem;
}
.cm-function .main-function .box {
  margin-bottom: 8rem;
  width: 45.8%;
  background-color: #ffffff;
  position: relative;
}
.cm-function .main-function .box::after {
  content: "";
  display: block;
  width: 6.7rem;
  height: 1.9rem;
  background: url("../images/new-buy/icn-arrow.png") no-repeat center;
  background-size: 100%;
  position: absolute;
}
.cm-function .main-function .box:nth-child(1)::after {
  right: -7.5rem;
  top: 50%;
}
.cm-function .main-function .box:nth-child(2)::after {
  left: 50%;
  bottom: -8rem;
  transform: rotate(90deg) translateY(3.35rem) translateX(-50%);
}
.cm-function .main-function .box:nth-child(3)::after {
  left: 50%;
  top: -8rem;
  transform: rotate(-90deg) translateY(-3.35rem) translateX(-50%);
}
.cm-function .main-function .box:nth-child(4)::after {
  left: -7.5rem;
  top: 12.5rem;
  transform: rotate(180deg);
}
.cm-function .main-function .box:nth-child(n + 3) {
  margin-bottom: 0;
}
.cm-function .main-function .detail {
  width: 47%;
  margin-top: 2rem;
}
.cm-function .main-function .detail-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0rem 3rem 2.5rem;
}
.cm-function .main-function .detail-txt {
  letter-spacing: 0.06em;
  line-height: 1.3;
  text-align: center;
  margin: 1rem 0 1rem;
}
.cm-function .main-function .detail .cm-btn > span::before {
  right: 1.5rem;
}
.cm-function .other-function .detail {
  width: 15%;
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
}
.cm-function .other-function .detail-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #ffffff;
  padding: 0rem 3rem 2.5rem;
}
.cm-function .other-function .detail-wrap.col-4 .detail {
  width: 23.5%;
  margin-right: 2%;
}
.cm-function .other-function .detail-wrap.col-4 .detail:nth-child(4n) {
  margin-right: 0;
}
.cm-function .other-function .detail-wrap.col-4 .detail .img {
  line-height: 0;
}
.cm-function .other-function .detail-wrap.col-4 .detail .img img {
  width: 100%;
}
.cm-function .other-function .detail-wrap.col-5 {
  justify-content: flex-start;
}
.cm-function .other-function .detail-wrap.col-5 .detail {
  width: 18.4%;
  margin-right: 2%;
}
.cm-function .other-function .detail-wrap.col-5 .detail:nth-child(5n) {
  margin-right: 0;
}
.cm-function .other-function .detail-wrap.col-5 .detail .img {
  line-height: 0;
}
.cm-function .other-function .detail-wrap.col-5 .detail .img img {
  width: 100%;
}
.cm-function .other-function .detail-wrap.col-6 {
  justify-content: flex-start;
}
.cm-function .other-function .detail-wrap.col-6 .detail {
  margin-right: 2%;
}
.cm-function .other-function .detail-wrap.col-6 .detail:nth-child(6n) {
  margin-right: 0;
}
.cm-function .other-function .detail-wrap.col-7 .detail {
  width: 13.5%;
}
.cm-function .other-function .detail-wrap.col-7 .detail-txt {
  font-size: 1.4rem;
  min-height: 4.2rem;
}
.cm-function .other-function .detail-txt {
  letter-spacing: 0.06em;
  text-align: center;
  margin: 1rem 0 1rem;
  min-height: 4.8rem;
}
.cm-function .other-function .detail .cm-btn > span::before {
  right: 1.5rem;
}

/* 活用ガイド
******************/
.cm-flow {
  padding: 8rem 0;
}
.cm-flow .cm-ribbon-ttl .catch img {
  width: 13rem;
  margin-right: 1.5rem;
}
.cm-flow .main-txt {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.75;
  text-align: center;
  margin-top: 6rem;
}
.cm-flow .sub-ttl {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #81bd16;
  margin-top: 6rem;
  display: flex;
  align-items: center;
}
.cm-flow .sub-ttl::before, .cm-flow .sub-ttl::after {
  content: '';
  flex-grow: 1;
  height: 0.3rem;
  background: #81bd16;
}
.cm-flow .sub-ttl::before {
  margin-right: 2rem;
}
.cm-flow .sub-ttl::after {
  margin-left: 2rem;
}
.cm-flow .sub-txt {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
  margin-top: 2rem;
}
.cm-flow .cm-tab03 {
  margin-top: 5rem;
}

/* 活用ガイド ここまで
*****************/
@keyframes fadeIn-right {
  0% {
    opacity: 0;
    right: -3rem;
  }
  100% {
    opacity: 1;
    right: 0;
  }
}
/* 共通タブ
*****************/
.cm-tab03 {
  max-width: 94.5rem;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.cm-tab03-ttl_wrap {
  width: 32rem;
  background-color: #86b81c;
  border-radius: .5rem;
  padding: 3.5rem 0;
}
.cm-tab03-ttl_ttl {
  text-align: center;
  width: 14.5rem;
  height: 14.5rem;
  background-color: #408000;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin: auto;
  color: #ffffff;
  font-size: 2.3rem;
  font-weight: 500;
  position: relative;
  margin-bottom: 3rem;
}
.cm-tab03-ttl_ttl::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2rem 1rem 0 1rem;
  border-color: #408000 transparent transparent transparent;
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
}
.cm-tab03-ttl_ttl .circle {
  display: inline-block;
}
.cm-tab03-ttl_ttl .circle span {
  display: block;
  margin-bottom: 1rem;
  font-size: 3.2rem;
}
.cm-tab03-ttl_item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.cm-tab03-ttl_item:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.cm-tab03-ttl_item.active {
  position: relative;
}
.cm-tab03-ttl_item.active::after {
  content: "";
  display: block;
  width: 4.4rem;
  height: 1px;
  border-bottom: 1px dotted #468503;
  position: absolute;
  right: -4.4rem;
  top: 50%;
  transform: translateY(-50%) translateX(0%);
  z-index: 0;
}
.cm-tab03-ttl_item.active a {
  background-color: #468503;
}
.cm-tab03-ttl_item a {
  display: flex;
  align-items: center;
  background-color: #a4ca55;
  padding: 1.2rem 1.5rem;
  pointer-events: none;
}
.cm-tab03-ttl_item .case {
  border: 1px solid #ffffff;
  color: #ffffff;
  text-align: center;
  width: 6rem;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.5rem;
  font-size: 2.5rem;
  line-height: 1.2;
}
.cm-tab03-ttl_item .case .small {
  display: block;
  font-size: 1rem;
}
.cm-tab03-ttl_item .ttl {
  font-size: 1.2rem;
  color: #ffffff;
  width: calc(100% - 11.1rem);
}
.cm-tab03-ttl_item .ico-circle {
  width: 2.1rem;
  height: 2.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 100%;
  margin-left: 1.5rem;
}
.cm-tab03-ttl_item .ico-circle .material-symbols-outlined {
  font-size: 1.2rem;
}
.cm-tab03-main {
  width: 58rem;
  border: .4rem solid #adcf65;
  background: url("https://foodsinfomart.com/wp-content/themes/foodsinfomart/images/sell/practical/bg01.png") repeat;
  background-size: auto;
  border-radius: .5rem;
  padding: 2.5rem;
  overflow: hidden;
}
.cm-tab03-main_wrap {
  display: none;
}
.cm-tab03-main_wrap_inner {
  position: relative;
  opacity: 0;
}
.cm-tab03-main_wrap.active {
  display: block;
}
.cm-tab03-main_wrap.active .cm-tab03-main_wrap_inner {
  animation-name: fadeIn-right;
  animation-duration: .5s;
  animation-fill-mode: forwards;
}
.cm-tab03-problem-txt {
  background-color: #ffffff;
  border: 0.2rem solid rgba(134, 184, 28, 0.5);
  border-radius: .5rem;
  padding: 1.5rem 2.5rem 2.5rem;
  margin-bottom: 5rem;
  position: relative;
}
.cm-tab03-problem-txt::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2rem 2rem 0 2rem;
  border-color: #86b81c transparent transparent transparent;
  position: absolute;
  bottom: -2rem;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
}
.cm-tab03-problem-txt h4, .cm-tab03-problem-txt h3 {
  display: flex;
  align-items: center;
  font-size: 2.2rem;
  font-weight: 500;
  border-bottom: .2rem solid #dddddd;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}
.cm-tab03-problem-txt h4 > span, .cm-tab03-problem-txt h3 > span {
  width: calc(100% - 7rem);
}
.cm-tab03-problem-txt .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 100%;
  margin-right: 2rem;
}
.cm-tab03-problem-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cm-tab03-problem-flex p {
  width: calc(100% - 20rem);
}
.cm-tab03-problem-flex .img {
  width: 18rem;
}
.cm-tab03-problem-ttl {
  display: flex;
  align-items: center;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.2;
  border-bottom: .2rem solid #dddddd;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}
.cm-tab03-problem-ttl > span {
  width: calc(100% - 7rem);
}
.cm-tab03-problem-ttl .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 100%;
  margin-right: 2rem;
}
.cm-tab03-solution {
  background-color: #ffffff;
  border: 0.4rem dotted #ff9020;
  border-radius: .5rem;
  padding: 1.5rem 2.5rem 2.5rem;
  position: relative;
}
.cm-tab03-solution .absolute {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  white-space: nowrap;
  position: absolute;
  top: -1.7rem;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
  text-shadow: 0.5rem 0.5rem 0.3rem #ffffff, -0.5rem -0.5rem 0.3rem #ffffff, -0.5rem 0.5rem 0.3rem #ffffff, 0.5rem -0.5rem 0.3rem #ffffff, 0px 0.5rem 0.3rem #ffffff, 0 -0.5rem 0.3rem #ffffff, -0.5rem 0 0.3rem #ffffff, 0.5rem 0 0.3rem #ffffff;
  background: #ffffff;
}
.cm-tab03-solution-link {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}
.cm-tab03-solution-link .item {
  margin-right: 2rem;
  max-width: 14rem;
}
.cm-tab03-solution-link .item:nth-child(3n) {
  margin-right: 0;
}
.cm-tab03-solution-link .item:last-child {
  margin-right: 0;
}
.cm-tab03-solution-link .item > a {
  line-height: 0;
}
.cm-tab03-solution-link .item .cm-btn > span::before {
  right: 1.5rem;
}
.cm-tab03-solution-link-item {
  margin-bottom: 1rem;
}
.cm-tab03-solution-link-item .ttl {
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: -.02em;
  background-color: #ff9020;
  padding: .5rem 0;
  text-align: center;
  color: #ffffff;
}
.cm-tab03-solution-link-item img {
  width: 100%;
}

.cm-tab04-tab {
  display: flex;
  border-bottom: 0.4rem solid #81bd16;
}
.cm-tab04-tab .ttl {
  width: 100%;
  text-align: center;
  font-size: 2.3rem;
  background-color: #ffffff;
  border-radius: .5rem .5rem 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 9rem;
  transition: .3s;
}
.cm-tab04-tab .ttl.active {
  background-color: #81bd16;
  color: #ffffff;
}
.cm-tab04-tab .ttl.active .circle {
  background-color: #ffffff;
  color: #81bd16;
}
.cm-tab04-tab .ttl.active .circle .material-symbols-outlined {
  transform: rotate(90deg);
}
.cm-tab04-tab .ttl .circle {
  background-color: #81bd16;
  color: #ffffff;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1.5rem;
  transition: .3s;
}
.cm-tab04-tab .ttl .material-symbols-outlined {
  font-size: 1.4rem;
  transition: .3s;
}
.cm-tab04-box {
  background-color: #ffffff;
  padding: 4rem;
}
.cm-tab04-area {
  display: none;
}
.cm-tab04-area.active {
  display: block;
}

/* 共通タブ ここまで
*****************/
/* 業務別コスト比較
******************/
.cm-cost .cm-ribbon-ttl {
  margin-bottom: 5rem;
}
.cm-cost .cm-ribbon-ttl .catch img {
  width: 13rem;
  margin-right: 1.5rem;
}
.cm-cost .btmtxt {
  font-size: 1.4rem;
}
.cm-cost .btmtxt2 {
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 5rem;
}
.cm-cost .cm-tab04 {
  padding-bottom: 5rem;
}
.cm-cost .cm-tab03-problem-flex p .small {
  font-size: 1.4rem;
}
.cm-cost-detail {
  padding: 8rem 0;
}
.cm-cost-detail .cm-tab03-main_wrap {
  background: url("../images/sell/practical/bg01.png") repeat;
  background-size: auto;
  padding: 5rem 3rem;
  border: 3px solid #81bd16;
  border-radius: 0.5rem;
}
.cm-cost-detail .cm-tab03-main_wrap_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cm-cost-detail .cm-tab03-problem {
  width: 45%;
  background-color: #ffffff;
  border: 0.2rem solid #81bd16;
  border-radius: 0.5rem;
  position: relative;
}
.cm-cost-detail .cm-tab03-problem::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2rem 0 2rem 3rem;
  border-color: transparent transparent transparent #81bd16;
  position: absolute;
  right: -16%;
  top: 50%;
  transform: translateY(-50%) translateX(0%);
}
.cm-cost-detail .cm-tab03-problem-txt {
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 2.5rem;
  margin-bottom: 0;
}
.cm-cost-detail .cm-tab03-problem-txt::after {
  content: none;
}
.cm-cost-detail .cm-tab03-problem-flex p {
  width: calc(100% - 18rem);
}
.cm-cost-detail .cm-tab03-problem-flex .img {
  width: 16rem;
}
.cm-cost-detail .cm-tab03-solution {
  width: 45%;
  padding: 2rem 2.5rem 2.5rem;
}
.cm-cost-detail .cm-costNum::after {
  width: 34%;
}
.cm-cost-detail .cm-costNum-flex:nth-of-type(1) .item:nth-child(2) p {
  padding: 0.5rem 0;
}
.cm-cost-detail .cm-costNum-flex:nth-of-type(1) .item:nth-child(3) p {
  font-size: 2.4rem;
  padding: 1.2rem 0;
}
.cm-cost-detail .cm-costNum-flex .item p {
  font-size: 2rem;
}
.cm-cost-detail .cm-costNum-flex .item p .small {
  font-size: 1.4rem;
}
.cm-cost-detail .cm-costNum-flex .item:nth-child(3) p {
  font-size: 2.8rem;
}
.cm-cost-detail .cm-costNum-flex .item:nth-child(3) p .small {
  font-size: 1.6rem;
}
.cm-cost-detail .cm-costNum-bg-sp {
  width: 100%;
}
.cm-cost-detail .cm-costNum-bg-wrap {
  max-width: 70rem;
  margin: auto;
}
.cm-cost-detail .cm-costNum-bottom .ttl {
  font-size: 2.4rem;
}
.cm-cost-detail .cm-costNum-bottom .ttl .material-symbols-outlined {
  font-size: 2.4rem;
}
.cm-cost-detail .cm-costNum-bottom .num {
  font-size: 3.6rem;
}
.cm-cost-detail .cm-costNum-bottom .num .small {
  font-size: 2.2rem;
}

/* 業務別コスト比較 ここまで
******************/
/* 業務別コスト比較 表
******************/
.cm-costNum {
  position: relative;
}
.cm-costNum::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 33.35%;
  height: 90%;
  border: 0.4rem solid #ff9020;
  border-top: none;
}
.cm-costNum-bg {
  margin-top: 1.5rem;
}
.cm-costNum-bg-sp {
  margin-top: 3rem;
}
.cm-costNum-bg-wrap .cm-ribbon-ttl {
  padding-bottom: 0;
  margin-bottom: 0;
}
.cm-costNum-bg-wrap .cm-ribbon-ttl .intro {
  margin-bottom: 0;
}
.cm-costNum-bg-wrap .cm-ribbon-ttl::before {
  content: none;
}
.cm-costNum-flex {
  display: flex;
  border-bottom: .2rem dashed #d1d1d1;
}
.cm-costNum-flex:nth-of-type(1) {
  border-bottom: none;
  align-items: flex-end;
}
.cm-costNum-flex:nth-of-type(1) .item {
  background-color: transparent;
  min-height: inherit;
}
.cm-costNum-flex:nth-of-type(1) .item:nth-child(1) {
  background-color: transparent;
}
.cm-costNum-flex:nth-of-type(1) .item:nth-child(2) p {
  background-color: #81bd16;
  color: #ffffff;
  padding: .2rem 0;
  border-radius: .5rem .5rem 0 0;
}
.cm-costNum-flex:nth-of-type(1) .item:nth-child(3) p {
  font-size: 2rem;
  background-color: #ff9020;
  color: #ffffff;
  padding: .5rem 0;
  border-radius: .5rem .5rem 0 0;
}
.cm-costNum-flex .item {
  width: 30%;
  background-color: #ffffff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 5.2rem;
}
.cm-costNum-flex .item:nth-child(1) {
  background-color: #e5e5e5;
}
.cm-costNum-flex .item:nth-child(2) {
  width: 35%;
}
.cm-costNum-flex .item:nth-child(3) {
  width: 35%;
}
.cm-costNum-flex .item:nth-child(3) p {
  font-size: 2.1rem;
  color: #ff9020;
}
.cm-costNum-flex .item:nth-child(3) p.small {
  font-size: 1.8rem;
}
.cm-costNum-flex .item p {
  font-size: 1.5rem;
  font-weight: 600;
  padding: 1rem 0;
  width: 100%;
}
.cm-costNum-flex .item p .small {
  font-size: 1.2rem;
}
.cm-costNum-bottom {
  display: flex;
  align-items: center;
  background-color: #ff9020;
  border: 0.2rem solid #ff9020;
  margin-top: 2.5rem;
}
.cm-costNum-bottom .ttl {
  color: #ffffff;
  font-size: 2.2rem;
}
.cm-costNum-bottom .ttl .material-symbols-outlined {
  font-size: 2.2rem;
  font-weight: bold;
  margin-right: 0.5rem;
  line-height: 1;
}
.cm-costNum-bottom .num {
  font-size: 2.9rem;
  font-weight: 600;
  color: #ff9020;
}
.cm-costNum-bottom .num .small {
  font-size: 2.1rem;
}
.cm-costNum-bottom .item {
  width: 40%;
  text-align: center;
}
.cm-costNum-bottom .item:nth-child(2) {
  width: 60%;
  background-color: #ffffff;
}

/* 業務別コスト比較表 ここまで
******************/
/* こんな商品が掲載
******************/
.cm-listing {
  padding: 8rem 0;
}
.cm-listing .ttl-sideline {
  margin-bottom: 3rem;
}
.cm-listing .flex.col-2 .item {
  background-color: #f5f5f5;
}
.cm-listing .flex.col-2 .item .img a {
  display: block;
  line-height: 0;
  transition: .3s;
}
.cm-listing .flex.col-2 .item .img a:hover {
  opacity: .8;
}
.cm-listing .flex.col-2 .item .img img {
  width: 100%;
}
.cm-listing .flex.col-2 .item > .txt {
  padding: 2.5rem 3rem 3rem;
}
.cm-listing .flex.col-2 .item > .txt p:nth-of-type(1) {
  min-height: 7rem;
}
.cm-listing .flex.col-2 .item > .txt .cm-btn {
  margin-top: 2.5rem;
}

/* こんな商品が掲載 ここまで
******************/
/* こんなご要望
******************/
.cm-induction {
  /* イチ推し企業一覧 ここから
  ******************/
  /* イチ推し企業一覧 ここまで
  ******************/
}
.cm-induction-top {
  background: url("../images/new-buy/bg_induction.jpg") no-repeat center;
  background-size: cover;
  padding: 4rem 0 2.5rem;
}
.cm-induction-top .lwrap {
  position: relative;
}
.cm-induction-top .un-list01 {
  margin: 0 1.5rem;
}
.cm-induction-bottom {
  background-color: #55a836;
  padding: 3rem 0;
}
.cm-induction-bottom .ttl {
  text-align: center;
  font-size: 2rem;
  color: #ffffff;
  margin-bottom: 1.5rem;
}
.cm-induction-bottom .ttl .large {
  font-size: 2.6rem;
}
.cm-induction-txt {
  max-width: 60rem;
  width: 100%;
}
.cm-induction-ico {
  background: url("../images/new-buy/bg_induction_ico.png") no-repeat center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18rem;
  height: 18rem;
  position: absolute;
  left: 0;
  top: 1rem;
}
.cm-induction-ico-inner {
  color: #ffffff;
  text-align: center;
}
.cm-induction-ico-inner p {
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: bold;
}
.cm-induction-ico-inner .material-symbols-outlined {
  font-size: 4rem;
  margin-top: .5rem;
}
.cm-induction-map {
  position: absolute;
  left: 0;
  top: 2rem;
}
.cm-induction_onepress .cm-induction-txt {
  margin: auto;
  max-width: 60rem;
  position: relative;
}
.cm-induction_onepress .cm-induction-txt .ttl-bottomline {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
  text-shadow: 0.3rem 0.3rem 0.6rem #ffffff, -0.3rem 0.3rem 0.6rem #ffffff, 0.3rem -0.3rem 0.6rem #ffffff, -0.3rem -0.3rem 0.6rem #ffffff;
  font-size: 4.6rem;
}
.cm-induction_onepress .cm-induction-txt .ttl-bottomline .small {
  font-size: 2.2rem;
}
.cm-induction_onepress .cm-induction-top {
  background-image: url("../images/new-buy/bg_induction2.jpg");
  padding: 8rem 0;
}
.cm-induction_onepress .cm-induction-ico {
  background-image: url("../images/new-buy/bg_induction2_ico.png");
  width: 10.4rem;
  height: 10.4rem;
  left: -5rem;
  top: -3rem;
}
.cm-induction_onepress .cm-induction-ico-inner .material-symbols-outlined {
  font-size: 3.4rem;
  margin-top: 0;
}
.cm-induction_onepress .cm-induction-bottom {
  background-color: #ee5b49;
  padding: 3.5rem 0;
}

/* こんなご要望 ここまで
******************/
/* 利用企業様からの声
******************/
.cm-voice {
  padding: 8rem 0;
  background: url("../images/new-buy/bg_voice.jpg") no-repeat center top;
  background-size: cover;
}
.cm-voice .cm-ribbon-ttl {
  margin-bottom: 6rem;
}
.cm-voice .un-item01 .item {
  margin-bottom: 6rem;
}
.cm-voice .un-item01 .item:nth-child(n + 3) {
  margin-bottom: 0;
}

.un-item01 .item {
  background-color: #ffffff;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.03);
  border-radius: .5rem;
  position: relative;
}
.un-item01 .item > .absolute {
  position: absolute;
  left: 3rem;
  top: -2rem;
  border: 2px solid #81bd16;
  border-radius: .5rem;
  width: 9rem;
}
.un-item01 .item > .absolute .ico {
  background-color: #ffffff;
  text-align: center;
  padding: 0.5rem 0 0;
  border-radius: .4rem .4rem 0 0;
  line-height: 0;
}
.un-item01 .item > .absolute .txt {
  background-color: #81bd16;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6rem;
}
.un-item01 .item > .absolute .txt p {
  color: #ffffff;
  text-align: center;
  font-size: 1.4rem;
}
.un-item01 .item > .img img {
  width: 100%;
}
.un-item01 .item > .txt {
  padding: 2rem 3rem;
}
.un-item01 .item > .txt .ttl {
  text-align: center;
  font-size: 2.1rem;
  line-height: 1.35;
  color: #81bd16;
  margin-bottom: 2rem;
}
.un-item01 .item > .txt p {
  line-height: 1.75;
}

/* 利用企業様からの声 ここまで
******************/
/* よくある質問
******************/
.cm-faq {
  padding: 8rem 0;
  background-color: #e9e9e9;
}
.cm-faq .cm-ribbon-ttl {
  margin-bottom: 6rem;
}
.cm-faq-box {
  background-color: #ffffff;
  border-radius: .5rem;
  margin-bottom: 2rem;
  padding: 2rem 2rem 0;
}
.cm-faq-box:last-of-type {
  margin-bottom: 0;
}
.cm-faq-q {
  padding-bottom: 2rem;
}
.cm-faq-q p {
  font-size: 2rem;
  font-weight: 600;
  padding: .6rem 4rem 0 6rem;
  min-height: 4.2rem;
  cursor: pointer;
  position: relative;
}
.cm-faq-q p::before {
  content: "Q";
  text-align: center;
  display: block;
  background-color: #81bd16;
  color: #ffffff;
  font-size: 2.5rem;
  font-weight: 600;
  width: 4rem;
  height: 4rem;
  border-radius: .5rem;
  position: absolute;
  left: 0;
  top: 0;
}
.cm-faq-q p::after {
  content: '';
  width: 1.1rem;
  height: 1.1rem;
  position: absolute;
  top: 1.5rem;
  right: 1rem;
  margin-top: -0.3rem;
  transform: rotate(45deg);
  border-bottom: solid 0.2rem #81bd16;
  border-right: solid 0.2rem #81bd16;
  z-index: 1;
  transition: .3s;
}
.cm-faq-q.active p::after {
  transform: rotate(-135deg);
  top: 2.2rem;
}
.cm-faq-a {
  border-top: 1px dotted #81bd16;
  padding-bottom: 3rem;
}
.cm-faq-a p {
  margin-top: 2rem;
  padding: 1rem 0 0 6rem;
  position: relative;
}
.cm-faq-a p::before {
  content: "A";
  text-align: center;
  display: block;
  border: 2px solid #81bd16;
  color: #81bd16;
  font-size: 2.5rem;
  font-weight: 600;
  width: 4rem;
  height: 4rem;
  border-radius: .5rem;
  position: absolute;
  left: 0;
  top: .3rem;
}
.cm-faq-a a {
  color: #e60012;
}
.cm-faq-a strong {
  font-size: 2rem;
  display: block;
  margin-bottom: .5rem;
}

/* よくある質問 ここまで
******************/
/* ご利用開始・審査の流れ
******************/
.cm-stflow {
  background-color: #f5f5f5;
  padding: 8rem 0;
}
.cm-stflow .cm-ribbon-ttl {
  margin-bottom: 6rem;
}
.cm-stflow-box {
  background-color: #ffffff;
  position: relative;
  display: flex;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.03);
  margin-bottom: 3rem;
}
.cm-stflow-box:last-of-type {
  margin-bottom: 0;
}
.cm-stflow-ico {
  background-color: #81bd16;
  border-radius: 100%;
  width: 12rem;
  height: 12rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: -6rem;
  transform: translateY(-50%) translateX(0%);
}
.cm-stflow-ico p {
  font-size: 4.8rem;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  line-height: 1.1;
}
.cm-stflow-ico p .small {
  font-size: 1.5rem;
  display: block;
}
.cm-stflow-img {
  width: 30rem;
  line-height: 0;
}
.cm-stflow-txt {
  width: calc(100% - 30rem);
  padding: 3rem 3.5rem;
}
.cm-stflow-txt .ttl {
  font-size: 2.8rem;
  color: #81bd16;
  margin-bottom: 2rem;
}
.cm-stflow-txt p {
  font-size: 1.4rem;
}
.cm-stflow-txt p strong {
  font-size: 1.6rem;
  display: block;
  margin-bottom: 1rem;
}

/* ご利用開始・審査の流れ ここまで
******************/
/* サービスプラン・利用料金
******************/
.un-charge {
  background-color: #f5fee3;
  padding: 8rem 0;
}
.un-charge .cm-ribbon-ttl {
  margin-bottom: 6rem;
}
.un-charge .cm-tab02-detail .target {
  background-color: #ffffff;
  padding: 4rem 3.5rem;
}
.un-charge .cm-tab02-detail .box {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.17);
}
.un-charge .cm-tab02-area .box .detail {
  border: none;
  border-bottom: 2px dotted #cccccc;
}
.un-charge .cm-tab02-area .btnwrap {
  display: flex;
  justify-content: space-between;
}
.un-charge .cm-tab02-area .btnwrap .item {
  width: 48%;
  text-align: center;
}
.un-charge .cm-tab02-area .btnwrap .item p:nth-of-type(1) {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}
.un-charge .cm-tab02-tab .ttl.green {
  border-color: #81bd16;
}
.un-charge .cm-tab02-tab .ttl.u-wide-100 {
  width: 100%;
}
.un-charge .cm-tab02-box {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.17);
}
.un-charge .option .ttl {
  margin-right: 3rem;
}
.un-charge .option .cm-btn {
  width: 35rem;
}
.un-charge .option .cm-btn a::before {
  right: 1.5rem;
}
.un-charge .option .cm-btn.external a::before {
  right: 1rem;
  background-size: 1rem;
  width: 1rem;
  height: 1rem;
  top: calc(50% - 0.45rem);
}

/* サービスプラン・利用料金 ここまで
******************/
/* コラム
******************/
.cm-column {
  padding: 8rem 0;
  background-color: #f5f5f5;
}
.cm-column .cm-ribbon-ttl {
  margin-bottom: 6rem;
}
.cm-column-box {
  margin-bottom: 3rem;
  background-color: #ffffff;
  border-radius: .5rem;
  overflow: hidden;
}
.cm-column-box:nth-of-type(n + 4) {
  margin-bottom: 0;
}
.cm-column-box a {
  display: block;
  color: #333333;
  height: 100%;
  transition: .3s;
}
.cm-column-box a:hover {
  opacity: .8;
}
.cm-column-box .img {
  line-height: 0;
  overflow: hidden;
}
.cm-column-box .img img {
  width: 100%;
  height: 16rem;
  object-fit: cover;
}
.cm-column-box .txt {
  padding: 1.5rem 2rem 2rem;
}
.cm-column-box .ttl {
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.4;
  color: #81bd16;
}
.cm-column-box .time {
  font-size: 1.2rem;
  font-weight: 400;
  margin: .6rem 0;
}
.cm-column-box .category span {
  font-size: 1.2rem;
  display: inline-block;
  background-color: #eeeeee;
  padding: .3rem .5rem;
  border-radius: .3rem;
  margin: 0 .5rem .5rem 0;
}
.cm-column .cm-btn {
  margin-top: 5rem;
}
.cm-column .cm-btn a::before {
  right: 1.5rem;
}

/* コラム ここまで
******************/
.cm-mv {
  padding: 13rem 0 3rem;
}
.cm-mv.large {
  padding: 13rem 0 3rem;
}

.buy_body {
  /*MV*/
  /*MOVIE*/
  /*仕入れ強化に繋がる4つの強み*/
}
.buy_body .cm-mv {
  padding: 20rem 0 14rem;
  background-image: url("../images/new-buy/mv.jpg");
}
.buy_body .cm-mv .ttl span {
  font-size: 5rem;
}
@media (min-width: 769px) and (max-width: 1150px) {
  .buy_body .cm-mv .ttl span {
    font-size: 4rem;
  }
}
@media (min-width: 769px) and (max-width: 900px) {
  .buy_body .cm-mv .ttl {
    font-size: 3rem;
  }
  .buy_body .cm-mv .ttl span {
    font-size: 3.6rem;
  }
}
.buy_body .un-movie {
  padding: 8rem 0;
  background-color: #81bd16;
}
.buy_body .un-movie .lwrap .movie {
  max-width: 82rem;
  margin: 6rem auto 0;
}
.buy_body .un-movie .lwrap .movie iframe {
  width: 100%;
  height: 46rem;
}
.buy_body .un-strengths {
  padding: 8rem 0;
}
.buy_body .un-strengths-nav {
  display: flex;
  justify-content: space-between;
  max-width: 92rem;
  width: 100%;
  margin: 6rem auto 0;
}
.buy_body .un-strengths-nav .txt {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  line-height: 1.39;
  text-align: center;
  margin-top: 2rem;
}
.buy_body .un-strengths-nav li {
  list-style: none;
}
.buy_body .un-strengths-circlettl {
  border: 0.3rem solid #81bd16;
  color: #ffffff;
  display: block;
  border-radius: 50rem;
  position: relative;
  width: 20rem;
  height: 20rem;
  margin: auto;
}
.buy_body .un-strengths-circlettl.c-green .icn {
  color: #81bd16;
}
.buy_body .un-strengths-circlettl.c-green .ttl {
  color: #81bd16;
  margin-top: 0;
}
.buy_body .un-strengths-circlettl .num {
  font-size: 2.7rem;
  font-weight: 700;
  color: #81bd16;
  background-color: #ffffff;
  border: 0.3rem solid #81bd16;
  display: inline-block;
  border-radius: 50rem;
  position: absolute;
  top: 0;
  left: -1rem;
  width: 6rem;
  height: 6rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.buy_body .un-strengths-circlettl .num::before {
  content: "";
  width: 6.4rem;
  height: 6.4rem;
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  border: solid 0.2rem #ffffff;
  border-radius: 50rem;
  box-sizing: border-box;
}
.buy_body .un-strengths-circlettl .icn {
  text-align: center;
  color: #ffffff;
  padding-top: 2rem;
  line-height: 1;
}
.buy_body .un-strengths-circlettl .icn .material-symbols-outlined {
  font-size: 4.8rem;
}
.buy_body .un-strengths-circlettl .ttl {
  font-size: 4.0rem;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-indent: 0.24em;
  line-height: 1.35;
  text-align: center;
  margin-top: .5rem;
  color: #ffffff;
}
.buy_body .un-strengths-circlettl .ttl .small {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  display: block;
  margin-top: 1.5rem;
}
.buy_body .un-strengths-circlettl .arrow {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #ffffff;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2rem;
  margin: auto;
  border-radius: 50rem;
}
.buy_body .un-strengths-circlettl .arrow::before {
  content: '';
  width: 0.6rem;
  height: 0.6rem;
  border-bottom: solid 0.2rem #81bd16;
  border-right: solid 0.2rem #81bd16;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  transform: rotate(45deg);
  z-index: 1;
}
.buy_body .un-strengths-main {
  margin: 10rem 0 0;
  border-top: 0.2rem solid #dddddd;
}
.buy_body .un-strengths-main-item {
  list-style: none;
  display: flex;
  justify-content: space-between;
  border-bottom: 0.2rem solid #dddddd;
  padding: 5rem 0;
}
.buy_body .un-strengths-main-item .left {
  position: relative;
  width: 20rem;
  height: 20rem;
}
.buy_body .un-strengths-main-item .right {
  width: calc(100% - 25rem);
}
.buy_body .un-strengths-main-item .right .ttl {
  font-size: 3.8rem;
  letter-spacing: 0.05em;
  line-height: 1.32;
}
.buy_body .un-strengths-main-item .right .box {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
}
.buy_body .un-strengths-main-item .right .box .txt {
  font-size: 2.0rem;
  letter-spacing: 0.08em;
  line-height: 1.75;
  width: 53%;
}
.buy_body .un-strengths-main-item .right .box .txt span.c-green {
  font-weight: 700;
}
.buy_body .un-strengths-main-item .right .box .img {
  width: 45%;
}
.buy_body a.un-strengths-circlettl {
  position: relative;
  top: 0;
  transition: .3s;
}
.buy_body a.un-strengths-circlettl:hover {
  top: -.3rem;
  box-shadow: 0 0 1rem #333333;
}
.buy_body .cm-cost {
  background-color: #f5f5f5;
  padding: 8rem 0;
}
.buy_body .cm-listing .loopslide {
  margin: 3.5rem 0;
}

/* 商品一覧
******************/
.un-item, #questionnaire-result-content {
  padding: 8rem 0 0;
}
.un-item .cm-ribbon-ttl, #questionnaire-result-content .cm-ribbon-ttl {
  margin-bottom: 6rem;
}
.un-item .cm-tab02-tab .ttl.green, #questionnaire-result-content .cm-tab02-tab .ttl.green {
  border-color: #81bd16;
}
.un-item .cm-tab02-area .item, #questionnaire-result-content .cm-tab02-area .item {
  margin-bottom: 5rem;
}
.un-item .cm-tab02-area .item:nth-child(n + 5), #questionnaire-result-content .cm-tab02-area .item:nth-child(n + 5) {
  margin-bottom: 0;
}
.un-item .cm-tab02-area .item a, #questionnaire-result-content .cm-tab02-area .item a {
  display: block;
  transition: .3s;
}
.un-item .cm-tab02-area .item a:hover, #questionnaire-result-content .cm-tab02-area .item a:hover {
  opacity: .7;
}
.un-item .cm-tab02-area .item .img, #questionnaire-result-content .cm-tab02-area .item .img {
  margin-bottom: 1rem;
  border: 1px solid #e9e9e9;
  line-height: 0;
}
.un-item .cm-tab02-area .item .img img, #questionnaire-result-content .cm-tab02-area .item .img img {
  width: 100%;
  height: 23rem;
  object-fit: cover;
}
.un-item .cm-tab02-area .item .txt h4, #questionnaire-result-content .cm-tab02-area .item .txt h4 {
  font-size: 1.6rem;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: .6rem;
  min-height: 5.4rem;
}
.un-item .cm-tab02-area .item .txt .price, #questionnaire-result-content .cm-tab02-area .item .txt .price {
  text-align: right;
  margin-bottom: 1rem;
}
.un-item .cm-tab02-area .item .txt .price .small, #questionnaire-result-content .cm-tab02-area .item .txt .price .small {
  font-size: 1.4rem;
}
.un-item .cm-tab02-area .item .txt .price .large, #questionnaire-result-content .cm-tab02-area .item .txt .price .large {
  font-size: 2.4rem;
  margin: 0 0.3rem;
}
.un-item .cm-tab02-area .item .txt .price .unit, #questionnaire-result-content .cm-tab02-area .item .txt .price .unit {
  font-size: 1.2rem;
}
.un-item .cm-tab02-area .item .txt .tag, #questionnaire-result-content .cm-tab02-area .item .txt .tag {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.un-item .cm-tab02-area .item .txt .tag p, #questionnaire-result-content .cm-tab02-area .item .txt .tag p {
  font-size: 1.4rem;
}
.un-item .cm-tab02-area .item .txt .tag p:nth-child(1), #questionnaire-result-content .cm-tab02-area .item .txt .tag p:nth-child(1) {
  padding: 0 1rem;
}
.un-item .cm-tab02-area .item .txt .tag p:nth-child(2), #questionnaire-result-content .cm-tab02-area .item .txt .tag p:nth-child(2) {
  font-size: 1.2rem;
}
.un-item .cm-tab02-area .item-description, #questionnaire-result-content .cm-tab02-area .item-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 4.8rem;
  font-size: 1.4rem;
}
.un-item .w100, #questionnaire-result-content .w100 {
  width: 100%;
  padding: 6rem 0;
  margin-top: 6rem;
}
.un-item .btnwrap, #questionnaire-result-content .btnwrap {
  justify-content: center;
}
.un-item .btnwrap .item, #questionnaire-result-content .btnwrap .item {
  width: 39%;
}
.un-item .btnwrap .item:nth-child(1), #questionnaire-result-content .btnwrap .item:nth-child(1) {
  margin-right: 3rem;
}
.un-item .btnwrap p.alignCenter, #questionnaire-result-content .btnwrap p.alignCenter {
  font-weight: 500;
  font-size: 1.8rem;
}
.un-item .btnwrap .endsline::before, .un-item .btnwrap .endsline::after, #questionnaire-result-content .btnwrap .endsline::before, #questionnaire-result-content .btnwrap .endsline::after {
  background-color: #ffffff;
}

/* 商品一覧 ここまで
******************/
@media screen and (max-width: 1160px) {
  .cm-stflow-box {
    margin-left: 3rem;
  }
  .cm-stflow-ico {
    width: 10rem;
    height: 10rem;
    left: -5rem;
  }
  .cm-stflow-ico p {
    font-size: 3.2rem;
  }
  .cm-stflow-ico p .small {
    font-size: 1.2rem;
  }
  .cm-stflow-img {
    width: 28vw;
  }
  .cm-stflow-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .cm-stflow-txt {
    width: calc(100% - 28vw);
  }
  .cm-stflow-txt .ttl {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1100px) {
  .endsline::before, .endsline::after {
    height: 2rem;
  }

  .ttl-bottomline {
    font-size: 2.8rem;
  }
  .ttl-bottomline .small {
    font-size: 1.8rem;
  }

  .un-list01 li {
    font-size: 1.4rem;
  }
  .un-list01 li .material-symbols-outlined {
    font-size: 2rem;
    margin-right: 0.6rem;
    top: 0.5rem;
  }

  .un-item01 .item > .txt {
    padding: 2rem 1.5rem;
  }
  .un-item01 .item > .txt .ttl {
    font-size: 1.8rem;
  }
  .un-item01 .item > .txt p {
    font-size: 1.4rem;
  }

  .cm-induction-ico {
    width: 14rem;
    height: 14rem;
    top: 5rem;
  }
  .cm-induction-ico-inner p {
    font-size: 1.4rem;
  }
  .cm-induction-ico-inner .material-symbols-outlined {
    font-size: 3rem;
  }
  .cm-induction-map {
    width: 30rem;
    top: 7rem;
  }

  .cm-mv {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .buy_body .cm-mv > .txt {
    font-size: 1.6rem;
  }
  .buy_body .cm-mv-btn a {
    font-size: 2rem;
    min-width: 32rem;
    min-height: 6rem;
  }
  .buy_body .cm-mv-btn a::before {
    right: 1.5rem;
  }
  .buy_body .un-strengths-main-item .right {
    width: calc(100% - 23rem);
  }
  .buy_body .un-strengths-main-item .right .ttl {
    font-size: 3rem;
  }
  .buy_body .un-strengths-main-item .right .box .txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1000px) {
  .cm-function-ttl {
    font-size: 2.2rem;
  }
  .cm-function-ttl .material-symbols-outlined {
    font-size: 3rem;
  }
  .cm-function .main-function {
    background-position: center top 28rem;
  }
  .cm-function .main-function .detail-txt {
    font-size: 1.2rem;
  }
  .cm-function .other-function .detail-txt {
    font-size: 1.1rem;
    font-weight: 500;
    min-height: 3.8rem;
  }
  .cm-function .other-function .detail-wrap {
    padding: 0 1rem 2.5rem;
  }
  .cm-function .other-function .detail-wrap.col-7 {
    justify-content: flex-start;
  }
  .cm-function .other-function .detail-wrap.col-7 .detail {
    width: 18.4%;
    margin-right: 2%;
    text-align: center;
  }
  .cm-function .other-function .detail-wrap.col-7 .detail:nth-child(5n) {
    margin-right: 0;
  }

  .cm-column-box .ttl {
    font-size: 1.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .cm-tab03 {
    flex-wrap: wrap;
  }
  .cm-tab03-main {
    width: 100%;
    border-radius: 0 0 0.5rem 0.5rem;
    border-top: 0;
    padding: 2rem;
  }
  .cm-tab03-ttl {
    display: flex;
    flex-wrap: wrap;
  }
  .cm-tab03-ttl_wrap {
    width: 100%;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 2rem 0 0;
  }
  .cm-tab03-ttl_ttl {
    width: 12rem;
    height: 12rem;
    font-size: 2rem;
  }
  .cm-tab03-ttl_ttl .circle {
    margin-top: -0.6rem;
  }
  .cm-tab03-ttl_ttl .circle span {
    font-size: 2.6rem;
  }
  .cm-tab03-ttl_item {
    width: 50%;
  }
  .cm-tab03-ttl_item.active::after {
    content: none;
  }
  .cm-tab03-ttl_item a {
    height: 100%;
  }
  .cm-tab03-ttl_item .case {
    font-size: 1.6rem;
    width: 5rem;
    height: 5rem;
    margin-right: 1rem;
  }
  .cm-tab03-ttl_item .case .small {
    font-size: .8rem;
  }
  .cm-tab03-ttl_item .ttl {
    width: calc(100% - 6rem);
    font-size: 1.4rem;
  }
  .cm-tab03-ttl_item .ico-circle {
    display: none;
  }
  .cm-tab03-solution {
    padding: 2rem 2rem 2rem;
  }

  .cm-costNum::after {
    width: 34%;
  }

  .cm-cost-detail .cm-tab03-problem-ttl {
    font-size: 1.6rem;
  }
  .cm-cost-detail .cm-tab03-problem-ttl .circle {
    width: 4rem;
    height: 4rem;
    margin-right: 1rem;
  }
  .cm-cost-detail .cm-tab03-problem-ttl > span {
    width: calc(100% - 5rem);
  }
  .cm-cost-detail .cm-tab03-problem-flex {
    flex-wrap: wrap;
  }
  .cm-cost-detail .cm-tab03-problem-flex p {
    width: 100%;
    font-size: 1.4rem;
  }
  .cm-cost-detail .cm-tab03-problem-flex .img {
    margin-top: 1rem;
    width: 100%;
    text-align: center;
  }
  .cm-cost-detail .cm-tab03-problem-txt h4, .cm-cost-detail .cm-tab03-problem-txt h3 {
    font-size: 1.6rem;
  }
  .cm-cost-detail .cm-tab03-problem-txt h4 .circle, .cm-cost-detail .cm-tab03-problem-txt h3 .circle {
    width: 4rem;
    height: 4rem;
    margin-right: 1rem;
  }
  .cm-cost-detail .cm-tab03-problem-txt h4 > span, .cm-cost-detail .cm-tab03-problem-txt h3 > span {
    width: calc(100% - 5rem);
  }
  .cm-cost-detail .cm-tab03-solution {
    padding: 2rem 1.5rem 2.5rem;
  }
  .cm-cost-detail .cm-tab03-solution .absolute {
    font-size: 1.5rem;
  }

  .cm-tab04-tab .ttl {
    font-size: 1.8rem;
    height: 7rem;
  }
  .cm-tab04-tab .ttl .circle {
    margin-right: 1rem;
  }
  .cm-tab04-box {
    padding: 2rem;
  }

  .un-charge .option .cm-btn {
    margin: auto;
  }

  .buy_body .ttl-sideline {
    text-align: center;
  }
  .buy_body .un-strengths-circlettl {
    width: 16rem;
    height: 16rem;
  }
  .buy_body .un-strengths-circlettl .num {
    font-size: 2rem;
    width: 4rem;
    height: 4rem;
    left: 0;
  }
  .buy_body .un-strengths-circlettl .num::before {
    width: 4.2rem;
    height: 4.2rem;
    top: -0.4rem;
    left: -0.4rem;
  }
  .buy_body .un-strengths-circlettl .icn {
    padding-top: 1.5rem;
  }
  .buy_body .un-strengths-circlettl .icn .material-symbols-outlined {
    font-size: 3.6rem;
  }
  .buy_body .un-strengths-circlettl .ttl {
    font-size: 3rem;
  }
  .buy_body .un-strengths-circlettl .arrow {
    width: 2rem;
    height: 2rem;
  }
  .buy_body .un-strengths-circlettl .arrow::before {
    width: 0.5rem;
    height: 0.5rem;
  }
  .buy_body .un-strengths-nav .txt {
    font-size: 1.6rem;
  }

  .un-item .btnwrap .item {
    width: 50%;
  }
  .un-item .btnwrap p.alignCenter {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 960px) {
  .cm-induction-map {
    display: none;
  }
  .cm-induction-ico {
    top: -7rem;
  }
  .cm-induction-txt {
    float: none;
    max-width: initial;
  }
  .cm-induction-top {
    text-align: center;
  }
  .cm-induction-top .un-list01 {
    display: inline-block;
    text-align: left;
  }
}
@media screen and (max-width: 890px) {
  .cm-costNum::after {
    width: 33.9%;
  }
}
@media screen and (max-width: 850px) {
  .cm-costNum::after {
    width: 33.8%;
  }
}
@media screen and (max-width: 800px) {
  .cm-costNum::after {
    width: 33.7%;
  }
}
@media screen and (max-width: 780px) {
  .cm-costNum::after {
    width: 33.6%;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .buy_body {
    /*MV*/
  }
  .buy_body .mv {
    padding: 22rem 0 14rem;
  }
  .buy_body .mv .ttl {
    font-size: 6.0rem;
  }
  .buy_body .mv .ttl span {
    font-size: 10.5rem;
    margin-top: 4.5rem;
  }
  .buy_body .mv .img {
    margin: 6rem 0 3rem;
  }
}
@media screen and (max-width: 768px) {
  .sp-overwrap {
    overflow: scroll;
  }

  .cm-column .cm-btn {
    margin-top: 0;
  }
  .cm-column .flex.col-3 .item {
    width: 48%;
    margin-right: 4%;
  }
  .cm-column .flex.col-3 .item:nth-child(3n) {
    margin-right: 4%;
  }
  .cm-column .flex.col-3 .item:nth-child(2n) {
    margin-right: 0;
  }
  .cm-column-box:nth-of-type(n + 4) {
    margin-bottom: 3rem;
  }
  .cm-column-box .txt {
    padding: 1rem;
  }
  .cm-column-box .ttl {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  .cm-column-box .time {
    font-size: 1.4rem;
  }

  .cm-function-ttl {
    padding: 1rem 0;
  }
  .cm-function .main-function {
    background-position: center top 24rem;
    background-size: 5rem;
    margin: 6rem auto 4rem;
  }
  .cm-function .main-function .box {
    margin-bottom: 4rem;
    width: 46%;
  }
  .cm-function .main-function .box::after {
    width: 3rem;
    height: 1rem;
  }
  .cm-function .main-function .box:nth-child(1)::after {
    right: -3.2rem;
  }
  .cm-function .main-function .box:nth-child(2)::after {
    bottom: -3.7rem;
    transform: rotate(90deg) translateY(1.45rem) translateX(-50%);
  }
  .cm-function .main-function .box:nth-child(3)::after {
    top: -3.7rem;
    transform: rotate(-90deg) translateY(-1.45rem) translateX(-50%);
  }
  .cm-function .main-function .box:nth-child(4)::after {
    left: -3.2rem;
    top: 11.5rem;
  }
  .cm-function .main-function .detail-wrap {
    padding: 0rem 1rem 2rem;
  }
  .cm-function .main-function .detail-txt {
    font-size: 1.4rem;
  }
  .cm-function .main-function .detail .cm-btn > span {
    font-size: 1.1rem;
  }
  .cm-function .main-function .detail .cm-btn > span::before {
    right: .5rem;
    width: 0.4rem;
    height: 0.4rem;
  }
  .cm-function .other-function .detail {
    width: 30%;
  }
  .cm-function .other-function .detail-wrap {
    flex-wrap: wrap;
    padding: 0 1rem 2rem;
  }
  .cm-function .other-function .detail-wrap.col-5 {
    justify-content: space-between;
  }
  .cm-function .other-function .detail-wrap.col-5 .detail {
    width: 32%;
    margin-right: 0;
  }
  .cm-function .other-function .detail-wrap.col-5 .detail:nth-child(5n) {
    margin-right: 0;
  }
  .cm-function .other-function .detail-wrap.col-6 .detail {
    width: 23.5%;
  }
  .cm-function .other-function .detail-wrap.col-6 .detail:nth-child(6n) {
    margin-right: 2%;
  }
  .cm-function .other-function .detail-wrap.col-6 .detail:nth-child(4n) {
    margin-right: 0;
  }
  .cm-function .other-function .detail-wrap.col-7 .detail {
    width: 23.5%;
  }
  .cm-function .other-function .detail-wrap.col-7 .detail:nth-child(5n) {
    margin-right: 2%;
  }
  .cm-function .other-function .detail-wrap.col-7 .detail:nth-child(4n) {
    margin-right: 0;
  }
  .cm-function .other-function .detail-txt {
    font-size: 1.4rem;
    min-height: 4.2rem;
  }
  .cm-function .other-function .detail .img {
    text-align: center;
  }
  .cm-function .other-function .detail .cm-btn > span::before {
    right: 1rem;
  }

  .cm-flow .main-txt {
    margin-top: 3rem;
  }
  .cm-flow .sub-ttl {
    line-height: 1.35;
    text-align: center;
    margin-top: 3rem;
  }
  .cm-flow .cm-tab03 {
    margin-top: 6rem;
  }

  .ttl-sideline {
    font-size: 2rem;
  }

  .cm-induction-ico {
    top: -9rem;
    left: -1rem;
  }
  .cm-induction-top .un-list01 {
    margin: 0 3rem;
  }

  .un-list01 li {
    display: flex;
    align-items: baseline;
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
  .un-list01 li:last-child {
    margin-bottom: 0;
  }
  .un-list01 li .material-symbols-outlined {
    top: 0;
  }

  .un-item01 .item > .absolute {
    left: .5rem;
    top: -2rem;
    width: 7rem;
  }
  .un-item01 .item > .absolute .ico {
    overflow: hidden;
  }
  .un-item01 .item > .absolute .ico img {
    height: 5rem;
    object-fit: cover;
  }
  .un-item01 .item > .absolute .txt {
    height: 5rem;
  }
  .un-item01 .item > .absolute .txt p {
    font-size: 1.2rem;
  }

  .un-charge .cm-tab02-detail .cm-tab02-tab .ttl {
    font-size: 2.2rem;
  }
  .un-charge .cm-tab02-area:nth-child(2) .option .cm-btn a {
    font-size: 1.3rem;
  }
  .un-charge .option {
    padding: 3rem 1.5rem;
  }
  .un-charge .option .ttl {
    margin-right: 0;
  }

  .buy_body .un-charge .cm-tab02-area .box .detail {
    border: none;
  }

  .cm-costNum::after {
    width: 19.75rem;
  }

  .cm-cost-detail .cm-costNum::after {
    width: 20.5rem;
  }

  .cm-cost .cm-tab04 {
    padding-bottom: 0;
  }
  .cm-cost .cm-tab04-tab {
    width: 82rem;
  }

  .cm-mv {
    padding: 14rem 3rem 3rem;
  }

  .buy_body .cm-mv {
    padding: 14rem 3rem 9rem;
  }
  .buy_body .cm-mv .ttl {
    font-size: 2.8rem;
  }
  .buy_body .cm-mv .ttl span {
    font-size: 3rem;
    line-height: 1.5;
  }
  .buy_body .cm-mv > .txt {
    font-size: 2.2rem;
    margin: 3rem 0 0;
  }
  .buy_body .cm-mv .img {
    margin: 3rem 0;
  }
  .buy_body .cm-mv .img img {
    width: 100%;
  }
  .buy_body .cm-mv-btn:nth-child(1) a {
    font-size: 1.7rem;
    line-height: 1.5;
  }
  .buy_body .cm-mv-btn a {
    min-width: inherit;
  }
  .buy_body .cm-mv-btn-wrap {
    margin: 0;
  }
  .buy_body .un-movie .lwrap .movie iframe {
    height: 38rem;
  }
  .buy_body .un-strengths .cm-ribbon-ttl .txt {
    margin-bottom: 2rem;
  }
  .buy_body .un-strengths .cm-ribbon-ttl .catch {
    line-height: 1.2;
  }
  .buy_body .un-strengths-nav {
    flex-wrap: wrap;
  }
  .buy_body .un-strengths-nav li {
    width: 23.5%;
    margin-right: 2%;
  }
  .buy_body .un-strengths-nav li:last-child {
    margin-right: 0;
  }
  .buy_body .un-strengths-nav .txt {
    font-size: 1.8rem;
    font-weight: 500;
  }
  .buy_body .un-strengths-nav .txt .tb {
    display: none;
  }
  .buy_body .un-strengths-circlettl {
    width: 16rem;
    height: 16rem;
  }
  .buy_body .un-strengths-main {
    margin: 6rem 0 0;
  }
  .buy_body .un-strengths-main-item {
    flex-wrap: wrap;
    position: relative;
  }
  .buy_body .un-strengths-main-item:nth-child(4) .right .box {
    margin-top: 3rem;
  }
  .buy_body .un-strengths-main-item .left {
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    top: 1.5rem;
  }
  .buy_body .un-strengths-main-item .right {
    width: 100%;
  }
  .buy_body .un-strengths-main-item .right .ttl {
    font-size: 2.8rem;
  }
  .buy_body .un-strengths-main-item .right .box {
    margin-top: 2rem;
    flex-wrap: wrap;
  }
  .buy_body .un-strengths-main-item .right .box .txt {
    width: 100%;
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
  .buy_body .un-strengths-main-item .right .box .img {
    width: 100%;
  }
  .buy_body .un-strengths-main-item .right .box .img img {
    width: 100%;
  }
  .buy_body .un-strengths-main-item .un-strengths-circlettl {
    width: 10rem;
    height: 10rem;
  }
  .buy_body .un-strengths-main-item .un-strengths-circlettl .num {
    left: -2rem;
  }
  .buy_body .un-strengths-main-item .un-strengths-circlettl .icn {
    padding-top: 1rem;
  }
  .buy_body .un-strengths-main-item .un-strengths-circlettl .icn .material-symbols-outlined {
    font-size: 2.2rem;
  }
  .buy_body .un-strengths-main-item .un-strengths-circlettl .ttl {
    font-size: 2rem;
  }
  .buy_body .un-strengths-main-item .un-strengths-circlettl .ttl .small {
    font-size: 1.1rem;
    margin-top: .5rem;
  }

  /* 商品一覧
  ******************/
  .un-item .cm-tab02-area .flex.col-4 {
    justify-content: space-between;
  }
  .un-item .cm-tab02-area .item {
    width: 48%;
    margin-right: inherit;
  }
  .un-item .cm-tab02-area .item:nth-child(n + 5) {
    margin-bottom: 5rem;
  }
  .un-item .cm-tab02-area .item:nth-child(n + 7) {
    margin-bottom: 0;
  }
  .un-item .cm-tab02-area .item .txt h4 {
    min-height: 5rem;
  }
  .un-item .cm-tab02-area .item .txt .price .large {
    font-size: 2.6rem;
    margin: 0 0.6rem;
  }
  .un-item .cm-tab02-area .item .txt .price .small {
    font-size: 1.6rem;
  }
  .un-item .cm-tab02-area .item .txt .price .unit {
    font-size: 1.4rem;
  }
  .un-item .cm-tab02-area .item-description {
    min-height: 4rem;
  }
  .un-item .btnwrap p.alignCenter {
    font-size: 1.2rem;
  }
  .un-item .btnwrap .cm-btn a::before {
    right: 1.5rem;
  }
  .un-item .btnwrap .item {
    width: 100%;
  }
  .un-item .btnwrap .item:nth-child(1) {
    margin-right: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .cm-function .main-function {
    background-position: center top 22.8rem;
  }
  .cm-function .other-function .detail .img {
    line-height: 1;
  }
  .cm-function .other-function .detail-wrap.col-4 .detail-txt {
    font-size: 1.1rem;
    min-height: 3.2rem;
  }
  .cm-function .other-function .detail-wrap.col-7 .detail-txt {
    font-size: 1.1rem;
    min-height: 3.2rem;
  }
  .cm-function .other-function .detail-wrap.col-6 .detail-txt {
    font-size: 1.1rem;
    min-height: 3.2rem;
  }
  .cm-function .other-function .cm-btn-wrap .cm-btn > span {
    font-size: 1.2rem;
  }

  .cm-cost-detail .cm-tab03-main_wrap {
    padding: 2rem;
  }
  .cm-cost-detail .cm-tab03-problem {
    width: 100%;
    margin-bottom: 7.5rem;
  }
  .cm-cost-detail .cm-tab03-problem::after {
    border-width: 3rem 2.5rem 0 2.5rem;
    border-color: #81bd16 transparent transparent transparent;
    right: 50%;
    top: inherit;
    bottom: -5rem;
    transform: translateY(0%) translateX(50%);
  }
  .cm-cost-detail .cm-tab03-problem-ttl {
    font-size: 2.4rem;
    padding-bottom: 1.5rem;
  }
  .cm-cost-detail .cm-tab03-problem-ttl .circle {
    width: 5rem;
    height: 5rem;
    font-size: 1.2rem;
    margin-right: 1.5rem;
  }
  .cm-cost-detail .cm-tab03-problem-ttl > span {
    width: calc(100% - 6.5rem);
  }
  .cm-cost-detail .cm-tab03-problem-txt {
    padding: 2rem;
  }
  .cm-cost-detail .cm-tab03-problem-txt h4, .cm-cost-detail .cm-tab03-problem-txt h3 {
    font-size: 2.2rem;
    padding-bottom: 1.5rem;
  }
  .cm-cost-detail .cm-tab03-problem-txt h4 .circle, .cm-cost-detail .cm-tab03-problem-txt h3 .circle {
    width: 5rem;
    height: 5rem;
    font-size: 1.2rem;
    margin-right: 1.5rem;
  }
  .cm-cost-detail .cm-tab03-problem-txt h4 > span, .cm-cost-detail .cm-tab03-problem-txt h3 > span {
    width: calc(100% - 6.5rem);
  }
  .cm-cost-detail .cm-tab03-problem-flex p {
    font-size: 2.2rem;
    margin-bottom: 0;
  }
  .cm-cost-detail .cm-tab03-problem-flex p .small {
    font-size: 1.6rem;
  }
  .cm-cost-detail .cm-tab03-problem-flex .img {
    margin-top: 1.5rem;
  }
  .cm-cost-detail .cm-tab03-solution {
    width: 100%;
    padding: 2.5rem 2rem 2rem;
  }
  .cm-cost-detail .cm-tab03-solution .absolute {
    font-size: 1.8rem;
    top: -2rem;
  }
  .cm-cost-detail .cm-costNum::after {
    width: 13rem;
  }
  .cm-cost-detail .cm-costNum-flex:nth-of-type(1) .item:nth-child(3) p {
    font-size: 2rem;
    padding: 1rem 0;
  }
  .cm-cost-detail .cm-costNum-flex .item p {
    font-size: 1.8rem;
  }
  .cm-cost-detail .cm-costNum-flex .item p .small {
    font-size: 1.2rem;
  }
  .cm-cost-detail .cm-costNum-flex .item p.sp-lh-min {
    line-height: 1.2;
  }
  .cm-cost-detail .cm-costNum-flex .item:nth-child(3) p {
    font-size: 2.4rem;
  }
  .cm-cost-detail .cm-costNum-flex .item:nth-child(3) p .small {
    font-size: 1.4rem;
  }
  .cm-cost-detail .cm-costNum-bottom .ttl {
    font-size: 2rem;
  }
  .cm-cost-detail .cm-costNum-bottom .ttl .material-symbols-outlined {
    font-size: 2rem;
    position: relative;
    top: .2rem;
  }
  .cm-cost-detail .cm-costNum-bottom .num {
    font-size: 2.6rem;
  }
  .cm-cost-detail .cm-costNum-bottom .num .small {
    font-size: 2rem;
  }

  .cm-costNum::after {
    width: 11.5rem;
  }
  .cm-costNum-bottom {
    margin-top: 2rem;
  }
  .cm-costNum-bottom .ttl {
    font-size: 1.6rem;
  }
  .cm-costNum-bottom .ttl .material-symbols-outlined {
    font-size: 1.6rem;
  }
  .cm-costNum-bottom .num {
    font-size: 2.4rem;
  }
  .cm-costNum-bottom .num .small {
    font-size: 1.6rem;
  }

  .cm-tab03 {
    flex-wrap: wrap;
  }
  .cm-tab03-problem-txt h4, .cm-tab03-problem-txt h3 {
    font-size: 2rem;
  }
  .cm-tab03-problem-txt .circle {
    margin-right: 1rem;
  }
  .cm-tab03-problem-ttl {
    font-size: 2rem;
  }
  .cm-tab03-problem-flex {
    flex-wrap: wrap;
  }
  .cm-tab03-problem-flex p {
    width: 100%;
    margin-bottom: 1.5rem;
  }
  .cm-tab03-problem-flex .img {
    width: 100%;
  }
  .cm-tab03-problem-flex .img img {
    width: 100%;
  }
  .cm-tab03-main {
    width: 100%;
    border-radius: 0 0 0.5rem 0.5rem;
    border-top: 0;
    padding: 2rem;
  }
  .cm-tab03-ttl {
    display: flex;
    flex-wrap: wrap;
  }
  .cm-tab03-ttl_wrap {
    width: 100%;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 2rem 0 0;
  }
  .cm-tab03-ttl_ttl {
    width: 12rem;
    height: 12rem;
    font-size: 2rem;
  }
  .cm-tab03-ttl_ttl .circle {
    margin-top: -0.6rem;
  }
  .cm-tab03-ttl_ttl .circle span {
    font-size: 2.6rem;
  }
  .cm-tab03-ttl_item {
    width: 50%;
  }
  .cm-tab03-ttl_item.active::after {
    content: none;
  }
  .cm-tab03-ttl_item a {
    height: 100%;
    pointer-events: auto;
  }
  .cm-tab03-ttl_item .case {
    font-size: 1.6rem;
    width: 5rem;
    height: 5rem;
    margin-right: 1rem;
  }
  .cm-tab03-ttl_item .case .small {
    font-size: .8rem;
  }
  .cm-tab03-ttl_item .ttl {
    width: calc(100% - 6rem);
  }
  .cm-tab03-ttl_item .ico-circle {
    display: none;
  }
  .cm-tab03-solution {
    padding: 2rem 2rem 2rem;
  }
  .cm-tab03-solution-link .item {
    max-width: inherit;
    width: 50%;
    margin-right: 2%;
  }
  .cm-tab03-solution-link .item:nth-child(3n) {
    margin-right: 0;
  }
  .cm-tab03-solution-link .item:last-child {
    margin-right: 0;
  }
  .cm-tab03-solution-link .item .cm-btn > span::before {
    right: 1rem;
    width: 0.4rem;
    height: 0.4rem;
  }

  .cm-listing .flex.col-2 .item > .txt {
    padding: 2rem;
  }
  .cm-listing .flex.col-2 .item > .txt p:nth-of-type(1) {
    min-height: 14.5rem;
  }
  .cm-listing .flex.col-2 .item > .txt .cm-btn a {
    font-size: 1.6rem;
    min-height: 4rem;
  }
  .cm-listing .flex.col-2 .item > .txt .cm-btn a::before {
    right: 1rem;
    width: 1rem;
    height: 1rem;
    background-size: 1rem;
    top: calc(50% - 0.45rem);
  }

  .cm-induction-ico {
    top: -13rem;
    left: -1rem;
    width: 12rem;
    height: 12rem;
  }
  .cm-induction-ico-inner p {
    font-size: 1.2rem;
  }
  .cm-induction-ico-inner .material-symbols-outlined {
    font-size: 2.4rem;
  }
  .cm-induction-top {
    padding: 6rem 0 3rem;
  }
  .cm-induction-top .un-list01 {
    margin: 0;
  }
  .cm-induction-bottom .ttl {
    font-size: 2.2rem;
    line-height: 1.35;
    margin-bottom: 2rem;
  }
  .cm-induction_onepress .cm-induction-ico {
    width: 8.4rem;
    height: 8.4rem;
    left: -1rem;
    top: -9rem;
  }

  .cm-stflow-box {
    margin-left: auto;
    flex-wrap: wrap;
  }
  .cm-stflow-ico {
    left: 1rem;
    top: 24.5rem;
  }
  .cm-stflow-img {
    width: 100%;
  }
  .cm-stflow-txt {
    width: 100%;
    padding: 2rem;
  }
  .cm-stflow-txt p {
    font-size: 2rem;
  }
  .cm-stflow-txt p strong {
    font-size: 2rem;
  }

  .cm-column .cm-ribbon-ttl .catch {
    font-size: 3.2rem;
  }

  .un-charge .cm-tab02
  .cm-tab02-tab .ttl span {
    margin-bottom: 1rem;
  }
  .un-charge .cm-tab02-detail .cm-tab02-tab .ttl {
    font-size: 1.5rem;
  }
  .un-charge .cm-tab02-detail .target {
    padding: 3rem 2rem;
  }
  .un-charge .cm-tab02-area:nth-child(2) .option .cm-btn a {
    font-size: 1.5rem;
  }
  .un-charge .cm-tab02-area .btnwrap .item p:nth-of-type(1) {
    min-height: 2.8rem;
    font-size: 1.1rem;
  }
  .un-charge .cm-tab02-area .btnwrap .endsline::before {
    left: -1rem;
  }
  .un-charge .cm-tab02-area .btnwrap .endsline::after {
    right: -1rem;
  }
  .un-charge .cm-btn.external a::before {
    right: 1.5rem;
  }
  .un-charge .option {
    padding: 3rem 1.5rem;
  }
  .un-charge .option .ttl {
    margin-right: 0;
  }
  .un-charge .option .cm-btn {
    width: 32rem;
  }
  .un-charge .option .cm-btn a {
    font-size: 1.5rem;
  }
  .un-charge .option .cm-btn a::before {
    right: 1rem;
  }

  .un-item .w100 {
    padding: 6rem 0 8rem;
  }

  .buy_body .un-movie .lwrap .movie iframe {
    height: 25rem;
  }
  .buy_body .un-strengths-nav li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 3rem;
  }
  .buy_body .un-strengths-nav li:nth-child(2n) {
    margin-right: 0;
  }
  .buy_body .un-strengths-nav li:nth-child(n + 3) {
    margin-bottom: 0;
  }
  .buy_body .un-strengths-nav .txt {
    font-size: 1.8rem;
    font-weight: 500;
  }
  .buy_body .un-strengths-main-item:nth-child(3) .right .ttl br {
    display: none;
  }
  .buy_body .un-strengths-main-item:nth-child(4) .right .box {
    margin-top: 4rem;
  }
  .buy_body .un-strengths-main-item .right .ttl {
    padding-right: 10rem;
  }
}
.cm-line {
  background: url("../images/new-buy/bg_cm-line.png") no-repeat center;
  background-size: cover;
  padding: 8rem 0;
}
.cm-line .cm-ribbon-ttl {
  margin-bottom: 6rem;
}
.cm-line .cm-ribbon-ttl .txt {
  line-height: 1.5;
}
.cm-line .cm-ribbon-ttl .txt.num02 {
  margin-bottom: 0;
  margin-top: 1rem;
}

.cm-line_box {
  display: flex;
  gap: 3rem;
  align-items: center;
}
.cm-line_box a.bg-white {
  display: block;
  padding: 1.5rem;
  border-radius: 1rem;
}
.cm-line_box .marker_yellow_line {
  background: linear-gradient(transparent 60%, #fffc37 60%);
}

.cm-line_box-item {
  width: calc(50% - 1.5rem);
}

.cm-line_box-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cm-line_box-inner .qrcode {
  width: 35%;
}

.cm-line_text {
  font-size: 3rem;
  font-weight: 500;
  color: #ffffff;
}
.cm-line_text.lead {
  font-size: 2rem;
  color: #333333;
  margin-bottom: 1rem;
}
.cm-line_text .yellow_line {
  background-color: #fffc37;
  display: inline-block;
  color: #333333;
  font-weight: 600;
  line-height: 1.4;
  padding: 0 .5rem;
  margin: 0 .3rem;
}
.cm-line_text .small {
  font-size: 2rem;
}

.cm-line_box-inner_text {
  width: 60%;
  font-size: 2rem;
  font-weight: 500;
}
.cm-line_box-inner_text .large {
  font-size: 3rem;
}

@media screen and (max-width: 1100px) {
  .cm-line .cm-ribbon-ttl .catch {
    font-size: 3rem;
  }

  .cm-line .cm-ribbon-ttl .txt {
    font-size: 2rem;
  }

  .cm-line_text {
    font-size: 2.8vw;
  }

  .cm-line_text .small {
    font-size: 1.8vw;
  }

  .cm-line_text.lead {
    font-size: 1.7vw;
  }

  .cm-line_box-inner_text {
    font-size: 1.8vw;
  }
  .cm-line_box-inner_text .large {
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .cm-line .cm-ribbon-ttl .txt {
    font-size: 2rem;
  }

  .cm-line .cm-ribbon-ttl .catch {
    font-size: 2.7rem;
  }

  .cm-line_box {
    flex-direction: column;
  }

  .cm-line_box-item {
    width: 100%;
    max-width: 46rem;
  }

  .cm-line_text {
    font-size: 2.8rem;
  }

  .cm-line_text .small {
    font-size: 2rem;
  }

  .cm-line_text .yellow_line {
    padding: .3rem .8rem;
  }

  .cm-line_text.lead {
    font-size: 1.8rem;
  }

  .cm-line_box-inner_text {
    font-size: 2rem;
  }

  .cm-line_box-inner_text .large {
    font-size: 3rem;
  }
}