@charset "UTF-8";
/*変数*/
/*色の変数*/
/*font*/
/*画面マックスサイズ*/
.bgwhite {
  background-color: rgba(255, 255, 255, 0.7); }

header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  justify-content: space-around; }
  header .header-nav {
    width: calc(100% - 40px);
    max-width: 1370px;
    margin: auto; }
    header .header-nav ul {
      display: flex;
      justify-content: flex-end;
      margin-right: 0;
      margin-top: 40px; }
      header .header-nav ul li {
        width: auto; }
        header .header-nav ul li a {
          display: block;
          padding: 20px;
          font-family: "Helvetica-Light", sans-serif;
          font-size: 14px;
          color: #343434; }
    header .header-nav ul.white li a {
      color: #FFFFFF; }

main .main-001 {
  position: relative;
  background-image: url("../img/main_bg1.png");
  background-size: 4365px auto;
  background-repeat: no-repeat;
  background-position: top 120px left 70px; }
  main .main-001__mvarea {
    width: calc(100% - 40px);
    max-width: 1370px;
    margin: auto;
    max-width: 1170px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
  main .main-001__left {
    width: calc(100% - 450px);
    margin-right: 50px;
    margin-top: 300px;
    padding-left: 60px; }
    main .main-001__left__title1 {
      width: 100%;
      max-width: 535px; }
    main .main-001__left__btnarea {
      margin-top: 230px;
      display: flex;
      justify-content: flex-start; }
      main .main-001__left__btnarea--btn1 {
        display: block;
        width: 100%;
        max-width: 240px;
        margin-right: 20px; }
        main .main-001__left__btnarea--btn1 img {
          width: 100%; }
      main .main-001__left__btnarea--btn2 {
        display: block;
        width: 100%;
        max-width: 240px; }
        main .main-001__left__btnarea--btn2 img {
          width: 100%; }
  main .main-001__right {
    width: 450px;
    position: relative;
    margin-top: 120px; }
    main .main-001__right__mv {
      width: 394px; }
      main .main-001__right__mv img {
        position: relative;
        z-index: 5;
        width: 350px;
        margin: 20px auto 0; }
      main .main-001__right__mv video {
        position: absolute;
        z-index: 4;
        top: 55px;
        left: 20px;
        width: 355px;
        height: 595px;
        border-radius: 20px; }
    main .main-001__right__sub1 {
      position: absolute;
      z-index: 6;
      top: 80px;
      left: -31px;
      width: 120px; }
    main .main-001__right__sub2 {
      position: absolute;
      z-index: 6;
      top: 185px;
      right: 5px;
      width: 120px; }
  main .main-001__scrolldown {
    width: 120px;
    margin: 20px auto 0; }
    main .main-001__scrolldown a .main-001__scrolldown--img1 {
      position: relative;
      width: 2px;
      margin: auto; }
    main .main-001__scrolldown a .main-001__scrolldown--img2 {
      position: relative;
      width: 119px;
      margin: 15px auto 0; }
    main .main-001__scrolldown a:hover .main-001__scrolldown--img1 {
      animation: moveVerticalToBottom 0.2s linear 0s;
      position: relative;
      top: 5px; }
  main .main-001__leftitem1 {
    font-family: "HelveticaNeue", sans-serif;
    font-size: 13px;
    position: absolute;
    -webkit-writing-mode: vertical-ir;
    -ms-writing-mode: tb-ir;
    writing-mode: vertical-ir;
    width: 13px;
    left: 25px;
    top: 50%;
    transform: translate(0, -50%); }
  main .main-001__leftitem2 {
    position: absolute;
    left: 27px;
    top: 800px; }
    main .main-001__leftitem2--img1 {
      display: block;
      width: 8px;
      margin: auto; }
      main .main-001__leftitem2--img1 img {
        width: 100%; }
    main .main-001__leftitem2--img2 {
      display: block;
      width: 14px;
      margin: auto;
      margin-top: 20px; }
      main .main-001__leftitem2--img2 img {
        width: 100%; }
main .main-002 {
  width: calc(100% - 40px);
  max-width: 1370px;
  margin: auto; }
  main .main-002__imgleft {
    position: relative;
    margin-top: 50px;
    width: 100%;
    max-width: 1335px;
    margin-left: -60px;
    margin-right: auto; }
    main .main-002__imgleft--img1 {
      width: 100%; }
    main .main-002__imgleft__videodiv {
      position: relative;
      z-index: 1; }
      main .main-002__imgleft__videodiv .video1 {
        position: absolute;
        top: 2.5%;
        left: 9.5%;
        width: 27%;
        max-width: 355px;
        max-height: 595px;
        z-index: -1; }
      main .main-002__imgleft__videodiv .video2 {
        position: absolute;
        top: 2.5%;
        left: 36.7%;
        width: 27%;
        max-width: 355px;
        max-height: 595px;
        z-index: -1; }
      main .main-002__imgleft__videodiv .video3 {
        position: absolute;
        top: 2.5%;
        left: 63.5%;
        width: 27%;
        max-width: 355px;
        max-height: 595px;
        z-index: -1; }
    main .main-002__imgleft--div {
      bottom: -150px;
      right: -5px; }
  main .main-002__imgright {
    position: relative;
    margin-top: 220px;
    width: 100%;
    max-width: 1335px;
    margin-left: auto;
    margin-right: -60px; }
    main .main-002__imgright img {
      width: 100%; }
    main .main-002__imgright--div {
      bottom: -150px;
      left: -5px; }
  main .main-002 .mt220 {
    margin-top: 220px !important; }
  main .main-002__descdiv {
    position: absolute;
    z-index: 2;
    width: 428px;
    padding: 30px;
    background-color: #343434; }
    main .main-002__descdiv > h3 {
      font-family: "YuGothB", sans-serif;
      font-size: 22px;
      color: #FFFFFF;
      white-space: nowrap; }
    main .main-002__descdiv > p {
      margin-top: 30px;
      font-family: "YuGothM", sans-serif;
      font-size: 16px;
      color: #FFFFFF;
      line-height: 2em;
      letter-spacing: -0.05em; }
main .main-003 {
  width: calc(100% - 40px);
  max-width: 1370px;
  margin: auto;
  width: 100%;
  margin-top: 330px;
  position: relative;
  z-index: 1; }
  main .main-003--bg {
    position: absolute;
    background-color: #eeeded;
    width: calc(100% - 120px);
    max-width: 1240px;
    height: calc(100% - 65px);
    z-index: -1;
    top: 65px;
    left: 50%;
    transform: translate(-50%, 0); }
  main .main-003__sliderdiv {
    position: relative;
    margin-top: 120px;
    width: 100%; }
    main .main-003__sliderdiv--slider {
      width: 100%; }
      main .main-003__sliderdiv--slider__item {
        position: relative; }
        main .main-003__sliderdiv--slider__item--img1 {
          width: calc(100% - 10px);
          margin: auto;
          border-radius: 20px; }
        main .main-003__sliderdiv--slider__item--img2 {
          width: 144px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
    main .main-003__sliderdiv .prev {
      position: absolute;
      width: 60px;
      left: 370px;
      top: 50%;
      transform: translate(0, -50%);
      cursor: pointer; }
    main .main-003__sliderdiv .next {
      position: absolute;
      width: 60px;
      right: 370px;
      top: 50%;
      transform: translate(0, -50%);
      cursor: pointer; }
  main .main-003__msg1 {
    width: calc(100% - 40px);
    margin: auto;
    text-align: center;
    font-family: "YuGothM", sans-serif;
    font-size: 18px;
    padding: 50px 0 160px; }
main .main-004 {
  width: calc(100% - 40px);
  max-width: 1370px;
  margin: auto;
  width: 100%;
  max-width: 1370px;
  padding-bottom: 110px; }
  main .main-004 .title {
    width: calc(100% - 40px); }
  main .main-004__contents1 {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    width: calc(100% - 70px);
    margin-right: 0;
    margin-left: auto; }
    main .main-004__contents1__parts1 {
      width: calc(48% - 50px);
      margin-right: 50px;
      padding-left: 20px; }
      main .main-004__contents1__parts1 h4 {
        margin-top: 20px;
        font-family: "YuGothB", sans-serif;
        font-size: 16px;
        padding-bottom: 10px;
        border-bottom: 4px dotted #343434;
        display: inline-block; }
      main .main-004__contents1__parts1 h3 {
        margin-top: 70px;
        font-family: "YuGothB", sans-serif;
        font-size: 28px;
        line-height: 2em; }
      main .main-004__contents1__parts1 > p {
        margin-top: 40px;
        font-family: "YuGothM", sans-serif;
        font-size: 16px;
        line-height: 2em; }
    main .main-004__contents1__parts2 {
      width: 52%; }
      main .main-004__contents1__parts2--img1 {
        width: 100%;
        border-top-left-radius: 20px; }
      main .main-004__contents1__parts2--img2 {
        margin-top: 10px;
        width: calc(100% - 150px);
        border-bottom-left-radius: 20px; }
  main .main-004__contents2 {
    width: calc(100% - 70px);
    margin-left: 0; }
    main .main-004__contents2 .main-004__contents1__parts1 {
      margin-right: auto;
      margin-left: 50px;
      padding-left: 0;
      padding-right: 20px; }
    main .main-004__contents2 .main-004__contents1__parts2 {
      width: 52%; }
      main .main-004__contents2 .main-004__contents1__parts2--img1 {
        border-top-left-radius: 0;
        border-top-right-radius: 20px; }
      main .main-004__contents2 .main-004__contents1__parts2--img2 {
        margin-left: auto;
        margin-right: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 20px; }
main .main-005 {
  width: 100%;
  padding: 80px 0 50px;
  background-color: #FFFFFF; }
  main .main-005 .title {
    width: calc(100% - 40px); }
  main .main-005__contents {
    width: calc(100% - 40px);
    max-width: 1170px;
    margin: auto;
    display: flex;
    justify-content: space-between; }
    main .main-005__contents__left {
      width: calc(50% - 50px);
      margin-top: 50px;
      margin-right: 50px; }
      main .main-005__contents__left h3 {
        font-family: "FiraSans-Bold", sans-serif;
        font-size: 24px; }
        main .main-005__contents__left h3 .small {
          font-family: "YuGothM", sans-serif;
          font-size: 16px; }
      main .main-005__contents__left dl {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 40px; }
        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: 16px;
          line-height: 1.8em; }
        main .main-005__contents__left dl dd {
          width: calc(100% - 120px);
          padding-top: 5px;
          font-family: "YuGothM", sans-serif;
          font-size: 16px;
          line-height: 1.8em; }
    main .main-005__contents__right {
      width: 50%;
      margin-top: -90px; }
      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: 100px 0 120px; }
  main .main-006__contents {
    width: calc(100% - 40px);
    max-width: 1370px;
    margin: auto;
    width: 100%;
    max-width: 920px; }
    main .main-006__contents h2 {
      font-family: "FiraSans-Bold", sans-serif;
      font-size: 32px;
      text-align: center; }
    main .main-006__contents .kome {
      color: #ec6763; }
    main .main-006__contents > p {
      margin-top: 70px;
      font-family: "FiraSans-Bold", sans-serif;
      font-size: 16px;
      line-height: 2em;
      text-align: center; }
    main .main-006__contents__stbar {
      margin-top: 70px;
      display: flex;
      justify-content: center;
      align-items: center; }
      main .main-006__contents__stbar p {
        font-family: "YuGothB", sans-serif;
        font-size: 16px;
        margin-right: 20px; }
      main .main-006__contents__stbar-st3 {
        margin-right: 0; }
      main .main-006__contents__stbar img {
        width: 100%;
        max-width: 200px;
        margin-right: 20px; }
    main .main-006__contents__form {
      margin-top: 60px;
      display: flex;
      justify-content: flex-start;
      width: 100%;
      flex-wrap: wrap; }
      main .main-006__contents__form--title {
        padding: 20px 60px 20px 20px;
        font-family: "YuGothB", sans-serif;
        font-size: 14px;
        width: 245px;
        line-height: 50px;
        color: #343434;
        border-top: 1px solid #ededed; }
      main .main-006__contents__form--desc {
        padding: 20px 10px 20px 0px;
        width: calc(100% - 245px);
        font-family: "YuGothM", sans-serif;
        font-size: 14px;
        box-sizing: border-box;
        position: relative;
        border-top: 1px solid #ededed; }
        main .main-006__contents__form--desc #form-email_c {
          margin-top: 10px; }
        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%;
        margin: auto;
        position: relative;
        font-family: "YuGothM", sans-serif;
        font-size: 14px;
        box-sizing: border-box;
        border-top: 1px solid #ededed; }
        main .main-006__contents__form--policy label {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
        main .main-006__contents__form--policy .checkbox_frame {
          position: relative;
          margin-top: 30px;
          background-color: #eeeded;
          padding: 40px 0;
          border-radius: 10px; }
        main .main-006__contents__form--policy .red {
          font-family: "YuGothB", sans-serif;
          font-size: 14px;
          color: #ec6763;
          text-decoration: underline;
          margin-right: 10px;
          display: inline-block; }
        main .main-006__contents__form--policy .checkbox {
          position: relative;
          left: -5px; }
    main .main-006__contents .btnbox {
      margin-top: 80px;
      display: flex;
      justify-content: center; }
      main .main-006__contents .btnbox .btn1 {
        display: block;
        width: 218px;
        height: 60px;
        background-color: #343434;
        font-family: "YuGothB", sans-serif;
        font-size: 16px;
        color: #FFFFFF;
        padding: 20px;
        box-sizing: border-box;
        border-radius: 8px;
        text-align: center; }

.overlay2 {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000; }
  .overlay2 .modal {
    position: relative; }
  .overlay2 .modal-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    background-color: #f4f4f4;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 5px 20px;
    display: flex;
    justify-content: flex-start; }
    .overlay2 .modal-loading img {
      width: 25px;
      height: 25px;
      opacity: .5;
      margin-right: 10px; }
    .overlay2 .modal-loading p {
      color: #343434;
      font-size: 16px;
      font-family: "YuGothB", sans-serif;
      text-align: center;
      animation: blink .5s ease-in-out infinite alternate;
      margin: 0;
      color: #777777; }

footer {
  width: 100%;
  background-color: #343434;
  color: #FFFFFF;
  padding: 50px 0; }
  footer .footer-link {
    display: flex;
    justify-content: center; }
    footer .footer-link li {
      width: auto;
      margin-right: 30px; }
      footer .footer-link li a {
        font-size: 14px;
        font-family: "Helvetica", sans-serif;
        color: #FFFFFF; }
    footer .footer-link li:last-child {
      margin-right: 0; }
  footer .footer-sns {
    display: flex;
    justify-content: center;
    margin-top: 30px; }
    footer .footer-sns li {
      width: auto;
      margin-right: 30px; }
      footer .footer-sns li .fb {
        width: 8px; }
      footer .footer-sns li .insta {
        width: 14px; }
    footer .footer-sns li:last-child {
      margin-right: 0; }
  footer p {
    margin-top: 30px;
    text-align: center;
    font-size: 12px;
    font-family: "YuGothB", sans-serif;
    color: #FFFFFF;
    font-weight: 400; }

@media screen and (max-width: 1370px) and (min-width: 1081px) {
  main .main-003--bg {
    width: calc(100% - 20px); }
  main .main-003__sliderdiv .prev {
    left: 320px; }
  main .main-003__sliderdiv .next {
    right: 320px; } }
@media screen and (max-width: 1080px) and (min-width: 769px) {
  main .main-003__sliderdiv .prev {
    left: 170px; }
  main .main-003__sliderdiv .next {
    right: 170px; } }
main .main-007 {
  background-image: url("../img/infulencer/main-001-1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  padding-bottom: 40px;
  position: relative; }
  main .main-007 > a {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 101; }
    main .main-007 > a > img {
      width: 100%;
      max-width: 116px; }
  main .main-007__inner {
    width: calc(100% - 40px);
    max-width: 1370px;
    margin: auto;
    max-width: 1170px;
    margin: auto;
    padding: 510px 0 0; }
    main .main-007__inner img {
      width: 100%;
      max-width: 842px; }
  main .main-007 .white {
    color: #FFFFFF !important; }
main .main-008 {
  width: calc(100% - 40px);
  max-width: 1370px;
  margin: auto;
  width: 100%;
  display: flex;
  justify-content: flex-start; }
  main .main-008__items {
    width: calc(100% / 3);
    padding: 40px 0 90px; }
    main .main-008__items h4 {
      font-family: "NotoSansCJKjp-Medium", sans-serif;
      font-size: 24px;
      text-align: center;
      color: #848888; }
    main .main-008__items p {
      margin-top: 0;
      font-family: "NotoSansCJKjp-Medium", sans-serif;
      font-size: 64px;
      text-align: center; }
      main .main-008__items p .ken {
        font-size: 32px; }
  main .main-008__items:first-child, main .main-008__items:last-child {
    background-color: #ecf0f1; }
  main .main-008__items:nth-child(2) {
    background-color: #e1e5e6; }
main .main-009 {
  width: calc(100% - 40px);
  max-width: 1370px;
  margin: auto;
  max-width: 1170px;
  margin-top: 70px;
  padding-bottom: 80px; }
  main .main-009 h2 {
    text-align: center;
    font-size: 40px;
    font-family: "YuGothB", sans-serif; }
  main .main-009__chartarea {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-top: 40px; }
    main .main-009__chartarea__desc {
      width: 50%;
      background-color: #eeeded;
      padding: 50px 60px; }
      main .main-009__chartarea__desc h4 {
        display: inline-block;
        font-size: 16px;
        font-family: "YuGothB", sans-serif;
        padding-bottom: 10px;
        border-bottom: 4px dotted #343434; }
      main .main-009__chartarea__desc h3 {
        margin-top: 60px;
        font-size: 28px;
        font-family: "YuGothB", sans-serif;
        line-height: 1.7em; }
      main .main-009__chartarea__desc p {
        margin-top: 40px;
        font-size: 16px;
        font-family: "YuGothM", sans-serif;
        line-height: 2em;
        letter-spacing: -0.02em; }
    main .main-009__chartarea__chart {
      width: 50%;
      background-color: #FFFFFF;
      position: relative; }
      main .main-009__chartarea__chart h4 {
        font-family: "YuGothB", sans-serif;
        font-size: 24px;
        text-align: center;
        color: #848888; }
      main .main-009__chartarea__chart p {
        margin-top: 0;
        font-family: "YuGothB", sans-serif;
        font-size: 64px;
        text-align: center; }
        main .main-009__chartarea__chart p .ken {
          font-size: 32px; }
      main .main-009__chartarea__chart .circle {
        width: 100%;
        max-width: 400px;
        margin: 50px 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: 80px 0; }
  main .main-010 h2 {
    width: calc(100% - 40px);
    margin: auto;
    font-size: 32px;
    font-family: "YuGothB", sans-serif;
    text-align: center; }
  main .main-010 h5 {
    width: calc(100% - 40px);
    margin: 10px auto 0;
    font-size: 16px;
    font-family: "YuGothB", sans-serif;
    text-align: center; }
  main .main-010__contents {
    width: calc(100% - 40px);
    max-width: 1170px;
    margin: 60px auto 0;
    display: flex;
    justify-content: space-between; }
    main .main-010__contents__item {
      width: calc(25% - 30px);
      margin-right: 40px; }
      main .main-010__contents__item img {
        width: 100%; }
      main .main-010__contents__item--follower {
        font-size: 16px;
        font-family: "YuGothB", sans-serif;
        margin-top: 20px;
        line-height: 32px; }
        main .main-010__contents__item--follower .num {
          font-size: 32px;
          color: #ec6763;
          padding-left: 20px;
          letter-spacing: -0.02em; }
      main .main-010__contents__item--msg1 {
        font-size: 16px;
        font-family: "YuGothB", sans-serif;
        margin-top: 10px; }
        main .main-010__contents__item--msg1 .red {
          color: #ec6763; }
    main .main-010__contents__item:last-child {
      margin-right: 0; }
  main .main-010__btn {
    margin: 50px auto 0;
    display: block;
    width: 280px;
    border: 3px solid #333333;
    text-align: center;
    font-family: "NotoSansCJKjp-Medium", sans-serif;
    font-size: 14px;
    padding: 20px 0;
    box-sizing: border-box; }
main .main-011 {
  width: calc(100% - 40px);
  margin: auto;
  padding: 80px 0; }
  main .main-011 .black {
    color: #343434 !important; }
  main .main-011 .blackborder {
    border-bottom: 1px solid #eaeaea !important; }
  main .main-011 .blacklist {
    background-color: #f6f6f6 !important;
    color: #343434 !important; }
  main .main-011 .blacktitle {
    background-color: #343434 !important;
    color: #FFFFFF !important; }
  main .main-011 .align-l {
    text-align: left; }
  main .main-011--msg1 {
    font-family: "YuGothB", sans-serif;
    font-size: 20px;
    text-align: center;
    line-height: 2.2em; }
  main .main-011__contents {
    width: 100%;
    max-width: 1000px;
    margin: 40px 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: 30px 20px 30px; }
      main .main-011__contents__title img {
        width: 90px;
        margin-right: 15px; }
      main .main-011__contents__title__item {
        width: calc(100% - 105px); }
        main .main-011__contents__title__item h3 {
          font-family: "YuGothB", sans-serif;
          font-size: 36px;
          color: #ec6763; }
        main .main-011__contents__title__item p {
          font-family: "YuGothB", sans-serif;
          font-size: 14px;
          color: #ec6763; }
    main .main-011__contents__body {
      width: 100%;
      padding: 40px 30px 20px;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      main .main-011__contents__body__chart {
        width: 67%;
        margin-right: 30px; }
        main .main-011__contents__body__chart h3 {
          font-family: "YuGothB", sans-serif;
          font-size: 26px;
          color: #ec6763; }
        main .main-011__contents__body__chart canvas {
          margin-top: 30px; }
        main .main-011__contents__body__chart__list {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          flex-wrap: wrap;
          align-items: center;
          margin-top: 20px; }
          main .main-011__contents__body__chart__list li.title {
            width: calc(27% - 7.5px);
            margin-right: 10px;
            background-color: #ec6763;
            padding: 5px;
            font-family: "YuGothB", sans-serif;
            font-size: 16px;
            color: #FFFFFF;
            text-align: center;
            margin-top: 10px;
            letter-spacing: -0.02em; }
          main .main-011__contents__body__chart__list li.msg {
            width: calc(23% - 7.5px);
            margin-right: 10px;
            font-family: "YuGothB", sans-serif;
            font-size: 18px; }
          main .main-011__contents__body__chart__list li:nth-child(4n) {
            margin-right: 0; }
        main .main-011__contents__body__chart__list2 {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          flex-wrap: wrap;
          align-items: center;
          margin-top: 20px; }
          main .main-011__contents__body__chart__list2 li.title {
            width: auto;
            margin-left: 0;
            margin-right: 20px;
            background-color: #ec6763;
            padding: 5px 20px;
            font-family: "YuGothB", sans-serif;
            font-size: 18px;
            color: #FFFFFF;
            text-align: center;
            margin-top: 20px;
            letter-spacing: -0.02em; }
          main .main-011__contents__body__chart__list2 li.msg {
            width: auto;
            margin-right: auto;
            font-family: "YuGothB", sans-serif;
            font-size: 20px;
            margin-top: 20px; }
            main .main-011__contents__body__chart__list2 li.msg .num {
              font-size: 28px;
              color: #ec6763; }
          main .main-011__contents__body__chart__list2 li.desc {
            width: 100%;
            font-family: "YuGothM", sans-serif;
            font-size: 14px;
            margin-top: 10px; }
      main .main-011__contents__body__desc {
        width: calc(33% - 30px); }
        main .main-011__contents__body__desc h3 {
          font-family: "YuGothB", sans-serif;
          font-size: 24px;
          text-align: center;
          color: #ec6763; }
        main .main-011__contents__body__desc--list {
          margin-top: 20px;
          width: 100%;
          background-color: #fef6f5;
          padding: 20px 20px;
          border-radius: 8px;
          font-family: "YuGothB", sans-serif;
          font-size: 16px;
          color: #ec6763;
          letter-spacing: 0em; }
        main .main-011__contents__body__desc--img1 {
          margin: 20px auto 0;
          width: 100%;
          max-width: 256px; }
        main .main-011__contents__body__desc .mw120 {
          max-width: 120px;
          margin-left: 0; }
      main .main-011__contents__body__effect {
        width: 100%;
        padding: 40px 20px 20px;
        background-color: #fef6f5;
        position: relative;
        margin-top: 70px; }
        main .main-011__contents__body__effect h4 {
          width: 280px;
          text-align: center;
          padding: 10px;
          box-sizing: border-box;
          border-radius: 30px;
          background-color: #ec6763;
          font-family: "YuGothB", sans-serif;
          font-size: 18px;
          color: #FFFFFF;
          position: absolute;
          top: 0;
          left: 50%;
          transform: translate(-50%, -50%); }
        main .main-011__contents__body__effect h3 {
          font-family: "YuGothB", sans-serif;
          font-size: 36px;
          color: #ec6763;
          text-align: center;
          letter-spacing: -0.02em; }
        main .main-011__contents__body__effect p {
          margin-top: 20px;
          font-family: "YuGothM", sans-serif;
          font-size: 16px;
          letter-spacing: -0.03em; }
        main .main-011__contents__body__effect--list {
          width: 100%;
          margin-top: 10px;
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          main .main-011__contents__body__effect--list--item {
            max-width: 385px;
            width: 50%;
            border: 2px solid #ec6763;
            border-radius: 8px;
            padding: 10px 20px;
            background-color: #FFFFFF;
            margin-left: 0;
            margin-right: 0;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            align-items: center; }
            main .main-011__contents__body__effect--list--item li {
              width: calc(50% - 5px);
              margin-right: 10px;
              font-family: "YuGothB", sans-serif;
              font-size: 18px; }
            main .main-011__contents__body__effect--list--item li.red {
              margin-right: 0;
              font-family: "YuGothB", sans-serif;
              font-size: 28px;
              color: #ec6763; }
            main .main-011__contents__body__effect--list--item .small {
              font-size: 20px; }
          main .main-011__contents__body__effect--list .arrow {
            width: 30px;
            margin-left: 10px;
            margin-right: 10px; }
main .main-012 {
  width: 100%;
  padding: 75px 0 160px;
  background-image: url("../img/infulencer/main-005-1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top; }
  main .main-012 h2 {
    font-family: "YuGothB", sans-serif;
    font-size: 40px;
    color: #FFFFFF;
    text-align: center; }
  main .main-012__list {
    width: calc(100% - 40px);
    margin: auto;
    margin-top: 75px;
    display: flex;
    justify-content: center; }
    main .main-012__list img {
      width: calc((100% / 3) - (200px / 3));
      margin-right: 100px;
      max-width: 300px; }
    main .main-012__list img:last-child {
      margin-right: 0; }

main .main-013 {
  background-image: url("../img/agency/main-001-1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  padding-bottom: 40px; }
  main .main-013 .main-007__inner {
    width: calc(100% - 40px);
    max-width: 1370px;
    margin: auto;
    max-width: 1170px;
    margin: auto;
    padding: 510px 0 0; }
    main .main-013 .main-007__inner img {
      width: 100%;
      max-width: 716px; }
main .main-014 {
  width: 100%;
  padding: 70px 20px 50px; }
  main .main-014 h2 {
    font-family: "YuGothB", sans-serif;
    font-size: 40px;
    text-align: center; }
main .main-015 {
  width: 100%;
  background-color: #FFFFFF;
  padding: 80px 20px 20px; }
  main .main-015 h3 {
    font-family: "YuGothB", sans-serif;
    font-size: 28px;
    text-align: center; }
  main .main-015 img {
    width: calc(100% - 40px);
    max-width: 920px;
    margin: 60px auto 0; }
main .main-016 {
  margin-top: 30px;
  width: 100%;
  position: relative;
  padding: 0 0 80px; }
  main .main-016 .title {
    width: calc(100% - 40px);
    max-width: 1000px; }
  main .main-016--bg {
    width: calc(100% - 40px);
    height: 852px;
    max-width: 1206px;
    background-color: #eeeded;
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: -1; }
  main .main-016 .main-011__contents {
    width: calc(100% - 80px); }
main .main-017 {
  width: 100%;
  padding: 80px 0;
  background-color: #ebebeb; }
  main .main-017 h2 {
    font-family: "YuGothB", sans-serif;
    font-size: 36px;
    text-align: center; }
  main .main-017__contents {
    width: calc(100% - 40px);
    max-width: 1370px;
    margin: auto;
    max-width: 1170px;
    margin-top: 20px;
    display: flex;
    justify-content: flex-start; }
    main .main-017__contents__left {
      width: 66.7%;
      background-color: #FFFFFF;
      padding: 30px; }
      main .main-017__contents__left h3 {
        font-family: "YuGothB", sans-serif;
        font-size: 28px; }
      main .main-017__contents__left p {
        font-family: "YuGothM", sans-serif;
        font-size: 16px;
        line-height: 1.8em;
        letter-spacing: 0.02em;
        margin-top: 20px; }
    main .main-017__contents img {
      width: 33.3%;
      object-fit: cover; }
main .main-018 {
  padding: 70px 0 100px;
  background-color: #FFFFFF; }
  main .main-018 .title {
    width: calc(100% - 40px);
    max-width: 1000px; }
  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: 50px; }
    main .main-018__list li {
      margin-top: 20px;
      background-color: #FFFFFF;
      width: calc(20% - 16px);
      margin-right: 20px;
      border-radius: 8px;
      box-shadow: 0px 0px 10px 10px #eeeeee; }
      main .main-018__list li .img1 {
        width: 60px;
        margin: 9px auto; }
      main .main-018__list li .img2 {
        width: 105px;
        margin: auto; }
      main .main-018__list li .img3 {
        width: 106px;
        margin: 25.5px auto; }
      main .main-018__list li .img4 {
        width: 151px;
        margin: 29px auto; }
      main .main-018__list li .img5 {
        width: 155px;
        margin: 30px auto; }
    main .main-018__list li:last-child {
      margin-right: 0; }
