/* arguments inittial */
/* font style */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
/* [ writing-mode ]
-------------------------------------------------*/
/* [ illustrator & photoshop letter spacing ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
/* [ easy transform ]
-------------------------------------------------*/
.newfunction_update {
  padding: 100px 20px 120px;
  background: #fff;
  position: relative;
  z-index: 83; }
  .newfunction_update .innerbox {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto; }
  .newfunction_update .txtmain {
    margin-top: 47px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    letter-spacing: 0.02em;
    margin-bottom: 15px; }
  .newfunction_update .txtmainsub {
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 19px;
    letter-spacing: 0.02em;
    margin-bottom: 45px; }
  .newfunction_update .ttl {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 38px;
    letter-spacing: 0.03em;
    margin-bottom: 30px; }
  .newfunction_update .itembox {
    background: #F5F5F5;
    padding: 60px 75px 57px; }
    @media only screen and (max-width: 1120px) {
      .newfunction_update .itembox {
        padding: 60px 45px; } }
    .newfunction_update .itembox .list {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between; }
      .newfunction_update .itembox .list .img {
        margin-bottom: 17px; }
        .newfunction_update .itembox .list .img img {
          width: 100%; }
      .newfunction_update .itembox .list .txt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 28px; }
        .newfunction_update .itembox .list .txt .txtlink {
          margin-top: 5px; }
        .newfunction_update .itembox .list .txt a {
          display: inline-block;
          text-decoration: underline; }
      .newfunction_update .itembox .list li {
        position: relative; }
        .newfunction_update .itembox .list li::before {
          content: "";
          position: absolute; }
          @media (min-width: 1024px) {
            .newfunction_update .itembox .list li::before {
              left: -1px;
              top: 88px;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 8px 0 8px 7px;
              border-color: transparent transparent transparent #777777; } }
          @media (max-width: 1023px) {
            .newfunction_update .itembox .list li::before {
              top: -30px;
              left: 50%;
              margin-left: -8px;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 7px 8px 0 8px;
              border-color: #737373 transparent transparent transparent; } }
        .newfunction_update .itembox .list li:first-child::before {
          display: none; }
    .newfunction_update .itembox .box1 .list {
      margin: 0 -40px; }
      .newfunction_update .itembox .box1 .list li {
        max-width: 33.33333%;
        width: 100%;
        padding: 0 39px; }
        .newfunction_update .itembox .box1 .list li .item {
          margin: 0 auto;
          max-width: 270px;
          width: 100%; }
    .newfunction_update .itembox .box2 {
      margin-top: 47px; }
      .newfunction_update .itembox .box2 .list {
        margin: 0 -22px; }
        .newfunction_update .itembox .box2 .list li {
          max-width: 33.33333%;
          width: 100%;
          padding: 0 21px; }
          .newfunction_update .itembox .box2 .list li .item {
            margin: 0 auto;
            max-width: 210px;
            width: 100%; }
          @media (min-width: 1024px) {
            .newfunction_update .itembox .box2 .list li::before {
              left: -2px;
              top: 68px; } }
          @media (max-width: 1023px) {
            .newfunction_update .itembox .box2 .list li::before {
              top: -30px;
              left: 50%;
              margin-left: -8px;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 7px 8px 0 8px;
              border-color: #737373 transparent transparent transparent; } }
    .newfunction_update .itembox .box3 {
      margin-top: 46px; }
      .newfunction_update .itembox .box3 .txt {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
        letter-spacing: 0.02em; }
      .newfunction_update .itembox .box3 .txtlink {
        margin-top: 8px;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 28px;
        letter-spacing: 0; }
        .newfunction_update .itembox .box3 .txtlink a {
          display: inline-block;
          text-decoration: underline; }
  @media (max-width: 1023px) {
    .newfunction_update {
      padding: 80px 20px; }
      .newfunction_update .txtmain {
        margin-top: 30px;
        text-align: left;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 30px;
        margin-bottom: 10px; }
      .newfunction_update .txtmainsub {
        text-align: left;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
        margin-bottom: 30px; }
      .newfunction_update .ttl {
        font-size: 20px;
        font-size: 2rem;
        line-height: 29px;
        margin-bottom: 25px; }
      .newfunction_update .itembox {
        padding: 35px 32px; }
        .newfunction_update .itembox .list {
          display: block; }
          .newfunction_update .itembox .list .img {
            margin-bottom: 10px; }
          .newfunction_update .itembox .list .txt {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 24px; }
            .newfunction_update .itembox .list .txt .txtlink {
              margin-top: 3px; }
          .newfunction_update .itembox .list li {
            padding-bottom: 40px; }
            .newfunction_update .itembox .list li:last-child {
              padding-bottom: 0; } }
        @media (max-width: 1023px) and (max-width: 1023px) {
          .newfunction_update .itembox .list li::before {
            top: -25px; } }
  @media (max-width: 1023px) {
        .newfunction_update .itembox .box1 .list {
          margin: 0; }
          .newfunction_update .itembox .box1 .list li {
            max-width: 100%;
            padding: 0 0 40px; }
            .newfunction_update .itembox .box1 .list li .item {
              max-width: 100%; }
            .newfunction_update .itembox .box1 .list li:last-child {
              padding-bottom: 0; }
        .newfunction_update .itembox .box2 {
          margin-top: 45px; }
          .newfunction_update .itembox .box2 .list {
            margin: 0; }
            .newfunction_update .itembox .box2 .list li {
              max-width: 100%;
              padding: 0 0 40px; }
              .newfunction_update .itembox .box2 .list li .item {
                max-width: 100%; } }
          @media (max-width: 1023px) and (max-width: 1023px) {
            .newfunction_update .itembox .box2 .list li::before {
              top: -25px; } }
  @media (max-width: 1023px) {
              .newfunction_update .itembox .box2 .list li:last-child {
                padding-bottom: 0; }
        .newfunction_update .itembox .box3 {
          margin-top: 45px; }
          .newfunction_update .itembox .box3 .txt {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 24px;
            letter-spacing: 0; }
          .newfunction_update .itembox .box3 .txtlink {
            margin-top: 7px;
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 28px;
            letter-spacing: 0; } }