.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clearfix:before {
  content: "";
  display: block;
  clear: both;
}

.clearfix {
  display: block;
}

.p-sumai100__function--ttl {
  font-size: 2.2rem;
  font-weight: normal;
  text-align: center;
  margin: 50px auto 20px auto;
  padding-bottom: 10px;
  border-bottom: 1px solid #707070;
}

@media screen and (max-width: 767px) {
  .p-sumai100__function--ttl {
    font-size: 4.69361vw;
    margin: 30px auto 15px auto;
  }
}
.p-sumai100__contents {
  font-size: 1.4rem;
  line-height: 1.5;
  max-width: 960px;
}

@media screen and (max-width: 767px) {
  .p-sumai100__contents {
    font-size: 3.733vw;
  }
}
.p-sumai100__contents .p-sumai100-txt--small {
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .p-sumai100__contents .p-sumai100-txt--small {
    font-size: 2.34681vw;
  }
}
@media screen and (max-width: 767px) {
  .p-sumai100__contents img {
    width: 100%;
  }
}
.p-sumai100__linkarea {
  margin-bottom: 80px;
}

.p-sumai100__linkarea ul li {
  width: calc(25% - 15px);
  float: left;
  margin-right: 20px;
  background: #BAAFA6;
  border: 1px solid #BAAFA6;
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.3;
}

@media screen and (min-width: 767px) {
  .p-sumai100__linkarea ul li:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-sumai100__linkarea {
    margin-bottom: 35px;
  }

  .p-sumai100__linkarea ul li {
    width: calc(50% - 10px);
    font-size: 3.733vw;
    margin-bottom: 15px;
  }

  .p-sumai100__linkarea ul li:nth-child(2n) {
    margin-right: 0;
  }
}
.p-sumai100__linkarea ul li:hover:before {
  border-top: 1px solid #BAAFA6;
  border-right: 1px solid #BAAFA6;
}

.p-sumai100__linkarea ul li a:hover {
  color: #BAAFA6;
  background-color: #fff;
}

.p-sumai100__linkarea ul li a {
  padding: 2rem 0;
  display: block;
}

.p-sumai100__linkarea ul li:nth-child(2) a {
  padding: 0.8rem 0;
}

.p-sumai100__arw {
  position: relative;
}

.p-sumai100__arw:before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  right: 10px;
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.p-sumai100__function--item {
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0 90px 0;
}

@media screen and (max-width: 767px) {
  .p-sumai100__function--item {
    margin: 25px 0 40px 0;
  }
}
.p-sumai100__function--item li {
  width: 112px;
  margin: 0 4px 8px 4px;
}

@media screen and (max-width: 767px) {
  .p-sumai100__function--item li {
    width: calc(33.3% - 8px);
  }
}
.p-sumai100__function--item li img {
  width: 100%;
  vertical-align: bottom;
}

