@charset "UTF-8";
/*==================================================
                    事業内容
================================================== */
/*
    business-introduction
================================================== */
section#business-introduction {
  margin-bottom: 5%;
}

section#business-introduction h2 {
  font-family: "Noto Serif Japanese","Sawarabi Mincho", serif;
  font-weight: 800;
  font-size: 3.5rem;
  color: #0a5096;
  text-align: center;
  margin-bottom: 1em;
}

section#business-introduction p {
  text-align: center;
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 4%;
}

div.business-flow__image.pc img {
  display: block;
  max-width: 1126px;
  width: 94%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  section#business-introduction h2 {
    font-size: 2.2rem;
    text-align: left;
  }
  section#business-introduction p {
    text-align: left;
    line-height: 1.8;
  }
  section#business-introduction h3 img {
    display: block;
    max-width: 357px;
    width: 70%;
    margin: 5% auto 5% auto;
  }
  div.business-flow__image.smp {
    padding: 0 15%;
  }
  div.business-flow__image.smp .__img01 {
    background: #f6d5bd;
    padding: 25px 20px;
    border-radius: 10px;
    border: solid 5px #eeb286;
    text-align: center;
  }
  div.business-flow__image.smp .__arrow {
    display: block;
    width: 40px;
    margin: 20px auto;
  }
  div.business-flow__image.smp .__img02 {
    width: 70%;
    margin: 0 auto;
    text-align: center;
  }
  div.business-flow__image.smp .__img03 {
    background: #bbe1e8;
    border-radius: 10px;
    border: solid 5px #8ecdd9;
    padding: 25px 20px;
    text-align: center;
  }
  div.business-flow__image.smp .__img04 {
    background: #aec85e;
    border-radius: 10px;
    border: solid 5px #90b423;
    padding: 25px 20px;
    text-align: center;
  }
  section#business-introduction div.business-flow__image.smp p.__caption {
    font-size: 1.6rem;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
  }
}

/*
    business-keyword
================================================== */
section#business-keyword {
  background-color: #e5e5e5;
  padding: 5% 1%;
}

section#business-keyword .txt--nowrap {
  white-space: nowrap;
}

section#business-keyword h2,
section#business-figure h2 {
  font-family: "Noto Serif Japanese","Sawarabi Mincho", serif;
  font-weight: 800;
  font-size: 2.8rem;
  text-align: center;
  /*    line-height: 2.4;*/
  margin-bottom: 3%;
}

section#business-keyword h2 span,
section#business-figure h2 span {
  display: block;
  width: 80px;
  border-bottom: #333 2px solid;
  padding-top: 2rem;
  margin: 0 auto;
}

p.business-sub-ttl {
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 3%;
}

.keyword__row {
  margin-bottom: 3%;
}

.keyword__box {
  background-color: #fff;
  padding: 25px 20px;
  font-size: 1.6rem;
  line-height: 1.8;
}

.keyword__box h3 {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.6;
}

.keyword__box h3 span{
    font-size: 5rem;
    color: #0a5096;
    display: block;
    line-height:1.4;
    padding: 10px 0;
}
.keyword__ttl--bgcolor{
    font-size: 3rem;
    font-weight:bold;
    line-height: 1.6;
    color:#fff;
    background-color:#0a5096;
    padding: 10px 20px;
    margin-bottom:15px;
}
.keyword__ttl--bgcolor span{
    font-size: 5rem;
    color: #0a5096;
    display: block;
    line-height:1.4;
    padding: 10px 0;
}
.keyword__message{
    font-weight: bold;
    font-size: 1.8rem;
    padding: 20px 20px 10px 20px;
    border-top: 1px dashed #808080 ;
}

.keyword__ttl {
  color: #0a5096;
  font-weight: bold;
  line-height: 1.3;
}

.keyword__ttl.f50 {
  font-size: 4.8rem;
}
.keyword__ttl.f50{
    font-size: 3rem;
}

