@charset "UTF-8";
/*変数*/
/*色の変数*/
/*font*/
/*画面マックスサイズ*/
@media screen and (max-width: 768px) {
  header {
    width: 100%;
    justify-content: flex-start; }
    header .header-nav {
      width: 100%;
      padding-top: 50px; }
      header .header-nav ul {
        display: block;
        margin-right: auto; }
        header .header-nav ul li {
          margin-top: 40px;
          width: 100%;
          text-align: center; }
          header .header-nav ul li a {
            display: inline;
            padding: 20px;
            font-family: "MYRIADPRO-REGULAR", sans-serif;
            font-size: 20px;
            color: #FFFFFF; }
      header .header-nav__insta {
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin-top: 100px; }
        header .header-nav__insta img {
          width: 100%;
          max-width: 14px;
          margin-right: 10px; }
        header .header-nav__insta p {
          font-family: "MYRIADPRO-REGULAR", sans-serif;
          font-size: 15px;
          color: #FFFFFF; }

  main .main-001 {
    background-position: top 80px left 0px;
    background-size: 2182px auto;
    padding-top: 120px; }
    main .main-001__mvarea {
      width: calc(100% - 40px);
      max-width: auto;
      display: block; }
    main .main-001__left {
      width: 100%;
      margin: 0 auto 0;
      padding-left: 0; }
      main .main-001__left__title1 {
        width: 100%;
        max-width: auto; }
    main .main-001__right {
      width: 100%;
      position: relative;
      margin-top: 30px; }
      main .main-001__right__mv {
        width: 197px;
        margin: auto; }
        main .main-001__right__mv img {
          width: 197px; }
        main .main-001__right__mv video {
          top: 20px;
          left: 50%;
          transform: translate(-50%, 0);
          width: 190px;
          height: 335px; }
      main .main-001__right__sub1 {
        top: 10px;
        left: calc(50% - 100px);
        transform: translate(-50%, 0);
        width: 80px; }
      main .main-001__right__sub2 {
        top: 70px;
        left: calc(50% + 100px);
        right: none;
        transform: translate(-50%, 0);
        width: 80px; }
    main .main-001__btnarea {
      width: calc(100% - 40px);
      margin: 20px auto 0;
      display: flex !important;
      justify-content: center; }
      main .main-001__btnarea--btn1 {
        display: block;
        width: calc(50% - 10px);
        margin-right: 20px; }
        main .main-001__btnarea--btn1 img {
          width: 100%; }
      main .main-001__btnarea--btn2 {
        display: block;
        width: calc(50% - 10px); }
        main .main-001__btnarea--btn2 img {
          width: 100%; }
    main .main-001__scrolldown {
      margin: 40px auto 0; }
      main .main-001__scrolldown a .main-001__scrolldown--img1 {
        position: relative;
        width: 2px;
        height: 40px;
        margin: auto; }
  main .main-002 {
    width: calc(100% - 40px);
    max-width: 1370px;
    margin: auto;
    margin-top: 60px; }
    main .main-002__imgleft {
      position: relative;
      margin: 30px auto 0 -50px;
      width: calc(100% + 100px);
      max-width: auto; }
      main .main-002__imgleft img {
        width: 100%; }
    main .main-002__imgright {
      position: relative;
      margin: 50px auto 0 -50px;
      width: calc(100% + 100px);
      max-width: auto; }
      main .main-002__imgright img {
        width: 100%; }
    main .main-002 .mt220 {
      margin-top: 50px !important; }
    main .main-002__descdiv {
      position: static;
      margin: auto;
      margin-top: 30px;
      width: calc(100% - 100px);
      padding: 20px; }
      main .main-002__descdiv > h3 {
        font-size: 18px;
        letter-spacing: -0.03em; }
      main .main-002__descdiv > p {
        margin-top: 10px;
        letter-spacing: -0.1em;
        font-size: 14px;
        line-height: 1.8em; }
      main .main-002__descdiv .mt40 {
        margin-top: 10px !important; }
  main .main-003 {
    width: 100%;
    margin-top: 60px;
    z-index: 1; }
    main .main-003 .title {
      width: calc(100% - 40px); }
    main .main-003--bg {
      width: 100%;
      height: calc(100% - 200px);
      top: 200px;
      left: 50%;
      transform: translate(-50%, 0); }
    main .main-003__sliderdiv {
      position: relative;
      margin-top: 30px; }
      main .main-003__sliderdiv .prev {
        position: absolute;
        width: 45px;
        left: 5px; }
      main .main-003__sliderdiv .next {
        position: absolute;
        width: 45px;
        right: 5px; }
    main .main-003__msg1 {
      font-size: 16px;
      padding: 40px 0 70px;
      letter-spacing: 0.05em; }
  main .main-004 {
    width: calc(100% - 40px);
    max-width: 1370px;
    margin: auto;
    width: 100%;
    max-width: 1370px;
    padding-bottom: 80px; }
    main .main-004__contents1 {
      display: flex;
      justify-content: space-between;
      margin-top: 40px;
      flex-wrap: wrap;
      width: 100%; }
      main .main-004__contents1__parts1 {
        order: 2;
        width: calc(100% - 40px);
        margin: 20px auto 0;
        padding-left: 0; }
        main .main-004__contents1__parts1 h4 {
          margin-top: 0; }
        main .main-004__contents1__parts1 h3 {
          margin-top: 20px;
          font-size: 24px;
          letter-spacing: -0.02em;
          line-height: 1.5em; }
        main .main-004__contents1__parts1 > p {
          margin-top: 10px;
          font-size: 14px;
          line-height: 1.5em; }
      main .main-004__contents1__parts2 {
        order: 1;
        width: calc(100% - 20px);
        margin-left: auto;
        margin-right: 0; }
        main .main-004__contents1__parts2--img1 {
          width: 100%; }
        main .main-004__contents1__parts2--img2 {
          width: 74%; }
    main .main-004__contents2 {
      width: 100%; }
      main .main-004__contents2 .main-004__contents1__parts1 {
        margin: 40px auto 0;
        padding-left: 0;
        padding-right: 0; }
      main .main-004__contents2 .main-004__contents1__parts2 {
        width: calc(100% - 20px);
        margin-left: 0;
        margin-right: auto; }
        main .main-004__contents2 .main-004__contents1__parts2--img2 {
          margin-left: auto;
          margin-right: 0; }
  main .main-005 {
    width: 100%;
    padding: 40px 0 40px;
    background-color: #FFFFFF; }
    main .main-005__contents {
      width: calc(100% - 40px);
      max-width: 1170px;
      margin: auto;
      display: block;
      justify-content: space-between; }
      main .main-005__contents__left {
        width: 100%;
        margin: 20px auto 0; }
        main .main-005__contents__left dl {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          flex-wrap: wrap;
          margin-top: 30px; }
          main .main-005__contents__left dl dt {
            width: 100px;
            white-space: nowrap;
            margin-right: 20px;
            padding-top: 5px;
            font-family: "YuGothM", sans-serif;
            font-size: 13px;
            line-height: 1.5em; }
          main .main-005__contents__left dl dd {
            width: calc(100% - 120px);
            padding-top: 5px;
            font-family: "YuGothM", sans-serif;
            font-size: 13px;
            line-height: 1.5em; }
            main .main-005__contents__left dl dd span {
              display: inline !important;
              letter-spacing: -0.8em; }
            main .main-005__contents__left dl dd .ddnone {
              display: none !important; }
      main .main-005__contents__right {
        width: 100%;
        margin-top: 30px; }
        main .main-005__contents__right img {
          width: 100%; }
        main .main-005__contents__right #map_canvas {
          width: 100%;
          border-radius: 50%; }
  main .main-006 {
    width: 100%;
    padding: 30px 0 100px; }
    main .main-006__contents {
      width: calc(100% - 40px);
      margin: auto; }
      main .main-006__contents > p {
        margin-top: 30px;
        font-family: "FiraSans-Bold", sans-serif;
        font-size: 14px; }
      main .main-006__contents__stbar {
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center; }
        main .main-006__contents__stbar p {
          font-family: "YuGothB", sans-serif;
          font-size: 16px;
          margin-right: 10px;
          white-space: nowrap;
          text-align: center; }
        main .main-006__contents__stbar-st3 {
          margin-right: 0; }
        main .main-006__contents__stbar img {
          max-width: 74px;
          margin-right: 10px;
          height: 2px; }
      main .main-006__contents__form {
        margin-top: 30px;
        display: block;
        width: 100%; }
        main .main-006__contents__form--title {
          padding: 15px 0 7.5px 0;
          width: 100%;
          line-height: 1em;
          border-top: 1px solid #ededed; }
        main .main-006__contents__form--desc {
          padding: 0px 0px 15px 0px;
          width: 100%;
          border-top: none; }
          main .main-006__contents__form--desc input {
            width: 100% !important; }
          main .main-006__contents__form--desc p {
            padding-top: 10px; }
        main .main-006__contents__form .border_bottom {
          border-bottom: 1px solid #ededed; }
        main .main-006__contents__form--policy {
          width: 100%;
          letter-spacing: -0.02em;
          font-size: 14px; }
          main .main-006__contents__form--policy label {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 250px;
            padding-left: 20px; }
          main .main-006__contents__form--policy .red {
            margin-right: 0; }
      main .main-006__contents .btnbox {
        margin-top: 30px; }
        main .main-006__contents .btnbox .btn1 {
          width: 200px;
          padding: 15px;
          height: 50px; }

  main .main-007 {
    background-image: url("../img/infulencer/sp/main-001-1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    padding-bottom: 20px; }
    main .main-007 > a > img {
      width: 100%;
      max-width: 82px; }
    main .main-007__inner {
      width: calc(100% - 40px);
      max-width: 1370px;
      margin: auto;
      margin: auto;
      padding: 120px 0 0; }
      main .main-007__inner img {
        max-width: 279px; }
    main .main-007 .mt-m20 {
      margin-top: 40px !important; }
    main .main-007 .white {
      color: #FFFFFF !important; }
  main .main-008 {
    width: 100%;
    justify-content: flex-start; }
    main .main-008__items {
      width: calc(100% / 3);
      padding: 30px 0 40px; }
      main .main-008__items h4 {
        font-family: "NotoSansCJKjp-Medium", sans-serif;
        font-size: 12px;
        letter-spacing: -0.04em; }
      main .main-008__items p {
        margin-top: 10px;
        font-family: "NotoSansCJKjp-Medium", sans-serif;
        font-size: 24px; }
        main .main-008__items p .ken {
          font-size: 14px; }
  main .main-009 {
    width: calc(100% - 40px);
    max-width: 1370px;
    margin: auto;
    max-width: 1170px;
    margin-top: 30px;
    padding-bottom: 50px; }
    main .main-009 h2 {
      font-size: 28px;
      text-align: center; }
    main .main-009 .mt70 {
      margin-top: 30px !important; }
    main .main-009__chartarea {
      width: 100%;
      margin-top: 20px;
      flex-wrap: wrap; }
      main .main-009__chartarea__desc {
        width: 100%;
        background-color: #eeeded;
        padding: 20px 20px;
        order: 2; }
        main .main-009__chartarea__desc h4 {
          font-size: 12px;
          padding-bottom: 5px; }
        main .main-009__chartarea__desc h3 {
          margin-top: 25px;
          font-size: 18px;
          font-family: "YuGothB", sans-serif;
          line-height: 1.3em; }
        main .main-009__chartarea__desc p {
          margin-top: 20px;
          font-size: 14px;
          font-family: "YuGothM", sans-serif;
          line-height: 2em; }
      main .main-009__chartarea__chart {
        width: 100%;
        order: 1;
        padding: 0 20px 20px; }
        main .main-009__chartarea__chart h4 {
          font-family: "NotoSansCJKjp-Medium", sans-serif;
          font-size: 18px;
          text-align: center;
          color: #848888; }
        main .main-009__chartarea__chart .mt110 {
          margin-top: 30px !important; }
        main .main-009__chartarea__chart .mt70 {
          margin-top: 20px !important; }
        main .main-009__chartarea__chart p {
          margin-top: -10px !important;
          font-family: "NotoSansCJKjp-Medium", sans-serif;
          font-size: 36px;
          text-align: center; }
          main .main-009__chartarea__chart p .ken {
            font-size: 20px; }
        main .main-009__chartarea__chart .circle {
          width: 100%;
          max-width: 216px;
          margin: 20px auto 0; }
        main .main-009__chartarea__chart .bar {
          width: 100%;
          max-width: 516px;
          margin: 50px auto 0; }
        main .main-009__chartarea__chart .chart-msg1 {
          position: absolute;
          top: 3%;
          left: 52.5%;
          text-align: center;
          font-size: 14px;
          font-family: "YuGothB", sans-serif; }
          main .main-009__chartarea__chart .chart-msg1 .big {
            font-size: 24px; }
        main .main-009__chartarea__chart .chart-msg2 {
          position: absolute;
          bottom: 8%;
          left: 45%;
          text-align: center;
          font-size: 14px;
          font-family: "YuGothB", sans-serif;
          color: #FFFFFF; }
          main .main-009__chartarea__chart .chart-msg2 .big {
            font-size: 24px; }
        main .main-009__chartarea__chart .chart-msg3 {
          position: absolute;
          top: 43%;
          left: 50%;
          transform: translate(-50%, -50%);
          text-align: center;
          font-size: 14px;
          font-family: "YuGothB", sans-serif;
          color: #ec6763; }
          main .main-009__chartarea__chart .chart-msg3 .big {
            font-size: 24px; }
  main .main-010 {
    width: 100%;
    background-color: #ecf0f1;
    padding: 40px 0 60px; }
    main .main-010 h2 {
      font-size: 24px; }
    main .main-010 h5 {
      margin: 10px auto 0;
      font-size: 13px; }
    main .main-010__contents {
      margin: 30px auto 0;
      flex-wrap: wrap; }
      main .main-010__contents__item {
        width: calc(50% - 10px);
        margin-right: 20px; }
        main .main-010__contents__item img {
          width: 100%; }
        main .main-010__contents__item--follower {
          font-size: 13px;
          font-family: "YuGothB", sans-serif;
          margin-top: 10px;
          line-height: 13px;
          letter-spacing: -0.02em; }
          main .main-010__contents__item--follower .num {
            font-size: 20px;
            padding-left: 10px; }
        main .main-010__contents__item--msg1 {
          font-size: 14px;
          margin-top: 10px; }
          main .main-010__contents__item--msg1 .red {
            color: #ec6763; }
      main .main-010__contents__item:nth-child(2n) {
        margin-right: 0; }
      main .main-010__contents__item:nth-child(3), main .main-010__contents__item:nth-child(4) {
        margin-top: 40px; }
    main .main-010__btn {
      margin: 30px auto 0;
      display: block;
      width: 250px;
      border: 2px solid #333333;
      text-align: center;
      font-family: "NotoSansCJKjp-Medium", sans-serif;
      font-size: 14px;
      padding: 12.5px 0;
      box-sizing: border-box; }
  main .mt90 {
    margin-top: 40px !important; }
  main .main-011 {
    width: calc(100% - 40px);
    margin: auto;
    padding: 50px 0; }
    main .main-011--msg1 {
      font-family: "YuGothB", sans-serif;
      font-size: 16px;
      text-align: center;
      line-height: 1.8em;
      letter-spacing: -0.03em; }
    main .main-011__contents {
      width: 100%;
      margin: 20px auto 0;
      background-color: #FFFFFF; }
      main .main-011__contents__title {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        border-bottom: 1px solid #ec6763;
        padding: 10px; }
        main .main-011__contents__title img {
          width: 45px;
          margin-right: 15px; }
        main .main-011__contents__title__item {
          width: calc(100% - 65px); }
          main .main-011__contents__title__item h3 {
            font-size: 24px;
            letter-spacing: -0.06em; }
          main .main-011__contents__title__item p {
            font-size: 12px; }
      main .main-011__contents__body {
        width: 100%;
        padding: 10px;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap; }
        main .main-011__contents__body__chart {
          width: 100%;
          margin-right: auto; }
          main .main-011__contents__body__chart h3 {
            padding-left: 0;
            font-family: "YuGothB", sans-serif;
            font-size: 16px;
            color: #ec6763; }
          main .main-011__contents__body__chart canvas {
            margin-right: 0;
            margin-left: auto;
            margin-top: 10px; }
          main .main-011__contents__body__chart__list {
            margin-top: 0; }
            main .main-011__contents__body__chart__list li.title {
              width: calc(30% - 7.5px);
              font-size: 9px;
              letter-spacing: -0.04em;
              padding: 2px 5px; }
            main .main-011__contents__body__chart__list li.msg {
              width: calc(20% - 7.5px);
              font-size: 10px;
              letter-spacing: -0.02em; }
            main .main-011__contents__body__chart__list li:nth-child(4n) {
              margin-right: 0; }
          main .main-011__contents__body__chart__list2 {
            margin-top: 10px; }
            main .main-011__contents__body__chart__list2 li.title {
              margin-right: 10px;
              padding: 2px 10px;
              font-family: "YuGothB", sans-serif;
              font-size: 9px;
              margin-top: 10px;
              letter-spacing: -0.02em; }
            main .main-011__contents__body__chart__list2 li.msg {
              width: auto;
              margin-right: auto;
              font-size: 10px;
              margin-top: 10px; }
              main .main-011__contents__body__chart__list2 li.msg .num {
                font-size: 14px; }
            main .main-011__contents__body__chart__list2 li.desc {
              font-size: 12px;
              margin-top: 10px;
              letter-spacing: -0.02em; }
        main .main-011__contents__body__desc {
          width: 100%;
          margin-top: 20px; }
          main .main-011__contents__body__desc h3 {
            font-size: 16px;
            text-align: left; }
          main .main-011__contents__body__desc--list {
            margin-top: 10px;
            width: 100%;
            padding: 10px 10px;
            font-size: 14px; }
          main .main-011__contents__body__desc--img1 {
            margin: 20px auto 0;
            width: 100%;
            max-width: 256px; }
          main .main-011__contents__body__desc .sp_w90 {
            max-width: 90px !important;
            margin-left: 0; }
          main .main-011__contents__body__desc .sp_w195 {
            max-width: 195px !important;
            margin-left: 0; }
          main .main-011__contents__body__desc .sp_w300 {
            max-width: 300px !important; }
          main .main-011__contents__body__desc .sp_wc200 {
            max-width: 200px; }
        main .main-011__contents__body__effect {
          width: 100%;
          padding: 20px 10px 10px;
          margin-top: 40px; }
          main .main-011__contents__body__effect h4 {
            width: 180px;
            padding: 3px 10px;
            font-size: 16px; }
          main .main-011__contents__body__effect h3 {
            font-size: 18px;
            letter-spacing: -0.05em;
            margin-top: 20px; }
          main .main-011__contents__body__effect p {
            margin-top: 10px;
            font-size: 14px; }
          main .main-011__contents__body__effect--list {
            margin-top: 20px;
            display: block; }
            main .main-011__contents__body__effect--list--item {
              max-width: auto;
              width: 100%;
              padding: 5px 10px;
              display: flex;
              justify-content: flex-start;
              flex-wrap: wrap;
              align-items: center; }
              main .main-011__contents__body__effect--list--item li {
                font-family: "YuGothB", sans-serif;
                font-size: 14px; }
              main .main-011__contents__body__effect--list--item li.red {
                font-size: 20px; }
            main .main-011__contents__body__effect--list .arrow {
              width: 30px;
              margin: 10px auto; }
  main .main-012 {
    width: 100%;
    padding: 50px 0 50px;
    background-image: url("../img/infulencer/sp/main-005-1.png"); }
    main .main-012 h2 {
      font-size: 24px; }
    main .main-012__list {
      width: calc(100% - 40px);
      margin: auto;
      margin-top: 20px;
      display: block; }
      main .main-012__list img {
        width: 100%;
        margin: 20px auto 0;
        max-width: 210px; }
      main .main-012__list img:last-child {
        margin-right: auto; }
  main .main-013 {
    background-image: url("../img/agency/sp/main-001-1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    padding-bottom: 20px; }
    main .main-013 .main-007__inner {
      width: calc(100% - 40px);
      max-width: 1370px;
      margin: auto;
      margin: auto;
      padding: 160px 0 0; }
      main .main-013 .main-007__inner img {
        width: 100%;
        max-width: 330px; }
  main .main-014 {
    width: 100%;
    padding: 30px 10px 30px;
    font-family: "YuGothB", sans-serif;
    font-size: 28px;
    text-align: center;
    letter-spacing: -0.05em; }
    main .main-014 h2 {
      font-size: 28px; }
  main .main-015 {
    width: 100%;
    background-color: #FFFFFF;
    padding: 30px 20px 30px; }
    main .main-015 h3 {
      font-family: "YuGothB", sans-serif;
      font-size: 20px;
      text-align: center; }
    main .main-015 img {
      width: 100%;
      margin: 30px auto 0; }
  main .main-016 {
    margin-top: 50px;
    width: 100%;
    position: relative;
    padding: 0 0 60px; }
    main .main-016--bg {
      display: none; }
    main .main-016 .main-011__contents {
      width: calc(100% - 40px); }
  main .main-017 {
    padding: 40px 0; }
    main .main-017 h2 {
      font-family: "YuGothB", sans-serif;
      font-size: 24px;
      text-align: center; }
    main .main-017 .sp_mt40 {
      margin-top: 40px; }
    main .main-017__contents {
      margin-top: 20px;
      flex-wrap: wrap; }
      main .main-017__contents__left {
        width: 100%;
        background-color: #FFFFFF;
        padding: 10px;
        order: 2; }
        main .main-017__contents__left h3 {
          font-size: 20px;
          letter-spacing: -0.08em; }
        main .main-017__contents__left p {
          font-size: 14px;
          margin-top: 5px;
          letter-spacing: -0.02em; }
      main .main-017__contents img {
        order: 1;
        width: 100%;
        object-fit: cover; }
  main .main-018 {
    padding: 50px 0 40px;
    background-color: #FFFFFF; }
    main .main-018__list {
      width: calc(100% - 40px);
      max-width: 1370px;
      margin: auto;
      max-width: 1170px;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin-top: 0; }
      main .main-018__list li {
        margin-top: 10px;
        background-color: #FFFFFF;
        width: calc(100% / 3 - (20px / 3));
        margin-right: 10px; }
        main .main-018__list li .img1 {
          width: 30px;
          margin: 4.5px auto; }
        main .main-018__list li .img2 {
          width: 52.5px;
          margin: auto; }
        main .main-018__list li .img3 {
          width: 53px;
          margin: 12.25px auto; }
        main .main-018__list li .img4 {
          width: 75.5px;
          margin: 14.5px auto; }
        main .main-018__list li .img5 {
          width: 77.5px;
          margin: 15px auto; }
      main .main-018__list li:last-child {
        margin-right: auto; }
      main .main-018__list li:nth-child(3n) {
        margin-right: 0; }

  footer {
    width: 100%;
    background-color: #343434;
    color: #FFFFFF;
    padding: 30px 0; }
    footer .footer-sns {
      margin-top: 0; }
    footer p {
      margin-top: 20px; } }