@charset "utf-8";
/* CSS Document */
/* - convenient.css - */

.pointguide {
  width: calc(630 / 580 * 100%);
  margin: calc(60 / 580 * 100%) calc( 50 / 580 * 100% * -0.5);
}
.pointguide__image {
  display: block;
  position: relative;
  width: calc(567 / 580 * 100%);
  margin: 0 auto -1px;
}
.pointguide__box {
  box-sizing: border-box;
  display: block;
  padding: calc(40 / 630 * 100%);
  background: #fcf2f4;
  border-radius: var(--fs-20);
  overflow: hidden;
}
.pointguide dl {
}
.pointguide dt {
  background: var(--c-or);
  border-radius: var(--fs-10);
  text-align: center;
  color: #fff;
  letter-spacing: 0;
  font-size: var(--fs-20);
  font-weight: 700;
  margin-bottom: 1em;
}
.pointguide dt span {
  font-size: var(--fs-30);
  letter-spacing: 0;
}
.pointguide dd {
  margin-bottom: 1em;
}
.pointguide dl > dd:last-child {
  margin-bottom: 0;
}
  .pointguide dd p {
  font-size: var(--fs-26);
  line-height: calc(40 / 26 * 1em);
  letter-spacing: 0;
}
.pointguide dd .att {
  font-size: var(--fs-18);
  line-height: calc(40 / 18 * 1em);
  letter-spacing: 0;
}
.pointguide__text p {
  font-weight: bold;
  font-size: var(--fs-26);
  line-height: calc(40 / 26 * 1em);
}
.pointguide__text p span{
  display: inline-block;
  font-weight: 500;
  font-size: var(--fs-18);
  line-height: calc(30 / 18 * 1em);
}
.pointguide__text hr { 
  border: none;
  margin: calc(60 / 580 * 100%) auto;
  height: 1px;
  background: var(--c-br);
  width: 100%;
  display: block;
}

.pointguide__addr {
  display: block;
}
.pointguide__addritem {
  position: relative;
  display: block;
  padding-left: calc(45 / 580 * 100%);
  line-height: 1.25em;
  margin: 0 auto 0.5em;
}
.pointguide__addricon {
  width: var(--fs-30);
  height:var(--fs-30);
  position: absolute;
  top: 0em;
  left: 0;
}
.pointguide__addricon--foot {
  width: var(--fs-26);
  height:var(--fs-26);
  position: absolute;
  top: 0.4em;
  left: 0.1em;
}
.pointguide__addr a {
  text-decoration: underline;
  text-underline-offset : 0.2em;
}
.pointguide__addritem span {
  display: inline-block;
  line-height: 1.25em;
  font-size: var(--fs-18);
}
/* -------------------------------------------- */
@media screen and (min-width:1000px){
  
.pointguide {
  width: 100%;
  max-width: 900px;
  margin: 40px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}
.pointguide__image {
  display: block;
  position: relative;
  width: calc(180 / 900 * 100%);
  margin: 0;
  margin-right: -1px;
}
.pointguide__box {
  box-sizing: border-box;
  display: block;
  padding: calc(40 / 900 * 100%);
  background: #fcf2f4;
  border-radius: var(--fs-20);
  overflow: hidden;
  width: calc(720 / 900 * 100%);
}
.pointguide dt {
  background: var(--c-or);
  border-radius: var(--fs-10);
  text-align: center;
  color: #fff;
  letter-spacing: 0;
  font-size: var(--fs-18);
  font-weight: 700;
  margin-bottom: 10px;
  padding: 6px 10px 4px;
}
.pointguide dt span {
  font-size: var(--fs-22);
  letter-spacing: 0;
}
.pointguide dd {
  margin-bottom: 1em;
}
.pointguide dl > dd:last-child {
  margin-bottom: 0;
}
  .pointguide dl + dl {
    margin-top: 20px;
  }
  .pointguide dd p {
  font-size: var(--fs-16);
  line-height: calc(26 / 16 * 1em);
  letter-spacing: 0;
}
  .pointguide dd p + p {
    margin-top: 0;
  }
.pointguide dd .att {
  font-size: var(--fs-14);
  line-height: calc(26 / 14 * 1em);
  letter-spacing: 0;
}
.pointguide__text p {
  font-weight: bold;
  font-size: var(--fs-16);
  line-height: calc(26 / 16 * 1em);
}
.pointguide__text p span{
  display: inline-block;
  font-weight: 500;
  font-size: var(--fs-14);
  line-height: calc(24 / 14 * 1em);
}
.pointguide__text hr { 
  border: none;
  margin: 40px auto;
  height: 1px;
  background: var(--c-br);
  width: 100%;
  display: block;
}

.pointguide__addr {
  display: block;
}
.pointguide__addritem {
  position: relative;
  display: block;
  padding-left: 30px;
  line-height: 1.25em;
  margin: 0 auto 0.5em;
}
.pointguide__addricon {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2px;
  left: 0;
}
.pointguide__addricon--foot {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2px;
  left: 0;
}
.pointguide__addr a {
  text-decoration: underline;
  text-underline-offset : 0.2em;
}
.pointguide__addritem span {
  display: inline-block;
  line-height: 1.25em;
  font-size: var(--fs-14);
}  
  
  
}