.keyword__ttl.f78 {
  font-size: 7.6rem;
}
.keyword__row.row01 h3{
    padding: 10px 20px;
}

.keyword__row.row01 .keyword__box > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-top: 2%;
}

.keyword__row.row01 .keyword__box > ul > li {
  padding: 1% 2%;
    flex-grow:1;;
}

.keyword__row.row01 .keyword__box>ul>li:nth-of-type(2),
.keyword__row.row01 .keyword__box>ul>li:nth-of-type(3){
    border-left: 1px dashed #808080;
}

.keyword__row.row01 .keyword__box>ul li:first-of-type .keyword__ttl--bgcolor{
    background-color:#eb500e;
    color: #fff;
}

.keyword__row.row02 {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
  display: flex;
}

.keyword__row.row02 .keyword__box:first-of-type {
  flex: 1.1;
  margin-right: 3%;
}

.keyword__row.row02 .keyword__box:nth-of-type(2) {
  flex: 2;
}

.keyword-sub-txt{
  text-align: right;
}

.keyword__box__img {
  margin: 2% 0;
  text-align: center;
}

.keyword-chart-block {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.keyword-chart-block li {
  width: 49%;
}

.keyword-chart-block dl {
  display: flex;
  align-items: center;
}

.keyword-chart-block dt img {
  width: 130px;
}

.keyword-chart-block dd {
  font-weight: bold;
  font-size: 1.8rem;
  padding: 10px 0 10px 10px;
}

.keyword-chart-block dd b {
  font-size: 2.8rem;
}

.keyword__row.row03 b {
  font-weight: bold;
  font-size: 2rem;
}

.keyword__row.row04 {
  justify-content: space-between;
  display: flex;
}

.keyword__row.row04 .keyword__box {
  flex: 1;
}

.keyword__row.row04 .keyword__box:first-of-type {
  margin-right: 3%;
}

.keyword__row.row05 .keyword__box {
  justify-content: space-between;
  display: flex;
}

.keyword__row.row05 .keyword__box > div {
  flex: 1;
}

.keyword__row.row05 .keyword__box > div:first-of-type {
  width: 48%;
  max-width: 580px;
  margin-right: 2%;
  text-align: center;
}

@media screen and (max-width: 1240px) {
  .keyword__row.row02 .keyword__box:first-of-type {
    margin-right: 2%;
  }
  .keyword__box {
    padding: 25px 15px;
  }
}

@media screen and (max-width: 1199px) {
  .keyword__box {
    padding: 25px 20px;
  }
  section#business-keyword {
    padding: 5% 2%;
  }
  .keyword__ttl.f50 {
    font-size: 3.5rem;
  }
  .keyword__ttl.f78 {
    font-size: 5rem;
  }
}

@media screen and (max-width: 767px) {
  section#business-keyword h2 span,
  section#business-figure h2 span {
    margin: 0 auto 2rem auto;
  }
  .keyword__row {
    margin-bottom: 5%;
  }
  p.business-sub-ttl {
    text-align: left;
  }
  .keyword__box h3 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;
  }
  .keyword__box h3 span{
    font-size: 2.2rem;
}
.keyword__row.row01 h3{
  padding: 10px 0;
}
  .keyword__ttl {
    line-height: 1.3;
  }
  .keyword__ttl.f50 {
    /*        font-size: 3rem;*/
    font-size: 7vw;
  }
  .keyword__ttl.f78 {
    /*        font-size: 4rem;*/
    font-size: 8vw;
  }
  .keyword__ttl--bgcolor{
    font-size: 2.4rem;
    padding: 5px 15px;
}
.keyword__message{
  font-size: 1.6rem;
}
  .keyword__row.row01 .keyword__box > ul {
    display: block;
  }
  .keyword__row.row01 .keyword__box > ul > li {
    padding: 5% 1%;
  }
  .keyword__row.row01 .keyword__box > ul > li:first-of-type,
  .keyword__row.row01 .keyword__box > ul > li:nth-of-type(2) {
    border-right: none;
    /* border-bottom: 1px dashed #808080; */
  }
  .keyword__row.row01 .keyword__box>ul>li:nth-of-type(2),