.p-sumai100__function--item li div {
  text-align: center;
  color: #ffffff;
  background-color: #646464;
  padding: 5px 0;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .p-sumai100__function--item li div {
    font-size: 2.86832vw;
  }
}
.p-sumai100__function--sttl {
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.p-sumai100__function01 .p-sumai100__function--sttl {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .p-sumai100__function01 .p-sumai100__function--sttl {
    display: block;
  }
}
.p-sumai100__function--sttl h3 {
  display: inline;
  vertical-align: middle;
  font-size: 3.8rem;
  font-weight: normal;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .p-sumai100__function--sttl h3 {
    font-size: 8vw;
    display: block;
  }
}
.p-sumai100__function--sttl .p-sumai100__function--copy {
  line-height: 1.6;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .p-sumai100__function--sttl .p-sumai100__function--copy {
    margin-top: 10px 0;
    font-size: 3.733vw;
  }
}
.p-sumai100__function--f10 {
  font-size: 1rem;
  line-height: 1.5;
}

.p-sumai100__function--f12 {
  font-size: 1.2rem;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .p-sumai100__function--f10 {
    font-size: 2.667vw;
  }

  .p-sumai100__function--f12 {
    font-size: 3.2vw;
  }
}
.p-sumai100__table--w10 {
  width: 10%;
}

.p-sumai100__table--w20 {
  width: 20%;
}

.p-sumai100__table--w30 {
  width: 30%;
}

.p-sumai100__table--w35 {
  width: 35%;
}

.p-sumai100__table--w40 {
  width: 40%;
}

.p-sumai100__table--w50 {
  width: 50%;
}

.p-sumai100__table--w60 {
  width: 60%;
}

.p-sumai100__table--w70 {
  width: 70%;
}

.p-sumai100-ico--disc {
  color: #60b99d;
}

.p-sumai100__table--bg {
  background-color: #CBD4D9;
}

.p-sumai100-txt--att {
  background-color: #759098;
  color: #fff;
  display: inline-block;
  margin-bottom: 5px;
  padding: 0 5px;
}

@media screen and (max-width: 767px) {
  .p-sumai100-txt--att {
    padding: 0 3px;
  }
}
.p-sumai100__function--txt {
  margin-bottom: 7px;
}

.p-sumai100__function--ssttl {
  font-size: 2rem;
  border-left: 7px solid #547E86;
  padding-left: 7px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .p-sumai100__function--ssttl {
    font-size: 5.333vw;
    margin-bottom: 10px;
  }
}
.p-sumai100__function--inner {
  margin-left: 15px;
}

/* p-sumai100__function01 */
.p-sumai100__function01--att {
  color: #E5002B;
}

.p-sumai100__function01--att dt {
  font-size: 1.8rem;
  background: url(../img/ico-function01.png) no-repeat left center;
  padding: 5px 0 5px 45px;
}

.p-sumai100__function01--att dd {
  margin: 0 0 10px 45px;
}

@media screen and (min-width: 767px) {
  .p-sumai100__function01--box {
    display: flex;
  }

  .p-sumai100__function01Con--left {
    width: 500px;
  }

  .p-sumai100__function01Con--right {
    width: 460px;
  }

  .p-sumai100__function01--img {
    display: flex;
    justify-content: space-between;
  }

  .p-sumai100__function01--img img {
    width: 200px;
  }
}
@media screen and (max-width: 767px) {
  .p-sumai100__function01--img img {
    width: 80%;
    height: auto;
    margin: 0 auto 30px auto;
  }

  .p-sumai100__function01--att dt {
    font-size: 4.8vw;
  }
}
/* p-sumai100__function02 */
.p-sumai100__function--table02 {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  margin-bottom: 10px;
}

.p-sumai100__function--table02 th {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  background-color: #83A0AA;
  color: #fff;
  font-weight: normal;
  padding: 10px;
  vertical-align: middle;
  font-size: 1.3rem;
}

.p-sumai100__function--table02 td {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  padding: 10px;
  vertical-align: middle;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .p-sumai100__function--table02 td.p-sumai100__function--tdImg {
    padding: 5px;
  }

  .p-sumai100__function--table02 th {
    font-size: 3.467vw;
  }

  .p-sumai100__function--table02 td {
    font-size: 3.2vw;
  }
}
.p-sumai100__function02--list {
  display: flex;
  justify-content: space-between;
}

.p-sumai100__function02--list {
  font-size: 1.3rem;
}

.p-sumai100__function02--list span {
  float: right;
}

@media screen and (min-width: 767px) {
  .p-sumai100__function02--box--in {
    display: flex;
  }

  .p-sumai100__function02Con {
    width: 460px;
  }

  .p-sumai100__function02--list ul {
    margin-left: 40px;
  }
}
@media screen and (max-width: 767px) {
  .p-sumai100__function02--list ul {
    margin-left: 15px;
  }

  .p-sumai100__function02--list {
    font-size: 3.467vw;
  }
}
/* p-sumai100__function03 */
.p-sumai100__function03--list2 {
  display: flex;
  justify-content: space-between;
}

.p-sumai100__function03--list div {
  background-color: #63A7AA;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  border-radius: 3px;
  padding: 30px 0;
  margin-bottom: 10px;
}

.p-sumai100__function03--list2 div {
  text-align: center;
  color: #ffffff;
  background-color: #63A7AA;
  font-size: 1.6rem;
}

.p-sumai100__function03--list2 li:first-child div {
  background-color: #9FA4A6;
}

.p-sumai100__function03--box2 {
  display: flex;
}

.p-sumai100__function03--box2 p {
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .p-sumai100__function03--list div {
    padding: 10px 0;
    font-size: 4.8vw;
  }

  .p-sumai100__function03--list li {
    margin-bottom: 20px;
  }

  .p-sumai100__function03--list2 li {
    margin-bottom: 30px;
  }

  .p-sumai100__function03--list2 li:first-child {
    margin-right: 10px;
  }

  .p-sumai100__function03--list2 div {
    font-size: 4.267vw;
  }
}
@media screen and (min-width: 767px) {
  .p-sumai100__function03--list {
    display: flex;
    justify-content: space-between;
  }

  .p-sumai100__function03--box {
    display: flex;
  }

  .p-sumai100__function03Con {
    width: 350px;
    margin-right: 60px;
  }

  .p-sumai100__function03--list li {
    width: 280px;
  }
}
.p-sumai100__function--table03 {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  margin-bottom: 10px;
  font-size: 1.3rem;
}

.p-sumai100__function--table03 th {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  background-color: #979D9B;
  color: #fff;
  font-weight: normal;
  padding: 10px;
  vertical-align: middle;
}

.p-sumai100__function--table03 td {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  padding: 10px;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .p-sumai100__function--table03 td.p-sumai100__function--tdImg {
    padding: 5px;
  }

  .p-sumai100__function--table03 {
    font-size: 3.467vw;
  }
}
/* function04 */
.p-sumai100__function04--list img {
  float: left;
  margin-right: 10px;
  width: 80px;
}

.p-sumai100__function04--list span {
  font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
  .p-sumai100__function04--list {
    margin-bottom: 30px;
  }

  .p-sumai100__function04--list li {
    display: flex;
    align-items: flex-start;
  }

  .p-sumai100__function04--list li :first-child {
    margin-right: 7px;
  }

  .p-sumai100__function04--list img {
    width: 70px;
    height: 70px;
    margin-right: 7px;
  }

  .p-sumai100__function04--list span {
    font-size: 4vw;
  }
}
@media screen and (min-width: 767px) {
  .p-sumai100__function04--box {
    display: flex;
  }

  .p-sumai100__function04--box .p-sumai100__function04--table {
    width: 60%;
  }

  .p-sumai100__function04--box .p-sumai100__function04--list {
    width: 40%;
    margin-left: 40px;
  }

  .p-sumai100__function04--box .p-sumai100__function04--list li {
    margin-bottom: 30px;
  }

  .p-sumai100__function04--box .p-sumai100__function04--list li img {
    float: left;
    margin-right: 25px;
  }
}
.p-sumai100__function04--table table {
  text-align: center;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  width: 100%;
}

.p-sumai100__function04--table table th {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  background-color: #83A0AA;
  vertical-align: middle;
  padding: 6px 10px;
  color: #ffffff;
  font-size: 1.3rem;
}

.p-sumai100__function04--table table td {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  vertical-align: middle;
  padding: 6px 10px;
  font-size: 1.3rem;
}

.p-sumai100__function04--table table td.p-sumai100__function04--tableBg {
  background-color: #CBD4D9;
}

@media screen and (max-width: 767px) {
  .p-sumai100__function04--table table th {
    font-size: 3.467vw;
  }

  .p-sumai100__function04--table table td {
    font-size: 3.467vw;
  }
}
.u-mt1 {
  margin-top: 1px;
}

.u-mt2 {
  margin-top: 2px;
}

.u-mt3 {
  margin-top: 3px;
}

.u-mt4 {
  margin-top: 4px;
}

.u-mt5 {
  margin-top: 5px;
}

.u-mt6 {
  margin-top: 6px;
}

.u-mt7 {
  margin-top: 7px;
}

.u-mt8 {
  margin-top: 8px;
}

.u-mt9 {
  margin-top: 9px;
}

.u-mt10 {
  margin-top: 10px;
}

.u-mt11 {
  margin-top: 11px;
}

.u-mt12 {
  margin-top: 12px;
}

.u-mt13 {
  margin-top: 13px;
}

.u-mt14 {
  margin-top: 14px;
}

.u-mt15 {
  margin-top: 15px;
}

.u-mt16 {
  margin-top: 16px;
}

.u-mt17 {
  margin-top: 17px;
}

.u-mt18 {
  margin-top: 18px;
}

.u-mt19 {
  margin-top: 19px;
}

.u-mt20 {
  margin-top: 20px;
}

.u-mt21 {
  margin-top: 21px;
}

.u-mt22 {
  margin-top: 22px;
}

.u-mt23 {
  margin-top: 23px;
}

.u-mt24 {
  margin-top: 24px;
}

.u-mt25 {
  margin-top: 25px;
}

.u-mt26 {
  margin-top: 26px;
}

.u-mt27 {
  margin-top: 27px;
}

.u-mt28 {
  margin-top: 28px;
}

.u-mt29 {
  margin-top: 29px;
}

.u-mt30 {
  margin-top: 30px;
}

.u-mt31 {
  margin-top: 31px;
}

.u-mt32 {
  margin-top: 32px;
}

.u-mt33 {
  margin-top: 33px;
}

.u-mt34 {
  margin-top: 34px;
}

.u-mt35 {
  margin-top: 35px;
}

.u-mt36 {
  margin-top: 36px;
}

.u-mt37 {
  margin-top: 37px;
}

.u-mt38 {
  margin-top: 38px;
}

.u-mt39 {
  margin-top: 39px;
}

.u-mt40 {
  margin-top: 40px;
}

.u-mt41 {
  margin-top: 41px;
}

.u-mt42 {
  margin-top: 42px;
}

.u-mt43 {
  margin-top: 43px;
}

.u-mt44 {
  margin-top: 44px;
}

.u-mt45 {
  margin-top: 45px;
}

.u-mt46 {
  margin-top: 46px;
}

.u-mt47 {
  margin-top: 47px;
}

.u-mt48 {
  margin-top: 48px;
}

.u-mt49 {
  margin-top: 49px;
}

.u-mt50 {
  margin-top: 50px;
}

.u-mt51 {
  margin-top: 51px;
}

.u-mt52 {
  margin-top: 52px;
}

.u-mt53 {
  margin-top: 53px;
}

.u-mt54 {
  margin-top: 54px;
}

.u-mt55 {
  margin-top: 55px;
}

.u-mt56 {
  margin-top: 56px;
}

.u-mt57 {
  margin-top: 57px;
}

.u-mt58 {
  margin-top: 58px;
}

.u-mt59 {
  margin-top: 59px;
}

.u-mt60 {
  margin-top: 60px;
}

.u-mt61 {
  margin-top: 61px;
}

.u-mt62 {
  margin-top: 62px;
}

.u-mt63 {
  margin-top: 63px;
}

.u-mt64 {
  margin-top: 64px;
}

.u-mt65 {
  margin-top: 65px;
}

.u-mt66 {
  margin-top: 66px;
}

.u-mt67 {
  margin-top: 67px;
}

.u-mt68 {
  margin-top: 68px;
}

.u-mt69 {
  margin-top: 69px;
}

.u-mt70 {
  margin-top: 70px;
}

.u-mt71 {
  margin-top: 71px;
}

.u-mt72 {
  margin-top: 72px;
}

.u-mt73 {
  margin-top: 73px;
}

.u-mt74 {
  margin-top: 74px;
}

.u-mt75 {
  margin-top: 75px;
}

.u-mt76 {
  margin-top: 76px;
}

.u-mt77 {
  margin-top: 77px;
}

.u-mt78 {
  margin-top: 78px;
}

.u-mt79 {
  margin-top: 79px;
}

.u-mt80 {
  margin-top: 80px;
}

.p-sumai100-23 {
  line-height: 21px;
}
.p-sumai100-23__anchor-wrapper {
  margin-bottom: 60px;
}

.p-sumai100-23__anchor-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .p-sumai100-23__anchor-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.p-sumai100-23__anchor-link {
  display: flex;
  border: 3px solid #F3994F;
}
.p-sumai100-23__anchor-link.--color-green {
  border: 3px solid #66BF97;
}
.p-sumai100-23__anchor-link.--color-green .p-sumai100-23__anchor-text {
  color: #66BF97;
  background: #F3F9F6;
}
.p-sumai100-23__anchor-link.--color-blue {
  border: 3px solid #8D93C8;
}
.p-sumai100-23__anchor-link.--color-blue .p-sumai100-23__anchor-text {
  color: #8D93C8;
  background: #F5F5FB;
}
.p-sumai100-23__anchor-link img {
  margin-top: -1px;
  margin-left: -1px;
  margin-bottom: -1px;
}
@media screen and (max-width: 767px) {
  .p-sumai100-23__anchor-link img {
    max-width: 44px;
  }
}

.p-sumai100-23__anchor-text {
  color: #F3994F;
  font-family: Inder;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 10px;
  background: #FEF7EF;
  width: 100%;
  min-height: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-sumai100-23__anchor-text {
    font-size: 14px;
  }
}

.p-sumai100-23__headingLv2 {
  font-size: 38px;
  padding: 30px;
  text-align: center;
  border-radius: 20px 20px 0 0;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-sumai100-23__headingLv2 {
    font-size: 18px;
  }
}
.p-sumai100-23__headingLv2.--orange {
  background: #F3994F;
}
.p-sumai100-23__headingLv2.--green {
  background: #66BF97;
}
.p-sumai100-23__headingLv2.--blue {
  background: #8D93C8;
}

.p-sumai100-23-section:not(:first-child) {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .p-sumai100-23-section:not(:first-child) {
    margin-top: 60px;
  }
}
.p-sumai100-23-section:last-child .p-sumai100-23__border:last-child {
  border-bottom: none;
}
.p-sumai100-23__border {
  padding-bottom: 50px;
  border-bottom: 1px solid #707070;
}

.p-sumai100-23__contents-wrapper {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.p-sumai100-23__content {
  margin-top: -56px;
  padding-top: 56px;
}
@media screen and (max-width: 767px) {
  .p-sumai100-23__content {
    margin-top: -31px;
    padding-top: 31px;
  }
}

.p-sumai100-23__title-wapper {
  margin-top: 50px;
  margin-bottom: 30px;
}
.p-sumai100-23__title-wapper.--flex {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-sumai100-23__title-wapper.--flex {
    flex-direction: column;
    justify-content: initial;
    align-items: center;
  }
}
.p-sumai100-23__title-wapper.--flex picture {
  max-width: 300px;
}

.p-sumai100-23__headingLv3 {
  display: inline-flex;
  border: 3px solid #F3994F;
  min-width: 300px;
}
.p-sumai100-23__headingLv3.--color-green {
  border: 3px solid #66BF97;
}
.p-sumai100-23__headingLv3.--color-green .p-sumai100-23__headingLv3-text {
  color: #66BF97;
  background: #F3F9F6;
}
.p-sumai100-23__headingLv3.--color-blue {
  border: 3px solid #8D93C8;
}
.p-sumai100-23__headingLv3.--color-blue .p-sumai100-23__headingLv3-text {
  color: #8D93C8;
  background: #F5F5FB;
}
.p-sumai100-23__headingLv3 img {
  margin-top: -1px;
  margin-left: -1px;
  margin-bottom: -1px;
}
@media screen and (max-width: 767px) {
  .p-sumai100-23__headingLv3 img {
    max-width: 44px;
  }
}
@media screen and (max-width: 767px) {
  .p-sumai100-23__headingLv3 {
    width: 100%;
  }
}

.p-sumai100-23__headingLv3-text {
  color: #F3994F;
  font-family: Inder;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 10px;
  background: #FEF7EF;
  width: 100%;
  min-height: 100%;
  display: flex;
  align-items: center;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .p-sumai100-23__headingLv3-text {
    font-size: 18px;
  }
}

.p-sumai100-23__sub-title {
  color: #F3994F;
  font-family: Inder;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
}
.p-sumai100-23__sub-title.--color-green {
  color: #66BF97;
}
.p-sumai100-23__sub-title.--color-blue {
  color: #8D93C8;
}
@media screen and (max-width: 767px) {
  .p-sumai100-23__sub-title {
    font-size: 16px;
  }
}

.p-sumai100-23__text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.p-sumai100-23__text.--caution {
  color: #E5002B;
}
.p-sumai100-23__text.--caution span {
  background: url(../img/ico-function01.png) no-repeat left center;
  padding-left: 40px;
  display: block;
  font-size: 18px;
  font-weight: bold;
  min-height: 30px;
}
.p-sumai100-23__text span.is-bgc-gray {
  background-color: #646464;
  color: #fff;
  display: inline-block;
  margin-bottom: 5px;
  padding: 0 10px;
  font-size: 14px;
  margin-bottom: 5px;
}
.u-align--flex-center {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .u-align--flex-center.--sp-column {
    flex-direction: column;
  }
}
.u-align--flex-center .p-sumai100__function--table03 {
  width: 80%;
}
@media screen and (max-width: 767px) {
  .u-align--flex-center .p-sumai100__function--table03 {
    width: 100%;
    margin-left: 0;
  }
}
.u-align--flex-center .p-sumai100__function03--box2 {
  display: block;
}
@media screen and (max-width: 767px) {
  .u-align--flex-center .p-sumai100__function03--box2 {
    display: flex;
  }
}

.u-align--flex-space-bet {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .u-align--flex-space-bet {
    flex-direction: column;
  }
}

.p-sumai100-23-feature__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
  row-gap: 50px;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .p-sumai100-23-feature__grid {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin-top: 20px;
  }
}

.p-sumai100-23-feature__grid-item.--box {
  background: #e4fcff;
  border-radius: 20px;
  padding: 30px;
}
.p-sumai100-23-feature__grid-item:nth-child(5) {
  grid-column: 2/4;
}
@media screen and (max-width: 767px) {
  .p-sumai100-23-feature__grid-item:nth-child(5) {
    grid-column: initial;
  }
}
.p-sumai100-23-feature__grid-item:nth-child(6) {
  grid-column: 1/-1;
}
@media screen and (max-width: 767px) {
  .p-sumai100-23-feature__grid-item:nth-child(6) {
    grid-column: initial;
  }
}

.p-sumai100-23-feature__grid-title {
  text-align: center;
  color: #4fb6c1;
  font-weight: bold;
  font-size: 22px;
}
.p-sumai100-23-feature__grid-text {
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
}
.p-sumai100-23-exmple__list {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.p-sumai100-23-exmple__item {
  display: flex;
  font-size: 1.6rem;
  text-align: center;
}
.p-sumai100-23-exmple__item p {
  writing-mode: vertical-rl;
  padding-left: 5px;
  padding-right: 5px;
}
.p-sumai100-23-exmple__item:nth-child(1) p {
  background: #9FA4A6;
  color: #ffffff;
}
.p-sumai100-23-exmple__item:nth-child(2) p {
  color: #ffffff;
  background-color: #63A7AA;
}
.p-sumai100-23-surface__flex {
  display: flex;
  column-gap: 100px;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-sumai100-23-surface__flex {
    flex-direction: column;
    row-gap: 30px;
  }
}

.p-sumai100-23-surface__flex-direction {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.p-sumai100-23-surface__flex-row {
  display: flex;
  column-gap: 30px;
  max-width: 80%;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .p-sumai100-23-surface__flex-row {
    flex-direction: column;
    max-width: 100%;
    row-gap: 30px;
  }
}

.p-sumai100-23-surface__title-flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.p-sumai100-23-surface__img-title {
  font-size: 16px;
}
.p-sumai100-23-surface__img-title span {
  background: #646464;
  margin-right: 10px;
}
.p-sumai100-23-surface__img-title.--white-space-nowrap {
  white-space: nowrap;
}

.p-sumai100-23-hiding__flex {
  display: flex;
  column-gap: 80px;
  align-items: flex-end;
  margin-top: 40px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-sumai100-23-hiding__flex {
    flex-direction: column;
    row-gap: 80px;
  }
}

.p-sumai100-23-hiding__flex-row {
  display: flex;
  column-gap: 10px;
}
@media screen and (max-width: 767px) {
  .p-sumai100-23-hiding__flex-row {
    flex-direction: column;
    row-gap: 30px;
  }
}

.p-sumai100-23-hiding__img {
  min-width: 287px;
}
.p-sumai100-23-hiding__flex-img01 {
  position: relative;
}
.p-sumai100-23-hiding__flex-img01::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-sumai100-23-hiding__flex-img01::before {
    border-left: 15px solid #646464;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    top: 60%;
    right: -60px;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 767px) {
  .p-sumai100-23-hiding__flex-img01::before {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid black;
    left: 50%;
    transform: translateX(-50%);
    bottom: -30px;
  }
}