/* -------------------------------------------- */
.title--brackets h3 {
  font-size: var(--fs-30);
}

.contentbox__title {
  position: relative;
  min-height: clamp(10px,calc(140 / 750 * 100vw), 140px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}
.contentbox__image--point {
  margin: clamp(18px,calc(36 / 750 * 100vw),36px) auto;
}
.contentbox__image--point img {
  margin-left: auto;
  margin-right: auto;
}
.contentbox__image--point p {
  text-align: right;
  font-size: calc(18 / 26 * 1em);
  line-height: calc(30 / 18 * 1em);
  letter-spacing: 0.04em;
  margin: 1em auto;
}
.contentbox__image--point2 {
  margin: clamp(18px,calc(36 / 750 * 100vw),36px) auto;
  width: calc(550 / 590 * 100%);
  max-width: 640px;
}
.contentbox__image--point2 img {
  margin-left: auto;
  margin-right: auto;
}
.pointflow {
  margin: clamp(40px,calc(80 / 750 * 100vw),80px) auto clamp(30px,calc(60 / 750 * 100vw),60px);
}

.pointflow__listitem {
  margin: clamp(20px,calc(40 / 750 * 100vw),40px) auto clamp(35px,calc(70 / 750 * 100vw),70px);
}
.pointflow__listimage {
  width: calc(480 / 590 * 100%);
  margin: 0 auto;
}
.pointflow__listimage img {
  margin-left: auto;
  margin-right: auto;
}
.pointflow__listdata {
  width: calc(530 / 590 * 100%);
  margin: clamp(15px,calc(30 / 750 * 100vw),30px) auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items:flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  gap:clamp(10px,calc(20 / 750 * 100vw),20px);
}



.pointflow__listnum {
  font-family: var(--font-en);
  font-size: 1em;
  font-weight: 700;
  color: #fff;
  background-color: var(--c-or);
  height: clamp(20px,calc(40 / 750 * 100vw),40px);
  width: clamp(20px,calc(40 / 750 * 100vw),40px);
  padding: 0;
  box-sizing: border-box;
  position: relative;
  border-radius: 50%;
}
.pointflow__listtext {
  width: calc(100% - clamp(20px,calc(40 / 750 * 100vw),40px) - clamp(10px,calc(20 / 750 * 100vw),20px));
  font-weight: 700;
}
.pointflow__listtext--att {
  text-align: right;
  font-size: calc(18 / 26 * 1em);
  line-height: calc(30 / 18 * 1em);
  letter-spacing: 0.04em;
  margin: 1em auto;
  font-weight: 500;
}

.pointqa {
  background-color: #fcf6e9;
  box-sizing: border-box;
  display: block;
  margin: clamp(30px,calc(60 / 750 * 100vw),60px) calc((590 - 630) / 590 * 0.5 * 100%);
  padding: clamp(20px,calc(40 / 750 * 100vw),40px);
  border-radius: clamp(10px,calc(20 / 750 * 100vw),20px);
  width: calc(630 / 590 * 100%);
}
.pointqa__title {
  font-family: var(--font-en);
  font-size: calc(42 / 26 * 1em);
  letter-spacing: 0.04em;
  text-align: center;
  margin: clamp(10px,calc(20 / 750 * 100vw),20px) auto;
}
.pointqa__title h3 {
  font-size: 1em;
  line-height: calc(40 / 26 * 1em);
}
.pointqa__title h3 span {
  color: var(--c-or);
  font-size: inherit;
}
.pointflow__listnum span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
}
.pointqa__title p {
  text-align: center;
  font-size: calc(26 / 42 * 1em);
  line-height: 1.5em;
}
.pointqa__item {
  margin: clamp(20px,calc(40 / 750 * 100vw),40px) auto;
  font-weight: 500;
}
.pointqa__item dt {
  box-sizing: border-box;
  font-size: calc(28 / 26 * 1em);
  line-height: calc(42 / 28 * 1em);
  position: relative;
  padding-left: clamp(45px,calc(80 / 750 * 100vw),90px);
  margin-bottom: clamp(10px,calc(20 / 750 * 100vw),20px);
  background: url(img/icon_q_bal.png) no-repeat;
  -webkit-background-size: clamp(28px,calc(56 / 750 * 100vw),56px) auto;
  background-size: clamp(28px,calc(56 / 750 * 100vw),56px) auto;
  background-position: 0  50%;
  min-height: clamp(28px,calc(56 / 750 * 100vw),56px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
}
.pointqa__item dd {
  box-sizing: border-box;
  font-size: calc(26 / 26 * 1em);
  line-height: calc(40 / 26 * 1em);
  position: relative;
  padding-left: clamp(45px,calc(80 / 750 * 100vw),90px);
}


.contentbox__bal {
  position: absolute;
  width: calc(144 / 670 * 100%);
  position: absolute;
  top: clamp(-30px,calc(30 / 670 * 100vw * -1), -15px);
  right: clamp(-30px,calc(30 / 670 * 100vw * -1), -15px);
}
.contentbox__box2title {
  border-radius: var(--fs-40);
  background: #8496a4;
  box-sizing: border-box;
  padding: calc(35 / 580 * 100%);
  text-align: center;
  color: #fcf6e9;
  
}
.contentbox__box2 .contentbox__box2title p {
  color: #fff;
  line-height: 1.25em;
  font-weight: bold;
}
.contentbox__box2title h2 {
  font-size: var(--fs-32);
  line-height: calc(38 / 32 * 1em);
}
.contentbox__box2title h2 span {
  background-image: url(img/brackets_top.svg) , url(img/brackets_btm.svg);
  background-repeat: no-repeat;
  background-position: top left , bottom right;
  -webkit-background-size: var(--fs-20) auto;
  background-size: var(--fs-20) auto;
  display: inline-block;
  box-sizing: border-box;
  padding: .3em 1.1em;
  margin-bottom: .3em;
}
.contentbox__box2text {
  margin: calc(60 / 580 * 100%) auto;
}
.contentbox__box2 .contentbox__box2text p {
  font-size: var(--fs-26);
  line-height: calc(40 / 26 * 1em);
  letter-spacing: 0;
}
.contentbox__box2 .contentbox__box2text span {
  color: var(--c-or);
  font-weight: 700;
}
.contentbox__box2 .contentbox__box2text p.att {
  font-size: var(--fs-18);
  line-height: calc(30 / 18 * 1em);
  letter-spacing: 0;
  margin-top: 1.5em;
}
.contentbox .contentbox__text .btn--ar {
  width: clamp(250px,calc(450 / 590 * 100%),500px);
}
/* -------------------------------------------- */
@media screen and (min-width:1000px){
  .contentbox .title--brackets {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .contentbox__text p + p {
    margin-top: 20px;
  }

  .contentbox .contentbox__text--point {
    padding-top: 40px;
    margin-bottom: 120px;
  }
  
/* ------------------------------ */  
  .title--brackets h3 {
  font-size: 20px;
}
  .contentbox {
    margin-top: 60px;
  }
.contentbox__title {
  min-height: clamp(10px,calc(140 / 750 * 100vw), 120px);
}
.contentbox__image--point {
  margin: clamp(18px,calc(36 / 750 * 100vw),36px) auto;
}
.contentbox__image--point img {
  margin-left: auto;
  margin-right: auto;
}
.contentbox__image--point p {
  text-align: right;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.04em;
  margin: 1em auto;
}
.contentbox__image--point2 {
  margin: clamp(18px,calc(36 / 750 * 100vw),36px) auto;
  width: calc(550 / 590 * 100%);
  max-width: 640px;
}
.contentbox__image--point2 img {
  margin-left: auto;
  margin-right: auto;
}
.pointflow {
  margin: clamp(40px,calc(80 / 750 * 100vw),80px) auto clamp(30px,calc(60 / 750 * 100vw),60px);
}
.pointflow__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  gap: 40px;
}
.pointflow__listitem {
  margin: 0;
  width: calc((100% - 40px) / 2);
}
.pointflow__listimage {
  width: 100%;
  margin: 0 auto;
}
.pointflow__listimage img {
  margin-left: auto;
  margin-right: auto;
}
.pointflow__listdata {
  width: 100%;
  margin: 20px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items:flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  gap:12px;
}

.pointflow__listnum {
  font-size: 16px;
  height: 26px;
  width: 26px;
}
.pointflow__listtext {
  width: calc(100% - 32px);
  font-weight: 700;
}
.pointflow__listtext--att {
  text-align: right;
  font-size:14px;
  line-height: calc(24 / 14 * 1em);
  letter-spacing: 0.04em;
  margin: 20px auto 0;
  font-weight: 500;
}

.pointqa {
  background-color: #fcf6e9;
  box-sizing: border-box;
  display: block;
  margin: clamp(30px,calc(60 / 750 * 100vw),60px) auto;
  padding: clamp(20px,calc(40 / 750 * 100vw),40px);
  border-radius: clamp(10px,calc(20 / 750 * 100vw),20px);
  width:100%;
  max-width: 900px;
}
.pointqa__title {
  font-family: var(--font-en);
  font-size: 30px;
  letter-spacing: 0.04em;
  text-align: center;
  margin: clamp(10px,calc(20 / 750 * 100vw),20px) auto;
  
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
  max-width: 700px;
}
.pointqa__title h3 {
  font-size: 1em;
  line-height: calc(40 / 26 * 1em);
}
.pointqa__title h3 span {
  color: var(--c-or);
  font-size: inherit;
}
.pointflow__listnum span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
}
.pointqa__title p {
  text-align: center;
  font-size: calc(26 / 42 * 1em);
  line-height: 1.5em;
  font-size: 16px;
  margin-left: 20px;
}
.pointqa__item {
  margin: clamp(20px,calc(40 / 750 * 100vw),40px) auto;
  font-weight: 500;
  max-width: 700px;
}
.pointqa__item dt {
  box-sizing: border-box;
  font-size: calc(28 / 26 * 1em);
  line-height: calc(42 / 28 * 1em);
  padding-left: 60px;
  margin-bottom: 10px;
  background: url(img/icon_q_bal.png) no-repeat;
  -webkit-background-size: 40px auto;
  background-size: 40px auto;
  background-position: 0  50%;
  min-height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
}
.pointqa__item dd {
  box-sizing: border-box;
  font-size: calc(26 / 26 * 1em);
  line-height: calc(40 / 26 * 1em);
  position: relative;
  padding-left: 60px;
}



/* ------------------------------ */  
.contentbox__bal {
  width: 160px;
  top: -60px;
  right: clamp(10px,calc(60 / 1100 * 100%),60px);
}
  
  
.contentbox__box2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap:40px;
}
  