.keyword__row.row01 .keyword__box>ul>li:nth-of-type(3){
    border-left:none;
}
  .keyword__box ul li dl dd.keword__contents--indent li {
    padding-left: 1.6rem;
    text-indent: -1.6rem;
  }
  .keyword__row.row02 {
    display: block;
  }
  .keyword__row.row02 .keyword__box:first-of-type {
    margin-right: 0;
    margin-bottom: 5%;
  }
  .keyword-chart-block {
    display: block;
  }
  .keyword-chart-block li {
    padding-bottom: 2%;
    width: 100%;
  }
  .keyword-chart-block li dt {
    flex: 1;
  }
  .keyword-chart-block li dd {
    flex: 1.5;
    font-size: 1.6rem;
  }
  .keyword-chart-block li dd b {
    font-size: 2rem;
  }
  .keyword__row.row03 dl dd b {
    font-size: 1.8rem;
  }
  .keyword__row.row04 {
    display: block;
  }
  .keyword__row.row04 .keyword__box:first-of-type {
    margin-right: 0;
    margin-bottom: 5%;
  }
  .keyword__row.row05 .keyword__box {
    display: block;
  }
  .keyword__row.row05 .keyword__box > div:first-of-type {
    padding-bottom: 5%;
    width: 100%;
    margin-right: 0;
    max-width: none;
  }
}

/*
    business-figure
================================================== */
section#business-figure {
  max-width: 1200px;
  width: 100%;
  padding: 8% 2%;
}

.txt--norwap {
  /*    white-space: nowrap;*/
  display: inline-block;
}

.figure__row {
  margin-bottom: 3%;
}

.figure__box {
  background: #f2f2f2;
  font-size: 1.6rem;
  padding: 25px 20px;
}

.figure__box h3 {
  background: #e6df44;
  text-align: center;
  padding: 8px;
  font-weight: bold;
}

.figure__box h3.mb {
  margin-bottom: 1.5em;
}

.figure__box h3.mb2 {
  margin-bottom: 3em;
}

.figure__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.figure__row.row01 .figure__box.box01,
.figure__row.row01 .figure__box.box02 {
  margin-right: 3%;
  /*    flex: 1;*/
  width: 20%;
}

.figure__row.row01 .figure__box.box03 {
  /*    flex:3;*/
  width: 54%;
}

.figure__box dl dt {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.figure__box dl dd {
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
}

.figure__box dl dd span.txt--large {
  font-size: 9.4rem;
  font-weight: 500;
  font-family: "Renner*";
}

.figure__box dl dd small {
  display: block;
  font-size: 1.6rem;
  font-weight: normal;
}

.figure__row.row01 .figure__box > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.figure__box > ul dl dd span.txt--large {
  font-size: 7.5rem;
}

.figure__box > ul dl dd span.figure__span--small {
  font-size: 2.8rem;
  font-weight: bold;
}

.figure__row.row02 .figure__box.box01 {
  /*    flex:1.1;*/
  width: 28%;
}

.figure__row.row02 .figure__box.box02 {
  /*    flex:1.8;*/
  width: 46%;
}

.figure__row.row02 .figure__box.box03 {
  /*    flex:1;*/
  width: 26%;
}

.figure__row.row02 .figure__box.box01,
.figure__row.row02 .figure__box.box02 {
  margin-right: 3%;
}

.figure__row.row02 .figure__box.box01 figure {
  max-width: 150px;
  margin: 0 auto;
}

.figure__row.row02 .figure__box.box01 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.figure__row.row02 .figure__box.box01 ul li {
  width: 50%;
}

/*
.figure__row.row02 .figure__box.box01 ul li:first-of-type{
    margin-right: 20px;
}
*/
.figure__row.row02 .figure__box.box01 ul li p {
  font-size: 2rem;
  font-weight: bold;
}

.figure__row.row02 .figure__box.box01 ul li:nth-of-type(2) {
  text-align: right;
}

div.motion-circle.effect-before.effect-scroll {
  position: relative;
  width: 150px;
  height: 150px;
  background: #0a5096;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  margin: 20px auto 0 auto;
}

div.motion-circle.effect-before.effect-scroll::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -75px;
  width: 150px;
  height: 150px;
  background: #00a0ff;
  transform-origin: right 75px;
  z-index: 2;
  animation: rotate-circle-left 0.6s ease-in 0.7s 1 forwards;
}

div.motion-circle.effect-before.effect-scroll::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 75px;
  width: 150px;
  height: 150px;
  background: #00a0ff;
  transform-origin: left 75px;
  z-index: 3;
  animation: rotate-circle-right 0.6s ease-in 0.7s 1 forwards;
}

/*
@keyframes rotate-circle-right {
    0%   {
        transform: rotate(0deg);
        background: #00a0ff;
    }
    50%  {
        transform: rotate(180deg);
        background: #00a0ff;
    }
    50.01% {
        transform: rotate(360deg);
        background: #0a5096;
    }
    100% {
        transform: rotate(360deg);
        background: #0a5096;
    }
}

@keyframes rotate-circle-left {
    0%   { transform: rotate(0deg); }
    50%  { transform: rotate(0deg); }
    63%  {transform: rotate(63deg);}
    100% { transform: rotate(63deg); }
}
*/
/*
p.clerk-percentage{
    position: absolute;
    top:25%;
    left: 18%;
    font-family: "Renner*";
    font-weight: normal;
    font-size: 1.8rem;
    color: #fff;
    z-index: 10;
}

p.sales-percentage{
    position: absolute;
    bottom:25%;
    right: 18%;
    font-family: "Renner*";
    font-weight: normal;
    font-size: 1.8rem;
    color: #fff;
    z-index: 10;

}
p.clerk-percentage.effect-before,
p.sales-percentage.effect-before{
     opacity : 0;
     transition : all 0.3s ease-in .8s;
}
p.clerk-percentage.effect-before.effect-scroll,
p.sales-percentage.effect-before.effect-scroll{
    opacity : 1;
    transition : all 0.3s ease-in .8s;
}
*/
.motion-circle + ul {
  margin-bottom: 4px !important;
}

p.p--deco-sales,
p.p--deco-office {
  font-size: 3rem;
}

p.p--deco-sales span,
p.p--deco-office span {
  font-size: 7rem;
  font-weight: 500;
  font-family: "Renner*";
}

p.p--deco-employees {
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
  padding-top: 20px;
}

p.p--deco-employees small {
  font-size: 2rem;
  vertical-align: text-top;
}

p.p--deco-employees span {
  font-weight: 500;
  font-family: "Renner*";
  font-size: 8rem;
}

.gender-ratio {
  display: flex;
  width: 100%;
  height: 42px;
  margin-bottom: 20px;
  background: #f0810f;
  border-radius: 42px;
  color: white;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  line-height: 42px;
}

.gender-ratio + ul {
  margin-bottom: 10px !important;
}

.figure__row.row02 .figure__box.box02 figure {
  width: 100%;
}

.figure__row.row02 .figure__box.box02 ul {
  width: 98%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.figure__row.row02 .figure__box.box02 ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 50%;
}

.figure__row.row02 .figure__box.box02 ul li:first-of-type div {
  width: 45px;
  margin-right: 10px;
}

.figure__row.row02 .figure__box.box02 ul li:nth-of-type(2) div {
  width: 54px;
  margin-left: 10px;
}