.contentbox__box2title {
  padding:35px 30px;
  text-align: center;
  border-radius: 40px;
  color: #fcf6e9;
  width: calc(340 / 900 * 100%);
  max-width: 340px;
  
}
.contentbox__box2 .contentbox__box2title p {
  color: #fff;
  line-height: 1.25em;
  font-weight: bold;
  font-size: var(--fs-18);
}
.contentbox__box2title h2 {
  font-size: var(--fs-22);
  line-height: calc(32 / 22 * 1em);
}
.contentbox__box2title h2 span {
  background-image: url(img/brackets_top.svg) , url(img/brackets_btm.svg);
  background-repeat: no-repeat;
  background-position: top left , bottom right;
  -webkit-background-size: var(--fs-20) auto;
  background-size: var(--fs-20) auto;
  display: inline-block;
  box-sizing: border-box;
  padding: 0.8em 0.9em 0.6em ;
  margin-bottom: 10px;
}
  .contentbox__box2text {
    margin: 0;
    width: calc(520 / 900 * 100%);
  }
  
.contentbox__box2 .contentbox__box2text p {
  font-size: var(--fs-16);
  line-height: calc(26 / 16 * 1em);
}
.contentbox__box2 .contentbox__box2text span {
  font-size: var(--fs-18);
}
.contentbox__box2 .contentbox__box2text p.att {
  font-size: var(--fs-14);
  line-height: calc(24 / 14 * 1em);
  margin-top: 20px;
}
  