.figure__row.row02 .figure__box.box02 ul li div img {
  width: 100%;
}

.figure__row.row02 .figure__box.box03 {
  position: relative;
}

.figure__row.row02 .figure__box.box03 dl {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 40px);
  box-sizing: border-box;
  margin: auto;
}

.figure__row.row02 .figure__box.box03 dt {
  font-size: 2.8rem;
  font-weight: bold;
  padding-top: 5%;
}

.figure__row.row02 .figure__box.box03 dt span {
  font-size: 11rem;
  font-family: "Renner*";
  font-weight: 500;
}

.figure__row.row02 .figure__box.box03 dd {
  font-size: 1.6rem;
  font-weight: normal;
  text-align: left;
}

p.p--deco-sex {
  width: 100%;
  font-size: 2.5rem;
  font-family: "Renner*";
  font-weight: 500;
}

p.p--deco-sex span {
  font-size: 5rem;
}

p.p--deco-sex.woman {
  text-align: right;
}

.figure__row.row03 .figure__box.box01 {
  margin-right: 3%;
}

.figure__row.row03 .figure__box {
  flex: 1;
}

.sales-table__wrapper {
  position: relative;
}

.sales-table__wrapper > p {
  width: 15px;
  height: 100%;
  background: url(./img/img_wave.png) repeat-y;
  position: absolute;
  top: 0;
  left: 35%;
}

.sales-table,
.employees-table {
  width: 100%;
}

.sales-table th,
.employees-table th {
  width: 30%;
  padding-right: 1%;
  font-size: 1.4rem;
}

.sales-table td,
.employees-table td {
  width: 70%;
}

.sales-table td div {
  background-color: #00b4aa;
  padding: 10px 0;
  margin: 10px 0;
  height: 55px;
  /*    box-sizing: border-box;*/
}

.sales-table td div.sales-graph.effect-before {
  width: 0;
  /*    transition-duration: 1s;*/
}

.sales-table td div.sales-graph.effect-before.effect-scroll {
  transition: all 0.5s ease-in 0.5s;
}

/*
.sales-table td div.sales-graph01.effect-before.effect-scroll{
    width: 72.7%;
}
.sales-table td div.sales-graph02.effect-before.effect-scroll{
    width: 50%;
}
.sales-table td div.sales-graph03.effect-before.effect-scroll{
    width: 84%;
}
.sales-table td div.sales-graph04.effect-before.effect-scroll{
    width: 92.7%;
}
.sales-table td div.sales-graph05.effect-before.effect-scroll{
    width: 100%;
}
*/
.sales-table td div p.p-sales-graph.effect-before {
  color: #fff;
  font-size: 3.5rem;
  font-family: "Renner*";
  font-weight: 500;
  text-align: right;
  opacity: 0;
  padding: 0 10px;
}

.sales-table td div p.p-sales-graph.effect-before.effect-scroll {
  opacity: 1;
  transition: all 0.5s ease-in 0.5s;
}

.employees-table td div {
  background-color: #00a0ff;
  padding: 10px 0;
  margin: 10px 0;
  height: 55px;
}

.employees-table td div.employees-graph.effect-before {
  width: 0;
}

.employees-table td div.employees-graph.effect-before.effect-scroll {
  transition: all 0.5s ease-in 0.5s;
}

.employees-table td div p.p-employees-graph.effect-before {
  color: #fff;
  font-size: 3.5rem;
  font-family: "Renner*";
  font-weight: 500;
  text-align: right;
  opacity: 0;
  padding: 0 10px;
}

.employees-table td div p.p-employees-graph.effect-before.effect-scroll {
  opacity: 1;
  transition: all 0.5s ease-in 0.5s;
}