.contentbox .contentbox__text .btn--ar {
  width: 360px;
  margin-top: 60px;
}
  
}

/* -------------------------------------------- */
.diff {
position: relative;
display: block;
}
.diff__icon {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
  width: clamp(80px,calc(210 / 750 * 100% ), 210px);
}
.diff__icon img {
  width: 100%;
  height: auto;
}
.diff__title {
  text-align: center;
  box-sizing: border-box;
  padding-top: calc(60 / 750 * 100%);
  padding-bottom: calc(60 / 750 * 100%);
}
.diff__title h2 {
  font-size: var(--fs-42);
  font-weight: bold;
}
.diff__title p {
  font-size: var(--fs-20);
}
.diff__kglist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  flex-flow: column;
  gap: var(--fs-40);
  margin: 0 auto;
  
}
.diff__kgitem {
  display: block;
  background-color: #fff;
  position: relative;
  width: calc(670 / 750 * 100%);
  border-radius: var(--fs-40);
  padding: calc(40 / 750 * 100%);
}
.diff__kgicon {
  background: var(--c-br);
  text-align: center;
  position: relative;
  width: calc(100 / 420 * 100% );
  height: 0;
  padding-bottom: calc(100 / 420 * 100% );
  border-radius: 10em;
  margin-top: calc(20 / 590 * 100% * -1 );
  margin-left: calc(20 / 590 * 100% * -1 );
}
.diff__kgicontext {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate3d(-50%,-50%,0);
  font-size: var(--fs-30);
  font-weight: 500;
}
.diff__kgicontext span {
  font-size: calc(34 / 30 * 1em);
}
.diff__kgbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  width: calc(420 / 590 * 100%);
  padding-bottom: .5em;
  background: url(../shared/img/dot_line_gray_700.svg) no-repeat bottom left;
  -webkit-background-size: auto 2px;
  background-size: auto 2px;
  margin-left: 0;
  margin-bottom: .5em;
}
.diff__kgprice {
  display: block;
  position: relative;
  padding-left: 0.5em;
  font-size: var(--fs-34);
  font-weight: 500;
}
.diff__kgprice--yen {
  font-size: var(--fs-30);
}
.diff__kgprice--tax {
  font-size: var(--fs-18);
}
.diff__kg2price {
  width: calc(460 / 590 * 100%);
  margin-left: 0;
}
.diff__kg2price .ic--sq {
  border: 1px solid;
  display: inline-block;
  font-size: var(--fs-26);
  display: inline-block;
  line-height: 1.25em;
  padding: 0 .4em;
  font-weight: 500;
  border-radius: 5px;
  margin-right: .5em;
}
.diff__kg2price .ic--sq span {
  font-size: var(--fs-30);
}
.diff__kg2price .diff__kg2pricenum {
  font-size: clamp(24px,calc(48 / 750 * 100vw),48px);
  font-weight: 700;
}
.diff__kg2price .diff__kg2pricenum--yen {
  font-size: var(--fs-30);
  font-weight: bold;
}
.diff__kg2price .diff__kg2pricenum--tax {
  font-size: var(--fs-18);
  font-weight: 500;
}
.diff__kgimg {
  display: block;
  position: absolute;
  top: 50%;
  right: calc(20 / 670 * 100% * -1);
  width: calc(var(--kgimg) / 670 * 100%);
  transform: translate3d(0,-50%,0);
}
.diff__kgitem--or .diff__kgicon {
  background: var(--c-or);
}
.diff__kgitem--or .diff__kg2price .diff__kg2pricenum{
  color: var(--c-or);
}
.diff__kgitem--or .diff__kg2price .diff__kg2pricenum--yen {
  color: var(--c-or);
}
.diff__kgitem--or .diff__kg2price .diff__kg2pricenum--tax {
  color: var(--c-or);
}

/* -------------------------------------------- */
@media screen and (min-width:1000px){
.diff__icon {
  width: 160px;
}
.diff__title {
  text-align: center;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 60px;
}
.diff__title h2 {
  font-size: var(--fs-32);
  font-weight: 700;
}
.diff__title p {
  font-size: var(--fs-18);
  margin-top: 20px;
}
.diff__kglist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  flex-flow: row;
  gap: var(--fs-40);
  margin: 0 auto;
  max-width: 1120px;
  padding: 0 10px;
  box-sizing: border-box;
}
.diff__kgitem {
  display: block;
  background-color: #fff;
  position: relative;
  width: 340px;
  border-radius: var(--fs-60);
  padding: 20px;
  
}
.diff__kgicon {
  background: var(--c-br);
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 0;
  padding-bottom: 80px;
  border-radius: 80px;
  display: block;
  margin: 0;
  transform: translate3d(0px,-10px,0)
}
.diff__kgicontext {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate3d(-50%,-50%,0);
  font-size: var(--fs-20);
  font-weight: 500;
}
.diff__kgicontext span {
  font-size: calc(24 / 20 * 1em);
}
.diff__kgbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  width: 100%;
  padding-bottom: .5em;
  background: url(../shared/img/dot_line_gray_700.svg) no-repeat bottom left;
  -webkit-background-size: auto 2px;
  background-size: auto 2px;
  margin-left: 0;
  margin-bottom: .5em;
  padding-left: 60px;
}
.diff__kgprice {
  display: block;
  position: relative;
  padding-left: 0;
  margin-left: 10px;
  font-size: var(--fs-24);
  font-weight: 500;
  width: calc(100% - 60px);
}
.diff__kgprice--yen {
  font-size: var(--fs-20);
}
.diff__kgprice--tax {
  font-size: var(--fs-14);
}
.diff__kg2price {
  width: 100%;
  margin-left: 0;
  margin-top: 20px;
  box-sizing: border-box;
  padding-bottom: 140px;
}
.diff__kg2price .ic--sq {
  border: 1px solid;
  display: inline-block;
  font-size: var(--fs-16);
  display: inline-block;
  line-height: 1.25em;
  padding: .2em .4em;
  font-weight: 500;
  border-radius: 5px;
  margin-right: .4em;
}
.diff__kg2price .ic--sq span {
  font-size: var(--fs-20);
}
.diff__kg2price .diff__kg2pricenum {
  font-size: 38px;
  font-weight: 700;
}
.diff__kg2price .diff__kg2pricenum--yen {
  font-size: var(--fs-24);
  font-weight: bold;
  letter-spacing: 0;
}
.diff__kg2price .diff__kg2pricenum--tax {
  font-size: var(--fs-14);
  font-weight: 500;
}
.diff__kgimg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  width: calc(var(--kgimg) * 1px);
  transform: translate3d(-50%,0,0);
}
  
  
}