/*
.employees-table td div.employees-graph01.effect-before.effect-scroll{
    width:84.8%;
}
.employees-table td div.employees-graph02.effect-before.effect-scroll{
    width: 86%;
}
.employees-table td div.employees-graph03.effect-before.effect-scroll{
    width: 100%;
}
.employees-table td div.employees-graph04.effect-before.effect-scroll{
    width: 97.6%;
}
.employees-table td div.employees-graph05.effect-before.effect-scroll{
    width: 98%;
}
*/
.figure__row.row04 .figure__box.box01,
.figure__row.row04 .figure__box.box02 {
  margin-right: 3%;
}

.figure__row.row04 .figure__box {
  flex: 1;
}

.figure__row.row04 .figure__box.box02 {
  position: relative;
}

.figure__row.row04 .figure__box.box02 dl {
  width: 100%;
}

.figure__row.row05 .figure__box {
  flex: 1;
}

.figure__row.row05 .figure__box.box01 {
  margin-right: 3%;
}

.figure__row.row05 .figure__box.box01 dl dt,
.figure__row.row05 .figure__box.box02 dl dt {
  font-size: 3rem;
  font-weight: bold;
  padding-top: 5%;
}

.figure__row.row05 .figure__box.box01 dl dt span,
.figure__row.row05 .figure__box.box02 dl dt span {
  font-size: 11.5rem;
  font-family: "Renner*";
  font-weight: 500;
}

.figure__row.row05 .figure__box.box01 dl dd p,
.figure__row.row05 .figure__box.box02 dl dd p {
  font-size: 1.6rem;
  font-weight: normal;
  text-align: left;
}

.figure__row.row05 .figure__box.box01 dl dd p {
  padding-top: 1.6rem;
}

.figure__row.row05 .figure__box.box02 dl dd p {
  padding-top: 5.2rem;
}

.figure__row.row05 .figure__box.box01 dl dd p.txt--center {
  text-align: center;
}

@media screen and (max-width: 1199px) {
  section#business-figure {
    padding: 8% 2%;
  }
  .figure__box dl dd span.txt--large {
    font-size: 8rem;
  }
}

@media screen and (max-width: 1025px) {
  .figure__box {
    padding: 25px 10px;
  }
  .figure__row.row01 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .figure__row.row01 .figure__box.box01,
  .figure__row.row01 .figure__box.box02 {
    margin-bottom: 3%;
    width: 48.5%;
  }
  .figure__row.row01 .figure__box.box02 {
    margin-right: 0;
  }
  .figure__row.row01 .figure__box.box03 {
    width: 100%;
  }
  p.p--deco-sales span, p.p--deco-office span {
    font-size: 5rem;
  }
  p.p--deco-employees span {
    font-size: 5rem;
  }
  p.p--deco-sex span {
    font-size: 3rem;
  }
  .figure__row.row02 .figure__box.box03 dt span {
    font-size: 7rem;
  }
  .sales-table td div,
  .employees-table td div {
    height: 45px;
  }
  .sales-table td div p.p-sales-graph.effect-before,
  .employees-table td div p.p-employees-graph.effect-before {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 767px) {
  .figure__box {
    padding: 25px 16px;
  }
  .figure__box dl dd span.txt--large {
    font-size: 9.4rem;
  }
  .figure__box > ul dl dd span.txt--large {
    font-size: 5rem;
  }
  .figure__row.row02 {
    display: block;
  }
  .figure__row.row02 .figure__box {
    margin-bottom: 3%;
  }
  .figure__row.row02 .figure__box.box01 {
    width: 100%;
  }
  .figure__row.row02 .figure__box.box02 {
    width: 100%;
  }
  .figure__row.row02 .figure__box.box03 {
    width: 100%;
  }
  .figure__row.row02 .figure__box.box01 figure {
    max-width: 400px;
    width: 70%;
  }
  p.p--deco-sales span,
  p.p--deco-office span {
    font-size: 7rem;
  }
  .figure__row.row02 .figure__box.box03 dl {
    position: static;
    transform: translateY(0) translateX(0);
    -webkit-transform: translateY(0) translateX(0);
  }
  .figure__row.row03 {
    display: block;
  }
  .figure__row.row03 .figure__box.box01 {
    margin-right: 0;
    margin-bottom: 3%;
  }
  .sales-table th, .employees-table th {
    width: 20%;
  }
  .sales-table th span, .employees-table th span {
    font-size: 1.1rem;
  }
  .figure__row.row04 {
    display: block;
  }
  .figure__row.row04 .figure__box.box01,
  .figure__row.row04 .figure__box.box02 {
    margin-right: 0;
    margin-bottom: 3%;
  }
  .figure__row.row04 .figure__box.box02 dl {
    position: static;
    transform: translateY(0) translateX(0);
    -webkit-transform: translateY(0) translateX(0);
  }
  .figure__row.row05 {
    display: block;
  }
  .figure__row.row05 .figure__box.box01 {
    margin-right: 0;
    margin-bottom: 3%;
  }
  .figure__row.row05 .figure__box.box01 p {
    position: static;
    transform: translateY(0) translateX(0);
    -webkit-transform: translateY(0) translateX(0);
  }
  .figure__row.row05 .figure__box.box01 dl dt span,
  .figure__row.row05 .figure__box.box02 dl dt span {
    font-size: 9.4rem;
  }
  .figure__row.row05 .figure__box.box02 dl dd p {
    padding-top: 1.6rem;
  }
}

@media screen and (max-width: 415px) {
  .figure__box dl dd {
    font-size: 2rem;
    width: 100%;
    word-break: break-all;
  }
  .figure__box > ul dl dd span.figure__span--nowrap {
    font-size: 3.7rem;
    white-space: nowrap;
  }
}

@media screen and (max-width: 380px) {
  .figure__box dl dd span.txt--large {
    font-size: 7rem;
  }
  /*
    .figure__box>ul dl dd span.figure__span--nowrap{
        font-size: 3.7rem;
        white-space: nowrap;
    }
*/
  .figure__box > ul dl dd span.figure__span--small {
    font-size: 2rem;
    font-weight: bold;
  }
  p.p--deco-sales span, p.p--deco-office span {
    font-size: 5rem;
  }
  .sales-table th, .employees-table th {
    width: 30%;
  }
  .figure__row.row05 .figure__box.box01 dl dt span,
  .figure__row.row05 .figure__box.box02 dl dt span {
    font-size: 7rem;
  }
  .figure__row.row05 .figure__box.box01 dl dt small {
    font-size: 2rem;
  }
  .sales-table td div p.p-sales-graph.effect-before,
  .employees-table.effect-before p {
    font-size: 1.8rem;
    padding-top: 5px;
  }
}

@media screen and (max-width: 325px) {
  .figure__box dl dd {
    font-size: 1.6rem;
    width: 100%;
  }
  .figure__box > ul dl dd span {
    font-size: 3rem;
  }
  .figure__box > ul dl dd span.figure__span--nowrap {
    font-size: 3rem;
    white-space: nowrap;
  }
  .figure__box > ul dl dd span.figure__span--small {
    font-size: 1.6rem;
    font-weight: bold;
  }
}

/*20210413*/

.keyword__box::after,
.figure__box::after{
  display: inline-block;
  color: #fff;
  font-size: 14px;
  text-align: end;
  padding: 10px 10px 6px;
  position: absolute;
  bottom: 25px;
  right: 20px;
  max-width: calc(100% - 40px);
}

.keyword__row:nth-of-type(2) .keyword__box,
.keyword__row:nth-of-type(3) .keyword__box,
.keyword__row:nth-of-type(4) .keyword__box:nth-of-type(1){
  position: relative;
  padding: 25px 20px 80px;
}

.keyword__row:nth-of-type(2) .keyword__box:nth-of-type(1)::after{
  content: "株式会社クワザワ";
  background: #1dc400;
}

.keyword__row:nth-of-type(2) .keyword__box:nth-of-type(2)::after{
  content: "株式会社クワザワ";
  background: #1dc400;
}

.keyword__row:nth-of-type(3) .keyword__box::after{
  content: "クワザワホールディングス株式会社";
  background: #191e78;
}

.keyword__row:nth-of-type(4) .keyword__box:nth-of-type(1)::after{
  content: "株式会社クワザワ";
  background: #1dc400;
}

.figure__row:nth-of-type(1) .figure__box:nth-of-type(1),
.figure__row:nth-of-type(1) .figure__box:nth-of-type(2),
.figure__row:nth-of-type(1) .figure__box:nth-of-type(3){
  position: relative;
  padding: 25px 20px 80px;
}

.figure__row:nth-of-type(3) .figure__box:nth-of-type(1){
	position: relative;
	padding: 25px 20px 100px;
}

.figure__row:nth-of-type(1) .figure__box:nth-of-type(3)::after{
  content: "株式会社クワザワ";
  background: #1dc400;
}

.figure__row:nth-of-type(1) .figure__box:nth-of-type(2)::after{
  content: "クワザワホールディングス株式会社";
  background: #191e78;
  font-size: 10px;
  padding: 12px 10px 10px;
}

.figure__row:nth-of-type(3) .figure__box:nth-of-type(1)::after{
  content: "クワザワホールディングス株式会社";
  background: #191e78;
}

.sales-note{
	display: block;
	font-size: 13px;
	width: 45%;
	position: absolute;
	left: 20px;
	bottom: 25px;
}

@media screen and (max-width:1240px){
  .keyword__row:nth-of-type(2) .keyword__box,
  .keyword__row:nth-of-type(3) .keyword__box,
  .keyword__row:nth-of-type(4) .keyword__box{
    padding: 25px 10px 80px;
  }
  .keyword__box::after{
    right: 10px;
    max-width: calc(100% - 20px);
  }
}

@media screen and (max-width:1199px){
  .keyword__row:nth-of-type(2) .keyword__box,
  .keyword__row:nth-of-type(3) .keyword__box,
  .keyword__row:nth-of-type(4) .keyword__box{
    padding: 25px 20px 80px;
  }
  .keyword__box::after{
    right: 20px;
    max-width: calc(100% - 40px);
  }
  .sales-note{
	  margin-top: 20px;
	  width: 100%;
	  position: static;
  }
  .figure__row:nth-of-type(3) .figure__box:nth-of-type(1){
	  position: relative;
	  padding: 25px 20px 80px;
  }
}

@media screen and (max-width:1025px){
  .figure__row:nth-of-type(1) .figure__box:nth-of-type(1),
  .figure__row:nth-of-type(1) .figure__box:nth-of-type(2),
  .figure__row:nth-of-type(1) .figure__box:nth-of-type(3),
  .figure__row:nth-of-type(3) .figure__box:nth-of-type(1){
    padding: 25px 10px 80px;
  }
  .figure__box::after{
    right: 10px;
    max-width: calc(100% - 20px);
  }
  .figure__row:nth-of-type(1) .figure__box:nth-of-type(2)::after{
    font-size: 14px;
    padding: 10px 10px 6px;
  }
}

@media screen and (max-width:767px){
  .figure__row:nth-of-type(1) .figure__box:nth-of-type(1),
  .figure__row:nth-of-type(1) .figure__box:nth-of-type(2),
  .figure__row:nth-of-type(1) .figure__box:nth-of-type(3),
  .figure__row:nth-of-type(3) .figure__box:nth-of-type(1){
    padding: 25px 16px 80px;
  }
  .figure__box::after{
    right: 16px;
    max-width: calc(100% - 32px);
    font-size: 11px;
  }
  .keyword__box::after{
    font-size: 11px;
  }
  .figure__row:nth-of-type(1) .figure__box:nth-of-type(2)::after{
    font-size: 11px;
  }
}